/**
 * Clay 3.119.1
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.119.1
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
@import url(color_schemes/movistar--blue.css?t=1758816451902);
@import url(color_schemes/movistar--green.css?t=1758816451902);
.quick-access-nav {
  position: fixed;
  z-index: 999;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: #a9afb5;
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn, .form-search .input-group .btn-large {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #e5e7e9;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #92e5a5;
  border-color: #69db83;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info .h4,
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #6c757d;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #6c757d;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #f5c4c9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: #bd2130;
  color: #bd2130;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a, .lfr-search-container td .overlay.entry-action .btn-large a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(
		100vh - var(--control-menu-container-height) - 49px
	);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: calc(var(--control-menu-container-height) + 49px);
  transform: translateX(100%);
  transition: transform ease 0.5s;
  visibility: hidden;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
}

@media (min-width: 768px) {
  .contextual-sidebar {
    height: calc(
			100vh - var(--control-menu-container-height) - 64px
		);
    top: calc(
			var(--control-menu-container-height) + 64px
		);
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info {
  transition: none;
}

.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: none;
}

.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: none;
}

.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state.svg);
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-result-message-header,
  .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(../images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header,
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state.svg);
  max-width: 210px;
  padding-top: 232px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(../images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-state {
    background-image: url(../images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-success-state {
    background-image: url(../images/states/success_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-search-state {
    background-image: url(../images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):not(.btn-large):hover .taglib-text, .taglib-icon:not(.btn):not(.btn-large):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.taglib-icon-help {
  color: #6c757d !important;
}
.taglib-icon-help:hover, .taglib-icon-help:active {
  color: #343a40 !important;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection, .taglib-move-boxes .sortable-container .edit-selection.btn-large {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #75b8ff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    background-color: #fff;
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.btn):not(.btn-large):not(.component-action):not(.page-link) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.btn):not(.btn-large):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.btn-large):not(.component-action):not(.page-link):hover {
  color: #000;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h4,
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6,
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item .h6 + .h5,
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #343a40;
  font-weight: 600;
}
.user-info .date-info {
  color: #6c757d;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn, .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn-large {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close, .taglib-search-toggle-advanced-wrapper .close.btn-large {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn, .portal-popup .dialog-footer .btn-large {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row, .portal-popup .columns-max > .portlet-layout.row-fluid {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column, .portal-popup .columns-max > .portlet-layout.row-fluid > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.c-prefers-reduced-motion .portlet-boundary.yui3-dd-dragging {
  transition: none;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn, .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-large {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn, .lfr-source-editor .lfr-source-editor-toolbar li > .btn-large {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #272833;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: -0.0625rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  transition: none;
}

.lfr-page-layouts .card-horizontal {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  transition: none;
}

.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -0.0625rem;
  content: "";
  height: 0;
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  transition: none;
}

.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-open .modal {
  display: block;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn, .sheet-footer .btn-large {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child, .sheet-footer .btn-large:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4a97f2;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #e87523;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fb625b;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4fa488;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #fe4fb5;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #879b7a;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #bf8c2a;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5f9bc7;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-options-dropdown {
  z-index: 1035;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-title-editable {
  pointer-events: none;
}
.controls-hidden .portlet-topper {
  display: none !important;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .c-prefers-reduced-motion .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}
.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}
.c-prefers-reduced-motion .lfr-progress-active .progress-bar-status,
.c-prefers-reduced-motion .lfr-upload-container .file-uploading .progress-bar .progress {
  transition: none;
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem;
}

/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
/* aui.css*/
.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.lighten-5 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-3 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

.red.lighten-2 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-1 {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-3 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3 {
  color: #C62828 !important;
}

.red.darken-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
  color: #B71C1C !important;
}

.red.accent-1 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

.red.accent-2 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-3 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
  color: #FF1744 !important;
}

.red.accent-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4 {
  color: #D50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
  color: #f48fb1 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
  color: #7b1fa2 !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #aa00ff !important;
}

.purple-text.text-accent-4 {
  color: #aa00ff !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}

.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.blue.lighten-4 {
  background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.blue.lighten-3 {
  background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3 {
  color: #90CAF9 !important;
}

.blue.lighten-2 {
  background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.blue.lighten-1 {
  background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1 {
  color: #42A5F5 !important;
}

.blue.darken-1 {
  background-color: #1E88E5 !important;
}

.blue-text.text-darken-1 {
  color: #1E88E5 !important;
}

.blue.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.blue.darken-3 {
  background-color: #1565C0 !important;
}

.blue-text.text-darken-3 {
  color: #1565C0 !important;
}

.blue.darken-4 {
  background-color: #0D47A1 !important;
}

.blue-text.text-darken-4 {
  color: #0D47A1 !important;
}

.blue.accent-1 {
  background-color: #82B1FF !important;
}

.blue-text.text-accent-1 {
  color: #82B1FF !important;
}

.blue.accent-2 {
  background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
  color: #448AFF !important;
}

.blue.accent-3 {
  background-color: #2979FF !important;
}

.blue-text.text-accent-3 {
  color: #2979FF !important;
}

.blue.accent-4 {
  background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
  color: #2962FF !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
  color: #26a69a !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #53bf02 !important;
}

.green-text {
  color: #53bf02 !important;
}

.green.lighten-5 {
  background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5 {
  color: #E8F5E9 !important;
}

.green.lighten-4 {
  background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4 {
  color: #C8E6C9 !important;
}

.green.lighten-3 {
  background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3 {
  color: #A5D6A7 !important;
}

.green.lighten-2 {
  background-color: #81C784 !important;
}

.green-text.text-lighten-2 {
  color: #81C784 !important;
}

.green.lighten-1 {
  background-color: #66BB6A !important;
}

.green-text.text-lighten-1 {
  color: #66BB6A !important;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-3 {
  background-color: #2E7D32 !important;
}

.green-text.text-darken-3 {
  color: #2E7D32 !important;
}

.green.darken-4 {
  background-color: #1B5E20 !important;
}

.green-text.text-darken-4 {
  color: #1B5E20 !important;
}

.green.accent-1 {
  background-color: #B9F6CA !important;
}

.green-text.text-accent-1 {
  color: #B9F6CA !important;
}

.green.accent-2 {
  background-color: #69F0AE !important;
}

.green-text.text-accent-2 {
  color: #69F0AE !important;
}

.green.accent-3 {
  background-color: #00E676 !important;
}

.green-text.text-accent-3 {
  color: #00E676 !important;
}

.green.accent-4 {
  background-color: #00C853 !important;
}

.green-text.text-accent-4 {
  color: #00C853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ffff00 !important;
}

.yellow-text.text-accent-2 {
  color: #ffff00 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

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

.white-text {
  color: #FFFFFF !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

ul {
  padding-left: 0;
  list-style-type: none;
}
ul li {
  list-style-type: none;
}

a {
  color: #007bff;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.valign-wrapper {
  display: flex;
  align-items: center;
}

.clearfix {
  clear: both;
}

.z-depth-0 {
  box-shadow: none !important;
}

.z-depth-1, .side-nav, .collapsible, .dropdown-content, .btn-floating, .btn, .btn-large, .toast, .card, .card-panel {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.z-depth-1-half, .btn-floating:hover, .btn:hover, .btn-large:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-4, .modal {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

.z-depth-5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.hoverable {
  transition: box-shadow 0.25s;
  box-shadow: 0;
}

.hoverable:hover {
  transition: box-shadow 0.25s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #fdeaeb;
}

i {
  line-height: inherit;
}
i.left {
  float: left;
  margin-right: 15px;
}
i.right {
  float: right;
  margin-left: 15px;
}
i.tiny {
  font-size: 1rem;
}
i.small {
  font-size: 2rem;
}
i.medium {
  font-size: 4rem;
}
i.large {
  font-size: 6rem;
}

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px;
}
.pagination li a {
  color: #444;
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
}
.pagination li.active a {
  color: #fff;
}
.pagination li.active {
  background-color: #fdeaeb;
}
.pagination li.disabled a {
  cursor: default;
  color: #999;
}
.pagination li i {
  font-size: 2rem;
}
.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

@media only screen and (max-width : 992px) {
  .pagination {
    width: 100%;
  }
  .pagination li.prev,
  .pagination li.next {
    width: 10%;
  }
  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}
.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.breadcrumb i,
.breadcrumb [class^=mdi-], .breadcrumb [class*=mdi-],
.breadcrumb i.material-icons {
  display: inline-block;
  float: left;
  font-size: 24px;
}
.breadcrumb:before {
  content: "\e5cc";
  color: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  display: inline-block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;
}
.breadcrumb:first-child:before {
  display: none;
}
.breadcrumb:last-child {
  color: #fff;
}

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width : 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width : 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width : 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width : 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width : 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

.page-footer {
  padding-top: 20px;
  background-color: #fdeaeb;
}
.page-footer .footer-copyright {
  overflow: hidden;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}

table, th, td {
  border: none;
}

table {
  width: 100%;
  display: table;
}
table.bordered > thead > tr, table.bordered > tbody > tr {
  border-bottom: 1px solid #dee2e6;
}
table.striped > tbody > tr:nth-child(odd) {
  background-color: #f2f2f2;
}
table.striped > tbody > tr > td {
  border-radius: 0;
}
table.highlight > tbody > tr {
  transition: background-color 0.25s ease;
}
table.highlight > tbody > tr:hover {
  background-color: #f2f2f2;
}
table.centered thead tr th, table.centered tbody tr td {
  text-align: center;
}

thead {
  border-bottom: 1px solid #dee2e6;
}

td, th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width : 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }
  table.responsive-table td:empty:before {
    content: " ";
  }
  table.responsive-table th,
  table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  table.responsive-table th {
    text-align: left;
  }
  table.responsive-table thead {
    display: block;
    float: left;
  }
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  table.responsive-table thead tr th::before {
    content: " ";
  }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  table.responsive-table tr {
    padding: 0 10px;
  }
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid #dee2e6;
  }
  table.responsive-table.bordered th {
    border-bottom: 0;
    border-left: 0;
  }
  table.responsive-table.bordered td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  table.responsive-table.bordered tr {
    border: 0;
  }
  table.responsive-table.bordered tbody tr {
    border-right: 1px solid #dee2e6;
  }
}
.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}
.collection .collection-item.avatar .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}
.collection .collection-item.avatar .title {
  font-size: 16px;
}
.collection .collection-item.avatar p {
  margin: 0;
}
.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}
.collection .collection-item:last-child {
  border-bottom: none;
}
.collection .collection-item.active {
  background-color: #53bf02;
  color: #eaffdb;
}
.collection .collection-item.active .secondary-content {
  color: #fff;
}
.collection a.collection-item {
  display: block;
  transition: 0.25s;
  color: #53bf02;
}
.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}
.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}
.collection.with-header .collection-item {
  padding-left: 30px;
}
.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #53bf02;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: white;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}
.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  transition: width 0.3s linear;
}
.progress .indeterminate {
  background-color: #fff;
}
.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

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

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

.center, .center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select, input[type=range],
input[type=range] + .thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-padding {
  padding: 0 !important;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  box-sizing: border-box;
}
span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #53bf02;
  border-radius: 2px;
}
span.badge.new:after {
  content: " new";
}
span.badge[data-badge-caption]::after {
  content: " " attr(data-badge-caption);
}

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px;
}

.collection-item span.badge {
  margin-top: calc(0.75rem - 11px);
}

.collapsible span.badge {
  margin-top: calc(1.5rem - 11px);
}

.side-nav span.badge {
  margin-top: calc(24px - 11px);
}

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.container {
  margin: 0 auto !important;
  max-width: 1280px !important;
  width: 90% !important;
}

.container-full {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.container-full .row .col, .container-full .row .offset12, .container-full .row .offset11, .container-full .row .offset10, .container-full .row .offset9, .container-full .row .offset8, .container-full .row .offset7, .container-full .row .offset6, .container-full .row .offset5, .container-full .row .offset4, .container-full .row .offset3, .container-full .row .offset2, .container-full .row .offset1, .container-full .row .span11, .container-full .row .span1,
.container-full .row .span2,
.container-full .row .span3,
.container-full .row .span4,
.container-full .row .span5,
.container-full .row .span6,
.container-full .row .span7,
.container-full .row .span8,
.container-full .row .span9,
.container-full .row .span10,
.container-full .row .span12, .container-full .row-fluid .col, .container-full .row-fluid .offset12, .container-full .row-fluid .offset11, .container-full .row-fluid .offset10, .container-full .row-fluid .offset9, .container-full .row-fluid .offset8, .container-full .row-fluid .offset7, .container-full .row-fluid .offset6, .container-full .row-fluid .offset5, .container-full .row-fluid .offset4, .container-full .row-fluid .offset3, .container-full .row-fluid .offset2, .container-full .row-fluid .offset1, .container-full .row-fluid .span11, .container-full .row-fluid .span1,
.container-full .row-fluid .span2,
.container-full .row-fluid .span3,
.container-full .row-fluid .span4,
.container-full .row-fluid .span5,
.container-full .row-fluid .span6,
.container-full .row-fluid .span7,
.container-full .row-fluid .span8,
.container-full .row-fluid .span9,
.container-full .row-fluid .span10,
.container-full .row-fluid .span12 {
  padding: 0;
}

@media only screen and (min-width : 601px) {
  .container {
    width: 85% !important;
  }
}
@media only screen and (min-width : 993px) {
  .container-full {
    width: 85%;
    max-width: 1280px;
  }
  .container-full-blue {
    width: 62%;
    margin: 0 auto;
  }
  .container-full .row .col, .container-full .row .offset12, .container-full .row .offset11, .container-full .row .offset10, .container-full .row .offset9, .container-full .row .offset8, .container-full .row .offset7, .container-full .row .offset6, .container-full .row .offset5, .container-full .row .offset4, .container-full .row .offset3, .container-full .row .offset2, .container-full .row .offset1, .container-full .row .span11, .container-full .row .span1,
  .container-full .row .span2,
  .container-full .row .span3,
  .container-full .row .span4,
  .container-full .row .span5,
  .container-full .row .span6,
  .container-full .row .span7,
  .container-full .row .span8,
  .container-full .row .span9,
  .container-full .row .span10,
  .container-full .row .span12, .container-full .row-fluid .col, .container-full .row-fluid .offset12, .container-full .row-fluid .offset11, .container-full .row-fluid .offset10, .container-full .row-fluid .offset9, .container-full .row-fluid .offset8, .container-full .row-fluid .offset7, .container-full .row-fluid .offset6, .container-full .row-fluid .offset5, .container-full .row-fluid .offset4, .container-full .row-fluid .offset3, .container-full .row-fluid .offset2, .container-full .row-fluid .offset1, .container-full .row-fluid .span11, .container-full .row-fluid .span1,
  .container-full .row-fluid .span2,
  .container-full .row-fluid .span3,
  .container-full .row-fluid .span4,
  .container-full .row-fluid .span5,
  .container-full .row-fluid .span6,
  .container-full .row-fluid .span7,
  .container-full .row-fluid .span8,
  .container-full .row-fluid .span9,
  .container-full .row-fluid .span10,
  .container-full .row-fluid .span12 {
    padding: 0 0.75rem;
  }
}
/* @media only screen and (min-width : 993px) {
.container, .container-full {
width: 80%;
}
} */
.container .row, .container .row-fluid, .container-full .row, .container-full .row-fluid {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.container-form {
  width: 90%;
  margin: 0 auto;
}
.container-form .row .col.input-field, .container-form .row .input-field.offset12, .container-form .row .input-field.offset11, .container-form .row .input-field.offset10, .container-form .row .input-field.offset9, .container-form .row .input-field.offset8, .container-form .row .input-field.offset7, .container-form .row .input-field.offset6, .container-form .row .input-field.offset5, .container-form .row .input-field.offset4, .container-form .row .input-field.offset3, .container-form .row .input-field.offset2, .container-form .row .input-field.offset1, .container-form .row .input-field.span11, .container-form .row .input-field.span1,
.container-form .row .input-field.span2,
.container-form .row .input-field.span3,
.container-form .row .input-field.span4,
.container-form .row .input-field.span5,
.container-form .row .input-field.span6,
.container-form .row .input-field.span7,
.container-form .row .input-field.span8,
.container-form .row .input-field.span9,
.container-form .row .input-field.span10,
.container-form .row .input-field.span12, .container-form .row-fluid .col.input-field, .container-form .row-fluid .input-field.offset12, .container-form .row-fluid .input-field.offset11, .container-form .row-fluid .input-field.offset10, .container-form .row-fluid .input-field.offset9, .container-form .row-fluid .input-field.offset8, .container-form .row-fluid .input-field.offset7, .container-form .row-fluid .input-field.offset6, .container-form .row-fluid .input-field.offset5, .container-form .row-fluid .input-field.offset4, .container-form .row-fluid .input-field.offset3, .container-form .row-fluid .input-field.offset2, .container-form .row-fluid .input-field.offset1, .container-form .row-fluid .input-field.span11, .container-form .row-fluid .input-field.span1,
.container-form .row-fluid .input-field.span2,
.container-form .row-fluid .input-field.span3,
.container-form .row-fluid .input-field.span4,
.container-form .row-fluid .input-field.span5,
.container-form .row-fluid .input-field.span6,
.container-form .row-fluid .input-field.span7,
.container-form .row-fluid .input-field.span8,
.container-form .row-fluid .input-field.span9,
.container-form .row-fluid .input-field.span10,
.container-form .row-fluid .input-field.span12 {
  padding: 0 5px;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.no-pad {
  padding: 0;
}
.section.no-pad-bot {
  padding-bottom: 0;
}
.section.no-pad-top {
  padding-top: 0;
}

.row, .row-fluid {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:last-child, .row-fluid:last-child {
  margin-bottom: 0;
}
.row:after, .row-fluid:after {
  content: "";
  display: table;
  clear: both;
}
.row .col, .row .offset12, .row .offset11, .row .offset10, .row .offset9, .row .offset8, .row .offset7, .row .offset6, .row .offset5, .row .offset4, .row .offset3, .row .offset2, .row .offset1, .row .span11, .row .span1,
.row .span2,
.row .span3,
.row .span4,
.row .span5,
.row .span6,
.row .span7,
.row .span8,
.row .span9,
.row .span10,
.row .span12, .row-fluid .col, .row-fluid .offset12, .row-fluid .offset11, .row-fluid .offset10, .row-fluid .offset9, .row-fluid .offset8, .row-fluid .offset7, .row-fluid .offset6, .row-fluid .offset5, .row-fluid .offset4, .row-fluid .offset3, .row-fluid .offset2, .row-fluid .offset1, .row-fluid .span11, .row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span12 {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}
.row .col[class*=push-], .row [class*=push-].offset12, .row [class*=push-].offset11, .row [class*=push-].offset10, .row [class*=push-].offset9, .row [class*=push-].offset8, .row [class*=push-].offset7, .row [class*=push-].offset6, .row [class*=push-].offset5, .row [class*=push-].offset4, .row [class*=push-].offset3, .row [class*=push-].offset2, .row [class*=push-].offset1, .row [class*=push-].span11, .row [class*=push-].span1,
.row [class*=push-].span2,
.row [class*=push-].span3,
.row [class*=push-].span4,
.row [class*=push-].span5,
.row [class*=push-].span6,
.row [class*=push-].span7,
.row [class*=push-].span8,
.row [class*=push-].span9,
.row [class*=push-].span10,
.row [class*=push-].span12, .row-fluid .col[class*=push-], .row-fluid [class*=push-].offset12, .row-fluid [class*=push-].offset11, .row-fluid [class*=push-].offset10, .row-fluid [class*=push-].offset9, .row-fluid [class*=push-].offset8, .row-fluid [class*=push-].offset7, .row-fluid [class*=push-].offset6, .row-fluid [class*=push-].offset5, .row-fluid [class*=push-].offset4, .row-fluid [class*=push-].offset3, .row-fluid [class*=push-].offset2, .row-fluid [class*=push-].offset1, .row-fluid [class*=push-].span11, .row-fluid [class*=push-].span1,
.row-fluid [class*=push-].span2,
.row-fluid [class*=push-].span3,
.row-fluid [class*=push-].span4,
.row-fluid [class*=push-].span5,
.row-fluid [class*=push-].span6,
.row-fluid [class*=push-].span7,
.row-fluid [class*=push-].span8,
.row-fluid [class*=push-].span9,
.row-fluid [class*=push-].span10,
.row-fluid [class*=push-].span12, .row .col[class*=pull-], .row [class*=pull-].offset12, .row [class*=pull-].offset11, .row [class*=pull-].offset10, .row [class*=pull-].offset9, .row [class*=pull-].offset8, .row [class*=pull-].offset7, .row [class*=pull-].offset6, .row [class*=pull-].offset5, .row [class*=pull-].offset4, .row [class*=pull-].offset3, .row [class*=pull-].offset2, .row [class*=pull-].offset1, .row [class*=pull-].span11, .row [class*=pull-].span1,
.row [class*=pull-].span2,
.row [class*=pull-].span3,
.row [class*=pull-].span4,
.row [class*=pull-].span5,
.row [class*=pull-].span6,
.row [class*=pull-].span7,
.row [class*=pull-].span8,
.row [class*=pull-].span9,
.row [class*=pull-].span10,
.row [class*=pull-].span12, .row-fluid .col[class*=pull-], .row-fluid [class*=pull-].offset12, .row-fluid [class*=pull-].offset11, .row-fluid [class*=pull-].offset10, .row-fluid [class*=pull-].offset9, .row-fluid [class*=pull-].offset8, .row-fluid [class*=pull-].offset7, .row-fluid [class*=pull-].offset6, .row-fluid [class*=pull-].offset5, .row-fluid [class*=pull-].offset4, .row-fluid [class*=pull-].offset3, .row-fluid [class*=pull-].offset2, .row-fluid [class*=pull-].offset1, .row-fluid [class*=pull-].span11, .row-fluid [class*=pull-].span1,
.row-fluid [class*=pull-].span2,
.row-fluid [class*=pull-].span3,
.row-fluid [class*=pull-].span4,
.row-fluid [class*=pull-].span5,
.row-fluid [class*=pull-].span6,
.row-fluid [class*=pull-].span7,
.row-fluid [class*=pull-].span8,
.row-fluid [class*=pull-].span9,
.row-fluid [class*=pull-].span10,
.row-fluid [class*=pull-].span12 {
  position: relative;
}
.row .col.s1, .row .s1.offset12, .row .s1.offset11, .row .s1.offset10, .row .s1.offset9, .row .s1.offset8, .row .s1.offset7, .row .s1.offset6, .row .s1.offset5, .row .s1.offset4, .row .s1.offset3, .row .s1.offset2, .row .s1.offset1, .row .s1.span11, .row .s1.span1,
.row .s1.span2,
.row .s1.span3,
.row .s1.span4,
.row .s1.span5,
.row .s1.span6,
.row .s1.span7,
.row .s1.span8,
.row .s1.span9,
.row .s1.span10,
.row .s1.span12, .row-fluid .col.s1, .row-fluid .s1.offset12, .row-fluid .s1.offset11, .row-fluid .s1.offset10, .row-fluid .s1.offset9, .row-fluid .s1.offset8, .row-fluid .s1.offset7, .row-fluid .s1.offset6, .row-fluid .s1.offset5, .row-fluid .s1.offset4, .row-fluid .s1.offset3, .row-fluid .s1.offset2, .row-fluid .s1.offset1, .row-fluid .s1.span11, .row-fluid .s1.span1,
.row-fluid .s1.span2,
.row-fluid .s1.span3,
.row-fluid .s1.span4,
.row-fluid .s1.span5,
.row-fluid .s1.span6,
.row-fluid .s1.span7,
.row-fluid .s1.span8,
.row-fluid .s1.span9,
.row-fluid .s1.span10,
.row-fluid .s1.span12 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s2, .row .s2.offset12, .row .s2.offset11, .row .s2.offset10, .row .s2.offset9, .row .s2.offset8, .row .s2.offset7, .row .s2.offset6, .row .s2.offset5, .row .s2.offset4, .row .s2.offset3, .row .s2.offset2, .row .s2.offset1, .row .s2.span11, .row .s2.span1,
.row .s2.span2,
.row .s2.span3,
.row .s2.span4,
.row .s2.span5,
.row .s2.span6,
.row .s2.span7,
.row .s2.span8,
.row .s2.span9,
.row .s2.span10,
.row .s2.span12, .row-fluid .col.s2, .row-fluid .s2.offset12, .row-fluid .s2.offset11, .row-fluid .s2.offset10, .row-fluid .s2.offset9, .row-fluid .s2.offset8, .row-fluid .s2.offset7, .row-fluid .s2.offset6, .row-fluid .s2.offset5, .row-fluid .s2.offset4, .row-fluid .s2.offset3, .row-fluid .s2.offset2, .row-fluid .s2.offset1, .row-fluid .s2.span11, .row-fluid .s2.span1,
.row-fluid .s2.span2,
.row-fluid .s2.span3,
.row-fluid .s2.span4,
.row-fluid .s2.span5,
.row-fluid .s2.span6,
.row-fluid .s2.span7,
.row-fluid .s2.span8,
.row-fluid .s2.span9,
.row-fluid .s2.span10,
.row-fluid .s2.span12 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s3, .row .s3.offset12, .row .s3.offset11, .row .s3.offset10, .row .s3.offset9, .row .s3.offset8, .row .s3.offset7, .row .s3.offset6, .row .s3.offset5, .row .s3.offset4, .row .s3.offset3, .row .s3.offset2, .row .s3.offset1, .row .s3.span11, .row .s3.span1,
.row .s3.span2,
.row .s3.span3,
.row .s3.span4,
.row .s3.span5,
.row .s3.span6,
.row .s3.span7,
.row .s3.span8,
.row .s3.span9,
.row .s3.span10,
.row .s3.span12, .row-fluid .col.s3, .row-fluid .s3.offset12, .row-fluid .s3.offset11, .row-fluid .s3.offset10, .row-fluid .s3.offset9, .row-fluid .s3.offset8, .row-fluid .s3.offset7, .row-fluid .s3.offset6, .row-fluid .s3.offset5, .row-fluid .s3.offset4, .row-fluid .s3.offset3, .row-fluid .s3.offset2, .row-fluid .s3.offset1, .row-fluid .s3.span11, .row-fluid .s3.span1,
.row-fluid .s3.span2,
.row-fluid .s3.span3,
.row-fluid .s3.span4,
.row-fluid .s3.span5,
.row-fluid .s3.span6,
.row-fluid .s3.span7,
.row-fluid .s3.span8,
.row-fluid .s3.span9,
.row-fluid .s3.span10,
.row-fluid .s3.span12 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s4, .row .s4.offset12, .row .s4.offset11, .row .s4.offset10, .row .s4.offset9, .row .s4.offset8, .row .s4.offset7, .row .s4.offset6, .row .s4.offset5, .row .s4.offset4, .row .s4.offset3, .row .s4.offset2, .row .s4.offset1, .row .s4.span11, .row .s4.span1,
.row .s4.span2,
.row .s4.span3,
.row .s4.span4,
.row .s4.span5,
.row .s4.span6,
.row .s4.span7,
.row .s4.span8,
.row .s4.span9,
.row .s4.span10,
.row .s4.span12, .row-fluid .col.s4, .row-fluid .s4.offset12, .row-fluid .s4.offset11, .row-fluid .s4.offset10, .row-fluid .s4.offset9, .row-fluid .s4.offset8, .row-fluid .s4.offset7, .row-fluid .s4.offset6, .row-fluid .s4.offset5, .row-fluid .s4.offset4, .row-fluid .s4.offset3, .row-fluid .s4.offset2, .row-fluid .s4.offset1, .row-fluid .s4.span11, .row-fluid .s4.span1,
.row-fluid .s4.span2,
.row-fluid .s4.span3,
.row-fluid .s4.span4,
.row-fluid .s4.span5,
.row-fluid .s4.span6,
.row-fluid .s4.span7,
.row-fluid .s4.span8,
.row-fluid .s4.span9,
.row-fluid .s4.span10,
.row-fluid .s4.span12 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s5, .row .s5.offset12, .row .s5.offset11, .row .s5.offset10, .row .s5.offset9, .row .s5.offset8, .row .s5.offset7, .row .s5.offset6, .row .s5.offset5, .row .s5.offset4, .row .s5.offset3, .row .s5.offset2, .row .s5.offset1, .row .s5.span11, .row .s5.span1,
.row .s5.span2,
.row .s5.span3,
.row .s5.span4,
.row .s5.span5,
.row .s5.span6,
.row .s5.span7,
.row .s5.span8,
.row .s5.span9,
.row .s5.span10,
.row .s5.span12, .row-fluid .col.s5, .row-fluid .s5.offset12, .row-fluid .s5.offset11, .row-fluid .s5.offset10, .row-fluid .s5.offset9, .row-fluid .s5.offset8, .row-fluid .s5.offset7, .row-fluid .s5.offset6, .row-fluid .s5.offset5, .row-fluid .s5.offset4, .row-fluid .s5.offset3, .row-fluid .s5.offset2, .row-fluid .s5.offset1, .row-fluid .s5.span11, .row-fluid .s5.span1,
.row-fluid .s5.span2,
.row-fluid .s5.span3,
.row-fluid .s5.span4,
.row-fluid .s5.span5,
.row-fluid .s5.span6,
.row-fluid .s5.span7,
.row-fluid .s5.span8,
.row-fluid .s5.span9,
.row-fluid .s5.span10,
.row-fluid .s5.span12 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s6, .row .s6.offset12, .row .s6.offset11, .row .s6.offset10, .row .s6.offset9, .row .s6.offset8, .row .s6.offset7, .row .s6.offset6, .row .s6.offset5, .row .s6.offset4, .row .s6.offset3, .row .s6.offset2, .row .s6.offset1, .row .s6.span11, .row .s6.span1,
.row .s6.span2,
.row .s6.span3,
.row .s6.span4,
.row .s6.span5,
.row .s6.span6,
.row .s6.span7,
.row .s6.span8,
.row .s6.span9,
.row .s6.span10,
.row .s6.span12, .row-fluid .col.s6, .row-fluid .s6.offset12, .row-fluid .s6.offset11, .row-fluid .s6.offset10, .row-fluid .s6.offset9, .row-fluid .s6.offset8, .row-fluid .s6.offset7, .row-fluid .s6.offset6, .row-fluid .s6.offset5, .row-fluid .s6.offset4, .row-fluid .s6.offset3, .row-fluid .s6.offset2, .row-fluid .s6.offset1, .row-fluid .s6.span11, .row-fluid .s6.span1,
.row-fluid .s6.span2,
.row-fluid .s6.span3,
.row-fluid .s6.span4,
.row-fluid .s6.span5,
.row-fluid .s6.span6,
.row-fluid .s6.span7,
.row-fluid .s6.span8,
.row-fluid .s6.span9,
.row-fluid .s6.span10,
.row-fluid .s6.span12 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s7, .row .s7.offset12, .row .s7.offset11, .row .s7.offset10, .row .s7.offset9, .row .s7.offset8, .row .s7.offset7, .row .s7.offset6, .row .s7.offset5, .row .s7.offset4, .row .s7.offset3, .row .s7.offset2, .row .s7.offset1, .row .s7.span11, .row .s7.span1,
.row .s7.span2,
.row .s7.span3,
.row .s7.span4,
.row .s7.span5,
.row .s7.span6,
.row .s7.span7,
.row .s7.span8,
.row .s7.span9,
.row .s7.span10,
.row .s7.span12, .row-fluid .col.s7, .row-fluid .s7.offset12, .row-fluid .s7.offset11, .row-fluid .s7.offset10, .row-fluid .s7.offset9, .row-fluid .s7.offset8, .row-fluid .s7.offset7, .row-fluid .s7.offset6, .row-fluid .s7.offset5, .row-fluid .s7.offset4, .row-fluid .s7.offset3, .row-fluid .s7.offset2, .row-fluid .s7.offset1, .row-fluid .s7.span11, .row-fluid .s7.span1,
.row-fluid .s7.span2,
.row-fluid .s7.span3,
.row-fluid .s7.span4,
.row-fluid .s7.span5,
.row-fluid .s7.span6,
.row-fluid .s7.span7,
.row-fluid .s7.span8,
.row-fluid .s7.span9,
.row-fluid .s7.span10,
.row-fluid .s7.span12 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s8, .row .s8.offset12, .row .s8.offset11, .row .s8.offset10, .row .s8.offset9, .row .s8.offset8, .row .s8.offset7, .row .s8.offset6, .row .s8.offset5, .row .s8.offset4, .row .s8.offset3, .row .s8.offset2, .row .s8.offset1, .row .s8.span11, .row .s8.span1,
.row .s8.span2,
.row .s8.span3,
.row .s8.span4,
.row .s8.span5,
.row .s8.span6,
.row .s8.span7,
.row .s8.span8,
.row .s8.span9,
.row .s8.span10,
.row .s8.span12, .row-fluid .col.s8, .row-fluid .s8.offset12, .row-fluid .s8.offset11, .row-fluid .s8.offset10, .row-fluid .s8.offset9, .row-fluid .s8.offset8, .row-fluid .s8.offset7, .row-fluid .s8.offset6, .row-fluid .s8.offset5, .row-fluid .s8.offset4, .row-fluid .s8.offset3, .row-fluid .s8.offset2, .row-fluid .s8.offset1, .row-fluid .s8.span11, .row-fluid .s8.span1,
.row-fluid .s8.span2,
.row-fluid .s8.span3,
.row-fluid .s8.span4,
.row-fluid .s8.span5,
.row-fluid .s8.span6,
.row-fluid .s8.span7,
.row-fluid .s8.span8,
.row-fluid .s8.span9,
.row-fluid .s8.span10,
.row-fluid .s8.span12 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s9, .row .s9.offset12, .row .s9.offset11, .row .s9.offset10, .row .s9.offset9, .row .s9.offset8, .row .s9.offset7, .row .s9.offset6, .row .s9.offset5, .row .s9.offset4, .row .s9.offset3, .row .s9.offset2, .row .s9.offset1, .row .s9.span11, .row .s9.span1,
.row .s9.span2,
.row .s9.span3,
.row .s9.span4,
.row .s9.span5,
.row .s9.span6,
.row .s9.span7,
.row .s9.span8,
.row .s9.span9,
.row .s9.span10,
.row .s9.span12, .row-fluid .col.s9, .row-fluid .s9.offset12, .row-fluid .s9.offset11, .row-fluid .s9.offset10, .row-fluid .s9.offset9, .row-fluid .s9.offset8, .row-fluid .s9.offset7, .row-fluid .s9.offset6, .row-fluid .s9.offset5, .row-fluid .s9.offset4, .row-fluid .s9.offset3, .row-fluid .s9.offset2, .row-fluid .s9.offset1, .row-fluid .s9.span11, .row-fluid .s9.span1,
.row-fluid .s9.span2,
.row-fluid .s9.span3,
.row-fluid .s9.span4,
.row-fluid .s9.span5,
.row-fluid .s9.span6,
.row-fluid .s9.span7,
.row-fluid .s9.span8,
.row-fluid .s9.span9,
.row-fluid .s9.span10,
.row-fluid .s9.span12 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s10, .row .s10.offset12, .row .s10.offset11, .row .s10.offset10, .row .s10.offset9, .row .s10.offset8, .row .s10.offset7, .row .s10.offset6, .row .s10.offset5, .row .s10.offset4, .row .s10.offset3, .row .s10.offset2, .row .s10.offset1, .row .s10.span11, .row .s10.span1,
.row .s10.span2,
.row .s10.span3,
.row .s10.span4,
.row .s10.span5,
.row .s10.span6,
.row .s10.span7,
.row .s10.span8,
.row .s10.span9,
.row .s10.span10,
.row .s10.span12, .row-fluid .col.s10, .row-fluid .s10.offset12, .row-fluid .s10.offset11, .row-fluid .s10.offset10, .row-fluid .s10.offset9, .row-fluid .s10.offset8, .row-fluid .s10.offset7, .row-fluid .s10.offset6, .row-fluid .s10.offset5, .row-fluid .s10.offset4, .row-fluid .s10.offset3, .row-fluid .s10.offset2, .row-fluid .s10.offset1, .row-fluid .s10.span11, .row-fluid .s10.span1,
.row-fluid .s10.span2,
.row-fluid .s10.span3,
.row-fluid .s10.span4,
.row-fluid .s10.span5,
.row-fluid .s10.span6,
.row-fluid .s10.span7,
.row-fluid .s10.span8,
.row-fluid .s10.span9,
.row-fluid .s10.span10,
.row-fluid .s10.span12 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s11, .row .s11.offset12, .row .s11.offset11, .row .s11.offset10, .row .s11.offset9, .row .s11.offset8, .row .s11.offset7, .row .s11.offset6, .row .s11.offset5, .row .s11.offset4, .row .s11.offset3, .row .s11.offset2, .row .s11.offset1, .row .s11.span11, .row .s11.span1,
.row .s11.span2,
.row .s11.span3,
.row .s11.span4,
.row .s11.span5,
.row .s11.span6,
.row .s11.span7,
.row .s11.span8,
.row .s11.span9,
.row .s11.span10,
.row .s11.span12, .row-fluid .col.s11, .row-fluid .s11.offset12, .row-fluid .s11.offset11, .row-fluid .s11.offset10, .row-fluid .s11.offset9, .row-fluid .s11.offset8, .row-fluid .s11.offset7, .row-fluid .s11.offset6, .row-fluid .s11.offset5, .row-fluid .s11.offset4, .row-fluid .s11.offset3, .row-fluid .s11.offset2, .row-fluid .s11.offset1, .row-fluid .s11.span11, .row-fluid .s11.span1,
.row-fluid .s11.span2,
.row-fluid .s11.span3,
.row-fluid .s11.span4,
.row-fluid .s11.span5,
.row-fluid .s11.span6,
.row-fluid .s11.span7,
.row-fluid .s11.span8,
.row-fluid .s11.span9,
.row-fluid .s11.span10,
.row-fluid .s11.span12 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s12, .row .s12.offset12, .row .s12.offset11, .row .s12.offset10, .row .s12.offset9, .row .s12.offset8, .row .s12.offset7, .row .s12.offset6, .row .s12.offset5, .row .s12.offset4, .row .s12.offset3, .row .s12.offset2, .row .s12.offset1, .row .s12.span11, .row .s12.span1,
.row .s12.span2,
.row .s12.span3,
.row .s12.span4,
.row .s12.span5,
.row .s12.span6,
.row .s12.span7,
.row .s12.span8,
.row .s12.span9,
.row .s12.span10,
.row .s12.span12, .row-fluid .col.s12, .row-fluid .s12.offset12, .row-fluid .s12.offset11, .row-fluid .s12.offset10, .row-fluid .s12.offset9, .row-fluid .s12.offset8, .row-fluid .s12.offset7, .row-fluid .s12.offset6, .row-fluid .s12.offset5, .row-fluid .s12.offset4, .row-fluid .s12.offset3, .row-fluid .s12.offset2, .row-fluid .s12.offset1, .row-fluid .s12.span11, .row-fluid .s12.span1,
.row-fluid .s12.span2,
.row-fluid .s12.span3,
.row-fluid .s12.span4,
.row-fluid .s12.span5,
.row-fluid .s12.span6,
.row-fluid .s12.span7,
.row-fluid .s12.span8,
.row-fluid .s12.span9,
.row-fluid .s12.span10,
.row-fluid .s12.span12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.offset-s1, .row .offset-s1.offset12, .row .offset-s1.offset11, .row .offset-s1.offset10, .row .offset-s1.offset9, .row .offset-s1.offset8, .row .offset-s1.offset7, .row .offset-s1.offset6, .row .offset-s1.offset5, .row .offset-s1.offset4, .row .offset-s1.offset3, .row .offset-s1.offset2, .row .offset-s1.offset1, .row .offset-s1.span11, .row .offset-s1.span1,
.row .offset-s1.span2,
.row .offset-s1.span3,
.row .offset-s1.span4,
.row .offset-s1.span5,
.row .offset-s1.span6,
.row .offset-s1.span7,
.row .offset-s1.span8,
.row .offset-s1.span9,
.row .offset-s1.span10,
.row .offset-s1.span12, .row-fluid .col.offset-s1, .row-fluid .offset-s1.offset12, .row-fluid .offset-s1.offset11, .row-fluid .offset-s1.offset10, .row-fluid .offset-s1.offset9, .row-fluid .offset-s1.offset8, .row-fluid .offset-s1.offset7, .row-fluid .offset-s1.offset6, .row-fluid .offset-s1.offset5, .row-fluid .offset-s1.offset4, .row-fluid .offset-s1.offset3, .row-fluid .offset-s1.offset2, .row-fluid .offset-s1.offset1, .row-fluid .offset-s1.span11, .row-fluid .offset-s1.span1,
.row-fluid .offset-s1.span2,
.row-fluid .offset-s1.span3,
.row-fluid .offset-s1.span4,
.row-fluid .offset-s1.span5,
.row-fluid .offset-s1.span6,
.row-fluid .offset-s1.span7,
.row-fluid .offset-s1.span8,
.row-fluid .offset-s1.span9,
.row-fluid .offset-s1.span10,
.row-fluid .offset-s1.span12 {
  margin-left: 8.3333333333%;
}
.row .col.pull-s1, .row .pull-s1.offset12, .row .pull-s1.offset11, .row .pull-s1.offset10, .row .pull-s1.offset9, .row .pull-s1.offset8, .row .pull-s1.offset7, .row .pull-s1.offset6, .row .pull-s1.offset5, .row .pull-s1.offset4, .row .pull-s1.offset3, .row .pull-s1.offset2, .row .pull-s1.offset1, .row .pull-s1.span11, .row .pull-s1.span1,
.row .pull-s1.span2,
.row .pull-s1.span3,
.row .pull-s1.span4,
.row .pull-s1.span5,
.row .pull-s1.span6,
.row .pull-s1.span7,
.row .pull-s1.span8,
.row .pull-s1.span9,
.row .pull-s1.span10,
.row .pull-s1.span12, .row-fluid .col.pull-s1, .row-fluid .pull-s1.offset12, .row-fluid .pull-s1.offset11, .row-fluid .pull-s1.offset10, .row-fluid .pull-s1.offset9, .row-fluid .pull-s1.offset8, .row-fluid .pull-s1.offset7, .row-fluid .pull-s1.offset6, .row-fluid .pull-s1.offset5, .row-fluid .pull-s1.offset4, .row-fluid .pull-s1.offset3, .row-fluid .pull-s1.offset2, .row-fluid .pull-s1.offset1, .row-fluid .pull-s1.span11, .row-fluid .pull-s1.span1,
.row-fluid .pull-s1.span2,
.row-fluid .pull-s1.span3,
.row-fluid .pull-s1.span4,
.row-fluid .pull-s1.span5,
.row-fluid .pull-s1.span6,
.row-fluid .pull-s1.span7,
.row-fluid .pull-s1.span8,
.row-fluid .pull-s1.span9,
.row-fluid .pull-s1.span10,
.row-fluid .pull-s1.span12 {
  right: 8.3333333333%;
}
.row .col.push-s1, .row .push-s1.offset12, .row .push-s1.offset11, .row .push-s1.offset10, .row .push-s1.offset9, .row .push-s1.offset8, .row .push-s1.offset7, .row .push-s1.offset6, .row .push-s1.offset5, .row .push-s1.offset4, .row .push-s1.offset3, .row .push-s1.offset2, .row .push-s1.offset1, .row .push-s1.span11, .row .push-s1.span1,
.row .push-s1.span2,
.row .push-s1.span3,
.row .push-s1.span4,
.row .push-s1.span5,
.row .push-s1.span6,
.row .push-s1.span7,
.row .push-s1.span8,
.row .push-s1.span9,
.row .push-s1.span10,
.row .push-s1.span12, .row-fluid .col.push-s1, .row-fluid .push-s1.offset12, .row-fluid .push-s1.offset11, .row-fluid .push-s1.offset10, .row-fluid .push-s1.offset9, .row-fluid .push-s1.offset8, .row-fluid .push-s1.offset7, .row-fluid .push-s1.offset6, .row-fluid .push-s1.offset5, .row-fluid .push-s1.offset4, .row-fluid .push-s1.offset3, .row-fluid .push-s1.offset2, .row-fluid .push-s1.offset1, .row-fluid .push-s1.span11, .row-fluid .push-s1.span1,
.row-fluid .push-s1.span2,
.row-fluid .push-s1.span3,
.row-fluid .push-s1.span4,
.row-fluid .push-s1.span5,
.row-fluid .push-s1.span6,
.row-fluid .push-s1.span7,
.row-fluid .push-s1.span8,
.row-fluid .push-s1.span9,
.row-fluid .push-s1.span10,
.row-fluid .push-s1.span12 {
  left: 8.3333333333%;
}
.row .col.offset-s2, .row .offset-s2.offset12, .row .offset-s2.offset11, .row .offset-s2.offset10, .row .offset-s2.offset9, .row .offset-s2.offset8, .row .offset-s2.offset7, .row .offset-s2.offset6, .row .offset-s2.offset5, .row .offset-s2.offset4, .row .offset-s2.offset3, .row .offset-s2.offset2, .row .offset-s2.offset1, .row .offset-s2.span11, .row .offset-s2.span1,
.row .offset-s2.span2,
.row .offset-s2.span3,
.row .offset-s2.span4,
.row .offset-s2.span5,
.row .offset-s2.span6,
.row .offset-s2.span7,
.row .offset-s2.span8,
.row .offset-s2.span9,
.row .offset-s2.span10,
.row .offset-s2.span12, .row-fluid .col.offset-s2, .row-fluid .offset-s2.offset12, .row-fluid .offset-s2.offset11, .row-fluid .offset-s2.offset10, .row-fluid .offset-s2.offset9, .row-fluid .offset-s2.offset8, .row-fluid .offset-s2.offset7, .row-fluid .offset-s2.offset6, .row-fluid .offset-s2.offset5, .row-fluid .offset-s2.offset4, .row-fluid .offset-s2.offset3, .row-fluid .offset-s2.offset2, .row-fluid .offset-s2.offset1, .row-fluid .offset-s2.span11, .row-fluid .offset-s2.span1,
.row-fluid .offset-s2.span2,
.row-fluid .offset-s2.span3,
.row-fluid .offset-s2.span4,
.row-fluid .offset-s2.span5,
.row-fluid .offset-s2.span6,
.row-fluid .offset-s2.span7,
.row-fluid .offset-s2.span8,
.row-fluid .offset-s2.span9,
.row-fluid .offset-s2.span10,
.row-fluid .offset-s2.span12 {
  margin-left: 16.6666666667%;
}
.row .col.pull-s2, .row .pull-s2.offset12, .row .pull-s2.offset11, .row .pull-s2.offset10, .row .pull-s2.offset9, .row .pull-s2.offset8, .row .pull-s2.offset7, .row .pull-s2.offset6, .row .pull-s2.offset5, .row .pull-s2.offset4, .row .pull-s2.offset3, .row .pull-s2.offset2, .row .pull-s2.offset1, .row .pull-s2.span11, .row .pull-s2.span1,
.row .pull-s2.span2,
.row .pull-s2.span3,
.row .pull-s2.span4,
.row .pull-s2.span5,
.row .pull-s2.span6,
.row .pull-s2.span7,
.row .pull-s2.span8,
.row .pull-s2.span9,
.row .pull-s2.span10,
.row .pull-s2.span12, .row-fluid .col.pull-s2, .row-fluid .pull-s2.offset12, .row-fluid .pull-s2.offset11, .row-fluid .pull-s2.offset10, .row-fluid .pull-s2.offset9, .row-fluid .pull-s2.offset8, .row-fluid .pull-s2.offset7, .row-fluid .pull-s2.offset6, .row-fluid .pull-s2.offset5, .row-fluid .pull-s2.offset4, .row-fluid .pull-s2.offset3, .row-fluid .pull-s2.offset2, .row-fluid .pull-s2.offset1, .row-fluid .pull-s2.span11, .row-fluid .pull-s2.span1,
.row-fluid .pull-s2.span2,
.row-fluid .pull-s2.span3,
.row-fluid .pull-s2.span4,
.row-fluid .pull-s2.span5,
.row-fluid .pull-s2.span6,
.row-fluid .pull-s2.span7,
.row-fluid .pull-s2.span8,
.row-fluid .pull-s2.span9,
.row-fluid .pull-s2.span10,
.row-fluid .pull-s2.span12 {
  right: 16.6666666667%;
}
.row .col.push-s2, .row .push-s2.offset12, .row .push-s2.offset11, .row .push-s2.offset10, .row .push-s2.offset9, .row .push-s2.offset8, .row .push-s2.offset7, .row .push-s2.offset6, .row .push-s2.offset5, .row .push-s2.offset4, .row .push-s2.offset3, .row .push-s2.offset2, .row .push-s2.offset1, .row .push-s2.span11, .row .push-s2.span1,
.row .push-s2.span2,
.row .push-s2.span3,
.row .push-s2.span4,
.row .push-s2.span5,
.row .push-s2.span6,
.row .push-s2.span7,
.row .push-s2.span8,
.row .push-s2.span9,
.row .push-s2.span10,
.row .push-s2.span12, .row-fluid .col.push-s2, .row-fluid .push-s2.offset12, .row-fluid .push-s2.offset11, .row-fluid .push-s2.offset10, .row-fluid .push-s2.offset9, .row-fluid .push-s2.offset8, .row-fluid .push-s2.offset7, .row-fluid .push-s2.offset6, .row-fluid .push-s2.offset5, .row-fluid .push-s2.offset4, .row-fluid .push-s2.offset3, .row-fluid .push-s2.offset2, .row-fluid .push-s2.offset1, .row-fluid .push-s2.span11, .row-fluid .push-s2.span1,
.row-fluid .push-s2.span2,
.row-fluid .push-s2.span3,
.row-fluid .push-s2.span4,
.row-fluid .push-s2.span5,
.row-fluid .push-s2.span6,
.row-fluid .push-s2.span7,
.row-fluid .push-s2.span8,
.row-fluid .push-s2.span9,
.row-fluid .push-s2.span10,
.row-fluid .push-s2.span12 {
  left: 16.6666666667%;
}
.row .col.offset-s3, .row .offset-s3.offset12, .row .offset-s3.offset11, .row .offset-s3.offset10, .row .offset-s3.offset9, .row .offset-s3.offset8, .row .offset-s3.offset7, .row .offset-s3.offset6, .row .offset-s3.offset5, .row .offset-s3.offset4, .row .offset-s3.offset3, .row .offset-s3.offset2, .row .offset-s3.offset1, .row .offset-s3.span11, .row .offset-s3.span1,
.row .offset-s3.span2,
.row .offset-s3.span3,
.row .offset-s3.span4,
.row .offset-s3.span5,
.row .offset-s3.span6,
.row .offset-s3.span7,
.row .offset-s3.span8,
.row .offset-s3.span9,
.row .offset-s3.span10,
.row .offset-s3.span12, .row-fluid .col.offset-s3, .row-fluid .offset-s3.offset12, .row-fluid .offset-s3.offset11, .row-fluid .offset-s3.offset10, .row-fluid .offset-s3.offset9, .row-fluid .offset-s3.offset8, .row-fluid .offset-s3.offset7, .row-fluid .offset-s3.offset6, .row-fluid .offset-s3.offset5, .row-fluid .offset-s3.offset4, .row-fluid .offset-s3.offset3, .row-fluid .offset-s3.offset2, .row-fluid .offset-s3.offset1, .row-fluid .offset-s3.span11, .row-fluid .offset-s3.span1,
.row-fluid .offset-s3.span2,
.row-fluid .offset-s3.span3,
.row-fluid .offset-s3.span4,
.row-fluid .offset-s3.span5,
.row-fluid .offset-s3.span6,
.row-fluid .offset-s3.span7,
.row-fluid .offset-s3.span8,
.row-fluid .offset-s3.span9,
.row-fluid .offset-s3.span10,
.row-fluid .offset-s3.span12 {
  margin-left: 25%;
}
.row .col.pull-s3, .row .pull-s3.offset12, .row .pull-s3.offset11, .row .pull-s3.offset10, .row .pull-s3.offset9, .row .pull-s3.offset8, .row .pull-s3.offset7, .row .pull-s3.offset6, .row .pull-s3.offset5, .row .pull-s3.offset4, .row .pull-s3.offset3, .row .pull-s3.offset2, .row .pull-s3.offset1, .row .pull-s3.span11, .row .pull-s3.span1,
.row .pull-s3.span2,
.row .pull-s3.span3,
.row .pull-s3.span4,
.row .pull-s3.span5,
.row .pull-s3.span6,
.row .pull-s3.span7,
.row .pull-s3.span8,
.row .pull-s3.span9,
.row .pull-s3.span10,
.row .pull-s3.span12, .row-fluid .col.pull-s3, .row-fluid .pull-s3.offset12, .row-fluid .pull-s3.offset11, .row-fluid .pull-s3.offset10, .row-fluid .pull-s3.offset9, .row-fluid .pull-s3.offset8, .row-fluid .pull-s3.offset7, .row-fluid .pull-s3.offset6, .row-fluid .pull-s3.offset5, .row-fluid .pull-s3.offset4, .row-fluid .pull-s3.offset3, .row-fluid .pull-s3.offset2, .row-fluid .pull-s3.offset1, .row-fluid .pull-s3.span11, .row-fluid .pull-s3.span1,
.row-fluid .pull-s3.span2,
.row-fluid .pull-s3.span3,
.row-fluid .pull-s3.span4,
.row-fluid .pull-s3.span5,
.row-fluid .pull-s3.span6,
.row-fluid .pull-s3.span7,
.row-fluid .pull-s3.span8,
.row-fluid .pull-s3.span9,
.row-fluid .pull-s3.span10,
.row-fluid .pull-s3.span12 {
  right: 25%;
}
.row .col.push-s3, .row .push-s3.offset12, .row .push-s3.offset11, .row .push-s3.offset10, .row .push-s3.offset9, .row .push-s3.offset8, .row .push-s3.offset7, .row .push-s3.offset6, .row .push-s3.offset5, .row .push-s3.offset4, .row .push-s3.offset3, .row .push-s3.offset2, .row .push-s3.offset1, .row .push-s3.span11, .row .push-s3.span1,
.row .push-s3.span2,
.row .push-s3.span3,
.row .push-s3.span4,
.row .push-s3.span5,
.row .push-s3.span6,
.row .push-s3.span7,
.row .push-s3.span8,
.row .push-s3.span9,
.row .push-s3.span10,
.row .push-s3.span12, .row-fluid .col.push-s3, .row-fluid .push-s3.offset12, .row-fluid .push-s3.offset11, .row-fluid .push-s3.offset10, .row-fluid .push-s3.offset9, .row-fluid .push-s3.offset8, .row-fluid .push-s3.offset7, .row-fluid .push-s3.offset6, .row-fluid .push-s3.offset5, .row-fluid .push-s3.offset4, .row-fluid .push-s3.offset3, .row-fluid .push-s3.offset2, .row-fluid .push-s3.offset1, .row-fluid .push-s3.span11, .row-fluid .push-s3.span1,
.row-fluid .push-s3.span2,
.row-fluid .push-s3.span3,
.row-fluid .push-s3.span4,
.row-fluid .push-s3.span5,
.row-fluid .push-s3.span6,
.row-fluid .push-s3.span7,
.row-fluid .push-s3.span8,
.row-fluid .push-s3.span9,
.row-fluid .push-s3.span10,
.row-fluid .push-s3.span12 {
  left: 25%;
}
.row .col.offset-s4, .row .offset-s4.offset12, .row .offset-s4.offset11, .row .offset-s4.offset10, .row .offset-s4.offset9, .row .offset-s4.offset8, .row .offset-s4.offset7, .row .offset-s4.offset6, .row .offset-s4.offset5, .row .offset-s4.offset4, .row .offset-s4.offset3, .row .offset-s4.offset2, .row .offset-s4.offset1, .row .offset-s4.span11, .row .offset-s4.span1,
.row .offset-s4.span2,
.row .offset-s4.span3,
.row .offset-s4.span4,
.row .offset-s4.span5,
.row .offset-s4.span6,
.row .offset-s4.span7,
.row .offset-s4.span8,
.row .offset-s4.span9,
.row .offset-s4.span10,
.row .offset-s4.span12, .row-fluid .col.offset-s4, .row-fluid .offset-s4.offset12, .row-fluid .offset-s4.offset11, .row-fluid .offset-s4.offset10, .row-fluid .offset-s4.offset9, .row-fluid .offset-s4.offset8, .row-fluid .offset-s4.offset7, .row-fluid .offset-s4.offset6, .row-fluid .offset-s4.offset5, .row-fluid .offset-s4.offset4, .row-fluid .offset-s4.offset3, .row-fluid .offset-s4.offset2, .row-fluid .offset-s4.offset1, .row-fluid .offset-s4.span11, .row-fluid .offset-s4.span1,
.row-fluid .offset-s4.span2,
.row-fluid .offset-s4.span3,
.row-fluid .offset-s4.span4,
.row-fluid .offset-s4.span5,
.row-fluid .offset-s4.span6,
.row-fluid .offset-s4.span7,
.row-fluid .offset-s4.span8,
.row-fluid .offset-s4.span9,
.row-fluid .offset-s4.span10,
.row-fluid .offset-s4.span12 {
  margin-left: 33.3333333333%;
}
.row .col.pull-s4, .row .pull-s4.offset12, .row .pull-s4.offset11, .row .pull-s4.offset10, .row .pull-s4.offset9, .row .pull-s4.offset8, .row .pull-s4.offset7, .row .pull-s4.offset6, .row .pull-s4.offset5, .row .pull-s4.offset4, .row .pull-s4.offset3, .row .pull-s4.offset2, .row .pull-s4.offset1, .row .pull-s4.span11, .row .pull-s4.span1,
.row .pull-s4.span2,
.row .pull-s4.span3,
.row .pull-s4.span4,
.row .pull-s4.span5,
.row .pull-s4.span6,
.row .pull-s4.span7,
.row .pull-s4.span8,
.row .pull-s4.span9,
.row .pull-s4.span10,
.row .pull-s4.span12, .row-fluid .col.pull-s4, .row-fluid .pull-s4.offset12, .row-fluid .pull-s4.offset11, .row-fluid .pull-s4.offset10, .row-fluid .pull-s4.offset9, .row-fluid .pull-s4.offset8, .row-fluid .pull-s4.offset7, .row-fluid .pull-s4.offset6, .row-fluid .pull-s4.offset5, .row-fluid .pull-s4.offset4, .row-fluid .pull-s4.offset3, .row-fluid .pull-s4.offset2, .row-fluid .pull-s4.offset1, .row-fluid .pull-s4.span11, .row-fluid .pull-s4.span1,
.row-fluid .pull-s4.span2,
.row-fluid .pull-s4.span3,
.row-fluid .pull-s4.span4,
.row-fluid .pull-s4.span5,
.row-fluid .pull-s4.span6,
.row-fluid .pull-s4.span7,
.row-fluid .pull-s4.span8,
.row-fluid .pull-s4.span9,
.row-fluid .pull-s4.span10,
.row-fluid .pull-s4.span12 {
  right: 33.3333333333%;
}
.row .col.push-s4, .row .push-s4.offset12, .row .push-s4.offset11, .row .push-s4.offset10, .row .push-s4.offset9, .row .push-s4.offset8, .row .push-s4.offset7, .row .push-s4.offset6, .row .push-s4.offset5, .row .push-s4.offset4, .row .push-s4.offset3, .row .push-s4.offset2, .row .push-s4.offset1, .row .push-s4.span11, .row .push-s4.span1,
.row .push-s4.span2,
.row .push-s4.span3,
.row .push-s4.span4,
.row .push-s4.span5,
.row .push-s4.span6,
.row .push-s4.span7,
.row .push-s4.span8,
.row .push-s4.span9,
.row .push-s4.span10,
.row .push-s4.span12, .row-fluid .col.push-s4, .row-fluid .push-s4.offset12, .row-fluid .push-s4.offset11, .row-fluid .push-s4.offset10, .row-fluid .push-s4.offset9, .row-fluid .push-s4.offset8, .row-fluid .push-s4.offset7, .row-fluid .push-s4.offset6, .row-fluid .push-s4.offset5, .row-fluid .push-s4.offset4, .row-fluid .push-s4.offset3, .row-fluid .push-s4.offset2, .row-fluid .push-s4.offset1, .row-fluid .push-s4.span11, .row-fluid .push-s4.span1,
.row-fluid .push-s4.span2,
.row-fluid .push-s4.span3,
.row-fluid .push-s4.span4,
.row-fluid .push-s4.span5,
.row-fluid .push-s4.span6,
.row-fluid .push-s4.span7,
.row-fluid .push-s4.span8,
.row-fluid .push-s4.span9,
.row-fluid .push-s4.span10,
.row-fluid .push-s4.span12 {
  left: 33.3333333333%;
}
.row .col.offset-s5, .row .offset-s5.offset12, .row .offset-s5.offset11, .row .offset-s5.offset10, .row .offset-s5.offset9, .row .offset-s5.offset8, .row .offset-s5.offset7, .row .offset-s5.offset6, .row .offset-s5.offset5, .row .offset-s5.offset4, .row .offset-s5.offset3, .row .offset-s5.offset2, .row .offset-s5.offset1, .row .offset-s5.span11, .row .offset-s5.span1,
.row .offset-s5.span2,
.row .offset-s5.span3,
.row .offset-s5.span4,
.row .offset-s5.span5,
.row .offset-s5.span6,
.row .offset-s5.span7,
.row .offset-s5.span8,
.row .offset-s5.span9,
.row .offset-s5.span10,
.row .offset-s5.span12, .row-fluid .col.offset-s5, .row-fluid .offset-s5.offset12, .row-fluid .offset-s5.offset11, .row-fluid .offset-s5.offset10, .row-fluid .offset-s5.offset9, .row-fluid .offset-s5.offset8, .row-fluid .offset-s5.offset7, .row-fluid .offset-s5.offset6, .row-fluid .offset-s5.offset5, .row-fluid .offset-s5.offset4, .row-fluid .offset-s5.offset3, .row-fluid .offset-s5.offset2, .row-fluid .offset-s5.offset1, .row-fluid .offset-s5.span11, .row-fluid .offset-s5.span1,
.row-fluid .offset-s5.span2,
.row-fluid .offset-s5.span3,
.row-fluid .offset-s5.span4,
.row-fluid .offset-s5.span5,
.row-fluid .offset-s5.span6,
.row-fluid .offset-s5.span7,
.row-fluid .offset-s5.span8,
.row-fluid .offset-s5.span9,
.row-fluid .offset-s5.span10,
.row-fluid .offset-s5.span12 {
  margin-left: 41.6666666667%;
}
.row .col.pull-s5, .row .pull-s5.offset12, .row .pull-s5.offset11, .row .pull-s5.offset10, .row .pull-s5.offset9, .row .pull-s5.offset8, .row .pull-s5.offset7, .row .pull-s5.offset6, .row .pull-s5.offset5, .row .pull-s5.offset4, .row .pull-s5.offset3, .row .pull-s5.offset2, .row .pull-s5.offset1, .row .pull-s5.span11, .row .pull-s5.span1,
.row .pull-s5.span2,
.row .pull-s5.span3,
.row .pull-s5.span4,
.row .pull-s5.span5,
.row .pull-s5.span6,
.row .pull-s5.span7,
.row .pull-s5.span8,
.row .pull-s5.span9,
.row .pull-s5.span10,
.row .pull-s5.span12, .row-fluid .col.pull-s5, .row-fluid .pull-s5.offset12, .row-fluid .pull-s5.offset11, .row-fluid .pull-s5.offset10, .row-fluid .pull-s5.offset9, .row-fluid .pull-s5.offset8, .row-fluid .pull-s5.offset7, .row-fluid .pull-s5.offset6, .row-fluid .pull-s5.offset5, .row-fluid .pull-s5.offset4, .row-fluid .pull-s5.offset3, .row-fluid .pull-s5.offset2, .row-fluid .pull-s5.offset1, .row-fluid .pull-s5.span11, .row-fluid .pull-s5.span1,
.row-fluid .pull-s5.span2,
.row-fluid .pull-s5.span3,
.row-fluid .pull-s5.span4,
.row-fluid .pull-s5.span5,
.row-fluid .pull-s5.span6,
.row-fluid .pull-s5.span7,
.row-fluid .pull-s5.span8,
.row-fluid .pull-s5.span9,
.row-fluid .pull-s5.span10,
.row-fluid .pull-s5.span12 {
  right: 41.6666666667%;
}
.row .col.push-s5, .row .push-s5.offset12, .row .push-s5.offset11, .row .push-s5.offset10, .row .push-s5.offset9, .row .push-s5.offset8, .row .push-s5.offset7, .row .push-s5.offset6, .row .push-s5.offset5, .row .push-s5.offset4, .row .push-s5.offset3, .row .push-s5.offset2, .row .push-s5.offset1, .row .push-s5.span11, .row .push-s5.span1,
.row .push-s5.span2,
.row .push-s5.span3,
.row .push-s5.span4,
.row .push-s5.span5,
.row .push-s5.span6,
.row .push-s5.span7,
.row .push-s5.span8,
.row .push-s5.span9,
.row .push-s5.span10,
.row .push-s5.span12, .row-fluid .col.push-s5, .row-fluid .push-s5.offset12, .row-fluid .push-s5.offset11, .row-fluid .push-s5.offset10, .row-fluid .push-s5.offset9, .row-fluid .push-s5.offset8, .row-fluid .push-s5.offset7, .row-fluid .push-s5.offset6, .row-fluid .push-s5.offset5, .row-fluid .push-s5.offset4, .row-fluid .push-s5.offset3, .row-fluid .push-s5.offset2, .row-fluid .push-s5.offset1, .row-fluid .push-s5.span11, .row-fluid .push-s5.span1,
.row-fluid .push-s5.span2,
.row-fluid .push-s5.span3,
.row-fluid .push-s5.span4,
.row-fluid .push-s5.span5,
.row-fluid .push-s5.span6,
.row-fluid .push-s5.span7,
.row-fluid .push-s5.span8,
.row-fluid .push-s5.span9,
.row-fluid .push-s5.span10,
.row-fluid .push-s5.span12 {
  left: 41.6666666667%;
}
.row .col.offset-s6, .row .offset-s6.offset12, .row .offset-s6.offset11, .row .offset-s6.offset10, .row .offset-s6.offset9, .row .offset-s6.offset8, .row .offset-s6.offset7, .row .offset-s6.offset6, .row .offset-s6.offset5, .row .offset-s6.offset4, .row .offset-s6.offset3, .row .offset-s6.offset2, .row .offset-s6.offset1, .row .offset-s6.span11, .row .offset-s6.span1,
.row .offset-s6.span2,
.row .offset-s6.span3,
.row .offset-s6.span4,
.row .offset-s6.span5,
.row .offset-s6.span6,
.row .offset-s6.span7,
.row .offset-s6.span8,
.row .offset-s6.span9,
.row .offset-s6.span10,
.row .offset-s6.span12, .row-fluid .col.offset-s6, .row-fluid .offset-s6.offset12, .row-fluid .offset-s6.offset11, .row-fluid .offset-s6.offset10, .row-fluid .offset-s6.offset9, .row-fluid .offset-s6.offset8, .row-fluid .offset-s6.offset7, .row-fluid .offset-s6.offset6, .row-fluid .offset-s6.offset5, .row-fluid .offset-s6.offset4, .row-fluid .offset-s6.offset3, .row-fluid .offset-s6.offset2, .row-fluid .offset-s6.offset1, .row-fluid .offset-s6.span11, .row-fluid .offset-s6.span1,
.row-fluid .offset-s6.span2,
.row-fluid .offset-s6.span3,
.row-fluid .offset-s6.span4,
.row-fluid .offset-s6.span5,
.row-fluid .offset-s6.span6,
.row-fluid .offset-s6.span7,
.row-fluid .offset-s6.span8,
.row-fluid .offset-s6.span9,
.row-fluid .offset-s6.span10,
.row-fluid .offset-s6.span12 {
  margin-left: 50%;
}
.row .col.pull-s6, .row .pull-s6.offset12, .row .pull-s6.offset11, .row .pull-s6.offset10, .row .pull-s6.offset9, .row .pull-s6.offset8, .row .pull-s6.offset7, .row .pull-s6.offset6, .row .pull-s6.offset5, .row .pull-s6.offset4, .row .pull-s6.offset3, .row .pull-s6.offset2, .row .pull-s6.offset1, .row .pull-s6.span11, .row .pull-s6.span1,
.row .pull-s6.span2,
.row .pull-s6.span3,
.row .pull-s6.span4,
.row .pull-s6.span5,
.row .pull-s6.span6,
.row .pull-s6.span7,
.row .pull-s6.span8,
.row .pull-s6.span9,
.row .pull-s6.span10,
.row .pull-s6.span12, .row-fluid .col.pull-s6, .row-fluid .pull-s6.offset12, .row-fluid .pull-s6.offset11, .row-fluid .pull-s6.offset10, .row-fluid .pull-s6.offset9, .row-fluid .pull-s6.offset8, .row-fluid .pull-s6.offset7, .row-fluid .pull-s6.offset6, .row-fluid .pull-s6.offset5, .row-fluid .pull-s6.offset4, .row-fluid .pull-s6.offset3, .row-fluid .pull-s6.offset2, .row-fluid .pull-s6.offset1, .row-fluid .pull-s6.span11, .row-fluid .pull-s6.span1,
.row-fluid .pull-s6.span2,
.row-fluid .pull-s6.span3,
.row-fluid .pull-s6.span4,
.row-fluid .pull-s6.span5,
.row-fluid .pull-s6.span6,
.row-fluid .pull-s6.span7,
.row-fluid .pull-s6.span8,
.row-fluid .pull-s6.span9,
.row-fluid .pull-s6.span10,
.row-fluid .pull-s6.span12 {
  right: 50%;
}
.row .col.push-s6, .row .push-s6.offset12, .row .push-s6.offset11, .row .push-s6.offset10, .row .push-s6.offset9, .row .push-s6.offset8, .row .push-s6.offset7, .row .push-s6.offset6, .row .push-s6.offset5, .row .push-s6.offset4, .row .push-s6.offset3, .row .push-s6.offset2, .row .push-s6.offset1, .row .push-s6.span11, .row .push-s6.span1,
.row .push-s6.span2,
.row .push-s6.span3,
.row .push-s6.span4,
.row .push-s6.span5,
.row .push-s6.span6,
.row .push-s6.span7,
.row .push-s6.span8,
.row .push-s6.span9,
.row .push-s6.span10,
.row .push-s6.span12, .row-fluid .col.push-s6, .row-fluid .push-s6.offset12, .row-fluid .push-s6.offset11, .row-fluid .push-s6.offset10, .row-fluid .push-s6.offset9, .row-fluid .push-s6.offset8, .row-fluid .push-s6.offset7, .row-fluid .push-s6.offset6, .row-fluid .push-s6.offset5, .row-fluid .push-s6.offset4, .row-fluid .push-s6.offset3, .row-fluid .push-s6.offset2, .row-fluid .push-s6.offset1, .row-fluid .push-s6.span11, .row-fluid .push-s6.span1,
.row-fluid .push-s6.span2,
.row-fluid .push-s6.span3,
.row-fluid .push-s6.span4,
.row-fluid .push-s6.span5,
.row-fluid .push-s6.span6,
.row-fluid .push-s6.span7,
.row-fluid .push-s6.span8,
.row-fluid .push-s6.span9,
.row-fluid .push-s6.span10,
.row-fluid .push-s6.span12 {
  left: 50%;
}
.row .col.offset-s7, .row .offset-s7.offset12, .row .offset-s7.offset11, .row .offset-s7.offset10, .row .offset-s7.offset9, .row .offset-s7.offset8, .row .offset-s7.offset7, .row .offset-s7.offset6, .row .offset-s7.offset5, .row .offset-s7.offset4, .row .offset-s7.offset3, .row .offset-s7.offset2, .row .offset-s7.offset1, .row .offset-s7.span11, .row .offset-s7.span1,
.row .offset-s7.span2,
.row .offset-s7.span3,
.row .offset-s7.span4,
.row .offset-s7.span5,
.row .offset-s7.span6,
.row .offset-s7.span7,
.row .offset-s7.span8,
.row .offset-s7.span9,
.row .offset-s7.span10,
.row .offset-s7.span12, .row-fluid .col.offset-s7, .row-fluid .offset-s7.offset12, .row-fluid .offset-s7.offset11, .row-fluid .offset-s7.offset10, .row-fluid .offset-s7.offset9, .row-fluid .offset-s7.offset8, .row-fluid .offset-s7.offset7, .row-fluid .offset-s7.offset6, .row-fluid .offset-s7.offset5, .row-fluid .offset-s7.offset4, .row-fluid .offset-s7.offset3, .row-fluid .offset-s7.offset2, .row-fluid .offset-s7.offset1, .row-fluid .offset-s7.span11, .row-fluid .offset-s7.span1,
.row-fluid .offset-s7.span2,
.row-fluid .offset-s7.span3,
.row-fluid .offset-s7.span4,
.row-fluid .offset-s7.span5,
.row-fluid .offset-s7.span6,
.row-fluid .offset-s7.span7,
.row-fluid .offset-s7.span8,
.row-fluid .offset-s7.span9,
.row-fluid .offset-s7.span10,
.row-fluid .offset-s7.span12 {
  margin-left: 58.3333333333%;
}
.row .col.pull-s7, .row .pull-s7.offset12, .row .pull-s7.offset11, .row .pull-s7.offset10, .row .pull-s7.offset9, .row .pull-s7.offset8, .row .pull-s7.offset7, .row .pull-s7.offset6, .row .pull-s7.offset5, .row .pull-s7.offset4, .row .pull-s7.offset3, .row .pull-s7.offset2, .row .pull-s7.offset1, .row .pull-s7.span11, .row .pull-s7.span1,
.row .pull-s7.span2,
.row .pull-s7.span3,
.row .pull-s7.span4,
.row .pull-s7.span5,
.row .pull-s7.span6,
.row .pull-s7.span7,
.row .pull-s7.span8,
.row .pull-s7.span9,
.row .pull-s7.span10,
.row .pull-s7.span12, .row-fluid .col.pull-s7, .row-fluid .pull-s7.offset12, .row-fluid .pull-s7.offset11, .row-fluid .pull-s7.offset10, .row-fluid .pull-s7.offset9, .row-fluid .pull-s7.offset8, .row-fluid .pull-s7.offset7, .row-fluid .pull-s7.offset6, .row-fluid .pull-s7.offset5, .row-fluid .pull-s7.offset4, .row-fluid .pull-s7.offset3, .row-fluid .pull-s7.offset2, .row-fluid .pull-s7.offset1, .row-fluid .pull-s7.span11, .row-fluid .pull-s7.span1,
.row-fluid .pull-s7.span2,
.row-fluid .pull-s7.span3,
.row-fluid .pull-s7.span4,
.row-fluid .pull-s7.span5,
.row-fluid .pull-s7.span6,
.row-fluid .pull-s7.span7,
.row-fluid .pull-s7.span8,
.row-fluid .pull-s7.span9,
.row-fluid .pull-s7.span10,
.row-fluid .pull-s7.span12 {
  right: 58.3333333333%;
}
.row .col.push-s7, .row .push-s7.offset12, .row .push-s7.offset11, .row .push-s7.offset10, .row .push-s7.offset9, .row .push-s7.offset8, .row .push-s7.offset7, .row .push-s7.offset6, .row .push-s7.offset5, .row .push-s7.offset4, .row .push-s7.offset3, .row .push-s7.offset2, .row .push-s7.offset1, .row .push-s7.span11, .row .push-s7.span1,
.row .push-s7.span2,
.row .push-s7.span3,
.row .push-s7.span4,
.row .push-s7.span5,
.row .push-s7.span6,
.row .push-s7.span7,
.row .push-s7.span8,
.row .push-s7.span9,
.row .push-s7.span10,
.row .push-s7.span12, .row-fluid .col.push-s7, .row-fluid .push-s7.offset12, .row-fluid .push-s7.offset11, .row-fluid .push-s7.offset10, .row-fluid .push-s7.offset9, .row-fluid .push-s7.offset8, .row-fluid .push-s7.offset7, .row-fluid .push-s7.offset6, .row-fluid .push-s7.offset5, .row-fluid .push-s7.offset4, .row-fluid .push-s7.offset3, .row-fluid .push-s7.offset2, .row-fluid .push-s7.offset1, .row-fluid .push-s7.span11, .row-fluid .push-s7.span1,
.row-fluid .push-s7.span2,
.row-fluid .push-s7.span3,
.row-fluid .push-s7.span4,
.row-fluid .push-s7.span5,
.row-fluid .push-s7.span6,
.row-fluid .push-s7.span7,
.row-fluid .push-s7.span8,
.row-fluid .push-s7.span9,
.row-fluid .push-s7.span10,
.row-fluid .push-s7.span12 {
  left: 58.3333333333%;
}
.row .col.offset-s8, .row .offset-s8.offset12, .row .offset-s8.offset11, .row .offset-s8.offset10, .row .offset-s8.offset9, .row .offset-s8.offset8, .row .offset-s8.offset7, .row .offset-s8.offset6, .row .offset-s8.offset5, .row .offset-s8.offset4, .row .offset-s8.offset3, .row .offset-s8.offset2, .row .offset-s8.offset1, .row .offset-s8.span11, .row .offset-s8.span1,
.row .offset-s8.span2,
.row .offset-s8.span3,
.row .offset-s8.span4,
.row .offset-s8.span5,
.row .offset-s8.span6,
.row .offset-s8.span7,
.row .offset-s8.span8,
.row .offset-s8.span9,
.row .offset-s8.span10,
.row .offset-s8.span12, .row-fluid .col.offset-s8, .row-fluid .offset-s8.offset12, .row-fluid .offset-s8.offset11, .row-fluid .offset-s8.offset10, .row-fluid .offset-s8.offset9, .row-fluid .offset-s8.offset8, .row-fluid .offset-s8.offset7, .row-fluid .offset-s8.offset6, .row-fluid .offset-s8.offset5, .row-fluid .offset-s8.offset4, .row-fluid .offset-s8.offset3, .row-fluid .offset-s8.offset2, .row-fluid .offset-s8.offset1, .row-fluid .offset-s8.span11, .row-fluid .offset-s8.span1,
.row-fluid .offset-s8.span2,
.row-fluid .offset-s8.span3,
.row-fluid .offset-s8.span4,
.row-fluid .offset-s8.span5,
.row-fluid .offset-s8.span6,
.row-fluid .offset-s8.span7,
.row-fluid .offset-s8.span8,
.row-fluid .offset-s8.span9,
.row-fluid .offset-s8.span10,
.row-fluid .offset-s8.span12 {
  margin-left: 66.6666666667%;
}
.row .col.pull-s8, .row .pull-s8.offset12, .row .pull-s8.offset11, .row .pull-s8.offset10, .row .pull-s8.offset9, .row .pull-s8.offset8, .row .pull-s8.offset7, .row .pull-s8.offset6, .row .pull-s8.offset5, .row .pull-s8.offset4, .row .pull-s8.offset3, .row .pull-s8.offset2, .row .pull-s8.offset1, .row .pull-s8.span11, .row .pull-s8.span1,
.row .pull-s8.span2,
.row .pull-s8.span3,
.row .pull-s8.span4,
.row .pull-s8.span5,
.row .pull-s8.span6,
.row .pull-s8.span7,
.row .pull-s8.span8,
.row .pull-s8.span9,
.row .pull-s8.span10,
.row .pull-s8.span12, .row-fluid .col.pull-s8, .row-fluid .pull-s8.offset12, .row-fluid .pull-s8.offset11, .row-fluid .pull-s8.offset10, .row-fluid .pull-s8.offset9, .row-fluid .pull-s8.offset8, .row-fluid .pull-s8.offset7, .row-fluid .pull-s8.offset6, .row-fluid .pull-s8.offset5, .row-fluid .pull-s8.offset4, .row-fluid .pull-s8.offset3, .row-fluid .pull-s8.offset2, .row-fluid .pull-s8.offset1, .row-fluid .pull-s8.span11, .row-fluid .pull-s8.span1,
.row-fluid .pull-s8.span2,
.row-fluid .pull-s8.span3,
.row-fluid .pull-s8.span4,
.row-fluid .pull-s8.span5,
.row-fluid .pull-s8.span6,
.row-fluid .pull-s8.span7,
.row-fluid .pull-s8.span8,
.row-fluid .pull-s8.span9,
.row-fluid .pull-s8.span10,
.row-fluid .pull-s8.span12 {
  right: 66.6666666667%;
}
.row .col.push-s8, .row .push-s8.offset12, .row .push-s8.offset11, .row .push-s8.offset10, .row .push-s8.offset9, .row .push-s8.offset8, .row .push-s8.offset7, .row .push-s8.offset6, .row .push-s8.offset5, .row .push-s8.offset4, .row .push-s8.offset3, .row .push-s8.offset2, .row .push-s8.offset1, .row .push-s8.span11, .row .push-s8.span1,
.row .push-s8.span2,
.row .push-s8.span3,
.row .push-s8.span4,
.row .push-s8.span5,
.row .push-s8.span6,
.row .push-s8.span7,
.row .push-s8.span8,
.row .push-s8.span9,
.row .push-s8.span10,
.row .push-s8.span12, .row-fluid .col.push-s8, .row-fluid .push-s8.offset12, .row-fluid .push-s8.offset11, .row-fluid .push-s8.offset10, .row-fluid .push-s8.offset9, .row-fluid .push-s8.offset8, .row-fluid .push-s8.offset7, .row-fluid .push-s8.offset6, .row-fluid .push-s8.offset5, .row-fluid .push-s8.offset4, .row-fluid .push-s8.offset3, .row-fluid .push-s8.offset2, .row-fluid .push-s8.offset1, .row-fluid .push-s8.span11, .row-fluid .push-s8.span1,
.row-fluid .push-s8.span2,
.row-fluid .push-s8.span3,
.row-fluid .push-s8.span4,
.row-fluid .push-s8.span5,
.row-fluid .push-s8.span6,
.row-fluid .push-s8.span7,
.row-fluid .push-s8.span8,
.row-fluid .push-s8.span9,
.row-fluid .push-s8.span10,
.row-fluid .push-s8.span12 {
  left: 66.6666666667%;
}
.row .col.offset-s9, .row .offset-s9.offset12, .row .offset-s9.offset11, .row .offset-s9.offset10, .row .offset-s9.offset9, .row .offset-s9.offset8, .row .offset-s9.offset7, .row .offset-s9.offset6, .row .offset-s9.offset5, .row .offset-s9.offset4, .row .offset-s9.offset3, .row .offset-s9.offset2, .row .offset-s9.offset1, .row .offset-s9.span11, .row .offset-s9.span1,
.row .offset-s9.span2,
.row .offset-s9.span3,
.row .offset-s9.span4,
.row .offset-s9.span5,
.row .offset-s9.span6,
.row .offset-s9.span7,
.row .offset-s9.span8,
.row .offset-s9.span9,
.row .offset-s9.span10,
.row .offset-s9.span12, .row-fluid .col.offset-s9, .row-fluid .offset-s9.offset12, .row-fluid .offset-s9.offset11, .row-fluid .offset-s9.offset10, .row-fluid .offset-s9.offset9, .row-fluid .offset-s9.offset8, .row-fluid .offset-s9.offset7, .row-fluid .offset-s9.offset6, .row-fluid .offset-s9.offset5, .row-fluid .offset-s9.offset4, .row-fluid .offset-s9.offset3, .row-fluid .offset-s9.offset2, .row-fluid .offset-s9.offset1, .row-fluid .offset-s9.span11, .row-fluid .offset-s9.span1,
.row-fluid .offset-s9.span2,
.row-fluid .offset-s9.span3,
.row-fluid .offset-s9.span4,
.row-fluid .offset-s9.span5,
.row-fluid .offset-s9.span6,
.row-fluid .offset-s9.span7,
.row-fluid .offset-s9.span8,
.row-fluid .offset-s9.span9,
.row-fluid .offset-s9.span10,
.row-fluid .offset-s9.span12 {
  margin-left: 75%;
}
.row .col.pull-s9, .row .pull-s9.offset12, .row .pull-s9.offset11, .row .pull-s9.offset10, .row .pull-s9.offset9, .row .pull-s9.offset8, .row .pull-s9.offset7, .row .pull-s9.offset6, .row .pull-s9.offset5, .row .pull-s9.offset4, .row .pull-s9.offset3, .row .pull-s9.offset2, .row .pull-s9.offset1, .row .pull-s9.span11, .row .pull-s9.span1,
.row .pull-s9.span2,
.row .pull-s9.span3,
.row .pull-s9.span4,
.row .pull-s9.span5,
.row .pull-s9.span6,
.row .pull-s9.span7,
.row .pull-s9.span8,
.row .pull-s9.span9,
.row .pull-s9.span10,
.row .pull-s9.span12, .row-fluid .col.pull-s9, .row-fluid .pull-s9.offset12, .row-fluid .pull-s9.offset11, .row-fluid .pull-s9.offset10, .row-fluid .pull-s9.offset9, .row-fluid .pull-s9.offset8, .row-fluid .pull-s9.offset7, .row-fluid .pull-s9.offset6, .row-fluid .pull-s9.offset5, .row-fluid .pull-s9.offset4, .row-fluid .pull-s9.offset3, .row-fluid .pull-s9.offset2, .row-fluid .pull-s9.offset1, .row-fluid .pull-s9.span11, .row-fluid .pull-s9.span1,
.row-fluid .pull-s9.span2,
.row-fluid .pull-s9.span3,
.row-fluid .pull-s9.span4,
.row-fluid .pull-s9.span5,
.row-fluid .pull-s9.span6,
.row-fluid .pull-s9.span7,
.row-fluid .pull-s9.span8,
.row-fluid .pull-s9.span9,
.row-fluid .pull-s9.span10,
.row-fluid .pull-s9.span12 {
  right: 75%;
}
.row .col.push-s9, .row .push-s9.offset12, .row .push-s9.offset11, .row .push-s9.offset10, .row .push-s9.offset9, .row .push-s9.offset8, .row .push-s9.offset7, .row .push-s9.offset6, .row .push-s9.offset5, .row .push-s9.offset4, .row .push-s9.offset3, .row .push-s9.offset2, .row .push-s9.offset1, .row .push-s9.span11, .row .push-s9.span1,
.row .push-s9.span2,
.row .push-s9.span3,
.row .push-s9.span4,
.row .push-s9.span5,
.row .push-s9.span6,
.row .push-s9.span7,
.row .push-s9.span8,
.row .push-s9.span9,
.row .push-s9.span10,
.row .push-s9.span12, .row-fluid .col.push-s9, .row-fluid .push-s9.offset12, .row-fluid .push-s9.offset11, .row-fluid .push-s9.offset10, .row-fluid .push-s9.offset9, .row-fluid .push-s9.offset8, .row-fluid .push-s9.offset7, .row-fluid .push-s9.offset6, .row-fluid .push-s9.offset5, .row-fluid .push-s9.offset4, .row-fluid .push-s9.offset3, .row-fluid .push-s9.offset2, .row-fluid .push-s9.offset1, .row-fluid .push-s9.span11, .row-fluid .push-s9.span1,
.row-fluid .push-s9.span2,
.row-fluid .push-s9.span3,
.row-fluid .push-s9.span4,
.row-fluid .push-s9.span5,
.row-fluid .push-s9.span6,
.row-fluid .push-s9.span7,
.row-fluid .push-s9.span8,
.row-fluid .push-s9.span9,
.row-fluid .push-s9.span10,
.row-fluid .push-s9.span12 {
  left: 75%;
}
.row .col.offset-s10, .row .offset-s10.offset12, .row .offset-s10.offset11, .row .offset-s10.offset10, .row .offset-s10.offset9, .row .offset-s10.offset8, .row .offset-s10.offset7, .row .offset-s10.offset6, .row .offset-s10.offset5, .row .offset-s10.offset4, .row .offset-s10.offset3, .row .offset-s10.offset2, .row .offset-s10.offset1, .row .offset-s10.span11, .row .offset-s10.span1,
.row .offset-s10.span2,
.row .offset-s10.span3,
.row .offset-s10.span4,
.row .offset-s10.span5,
.row .offset-s10.span6,
.row .offset-s10.span7,
.row .offset-s10.span8,
.row .offset-s10.span9,
.row .offset-s10.span10,
.row .offset-s10.span12, .row-fluid .col.offset-s10, .row-fluid .offset-s10.offset12, .row-fluid .offset-s10.offset11, .row-fluid .offset-s10.offset10, .row-fluid .offset-s10.offset9, .row-fluid .offset-s10.offset8, .row-fluid .offset-s10.offset7, .row-fluid .offset-s10.offset6, .row-fluid .offset-s10.offset5, .row-fluid .offset-s10.offset4, .row-fluid .offset-s10.offset3, .row-fluid .offset-s10.offset2, .row-fluid .offset-s10.offset1, .row-fluid .offset-s10.span11, .row-fluid .offset-s10.span1,
.row-fluid .offset-s10.span2,
.row-fluid .offset-s10.span3,
.row-fluid .offset-s10.span4,
.row-fluid .offset-s10.span5,
.row-fluid .offset-s10.span6,
.row-fluid .offset-s10.span7,
.row-fluid .offset-s10.span8,
.row-fluid .offset-s10.span9,
.row-fluid .offset-s10.span10,
.row-fluid .offset-s10.span12 {
  margin-left: 83.3333333333%;
}
.row .col.pull-s10, .row .pull-s10.offset12, .row .pull-s10.offset11, .row .pull-s10.offset10, .row .pull-s10.offset9, .row .pull-s10.offset8, .row .pull-s10.offset7, .row .pull-s10.offset6, .row .pull-s10.offset5, .row .pull-s10.offset4, .row .pull-s10.offset3, .row .pull-s10.offset2, .row .pull-s10.offset1, .row .pull-s10.span11, .row .pull-s10.span1,
.row .pull-s10.span2,
.row .pull-s10.span3,
.row .pull-s10.span4,
.row .pull-s10.span5,
.row .pull-s10.span6,
.row .pull-s10.span7,
.row .pull-s10.span8,
.row .pull-s10.span9,
.row .pull-s10.span10,
.row .pull-s10.span12, .row-fluid .col.pull-s10, .row-fluid .pull-s10.offset12, .row-fluid .pull-s10.offset11, .row-fluid .pull-s10.offset10, .row-fluid .pull-s10.offset9, .row-fluid .pull-s10.offset8, .row-fluid .pull-s10.offset7, .row-fluid .pull-s10.offset6, .row-fluid .pull-s10.offset5, .row-fluid .pull-s10.offset4, .row-fluid .pull-s10.offset3, .row-fluid .pull-s10.offset2, .row-fluid .pull-s10.offset1, .row-fluid .pull-s10.span11, .row-fluid .pull-s10.span1,
.row-fluid .pull-s10.span2,
.row-fluid .pull-s10.span3,
.row-fluid .pull-s10.span4,
.row-fluid .pull-s10.span5,
.row-fluid .pull-s10.span6,
.row-fluid .pull-s10.span7,
.row-fluid .pull-s10.span8,
.row-fluid .pull-s10.span9,
.row-fluid .pull-s10.span10,
.row-fluid .pull-s10.span12 {
  right: 83.3333333333%;
}
.row .col.push-s10, .row .push-s10.offset12, .row .push-s10.offset11, .row .push-s10.offset10, .row .push-s10.offset9, .row .push-s10.offset8, .row .push-s10.offset7, .row .push-s10.offset6, .row .push-s10.offset5, .row .push-s10.offset4, .row .push-s10.offset3, .row .push-s10.offset2, .row .push-s10.offset1, .row .push-s10.span11, .row .push-s10.span1,
.row .push-s10.span2,
.row .push-s10.span3,
.row .push-s10.span4,
.row .push-s10.span5,
.row .push-s10.span6,
.row .push-s10.span7,
.row .push-s10.span8,
.row .push-s10.span9,
.row .push-s10.span10,
.row .push-s10.span12, .row-fluid .col.push-s10, .row-fluid .push-s10.offset12, .row-fluid .push-s10.offset11, .row-fluid .push-s10.offset10, .row-fluid .push-s10.offset9, .row-fluid .push-s10.offset8, .row-fluid .push-s10.offset7, .row-fluid .push-s10.offset6, .row-fluid .push-s10.offset5, .row-fluid .push-s10.offset4, .row-fluid .push-s10.offset3, .row-fluid .push-s10.offset2, .row-fluid .push-s10.offset1, .row-fluid .push-s10.span11, .row-fluid .push-s10.span1,
.row-fluid .push-s10.span2,
.row-fluid .push-s10.span3,
.row-fluid .push-s10.span4,
.row-fluid .push-s10.span5,
.row-fluid .push-s10.span6,
.row-fluid .push-s10.span7,
.row-fluid .push-s10.span8,
.row-fluid .push-s10.span9,
.row-fluid .push-s10.span10,
.row-fluid .push-s10.span12 {
  left: 83.3333333333%;
}
.row .col.offset-s11, .row .offset-s11.offset12, .row .offset-s11.offset11, .row .offset-s11.offset10, .row .offset-s11.offset9, .row .offset-s11.offset8, .row .offset-s11.offset7, .row .offset-s11.offset6, .row .offset-s11.offset5, .row .offset-s11.offset4, .row .offset-s11.offset3, .row .offset-s11.offset2, .row .offset-s11.offset1, .row .offset-s11.span11, .row .offset-s11.span1,
.row .offset-s11.span2,
.row .offset-s11.span3,
.row .offset-s11.span4,
.row .offset-s11.span5,
.row .offset-s11.span6,
.row .offset-s11.span7,
.row .offset-s11.span8,
.row .offset-s11.span9,
.row .offset-s11.span10,
.row .offset-s11.span12, .row-fluid .col.offset-s11, .row-fluid .offset-s11.offset12, .row-fluid .offset-s11.offset11, .row-fluid .offset-s11.offset10, .row-fluid .offset-s11.offset9, .row-fluid .offset-s11.offset8, .row-fluid .offset-s11.offset7, .row-fluid .offset-s11.offset6, .row-fluid .offset-s11.offset5, .row-fluid .offset-s11.offset4, .row-fluid .offset-s11.offset3, .row-fluid .offset-s11.offset2, .row-fluid .offset-s11.offset1, .row-fluid .offset-s11.span11, .row-fluid .offset-s11.span1,
.row-fluid .offset-s11.span2,
.row-fluid .offset-s11.span3,
.row-fluid .offset-s11.span4,
.row-fluid .offset-s11.span5,
.row-fluid .offset-s11.span6,
.row-fluid .offset-s11.span7,
.row-fluid .offset-s11.span8,
.row-fluid .offset-s11.span9,
.row-fluid .offset-s11.span10,
.row-fluid .offset-s11.span12 {
  margin-left: 91.6666666667%;
}
.row .col.pull-s11, .row .pull-s11.offset12, .row .pull-s11.offset11, .row .pull-s11.offset10, .row .pull-s11.offset9, .row .pull-s11.offset8, .row .pull-s11.offset7, .row .pull-s11.offset6, .row .pull-s11.offset5, .row .pull-s11.offset4, .row .pull-s11.offset3, .row .pull-s11.offset2, .row .pull-s11.offset1, .row .pull-s11.span11, .row .pull-s11.span1,
.row .pull-s11.span2,
.row .pull-s11.span3,
.row .pull-s11.span4,
.row .pull-s11.span5,
.row .pull-s11.span6,
.row .pull-s11.span7,
.row .pull-s11.span8,
.row .pull-s11.span9,
.row .pull-s11.span10,
.row .pull-s11.span12, .row-fluid .col.pull-s11, .row-fluid .pull-s11.offset12, .row-fluid .pull-s11.offset11, .row-fluid .pull-s11.offset10, .row-fluid .pull-s11.offset9, .row-fluid .pull-s11.offset8, .row-fluid .pull-s11.offset7, .row-fluid .pull-s11.offset6, .row-fluid .pull-s11.offset5, .row-fluid .pull-s11.offset4, .row-fluid .pull-s11.offset3, .row-fluid .pull-s11.offset2, .row-fluid .pull-s11.offset1, .row-fluid .pull-s11.span11, .row-fluid .pull-s11.span1,
.row-fluid .pull-s11.span2,
.row-fluid .pull-s11.span3,
.row-fluid .pull-s11.span4,
.row-fluid .pull-s11.span5,
.row-fluid .pull-s11.span6,
.row-fluid .pull-s11.span7,
.row-fluid .pull-s11.span8,
.row-fluid .pull-s11.span9,
.row-fluid .pull-s11.span10,
.row-fluid .pull-s11.span12 {
  right: 91.6666666667%;
}
.row .col.push-s11, .row .push-s11.offset12, .row .push-s11.offset11, .row .push-s11.offset10, .row .push-s11.offset9, .row .push-s11.offset8, .row .push-s11.offset7, .row .push-s11.offset6, .row .push-s11.offset5, .row .push-s11.offset4, .row .push-s11.offset3, .row .push-s11.offset2, .row .push-s11.offset1, .row .push-s11.span11, .row .push-s11.span1,
.row .push-s11.span2,
.row .push-s11.span3,
.row .push-s11.span4,
.row .push-s11.span5,
.row .push-s11.span6,
.row .push-s11.span7,
.row .push-s11.span8,
.row .push-s11.span9,
.row .push-s11.span10,
.row .push-s11.span12, .row-fluid .col.push-s11, .row-fluid .push-s11.offset12, .row-fluid .push-s11.offset11, .row-fluid .push-s11.offset10, .row-fluid .push-s11.offset9, .row-fluid .push-s11.offset8, .row-fluid .push-s11.offset7, .row-fluid .push-s11.offset6, .row-fluid .push-s11.offset5, .row-fluid .push-s11.offset4, .row-fluid .push-s11.offset3, .row-fluid .push-s11.offset2, .row-fluid .push-s11.offset1, .row-fluid .push-s11.span11, .row-fluid .push-s11.span1,
.row-fluid .push-s11.span2,
.row-fluid .push-s11.span3,
.row-fluid .push-s11.span4,
.row-fluid .push-s11.span5,
.row-fluid .push-s11.span6,
.row-fluid .push-s11.span7,
.row-fluid .push-s11.span8,
.row-fluid .push-s11.span9,
.row-fluid .push-s11.span10,
.row-fluid .push-s11.span12 {
  left: 91.6666666667%;
}
.row .col.offset-s12, .row .offset-s12.offset12, .row .offset-s12.offset11, .row .offset-s12.offset10, .row .offset-s12.offset9, .row .offset-s12.offset8, .row .offset-s12.offset7, .row .offset-s12.offset6, .row .offset-s12.offset5, .row .offset-s12.offset4, .row .offset-s12.offset3, .row .offset-s12.offset2, .row .offset-s12.offset1, .row .offset-s12.span11, .row .offset-s12.span1,
.row .offset-s12.span2,
.row .offset-s12.span3,
.row .offset-s12.span4,
.row .offset-s12.span5,
.row .offset-s12.span6,
.row .offset-s12.span7,
.row .offset-s12.span8,
.row .offset-s12.span9,
.row .offset-s12.span10,
.row .offset-s12.span12, .row-fluid .col.offset-s12, .row-fluid .offset-s12.offset12, .row-fluid .offset-s12.offset11, .row-fluid .offset-s12.offset10, .row-fluid .offset-s12.offset9, .row-fluid .offset-s12.offset8, .row-fluid .offset-s12.offset7, .row-fluid .offset-s12.offset6, .row-fluid .offset-s12.offset5, .row-fluid .offset-s12.offset4, .row-fluid .offset-s12.offset3, .row-fluid .offset-s12.offset2, .row-fluid .offset-s12.offset1, .row-fluid .offset-s12.span11, .row-fluid .offset-s12.span1,
.row-fluid .offset-s12.span2,
.row-fluid .offset-s12.span3,
.row-fluid .offset-s12.span4,
.row-fluid .offset-s12.span5,
.row-fluid .offset-s12.span6,
.row-fluid .offset-s12.span7,
.row-fluid .offset-s12.span8,
.row-fluid .offset-s12.span9,
.row-fluid .offset-s12.span10,
.row-fluid .offset-s12.span12 {
  margin-left: 100%;
}
.row .col.pull-s12, .row .pull-s12.offset12, .row .pull-s12.offset11, .row .pull-s12.offset10, .row .pull-s12.offset9, .row .pull-s12.offset8, .row .pull-s12.offset7, .row .pull-s12.offset6, .row .pull-s12.offset5, .row .pull-s12.offset4, .row .pull-s12.offset3, .row .pull-s12.offset2, .row .pull-s12.offset1, .row .pull-s12.span11, .row .pull-s12.span1,
.row .pull-s12.span2,
.row .pull-s12.span3,
.row .pull-s12.span4,
.row .pull-s12.span5,
.row .pull-s12.span6,
.row .pull-s12.span7,
.row .pull-s12.span8,
.row .pull-s12.span9,
.row .pull-s12.span10,
.row .pull-s12.span12, .row-fluid .col.pull-s12, .row-fluid .pull-s12.offset12, .row-fluid .pull-s12.offset11, .row-fluid .pull-s12.offset10, .row-fluid .pull-s12.offset9, .row-fluid .pull-s12.offset8, .row-fluid .pull-s12.offset7, .row-fluid .pull-s12.offset6, .row-fluid .pull-s12.offset5, .row-fluid .pull-s12.offset4, .row-fluid .pull-s12.offset3, .row-fluid .pull-s12.offset2, .row-fluid .pull-s12.offset1, .row-fluid .pull-s12.span11, .row-fluid .pull-s12.span1,
.row-fluid .pull-s12.span2,
.row-fluid .pull-s12.span3,
.row-fluid .pull-s12.span4,
.row-fluid .pull-s12.span5,
.row-fluid .pull-s12.span6,
.row-fluid .pull-s12.span7,
.row-fluid .pull-s12.span8,
.row-fluid .pull-s12.span9,
.row-fluid .pull-s12.span10,
.row-fluid .pull-s12.span12 {
  right: 100%;
}
.row .col.push-s12, .row .push-s12.offset12, .row .push-s12.offset11, .row .push-s12.offset10, .row .push-s12.offset9, .row .push-s12.offset8, .row .push-s12.offset7, .row .push-s12.offset6, .row .push-s12.offset5, .row .push-s12.offset4, .row .push-s12.offset3, .row .push-s12.offset2, .row .push-s12.offset1, .row .push-s12.span11, .row .push-s12.span1,
.row .push-s12.span2,
.row .push-s12.span3,
.row .push-s12.span4,
.row .push-s12.span5,
.row .push-s12.span6,
.row .push-s12.span7,
.row .push-s12.span8,
.row .push-s12.span9,
.row .push-s12.span10,
.row .push-s12.span12, .row-fluid .col.push-s12, .row-fluid .push-s12.offset12, .row-fluid .push-s12.offset11, .row-fluid .push-s12.offset10, .row-fluid .push-s12.offset9, .row-fluid .push-s12.offset8, .row-fluid .push-s12.offset7, .row-fluid .push-s12.offset6, .row-fluid .push-s12.offset5, .row-fluid .push-s12.offset4, .row-fluid .push-s12.offset3, .row-fluid .push-s12.offset2, .row-fluid .push-s12.offset1, .row-fluid .push-s12.span11, .row-fluid .push-s12.span1,
.row-fluid .push-s12.span2,
.row-fluid .push-s12.span3,
.row-fluid .push-s12.span4,
.row-fluid .push-s12.span5,
.row-fluid .push-s12.span6,
.row-fluid .push-s12.span7,
.row-fluid .push-s12.span8,
.row-fluid .push-s12.span9,
.row-fluid .push-s12.span10,
.row-fluid .push-s12.span12 {
  left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1, .row .m1.offset12, .row .m1.offset11, .row .m1.offset10, .row .m1.offset9, .row .m1.offset8, .row .m1.offset7, .row .m1.offset6, .row .m1.offset5, .row .m1.offset4, .row .m1.offset3, .row .m1.offset2, .row .m1.offset1, .row .m1.span11, .row .m1.span1,
  .row .m1.span2,
  .row .m1.span3,
  .row .m1.span4,
  .row .m1.span5,
  .row .m1.span6,
  .row .m1.span7,
  .row .m1.span8,
  .row .m1.span9,
  .row .m1.span10,
  .row .m1.span12, .row-fluid .col.m1, .row-fluid .m1.offset12, .row-fluid .m1.offset11, .row-fluid .m1.offset10, .row-fluid .m1.offset9, .row-fluid .m1.offset8, .row-fluid .m1.offset7, .row-fluid .m1.offset6, .row-fluid .m1.offset5, .row-fluid .m1.offset4, .row-fluid .m1.offset3, .row-fluid .m1.offset2, .row-fluid .m1.offset1, .row-fluid .m1.span11, .row-fluid .m1.span1,
  .row-fluid .m1.span2,
  .row-fluid .m1.span3,
  .row-fluid .m1.span4,
  .row-fluid .m1.span5,
  .row-fluid .m1.span6,
  .row-fluid .m1.span7,
  .row-fluid .m1.span8,
  .row-fluid .m1.span9,
  .row-fluid .m1.span10,
  .row-fluid .m1.span12 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2, .row .m2.offset12, .row .m2.offset11, .row .m2.offset10, .row .m2.offset9, .row .m2.offset8, .row .m2.offset7, .row .m2.offset6, .row .m2.offset5, .row .m2.offset4, .row .m2.offset3, .row .m2.offset2, .row .m2.offset1, .row .m2.span11, .row .m2.span1,
  .row .m2.span2,
  .row .m2.span3,
  .row .m2.span4,
  .row .m2.span5,
  .row .m2.span6,
  .row .m2.span7,
  .row .m2.span8,
  .row .m2.span9,
  .row .m2.span10,
  .row .m2.span12, .row-fluid .col.m2, .row-fluid .m2.offset12, .row-fluid .m2.offset11, .row-fluid .m2.offset10, .row-fluid .m2.offset9, .row-fluid .m2.offset8, .row-fluid .m2.offset7, .row-fluid .m2.offset6, .row-fluid .m2.offset5, .row-fluid .m2.offset4, .row-fluid .m2.offset3, .row-fluid .m2.offset2, .row-fluid .m2.offset1, .row-fluid .m2.span11, .row-fluid .m2.span1,
  .row-fluid .m2.span2,
  .row-fluid .m2.span3,
  .row-fluid .m2.span4,
  .row-fluid .m2.span5,
  .row-fluid .m2.span6,
  .row-fluid .m2.span7,
  .row-fluid .m2.span8,
  .row-fluid .m2.span9,
  .row-fluid .m2.span10,
  .row-fluid .m2.span12 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3, .row .m3.offset12, .row .m3.offset11, .row .m3.offset10, .row .m3.offset9, .row .m3.offset8, .row .m3.offset7, .row .m3.offset6, .row .m3.offset5, .row .m3.offset4, .row .m3.offset3, .row .m3.offset2, .row .m3.offset1, .row .m3.span11, .row .m3.span1,
  .row .m3.span2,
  .row .m3.span3,
  .row .m3.span4,
  .row .m3.span5,
  .row .m3.span6,
  .row .m3.span7,
  .row .m3.span8,
  .row .m3.span9,
  .row .m3.span10,
  .row .m3.span12, .row-fluid .col.m3, .row-fluid .m3.offset12, .row-fluid .m3.offset11, .row-fluid .m3.offset10, .row-fluid .m3.offset9, .row-fluid .m3.offset8, .row-fluid .m3.offset7, .row-fluid .m3.offset6, .row-fluid .m3.offset5, .row-fluid .m3.offset4, .row-fluid .m3.offset3, .row-fluid .m3.offset2, .row-fluid .m3.offset1, .row-fluid .m3.span11, .row-fluid .m3.span1,
  .row-fluid .m3.span2,
  .row-fluid .m3.span3,
  .row-fluid .m3.span4,
  .row-fluid .m3.span5,
  .row-fluid .m3.span6,
  .row-fluid .m3.span7,
  .row-fluid .m3.span8,
  .row-fluid .m3.span9,
  .row-fluid .m3.span10,
  .row-fluid .m3.span12 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4, .row .m4.offset12, .row .m4.offset11, .row .m4.offset10, .row .m4.offset9, .row .m4.offset8, .row .m4.offset7, .row .m4.offset6, .row .m4.offset5, .row .m4.offset4, .row .m4.offset3, .row .m4.offset2, .row .m4.offset1, .row .m4.span11, .row .m4.span1,
  .row .m4.span2,
  .row .m4.span3,
  .row .m4.span4,
  .row .m4.span5,
  .row .m4.span6,
  .row .m4.span7,
  .row .m4.span8,
  .row .m4.span9,
  .row .m4.span10,
  .row .m4.span12, .row-fluid .col.m4, .row-fluid .m4.offset12, .row-fluid .m4.offset11, .row-fluid .m4.offset10, .row-fluid .m4.offset9, .row-fluid .m4.offset8, .row-fluid .m4.offset7, .row-fluid .m4.offset6, .row-fluid .m4.offset5, .row-fluid .m4.offset4, .row-fluid .m4.offset3, .row-fluid .m4.offset2, .row-fluid .m4.offset1, .row-fluid .m4.span11, .row-fluid .m4.span1,
  .row-fluid .m4.span2,
  .row-fluid .m4.span3,
  .row-fluid .m4.span4,
  .row-fluid .m4.span5,
  .row-fluid .m4.span6,
  .row-fluid .m4.span7,
  .row-fluid .m4.span8,
  .row-fluid .m4.span9,
  .row-fluid .m4.span10,
  .row-fluid .m4.span12 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5, .row .m5.offset12, .row .m5.offset11, .row .m5.offset10, .row .m5.offset9, .row .m5.offset8, .row .m5.offset7, .row .m5.offset6, .row .m5.offset5, .row .m5.offset4, .row .m5.offset3, .row .m5.offset2, .row .m5.offset1, .row .m5.span11, .row .m5.span1,
  .row .m5.span2,
  .row .m5.span3,
  .row .m5.span4,
  .row .m5.span5,
  .row .m5.span6,
  .row .m5.span7,
  .row .m5.span8,
  .row .m5.span9,
  .row .m5.span10,
  .row .m5.span12, .row-fluid .col.m5, .row-fluid .m5.offset12, .row-fluid .m5.offset11, .row-fluid .m5.offset10, .row-fluid .m5.offset9, .row-fluid .m5.offset8, .row-fluid .m5.offset7, .row-fluid .m5.offset6, .row-fluid .m5.offset5, .row-fluid .m5.offset4, .row-fluid .m5.offset3, .row-fluid .m5.offset2, .row-fluid .m5.offset1, .row-fluid .m5.span11, .row-fluid .m5.span1,
  .row-fluid .m5.span2,
  .row-fluid .m5.span3,
  .row-fluid .m5.span4,
  .row-fluid .m5.span5,
  .row-fluid .m5.span6,
  .row-fluid .m5.span7,
  .row-fluid .m5.span8,
  .row-fluid .m5.span9,
  .row-fluid .m5.span10,
  .row-fluid .m5.span12 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6, .row .m6.offset12, .row .m6.offset11, .row .m6.offset10, .row .m6.offset9, .row .m6.offset8, .row .m6.offset7, .row .m6.offset6, .row .m6.offset5, .row .m6.offset4, .row .m6.offset3, .row .m6.offset2, .row .m6.offset1, .row .m6.span11, .row .m6.span1,
  .row .m6.span2,
  .row .m6.span3,
  .row .m6.span4,
  .row .m6.span5,
  .row .m6.span6,
  .row .m6.span7,
  .row .m6.span8,
  .row .m6.span9,
  .row .m6.span10,
  .row .m6.span12, .row-fluid .col.m6, .row-fluid .m6.offset12, .row-fluid .m6.offset11, .row-fluid .m6.offset10, .row-fluid .m6.offset9, .row-fluid .m6.offset8, .row-fluid .m6.offset7, .row-fluid .m6.offset6, .row-fluid .m6.offset5, .row-fluid .m6.offset4, .row-fluid .m6.offset3, .row-fluid .m6.offset2, .row-fluid .m6.offset1, .row-fluid .m6.span11, .row-fluid .m6.span1,
  .row-fluid .m6.span2,
  .row-fluid .m6.span3,
  .row-fluid .m6.span4,
  .row-fluid .m6.span5,
  .row-fluid .m6.span6,
  .row-fluid .m6.span7,
  .row-fluid .m6.span8,
  .row-fluid .m6.span9,
  .row-fluid .m6.span10,
  .row-fluid .m6.span12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7, .row .m7.offset12, .row .m7.offset11, .row .m7.offset10, .row .m7.offset9, .row .m7.offset8, .row .m7.offset7, .row .m7.offset6, .row .m7.offset5, .row .m7.offset4, .row .m7.offset3, .row .m7.offset2, .row .m7.offset1, .row .m7.span11, .row .m7.span1,
  .row .m7.span2,
  .row .m7.span3,
  .row .m7.span4,
  .row .m7.span5,
  .row .m7.span6,
  .row .m7.span7,
  .row .m7.span8,
  .row .m7.span9,
  .row .m7.span10,
  .row .m7.span12, .row-fluid .col.m7, .row-fluid .m7.offset12, .row-fluid .m7.offset11, .row-fluid .m7.offset10, .row-fluid .m7.offset9, .row-fluid .m7.offset8, .row-fluid .m7.offset7, .row-fluid .m7.offset6, .row-fluid .m7.offset5, .row-fluid .m7.offset4, .row-fluid .m7.offset3, .row-fluid .m7.offset2, .row-fluid .m7.offset1, .row-fluid .m7.span11, .row-fluid .m7.span1,
  .row-fluid .m7.span2,
  .row-fluid .m7.span3,
  .row-fluid .m7.span4,
  .row-fluid .m7.span5,
  .row-fluid .m7.span6,
  .row-fluid .m7.span7,
  .row-fluid .m7.span8,
  .row-fluid .m7.span9,
  .row-fluid .m7.span10,
  .row-fluid .m7.span12 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8, .row .m8.offset12, .row .m8.offset11, .row .m8.offset10, .row .m8.offset9, .row .m8.offset8, .row .m8.offset7, .row .m8.offset6, .row .m8.offset5, .row .m8.offset4, .row .m8.offset3, .row .m8.offset2, .row .m8.offset1, .row .m8.span11, .row .m8.span1,
  .row .m8.span2,
  .row .m8.span3,
  .row .m8.span4,
  .row .m8.span5,
  .row .m8.span6,
  .row .m8.span7,
  .row .m8.span8,
  .row .m8.span9,
  .row .m8.span10,
  .row .m8.span12, .row-fluid .col.m8, .row-fluid .m8.offset12, .row-fluid .m8.offset11, .row-fluid .m8.offset10, .row-fluid .m8.offset9, .row-fluid .m8.offset8, .row-fluid .m8.offset7, .row-fluid .m8.offset6, .row-fluid .m8.offset5, .row-fluid .m8.offset4, .row-fluid .m8.offset3, .row-fluid .m8.offset2, .row-fluid .m8.offset1, .row-fluid .m8.span11, .row-fluid .m8.span1,
  .row-fluid .m8.span2,
  .row-fluid .m8.span3,
  .row-fluid .m8.span4,
  .row-fluid .m8.span5,
  .row-fluid .m8.span6,
  .row-fluid .m8.span7,
  .row-fluid .m8.span8,
  .row-fluid .m8.span9,
  .row-fluid .m8.span10,
  .row-fluid .m8.span12 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9, .row .m9.offset12, .row .m9.offset11, .row .m9.offset10, .row .m9.offset9, .row .m9.offset8, .row .m9.offset7, .row .m9.offset6, .row .m9.offset5, .row .m9.offset4, .row .m9.offset3, .row .m9.offset2, .row .m9.offset1, .row .m9.span11, .row .m9.span1,
  .row .m9.span2,
  .row .m9.span3,
  .row .m9.span4,
  .row .m9.span5,
  .row .m9.span6,
  .row .m9.span7,
  .row .m9.span8,
  .row .m9.span9,
  .row .m9.span10,
  .row .m9.span12, .row-fluid .col.m9, .row-fluid .m9.offset12, .row-fluid .m9.offset11, .row-fluid .m9.offset10, .row-fluid .m9.offset9, .row-fluid .m9.offset8, .row-fluid .m9.offset7, .row-fluid .m9.offset6, .row-fluid .m9.offset5, .row-fluid .m9.offset4, .row-fluid .m9.offset3, .row-fluid .m9.offset2, .row-fluid .m9.offset1, .row-fluid .m9.span11, .row-fluid .m9.span1,
  .row-fluid .m9.span2,
  .row-fluid .m9.span3,
  .row-fluid .m9.span4,
  .row-fluid .m9.span5,
  .row-fluid .m9.span6,
  .row-fluid .m9.span7,
  .row-fluid .m9.span8,
  .row-fluid .m9.span9,
  .row-fluid .m9.span10,
  .row-fluid .m9.span12 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10, .row .m10.offset12, .row .m10.offset11, .row .m10.offset10, .row .m10.offset9, .row .m10.offset8, .row .m10.offset7, .row .m10.offset6, .row .m10.offset5, .row .m10.offset4, .row .m10.offset3, .row .m10.offset2, .row .m10.offset1, .row .m10.span11, .row .m10.span1,
  .row .m10.span2,
  .row .m10.span3,
  .row .m10.span4,
  .row .m10.span5,
  .row .m10.span6,
  .row .m10.span7,
  .row .m10.span8,
  .row .m10.span9,
  .row .m10.span10,
  .row .m10.span12, .row-fluid .col.m10, .row-fluid .m10.offset12, .row-fluid .m10.offset11, .row-fluid .m10.offset10, .row-fluid .m10.offset9, .row-fluid .m10.offset8, .row-fluid .m10.offset7, .row-fluid .m10.offset6, .row-fluid .m10.offset5, .row-fluid .m10.offset4, .row-fluid .m10.offset3, .row-fluid .m10.offset2, .row-fluid .m10.offset1, .row-fluid .m10.span11, .row-fluid .m10.span1,
  .row-fluid .m10.span2,
  .row-fluid .m10.span3,
  .row-fluid .m10.span4,
  .row-fluid .m10.span5,
  .row-fluid .m10.span6,
  .row-fluid .m10.span7,
  .row-fluid .m10.span8,
  .row-fluid .m10.span9,
  .row-fluid .m10.span10,
  .row-fluid .m10.span12 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11, .row .m11.offset12, .row .m11.offset11, .row .m11.offset10, .row .m11.offset9, .row .m11.offset8, .row .m11.offset7, .row .m11.offset6, .row .m11.offset5, .row .m11.offset4, .row .m11.offset3, .row .m11.offset2, .row .m11.offset1, .row .m11.span11, .row .m11.span1,
  .row .m11.span2,
  .row .m11.span3,
  .row .m11.span4,
  .row .m11.span5,
  .row .m11.span6,
  .row .m11.span7,
  .row .m11.span8,
  .row .m11.span9,
  .row .m11.span10,
  .row .m11.span12, .row-fluid .col.m11, .row-fluid .m11.offset12, .row-fluid .m11.offset11, .row-fluid .m11.offset10, .row-fluid .m11.offset9, .row-fluid .m11.offset8, .row-fluid .m11.offset7, .row-fluid .m11.offset6, .row-fluid .m11.offset5, .row-fluid .m11.offset4, .row-fluid .m11.offset3, .row-fluid .m11.offset2, .row-fluid .m11.offset1, .row-fluid .m11.span11, .row-fluid .m11.span1,
  .row-fluid .m11.span2,
  .row-fluid .m11.span3,
  .row-fluid .m11.span4,
  .row-fluid .m11.span5,
  .row-fluid .m11.span6,
  .row-fluid .m11.span7,
  .row-fluid .m11.span8,
  .row-fluid .m11.span9,
  .row-fluid .m11.span10,
  .row-fluid .m11.span12 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12, .row .m12.offset12, .row .m12.offset11, .row .m12.offset10, .row .m12.offset9, .row .m12.offset8, .row .m12.offset7, .row .m12.offset6, .row .m12.offset5, .row .m12.offset4, .row .m12.offset3, .row .m12.offset2, .row .m12.offset1, .row .m12.span11, .row .m12.span1,
  .row .m12.span2,
  .row .m12.span3,
  .row .m12.span4,
  .row .m12.span5,
  .row .m12.span6,
  .row .m12.span7,
  .row .m12.span8,
  .row .m12.span9,
  .row .m12.span10,
  .row .m12.span12, .row-fluid .col.m12, .row-fluid .m12.offset12, .row-fluid .m12.offset11, .row-fluid .m12.offset10, .row-fluid .m12.offset9, .row-fluid .m12.offset8, .row-fluid .m12.offset7, .row-fluid .m12.offset6, .row-fluid .m12.offset5, .row-fluid .m12.offset4, .row-fluid .m12.offset3, .row-fluid .m12.offset2, .row-fluid .m12.offset1, .row-fluid .m12.span11, .row-fluid .m12.span1,
  .row-fluid .m12.span2,
  .row-fluid .m12.span3,
  .row-fluid .m12.span4,
  .row-fluid .m12.span5,
  .row-fluid .m12.span6,
  .row-fluid .m12.span7,
  .row-fluid .m12.span8,
  .row-fluid .m12.span9,
  .row-fluid .m12.span10,
  .row-fluid .m12.span12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1, .row .offset-m1.offset12, .row .offset-m1.offset11, .row .offset-m1.offset10, .row .offset-m1.offset9, .row .offset-m1.offset8, .row .offset-m1.offset7, .row .offset-m1.offset6, .row .offset-m1.offset5, .row .offset-m1.offset4, .row .offset-m1.offset3, .row .offset-m1.offset2, .row .offset-m1.offset1, .row .offset-m1.span11, .row .offset-m1.span1,
  .row .offset-m1.span2,
  .row .offset-m1.span3,
  .row .offset-m1.span4,
  .row .offset-m1.span5,
  .row .offset-m1.span6,
  .row .offset-m1.span7,
  .row .offset-m1.span8,
  .row .offset-m1.span9,
  .row .offset-m1.span10,
  .row .offset-m1.span12, .row-fluid .col.offset-m1, .row-fluid .offset-m1.offset12, .row-fluid .offset-m1.offset11, .row-fluid .offset-m1.offset10, .row-fluid .offset-m1.offset9, .row-fluid .offset-m1.offset8, .row-fluid .offset-m1.offset7, .row-fluid .offset-m1.offset6, .row-fluid .offset-m1.offset5, .row-fluid .offset-m1.offset4, .row-fluid .offset-m1.offset3, .row-fluid .offset-m1.offset2, .row-fluid .offset-m1.offset1, .row-fluid .offset-m1.span11, .row-fluid .offset-m1.span1,
  .row-fluid .offset-m1.span2,
  .row-fluid .offset-m1.span3,
  .row-fluid .offset-m1.span4,
  .row-fluid .offset-m1.span5,
  .row-fluid .offset-m1.span6,
  .row-fluid .offset-m1.span7,
  .row-fluid .offset-m1.span8,
  .row-fluid .offset-m1.span9,
  .row-fluid .offset-m1.span10,
  .row-fluid .offset-m1.span12 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1, .row .pull-m1.offset12, .row .pull-m1.offset11, .row .pull-m1.offset10, .row .pull-m1.offset9, .row .pull-m1.offset8, .row .pull-m1.offset7, .row .pull-m1.offset6, .row .pull-m1.offset5, .row .pull-m1.offset4, .row .pull-m1.offset3, .row .pull-m1.offset2, .row .pull-m1.offset1, .row .pull-m1.span11, .row .pull-m1.span1,
  .row .pull-m1.span2,
  .row .pull-m1.span3,
  .row .pull-m1.span4,
  .row .pull-m1.span5,
  .row .pull-m1.span6,
  .row .pull-m1.span7,
  .row .pull-m1.span8,
  .row .pull-m1.span9,
  .row .pull-m1.span10,
  .row .pull-m1.span12, .row-fluid .col.pull-m1, .row-fluid .pull-m1.offset12, .row-fluid .pull-m1.offset11, .row-fluid .pull-m1.offset10, .row-fluid .pull-m1.offset9, .row-fluid .pull-m1.offset8, .row-fluid .pull-m1.offset7, .row-fluid .pull-m1.offset6, .row-fluid .pull-m1.offset5, .row-fluid .pull-m1.offset4, .row-fluid .pull-m1.offset3, .row-fluid .pull-m1.offset2, .row-fluid .pull-m1.offset1, .row-fluid .pull-m1.span11, .row-fluid .pull-m1.span1,
  .row-fluid .pull-m1.span2,
  .row-fluid .pull-m1.span3,
  .row-fluid .pull-m1.span4,
  .row-fluid .pull-m1.span5,
  .row-fluid .pull-m1.span6,
  .row-fluid .pull-m1.span7,
  .row-fluid .pull-m1.span8,
  .row-fluid .pull-m1.span9,
  .row-fluid .pull-m1.span10,
  .row-fluid .pull-m1.span12 {
    right: 8.3333333333%;
  }
  .row .col.push-m1, .row .push-m1.offset12, .row .push-m1.offset11, .row .push-m1.offset10, .row .push-m1.offset9, .row .push-m1.offset8, .row .push-m1.offset7, .row .push-m1.offset6, .row .push-m1.offset5, .row .push-m1.offset4, .row .push-m1.offset3, .row .push-m1.offset2, .row .push-m1.offset1, .row .push-m1.span11, .row .push-m1.span1,
  .row .push-m1.span2,
  .row .push-m1.span3,
  .row .push-m1.span4,
  .row .push-m1.span5,
  .row .push-m1.span6,
  .row .push-m1.span7,
  .row .push-m1.span8,
  .row .push-m1.span9,
  .row .push-m1.span10,
  .row .push-m1.span12, .row-fluid .col.push-m1, .row-fluid .push-m1.offset12, .row-fluid .push-m1.offset11, .row-fluid .push-m1.offset10, .row-fluid .push-m1.offset9, .row-fluid .push-m1.offset8, .row-fluid .push-m1.offset7, .row-fluid .push-m1.offset6, .row-fluid .push-m1.offset5, .row-fluid .push-m1.offset4, .row-fluid .push-m1.offset3, .row-fluid .push-m1.offset2, .row-fluid .push-m1.offset1, .row-fluid .push-m1.span11, .row-fluid .push-m1.span1,
  .row-fluid .push-m1.span2,
  .row-fluid .push-m1.span3,
  .row-fluid .push-m1.span4,
  .row-fluid .push-m1.span5,
  .row-fluid .push-m1.span6,
  .row-fluid .push-m1.span7,
  .row-fluid .push-m1.span8,
  .row-fluid .push-m1.span9,
  .row-fluid .push-m1.span10,
  .row-fluid .push-m1.span12 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2, .row .offset-m2.offset12, .row .offset-m2.offset11, .row .offset-m2.offset10, .row .offset-m2.offset9, .row .offset-m2.offset8, .row .offset-m2.offset7, .row .offset-m2.offset6, .row .offset-m2.offset5, .row .offset-m2.offset4, .row .offset-m2.offset3, .row .offset-m2.offset2, .row .offset-m2.offset1, .row .offset-m2.span11, .row .offset-m2.span1,
  .row .offset-m2.span2,
  .row .offset-m2.span3,
  .row .offset-m2.span4,
  .row .offset-m2.span5,
  .row .offset-m2.span6,
  .row .offset-m2.span7,
  .row .offset-m2.span8,
  .row .offset-m2.span9,
  .row .offset-m2.span10,
  .row .offset-m2.span12, .row-fluid .col.offset-m2, .row-fluid .offset-m2.offset12, .row-fluid .offset-m2.offset11, .row-fluid .offset-m2.offset10, .row-fluid .offset-m2.offset9, .row-fluid .offset-m2.offset8, .row-fluid .offset-m2.offset7, .row-fluid .offset-m2.offset6, .row-fluid .offset-m2.offset5, .row-fluid .offset-m2.offset4, .row-fluid .offset-m2.offset3, .row-fluid .offset-m2.offset2, .row-fluid .offset-m2.offset1, .row-fluid .offset-m2.span11, .row-fluid .offset-m2.span1,
  .row-fluid .offset-m2.span2,
  .row-fluid .offset-m2.span3,
  .row-fluid .offset-m2.span4,
  .row-fluid .offset-m2.span5,
  .row-fluid .offset-m2.span6,
  .row-fluid .offset-m2.span7,
  .row-fluid .offset-m2.span8,
  .row-fluid .offset-m2.span9,
  .row-fluid .offset-m2.span10,
  .row-fluid .offset-m2.span12 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2, .row .pull-m2.offset12, .row .pull-m2.offset11, .row .pull-m2.offset10, .row .pull-m2.offset9, .row .pull-m2.offset8, .row .pull-m2.offset7, .row .pull-m2.offset6, .row .pull-m2.offset5, .row .pull-m2.offset4, .row .pull-m2.offset3, .row .pull-m2.offset2, .row .pull-m2.offset1, .row .pull-m2.span11, .row .pull-m2.span1,
  .row .pull-m2.span2,
  .row .pull-m2.span3,
  .row .pull-m2.span4,
  .row .pull-m2.span5,
  .row .pull-m2.span6,
  .row .pull-m2.span7,
  .row .pull-m2.span8,
  .row .pull-m2.span9,
  .row .pull-m2.span10,
  .row .pull-m2.span12, .row-fluid .col.pull-m2, .row-fluid .pull-m2.offset12, .row-fluid .pull-m2.offset11, .row-fluid .pull-m2.offset10, .row-fluid .pull-m2.offset9, .row-fluid .pull-m2.offset8, .row-fluid .pull-m2.offset7, .row-fluid .pull-m2.offset6, .row-fluid .pull-m2.offset5, .row-fluid .pull-m2.offset4, .row-fluid .pull-m2.offset3, .row-fluid .pull-m2.offset2, .row-fluid .pull-m2.offset1, .row-fluid .pull-m2.span11, .row-fluid .pull-m2.span1,
  .row-fluid .pull-m2.span2,
  .row-fluid .pull-m2.span3,
  .row-fluid .pull-m2.span4,
  .row-fluid .pull-m2.span5,
  .row-fluid .pull-m2.span6,
  .row-fluid .pull-m2.span7,
  .row-fluid .pull-m2.span8,
  .row-fluid .pull-m2.span9,
  .row-fluid .pull-m2.span10,
  .row-fluid .pull-m2.span12 {
    right: 16.6666666667%;
  }
  .row .col.push-m2, .row .push-m2.offset12, .row .push-m2.offset11, .row .push-m2.offset10, .row .push-m2.offset9, .row .push-m2.offset8, .row .push-m2.offset7, .row .push-m2.offset6, .row .push-m2.offset5, .row .push-m2.offset4, .row .push-m2.offset3, .row .push-m2.offset2, .row .push-m2.offset1, .row .push-m2.span11, .row .push-m2.span1,
  .row .push-m2.span2,
  .row .push-m2.span3,
  .row .push-m2.span4,
  .row .push-m2.span5,
  .row .push-m2.span6,
  .row .push-m2.span7,
  .row .push-m2.span8,
  .row .push-m2.span9,
  .row .push-m2.span10,
  .row .push-m2.span12, .row-fluid .col.push-m2, .row-fluid .push-m2.offset12, .row-fluid .push-m2.offset11, .row-fluid .push-m2.offset10, .row-fluid .push-m2.offset9, .row-fluid .push-m2.offset8, .row-fluid .push-m2.offset7, .row-fluid .push-m2.offset6, .row-fluid .push-m2.offset5, .row-fluid .push-m2.offset4, .row-fluid .push-m2.offset3, .row-fluid .push-m2.offset2, .row-fluid .push-m2.offset1, .row-fluid .push-m2.span11, .row-fluid .push-m2.span1,
  .row-fluid .push-m2.span2,
  .row-fluid .push-m2.span3,
  .row-fluid .push-m2.span4,
  .row-fluid .push-m2.span5,
  .row-fluid .push-m2.span6,
  .row-fluid .push-m2.span7,
  .row-fluid .push-m2.span8,
  .row-fluid .push-m2.span9,
  .row-fluid .push-m2.span10,
  .row-fluid .push-m2.span12 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3, .row .offset-m3.offset12, .row .offset-m3.offset11, .row .offset-m3.offset10, .row .offset-m3.offset9, .row .offset-m3.offset8, .row .offset-m3.offset7, .row .offset-m3.offset6, .row .offset-m3.offset5, .row .offset-m3.offset4, .row .offset-m3.offset3, .row .offset-m3.offset2, .row .offset-m3.offset1, .row .offset-m3.span11, .row .offset-m3.span1,
  .row .offset-m3.span2,
  .row .offset-m3.span3,
  .row .offset-m3.span4,
  .row .offset-m3.span5,
  .row .offset-m3.span6,
  .row .offset-m3.span7,
  .row .offset-m3.span8,
  .row .offset-m3.span9,
  .row .offset-m3.span10,
  .row .offset-m3.span12, .row-fluid .col.offset-m3, .row-fluid .offset-m3.offset12, .row-fluid .offset-m3.offset11, .row-fluid .offset-m3.offset10, .row-fluid .offset-m3.offset9, .row-fluid .offset-m3.offset8, .row-fluid .offset-m3.offset7, .row-fluid .offset-m3.offset6, .row-fluid .offset-m3.offset5, .row-fluid .offset-m3.offset4, .row-fluid .offset-m3.offset3, .row-fluid .offset-m3.offset2, .row-fluid .offset-m3.offset1, .row-fluid .offset-m3.span11, .row-fluid .offset-m3.span1,
  .row-fluid .offset-m3.span2,
  .row-fluid .offset-m3.span3,
  .row-fluid .offset-m3.span4,
  .row-fluid .offset-m3.span5,
  .row-fluid .offset-m3.span6,
  .row-fluid .offset-m3.span7,
  .row-fluid .offset-m3.span8,
  .row-fluid .offset-m3.span9,
  .row-fluid .offset-m3.span10,
  .row-fluid .offset-m3.span12 {
    margin-left: 25%;
  }
  .row .col.pull-m3, .row .pull-m3.offset12, .row .pull-m3.offset11, .row .pull-m3.offset10, .row .pull-m3.offset9, .row .pull-m3.offset8, .row .pull-m3.offset7, .row .pull-m3.offset6, .row .pull-m3.offset5, .row .pull-m3.offset4, .row .pull-m3.offset3, .row .pull-m3.offset2, .row .pull-m3.offset1, .row .pull-m3.span11, .row .pull-m3.span1,
  .row .pull-m3.span2,
  .row .pull-m3.span3,
  .row .pull-m3.span4,
  .row .pull-m3.span5,
  .row .pull-m3.span6,
  .row .pull-m3.span7,
  .row .pull-m3.span8,
  .row .pull-m3.span9,
  .row .pull-m3.span10,
  .row .pull-m3.span12, .row-fluid .col.pull-m3, .row-fluid .pull-m3.offset12, .row-fluid .pull-m3.offset11, .row-fluid .pull-m3.offset10, .row-fluid .pull-m3.offset9, .row-fluid .pull-m3.offset8, .row-fluid .pull-m3.offset7, .row-fluid .pull-m3.offset6, .row-fluid .pull-m3.offset5, .row-fluid .pull-m3.offset4, .row-fluid .pull-m3.offset3, .row-fluid .pull-m3.offset2, .row-fluid .pull-m3.offset1, .row-fluid .pull-m3.span11, .row-fluid .pull-m3.span1,
  .row-fluid .pull-m3.span2,
  .row-fluid .pull-m3.span3,
  .row-fluid .pull-m3.span4,
  .row-fluid .pull-m3.span5,
  .row-fluid .pull-m3.span6,
  .row-fluid .pull-m3.span7,
  .row-fluid .pull-m3.span8,
  .row-fluid .pull-m3.span9,
  .row-fluid .pull-m3.span10,
  .row-fluid .pull-m3.span12 {
    right: 25%;
  }
  .row .col.push-m3, .row .push-m3.offset12, .row .push-m3.offset11, .row .push-m3.offset10, .row .push-m3.offset9, .row .push-m3.offset8, .row .push-m3.offset7, .row .push-m3.offset6, .row .push-m3.offset5, .row .push-m3.offset4, .row .push-m3.offset3, .row .push-m3.offset2, .row .push-m3.offset1, .row .push-m3.span11, .row .push-m3.span1,
  .row .push-m3.span2,
  .row .push-m3.span3,
  .row .push-m3.span4,
  .row .push-m3.span5,
  .row .push-m3.span6,
  .row .push-m3.span7,
  .row .push-m3.span8,
  .row .push-m3.span9,
  .row .push-m3.span10,
  .row .push-m3.span12, .row-fluid .col.push-m3, .row-fluid .push-m3.offset12, .row-fluid .push-m3.offset11, .row-fluid .push-m3.offset10, .row-fluid .push-m3.offset9, .row-fluid .push-m3.offset8, .row-fluid .push-m3.offset7, .row-fluid .push-m3.offset6, .row-fluid .push-m3.offset5, .row-fluid .push-m3.offset4, .row-fluid .push-m3.offset3, .row-fluid .push-m3.offset2, .row-fluid .push-m3.offset1, .row-fluid .push-m3.span11, .row-fluid .push-m3.span1,
  .row-fluid .push-m3.span2,
  .row-fluid .push-m3.span3,
  .row-fluid .push-m3.span4,
  .row-fluid .push-m3.span5,
  .row-fluid .push-m3.span6,
  .row-fluid .push-m3.span7,
  .row-fluid .push-m3.span8,
  .row-fluid .push-m3.span9,
  .row-fluid .push-m3.span10,
  .row-fluid .push-m3.span12 {
    left: 25%;
  }
  .row .col.offset-m4, .row .offset-m4.offset12, .row .offset-m4.offset11, .row .offset-m4.offset10, .row .offset-m4.offset9, .row .offset-m4.offset8, .row .offset-m4.offset7, .row .offset-m4.offset6, .row .offset-m4.offset5, .row .offset-m4.offset4, .row .offset-m4.offset3, .row .offset-m4.offset2, .row .offset-m4.offset1, .row .offset-m4.span11, .row .offset-m4.span1,
  .row .offset-m4.span2,
  .row .offset-m4.span3,
  .row .offset-m4.span4,
  .row .offset-m4.span5,
  .row .offset-m4.span6,
  .row .offset-m4.span7,
  .row .offset-m4.span8,
  .row .offset-m4.span9,
  .row .offset-m4.span10,
  .row .offset-m4.span12, .row-fluid .col.offset-m4, .row-fluid .offset-m4.offset12, .row-fluid .offset-m4.offset11, .row-fluid .offset-m4.offset10, .row-fluid .offset-m4.offset9, .row-fluid .offset-m4.offset8, .row-fluid .offset-m4.offset7, .row-fluid .offset-m4.offset6, .row-fluid .offset-m4.offset5, .row-fluid .offset-m4.offset4, .row-fluid .offset-m4.offset3, .row-fluid .offset-m4.offset2, .row-fluid .offset-m4.offset1, .row-fluid .offset-m4.span11, .row-fluid .offset-m4.span1,
  .row-fluid .offset-m4.span2,
  .row-fluid .offset-m4.span3,
  .row-fluid .offset-m4.span4,
  .row-fluid .offset-m4.span5,
  .row-fluid .offset-m4.span6,
  .row-fluid .offset-m4.span7,
  .row-fluid .offset-m4.span8,
  .row-fluid .offset-m4.span9,
  .row-fluid .offset-m4.span10,
  .row-fluid .offset-m4.span12 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4, .row .pull-m4.offset12, .row .pull-m4.offset11, .row .pull-m4.offset10, .row .pull-m4.offset9, .row .pull-m4.offset8, .row .pull-m4.offset7, .row .pull-m4.offset6, .row .pull-m4.offset5, .row .pull-m4.offset4, .row .pull-m4.offset3, .row .pull-m4.offset2, .row .pull-m4.offset1, .row .pull-m4.span11, .row .pull-m4.span1,
  .row .pull-m4.span2,
  .row .pull-m4.span3,
  .row .pull-m4.span4,
  .row .pull-m4.span5,
  .row .pull-m4.span6,
  .row .pull-m4.span7,
  .row .pull-m4.span8,
  .row .pull-m4.span9,
  .row .pull-m4.span10,
  .row .pull-m4.span12, .row-fluid .col.pull-m4, .row-fluid .pull-m4.offset12, .row-fluid .pull-m4.offset11, .row-fluid .pull-m4.offset10, .row-fluid .pull-m4.offset9, .row-fluid .pull-m4.offset8, .row-fluid .pull-m4.offset7, .row-fluid .pull-m4.offset6, .row-fluid .pull-m4.offset5, .row-fluid .pull-m4.offset4, .row-fluid .pull-m4.offset3, .row-fluid .pull-m4.offset2, .row-fluid .pull-m4.offset1, .row-fluid .pull-m4.span11, .row-fluid .pull-m4.span1,
  .row-fluid .pull-m4.span2,
  .row-fluid .pull-m4.span3,
  .row-fluid .pull-m4.span4,
  .row-fluid .pull-m4.span5,
  .row-fluid .pull-m4.span6,
  .row-fluid .pull-m4.span7,
  .row-fluid .pull-m4.span8,
  .row-fluid .pull-m4.span9,
  .row-fluid .pull-m4.span10,
  .row-fluid .pull-m4.span12 {
    right: 33.3333333333%;
  }
  .row .col.push-m4, .row .push-m4.offset12, .row .push-m4.offset11, .row .push-m4.offset10, .row .push-m4.offset9, .row .push-m4.offset8, .row .push-m4.offset7, .row .push-m4.offset6, .row .push-m4.offset5, .row .push-m4.offset4, .row .push-m4.offset3, .row .push-m4.offset2, .row .push-m4.offset1, .row .push-m4.span11, .row .push-m4.span1,
  .row .push-m4.span2,
  .row .push-m4.span3,
  .row .push-m4.span4,
  .row .push-m4.span5,
  .row .push-m4.span6,
  .row .push-m4.span7,
  .row .push-m4.span8,
  .row .push-m4.span9,
  .row .push-m4.span10,
  .row .push-m4.span12, .row-fluid .col.push-m4, .row-fluid .push-m4.offset12, .row-fluid .push-m4.offset11, .row-fluid .push-m4.offset10, .row-fluid .push-m4.offset9, .row-fluid .push-m4.offset8, .row-fluid .push-m4.offset7, .row-fluid .push-m4.offset6, .row-fluid .push-m4.offset5, .row-fluid .push-m4.offset4, .row-fluid .push-m4.offset3, .row-fluid .push-m4.offset2, .row-fluid .push-m4.offset1, .row-fluid .push-m4.span11, .row-fluid .push-m4.span1,
  .row-fluid .push-m4.span2,
  .row-fluid .push-m4.span3,
  .row-fluid .push-m4.span4,
  .row-fluid .push-m4.span5,
  .row-fluid .push-m4.span6,
  .row-fluid .push-m4.span7,
  .row-fluid .push-m4.span8,
  .row-fluid .push-m4.span9,
  .row-fluid .push-m4.span10,
  .row-fluid .push-m4.span12 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5, .row .offset-m5.offset12, .row .offset-m5.offset11, .row .offset-m5.offset10, .row .offset-m5.offset9, .row .offset-m5.offset8, .row .offset-m5.offset7, .row .offset-m5.offset6, .row .offset-m5.offset5, .row .offset-m5.offset4, .row .offset-m5.offset3, .row .offset-m5.offset2, .row .offset-m5.offset1, .row .offset-m5.span11, .row .offset-m5.span1,
  .row .offset-m5.span2,
  .row .offset-m5.span3,
  .row .offset-m5.span4,
  .row .offset-m5.span5,
  .row .offset-m5.span6,
  .row .offset-m5.span7,
  .row .offset-m5.span8,
  .row .offset-m5.span9,
  .row .offset-m5.span10,
  .row .offset-m5.span12, .row-fluid .col.offset-m5, .row-fluid .offset-m5.offset12, .row-fluid .offset-m5.offset11, .row-fluid .offset-m5.offset10, .row-fluid .offset-m5.offset9, .row-fluid .offset-m5.offset8, .row-fluid .offset-m5.offset7, .row-fluid .offset-m5.offset6, .row-fluid .offset-m5.offset5, .row-fluid .offset-m5.offset4, .row-fluid .offset-m5.offset3, .row-fluid .offset-m5.offset2, .row-fluid .offset-m5.offset1, .row-fluid .offset-m5.span11, .row-fluid .offset-m5.span1,
  .row-fluid .offset-m5.span2,
  .row-fluid .offset-m5.span3,
  .row-fluid .offset-m5.span4,
  .row-fluid .offset-m5.span5,
  .row-fluid .offset-m5.span6,
  .row-fluid .offset-m5.span7,
  .row-fluid .offset-m5.span8,
  .row-fluid .offset-m5.span9,
  .row-fluid .offset-m5.span10,
  .row-fluid .offset-m5.span12 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5, .row .pull-m5.offset12, .row .pull-m5.offset11, .row .pull-m5.offset10, .row .pull-m5.offset9, .row .pull-m5.offset8, .row .pull-m5.offset7, .row .pull-m5.offset6, .row .pull-m5.offset5, .row .pull-m5.offset4, .row .pull-m5.offset3, .row .pull-m5.offset2, .row .pull-m5.offset1, .row .pull-m5.span11, .row .pull-m5.span1,
  .row .pull-m5.span2,
  .row .pull-m5.span3,
  .row .pull-m5.span4,
  .row .pull-m5.span5,
  .row .pull-m5.span6,
  .row .pull-m5.span7,
  .row .pull-m5.span8,
  .row .pull-m5.span9,
  .row .pull-m5.span10,
  .row .pull-m5.span12, .row-fluid .col.pull-m5, .row-fluid .pull-m5.offset12, .row-fluid .pull-m5.offset11, .row-fluid .pull-m5.offset10, .row-fluid .pull-m5.offset9, .row-fluid .pull-m5.offset8, .row-fluid .pull-m5.offset7, .row-fluid .pull-m5.offset6, .row-fluid .pull-m5.offset5, .row-fluid .pull-m5.offset4, .row-fluid .pull-m5.offset3, .row-fluid .pull-m5.offset2, .row-fluid .pull-m5.offset1, .row-fluid .pull-m5.span11, .row-fluid .pull-m5.span1,
  .row-fluid .pull-m5.span2,
  .row-fluid .pull-m5.span3,
  .row-fluid .pull-m5.span4,
  .row-fluid .pull-m5.span5,
  .row-fluid .pull-m5.span6,
  .row-fluid .pull-m5.span7,
  .row-fluid .pull-m5.span8,
  .row-fluid .pull-m5.span9,
  .row-fluid .pull-m5.span10,
  .row-fluid .pull-m5.span12 {
    right: 41.6666666667%;
  }
  .row .col.push-m5, .row .push-m5.offset12, .row .push-m5.offset11, .row .push-m5.offset10, .row .push-m5.offset9, .row .push-m5.offset8, .row .push-m5.offset7, .row .push-m5.offset6, .row .push-m5.offset5, .row .push-m5.offset4, .row .push-m5.offset3, .row .push-m5.offset2, .row .push-m5.offset1, .row .push-m5.span11, .row .push-m5.span1,
  .row .push-m5.span2,
  .row .push-m5.span3,
  .row .push-m5.span4,
  .row .push-m5.span5,
  .row .push-m5.span6,
  .row .push-m5.span7,
  .row .push-m5.span8,
  .row .push-m5.span9,
  .row .push-m5.span10,
  .row .push-m5.span12, .row-fluid .col.push-m5, .row-fluid .push-m5.offset12, .row-fluid .push-m5.offset11, .row-fluid .push-m5.offset10, .row-fluid .push-m5.offset9, .row-fluid .push-m5.offset8, .row-fluid .push-m5.offset7, .row-fluid .push-m5.offset6, .row-fluid .push-m5.offset5, .row-fluid .push-m5.offset4, .row-fluid .push-m5.offset3, .row-fluid .push-m5.offset2, .row-fluid .push-m5.offset1, .row-fluid .push-m5.span11, .row-fluid .push-m5.span1,
  .row-fluid .push-m5.span2,
  .row-fluid .push-m5.span3,
  .row-fluid .push-m5.span4,
  .row-fluid .push-m5.span5,
  .row-fluid .push-m5.span6,
  .row-fluid .push-m5.span7,
  .row-fluid .push-m5.span8,
  .row-fluid .push-m5.span9,
  .row-fluid .push-m5.span10,
  .row-fluid .push-m5.span12 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6, .row .offset-m6.offset12, .row .offset-m6.offset11, .row .offset-m6.offset10, .row .offset-m6.offset9, .row .offset-m6.offset8, .row .offset-m6.offset7, .row .offset-m6.offset6, .row .offset-m6.offset5, .row .offset-m6.offset4, .row .offset-m6.offset3, .row .offset-m6.offset2, .row .offset-m6.offset1, .row .offset-m6.span11, .row .offset-m6.span1,
  .row .offset-m6.span2,
  .row .offset-m6.span3,
  .row .offset-m6.span4,
  .row .offset-m6.span5,
  .row .offset-m6.span6,
  .row .offset-m6.span7,
  .row .offset-m6.span8,
  .row .offset-m6.span9,
  .row .offset-m6.span10,
  .row .offset-m6.span12, .row-fluid .col.offset-m6, .row-fluid .offset-m6.offset12, .row-fluid .offset-m6.offset11, .row-fluid .offset-m6.offset10, .row-fluid .offset-m6.offset9, .row-fluid .offset-m6.offset8, .row-fluid .offset-m6.offset7, .row-fluid .offset-m6.offset6, .row-fluid .offset-m6.offset5, .row-fluid .offset-m6.offset4, .row-fluid .offset-m6.offset3, .row-fluid .offset-m6.offset2, .row-fluid .offset-m6.offset1, .row-fluid .offset-m6.span11, .row-fluid .offset-m6.span1,
  .row-fluid .offset-m6.span2,
  .row-fluid .offset-m6.span3,
  .row-fluid .offset-m6.span4,
  .row-fluid .offset-m6.span5,
  .row-fluid .offset-m6.span6,
  .row-fluid .offset-m6.span7,
  .row-fluid .offset-m6.span8,
  .row-fluid .offset-m6.span9,
  .row-fluid .offset-m6.span10,
  .row-fluid .offset-m6.span12 {
    margin-left: 50%;
  }
  .row .col.pull-m6, .row .pull-m6.offset12, .row .pull-m6.offset11, .row .pull-m6.offset10, .row .pull-m6.offset9, .row .pull-m6.offset8, .row .pull-m6.offset7, .row .pull-m6.offset6, .row .pull-m6.offset5, .row .pull-m6.offset4, .row .pull-m6.offset3, .row .pull-m6.offset2, .row .pull-m6.offset1, .row .pull-m6.span11, .row .pull-m6.span1,
  .row .pull-m6.span2,
  .row .pull-m6.span3,
  .row .pull-m6.span4,
  .row .pull-m6.span5,
  .row .pull-m6.span6,
  .row .pull-m6.span7,
  .row .pull-m6.span8,
  .row .pull-m6.span9,
  .row .pull-m6.span10,
  .row .pull-m6.span12, .row-fluid .col.pull-m6, .row-fluid .pull-m6.offset12, .row-fluid .pull-m6.offset11, .row-fluid .pull-m6.offset10, .row-fluid .pull-m6.offset9, .row-fluid .pull-m6.offset8, .row-fluid .pull-m6.offset7, .row-fluid .pull-m6.offset6, .row-fluid .pull-m6.offset5, .row-fluid .pull-m6.offset4, .row-fluid .pull-m6.offset3, .row-fluid .pull-m6.offset2, .row-fluid .pull-m6.offset1, .row-fluid .pull-m6.span11, .row-fluid .pull-m6.span1,
  .row-fluid .pull-m6.span2,
  .row-fluid .pull-m6.span3,
  .row-fluid .pull-m6.span4,
  .row-fluid .pull-m6.span5,
  .row-fluid .pull-m6.span6,
  .row-fluid .pull-m6.span7,
  .row-fluid .pull-m6.span8,
  .row-fluid .pull-m6.span9,
  .row-fluid .pull-m6.span10,
  .row-fluid .pull-m6.span12 {
    right: 50%;
  }
  .row .col.push-m6, .row .push-m6.offset12, .row .push-m6.offset11, .row .push-m6.offset10, .row .push-m6.offset9, .row .push-m6.offset8, .row .push-m6.offset7, .row .push-m6.offset6, .row .push-m6.offset5, .row .push-m6.offset4, .row .push-m6.offset3, .row .push-m6.offset2, .row .push-m6.offset1, .row .push-m6.span11, .row .push-m6.span1,
  .row .push-m6.span2,
  .row .push-m6.span3,
  .row .push-m6.span4,
  .row .push-m6.span5,
  .row .push-m6.span6,
  .row .push-m6.span7,
  .row .push-m6.span8,
  .row .push-m6.span9,
  .row .push-m6.span10,
  .row .push-m6.span12, .row-fluid .col.push-m6, .row-fluid .push-m6.offset12, .row-fluid .push-m6.offset11, .row-fluid .push-m6.offset10, .row-fluid .push-m6.offset9, .row-fluid .push-m6.offset8, .row-fluid .push-m6.offset7, .row-fluid .push-m6.offset6, .row-fluid .push-m6.offset5, .row-fluid .push-m6.offset4, .row-fluid .push-m6.offset3, .row-fluid .push-m6.offset2, .row-fluid .push-m6.offset1, .row-fluid .push-m6.span11, .row-fluid .push-m6.span1,
  .row-fluid .push-m6.span2,
  .row-fluid .push-m6.span3,
  .row-fluid .push-m6.span4,
  .row-fluid .push-m6.span5,
  .row-fluid .push-m6.span6,
  .row-fluid .push-m6.span7,
  .row-fluid .push-m6.span8,
  .row-fluid .push-m6.span9,
  .row-fluid .push-m6.span10,
  .row-fluid .push-m6.span12 {
    left: 50%;
  }
  .row .col.offset-m7, .row .offset-m7.offset12, .row .offset-m7.offset11, .row .offset-m7.offset10, .row .offset-m7.offset9, .row .offset-m7.offset8, .row .offset-m7.offset7, .row .offset-m7.offset6, .row .offset-m7.offset5, .row .offset-m7.offset4, .row .offset-m7.offset3, .row .offset-m7.offset2, .row .offset-m7.offset1, .row .offset-m7.span11, .row .offset-m7.span1,
  .row .offset-m7.span2,
  .row .offset-m7.span3,
  .row .offset-m7.span4,
  .row .offset-m7.span5,
  .row .offset-m7.span6,
  .row .offset-m7.span7,
  .row .offset-m7.span8,
  .row .offset-m7.span9,
  .row .offset-m7.span10,
  .row .offset-m7.span12, .row-fluid .col.offset-m7, .row-fluid .offset-m7.offset12, .row-fluid .offset-m7.offset11, .row-fluid .offset-m7.offset10, .row-fluid .offset-m7.offset9, .row-fluid .offset-m7.offset8, .row-fluid .offset-m7.offset7, .row-fluid .offset-m7.offset6, .row-fluid .offset-m7.offset5, .row-fluid .offset-m7.offset4, .row-fluid .offset-m7.offset3, .row-fluid .offset-m7.offset2, .row-fluid .offset-m7.offset1, .row-fluid .offset-m7.span11, .row-fluid .offset-m7.span1,
  .row-fluid .offset-m7.span2,
  .row-fluid .offset-m7.span3,
  .row-fluid .offset-m7.span4,
  .row-fluid .offset-m7.span5,
  .row-fluid .offset-m7.span6,
  .row-fluid .offset-m7.span7,
  .row-fluid .offset-m7.span8,
  .row-fluid .offset-m7.span9,
  .row-fluid .offset-m7.span10,
  .row-fluid .offset-m7.span12 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7, .row .pull-m7.offset12, .row .pull-m7.offset11, .row .pull-m7.offset10, .row .pull-m7.offset9, .row .pull-m7.offset8, .row .pull-m7.offset7, .row .pull-m7.offset6, .row .pull-m7.offset5, .row .pull-m7.offset4, .row .pull-m7.offset3, .row .pull-m7.offset2, .row .pull-m7.offset1, .row .pull-m7.span11, .row .pull-m7.span1,
  .row .pull-m7.span2,
  .row .pull-m7.span3,
  .row .pull-m7.span4,
  .row .pull-m7.span5,
  .row .pull-m7.span6,
  .row .pull-m7.span7,
  .row .pull-m7.span8,
  .row .pull-m7.span9,
  .row .pull-m7.span10,
  .row .pull-m7.span12, .row-fluid .col.pull-m7, .row-fluid .pull-m7.offset12, .row-fluid .pull-m7.offset11, .row-fluid .pull-m7.offset10, .row-fluid .pull-m7.offset9, .row-fluid .pull-m7.offset8, .row-fluid .pull-m7.offset7, .row-fluid .pull-m7.offset6, .row-fluid .pull-m7.offset5, .row-fluid .pull-m7.offset4, .row-fluid .pull-m7.offset3, .row-fluid .pull-m7.offset2, .row-fluid .pull-m7.offset1, .row-fluid .pull-m7.span11, .row-fluid .pull-m7.span1,
  .row-fluid .pull-m7.span2,
  .row-fluid .pull-m7.span3,
  .row-fluid .pull-m7.span4,
  .row-fluid .pull-m7.span5,
  .row-fluid .pull-m7.span6,
  .row-fluid .pull-m7.span7,
  .row-fluid .pull-m7.span8,
  .row-fluid .pull-m7.span9,
  .row-fluid .pull-m7.span10,
  .row-fluid .pull-m7.span12 {
    right: 58.3333333333%;
  }
  .row .col.push-m7, .row .push-m7.offset12, .row .push-m7.offset11, .row .push-m7.offset10, .row .push-m7.offset9, .row .push-m7.offset8, .row .push-m7.offset7, .row .push-m7.offset6, .row .push-m7.offset5, .row .push-m7.offset4, .row .push-m7.offset3, .row .push-m7.offset2, .row .push-m7.offset1, .row .push-m7.span11, .row .push-m7.span1,
  .row .push-m7.span2,
  .row .push-m7.span3,
  .row .push-m7.span4,
  .row .push-m7.span5,
  .row .push-m7.span6,
  .row .push-m7.span7,
  .row .push-m7.span8,
  .row .push-m7.span9,
  .row .push-m7.span10,
  .row .push-m7.span12, .row-fluid .col.push-m7, .row-fluid .push-m7.offset12, .row-fluid .push-m7.offset11, .row-fluid .push-m7.offset10, .row-fluid .push-m7.offset9, .row-fluid .push-m7.offset8, .row-fluid .push-m7.offset7, .row-fluid .push-m7.offset6, .row-fluid .push-m7.offset5, .row-fluid .push-m7.offset4, .row-fluid .push-m7.offset3, .row-fluid .push-m7.offset2, .row-fluid .push-m7.offset1, .row-fluid .push-m7.span11, .row-fluid .push-m7.span1,
  .row-fluid .push-m7.span2,
  .row-fluid .push-m7.span3,
  .row-fluid .push-m7.span4,
  .row-fluid .push-m7.span5,
  .row-fluid .push-m7.span6,
  .row-fluid .push-m7.span7,
  .row-fluid .push-m7.span8,
  .row-fluid .push-m7.span9,
  .row-fluid .push-m7.span10,
  .row-fluid .push-m7.span12 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8, .row .offset-m8.offset12, .row .offset-m8.offset11, .row .offset-m8.offset10, .row .offset-m8.offset9, .row .offset-m8.offset8, .row .offset-m8.offset7, .row .offset-m8.offset6, .row .offset-m8.offset5, .row .offset-m8.offset4, .row .offset-m8.offset3, .row .offset-m8.offset2, .row .offset-m8.offset1, .row .offset-m8.span11, .row .offset-m8.span1,
  .row .offset-m8.span2,
  .row .offset-m8.span3,
  .row .offset-m8.span4,
  .row .offset-m8.span5,
  .row .offset-m8.span6,
  .row .offset-m8.span7,
  .row .offset-m8.span8,
  .row .offset-m8.span9,
  .row .offset-m8.span10,
  .row .offset-m8.span12, .row-fluid .col.offset-m8, .row-fluid .offset-m8.offset12, .row-fluid .offset-m8.offset11, .row-fluid .offset-m8.offset10, .row-fluid .offset-m8.offset9, .row-fluid .offset-m8.offset8, .row-fluid .offset-m8.offset7, .row-fluid .offset-m8.offset6, .row-fluid .offset-m8.offset5, .row-fluid .offset-m8.offset4, .row-fluid .offset-m8.offset3, .row-fluid .offset-m8.offset2, .row-fluid .offset-m8.offset1, .row-fluid .offset-m8.span11, .row-fluid .offset-m8.span1,
  .row-fluid .offset-m8.span2,
  .row-fluid .offset-m8.span3,
  .row-fluid .offset-m8.span4,
  .row-fluid .offset-m8.span5,
  .row-fluid .offset-m8.span6,
  .row-fluid .offset-m8.span7,
  .row-fluid .offset-m8.span8,
  .row-fluid .offset-m8.span9,
  .row-fluid .offset-m8.span10,
  .row-fluid .offset-m8.span12 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8, .row .pull-m8.offset12, .row .pull-m8.offset11, .row .pull-m8.offset10, .row .pull-m8.offset9, .row .pull-m8.offset8, .row .pull-m8.offset7, .row .pull-m8.offset6, .row .pull-m8.offset5, .row .pull-m8.offset4, .row .pull-m8.offset3, .row .pull-m8.offset2, .row .pull-m8.offset1, .row .pull-m8.span11, .row .pull-m8.span1,
  .row .pull-m8.span2,
  .row .pull-m8.span3,
  .row .pull-m8.span4,
  .row .pull-m8.span5,
  .row .pull-m8.span6,
  .row .pull-m8.span7,
  .row .pull-m8.span8,
  .row .pull-m8.span9,
  .row .pull-m8.span10,
  .row .pull-m8.span12, .row-fluid .col.pull-m8, .row-fluid .pull-m8.offset12, .row-fluid .pull-m8.offset11, .row-fluid .pull-m8.offset10, .row-fluid .pull-m8.offset9, .row-fluid .pull-m8.offset8, .row-fluid .pull-m8.offset7, .row-fluid .pull-m8.offset6, .row-fluid .pull-m8.offset5, .row-fluid .pull-m8.offset4, .row-fluid .pull-m8.offset3, .row-fluid .pull-m8.offset2, .row-fluid .pull-m8.offset1, .row-fluid .pull-m8.span11, .row-fluid .pull-m8.span1,
  .row-fluid .pull-m8.span2,
  .row-fluid .pull-m8.span3,
  .row-fluid .pull-m8.span4,
  .row-fluid .pull-m8.span5,
  .row-fluid .pull-m8.span6,
  .row-fluid .pull-m8.span7,
  .row-fluid .pull-m8.span8,
  .row-fluid .pull-m8.span9,
  .row-fluid .pull-m8.span10,
  .row-fluid .pull-m8.span12 {
    right: 66.6666666667%;
  }
  .row .col.push-m8, .row .push-m8.offset12, .row .push-m8.offset11, .row .push-m8.offset10, .row .push-m8.offset9, .row .push-m8.offset8, .row .push-m8.offset7, .row .push-m8.offset6, .row .push-m8.offset5, .row .push-m8.offset4, .row .push-m8.offset3, .row .push-m8.offset2, .row .push-m8.offset1, .row .push-m8.span11, .row .push-m8.span1,
  .row .push-m8.span2,
  .row .push-m8.span3,
  .row .push-m8.span4,
  .row .push-m8.span5,
  .row .push-m8.span6,
  .row .push-m8.span7,
  .row .push-m8.span8,
  .row .push-m8.span9,
  .row .push-m8.span10,
  .row .push-m8.span12, .row-fluid .col.push-m8, .row-fluid .push-m8.offset12, .row-fluid .push-m8.offset11, .row-fluid .push-m8.offset10, .row-fluid .push-m8.offset9, .row-fluid .push-m8.offset8, .row-fluid .push-m8.offset7, .row-fluid .push-m8.offset6, .row-fluid .push-m8.offset5, .row-fluid .push-m8.offset4, .row-fluid .push-m8.offset3, .row-fluid .push-m8.offset2, .row-fluid .push-m8.offset1, .row-fluid .push-m8.span11, .row-fluid .push-m8.span1,
  .row-fluid .push-m8.span2,
  .row-fluid .push-m8.span3,
  .row-fluid .push-m8.span4,
  .row-fluid .push-m8.span5,
  .row-fluid .push-m8.span6,
  .row-fluid .push-m8.span7,
  .row-fluid .push-m8.span8,
  .row-fluid .push-m8.span9,
  .row-fluid .push-m8.span10,
  .row-fluid .push-m8.span12 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9, .row .offset-m9.offset12, .row .offset-m9.offset11, .row .offset-m9.offset10, .row .offset-m9.offset9, .row .offset-m9.offset8, .row .offset-m9.offset7, .row .offset-m9.offset6, .row .offset-m9.offset5, .row .offset-m9.offset4, .row .offset-m9.offset3, .row .offset-m9.offset2, .row .offset-m9.offset1, .row .offset-m9.span11, .row .offset-m9.span1,
  .row .offset-m9.span2,
  .row .offset-m9.span3,
  .row .offset-m9.span4,
  .row .offset-m9.span5,
  .row .offset-m9.span6,
  .row .offset-m9.span7,
  .row .offset-m9.span8,
  .row .offset-m9.span9,
  .row .offset-m9.span10,
  .row .offset-m9.span12, .row-fluid .col.offset-m9, .row-fluid .offset-m9.offset12, .row-fluid .offset-m9.offset11, .row-fluid .offset-m9.offset10, .row-fluid .offset-m9.offset9, .row-fluid .offset-m9.offset8, .row-fluid .offset-m9.offset7, .row-fluid .offset-m9.offset6, .row-fluid .offset-m9.offset5, .row-fluid .offset-m9.offset4, .row-fluid .offset-m9.offset3, .row-fluid .offset-m9.offset2, .row-fluid .offset-m9.offset1, .row-fluid .offset-m9.span11, .row-fluid .offset-m9.span1,
  .row-fluid .offset-m9.span2,
  .row-fluid .offset-m9.span3,
  .row-fluid .offset-m9.span4,
  .row-fluid .offset-m9.span5,
  .row-fluid .offset-m9.span6,
  .row-fluid .offset-m9.span7,
  .row-fluid .offset-m9.span8,
  .row-fluid .offset-m9.span9,
  .row-fluid .offset-m9.span10,
  .row-fluid .offset-m9.span12 {
    margin-left: 75%;
  }
  .row .col.pull-m9, .row .pull-m9.offset12, .row .pull-m9.offset11, .row .pull-m9.offset10, .row .pull-m9.offset9, .row .pull-m9.offset8, .row .pull-m9.offset7, .row .pull-m9.offset6, .row .pull-m9.offset5, .row .pull-m9.offset4, .row .pull-m9.offset3, .row .pull-m9.offset2, .row .pull-m9.offset1, .row .pull-m9.span11, .row .pull-m9.span1,
  .row .pull-m9.span2,
  .row .pull-m9.span3,
  .row .pull-m9.span4,
  .row .pull-m9.span5,
  .row .pull-m9.span6,
  .row .pull-m9.span7,
  .row .pull-m9.span8,
  .row .pull-m9.span9,
  .row .pull-m9.span10,
  .row .pull-m9.span12, .row-fluid .col.pull-m9, .row-fluid .pull-m9.offset12, .row-fluid .pull-m9.offset11, .row-fluid .pull-m9.offset10, .row-fluid .pull-m9.offset9, .row-fluid .pull-m9.offset8, .row-fluid .pull-m9.offset7, .row-fluid .pull-m9.offset6, .row-fluid .pull-m9.offset5, .row-fluid .pull-m9.offset4, .row-fluid .pull-m9.offset3, .row-fluid .pull-m9.offset2, .row-fluid .pull-m9.offset1, .row-fluid .pull-m9.span11, .row-fluid .pull-m9.span1,
  .row-fluid .pull-m9.span2,
  .row-fluid .pull-m9.span3,
  .row-fluid .pull-m9.span4,
  .row-fluid .pull-m9.span5,
  .row-fluid .pull-m9.span6,
  .row-fluid .pull-m9.span7,
  .row-fluid .pull-m9.span8,
  .row-fluid .pull-m9.span9,
  .row-fluid .pull-m9.span10,
  .row-fluid .pull-m9.span12 {
    right: 75%;
  }
  .row .col.push-m9, .row .push-m9.offset12, .row .push-m9.offset11, .row .push-m9.offset10, .row .push-m9.offset9, .row .push-m9.offset8, .row .push-m9.offset7, .row .push-m9.offset6, .row .push-m9.offset5, .row .push-m9.offset4, .row .push-m9.offset3, .row .push-m9.offset2, .row .push-m9.offset1, .row .push-m9.span11, .row .push-m9.span1,
  .row .push-m9.span2,
  .row .push-m9.span3,
  .row .push-m9.span4,
  .row .push-m9.span5,
  .row .push-m9.span6,
  .row .push-m9.span7,
  .row .push-m9.span8,
  .row .push-m9.span9,
  .row .push-m9.span10,
  .row .push-m9.span12, .row-fluid .col.push-m9, .row-fluid .push-m9.offset12, .row-fluid .push-m9.offset11, .row-fluid .push-m9.offset10, .row-fluid .push-m9.offset9, .row-fluid .push-m9.offset8, .row-fluid .push-m9.offset7, .row-fluid .push-m9.offset6, .row-fluid .push-m9.offset5, .row-fluid .push-m9.offset4, .row-fluid .push-m9.offset3, .row-fluid .push-m9.offset2, .row-fluid .push-m9.offset1, .row-fluid .push-m9.span11, .row-fluid .push-m9.span1,
  .row-fluid .push-m9.span2,
  .row-fluid .push-m9.span3,
  .row-fluid .push-m9.span4,
  .row-fluid .push-m9.span5,
  .row-fluid .push-m9.span6,
  .row-fluid .push-m9.span7,
  .row-fluid .push-m9.span8,
  .row-fluid .push-m9.span9,
  .row-fluid .push-m9.span10,
  .row-fluid .push-m9.span12 {
    left: 75%;
  }
  .row .col.offset-m10, .row .offset-m10.offset12, .row .offset-m10.offset11, .row .offset-m10.offset10, .row .offset-m10.offset9, .row .offset-m10.offset8, .row .offset-m10.offset7, .row .offset-m10.offset6, .row .offset-m10.offset5, .row .offset-m10.offset4, .row .offset-m10.offset3, .row .offset-m10.offset2, .row .offset-m10.offset1, .row .offset-m10.span11, .row .offset-m10.span1,
  .row .offset-m10.span2,
  .row .offset-m10.span3,
  .row .offset-m10.span4,
  .row .offset-m10.span5,
  .row .offset-m10.span6,
  .row .offset-m10.span7,
  .row .offset-m10.span8,
  .row .offset-m10.span9,
  .row .offset-m10.span10,
  .row .offset-m10.span12, .row-fluid .col.offset-m10, .row-fluid .offset-m10.offset12, .row-fluid .offset-m10.offset11, .row-fluid .offset-m10.offset10, .row-fluid .offset-m10.offset9, .row-fluid .offset-m10.offset8, .row-fluid .offset-m10.offset7, .row-fluid .offset-m10.offset6, .row-fluid .offset-m10.offset5, .row-fluid .offset-m10.offset4, .row-fluid .offset-m10.offset3, .row-fluid .offset-m10.offset2, .row-fluid .offset-m10.offset1, .row-fluid .offset-m10.span11, .row-fluid .offset-m10.span1,
  .row-fluid .offset-m10.span2,
  .row-fluid .offset-m10.span3,
  .row-fluid .offset-m10.span4,
  .row-fluid .offset-m10.span5,
  .row-fluid .offset-m10.span6,
  .row-fluid .offset-m10.span7,
  .row-fluid .offset-m10.span8,
  .row-fluid .offset-m10.span9,
  .row-fluid .offset-m10.span10,
  .row-fluid .offset-m10.span12 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10, .row .pull-m10.offset12, .row .pull-m10.offset11, .row .pull-m10.offset10, .row .pull-m10.offset9, .row .pull-m10.offset8, .row .pull-m10.offset7, .row .pull-m10.offset6, .row .pull-m10.offset5, .row .pull-m10.offset4, .row .pull-m10.offset3, .row .pull-m10.offset2, .row .pull-m10.offset1, .row .pull-m10.span11, .row .pull-m10.span1,
  .row .pull-m10.span2,
  .row .pull-m10.span3,
  .row .pull-m10.span4,
  .row .pull-m10.span5,
  .row .pull-m10.span6,
  .row .pull-m10.span7,
  .row .pull-m10.span8,
  .row .pull-m10.span9,
  .row .pull-m10.span10,
  .row .pull-m10.span12, .row-fluid .col.pull-m10, .row-fluid .pull-m10.offset12, .row-fluid .pull-m10.offset11, .row-fluid .pull-m10.offset10, .row-fluid .pull-m10.offset9, .row-fluid .pull-m10.offset8, .row-fluid .pull-m10.offset7, .row-fluid .pull-m10.offset6, .row-fluid .pull-m10.offset5, .row-fluid .pull-m10.offset4, .row-fluid .pull-m10.offset3, .row-fluid .pull-m10.offset2, .row-fluid .pull-m10.offset1, .row-fluid .pull-m10.span11, .row-fluid .pull-m10.span1,
  .row-fluid .pull-m10.span2,
  .row-fluid .pull-m10.span3,
  .row-fluid .pull-m10.span4,
  .row-fluid .pull-m10.span5,
  .row-fluid .pull-m10.span6,
  .row-fluid .pull-m10.span7,
  .row-fluid .pull-m10.span8,
  .row-fluid .pull-m10.span9,
  .row-fluid .pull-m10.span10,
  .row-fluid .pull-m10.span12 {
    right: 83.3333333333%;
  }
  .row .col.push-m10, .row .push-m10.offset12, .row .push-m10.offset11, .row .push-m10.offset10, .row .push-m10.offset9, .row .push-m10.offset8, .row .push-m10.offset7, .row .push-m10.offset6, .row .push-m10.offset5, .row .push-m10.offset4, .row .push-m10.offset3, .row .push-m10.offset2, .row .push-m10.offset1, .row .push-m10.span11, .row .push-m10.span1,
  .row .push-m10.span2,
  .row .push-m10.span3,
  .row .push-m10.span4,
  .row .push-m10.span5,
  .row .push-m10.span6,
  .row .push-m10.span7,
  .row .push-m10.span8,
  .row .push-m10.span9,
  .row .push-m10.span10,
  .row .push-m10.span12, .row-fluid .col.push-m10, .row-fluid .push-m10.offset12, .row-fluid .push-m10.offset11, .row-fluid .push-m10.offset10, .row-fluid .push-m10.offset9, .row-fluid .push-m10.offset8, .row-fluid .push-m10.offset7, .row-fluid .push-m10.offset6, .row-fluid .push-m10.offset5, .row-fluid .push-m10.offset4, .row-fluid .push-m10.offset3, .row-fluid .push-m10.offset2, .row-fluid .push-m10.offset1, .row-fluid .push-m10.span11, .row-fluid .push-m10.span1,
  .row-fluid .push-m10.span2,
  .row-fluid .push-m10.span3,
  .row-fluid .push-m10.span4,
  .row-fluid .push-m10.span5,
  .row-fluid .push-m10.span6,
  .row-fluid .push-m10.span7,
  .row-fluid .push-m10.span8,
  .row-fluid .push-m10.span9,
  .row-fluid .push-m10.span10,
  .row-fluid .push-m10.span12 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11, .row .offset-m11.offset12, .row .offset-m11.offset11, .row .offset-m11.offset10, .row .offset-m11.offset9, .row .offset-m11.offset8, .row .offset-m11.offset7, .row .offset-m11.offset6, .row .offset-m11.offset5, .row .offset-m11.offset4, .row .offset-m11.offset3, .row .offset-m11.offset2, .row .offset-m11.offset1, .row .offset-m11.span11, .row .offset-m11.span1,
  .row .offset-m11.span2,
  .row .offset-m11.span3,
  .row .offset-m11.span4,
  .row .offset-m11.span5,
  .row .offset-m11.span6,
  .row .offset-m11.span7,
  .row .offset-m11.span8,
  .row .offset-m11.span9,
  .row .offset-m11.span10,
  .row .offset-m11.span12, .row-fluid .col.offset-m11, .row-fluid .offset-m11.offset12, .row-fluid .offset-m11.offset11, .row-fluid .offset-m11.offset10, .row-fluid .offset-m11.offset9, .row-fluid .offset-m11.offset8, .row-fluid .offset-m11.offset7, .row-fluid .offset-m11.offset6, .row-fluid .offset-m11.offset5, .row-fluid .offset-m11.offset4, .row-fluid .offset-m11.offset3, .row-fluid .offset-m11.offset2, .row-fluid .offset-m11.offset1, .row-fluid .offset-m11.span11, .row-fluid .offset-m11.span1,
  .row-fluid .offset-m11.span2,
  .row-fluid .offset-m11.span3,
  .row-fluid .offset-m11.span4,
  .row-fluid .offset-m11.span5,
  .row-fluid .offset-m11.span6,
  .row-fluid .offset-m11.span7,
  .row-fluid .offset-m11.span8,
  .row-fluid .offset-m11.span9,
  .row-fluid .offset-m11.span10,
  .row-fluid .offset-m11.span12 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11, .row .pull-m11.offset12, .row .pull-m11.offset11, .row .pull-m11.offset10, .row .pull-m11.offset9, .row .pull-m11.offset8, .row .pull-m11.offset7, .row .pull-m11.offset6, .row .pull-m11.offset5, .row .pull-m11.offset4, .row .pull-m11.offset3, .row .pull-m11.offset2, .row .pull-m11.offset1, .row .pull-m11.span11, .row .pull-m11.span1,
  .row .pull-m11.span2,
  .row .pull-m11.span3,
  .row .pull-m11.span4,
  .row .pull-m11.span5,
  .row .pull-m11.span6,
  .row .pull-m11.span7,
  .row .pull-m11.span8,
  .row .pull-m11.span9,
  .row .pull-m11.span10,
  .row .pull-m11.span12, .row-fluid .col.pull-m11, .row-fluid .pull-m11.offset12, .row-fluid .pull-m11.offset11, .row-fluid .pull-m11.offset10, .row-fluid .pull-m11.offset9, .row-fluid .pull-m11.offset8, .row-fluid .pull-m11.offset7, .row-fluid .pull-m11.offset6, .row-fluid .pull-m11.offset5, .row-fluid .pull-m11.offset4, .row-fluid .pull-m11.offset3, .row-fluid .pull-m11.offset2, .row-fluid .pull-m11.offset1, .row-fluid .pull-m11.span11, .row-fluid .pull-m11.span1,
  .row-fluid .pull-m11.span2,
  .row-fluid .pull-m11.span3,
  .row-fluid .pull-m11.span4,
  .row-fluid .pull-m11.span5,
  .row-fluid .pull-m11.span6,
  .row-fluid .pull-m11.span7,
  .row-fluid .pull-m11.span8,
  .row-fluid .pull-m11.span9,
  .row-fluid .pull-m11.span10,
  .row-fluid .pull-m11.span12 {
    right: 91.6666666667%;
  }
  .row .col.push-m11, .row .push-m11.offset12, .row .push-m11.offset11, .row .push-m11.offset10, .row .push-m11.offset9, .row .push-m11.offset8, .row .push-m11.offset7, .row .push-m11.offset6, .row .push-m11.offset5, .row .push-m11.offset4, .row .push-m11.offset3, .row .push-m11.offset2, .row .push-m11.offset1, .row .push-m11.span11, .row .push-m11.span1,
  .row .push-m11.span2,
  .row .push-m11.span3,
  .row .push-m11.span4,
  .row .push-m11.span5,
  .row .push-m11.span6,
  .row .push-m11.span7,
  .row .push-m11.span8,
  .row .push-m11.span9,
  .row .push-m11.span10,
  .row .push-m11.span12, .row-fluid .col.push-m11, .row-fluid .push-m11.offset12, .row-fluid .push-m11.offset11, .row-fluid .push-m11.offset10, .row-fluid .push-m11.offset9, .row-fluid .push-m11.offset8, .row-fluid .push-m11.offset7, .row-fluid .push-m11.offset6, .row-fluid .push-m11.offset5, .row-fluid .push-m11.offset4, .row-fluid .push-m11.offset3, .row-fluid .push-m11.offset2, .row-fluid .push-m11.offset1, .row-fluid .push-m11.span11, .row-fluid .push-m11.span1,
  .row-fluid .push-m11.span2,
  .row-fluid .push-m11.span3,
  .row-fluid .push-m11.span4,
  .row-fluid .push-m11.span5,
  .row-fluid .push-m11.span6,
  .row-fluid .push-m11.span7,
  .row-fluid .push-m11.span8,
  .row-fluid .push-m11.span9,
  .row-fluid .push-m11.span10,
  .row-fluid .push-m11.span12 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12, .row .offset-m12.offset12, .row .offset-m12.offset11, .row .offset-m12.offset10, .row .offset-m12.offset9, .row .offset-m12.offset8, .row .offset-m12.offset7, .row .offset-m12.offset6, .row .offset-m12.offset5, .row .offset-m12.offset4, .row .offset-m12.offset3, .row .offset-m12.offset2, .row .offset-m12.offset1, .row .offset-m12.span11, .row .offset-m12.span1,
  .row .offset-m12.span2,
  .row .offset-m12.span3,
  .row .offset-m12.span4,
  .row .offset-m12.span5,
  .row .offset-m12.span6,
  .row .offset-m12.span7,
  .row .offset-m12.span8,
  .row .offset-m12.span9,
  .row .offset-m12.span10,
  .row .offset-m12.span12, .row-fluid .col.offset-m12, .row-fluid .offset-m12.offset12, .row-fluid .offset-m12.offset11, .row-fluid .offset-m12.offset10, .row-fluid .offset-m12.offset9, .row-fluid .offset-m12.offset8, .row-fluid .offset-m12.offset7, .row-fluid .offset-m12.offset6, .row-fluid .offset-m12.offset5, .row-fluid .offset-m12.offset4, .row-fluid .offset-m12.offset3, .row-fluid .offset-m12.offset2, .row-fluid .offset-m12.offset1, .row-fluid .offset-m12.span11, .row-fluid .offset-m12.span1,
  .row-fluid .offset-m12.span2,
  .row-fluid .offset-m12.span3,
  .row-fluid .offset-m12.span4,
  .row-fluid .offset-m12.span5,
  .row-fluid .offset-m12.span6,
  .row-fluid .offset-m12.span7,
  .row-fluid .offset-m12.span8,
  .row-fluid .offset-m12.span9,
  .row-fluid .offset-m12.span10,
  .row-fluid .offset-m12.span12 {
    margin-left: 100%;
  }
  .row .col.pull-m12, .row .pull-m12.offset12, .row .pull-m12.offset11, .row .pull-m12.offset10, .row .pull-m12.offset9, .row .pull-m12.offset8, .row .pull-m12.offset7, .row .pull-m12.offset6, .row .pull-m12.offset5, .row .pull-m12.offset4, .row .pull-m12.offset3, .row .pull-m12.offset2, .row .pull-m12.offset1, .row .pull-m12.span11, .row .pull-m12.span1,
  .row .pull-m12.span2,
  .row .pull-m12.span3,
  .row .pull-m12.span4,
  .row .pull-m12.span5,
  .row .pull-m12.span6,
  .row .pull-m12.span7,
  .row .pull-m12.span8,
  .row .pull-m12.span9,
  .row .pull-m12.span10,
  .row .pull-m12.span12, .row-fluid .col.pull-m12, .row-fluid .pull-m12.offset12, .row-fluid .pull-m12.offset11, .row-fluid .pull-m12.offset10, .row-fluid .pull-m12.offset9, .row-fluid .pull-m12.offset8, .row-fluid .pull-m12.offset7, .row-fluid .pull-m12.offset6, .row-fluid .pull-m12.offset5, .row-fluid .pull-m12.offset4, .row-fluid .pull-m12.offset3, .row-fluid .pull-m12.offset2, .row-fluid .pull-m12.offset1, .row-fluid .pull-m12.span11, .row-fluid .pull-m12.span1,
  .row-fluid .pull-m12.span2,
  .row-fluid .pull-m12.span3,
  .row-fluid .pull-m12.span4,
  .row-fluid .pull-m12.span5,
  .row-fluid .pull-m12.span6,
  .row-fluid .pull-m12.span7,
  .row-fluid .pull-m12.span8,
  .row-fluid .pull-m12.span9,
  .row-fluid .pull-m12.span10,
  .row-fluid .pull-m12.span12 {
    right: 100%;
  }
  .row .col.push-m12, .row .push-m12.offset12, .row .push-m12.offset11, .row .push-m12.offset10, .row .push-m12.offset9, .row .push-m12.offset8, .row .push-m12.offset7, .row .push-m12.offset6, .row .push-m12.offset5, .row .push-m12.offset4, .row .push-m12.offset3, .row .push-m12.offset2, .row .push-m12.offset1, .row .push-m12.span11, .row .push-m12.span1,
  .row .push-m12.span2,
  .row .push-m12.span3,
  .row .push-m12.span4,
  .row .push-m12.span5,
  .row .push-m12.span6,
  .row .push-m12.span7,
  .row .push-m12.span8,
  .row .push-m12.span9,
  .row .push-m12.span10,
  .row .push-m12.span12, .row-fluid .col.push-m12, .row-fluid .push-m12.offset12, .row-fluid .push-m12.offset11, .row-fluid .push-m12.offset10, .row-fluid .push-m12.offset9, .row-fluid .push-m12.offset8, .row-fluid .push-m12.offset7, .row-fluid .push-m12.offset6, .row-fluid .push-m12.offset5, .row-fluid .push-m12.offset4, .row-fluid .push-m12.offset3, .row-fluid .push-m12.offset2, .row-fluid .push-m12.offset1, .row-fluid .push-m12.span11, .row-fluid .push-m12.span1,
  .row-fluid .push-m12.span2,
  .row-fluid .push-m12.span3,
  .row-fluid .push-m12.span4,
  .row-fluid .push-m12.span5,
  .row-fluid .push-m12.span6,
  .row-fluid .push-m12.span7,
  .row-fluid .push-m12.span8,
  .row-fluid .push-m12.span9,
  .row-fluid .push-m12.span10,
  .row-fluid .push-m12.span12 {
    left: 100%;
  }
}
@media only screen and (min-width : 993px) {
  .row .col.l1, .row .l1.offset12, .row .l1.offset11, .row .l1.offset10, .row .l1.offset9, .row .l1.offset8, .row .l1.offset7, .row .l1.offset6, .row .l1.offset5, .row .l1.offset4, .row .l1.offset3, .row .l1.offset2, .row .l1.offset1, .row .l1.span11, .row .span1,
  .row .l1.span2,
  .row .l1.span3,
  .row .l1.span4,
  .row .l1.span5,
  .row .l1.span6,
  .row .l1.span7,
  .row .l1.span8,
  .row .l1.span9,
  .row .l1.span10,
  .row .l1.span12, .row-fluid .col.l1, .row-fluid .l1.offset12, .row-fluid .l1.offset11, .row-fluid .l1.offset10, .row-fluid .l1.offset9, .row-fluid .l1.offset8, .row-fluid .l1.offset7, .row-fluid .l1.offset6, .row-fluid .l1.offset5, .row-fluid .l1.offset4, .row-fluid .l1.offset3, .row-fluid .l1.offset2, .row-fluid .l1.offset1, .row-fluid .l1.span11, .row-fluid .span1,
  .row-fluid .l1.span2,
  .row-fluid .l1.span3,
  .row-fluid .l1.span4,
  .row-fluid .l1.span5,
  .row-fluid .l1.span6,
  .row-fluid .l1.span7,
  .row-fluid .l1.span8,
  .row-fluid .l1.span9,
  .row-fluid .l1.span10,
  .row-fluid .l1.span12 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2, .row .l2.offset12, .row .l2.offset11, .row .l2.offset10, .row .l2.offset9, .row .l2.offset8, .row .l2.offset7, .row .l2.offset6, .row .l2.offset5, .row .l2.offset4, .row .l2.offset3, .row .l2.offset2, .row .l2.offset1, .row .l2.span11, .row .l2.span1,
  .row .span2,
  .row .l2.span3,
  .row .l2.span4,
  .row .l2.span5,
  .row .l2.span6,
  .row .l2.span7,
  .row .l2.span8,
  .row .l2.span9,
  .row .l2.span10,
  .row .l2.span12, .row-fluid .col.l2, .row-fluid .l2.offset12, .row-fluid .l2.offset11, .row-fluid .l2.offset10, .row-fluid .l2.offset9, .row-fluid .l2.offset8, .row-fluid .l2.offset7, .row-fluid .l2.offset6, .row-fluid .l2.offset5, .row-fluid .l2.offset4, .row-fluid .l2.offset3, .row-fluid .l2.offset2, .row-fluid .l2.offset1, .row-fluid .l2.span11, .row-fluid .l2.span1,
  .row-fluid .span2,
  .row-fluid .l2.span3,
  .row-fluid .l2.span4,
  .row-fluid .l2.span5,
  .row-fluid .l2.span6,
  .row-fluid .l2.span7,
  .row-fluid .l2.span8,
  .row-fluid .l2.span9,
  .row-fluid .l2.span10,
  .row-fluid .l2.span12 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3, .row .l3.offset12, .row .l3.offset11, .row .l3.offset10, .row .l3.offset9, .row .l3.offset8, .row .l3.offset7, .row .l3.offset6, .row .l3.offset5, .row .l3.offset4, .row .l3.offset3, .row .l3.offset2, .row .l3.offset1, .row .l3.span11, .row .l3.span1,
  .row .l3.span2,
  .row .span3,
  .row .l3.span4,
  .row .l3.span5,
  .row .l3.span6,
  .row .l3.span7,
  .row .l3.span8,
  .row .l3.span9,
  .row .l3.span10,
  .row .l3.span12, .row-fluid .col.l3, .row-fluid .l3.offset12, .row-fluid .l3.offset11, .row-fluid .l3.offset10, .row-fluid .l3.offset9, .row-fluid .l3.offset8, .row-fluid .l3.offset7, .row-fluid .l3.offset6, .row-fluid .l3.offset5, .row-fluid .l3.offset4, .row-fluid .l3.offset3, .row-fluid .l3.offset2, .row-fluid .l3.offset1, .row-fluid .l3.span11, .row-fluid .l3.span1,
  .row-fluid .l3.span2,
  .row-fluid .span3,
  .row-fluid .l3.span4,
  .row-fluid .l3.span5,
  .row-fluid .l3.span6,
  .row-fluid .l3.span7,
  .row-fluid .l3.span8,
  .row-fluid .l3.span9,
  .row-fluid .l3.span10,
  .row-fluid .l3.span12 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4, .row .l4.offset12, .row .l4.offset11, .row .l4.offset10, .row .l4.offset9, .row .l4.offset8, .row .l4.offset7, .row .l4.offset6, .row .l4.offset5, .row .l4.offset4, .row .l4.offset3, .row .l4.offset2, .row .l4.offset1, .row .l4.span11, .row .l4.span1,
  .row .l4.span2,
  .row .l4.span3,
  .row .span4,
  .row .l4.span5,
  .row .l4.span6,
  .row .l4.span7,
  .row .l4.span8,
  .row .l4.span9,
  .row .l4.span10,
  .row .l4.span12, .row-fluid .col.l4, .row-fluid .l4.offset12, .row-fluid .l4.offset11, .row-fluid .l4.offset10, .row-fluid .l4.offset9, .row-fluid .l4.offset8, .row-fluid .l4.offset7, .row-fluid .l4.offset6, .row-fluid .l4.offset5, .row-fluid .l4.offset4, .row-fluid .l4.offset3, .row-fluid .l4.offset2, .row-fluid .l4.offset1, .row-fluid .l4.span11, .row-fluid .l4.span1,
  .row-fluid .l4.span2,
  .row-fluid .l4.span3,
  .row-fluid .span4,
  .row-fluid .l4.span5,
  .row-fluid .l4.span6,
  .row-fluid .l4.span7,
  .row-fluid .l4.span8,
  .row-fluid .l4.span9,
  .row-fluid .l4.span10,
  .row-fluid .l4.span12 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5, .row .l5.offset12, .row .l5.offset11, .row .l5.offset10, .row .l5.offset9, .row .l5.offset8, .row .l5.offset7, .row .l5.offset6, .row .l5.offset5, .row .l5.offset4, .row .l5.offset3, .row .l5.offset2, .row .l5.offset1, .row .l5.span11, .row .l5.span1,
  .row .l5.span2,
  .row .l5.span3,
  .row .l5.span4,
  .row .span5,
  .row .l5.span6,
  .row .l5.span7,
  .row .l5.span8,
  .row .l5.span9,
  .row .l5.span10,
  .row .l5.span12, .row-fluid .col.l5, .row-fluid .l5.offset12, .row-fluid .l5.offset11, .row-fluid .l5.offset10, .row-fluid .l5.offset9, .row-fluid .l5.offset8, .row-fluid .l5.offset7, .row-fluid .l5.offset6, .row-fluid .l5.offset5, .row-fluid .l5.offset4, .row-fluid .l5.offset3, .row-fluid .l5.offset2, .row-fluid .l5.offset1, .row-fluid .l5.span11, .row-fluid .l5.span1,
  .row-fluid .l5.span2,
  .row-fluid .l5.span3,
  .row-fluid .l5.span4,
  .row-fluid .span5,
  .row-fluid .l5.span6,
  .row-fluid .l5.span7,
  .row-fluid .l5.span8,
  .row-fluid .l5.span9,
  .row-fluid .l5.span10,
  .row-fluid .l5.span12 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6, .row .l6.offset12, .row .l6.offset11, .row .l6.offset10, .row .l6.offset9, .row .l6.offset8, .row .l6.offset7, .row .l6.offset6, .row .l6.offset5, .row .l6.offset4, .row .l6.offset3, .row .l6.offset2, .row .l6.offset1, .row .l6.span11, .row .l6.span1,
  .row .l6.span2,
  .row .l6.span3,
  .row .l6.span4,
  .row .l6.span5,
  .row .span6,
  .row .l6.span7,
  .row .l6.span8,
  .row .l6.span9,
  .row .l6.span10,
  .row .l6.span12, .row-fluid .col.l6, .row-fluid .l6.offset12, .row-fluid .l6.offset11, .row-fluid .l6.offset10, .row-fluid .l6.offset9, .row-fluid .l6.offset8, .row-fluid .l6.offset7, .row-fluid .l6.offset6, .row-fluid .l6.offset5, .row-fluid .l6.offset4, .row-fluid .l6.offset3, .row-fluid .l6.offset2, .row-fluid .l6.offset1, .row-fluid .l6.span11, .row-fluid .l6.span1,
  .row-fluid .l6.span2,
  .row-fluid .l6.span3,
  .row-fluid .l6.span4,
  .row-fluid .l6.span5,
  .row-fluid .span6,
  .row-fluid .l6.span7,
  .row-fluid .l6.span8,
  .row-fluid .l6.span9,
  .row-fluid .l6.span10,
  .row-fluid .l6.span12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7, .row .l7.offset12, .row .l7.offset11, .row .l7.offset10, .row .l7.offset9, .row .l7.offset8, .row .l7.offset7, .row .l7.offset6, .row .l7.offset5, .row .l7.offset4, .row .l7.offset3, .row .l7.offset2, .row .l7.offset1, .row .l7.span11, .row .l7.span1,
  .row .l7.span2,
  .row .l7.span3,
  .row .l7.span4,
  .row .l7.span5,
  .row .l7.span6,
  .row .span7,
  .row .l7.span8,
  .row .l7.span9,
  .row .l7.span10,
  .row .l7.span12, .row-fluid .col.l7, .row-fluid .l7.offset12, .row-fluid .l7.offset11, .row-fluid .l7.offset10, .row-fluid .l7.offset9, .row-fluid .l7.offset8, .row-fluid .l7.offset7, .row-fluid .l7.offset6, .row-fluid .l7.offset5, .row-fluid .l7.offset4, .row-fluid .l7.offset3, .row-fluid .l7.offset2, .row-fluid .l7.offset1, .row-fluid .l7.span11, .row-fluid .l7.span1,
  .row-fluid .l7.span2,
  .row-fluid .l7.span3,
  .row-fluid .l7.span4,
  .row-fluid .l7.span5,
  .row-fluid .l7.span6,
  .row-fluid .span7,
  .row-fluid .l7.span8,
  .row-fluid .l7.span9,
  .row-fluid .l7.span10,
  .row-fluid .l7.span12 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8, .row .l8.offset12, .row .l8.offset11, .row .l8.offset10, .row .l8.offset9, .row .l8.offset8, .row .l8.offset7, .row .l8.offset6, .row .l8.offset5, .row .l8.offset4, .row .l8.offset3, .row .l8.offset2, .row .l8.offset1, .row .l8.span11, .row .l8.span1,
  .row .l8.span2,
  .row .l8.span3,
  .row .l8.span4,
  .row .l8.span5,
  .row .l8.span6,
  .row .l8.span7,
  .row .span8,
  .row .l8.span9,
  .row .l8.span10,
  .row .l8.span12, .row-fluid .col.l8, .row-fluid .l8.offset12, .row-fluid .l8.offset11, .row-fluid .l8.offset10, .row-fluid .l8.offset9, .row-fluid .l8.offset8, .row-fluid .l8.offset7, .row-fluid .l8.offset6, .row-fluid .l8.offset5, .row-fluid .l8.offset4, .row-fluid .l8.offset3, .row-fluid .l8.offset2, .row-fluid .l8.offset1, .row-fluid .l8.span11, .row-fluid .l8.span1,
  .row-fluid .l8.span2,
  .row-fluid .l8.span3,
  .row-fluid .l8.span4,
  .row-fluid .l8.span5,
  .row-fluid .l8.span6,
  .row-fluid .l8.span7,
  .row-fluid .span8,
  .row-fluid .l8.span9,
  .row-fluid .l8.span10,
  .row-fluid .l8.span12 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9, .row .l9.offset12, .row .l9.offset11, .row .l9.offset10, .row .l9.offset9, .row .l9.offset8, .row .l9.offset7, .row .l9.offset6, .row .l9.offset5, .row .l9.offset4, .row .l9.offset3, .row .l9.offset2, .row .l9.offset1, .row .l9.span11, .row .l9.span1,
  .row .l9.span2,
  .row .l9.span3,
  .row .l9.span4,
  .row .l9.span5,
  .row .l9.span6,
  .row .l9.span7,
  .row .l9.span8,
  .row .span9,
  .row .l9.span10,
  .row .l9.span12, .row-fluid .col.l9, .row-fluid .l9.offset12, .row-fluid .l9.offset11, .row-fluid .l9.offset10, .row-fluid .l9.offset9, .row-fluid .l9.offset8, .row-fluid .l9.offset7, .row-fluid .l9.offset6, .row-fluid .l9.offset5, .row-fluid .l9.offset4, .row-fluid .l9.offset3, .row-fluid .l9.offset2, .row-fluid .l9.offset1, .row-fluid .l9.span11, .row-fluid .l9.span1,
  .row-fluid .l9.span2,
  .row-fluid .l9.span3,
  .row-fluid .l9.span4,
  .row-fluid .l9.span5,
  .row-fluid .l9.span6,
  .row-fluid .l9.span7,
  .row-fluid .l9.span8,
  .row-fluid .span9,
  .row-fluid .l9.span10,
  .row-fluid .l9.span12 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10, .row .l10.offset12, .row .l10.offset11, .row .l10.offset10, .row .l10.offset9, .row .l10.offset8, .row .l10.offset7, .row .l10.offset6, .row .l10.offset5, .row .l10.offset4, .row .l10.offset3, .row .l10.offset2, .row .l10.offset1, .row .l10.span11, .row .l10.span1,
  .row .l10.span2,
  .row .l10.span3,
  .row .l10.span4,
  .row .l10.span5,
  .row .l10.span6,
  .row .l10.span7,
  .row .l10.span8,
  .row .l10.span9,
  .row .span10,
  .row .l10.span12, .row-fluid .col.l10, .row-fluid .l10.offset12, .row-fluid .l10.offset11, .row-fluid .l10.offset10, .row-fluid .l10.offset9, .row-fluid .l10.offset8, .row-fluid .l10.offset7, .row-fluid .l10.offset6, .row-fluid .l10.offset5, .row-fluid .l10.offset4, .row-fluid .l10.offset3, .row-fluid .l10.offset2, .row-fluid .l10.offset1, .row-fluid .l10.span11, .row-fluid .l10.span1,
  .row-fluid .l10.span2,
  .row-fluid .l10.span3,
  .row-fluid .l10.span4,
  .row-fluid .l10.span5,
  .row-fluid .l10.span6,
  .row-fluid .l10.span7,
  .row-fluid .l10.span8,
  .row-fluid .l10.span9,
  .row-fluid .span10,
  .row-fluid .l10.span12 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11, .row .l11.offset12, .row .l11.offset11, .row .l11.offset10, .row .l11.offset9, .row .l11.offset8, .row .l11.offset7, .row .l11.offset6, .row .l11.offset5, .row .l11.offset4, .row .l11.offset3, .row .l11.offset2, .row .l11.offset1, .row .span11, .row .l11.span1,
  .row .l11.span2,
  .row .l11.span3,
  .row .l11.span4,
  .row .l11.span5,
  .row .l11.span6,
  .row .l11.span7,
  .row .l11.span8,
  .row .l11.span9,
  .row .l11.span10,
  .row .l11.span12, .row-fluid .col.l11, .row-fluid .l11.offset12, .row-fluid .l11.offset11, .row-fluid .l11.offset10, .row-fluid .l11.offset9, .row-fluid .l11.offset8, .row-fluid .l11.offset7, .row-fluid .l11.offset6, .row-fluid .l11.offset5, .row-fluid .l11.offset4, .row-fluid .l11.offset3, .row-fluid .l11.offset2, .row-fluid .l11.offset1, .row-fluid .span11, .row-fluid .l11.span1,
  .row-fluid .l11.span2,
  .row-fluid .l11.span3,
  .row-fluid .l11.span4,
  .row-fluid .l11.span5,
  .row-fluid .l11.span6,
  .row-fluid .l11.span7,
  .row-fluid .l11.span8,
  .row-fluid .l11.span9,
  .row-fluid .l11.span10,
  .row-fluid .l11.span12 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12, .row .l12.offset12, .row .l12.offset11, .row .l12.offset10, .row .l12.offset9, .row .l12.offset8, .row .l12.offset7, .row .l12.offset6, .row .l12.offset5, .row .l12.offset4, .row .l12.offset3, .row .l12.offset2, .row .l12.offset1, .row .l12.span11, .row .l12.span1,
  .row .l12.span2,
  .row .l12.span3,
  .row .l12.span4,
  .row .l12.span5,
  .row .l12.span6,
  .row .l12.span7,
  .row .l12.span8,
  .row .l12.span9,
  .row .l12.span10,
  .row .span12, .row-fluid .col.l12, .row-fluid .l12.offset12, .row-fluid .l12.offset11, .row-fluid .l12.offset10, .row-fluid .l12.offset9, .row-fluid .l12.offset8, .row-fluid .l12.offset7, .row-fluid .l12.offset6, .row-fluid .l12.offset5, .row-fluid .l12.offset4, .row-fluid .l12.offset3, .row-fluid .l12.offset2, .row-fluid .l12.offset1, .row-fluid .l12.span11, .row-fluid .l12.span1,
  .row-fluid .l12.span2,
  .row-fluid .l12.span3,
  .row-fluid .l12.span4,
  .row-fluid .l12.span5,
  .row-fluid .l12.span6,
  .row-fluid .l12.span7,
  .row-fluid .l12.span8,
  .row-fluid .l12.span9,
  .row-fluid .l12.span10,
  .row-fluid .span12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1, .row .offset-l1.offset12, .row .offset-l1.offset11, .row .offset-l1.offset10, .row .offset-l1.offset9, .row .offset-l1.offset8, .row .offset-l1.offset7, .row .offset-l1.offset6, .row .offset-l1.offset5, .row .offset-l1.offset4, .row .offset-l1.offset3, .row .offset-l1.offset2, .row .offset1, .row .offset-l1.span11, .row .offset-l1.span1,
  .row .offset-l1.span2,
  .row .offset-l1.span3,
  .row .offset-l1.span4,
  .row .offset-l1.span5,
  .row .offset-l1.span6,
  .row .offset-l1.span7,
  .row .offset-l1.span8,
  .row .offset-l1.span9,
  .row .offset-l1.span10,
  .row .offset-l1.span12, .row-fluid .col.offset-l1, .row-fluid .offset-l1.offset12, .row-fluid .offset-l1.offset11, .row-fluid .offset-l1.offset10, .row-fluid .offset-l1.offset9, .row-fluid .offset-l1.offset8, .row-fluid .offset-l1.offset7, .row-fluid .offset-l1.offset6, .row-fluid .offset-l1.offset5, .row-fluid .offset-l1.offset4, .row-fluid .offset-l1.offset3, .row-fluid .offset-l1.offset2, .row-fluid .offset1, .row-fluid .offset-l1.span11, .row-fluid .offset-l1.span1,
  .row-fluid .offset-l1.span2,
  .row-fluid .offset-l1.span3,
  .row-fluid .offset-l1.span4,
  .row-fluid .offset-l1.span5,
  .row-fluid .offset-l1.span6,
  .row-fluid .offset-l1.span7,
  .row-fluid .offset-l1.span8,
  .row-fluid .offset-l1.span9,
  .row-fluid .offset-l1.span10,
  .row-fluid .offset-l1.span12 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1, .row .pull-l1.offset12, .row .pull-l1.offset11, .row .pull-l1.offset10, .row .pull-l1.offset9, .row .pull-l1.offset8, .row .pull-l1.offset7, .row .pull-l1.offset6, .row .pull-l1.offset5, .row .pull-l1.offset4, .row .pull-l1.offset3, .row .pull-l1.offset2, .row .pull-l1.offset1, .row .pull-l1.span11, .row .pull-l1.span1,
  .row .pull-l1.span2,
  .row .pull-l1.span3,
  .row .pull-l1.span4,
  .row .pull-l1.span5,
  .row .pull-l1.span6,
  .row .pull-l1.span7,
  .row .pull-l1.span8,
  .row .pull-l1.span9,
  .row .pull-l1.span10,
  .row .pull-l1.span12, .row-fluid .col.pull-l1, .row-fluid .pull-l1.offset12, .row-fluid .pull-l1.offset11, .row-fluid .pull-l1.offset10, .row-fluid .pull-l1.offset9, .row-fluid .pull-l1.offset8, .row-fluid .pull-l1.offset7, .row-fluid .pull-l1.offset6, .row-fluid .pull-l1.offset5, .row-fluid .pull-l1.offset4, .row-fluid .pull-l1.offset3, .row-fluid .pull-l1.offset2, .row-fluid .pull-l1.offset1, .row-fluid .pull-l1.span11, .row-fluid .pull-l1.span1,
  .row-fluid .pull-l1.span2,
  .row-fluid .pull-l1.span3,
  .row-fluid .pull-l1.span4,
  .row-fluid .pull-l1.span5,
  .row-fluid .pull-l1.span6,
  .row-fluid .pull-l1.span7,
  .row-fluid .pull-l1.span8,
  .row-fluid .pull-l1.span9,
  .row-fluid .pull-l1.span10,
  .row-fluid .pull-l1.span12 {
    right: 8.3333333333%;
  }
  .row .col.push-l1, .row .push-l1.offset12, .row .push-l1.offset11, .row .push-l1.offset10, .row .push-l1.offset9, .row .push-l1.offset8, .row .push-l1.offset7, .row .push-l1.offset6, .row .push-l1.offset5, .row .push-l1.offset4, .row .push-l1.offset3, .row .push-l1.offset2, .row .push-l1.offset1, .row .push-l1.span11, .row .push-l1.span1,
  .row .push-l1.span2,
  .row .push-l1.span3,
  .row .push-l1.span4,
  .row .push-l1.span5,
  .row .push-l1.span6,
  .row .push-l1.span7,
  .row .push-l1.span8,
  .row .push-l1.span9,
  .row .push-l1.span10,
  .row .push-l1.span12, .row-fluid .col.push-l1, .row-fluid .push-l1.offset12, .row-fluid .push-l1.offset11, .row-fluid .push-l1.offset10, .row-fluid .push-l1.offset9, .row-fluid .push-l1.offset8, .row-fluid .push-l1.offset7, .row-fluid .push-l1.offset6, .row-fluid .push-l1.offset5, .row-fluid .push-l1.offset4, .row-fluid .push-l1.offset3, .row-fluid .push-l1.offset2, .row-fluid .push-l1.offset1, .row-fluid .push-l1.span11, .row-fluid .push-l1.span1,
  .row-fluid .push-l1.span2,
  .row-fluid .push-l1.span3,
  .row-fluid .push-l1.span4,
  .row-fluid .push-l1.span5,
  .row-fluid .push-l1.span6,
  .row-fluid .push-l1.span7,
  .row-fluid .push-l1.span8,
  .row-fluid .push-l1.span9,
  .row-fluid .push-l1.span10,
  .row-fluid .push-l1.span12 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2, .row .offset-l2.offset12, .row .offset-l2.offset11, .row .offset-l2.offset10, .row .offset-l2.offset9, .row .offset-l2.offset8, .row .offset-l2.offset7, .row .offset-l2.offset6, .row .offset-l2.offset5, .row .offset-l2.offset4, .row .offset-l2.offset3, .row .offset2, .row .offset-l2.offset1, .row .offset-l2.span11, .row .offset-l2.span1,
  .row .offset-l2.span2,
  .row .offset-l2.span3,
  .row .offset-l2.span4,
  .row .offset-l2.span5,
  .row .offset-l2.span6,
  .row .offset-l2.span7,
  .row .offset-l2.span8,
  .row .offset-l2.span9,
  .row .offset-l2.span10,
  .row .offset-l2.span12, .row-fluid .col.offset-l2, .row-fluid .offset-l2.offset12, .row-fluid .offset-l2.offset11, .row-fluid .offset-l2.offset10, .row-fluid .offset-l2.offset9, .row-fluid .offset-l2.offset8, .row-fluid .offset-l2.offset7, .row-fluid .offset-l2.offset6, .row-fluid .offset-l2.offset5, .row-fluid .offset-l2.offset4, .row-fluid .offset-l2.offset3, .row-fluid .offset2, .row-fluid .offset-l2.offset1, .row-fluid .offset-l2.span11, .row-fluid .offset-l2.span1,
  .row-fluid .offset-l2.span2,
  .row-fluid .offset-l2.span3,
  .row-fluid .offset-l2.span4,
  .row-fluid .offset-l2.span5,
  .row-fluid .offset-l2.span6,
  .row-fluid .offset-l2.span7,
  .row-fluid .offset-l2.span8,
  .row-fluid .offset-l2.span9,
  .row-fluid .offset-l2.span10,
  .row-fluid .offset-l2.span12 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2, .row .pull-l2.offset12, .row .pull-l2.offset11, .row .pull-l2.offset10, .row .pull-l2.offset9, .row .pull-l2.offset8, .row .pull-l2.offset7, .row .pull-l2.offset6, .row .pull-l2.offset5, .row .pull-l2.offset4, .row .pull-l2.offset3, .row .pull-l2.offset2, .row .pull-l2.offset1, .row .pull-l2.span11, .row .pull-l2.span1,
  .row .pull-l2.span2,
  .row .pull-l2.span3,
  .row .pull-l2.span4,
  .row .pull-l2.span5,
  .row .pull-l2.span6,
  .row .pull-l2.span7,
  .row .pull-l2.span8,
  .row .pull-l2.span9,
  .row .pull-l2.span10,
  .row .pull-l2.span12, .row-fluid .col.pull-l2, .row-fluid .pull-l2.offset12, .row-fluid .pull-l2.offset11, .row-fluid .pull-l2.offset10, .row-fluid .pull-l2.offset9, .row-fluid .pull-l2.offset8, .row-fluid .pull-l2.offset7, .row-fluid .pull-l2.offset6, .row-fluid .pull-l2.offset5, .row-fluid .pull-l2.offset4, .row-fluid .pull-l2.offset3, .row-fluid .pull-l2.offset2, .row-fluid .pull-l2.offset1, .row-fluid .pull-l2.span11, .row-fluid .pull-l2.span1,
  .row-fluid .pull-l2.span2,
  .row-fluid .pull-l2.span3,
  .row-fluid .pull-l2.span4,
  .row-fluid .pull-l2.span5,
  .row-fluid .pull-l2.span6,
  .row-fluid .pull-l2.span7,
  .row-fluid .pull-l2.span8,
  .row-fluid .pull-l2.span9,
  .row-fluid .pull-l2.span10,
  .row-fluid .pull-l2.span12 {
    right: 16.6666666667%;
  }
  .row .col.push-l2, .row .push-l2.offset12, .row .push-l2.offset11, .row .push-l2.offset10, .row .push-l2.offset9, .row .push-l2.offset8, .row .push-l2.offset7, .row .push-l2.offset6, .row .push-l2.offset5, .row .push-l2.offset4, .row .push-l2.offset3, .row .push-l2.offset2, .row .push-l2.offset1, .row .push-l2.span11, .row .push-l2.span1,
  .row .push-l2.span2,
  .row .push-l2.span3,
  .row .push-l2.span4,
  .row .push-l2.span5,
  .row .push-l2.span6,
  .row .push-l2.span7,
  .row .push-l2.span8,
  .row .push-l2.span9,
  .row .push-l2.span10,
  .row .push-l2.span12, .row-fluid .col.push-l2, .row-fluid .push-l2.offset12, .row-fluid .push-l2.offset11, .row-fluid .push-l2.offset10, .row-fluid .push-l2.offset9, .row-fluid .push-l2.offset8, .row-fluid .push-l2.offset7, .row-fluid .push-l2.offset6, .row-fluid .push-l2.offset5, .row-fluid .push-l2.offset4, .row-fluid .push-l2.offset3, .row-fluid .push-l2.offset2, .row-fluid .push-l2.offset1, .row-fluid .push-l2.span11, .row-fluid .push-l2.span1,
  .row-fluid .push-l2.span2,
  .row-fluid .push-l2.span3,
  .row-fluid .push-l2.span4,
  .row-fluid .push-l2.span5,
  .row-fluid .push-l2.span6,
  .row-fluid .push-l2.span7,
  .row-fluid .push-l2.span8,
  .row-fluid .push-l2.span9,
  .row-fluid .push-l2.span10,
  .row-fluid .push-l2.span12 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3, .row .offset-l3.offset12, .row .offset-l3.offset11, .row .offset-l3.offset10, .row .offset-l3.offset9, .row .offset-l3.offset8, .row .offset-l3.offset7, .row .offset-l3.offset6, .row .offset-l3.offset5, .row .offset-l3.offset4, .row .offset3, .row .offset-l3.offset2, .row .offset-l3.offset1, .row .offset-l3.span11, .row .offset-l3.span1,
  .row .offset-l3.span2,
  .row .offset-l3.span3,
  .row .offset-l3.span4,
  .row .offset-l3.span5,
  .row .offset-l3.span6,
  .row .offset-l3.span7,
  .row .offset-l3.span8,
  .row .offset-l3.span9,
  .row .offset-l3.span10,
  .row .offset-l3.span12, .row-fluid .col.offset-l3, .row-fluid .offset-l3.offset12, .row-fluid .offset-l3.offset11, .row-fluid .offset-l3.offset10, .row-fluid .offset-l3.offset9, .row-fluid .offset-l3.offset8, .row-fluid .offset-l3.offset7, .row-fluid .offset-l3.offset6, .row-fluid .offset-l3.offset5, .row-fluid .offset-l3.offset4, .row-fluid .offset3, .row-fluid .offset-l3.offset2, .row-fluid .offset-l3.offset1, .row-fluid .offset-l3.span11, .row-fluid .offset-l3.span1,
  .row-fluid .offset-l3.span2,
  .row-fluid .offset-l3.span3,
  .row-fluid .offset-l3.span4,
  .row-fluid .offset-l3.span5,
  .row-fluid .offset-l3.span6,
  .row-fluid .offset-l3.span7,
  .row-fluid .offset-l3.span8,
  .row-fluid .offset-l3.span9,
  .row-fluid .offset-l3.span10,
  .row-fluid .offset-l3.span12 {
    margin-left: 25%;
  }
  .row .col.pull-l3, .row .pull-l3.offset12, .row .pull-l3.offset11, .row .pull-l3.offset10, .row .pull-l3.offset9, .row .pull-l3.offset8, .row .pull-l3.offset7, .row .pull-l3.offset6, .row .pull-l3.offset5, .row .pull-l3.offset4, .row .pull-l3.offset3, .row .pull-l3.offset2, .row .pull-l3.offset1, .row .pull-l3.span11, .row .pull-l3.span1,
  .row .pull-l3.span2,
  .row .pull-l3.span3,
  .row .pull-l3.span4,
  .row .pull-l3.span5,
  .row .pull-l3.span6,
  .row .pull-l3.span7,
  .row .pull-l3.span8,
  .row .pull-l3.span9,
  .row .pull-l3.span10,
  .row .pull-l3.span12, .row-fluid .col.pull-l3, .row-fluid .pull-l3.offset12, .row-fluid .pull-l3.offset11, .row-fluid .pull-l3.offset10, .row-fluid .pull-l3.offset9, .row-fluid .pull-l3.offset8, .row-fluid .pull-l3.offset7, .row-fluid .pull-l3.offset6, .row-fluid .pull-l3.offset5, .row-fluid .pull-l3.offset4, .row-fluid .pull-l3.offset3, .row-fluid .pull-l3.offset2, .row-fluid .pull-l3.offset1, .row-fluid .pull-l3.span11, .row-fluid .pull-l3.span1,
  .row-fluid .pull-l3.span2,
  .row-fluid .pull-l3.span3,
  .row-fluid .pull-l3.span4,
  .row-fluid .pull-l3.span5,
  .row-fluid .pull-l3.span6,
  .row-fluid .pull-l3.span7,
  .row-fluid .pull-l3.span8,
  .row-fluid .pull-l3.span9,
  .row-fluid .pull-l3.span10,
  .row-fluid .pull-l3.span12 {
    right: 25%;
  }
  .row .col.push-l3, .row .push-l3.offset12, .row .push-l3.offset11, .row .push-l3.offset10, .row .push-l3.offset9, .row .push-l3.offset8, .row .push-l3.offset7, .row .push-l3.offset6, .row .push-l3.offset5, .row .push-l3.offset4, .row .push-l3.offset3, .row .push-l3.offset2, .row .push-l3.offset1, .row .push-l3.span11, .row .push-l3.span1,
  .row .push-l3.span2,
  .row .push-l3.span3,
  .row .push-l3.span4,
  .row .push-l3.span5,
  .row .push-l3.span6,
  .row .push-l3.span7,
  .row .push-l3.span8,
  .row .push-l3.span9,
  .row .push-l3.span10,
  .row .push-l3.span12, .row-fluid .col.push-l3, .row-fluid .push-l3.offset12, .row-fluid .push-l3.offset11, .row-fluid .push-l3.offset10, .row-fluid .push-l3.offset9, .row-fluid .push-l3.offset8, .row-fluid .push-l3.offset7, .row-fluid .push-l3.offset6, .row-fluid .push-l3.offset5, .row-fluid .push-l3.offset4, .row-fluid .push-l3.offset3, .row-fluid .push-l3.offset2, .row-fluid .push-l3.offset1, .row-fluid .push-l3.span11, .row-fluid .push-l3.span1,
  .row-fluid .push-l3.span2,
  .row-fluid .push-l3.span3,
  .row-fluid .push-l3.span4,
  .row-fluid .push-l3.span5,
  .row-fluid .push-l3.span6,
  .row-fluid .push-l3.span7,
  .row-fluid .push-l3.span8,
  .row-fluid .push-l3.span9,
  .row-fluid .push-l3.span10,
  .row-fluid .push-l3.span12 {
    left: 25%;
  }
  .row .col.offset-l4, .row .offset-l4.offset12, .row .offset-l4.offset11, .row .offset-l4.offset10, .row .offset-l4.offset9, .row .offset-l4.offset8, .row .offset-l4.offset7, .row .offset-l4.offset6, .row .offset-l4.offset5, .row .offset4, .row .offset-l4.offset3, .row .offset-l4.offset2, .row .offset-l4.offset1, .row .offset-l4.span11, .row .offset-l4.span1,
  .row .offset-l4.span2,
  .row .offset-l4.span3,
  .row .offset-l4.span4,
  .row .offset-l4.span5,
  .row .offset-l4.span6,
  .row .offset-l4.span7,
  .row .offset-l4.span8,
  .row .offset-l4.span9,
  .row .offset-l4.span10,
  .row .offset-l4.span12, .row-fluid .col.offset-l4, .row-fluid .offset-l4.offset12, .row-fluid .offset-l4.offset11, .row-fluid .offset-l4.offset10, .row-fluid .offset-l4.offset9, .row-fluid .offset-l4.offset8, .row-fluid .offset-l4.offset7, .row-fluid .offset-l4.offset6, .row-fluid .offset-l4.offset5, .row-fluid .offset4, .row-fluid .offset-l4.offset3, .row-fluid .offset-l4.offset2, .row-fluid .offset-l4.offset1, .row-fluid .offset-l4.span11, .row-fluid .offset-l4.span1,
  .row-fluid .offset-l4.span2,
  .row-fluid .offset-l4.span3,
  .row-fluid .offset-l4.span4,
  .row-fluid .offset-l4.span5,
  .row-fluid .offset-l4.span6,
  .row-fluid .offset-l4.span7,
  .row-fluid .offset-l4.span8,
  .row-fluid .offset-l4.span9,
  .row-fluid .offset-l4.span10,
  .row-fluid .offset-l4.span12 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4, .row .pull-l4.offset12, .row .pull-l4.offset11, .row .pull-l4.offset10, .row .pull-l4.offset9, .row .pull-l4.offset8, .row .pull-l4.offset7, .row .pull-l4.offset6, .row .pull-l4.offset5, .row .pull-l4.offset4, .row .pull-l4.offset3, .row .pull-l4.offset2, .row .pull-l4.offset1, .row .pull-l4.span11, .row .pull-l4.span1,
  .row .pull-l4.span2,
  .row .pull-l4.span3,
  .row .pull-l4.span4,
  .row .pull-l4.span5,
  .row .pull-l4.span6,
  .row .pull-l4.span7,
  .row .pull-l4.span8,
  .row .pull-l4.span9,
  .row .pull-l4.span10,
  .row .pull-l4.span12, .row-fluid .col.pull-l4, .row-fluid .pull-l4.offset12, .row-fluid .pull-l4.offset11, .row-fluid .pull-l4.offset10, .row-fluid .pull-l4.offset9, .row-fluid .pull-l4.offset8, .row-fluid .pull-l4.offset7, .row-fluid .pull-l4.offset6, .row-fluid .pull-l4.offset5, .row-fluid .pull-l4.offset4, .row-fluid .pull-l4.offset3, .row-fluid .pull-l4.offset2, .row-fluid .pull-l4.offset1, .row-fluid .pull-l4.span11, .row-fluid .pull-l4.span1,
  .row-fluid .pull-l4.span2,
  .row-fluid .pull-l4.span3,
  .row-fluid .pull-l4.span4,
  .row-fluid .pull-l4.span5,
  .row-fluid .pull-l4.span6,
  .row-fluid .pull-l4.span7,
  .row-fluid .pull-l4.span8,
  .row-fluid .pull-l4.span9,
  .row-fluid .pull-l4.span10,
  .row-fluid .pull-l4.span12 {
    right: 33.3333333333%;
  }
  .row .col.push-l4, .row .push-l4.offset12, .row .push-l4.offset11, .row .push-l4.offset10, .row .push-l4.offset9, .row .push-l4.offset8, .row .push-l4.offset7, .row .push-l4.offset6, .row .push-l4.offset5, .row .push-l4.offset4, .row .push-l4.offset3, .row .push-l4.offset2, .row .push-l4.offset1, .row .push-l4.span11, .row .push-l4.span1,
  .row .push-l4.span2,
  .row .push-l4.span3,
  .row .push-l4.span4,
  .row .push-l4.span5,
  .row .push-l4.span6,
  .row .push-l4.span7,
  .row .push-l4.span8,
  .row .push-l4.span9,
  .row .push-l4.span10,
  .row .push-l4.span12, .row-fluid .col.push-l4, .row-fluid .push-l4.offset12, .row-fluid .push-l4.offset11, .row-fluid .push-l4.offset10, .row-fluid .push-l4.offset9, .row-fluid .push-l4.offset8, .row-fluid .push-l4.offset7, .row-fluid .push-l4.offset6, .row-fluid .push-l4.offset5, .row-fluid .push-l4.offset4, .row-fluid .push-l4.offset3, .row-fluid .push-l4.offset2, .row-fluid .push-l4.offset1, .row-fluid .push-l4.span11, .row-fluid .push-l4.span1,
  .row-fluid .push-l4.span2,
  .row-fluid .push-l4.span3,
  .row-fluid .push-l4.span4,
  .row-fluid .push-l4.span5,
  .row-fluid .push-l4.span6,
  .row-fluid .push-l4.span7,
  .row-fluid .push-l4.span8,
  .row-fluid .push-l4.span9,
  .row-fluid .push-l4.span10,
  .row-fluid .push-l4.span12 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5, .row .offset-l5.offset12, .row .offset-l5.offset11, .row .offset-l5.offset10, .row .offset-l5.offset9, .row .offset-l5.offset8, .row .offset-l5.offset7, .row .offset-l5.offset6, .row .offset5, .row .offset-l5.offset4, .row .offset-l5.offset3, .row .offset-l5.offset2, .row .offset-l5.offset1, .row .offset-l5.span11, .row .offset-l5.span1,
  .row .offset-l5.span2,
  .row .offset-l5.span3,
  .row .offset-l5.span4,
  .row .offset-l5.span5,
  .row .offset-l5.span6,
  .row .offset-l5.span7,
  .row .offset-l5.span8,
  .row .offset-l5.span9,
  .row .offset-l5.span10,
  .row .offset-l5.span12, .row-fluid .col.offset-l5, .row-fluid .offset-l5.offset12, .row-fluid .offset-l5.offset11, .row-fluid .offset-l5.offset10, .row-fluid .offset-l5.offset9, .row-fluid .offset-l5.offset8, .row-fluid .offset-l5.offset7, .row-fluid .offset-l5.offset6, .row-fluid .offset5, .row-fluid .offset-l5.offset4, .row-fluid .offset-l5.offset3, .row-fluid .offset-l5.offset2, .row-fluid .offset-l5.offset1, .row-fluid .offset-l5.span11, .row-fluid .offset-l5.span1,
  .row-fluid .offset-l5.span2,
  .row-fluid .offset-l5.span3,
  .row-fluid .offset-l5.span4,
  .row-fluid .offset-l5.span5,
  .row-fluid .offset-l5.span6,
  .row-fluid .offset-l5.span7,
  .row-fluid .offset-l5.span8,
  .row-fluid .offset-l5.span9,
  .row-fluid .offset-l5.span10,
  .row-fluid .offset-l5.span12 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5, .row .pull-l5.offset12, .row .pull-l5.offset11, .row .pull-l5.offset10, .row .pull-l5.offset9, .row .pull-l5.offset8, .row .pull-l5.offset7, .row .pull-l5.offset6, .row .pull-l5.offset5, .row .pull-l5.offset4, .row .pull-l5.offset3, .row .pull-l5.offset2, .row .pull-l5.offset1, .row .pull-l5.span11, .row .pull-l5.span1,
  .row .pull-l5.span2,
  .row .pull-l5.span3,
  .row .pull-l5.span4,
  .row .pull-l5.span5,
  .row .pull-l5.span6,
  .row .pull-l5.span7,
  .row .pull-l5.span8,
  .row .pull-l5.span9,
  .row .pull-l5.span10,
  .row .pull-l5.span12, .row-fluid .col.pull-l5, .row-fluid .pull-l5.offset12, .row-fluid .pull-l5.offset11, .row-fluid .pull-l5.offset10, .row-fluid .pull-l5.offset9, .row-fluid .pull-l5.offset8, .row-fluid .pull-l5.offset7, .row-fluid .pull-l5.offset6, .row-fluid .pull-l5.offset5, .row-fluid .pull-l5.offset4, .row-fluid .pull-l5.offset3, .row-fluid .pull-l5.offset2, .row-fluid .pull-l5.offset1, .row-fluid .pull-l5.span11, .row-fluid .pull-l5.span1,
  .row-fluid .pull-l5.span2,
  .row-fluid .pull-l5.span3,
  .row-fluid .pull-l5.span4,
  .row-fluid .pull-l5.span5,
  .row-fluid .pull-l5.span6,
  .row-fluid .pull-l5.span7,
  .row-fluid .pull-l5.span8,
  .row-fluid .pull-l5.span9,
  .row-fluid .pull-l5.span10,
  .row-fluid .pull-l5.span12 {
    right: 41.6666666667%;
  }
  .row .col.push-l5, .row .push-l5.offset12, .row .push-l5.offset11, .row .push-l5.offset10, .row .push-l5.offset9, .row .push-l5.offset8, .row .push-l5.offset7, .row .push-l5.offset6, .row .push-l5.offset5, .row .push-l5.offset4, .row .push-l5.offset3, .row .push-l5.offset2, .row .push-l5.offset1, .row .push-l5.span11, .row .push-l5.span1,
  .row .push-l5.span2,
  .row .push-l5.span3,
  .row .push-l5.span4,
  .row .push-l5.span5,
  .row .push-l5.span6,
  .row .push-l5.span7,
  .row .push-l5.span8,
  .row .push-l5.span9,
  .row .push-l5.span10,
  .row .push-l5.span12, .row-fluid .col.push-l5, .row-fluid .push-l5.offset12, .row-fluid .push-l5.offset11, .row-fluid .push-l5.offset10, .row-fluid .push-l5.offset9, .row-fluid .push-l5.offset8, .row-fluid .push-l5.offset7, .row-fluid .push-l5.offset6, .row-fluid .push-l5.offset5, .row-fluid .push-l5.offset4, .row-fluid .push-l5.offset3, .row-fluid .push-l5.offset2, .row-fluid .push-l5.offset1, .row-fluid .push-l5.span11, .row-fluid .push-l5.span1,
  .row-fluid .push-l5.span2,
  .row-fluid .push-l5.span3,
  .row-fluid .push-l5.span4,
  .row-fluid .push-l5.span5,
  .row-fluid .push-l5.span6,
  .row-fluid .push-l5.span7,
  .row-fluid .push-l5.span8,
  .row-fluid .push-l5.span9,
  .row-fluid .push-l5.span10,
  .row-fluid .push-l5.span12 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6, .row .offset-l6.offset12, .row .offset-l6.offset11, .row .offset-l6.offset10, .row .offset-l6.offset9, .row .offset-l6.offset8, .row .offset-l6.offset7, .row .offset6, .row .offset-l6.offset5, .row .offset-l6.offset4, .row .offset-l6.offset3, .row .offset-l6.offset2, .row .offset-l6.offset1, .row .offset-l6.span11, .row .offset-l6.span1,
  .row .offset-l6.span2,
  .row .offset-l6.span3,
  .row .offset-l6.span4,
  .row .offset-l6.span5,
  .row .offset-l6.span6,
  .row .offset-l6.span7,
  .row .offset-l6.span8,
  .row .offset-l6.span9,
  .row .offset-l6.span10,
  .row .offset-l6.span12, .row-fluid .col.offset-l6, .row-fluid .offset-l6.offset12, .row-fluid .offset-l6.offset11, .row-fluid .offset-l6.offset10, .row-fluid .offset-l6.offset9, .row-fluid .offset-l6.offset8, .row-fluid .offset-l6.offset7, .row-fluid .offset6, .row-fluid .offset-l6.offset5, .row-fluid .offset-l6.offset4, .row-fluid .offset-l6.offset3, .row-fluid .offset-l6.offset2, .row-fluid .offset-l6.offset1, .row-fluid .offset-l6.span11, .row-fluid .offset-l6.span1,
  .row-fluid .offset-l6.span2,
  .row-fluid .offset-l6.span3,
  .row-fluid .offset-l6.span4,
  .row-fluid .offset-l6.span5,
  .row-fluid .offset-l6.span6,
  .row-fluid .offset-l6.span7,
  .row-fluid .offset-l6.span8,
  .row-fluid .offset-l6.span9,
  .row-fluid .offset-l6.span10,
  .row-fluid .offset-l6.span12 {
    margin-left: 50%;
  }
  .row .col.pull-l6, .row .pull-l6.offset12, .row .pull-l6.offset11, .row .pull-l6.offset10, .row .pull-l6.offset9, .row .pull-l6.offset8, .row .pull-l6.offset7, .row .pull-l6.offset6, .row .pull-l6.offset5, .row .pull-l6.offset4, .row .pull-l6.offset3, .row .pull-l6.offset2, .row .pull-l6.offset1, .row .pull-l6.span11, .row .pull-l6.span1,
  .row .pull-l6.span2,
  .row .pull-l6.span3,
  .row .pull-l6.span4,
  .row .pull-l6.span5,
  .row .pull-l6.span6,
  .row .pull-l6.span7,
  .row .pull-l6.span8,
  .row .pull-l6.span9,
  .row .pull-l6.span10,
  .row .pull-l6.span12, .row-fluid .col.pull-l6, .row-fluid .pull-l6.offset12, .row-fluid .pull-l6.offset11, .row-fluid .pull-l6.offset10, .row-fluid .pull-l6.offset9, .row-fluid .pull-l6.offset8, .row-fluid .pull-l6.offset7, .row-fluid .pull-l6.offset6, .row-fluid .pull-l6.offset5, .row-fluid .pull-l6.offset4, .row-fluid .pull-l6.offset3, .row-fluid .pull-l6.offset2, .row-fluid .pull-l6.offset1, .row-fluid .pull-l6.span11, .row-fluid .pull-l6.span1,
  .row-fluid .pull-l6.span2,
  .row-fluid .pull-l6.span3,
  .row-fluid .pull-l6.span4,
  .row-fluid .pull-l6.span5,
  .row-fluid .pull-l6.span6,
  .row-fluid .pull-l6.span7,
  .row-fluid .pull-l6.span8,
  .row-fluid .pull-l6.span9,
  .row-fluid .pull-l6.span10,
  .row-fluid .pull-l6.span12 {
    right: 50%;
  }
  .row .col.push-l6, .row .push-l6.offset12, .row .push-l6.offset11, .row .push-l6.offset10, .row .push-l6.offset9, .row .push-l6.offset8, .row .push-l6.offset7, .row .push-l6.offset6, .row .push-l6.offset5, .row .push-l6.offset4, .row .push-l6.offset3, .row .push-l6.offset2, .row .push-l6.offset1, .row .push-l6.span11, .row .push-l6.span1,
  .row .push-l6.span2,
  .row .push-l6.span3,
  .row .push-l6.span4,
  .row .push-l6.span5,
  .row .push-l6.span6,
  .row .push-l6.span7,
  .row .push-l6.span8,
  .row .push-l6.span9,
  .row .push-l6.span10,
  .row .push-l6.span12, .row-fluid .col.push-l6, .row-fluid .push-l6.offset12, .row-fluid .push-l6.offset11, .row-fluid .push-l6.offset10, .row-fluid .push-l6.offset9, .row-fluid .push-l6.offset8, .row-fluid .push-l6.offset7, .row-fluid .push-l6.offset6, .row-fluid .push-l6.offset5, .row-fluid .push-l6.offset4, .row-fluid .push-l6.offset3, .row-fluid .push-l6.offset2, .row-fluid .push-l6.offset1, .row-fluid .push-l6.span11, .row-fluid .push-l6.span1,
  .row-fluid .push-l6.span2,
  .row-fluid .push-l6.span3,
  .row-fluid .push-l6.span4,
  .row-fluid .push-l6.span5,
  .row-fluid .push-l6.span6,
  .row-fluid .push-l6.span7,
  .row-fluid .push-l6.span8,
  .row-fluid .push-l6.span9,
  .row-fluid .push-l6.span10,
  .row-fluid .push-l6.span12 {
    left: 50%;
  }
  .row .col.offset-l7, .row .offset-l7.offset12, .row .offset-l7.offset11, .row .offset-l7.offset10, .row .offset-l7.offset9, .row .offset-l7.offset8, .row .offset7, .row .offset-l7.offset6, .row .offset-l7.offset5, .row .offset-l7.offset4, .row .offset-l7.offset3, .row .offset-l7.offset2, .row .offset-l7.offset1, .row .offset-l7.span11, .row .offset-l7.span1,
  .row .offset-l7.span2,
  .row .offset-l7.span3,
  .row .offset-l7.span4,
  .row .offset-l7.span5,
  .row .offset-l7.span6,
  .row .offset-l7.span7,
  .row .offset-l7.span8,
  .row .offset-l7.span9,
  .row .offset-l7.span10,
  .row .offset-l7.span12, .row-fluid .col.offset-l7, .row-fluid .offset-l7.offset12, .row-fluid .offset-l7.offset11, .row-fluid .offset-l7.offset10, .row-fluid .offset-l7.offset9, .row-fluid .offset-l7.offset8, .row-fluid .offset7, .row-fluid .offset-l7.offset6, .row-fluid .offset-l7.offset5, .row-fluid .offset-l7.offset4, .row-fluid .offset-l7.offset3, .row-fluid .offset-l7.offset2, .row-fluid .offset-l7.offset1, .row-fluid .offset-l7.span11, .row-fluid .offset-l7.span1,
  .row-fluid .offset-l7.span2,
  .row-fluid .offset-l7.span3,
  .row-fluid .offset-l7.span4,
  .row-fluid .offset-l7.span5,
  .row-fluid .offset-l7.span6,
  .row-fluid .offset-l7.span7,
  .row-fluid .offset-l7.span8,
  .row-fluid .offset-l7.span9,
  .row-fluid .offset-l7.span10,
  .row-fluid .offset-l7.span12 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7, .row .pull-l7.offset12, .row .pull-l7.offset11, .row .pull-l7.offset10, .row .pull-l7.offset9, .row .pull-l7.offset8, .row .pull-l7.offset7, .row .pull-l7.offset6, .row .pull-l7.offset5, .row .pull-l7.offset4, .row .pull-l7.offset3, .row .pull-l7.offset2, .row .pull-l7.offset1, .row .pull-l7.span11, .row .pull-l7.span1,
  .row .pull-l7.span2,
  .row .pull-l7.span3,
  .row .pull-l7.span4,
  .row .pull-l7.span5,
  .row .pull-l7.span6,
  .row .pull-l7.span7,
  .row .pull-l7.span8,
  .row .pull-l7.span9,
  .row .pull-l7.span10,
  .row .pull-l7.span12, .row-fluid .col.pull-l7, .row-fluid .pull-l7.offset12, .row-fluid .pull-l7.offset11, .row-fluid .pull-l7.offset10, .row-fluid .pull-l7.offset9, .row-fluid .pull-l7.offset8, .row-fluid .pull-l7.offset7, .row-fluid .pull-l7.offset6, .row-fluid .pull-l7.offset5, .row-fluid .pull-l7.offset4, .row-fluid .pull-l7.offset3, .row-fluid .pull-l7.offset2, .row-fluid .pull-l7.offset1, .row-fluid .pull-l7.span11, .row-fluid .pull-l7.span1,
  .row-fluid .pull-l7.span2,
  .row-fluid .pull-l7.span3,
  .row-fluid .pull-l7.span4,
  .row-fluid .pull-l7.span5,
  .row-fluid .pull-l7.span6,
  .row-fluid .pull-l7.span7,
  .row-fluid .pull-l7.span8,
  .row-fluid .pull-l7.span9,
  .row-fluid .pull-l7.span10,
  .row-fluid .pull-l7.span12 {
    right: 58.3333333333%;
  }
  .row .col.push-l7, .row .push-l7.offset12, .row .push-l7.offset11, .row .push-l7.offset10, .row .push-l7.offset9, .row .push-l7.offset8, .row .push-l7.offset7, .row .push-l7.offset6, .row .push-l7.offset5, .row .push-l7.offset4, .row .push-l7.offset3, .row .push-l7.offset2, .row .push-l7.offset1, .row .push-l7.span11, .row .push-l7.span1,
  .row .push-l7.span2,
  .row .push-l7.span3,
  .row .push-l7.span4,
  .row .push-l7.span5,
  .row .push-l7.span6,
  .row .push-l7.span7,
  .row .push-l7.span8,
  .row .push-l7.span9,
  .row .push-l7.span10,
  .row .push-l7.span12, .row-fluid .col.push-l7, .row-fluid .push-l7.offset12, .row-fluid .push-l7.offset11, .row-fluid .push-l7.offset10, .row-fluid .push-l7.offset9, .row-fluid .push-l7.offset8, .row-fluid .push-l7.offset7, .row-fluid .push-l7.offset6, .row-fluid .push-l7.offset5, .row-fluid .push-l7.offset4, .row-fluid .push-l7.offset3, .row-fluid .push-l7.offset2, .row-fluid .push-l7.offset1, .row-fluid .push-l7.span11, .row-fluid .push-l7.span1,
  .row-fluid .push-l7.span2,
  .row-fluid .push-l7.span3,
  .row-fluid .push-l7.span4,
  .row-fluid .push-l7.span5,
  .row-fluid .push-l7.span6,
  .row-fluid .push-l7.span7,
  .row-fluid .push-l7.span8,
  .row-fluid .push-l7.span9,
  .row-fluid .push-l7.span10,
  .row-fluid .push-l7.span12 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8, .row .offset-l8.offset12, .row .offset-l8.offset11, .row .offset-l8.offset10, .row .offset-l8.offset9, .row .offset8, .row .offset-l8.offset7, .row .offset-l8.offset6, .row .offset-l8.offset5, .row .offset-l8.offset4, .row .offset-l8.offset3, .row .offset-l8.offset2, .row .offset-l8.offset1, .row .offset-l8.span11, .row .offset-l8.span1,
  .row .offset-l8.span2,
  .row .offset-l8.span3,
  .row .offset-l8.span4,
  .row .offset-l8.span5,
  .row .offset-l8.span6,
  .row .offset-l8.span7,
  .row .offset-l8.span8,
  .row .offset-l8.span9,
  .row .offset-l8.span10,
  .row .offset-l8.span12, .row-fluid .col.offset-l8, .row-fluid .offset-l8.offset12, .row-fluid .offset-l8.offset11, .row-fluid .offset-l8.offset10, .row-fluid .offset-l8.offset9, .row-fluid .offset8, .row-fluid .offset-l8.offset7, .row-fluid .offset-l8.offset6, .row-fluid .offset-l8.offset5, .row-fluid .offset-l8.offset4, .row-fluid .offset-l8.offset3, .row-fluid .offset-l8.offset2, .row-fluid .offset-l8.offset1, .row-fluid .offset-l8.span11, .row-fluid .offset-l8.span1,
  .row-fluid .offset-l8.span2,
  .row-fluid .offset-l8.span3,
  .row-fluid .offset-l8.span4,
  .row-fluid .offset-l8.span5,
  .row-fluid .offset-l8.span6,
  .row-fluid .offset-l8.span7,
  .row-fluid .offset-l8.span8,
  .row-fluid .offset-l8.span9,
  .row-fluid .offset-l8.span10,
  .row-fluid .offset-l8.span12 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8, .row .pull-l8.offset12, .row .pull-l8.offset11, .row .pull-l8.offset10, .row .pull-l8.offset9, .row .pull-l8.offset8, .row .pull-l8.offset7, .row .pull-l8.offset6, .row .pull-l8.offset5, .row .pull-l8.offset4, .row .pull-l8.offset3, .row .pull-l8.offset2, .row .pull-l8.offset1, .row .pull-l8.span11, .row .pull-l8.span1,
  .row .pull-l8.span2,
  .row .pull-l8.span3,
  .row .pull-l8.span4,
  .row .pull-l8.span5,
  .row .pull-l8.span6,
  .row .pull-l8.span7,
  .row .pull-l8.span8,
  .row .pull-l8.span9,
  .row .pull-l8.span10,
  .row .pull-l8.span12, .row-fluid .col.pull-l8, .row-fluid .pull-l8.offset12, .row-fluid .pull-l8.offset11, .row-fluid .pull-l8.offset10, .row-fluid .pull-l8.offset9, .row-fluid .pull-l8.offset8, .row-fluid .pull-l8.offset7, .row-fluid .pull-l8.offset6, .row-fluid .pull-l8.offset5, .row-fluid .pull-l8.offset4, .row-fluid .pull-l8.offset3, .row-fluid .pull-l8.offset2, .row-fluid .pull-l8.offset1, .row-fluid .pull-l8.span11, .row-fluid .pull-l8.span1,
  .row-fluid .pull-l8.span2,
  .row-fluid .pull-l8.span3,
  .row-fluid .pull-l8.span4,
  .row-fluid .pull-l8.span5,
  .row-fluid .pull-l8.span6,
  .row-fluid .pull-l8.span7,
  .row-fluid .pull-l8.span8,
  .row-fluid .pull-l8.span9,
  .row-fluid .pull-l8.span10,
  .row-fluid .pull-l8.span12 {
    right: 66.6666666667%;
  }
  .row .col.push-l8, .row .push-l8.offset12, .row .push-l8.offset11, .row .push-l8.offset10, .row .push-l8.offset9, .row .push-l8.offset8, .row .push-l8.offset7, .row .push-l8.offset6, .row .push-l8.offset5, .row .push-l8.offset4, .row .push-l8.offset3, .row .push-l8.offset2, .row .push-l8.offset1, .row .push-l8.span11, .row .push-l8.span1,
  .row .push-l8.span2,
  .row .push-l8.span3,
  .row .push-l8.span4,
  .row .push-l8.span5,
  .row .push-l8.span6,
  .row .push-l8.span7,
  .row .push-l8.span8,
  .row .push-l8.span9,
  .row .push-l8.span10,
  .row .push-l8.span12, .row-fluid .col.push-l8, .row-fluid .push-l8.offset12, .row-fluid .push-l8.offset11, .row-fluid .push-l8.offset10, .row-fluid .push-l8.offset9, .row-fluid .push-l8.offset8, .row-fluid .push-l8.offset7, .row-fluid .push-l8.offset6, .row-fluid .push-l8.offset5, .row-fluid .push-l8.offset4, .row-fluid .push-l8.offset3, .row-fluid .push-l8.offset2, .row-fluid .push-l8.offset1, .row-fluid .push-l8.span11, .row-fluid .push-l8.span1,
  .row-fluid .push-l8.span2,
  .row-fluid .push-l8.span3,
  .row-fluid .push-l8.span4,
  .row-fluid .push-l8.span5,
  .row-fluid .push-l8.span6,
  .row-fluid .push-l8.span7,
  .row-fluid .push-l8.span8,
  .row-fluid .push-l8.span9,
  .row-fluid .push-l8.span10,
  .row-fluid .push-l8.span12 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9, .row .offset-l9.offset12, .row .offset-l9.offset11, .row .offset-l9.offset10, .row .offset9, .row .offset-l9.offset8, .row .offset-l9.offset7, .row .offset-l9.offset6, .row .offset-l9.offset5, .row .offset-l9.offset4, .row .offset-l9.offset3, .row .offset-l9.offset2, .row .offset-l9.offset1, .row .offset-l9.span11, .row .offset-l9.span1,
  .row .offset-l9.span2,
  .row .offset-l9.span3,
  .row .offset-l9.span4,
  .row .offset-l9.span5,
  .row .offset-l9.span6,
  .row .offset-l9.span7,
  .row .offset-l9.span8,
  .row .offset-l9.span9,
  .row .offset-l9.span10,
  .row .offset-l9.span12, .row-fluid .col.offset-l9, .row-fluid .offset-l9.offset12, .row-fluid .offset-l9.offset11, .row-fluid .offset-l9.offset10, .row-fluid .offset9, .row-fluid .offset-l9.offset8, .row-fluid .offset-l9.offset7, .row-fluid .offset-l9.offset6, .row-fluid .offset-l9.offset5, .row-fluid .offset-l9.offset4, .row-fluid .offset-l9.offset3, .row-fluid .offset-l9.offset2, .row-fluid .offset-l9.offset1, .row-fluid .offset-l9.span11, .row-fluid .offset-l9.span1,
  .row-fluid .offset-l9.span2,
  .row-fluid .offset-l9.span3,
  .row-fluid .offset-l9.span4,
  .row-fluid .offset-l9.span5,
  .row-fluid .offset-l9.span6,
  .row-fluid .offset-l9.span7,
  .row-fluid .offset-l9.span8,
  .row-fluid .offset-l9.span9,
  .row-fluid .offset-l9.span10,
  .row-fluid .offset-l9.span12 {
    margin-left: 75%;
  }
  .row .col.pull-l9, .row .pull-l9.offset12, .row .pull-l9.offset11, .row .pull-l9.offset10, .row .pull-l9.offset9, .row .pull-l9.offset8, .row .pull-l9.offset7, .row .pull-l9.offset6, .row .pull-l9.offset5, .row .pull-l9.offset4, .row .pull-l9.offset3, .row .pull-l9.offset2, .row .pull-l9.offset1, .row .pull-l9.span11, .row .pull-l9.span1,
  .row .pull-l9.span2,
  .row .pull-l9.span3,
  .row .pull-l9.span4,
  .row .pull-l9.span5,
  .row .pull-l9.span6,
  .row .pull-l9.span7,
  .row .pull-l9.span8,
  .row .pull-l9.span9,
  .row .pull-l9.span10,
  .row .pull-l9.span12, .row-fluid .col.pull-l9, .row-fluid .pull-l9.offset12, .row-fluid .pull-l9.offset11, .row-fluid .pull-l9.offset10, .row-fluid .pull-l9.offset9, .row-fluid .pull-l9.offset8, .row-fluid .pull-l9.offset7, .row-fluid .pull-l9.offset6, .row-fluid .pull-l9.offset5, .row-fluid .pull-l9.offset4, .row-fluid .pull-l9.offset3, .row-fluid .pull-l9.offset2, .row-fluid .pull-l9.offset1, .row-fluid .pull-l9.span11, .row-fluid .pull-l9.span1,
  .row-fluid .pull-l9.span2,
  .row-fluid .pull-l9.span3,
  .row-fluid .pull-l9.span4,
  .row-fluid .pull-l9.span5,
  .row-fluid .pull-l9.span6,
  .row-fluid .pull-l9.span7,
  .row-fluid .pull-l9.span8,
  .row-fluid .pull-l9.span9,
  .row-fluid .pull-l9.span10,
  .row-fluid .pull-l9.span12 {
    right: 75%;
  }
  .row .col.push-l9, .row .push-l9.offset12, .row .push-l9.offset11, .row .push-l9.offset10, .row .push-l9.offset9, .row .push-l9.offset8, .row .push-l9.offset7, .row .push-l9.offset6, .row .push-l9.offset5, .row .push-l9.offset4, .row .push-l9.offset3, .row .push-l9.offset2, .row .push-l9.offset1, .row .push-l9.span11, .row .push-l9.span1,
  .row .push-l9.span2,
  .row .push-l9.span3,
  .row .push-l9.span4,
  .row .push-l9.span5,
  .row .push-l9.span6,
  .row .push-l9.span7,
  .row .push-l9.span8,
  .row .push-l9.span9,
  .row .push-l9.span10,
  .row .push-l9.span12, .row-fluid .col.push-l9, .row-fluid .push-l9.offset12, .row-fluid .push-l9.offset11, .row-fluid .push-l9.offset10, .row-fluid .push-l9.offset9, .row-fluid .push-l9.offset8, .row-fluid .push-l9.offset7, .row-fluid .push-l9.offset6, .row-fluid .push-l9.offset5, .row-fluid .push-l9.offset4, .row-fluid .push-l9.offset3, .row-fluid .push-l9.offset2, .row-fluid .push-l9.offset1, .row-fluid .push-l9.span11, .row-fluid .push-l9.span1,
  .row-fluid .push-l9.span2,
  .row-fluid .push-l9.span3,
  .row-fluid .push-l9.span4,
  .row-fluid .push-l9.span5,
  .row-fluid .push-l9.span6,
  .row-fluid .push-l9.span7,
  .row-fluid .push-l9.span8,
  .row-fluid .push-l9.span9,
  .row-fluid .push-l9.span10,
  .row-fluid .push-l9.span12 {
    left: 75%;
  }
  .row .col.offset-l10, .row .offset-l10.offset12, .row .offset-l10.offset11, .row .offset10, .row .offset-l10.offset9, .row .offset-l10.offset8, .row .offset-l10.offset7, .row .offset-l10.offset6, .row .offset-l10.offset5, .row .offset-l10.offset4, .row .offset-l10.offset3, .row .offset-l10.offset2, .row .offset-l10.offset1, .row .offset-l10.span11, .row .offset-l10.span1,
  .row .offset-l10.span2,
  .row .offset-l10.span3,
  .row .offset-l10.span4,
  .row .offset-l10.span5,
  .row .offset-l10.span6,
  .row .offset-l10.span7,
  .row .offset-l10.span8,
  .row .offset-l10.span9,
  .row .offset-l10.span10,
  .row .offset-l10.span12, .row-fluid .col.offset-l10, .row-fluid .offset-l10.offset12, .row-fluid .offset-l10.offset11, .row-fluid .offset10, .row-fluid .offset-l10.offset9, .row-fluid .offset-l10.offset8, .row-fluid .offset-l10.offset7, .row-fluid .offset-l10.offset6, .row-fluid .offset-l10.offset5, .row-fluid .offset-l10.offset4, .row-fluid .offset-l10.offset3, .row-fluid .offset-l10.offset2, .row-fluid .offset-l10.offset1, .row-fluid .offset-l10.span11, .row-fluid .offset-l10.span1,
  .row-fluid .offset-l10.span2,
  .row-fluid .offset-l10.span3,
  .row-fluid .offset-l10.span4,
  .row-fluid .offset-l10.span5,
  .row-fluid .offset-l10.span6,
  .row-fluid .offset-l10.span7,
  .row-fluid .offset-l10.span8,
  .row-fluid .offset-l10.span9,
  .row-fluid .offset-l10.span10,
  .row-fluid .offset-l10.span12 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10, .row .pull-l10.offset12, .row .pull-l10.offset11, .row .pull-l10.offset10, .row .pull-l10.offset9, .row .pull-l10.offset8, .row .pull-l10.offset7, .row .pull-l10.offset6, .row .pull-l10.offset5, .row .pull-l10.offset4, .row .pull-l10.offset3, .row .pull-l10.offset2, .row .pull-l10.offset1, .row .pull-l10.span11, .row .pull-l10.span1,
  .row .pull-l10.span2,
  .row .pull-l10.span3,
  .row .pull-l10.span4,
  .row .pull-l10.span5,
  .row .pull-l10.span6,
  .row .pull-l10.span7,
  .row .pull-l10.span8,
  .row .pull-l10.span9,
  .row .pull-l10.span10,
  .row .pull-l10.span12, .row-fluid .col.pull-l10, .row-fluid .pull-l10.offset12, .row-fluid .pull-l10.offset11, .row-fluid .pull-l10.offset10, .row-fluid .pull-l10.offset9, .row-fluid .pull-l10.offset8, .row-fluid .pull-l10.offset7, .row-fluid .pull-l10.offset6, .row-fluid .pull-l10.offset5, .row-fluid .pull-l10.offset4, .row-fluid .pull-l10.offset3, .row-fluid .pull-l10.offset2, .row-fluid .pull-l10.offset1, .row-fluid .pull-l10.span11, .row-fluid .pull-l10.span1,
  .row-fluid .pull-l10.span2,
  .row-fluid .pull-l10.span3,
  .row-fluid .pull-l10.span4,
  .row-fluid .pull-l10.span5,
  .row-fluid .pull-l10.span6,
  .row-fluid .pull-l10.span7,
  .row-fluid .pull-l10.span8,
  .row-fluid .pull-l10.span9,
  .row-fluid .pull-l10.span10,
  .row-fluid .pull-l10.span12 {
    right: 83.3333333333%;
  }
  .row .col.push-l10, .row .push-l10.offset12, .row .push-l10.offset11, .row .push-l10.offset10, .row .push-l10.offset9, .row .push-l10.offset8, .row .push-l10.offset7, .row .push-l10.offset6, .row .push-l10.offset5, .row .push-l10.offset4, .row .push-l10.offset3, .row .push-l10.offset2, .row .push-l10.offset1, .row .push-l10.span11, .row .push-l10.span1,
  .row .push-l10.span2,
  .row .push-l10.span3,
  .row .push-l10.span4,
  .row .push-l10.span5,
  .row .push-l10.span6,
  .row .push-l10.span7,
  .row .push-l10.span8,
  .row .push-l10.span9,
  .row .push-l10.span10,
  .row .push-l10.span12, .row-fluid .col.push-l10, .row-fluid .push-l10.offset12, .row-fluid .push-l10.offset11, .row-fluid .push-l10.offset10, .row-fluid .push-l10.offset9, .row-fluid .push-l10.offset8, .row-fluid .push-l10.offset7, .row-fluid .push-l10.offset6, .row-fluid .push-l10.offset5, .row-fluid .push-l10.offset4, .row-fluid .push-l10.offset3, .row-fluid .push-l10.offset2, .row-fluid .push-l10.offset1, .row-fluid .push-l10.span11, .row-fluid .push-l10.span1,
  .row-fluid .push-l10.span2,
  .row-fluid .push-l10.span3,
  .row-fluid .push-l10.span4,
  .row-fluid .push-l10.span5,
  .row-fluid .push-l10.span6,
  .row-fluid .push-l10.span7,
  .row-fluid .push-l10.span8,
  .row-fluid .push-l10.span9,
  .row-fluid .push-l10.span10,
  .row-fluid .push-l10.span12 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11, .row .offset-l11.offset12, .row .offset11, .row .offset-l11.offset10, .row .offset-l11.offset9, .row .offset-l11.offset8, .row .offset-l11.offset7, .row .offset-l11.offset6, .row .offset-l11.offset5, .row .offset-l11.offset4, .row .offset-l11.offset3, .row .offset-l11.offset2, .row .offset-l11.offset1, .row .offset-l11.span11, .row .offset-l11.span1,
  .row .offset-l11.span2,
  .row .offset-l11.span3,
  .row .offset-l11.span4,
  .row .offset-l11.span5,
  .row .offset-l11.span6,
  .row .offset-l11.span7,
  .row .offset-l11.span8,
  .row .offset-l11.span9,
  .row .offset-l11.span10,
  .row .offset-l11.span12, .row-fluid .col.offset-l11, .row-fluid .offset-l11.offset12, .row-fluid .offset11, .row-fluid .offset-l11.offset10, .row-fluid .offset-l11.offset9, .row-fluid .offset-l11.offset8, .row-fluid .offset-l11.offset7, .row-fluid .offset-l11.offset6, .row-fluid .offset-l11.offset5, .row-fluid .offset-l11.offset4, .row-fluid .offset-l11.offset3, .row-fluid .offset-l11.offset2, .row-fluid .offset-l11.offset1, .row-fluid .offset-l11.span11, .row-fluid .offset-l11.span1,
  .row-fluid .offset-l11.span2,
  .row-fluid .offset-l11.span3,
  .row-fluid .offset-l11.span4,
  .row-fluid .offset-l11.span5,
  .row-fluid .offset-l11.span6,
  .row-fluid .offset-l11.span7,
  .row-fluid .offset-l11.span8,
  .row-fluid .offset-l11.span9,
  .row-fluid .offset-l11.span10,
  .row-fluid .offset-l11.span12 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11, .row .pull-l11.offset12, .row .pull-l11.offset11, .row .pull-l11.offset10, .row .pull-l11.offset9, .row .pull-l11.offset8, .row .pull-l11.offset7, .row .pull-l11.offset6, .row .pull-l11.offset5, .row .pull-l11.offset4, .row .pull-l11.offset3, .row .pull-l11.offset2, .row .pull-l11.offset1, .row .pull-l11.span11, .row .pull-l11.span1,
  .row .pull-l11.span2,
  .row .pull-l11.span3,
  .row .pull-l11.span4,
  .row .pull-l11.span5,
  .row .pull-l11.span6,
  .row .pull-l11.span7,
  .row .pull-l11.span8,
  .row .pull-l11.span9,
  .row .pull-l11.span10,
  .row .pull-l11.span12, .row-fluid .col.pull-l11, .row-fluid .pull-l11.offset12, .row-fluid .pull-l11.offset11, .row-fluid .pull-l11.offset10, .row-fluid .pull-l11.offset9, .row-fluid .pull-l11.offset8, .row-fluid .pull-l11.offset7, .row-fluid .pull-l11.offset6, .row-fluid .pull-l11.offset5, .row-fluid .pull-l11.offset4, .row-fluid .pull-l11.offset3, .row-fluid .pull-l11.offset2, .row-fluid .pull-l11.offset1, .row-fluid .pull-l11.span11, .row-fluid .pull-l11.span1,
  .row-fluid .pull-l11.span2,
  .row-fluid .pull-l11.span3,
  .row-fluid .pull-l11.span4,
  .row-fluid .pull-l11.span5,
  .row-fluid .pull-l11.span6,
  .row-fluid .pull-l11.span7,
  .row-fluid .pull-l11.span8,
  .row-fluid .pull-l11.span9,
  .row-fluid .pull-l11.span10,
  .row-fluid .pull-l11.span12 {
    right: 91.6666666667%;
  }
  .row .col.push-l11, .row .push-l11.offset12, .row .push-l11.offset11, .row .push-l11.offset10, .row .push-l11.offset9, .row .push-l11.offset8, .row .push-l11.offset7, .row .push-l11.offset6, .row .push-l11.offset5, .row .push-l11.offset4, .row .push-l11.offset3, .row .push-l11.offset2, .row .push-l11.offset1, .row .push-l11.span11, .row .push-l11.span1,
  .row .push-l11.span2,
  .row .push-l11.span3,
  .row .push-l11.span4,
  .row .push-l11.span5,
  .row .push-l11.span6,
  .row .push-l11.span7,
  .row .push-l11.span8,
  .row .push-l11.span9,
  .row .push-l11.span10,
  .row .push-l11.span12, .row-fluid .col.push-l11, .row-fluid .push-l11.offset12, .row-fluid .push-l11.offset11, .row-fluid .push-l11.offset10, .row-fluid .push-l11.offset9, .row-fluid .push-l11.offset8, .row-fluid .push-l11.offset7, .row-fluid .push-l11.offset6, .row-fluid .push-l11.offset5, .row-fluid .push-l11.offset4, .row-fluid .push-l11.offset3, .row-fluid .push-l11.offset2, .row-fluid .push-l11.offset1, .row-fluid .push-l11.span11, .row-fluid .push-l11.span1,
  .row-fluid .push-l11.span2,
  .row-fluid .push-l11.span3,
  .row-fluid .push-l11.span4,
  .row-fluid .push-l11.span5,
  .row-fluid .push-l11.span6,
  .row-fluid .push-l11.span7,
  .row-fluid .push-l11.span8,
  .row-fluid .push-l11.span9,
  .row-fluid .push-l11.span10,
  .row-fluid .push-l11.span12 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12, .row .offset12, .row .offset-l12.offset11, .row .offset-l12.offset10, .row .offset-l12.offset9, .row .offset-l12.offset8, .row .offset-l12.offset7, .row .offset-l12.offset6, .row .offset-l12.offset5, .row .offset-l12.offset4, .row .offset-l12.offset3, .row .offset-l12.offset2, .row .offset-l12.offset1, .row .offset-l12.span11, .row .offset-l12.span1,
  .row .offset-l12.span2,
  .row .offset-l12.span3,
  .row .offset-l12.span4,
  .row .offset-l12.span5,
  .row .offset-l12.span6,
  .row .offset-l12.span7,
  .row .offset-l12.span8,
  .row .offset-l12.span9,
  .row .offset-l12.span10,
  .row .offset-l12.span12, .row-fluid .col.offset-l12, .row-fluid .offset12, .row-fluid .offset-l12.offset11, .row-fluid .offset-l12.offset10, .row-fluid .offset-l12.offset9, .row-fluid .offset-l12.offset8, .row-fluid .offset-l12.offset7, .row-fluid .offset-l12.offset6, .row-fluid .offset-l12.offset5, .row-fluid .offset-l12.offset4, .row-fluid .offset-l12.offset3, .row-fluid .offset-l12.offset2, .row-fluid .offset-l12.offset1, .row-fluid .offset-l12.span11, .row-fluid .offset-l12.span1,
  .row-fluid .offset-l12.span2,
  .row-fluid .offset-l12.span3,
  .row-fluid .offset-l12.span4,
  .row-fluid .offset-l12.span5,
  .row-fluid .offset-l12.span6,
  .row-fluid .offset-l12.span7,
  .row-fluid .offset-l12.span8,
  .row-fluid .offset-l12.span9,
  .row-fluid .offset-l12.span10,
  .row-fluid .offset-l12.span12 {
    margin-left: 100%;
  }
  .row .col.pull-l12, .row .pull-l12.offset12, .row .pull-l12.offset11, .row .pull-l12.offset10, .row .pull-l12.offset9, .row .pull-l12.offset8, .row .pull-l12.offset7, .row .pull-l12.offset6, .row .pull-l12.offset5, .row .pull-l12.offset4, .row .pull-l12.offset3, .row .pull-l12.offset2, .row .pull-l12.offset1, .row .pull-l12.span11, .row .pull-l12.span1,
  .row .pull-l12.span2,
  .row .pull-l12.span3,
  .row .pull-l12.span4,
  .row .pull-l12.span5,
  .row .pull-l12.span6,
  .row .pull-l12.span7,
  .row .pull-l12.span8,
  .row .pull-l12.span9,
  .row .pull-l12.span10,
  .row .pull-l12.span12, .row-fluid .col.pull-l12, .row-fluid .pull-l12.offset12, .row-fluid .pull-l12.offset11, .row-fluid .pull-l12.offset10, .row-fluid .pull-l12.offset9, .row-fluid .pull-l12.offset8, .row-fluid .pull-l12.offset7, .row-fluid .pull-l12.offset6, .row-fluid .pull-l12.offset5, .row-fluid .pull-l12.offset4, .row-fluid .pull-l12.offset3, .row-fluid .pull-l12.offset2, .row-fluid .pull-l12.offset1, .row-fluid .pull-l12.span11, .row-fluid .pull-l12.span1,
  .row-fluid .pull-l12.span2,
  .row-fluid .pull-l12.span3,
  .row-fluid .pull-l12.span4,
  .row-fluid .pull-l12.span5,
  .row-fluid .pull-l12.span6,
  .row-fluid .pull-l12.span7,
  .row-fluid .pull-l12.span8,
  .row-fluid .pull-l12.span9,
  .row-fluid .pull-l12.span10,
  .row-fluid .pull-l12.span12 {
    right: 100%;
  }
  .row .col.push-l12, .row .push-l12.offset12, .row .push-l12.offset11, .row .push-l12.offset10, .row .push-l12.offset9, .row .push-l12.offset8, .row .push-l12.offset7, .row .push-l12.offset6, .row .push-l12.offset5, .row .push-l12.offset4, .row .push-l12.offset3, .row .push-l12.offset2, .row .push-l12.offset1, .row .push-l12.span11, .row .push-l12.span1,
  .row .push-l12.span2,
  .row .push-l12.span3,
  .row .push-l12.span4,
  .row .push-l12.span5,
  .row .push-l12.span6,
  .row .push-l12.span7,
  .row .push-l12.span8,
  .row .push-l12.span9,
  .row .push-l12.span10,
  .row .push-l12.span12, .row-fluid .col.push-l12, .row-fluid .push-l12.offset12, .row-fluid .push-l12.offset11, .row-fluid .push-l12.offset10, .row-fluid .push-l12.offset9, .row-fluid .push-l12.offset8, .row-fluid .push-l12.offset7, .row-fluid .push-l12.offset6, .row-fluid .push-l12.offset5, .row-fluid .push-l12.offset4, .row-fluid .push-l12.offset3, .row-fluid .push-l12.offset2, .row-fluid .push-l12.offset1, .row-fluid .push-l12.span11, .row-fluid .push-l12.span1,
  .row-fluid .push-l12.span2,
  .row-fluid .push-l12.span3,
  .row-fluid .push-l12.span4,
  .row-fluid .push-l12.span5,
  .row-fluid .push-l12.span6,
  .row-fluid .push-l12.span7,
  .row-fluid .push-l12.span8,
  .row-fluid .push-l12.span9,
  .row-fluid .push-l12.span10,
  .row-fluid .push-l12.span12 {
    left: 100%;
  }
}
@media only screen and (min-width : 1201px) {
  .row .col.xl1, .row .xl1.offset12, .row .xl1.offset11, .row .xl1.offset10, .row .xl1.offset9, .row .xl1.offset8, .row .xl1.offset7, .row .xl1.offset6, .row .xl1.offset5, .row .xl1.offset4, .row .xl1.offset3, .row .xl1.offset2, .row .xl1.offset1, .row .xl1.span11, .row .xl1.span1,
  .row .xl1.span2,
  .row .xl1.span3,
  .row .xl1.span4,
  .row .xl1.span5,
  .row .xl1.span6,
  .row .xl1.span7,
  .row .xl1.span8,
  .row .xl1.span9,
  .row .xl1.span10,
  .row .xl1.span12, .row-fluid .col.xl1, .row-fluid .xl1.offset12, .row-fluid .xl1.offset11, .row-fluid .xl1.offset10, .row-fluid .xl1.offset9, .row-fluid .xl1.offset8, .row-fluid .xl1.offset7, .row-fluid .xl1.offset6, .row-fluid .xl1.offset5, .row-fluid .xl1.offset4, .row-fluid .xl1.offset3, .row-fluid .xl1.offset2, .row-fluid .xl1.offset1, .row-fluid .xl1.span11, .row-fluid .xl1.span1,
  .row-fluid .xl1.span2,
  .row-fluid .xl1.span3,
  .row-fluid .xl1.span4,
  .row-fluid .xl1.span5,
  .row-fluid .xl1.span6,
  .row-fluid .xl1.span7,
  .row-fluid .xl1.span8,
  .row-fluid .xl1.span9,
  .row-fluid .xl1.span10,
  .row-fluid .xl1.span12 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2, .row .xl2.offset12, .row .xl2.offset11, .row .xl2.offset10, .row .xl2.offset9, .row .xl2.offset8, .row .xl2.offset7, .row .xl2.offset6, .row .xl2.offset5, .row .xl2.offset4, .row .xl2.offset3, .row .xl2.offset2, .row .xl2.offset1, .row .xl2.span11, .row .xl2.span1,
  .row .xl2.span2,
  .row .xl2.span3,
  .row .xl2.span4,
  .row .xl2.span5,
  .row .xl2.span6,
  .row .xl2.span7,
  .row .xl2.span8,
  .row .xl2.span9,
  .row .xl2.span10,
  .row .xl2.span12, .row-fluid .col.xl2, .row-fluid .xl2.offset12, .row-fluid .xl2.offset11, .row-fluid .xl2.offset10, .row-fluid .xl2.offset9, .row-fluid .xl2.offset8, .row-fluid .xl2.offset7, .row-fluid .xl2.offset6, .row-fluid .xl2.offset5, .row-fluid .xl2.offset4, .row-fluid .xl2.offset3, .row-fluid .xl2.offset2, .row-fluid .xl2.offset1, .row-fluid .xl2.span11, .row-fluid .xl2.span1,
  .row-fluid .xl2.span2,
  .row-fluid .xl2.span3,
  .row-fluid .xl2.span4,
  .row-fluid .xl2.span5,
  .row-fluid .xl2.span6,
  .row-fluid .xl2.span7,
  .row-fluid .xl2.span8,
  .row-fluid .xl2.span9,
  .row-fluid .xl2.span10,
  .row-fluid .xl2.span12 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3, .row .xl3.offset12, .row .xl3.offset11, .row .xl3.offset10, .row .xl3.offset9, .row .xl3.offset8, .row .xl3.offset7, .row .xl3.offset6, .row .xl3.offset5, .row .xl3.offset4, .row .xl3.offset3, .row .xl3.offset2, .row .xl3.offset1, .row .xl3.span11, .row .xl3.span1,
  .row .xl3.span2,
  .row .xl3.span3,
  .row .xl3.span4,
  .row .xl3.span5,
  .row .xl3.span6,
  .row .xl3.span7,
  .row .xl3.span8,
  .row .xl3.span9,
  .row .xl3.span10,
  .row .xl3.span12, .row-fluid .col.xl3, .row-fluid .xl3.offset12, .row-fluid .xl3.offset11, .row-fluid .xl3.offset10, .row-fluid .xl3.offset9, .row-fluid .xl3.offset8, .row-fluid .xl3.offset7, .row-fluid .xl3.offset6, .row-fluid .xl3.offset5, .row-fluid .xl3.offset4, .row-fluid .xl3.offset3, .row-fluid .xl3.offset2, .row-fluid .xl3.offset1, .row-fluid .xl3.span11, .row-fluid .xl3.span1,
  .row-fluid .xl3.span2,
  .row-fluid .xl3.span3,
  .row-fluid .xl3.span4,
  .row-fluid .xl3.span5,
  .row-fluid .xl3.span6,
  .row-fluid .xl3.span7,
  .row-fluid .xl3.span8,
  .row-fluid .xl3.span9,
  .row-fluid .xl3.span10,
  .row-fluid .xl3.span12 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4, .row .xl4.offset12, .row .xl4.offset11, .row .xl4.offset10, .row .xl4.offset9, .row .xl4.offset8, .row .xl4.offset7, .row .xl4.offset6, .row .xl4.offset5, .row .xl4.offset4, .row .xl4.offset3, .row .xl4.offset2, .row .xl4.offset1, .row .xl4.span11, .row .xl4.span1,
  .row .xl4.span2,
  .row .xl4.span3,
  .row .xl4.span4,
  .row .xl4.span5,
  .row .xl4.span6,
  .row .xl4.span7,
  .row .xl4.span8,
  .row .xl4.span9,
  .row .xl4.span10,
  .row .xl4.span12, .row-fluid .col.xl4, .row-fluid .xl4.offset12, .row-fluid .xl4.offset11, .row-fluid .xl4.offset10, .row-fluid .xl4.offset9, .row-fluid .xl4.offset8, .row-fluid .xl4.offset7, .row-fluid .xl4.offset6, .row-fluid .xl4.offset5, .row-fluid .xl4.offset4, .row-fluid .xl4.offset3, .row-fluid .xl4.offset2, .row-fluid .xl4.offset1, .row-fluid .xl4.span11, .row-fluid .xl4.span1,
  .row-fluid .xl4.span2,
  .row-fluid .xl4.span3,
  .row-fluid .xl4.span4,
  .row-fluid .xl4.span5,
  .row-fluid .xl4.span6,
  .row-fluid .xl4.span7,
  .row-fluid .xl4.span8,
  .row-fluid .xl4.span9,
  .row-fluid .xl4.span10,
  .row-fluid .xl4.span12 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5, .row .xl5.offset12, .row .xl5.offset11, .row .xl5.offset10, .row .xl5.offset9, .row .xl5.offset8, .row .xl5.offset7, .row .xl5.offset6, .row .xl5.offset5, .row .xl5.offset4, .row .xl5.offset3, .row .xl5.offset2, .row .xl5.offset1, .row .xl5.span11, .row .xl5.span1,
  .row .xl5.span2,
  .row .xl5.span3,
  .row .xl5.span4,
  .row .xl5.span5,
  .row .xl5.span6,
  .row .xl5.span7,
  .row .xl5.span8,
  .row .xl5.span9,
  .row .xl5.span10,
  .row .xl5.span12, .row-fluid .col.xl5, .row-fluid .xl5.offset12, .row-fluid .xl5.offset11, .row-fluid .xl5.offset10, .row-fluid .xl5.offset9, .row-fluid .xl5.offset8, .row-fluid .xl5.offset7, .row-fluid .xl5.offset6, .row-fluid .xl5.offset5, .row-fluid .xl5.offset4, .row-fluid .xl5.offset3, .row-fluid .xl5.offset2, .row-fluid .xl5.offset1, .row-fluid .xl5.span11, .row-fluid .xl5.span1,
  .row-fluid .xl5.span2,
  .row-fluid .xl5.span3,
  .row-fluid .xl5.span4,
  .row-fluid .xl5.span5,
  .row-fluid .xl5.span6,
  .row-fluid .xl5.span7,
  .row-fluid .xl5.span8,
  .row-fluid .xl5.span9,
  .row-fluid .xl5.span10,
  .row-fluid .xl5.span12 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6, .row .xl6.offset12, .row .xl6.offset11, .row .xl6.offset10, .row .xl6.offset9, .row .xl6.offset8, .row .xl6.offset7, .row .xl6.offset6, .row .xl6.offset5, .row .xl6.offset4, .row .xl6.offset3, .row .xl6.offset2, .row .xl6.offset1, .row .xl6.span11, .row .xl6.span1,
  .row .xl6.span2,
  .row .xl6.span3,
  .row .xl6.span4,
  .row .xl6.span5,
  .row .xl6.span6,
  .row .xl6.span7,
  .row .xl6.span8,
  .row .xl6.span9,
  .row .xl6.span10,
  .row .xl6.span12, .row-fluid .col.xl6, .row-fluid .xl6.offset12, .row-fluid .xl6.offset11, .row-fluid .xl6.offset10, .row-fluid .xl6.offset9, .row-fluid .xl6.offset8, .row-fluid .xl6.offset7, .row-fluid .xl6.offset6, .row-fluid .xl6.offset5, .row-fluid .xl6.offset4, .row-fluid .xl6.offset3, .row-fluid .xl6.offset2, .row-fluid .xl6.offset1, .row-fluid .xl6.span11, .row-fluid .xl6.span1,
  .row-fluid .xl6.span2,
  .row-fluid .xl6.span3,
  .row-fluid .xl6.span4,
  .row-fluid .xl6.span5,
  .row-fluid .xl6.span6,
  .row-fluid .xl6.span7,
  .row-fluid .xl6.span8,
  .row-fluid .xl6.span9,
  .row-fluid .xl6.span10,
  .row-fluid .xl6.span12 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7, .row .xl7.offset12, .row .xl7.offset11, .row .xl7.offset10, .row .xl7.offset9, .row .xl7.offset8, .row .xl7.offset7, .row .xl7.offset6, .row .xl7.offset5, .row .xl7.offset4, .row .xl7.offset3, .row .xl7.offset2, .row .xl7.offset1, .row .xl7.span11, .row .xl7.span1,
  .row .xl7.span2,
  .row .xl7.span3,
  .row .xl7.span4,
  .row .xl7.span5,
  .row .xl7.span6,
  .row .xl7.span7,
  .row .xl7.span8,
  .row .xl7.span9,
  .row .xl7.span10,
  .row .xl7.span12, .row-fluid .col.xl7, .row-fluid .xl7.offset12, .row-fluid .xl7.offset11, .row-fluid .xl7.offset10, .row-fluid .xl7.offset9, .row-fluid .xl7.offset8, .row-fluid .xl7.offset7, .row-fluid .xl7.offset6, .row-fluid .xl7.offset5, .row-fluid .xl7.offset4, .row-fluid .xl7.offset3, .row-fluid .xl7.offset2, .row-fluid .xl7.offset1, .row-fluid .xl7.span11, .row-fluid .xl7.span1,
  .row-fluid .xl7.span2,
  .row-fluid .xl7.span3,
  .row-fluid .xl7.span4,
  .row-fluid .xl7.span5,
  .row-fluid .xl7.span6,
  .row-fluid .xl7.span7,
  .row-fluid .xl7.span8,
  .row-fluid .xl7.span9,
  .row-fluid .xl7.span10,
  .row-fluid .xl7.span12 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8, .row .xl8.offset12, .row .xl8.offset11, .row .xl8.offset10, .row .xl8.offset9, .row .xl8.offset8, .row .xl8.offset7, .row .xl8.offset6, .row .xl8.offset5, .row .xl8.offset4, .row .xl8.offset3, .row .xl8.offset2, .row .xl8.offset1, .row .xl8.span11, .row .xl8.span1,
  .row .xl8.span2,
  .row .xl8.span3,
  .row .xl8.span4,
  .row .xl8.span5,
  .row .xl8.span6,
  .row .xl8.span7,
  .row .xl8.span8,
  .row .xl8.span9,
  .row .xl8.span10,
  .row .xl8.span12, .row-fluid .col.xl8, .row-fluid .xl8.offset12, .row-fluid .xl8.offset11, .row-fluid .xl8.offset10, .row-fluid .xl8.offset9, .row-fluid .xl8.offset8, .row-fluid .xl8.offset7, .row-fluid .xl8.offset6, .row-fluid .xl8.offset5, .row-fluid .xl8.offset4, .row-fluid .xl8.offset3, .row-fluid .xl8.offset2, .row-fluid .xl8.offset1, .row-fluid .xl8.span11, .row-fluid .xl8.span1,
  .row-fluid .xl8.span2,
  .row-fluid .xl8.span3,
  .row-fluid .xl8.span4,
  .row-fluid .xl8.span5,
  .row-fluid .xl8.span6,
  .row-fluid .xl8.span7,
  .row-fluid .xl8.span8,
  .row-fluid .xl8.span9,
  .row-fluid .xl8.span10,
  .row-fluid .xl8.span12 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9, .row .xl9.offset12, .row .xl9.offset11, .row .xl9.offset10, .row .xl9.offset9, .row .xl9.offset8, .row .xl9.offset7, .row .xl9.offset6, .row .xl9.offset5, .row .xl9.offset4, .row .xl9.offset3, .row .xl9.offset2, .row .xl9.offset1, .row .xl9.span11, .row .xl9.span1,
  .row .xl9.span2,
  .row .xl9.span3,
  .row .xl9.span4,
  .row .xl9.span5,
  .row .xl9.span6,
  .row .xl9.span7,
  .row .xl9.span8,
  .row .xl9.span9,
  .row .xl9.span10,
  .row .xl9.span12, .row-fluid .col.xl9, .row-fluid .xl9.offset12, .row-fluid .xl9.offset11, .row-fluid .xl9.offset10, .row-fluid .xl9.offset9, .row-fluid .xl9.offset8, .row-fluid .xl9.offset7, .row-fluid .xl9.offset6, .row-fluid .xl9.offset5, .row-fluid .xl9.offset4, .row-fluid .xl9.offset3, .row-fluid .xl9.offset2, .row-fluid .xl9.offset1, .row-fluid .xl9.span11, .row-fluid .xl9.span1,
  .row-fluid .xl9.span2,
  .row-fluid .xl9.span3,
  .row-fluid .xl9.span4,
  .row-fluid .xl9.span5,
  .row-fluid .xl9.span6,
  .row-fluid .xl9.span7,
  .row-fluid .xl9.span8,
  .row-fluid .xl9.span9,
  .row-fluid .xl9.span10,
  .row-fluid .xl9.span12 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10, .row .xl10.offset12, .row .xl10.offset11, .row .xl10.offset10, .row .xl10.offset9, .row .xl10.offset8, .row .xl10.offset7, .row .xl10.offset6, .row .xl10.offset5, .row .xl10.offset4, .row .xl10.offset3, .row .xl10.offset2, .row .xl10.offset1, .row .xl10.span11, .row .xl10.span1,
  .row .xl10.span2,
  .row .xl10.span3,
  .row .xl10.span4,
  .row .xl10.span5,
  .row .xl10.span6,
  .row .xl10.span7,
  .row .xl10.span8,
  .row .xl10.span9,
  .row .xl10.span10,
  .row .xl10.span12, .row-fluid .col.xl10, .row-fluid .xl10.offset12, .row-fluid .xl10.offset11, .row-fluid .xl10.offset10, .row-fluid .xl10.offset9, .row-fluid .xl10.offset8, .row-fluid .xl10.offset7, .row-fluid .xl10.offset6, .row-fluid .xl10.offset5, .row-fluid .xl10.offset4, .row-fluid .xl10.offset3, .row-fluid .xl10.offset2, .row-fluid .xl10.offset1, .row-fluid .xl10.span11, .row-fluid .xl10.span1,
  .row-fluid .xl10.span2,
  .row-fluid .xl10.span3,
  .row-fluid .xl10.span4,
  .row-fluid .xl10.span5,
  .row-fluid .xl10.span6,
  .row-fluid .xl10.span7,
  .row-fluid .xl10.span8,
  .row-fluid .xl10.span9,
  .row-fluid .xl10.span10,
  .row-fluid .xl10.span12 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11, .row .xl11.offset12, .row .xl11.offset11, .row .xl11.offset10, .row .xl11.offset9, .row .xl11.offset8, .row .xl11.offset7, .row .xl11.offset6, .row .xl11.offset5, .row .xl11.offset4, .row .xl11.offset3, .row .xl11.offset2, .row .xl11.offset1, .row .xl11.span11, .row .xl11.span1,
  .row .xl11.span2,
  .row .xl11.span3,
  .row .xl11.span4,
  .row .xl11.span5,
  .row .xl11.span6,
  .row .xl11.span7,
  .row .xl11.span8,
  .row .xl11.span9,
  .row .xl11.span10,
  .row .xl11.span12, .row-fluid .col.xl11, .row-fluid .xl11.offset12, .row-fluid .xl11.offset11, .row-fluid .xl11.offset10, .row-fluid .xl11.offset9, .row-fluid .xl11.offset8, .row-fluid .xl11.offset7, .row-fluid .xl11.offset6, .row-fluid .xl11.offset5, .row-fluid .xl11.offset4, .row-fluid .xl11.offset3, .row-fluid .xl11.offset2, .row-fluid .xl11.offset1, .row-fluid .xl11.span11, .row-fluid .xl11.span1,
  .row-fluid .xl11.span2,
  .row-fluid .xl11.span3,
  .row-fluid .xl11.span4,
  .row-fluid .xl11.span5,
  .row-fluid .xl11.span6,
  .row-fluid .xl11.span7,
  .row-fluid .xl11.span8,
  .row-fluid .xl11.span9,
  .row-fluid .xl11.span10,
  .row-fluid .xl11.span12 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12, .row .xl12.offset12, .row .xl12.offset11, .row .xl12.offset10, .row .xl12.offset9, .row .xl12.offset8, .row .xl12.offset7, .row .xl12.offset6, .row .xl12.offset5, .row .xl12.offset4, .row .xl12.offset3, .row .xl12.offset2, .row .xl12.offset1, .row .xl12.span11, .row .xl12.span1,
  .row .xl12.span2,
  .row .xl12.span3,
  .row .xl12.span4,
  .row .xl12.span5,
  .row .xl12.span6,
  .row .xl12.span7,
  .row .xl12.span8,
  .row .xl12.span9,
  .row .xl12.span10,
  .row .xl12.span12, .row-fluid .col.xl12, .row-fluid .xl12.offset12, .row-fluid .xl12.offset11, .row-fluid .xl12.offset10, .row-fluid .xl12.offset9, .row-fluid .xl12.offset8, .row-fluid .xl12.offset7, .row-fluid .xl12.offset6, .row-fluid .xl12.offset5, .row-fluid .xl12.offset4, .row-fluid .xl12.offset3, .row-fluid .xl12.offset2, .row-fluid .xl12.offset1, .row-fluid .xl12.span11, .row-fluid .xl12.span1,
  .row-fluid .xl12.span2,
  .row-fluid .xl12.span3,
  .row-fluid .xl12.span4,
  .row-fluid .xl12.span5,
  .row-fluid .xl12.span6,
  .row-fluid .xl12.span7,
  .row-fluid .xl12.span8,
  .row-fluid .xl12.span9,
  .row-fluid .xl12.span10,
  .row-fluid .xl12.span12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1, .row .offset-xl1.offset12, .row .offset-xl1.offset11, .row .offset-xl1.offset10, .row .offset-xl1.offset9, .row .offset-xl1.offset8, .row .offset-xl1.offset7, .row .offset-xl1.offset6, .row .offset-xl1.offset5, .row .offset-xl1.offset4, .row .offset-xl1.offset3, .row .offset-xl1.offset2, .row .offset-xl1.offset1, .row .offset-xl1.span11, .row .offset-xl1.span1,
  .row .offset-xl1.span2,
  .row .offset-xl1.span3,
  .row .offset-xl1.span4,
  .row .offset-xl1.span5,
  .row .offset-xl1.span6,
  .row .offset-xl1.span7,
  .row .offset-xl1.span8,
  .row .offset-xl1.span9,
  .row .offset-xl1.span10,
  .row .offset-xl1.span12, .row-fluid .col.offset-xl1, .row-fluid .offset-xl1.offset12, .row-fluid .offset-xl1.offset11, .row-fluid .offset-xl1.offset10, .row-fluid .offset-xl1.offset9, .row-fluid .offset-xl1.offset8, .row-fluid .offset-xl1.offset7, .row-fluid .offset-xl1.offset6, .row-fluid .offset-xl1.offset5, .row-fluid .offset-xl1.offset4, .row-fluid .offset-xl1.offset3, .row-fluid .offset-xl1.offset2, .row-fluid .offset-xl1.offset1, .row-fluid .offset-xl1.span11, .row-fluid .offset-xl1.span1,
  .row-fluid .offset-xl1.span2,
  .row-fluid .offset-xl1.span3,
  .row-fluid .offset-xl1.span4,
  .row-fluid .offset-xl1.span5,
  .row-fluid .offset-xl1.span6,
  .row-fluid .offset-xl1.span7,
  .row-fluid .offset-xl1.span8,
  .row-fluid .offset-xl1.span9,
  .row-fluid .offset-xl1.span10,
  .row-fluid .offset-xl1.span12 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1, .row .pull-xl1.offset12, .row .pull-xl1.offset11, .row .pull-xl1.offset10, .row .pull-xl1.offset9, .row .pull-xl1.offset8, .row .pull-xl1.offset7, .row .pull-xl1.offset6, .row .pull-xl1.offset5, .row .pull-xl1.offset4, .row .pull-xl1.offset3, .row .pull-xl1.offset2, .row .pull-xl1.offset1, .row .pull-xl1.span11, .row .pull-xl1.span1,
  .row .pull-xl1.span2,
  .row .pull-xl1.span3,
  .row .pull-xl1.span4,
  .row .pull-xl1.span5,
  .row .pull-xl1.span6,
  .row .pull-xl1.span7,
  .row .pull-xl1.span8,
  .row .pull-xl1.span9,
  .row .pull-xl1.span10,
  .row .pull-xl1.span12, .row-fluid .col.pull-xl1, .row-fluid .pull-xl1.offset12, .row-fluid .pull-xl1.offset11, .row-fluid .pull-xl1.offset10, .row-fluid .pull-xl1.offset9, .row-fluid .pull-xl1.offset8, .row-fluid .pull-xl1.offset7, .row-fluid .pull-xl1.offset6, .row-fluid .pull-xl1.offset5, .row-fluid .pull-xl1.offset4, .row-fluid .pull-xl1.offset3, .row-fluid .pull-xl1.offset2, .row-fluid .pull-xl1.offset1, .row-fluid .pull-xl1.span11, .row-fluid .pull-xl1.span1,
  .row-fluid .pull-xl1.span2,
  .row-fluid .pull-xl1.span3,
  .row-fluid .pull-xl1.span4,
  .row-fluid .pull-xl1.span5,
  .row-fluid .pull-xl1.span6,
  .row-fluid .pull-xl1.span7,
  .row-fluid .pull-xl1.span8,
  .row-fluid .pull-xl1.span9,
  .row-fluid .pull-xl1.span10,
  .row-fluid .pull-xl1.span12 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1, .row .push-xl1.offset12, .row .push-xl1.offset11, .row .push-xl1.offset10, .row .push-xl1.offset9, .row .push-xl1.offset8, .row .push-xl1.offset7, .row .push-xl1.offset6, .row .push-xl1.offset5, .row .push-xl1.offset4, .row .push-xl1.offset3, .row .push-xl1.offset2, .row .push-xl1.offset1, .row .push-xl1.span11, .row .push-xl1.span1,
  .row .push-xl1.span2,
  .row .push-xl1.span3,
  .row .push-xl1.span4,
  .row .push-xl1.span5,
  .row .push-xl1.span6,
  .row .push-xl1.span7,
  .row .push-xl1.span8,
  .row .push-xl1.span9,
  .row .push-xl1.span10,
  .row .push-xl1.span12, .row-fluid .col.push-xl1, .row-fluid .push-xl1.offset12, .row-fluid .push-xl1.offset11, .row-fluid .push-xl1.offset10, .row-fluid .push-xl1.offset9, .row-fluid .push-xl1.offset8, .row-fluid .push-xl1.offset7, .row-fluid .push-xl1.offset6, .row-fluid .push-xl1.offset5, .row-fluid .push-xl1.offset4, .row-fluid .push-xl1.offset3, .row-fluid .push-xl1.offset2, .row-fluid .push-xl1.offset1, .row-fluid .push-xl1.span11, .row-fluid .push-xl1.span1,
  .row-fluid .push-xl1.span2,
  .row-fluid .push-xl1.span3,
  .row-fluid .push-xl1.span4,
  .row-fluid .push-xl1.span5,
  .row-fluid .push-xl1.span6,
  .row-fluid .push-xl1.span7,
  .row-fluid .push-xl1.span8,
  .row-fluid .push-xl1.span9,
  .row-fluid .push-xl1.span10,
  .row-fluid .push-xl1.span12 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2, .row .offset-xl2.offset12, .row .offset-xl2.offset11, .row .offset-xl2.offset10, .row .offset-xl2.offset9, .row .offset-xl2.offset8, .row .offset-xl2.offset7, .row .offset-xl2.offset6, .row .offset-xl2.offset5, .row .offset-xl2.offset4, .row .offset-xl2.offset3, .row .offset-xl2.offset2, .row .offset-xl2.offset1, .row .offset-xl2.span11, .row .offset-xl2.span1,
  .row .offset-xl2.span2,
  .row .offset-xl2.span3,
  .row .offset-xl2.span4,
  .row .offset-xl2.span5,
  .row .offset-xl2.span6,
  .row .offset-xl2.span7,
  .row .offset-xl2.span8,
  .row .offset-xl2.span9,
  .row .offset-xl2.span10,
  .row .offset-xl2.span12, .row-fluid .col.offset-xl2, .row-fluid .offset-xl2.offset12, .row-fluid .offset-xl2.offset11, .row-fluid .offset-xl2.offset10, .row-fluid .offset-xl2.offset9, .row-fluid .offset-xl2.offset8, .row-fluid .offset-xl2.offset7, .row-fluid .offset-xl2.offset6, .row-fluid .offset-xl2.offset5, .row-fluid .offset-xl2.offset4, .row-fluid .offset-xl2.offset3, .row-fluid .offset-xl2.offset2, .row-fluid .offset-xl2.offset1, .row-fluid .offset-xl2.span11, .row-fluid .offset-xl2.span1,
  .row-fluid .offset-xl2.span2,
  .row-fluid .offset-xl2.span3,
  .row-fluid .offset-xl2.span4,
  .row-fluid .offset-xl2.span5,
  .row-fluid .offset-xl2.span6,
  .row-fluid .offset-xl2.span7,
  .row-fluid .offset-xl2.span8,
  .row-fluid .offset-xl2.span9,
  .row-fluid .offset-xl2.span10,
  .row-fluid .offset-xl2.span12 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2, .row .pull-xl2.offset12, .row .pull-xl2.offset11, .row .pull-xl2.offset10, .row .pull-xl2.offset9, .row .pull-xl2.offset8, .row .pull-xl2.offset7, .row .pull-xl2.offset6, .row .pull-xl2.offset5, .row .pull-xl2.offset4, .row .pull-xl2.offset3, .row .pull-xl2.offset2, .row .pull-xl2.offset1, .row .pull-xl2.span11, .row .pull-xl2.span1,
  .row .pull-xl2.span2,
  .row .pull-xl2.span3,
  .row .pull-xl2.span4,
  .row .pull-xl2.span5,
  .row .pull-xl2.span6,
  .row .pull-xl2.span7,
  .row .pull-xl2.span8,
  .row .pull-xl2.span9,
  .row .pull-xl2.span10,
  .row .pull-xl2.span12, .row-fluid .col.pull-xl2, .row-fluid .pull-xl2.offset12, .row-fluid .pull-xl2.offset11, .row-fluid .pull-xl2.offset10, .row-fluid .pull-xl2.offset9, .row-fluid .pull-xl2.offset8, .row-fluid .pull-xl2.offset7, .row-fluid .pull-xl2.offset6, .row-fluid .pull-xl2.offset5, .row-fluid .pull-xl2.offset4, .row-fluid .pull-xl2.offset3, .row-fluid .pull-xl2.offset2, .row-fluid .pull-xl2.offset1, .row-fluid .pull-xl2.span11, .row-fluid .pull-xl2.span1,
  .row-fluid .pull-xl2.span2,
  .row-fluid .pull-xl2.span3,
  .row-fluid .pull-xl2.span4,
  .row-fluid .pull-xl2.span5,
  .row-fluid .pull-xl2.span6,
  .row-fluid .pull-xl2.span7,
  .row-fluid .pull-xl2.span8,
  .row-fluid .pull-xl2.span9,
  .row-fluid .pull-xl2.span10,
  .row-fluid .pull-xl2.span12 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2, .row .push-xl2.offset12, .row .push-xl2.offset11, .row .push-xl2.offset10, .row .push-xl2.offset9, .row .push-xl2.offset8, .row .push-xl2.offset7, .row .push-xl2.offset6, .row .push-xl2.offset5, .row .push-xl2.offset4, .row .push-xl2.offset3, .row .push-xl2.offset2, .row .push-xl2.offset1, .row .push-xl2.span11, .row .push-xl2.span1,
  .row .push-xl2.span2,
  .row .push-xl2.span3,
  .row .push-xl2.span4,
  .row .push-xl2.span5,
  .row .push-xl2.span6,
  .row .push-xl2.span7,
  .row .push-xl2.span8,
  .row .push-xl2.span9,
  .row .push-xl2.span10,
  .row .push-xl2.span12, .row-fluid .col.push-xl2, .row-fluid .push-xl2.offset12, .row-fluid .push-xl2.offset11, .row-fluid .push-xl2.offset10, .row-fluid .push-xl2.offset9, .row-fluid .push-xl2.offset8, .row-fluid .push-xl2.offset7, .row-fluid .push-xl2.offset6, .row-fluid .push-xl2.offset5, .row-fluid .push-xl2.offset4, .row-fluid .push-xl2.offset3, .row-fluid .push-xl2.offset2, .row-fluid .push-xl2.offset1, .row-fluid .push-xl2.span11, .row-fluid .push-xl2.span1,
  .row-fluid .push-xl2.span2,
  .row-fluid .push-xl2.span3,
  .row-fluid .push-xl2.span4,
  .row-fluid .push-xl2.span5,
  .row-fluid .push-xl2.span6,
  .row-fluid .push-xl2.span7,
  .row-fluid .push-xl2.span8,
  .row-fluid .push-xl2.span9,
  .row-fluid .push-xl2.span10,
  .row-fluid .push-xl2.span12 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3, .row .offset-xl3.offset12, .row .offset-xl3.offset11, .row .offset-xl3.offset10, .row .offset-xl3.offset9, .row .offset-xl3.offset8, .row .offset-xl3.offset7, .row .offset-xl3.offset6, .row .offset-xl3.offset5, .row .offset-xl3.offset4, .row .offset-xl3.offset3, .row .offset-xl3.offset2, .row .offset-xl3.offset1, .row .offset-xl3.span11, .row .offset-xl3.span1,
  .row .offset-xl3.span2,
  .row .offset-xl3.span3,
  .row .offset-xl3.span4,
  .row .offset-xl3.span5,
  .row .offset-xl3.span6,
  .row .offset-xl3.span7,
  .row .offset-xl3.span8,
  .row .offset-xl3.span9,
  .row .offset-xl3.span10,
  .row .offset-xl3.span12, .row-fluid .col.offset-xl3, .row-fluid .offset-xl3.offset12, .row-fluid .offset-xl3.offset11, .row-fluid .offset-xl3.offset10, .row-fluid .offset-xl3.offset9, .row-fluid .offset-xl3.offset8, .row-fluid .offset-xl3.offset7, .row-fluid .offset-xl3.offset6, .row-fluid .offset-xl3.offset5, .row-fluid .offset-xl3.offset4, .row-fluid .offset-xl3.offset3, .row-fluid .offset-xl3.offset2, .row-fluid .offset-xl3.offset1, .row-fluid .offset-xl3.span11, .row-fluid .offset-xl3.span1,
  .row-fluid .offset-xl3.span2,
  .row-fluid .offset-xl3.span3,
  .row-fluid .offset-xl3.span4,
  .row-fluid .offset-xl3.span5,
  .row-fluid .offset-xl3.span6,
  .row-fluid .offset-xl3.span7,
  .row-fluid .offset-xl3.span8,
  .row-fluid .offset-xl3.span9,
  .row-fluid .offset-xl3.span10,
  .row-fluid .offset-xl3.span12 {
    margin-left: 25%;
  }
  .row .col.pull-xl3, .row .pull-xl3.offset12, .row .pull-xl3.offset11, .row .pull-xl3.offset10, .row .pull-xl3.offset9, .row .pull-xl3.offset8, .row .pull-xl3.offset7, .row .pull-xl3.offset6, .row .pull-xl3.offset5, .row .pull-xl3.offset4, .row .pull-xl3.offset3, .row .pull-xl3.offset2, .row .pull-xl3.offset1, .row .pull-xl3.span11, .row .pull-xl3.span1,
  .row .pull-xl3.span2,
  .row .pull-xl3.span3,
  .row .pull-xl3.span4,
  .row .pull-xl3.span5,
  .row .pull-xl3.span6,
  .row .pull-xl3.span7,
  .row .pull-xl3.span8,
  .row .pull-xl3.span9,
  .row .pull-xl3.span10,
  .row .pull-xl3.span12, .row-fluid .col.pull-xl3, .row-fluid .pull-xl3.offset12, .row-fluid .pull-xl3.offset11, .row-fluid .pull-xl3.offset10, .row-fluid .pull-xl3.offset9, .row-fluid .pull-xl3.offset8, .row-fluid .pull-xl3.offset7, .row-fluid .pull-xl3.offset6, .row-fluid .pull-xl3.offset5, .row-fluid .pull-xl3.offset4, .row-fluid .pull-xl3.offset3, .row-fluid .pull-xl3.offset2, .row-fluid .pull-xl3.offset1, .row-fluid .pull-xl3.span11, .row-fluid .pull-xl3.span1,
  .row-fluid .pull-xl3.span2,
  .row-fluid .pull-xl3.span3,
  .row-fluid .pull-xl3.span4,
  .row-fluid .pull-xl3.span5,
  .row-fluid .pull-xl3.span6,
  .row-fluid .pull-xl3.span7,
  .row-fluid .pull-xl3.span8,
  .row-fluid .pull-xl3.span9,
  .row-fluid .pull-xl3.span10,
  .row-fluid .pull-xl3.span12 {
    right: 25%;
  }
  .row .col.push-xl3, .row .push-xl3.offset12, .row .push-xl3.offset11, .row .push-xl3.offset10, .row .push-xl3.offset9, .row .push-xl3.offset8, .row .push-xl3.offset7, .row .push-xl3.offset6, .row .push-xl3.offset5, .row .push-xl3.offset4, .row .push-xl3.offset3, .row .push-xl3.offset2, .row .push-xl3.offset1, .row .push-xl3.span11, .row .push-xl3.span1,
  .row .push-xl3.span2,
  .row .push-xl3.span3,
  .row .push-xl3.span4,
  .row .push-xl3.span5,
  .row .push-xl3.span6,
  .row .push-xl3.span7,
  .row .push-xl3.span8,
  .row .push-xl3.span9,
  .row .push-xl3.span10,
  .row .push-xl3.span12, .row-fluid .col.push-xl3, .row-fluid .push-xl3.offset12, .row-fluid .push-xl3.offset11, .row-fluid .push-xl3.offset10, .row-fluid .push-xl3.offset9, .row-fluid .push-xl3.offset8, .row-fluid .push-xl3.offset7, .row-fluid .push-xl3.offset6, .row-fluid .push-xl3.offset5, .row-fluid .push-xl3.offset4, .row-fluid .push-xl3.offset3, .row-fluid .push-xl3.offset2, .row-fluid .push-xl3.offset1, .row-fluid .push-xl3.span11, .row-fluid .push-xl3.span1,
  .row-fluid .push-xl3.span2,
  .row-fluid .push-xl3.span3,
  .row-fluid .push-xl3.span4,
  .row-fluid .push-xl3.span5,
  .row-fluid .push-xl3.span6,
  .row-fluid .push-xl3.span7,
  .row-fluid .push-xl3.span8,
  .row-fluid .push-xl3.span9,
  .row-fluid .push-xl3.span10,
  .row-fluid .push-xl3.span12 {
    left: 25%;
  }
  .row .col.offset-xl4, .row .offset-xl4.offset12, .row .offset-xl4.offset11, .row .offset-xl4.offset10, .row .offset-xl4.offset9, .row .offset-xl4.offset8, .row .offset-xl4.offset7, .row .offset-xl4.offset6, .row .offset-xl4.offset5, .row .offset-xl4.offset4, .row .offset-xl4.offset3, .row .offset-xl4.offset2, .row .offset-xl4.offset1, .row .offset-xl4.span11, .row .offset-xl4.span1,
  .row .offset-xl4.span2,
  .row .offset-xl4.span3,
  .row .offset-xl4.span4,
  .row .offset-xl4.span5,
  .row .offset-xl4.span6,
  .row .offset-xl4.span7,
  .row .offset-xl4.span8,
  .row .offset-xl4.span9,
  .row .offset-xl4.span10,
  .row .offset-xl4.span12, .row-fluid .col.offset-xl4, .row-fluid .offset-xl4.offset12, .row-fluid .offset-xl4.offset11, .row-fluid .offset-xl4.offset10, .row-fluid .offset-xl4.offset9, .row-fluid .offset-xl4.offset8, .row-fluid .offset-xl4.offset7, .row-fluid .offset-xl4.offset6, .row-fluid .offset-xl4.offset5, .row-fluid .offset-xl4.offset4, .row-fluid .offset-xl4.offset3, .row-fluid .offset-xl4.offset2, .row-fluid .offset-xl4.offset1, .row-fluid .offset-xl4.span11, .row-fluid .offset-xl4.span1,
  .row-fluid .offset-xl4.span2,
  .row-fluid .offset-xl4.span3,
  .row-fluid .offset-xl4.span4,
  .row-fluid .offset-xl4.span5,
  .row-fluid .offset-xl4.span6,
  .row-fluid .offset-xl4.span7,
  .row-fluid .offset-xl4.span8,
  .row-fluid .offset-xl4.span9,
  .row-fluid .offset-xl4.span10,
  .row-fluid .offset-xl4.span12 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4, .row .pull-xl4.offset12, .row .pull-xl4.offset11, .row .pull-xl4.offset10, .row .pull-xl4.offset9, .row .pull-xl4.offset8, .row .pull-xl4.offset7, .row .pull-xl4.offset6, .row .pull-xl4.offset5, .row .pull-xl4.offset4, .row .pull-xl4.offset3, .row .pull-xl4.offset2, .row .pull-xl4.offset1, .row .pull-xl4.span11, .row .pull-xl4.span1,
  .row .pull-xl4.span2,
  .row .pull-xl4.span3,
  .row .pull-xl4.span4,
  .row .pull-xl4.span5,
  .row .pull-xl4.span6,
  .row .pull-xl4.span7,
  .row .pull-xl4.span8,
  .row .pull-xl4.span9,
  .row .pull-xl4.span10,
  .row .pull-xl4.span12, .row-fluid .col.pull-xl4, .row-fluid .pull-xl4.offset12, .row-fluid .pull-xl4.offset11, .row-fluid .pull-xl4.offset10, .row-fluid .pull-xl4.offset9, .row-fluid .pull-xl4.offset8, .row-fluid .pull-xl4.offset7, .row-fluid .pull-xl4.offset6, .row-fluid .pull-xl4.offset5, .row-fluid .pull-xl4.offset4, .row-fluid .pull-xl4.offset3, .row-fluid .pull-xl4.offset2, .row-fluid .pull-xl4.offset1, .row-fluid .pull-xl4.span11, .row-fluid .pull-xl4.span1,
  .row-fluid .pull-xl4.span2,
  .row-fluid .pull-xl4.span3,
  .row-fluid .pull-xl4.span4,
  .row-fluid .pull-xl4.span5,
  .row-fluid .pull-xl4.span6,
  .row-fluid .pull-xl4.span7,
  .row-fluid .pull-xl4.span8,
  .row-fluid .pull-xl4.span9,
  .row-fluid .pull-xl4.span10,
  .row-fluid .pull-xl4.span12 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4, .row .push-xl4.offset12, .row .push-xl4.offset11, .row .push-xl4.offset10, .row .push-xl4.offset9, .row .push-xl4.offset8, .row .push-xl4.offset7, .row .push-xl4.offset6, .row .push-xl4.offset5, .row .push-xl4.offset4, .row .push-xl4.offset3, .row .push-xl4.offset2, .row .push-xl4.offset1, .row .push-xl4.span11, .row .push-xl4.span1,
  .row .push-xl4.span2,
  .row .push-xl4.span3,
  .row .push-xl4.span4,
  .row .push-xl4.span5,
  .row .push-xl4.span6,
  .row .push-xl4.span7,
  .row .push-xl4.span8,
  .row .push-xl4.span9,
  .row .push-xl4.span10,
  .row .push-xl4.span12, .row-fluid .col.push-xl4, .row-fluid .push-xl4.offset12, .row-fluid .push-xl4.offset11, .row-fluid .push-xl4.offset10, .row-fluid .push-xl4.offset9, .row-fluid .push-xl4.offset8, .row-fluid .push-xl4.offset7, .row-fluid .push-xl4.offset6, .row-fluid .push-xl4.offset5, .row-fluid .push-xl4.offset4, .row-fluid .push-xl4.offset3, .row-fluid .push-xl4.offset2, .row-fluid .push-xl4.offset1, .row-fluid .push-xl4.span11, .row-fluid .push-xl4.span1,
  .row-fluid .push-xl4.span2,
  .row-fluid .push-xl4.span3,
  .row-fluid .push-xl4.span4,
  .row-fluid .push-xl4.span5,
  .row-fluid .push-xl4.span6,
  .row-fluid .push-xl4.span7,
  .row-fluid .push-xl4.span8,
  .row-fluid .push-xl4.span9,
  .row-fluid .push-xl4.span10,
  .row-fluid .push-xl4.span12 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5, .row .offset-xl5.offset12, .row .offset-xl5.offset11, .row .offset-xl5.offset10, .row .offset-xl5.offset9, .row .offset-xl5.offset8, .row .offset-xl5.offset7, .row .offset-xl5.offset6, .row .offset-xl5.offset5, .row .offset-xl5.offset4, .row .offset-xl5.offset3, .row .offset-xl5.offset2, .row .offset-xl5.offset1, .row .offset-xl5.span11, .row .offset-xl5.span1,
  .row .offset-xl5.span2,
  .row .offset-xl5.span3,
  .row .offset-xl5.span4,
  .row .offset-xl5.span5,
  .row .offset-xl5.span6,
  .row .offset-xl5.span7,
  .row .offset-xl5.span8,
  .row .offset-xl5.span9,
  .row .offset-xl5.span10,
  .row .offset-xl5.span12, .row-fluid .col.offset-xl5, .row-fluid .offset-xl5.offset12, .row-fluid .offset-xl5.offset11, .row-fluid .offset-xl5.offset10, .row-fluid .offset-xl5.offset9, .row-fluid .offset-xl5.offset8, .row-fluid .offset-xl5.offset7, .row-fluid .offset-xl5.offset6, .row-fluid .offset-xl5.offset5, .row-fluid .offset-xl5.offset4, .row-fluid .offset-xl5.offset3, .row-fluid .offset-xl5.offset2, .row-fluid .offset-xl5.offset1, .row-fluid .offset-xl5.span11, .row-fluid .offset-xl5.span1,
  .row-fluid .offset-xl5.span2,
  .row-fluid .offset-xl5.span3,
  .row-fluid .offset-xl5.span4,
  .row-fluid .offset-xl5.span5,
  .row-fluid .offset-xl5.span6,
  .row-fluid .offset-xl5.span7,
  .row-fluid .offset-xl5.span8,
  .row-fluid .offset-xl5.span9,
  .row-fluid .offset-xl5.span10,
  .row-fluid .offset-xl5.span12 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5, .row .pull-xl5.offset12, .row .pull-xl5.offset11, .row .pull-xl5.offset10, .row .pull-xl5.offset9, .row .pull-xl5.offset8, .row .pull-xl5.offset7, .row .pull-xl5.offset6, .row .pull-xl5.offset5, .row .pull-xl5.offset4, .row .pull-xl5.offset3, .row .pull-xl5.offset2, .row .pull-xl5.offset1, .row .pull-xl5.span11, .row .pull-xl5.span1,
  .row .pull-xl5.span2,
  .row .pull-xl5.span3,
  .row .pull-xl5.span4,
  .row .pull-xl5.span5,
  .row .pull-xl5.span6,
  .row .pull-xl5.span7,
  .row .pull-xl5.span8,
  .row .pull-xl5.span9,
  .row .pull-xl5.span10,
  .row .pull-xl5.span12, .row-fluid .col.pull-xl5, .row-fluid .pull-xl5.offset12, .row-fluid .pull-xl5.offset11, .row-fluid .pull-xl5.offset10, .row-fluid .pull-xl5.offset9, .row-fluid .pull-xl5.offset8, .row-fluid .pull-xl5.offset7, .row-fluid .pull-xl5.offset6, .row-fluid .pull-xl5.offset5, .row-fluid .pull-xl5.offset4, .row-fluid .pull-xl5.offset3, .row-fluid .pull-xl5.offset2, .row-fluid .pull-xl5.offset1, .row-fluid .pull-xl5.span11, .row-fluid .pull-xl5.span1,
  .row-fluid .pull-xl5.span2,
  .row-fluid .pull-xl5.span3,
  .row-fluid .pull-xl5.span4,
  .row-fluid .pull-xl5.span5,
  .row-fluid .pull-xl5.span6,
  .row-fluid .pull-xl5.span7,
  .row-fluid .pull-xl5.span8,
  .row-fluid .pull-xl5.span9,
  .row-fluid .pull-xl5.span10,
  .row-fluid .pull-xl5.span12 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5, .row .push-xl5.offset12, .row .push-xl5.offset11, .row .push-xl5.offset10, .row .push-xl5.offset9, .row .push-xl5.offset8, .row .push-xl5.offset7, .row .push-xl5.offset6, .row .push-xl5.offset5, .row .push-xl5.offset4, .row .push-xl5.offset3, .row .push-xl5.offset2, .row .push-xl5.offset1, .row .push-xl5.span11, .row .push-xl5.span1,
  .row .push-xl5.span2,
  .row .push-xl5.span3,
  .row .push-xl5.span4,
  .row .push-xl5.span5,
  .row .push-xl5.span6,
  .row .push-xl5.span7,
  .row .push-xl5.span8,
  .row .push-xl5.span9,
  .row .push-xl5.span10,
  .row .push-xl5.span12, .row-fluid .col.push-xl5, .row-fluid .push-xl5.offset12, .row-fluid .push-xl5.offset11, .row-fluid .push-xl5.offset10, .row-fluid .push-xl5.offset9, .row-fluid .push-xl5.offset8, .row-fluid .push-xl5.offset7, .row-fluid .push-xl5.offset6, .row-fluid .push-xl5.offset5, .row-fluid .push-xl5.offset4, .row-fluid .push-xl5.offset3, .row-fluid .push-xl5.offset2, .row-fluid .push-xl5.offset1, .row-fluid .push-xl5.span11, .row-fluid .push-xl5.span1,
  .row-fluid .push-xl5.span2,
  .row-fluid .push-xl5.span3,
  .row-fluid .push-xl5.span4,
  .row-fluid .push-xl5.span5,
  .row-fluid .push-xl5.span6,
  .row-fluid .push-xl5.span7,
  .row-fluid .push-xl5.span8,
  .row-fluid .push-xl5.span9,
  .row-fluid .push-xl5.span10,
  .row-fluid .push-xl5.span12 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6, .row .offset-xl6.offset12, .row .offset-xl6.offset11, .row .offset-xl6.offset10, .row .offset-xl6.offset9, .row .offset-xl6.offset8, .row .offset-xl6.offset7, .row .offset-xl6.offset6, .row .offset-xl6.offset5, .row .offset-xl6.offset4, .row .offset-xl6.offset3, .row .offset-xl6.offset2, .row .offset-xl6.offset1, .row .offset-xl6.span11, .row .offset-xl6.span1,
  .row .offset-xl6.span2,
  .row .offset-xl6.span3,
  .row .offset-xl6.span4,
  .row .offset-xl6.span5,
  .row .offset-xl6.span6,
  .row .offset-xl6.span7,
  .row .offset-xl6.span8,
  .row .offset-xl6.span9,
  .row .offset-xl6.span10,
  .row .offset-xl6.span12, .row-fluid .col.offset-xl6, .row-fluid .offset-xl6.offset12, .row-fluid .offset-xl6.offset11, .row-fluid .offset-xl6.offset10, .row-fluid .offset-xl6.offset9, .row-fluid .offset-xl6.offset8, .row-fluid .offset-xl6.offset7, .row-fluid .offset-xl6.offset6, .row-fluid .offset-xl6.offset5, .row-fluid .offset-xl6.offset4, .row-fluid .offset-xl6.offset3, .row-fluid .offset-xl6.offset2, .row-fluid .offset-xl6.offset1, .row-fluid .offset-xl6.span11, .row-fluid .offset-xl6.span1,
  .row-fluid .offset-xl6.span2,
  .row-fluid .offset-xl6.span3,
  .row-fluid .offset-xl6.span4,
  .row-fluid .offset-xl6.span5,
  .row-fluid .offset-xl6.span6,
  .row-fluid .offset-xl6.span7,
  .row-fluid .offset-xl6.span8,
  .row-fluid .offset-xl6.span9,
  .row-fluid .offset-xl6.span10,
  .row-fluid .offset-xl6.span12 {
    margin-left: 50%;
  }
  .row .col.pull-xl6, .row .pull-xl6.offset12, .row .pull-xl6.offset11, .row .pull-xl6.offset10, .row .pull-xl6.offset9, .row .pull-xl6.offset8, .row .pull-xl6.offset7, .row .pull-xl6.offset6, .row .pull-xl6.offset5, .row .pull-xl6.offset4, .row .pull-xl6.offset3, .row .pull-xl6.offset2, .row .pull-xl6.offset1, .row .pull-xl6.span11, .row .pull-xl6.span1,
  .row .pull-xl6.span2,
  .row .pull-xl6.span3,
  .row .pull-xl6.span4,
  .row .pull-xl6.span5,
  .row .pull-xl6.span6,
  .row .pull-xl6.span7,
  .row .pull-xl6.span8,
  .row .pull-xl6.span9,
  .row .pull-xl6.span10,
  .row .pull-xl6.span12, .row-fluid .col.pull-xl6, .row-fluid .pull-xl6.offset12, .row-fluid .pull-xl6.offset11, .row-fluid .pull-xl6.offset10, .row-fluid .pull-xl6.offset9, .row-fluid .pull-xl6.offset8, .row-fluid .pull-xl6.offset7, .row-fluid .pull-xl6.offset6, .row-fluid .pull-xl6.offset5, .row-fluid .pull-xl6.offset4, .row-fluid .pull-xl6.offset3, .row-fluid .pull-xl6.offset2, .row-fluid .pull-xl6.offset1, .row-fluid .pull-xl6.span11, .row-fluid .pull-xl6.span1,
  .row-fluid .pull-xl6.span2,
  .row-fluid .pull-xl6.span3,
  .row-fluid .pull-xl6.span4,
  .row-fluid .pull-xl6.span5,
  .row-fluid .pull-xl6.span6,
  .row-fluid .pull-xl6.span7,
  .row-fluid .pull-xl6.span8,
  .row-fluid .pull-xl6.span9,
  .row-fluid .pull-xl6.span10,
  .row-fluid .pull-xl6.span12 {
    right: 50%;
  }
  .row .col.push-xl6, .row .push-xl6.offset12, .row .push-xl6.offset11, .row .push-xl6.offset10, .row .push-xl6.offset9, .row .push-xl6.offset8, .row .push-xl6.offset7, .row .push-xl6.offset6, .row .push-xl6.offset5, .row .push-xl6.offset4, .row .push-xl6.offset3, .row .push-xl6.offset2, .row .push-xl6.offset1, .row .push-xl6.span11, .row .push-xl6.span1,
  .row .push-xl6.span2,
  .row .push-xl6.span3,
  .row .push-xl6.span4,
  .row .push-xl6.span5,
  .row .push-xl6.span6,
  .row .push-xl6.span7,
  .row .push-xl6.span8,
  .row .push-xl6.span9,
  .row .push-xl6.span10,
  .row .push-xl6.span12, .row-fluid .col.push-xl6, .row-fluid .push-xl6.offset12, .row-fluid .push-xl6.offset11, .row-fluid .push-xl6.offset10, .row-fluid .push-xl6.offset9, .row-fluid .push-xl6.offset8, .row-fluid .push-xl6.offset7, .row-fluid .push-xl6.offset6, .row-fluid .push-xl6.offset5, .row-fluid .push-xl6.offset4, .row-fluid .push-xl6.offset3, .row-fluid .push-xl6.offset2, .row-fluid .push-xl6.offset1, .row-fluid .push-xl6.span11, .row-fluid .push-xl6.span1,
  .row-fluid .push-xl6.span2,
  .row-fluid .push-xl6.span3,
  .row-fluid .push-xl6.span4,
  .row-fluid .push-xl6.span5,
  .row-fluid .push-xl6.span6,
  .row-fluid .push-xl6.span7,
  .row-fluid .push-xl6.span8,
  .row-fluid .push-xl6.span9,
  .row-fluid .push-xl6.span10,
  .row-fluid .push-xl6.span12 {
    left: 50%;
  }
  .row .col.offset-xl7, .row .offset-xl7.offset12, .row .offset-xl7.offset11, .row .offset-xl7.offset10, .row .offset-xl7.offset9, .row .offset-xl7.offset8, .row .offset-xl7.offset7, .row .offset-xl7.offset6, .row .offset-xl7.offset5, .row .offset-xl7.offset4, .row .offset-xl7.offset3, .row .offset-xl7.offset2, .row .offset-xl7.offset1, .row .offset-xl7.span11, .row .offset-xl7.span1,
  .row .offset-xl7.span2,
  .row .offset-xl7.span3,
  .row .offset-xl7.span4,
  .row .offset-xl7.span5,
  .row .offset-xl7.span6,
  .row .offset-xl7.span7,
  .row .offset-xl7.span8,
  .row .offset-xl7.span9,
  .row .offset-xl7.span10,
  .row .offset-xl7.span12, .row-fluid .col.offset-xl7, .row-fluid .offset-xl7.offset12, .row-fluid .offset-xl7.offset11, .row-fluid .offset-xl7.offset10, .row-fluid .offset-xl7.offset9, .row-fluid .offset-xl7.offset8, .row-fluid .offset-xl7.offset7, .row-fluid .offset-xl7.offset6, .row-fluid .offset-xl7.offset5, .row-fluid .offset-xl7.offset4, .row-fluid .offset-xl7.offset3, .row-fluid .offset-xl7.offset2, .row-fluid .offset-xl7.offset1, .row-fluid .offset-xl7.span11, .row-fluid .offset-xl7.span1,
  .row-fluid .offset-xl7.span2,
  .row-fluid .offset-xl7.span3,
  .row-fluid .offset-xl7.span4,
  .row-fluid .offset-xl7.span5,
  .row-fluid .offset-xl7.span6,
  .row-fluid .offset-xl7.span7,
  .row-fluid .offset-xl7.span8,
  .row-fluid .offset-xl7.span9,
  .row-fluid .offset-xl7.span10,
  .row-fluid .offset-xl7.span12 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7, .row .pull-xl7.offset12, .row .pull-xl7.offset11, .row .pull-xl7.offset10, .row .pull-xl7.offset9, .row .pull-xl7.offset8, .row .pull-xl7.offset7, .row .pull-xl7.offset6, .row .pull-xl7.offset5, .row .pull-xl7.offset4, .row .pull-xl7.offset3, .row .pull-xl7.offset2, .row .pull-xl7.offset1, .row .pull-xl7.span11, .row .pull-xl7.span1,
  .row .pull-xl7.span2,
  .row .pull-xl7.span3,
  .row .pull-xl7.span4,
  .row .pull-xl7.span5,
  .row .pull-xl7.span6,
  .row .pull-xl7.span7,
  .row .pull-xl7.span8,
  .row .pull-xl7.span9,
  .row .pull-xl7.span10,
  .row .pull-xl7.span12, .row-fluid .col.pull-xl7, .row-fluid .pull-xl7.offset12, .row-fluid .pull-xl7.offset11, .row-fluid .pull-xl7.offset10, .row-fluid .pull-xl7.offset9, .row-fluid .pull-xl7.offset8, .row-fluid .pull-xl7.offset7, .row-fluid .pull-xl7.offset6, .row-fluid .pull-xl7.offset5, .row-fluid .pull-xl7.offset4, .row-fluid .pull-xl7.offset3, .row-fluid .pull-xl7.offset2, .row-fluid .pull-xl7.offset1, .row-fluid .pull-xl7.span11, .row-fluid .pull-xl7.span1,
  .row-fluid .pull-xl7.span2,
  .row-fluid .pull-xl7.span3,
  .row-fluid .pull-xl7.span4,
  .row-fluid .pull-xl7.span5,
  .row-fluid .pull-xl7.span6,
  .row-fluid .pull-xl7.span7,
  .row-fluid .pull-xl7.span8,
  .row-fluid .pull-xl7.span9,
  .row-fluid .pull-xl7.span10,
  .row-fluid .pull-xl7.span12 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7, .row .push-xl7.offset12, .row .push-xl7.offset11, .row .push-xl7.offset10, .row .push-xl7.offset9, .row .push-xl7.offset8, .row .push-xl7.offset7, .row .push-xl7.offset6, .row .push-xl7.offset5, .row .push-xl7.offset4, .row .push-xl7.offset3, .row .push-xl7.offset2, .row .push-xl7.offset1, .row .push-xl7.span11, .row .push-xl7.span1,
  .row .push-xl7.span2,
  .row .push-xl7.span3,
  .row .push-xl7.span4,
  .row .push-xl7.span5,
  .row .push-xl7.span6,
  .row .push-xl7.span7,
  .row .push-xl7.span8,
  .row .push-xl7.span9,
  .row .push-xl7.span10,
  .row .push-xl7.span12, .row-fluid .col.push-xl7, .row-fluid .push-xl7.offset12, .row-fluid .push-xl7.offset11, .row-fluid .push-xl7.offset10, .row-fluid .push-xl7.offset9, .row-fluid .push-xl7.offset8, .row-fluid .push-xl7.offset7, .row-fluid .push-xl7.offset6, .row-fluid .push-xl7.offset5, .row-fluid .push-xl7.offset4, .row-fluid .push-xl7.offset3, .row-fluid .push-xl7.offset2, .row-fluid .push-xl7.offset1, .row-fluid .push-xl7.span11, .row-fluid .push-xl7.span1,
  .row-fluid .push-xl7.span2,
  .row-fluid .push-xl7.span3,
  .row-fluid .push-xl7.span4,
  .row-fluid .push-xl7.span5,
  .row-fluid .push-xl7.span6,
  .row-fluid .push-xl7.span7,
  .row-fluid .push-xl7.span8,
  .row-fluid .push-xl7.span9,
  .row-fluid .push-xl7.span10,
  .row-fluid .push-xl7.span12 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8, .row .offset-xl8.offset12, .row .offset-xl8.offset11, .row .offset-xl8.offset10, .row .offset-xl8.offset9, .row .offset-xl8.offset8, .row .offset-xl8.offset7, .row .offset-xl8.offset6, .row .offset-xl8.offset5, .row .offset-xl8.offset4, .row .offset-xl8.offset3, .row .offset-xl8.offset2, .row .offset-xl8.offset1, .row .offset-xl8.span11, .row .offset-xl8.span1,
  .row .offset-xl8.span2,
  .row .offset-xl8.span3,
  .row .offset-xl8.span4,
  .row .offset-xl8.span5,
  .row .offset-xl8.span6,
  .row .offset-xl8.span7,
  .row .offset-xl8.span8,
  .row .offset-xl8.span9,
  .row .offset-xl8.span10,
  .row .offset-xl8.span12, .row-fluid .col.offset-xl8, .row-fluid .offset-xl8.offset12, .row-fluid .offset-xl8.offset11, .row-fluid .offset-xl8.offset10, .row-fluid .offset-xl8.offset9, .row-fluid .offset-xl8.offset8, .row-fluid .offset-xl8.offset7, .row-fluid .offset-xl8.offset6, .row-fluid .offset-xl8.offset5, .row-fluid .offset-xl8.offset4, .row-fluid .offset-xl8.offset3, .row-fluid .offset-xl8.offset2, .row-fluid .offset-xl8.offset1, .row-fluid .offset-xl8.span11, .row-fluid .offset-xl8.span1,
  .row-fluid .offset-xl8.span2,
  .row-fluid .offset-xl8.span3,
  .row-fluid .offset-xl8.span4,
  .row-fluid .offset-xl8.span5,
  .row-fluid .offset-xl8.span6,
  .row-fluid .offset-xl8.span7,
  .row-fluid .offset-xl8.span8,
  .row-fluid .offset-xl8.span9,
  .row-fluid .offset-xl8.span10,
  .row-fluid .offset-xl8.span12 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8, .row .pull-xl8.offset12, .row .pull-xl8.offset11, .row .pull-xl8.offset10, .row .pull-xl8.offset9, .row .pull-xl8.offset8, .row .pull-xl8.offset7, .row .pull-xl8.offset6, .row .pull-xl8.offset5, .row .pull-xl8.offset4, .row .pull-xl8.offset3, .row .pull-xl8.offset2, .row .pull-xl8.offset1, .row .pull-xl8.span11, .row .pull-xl8.span1,
  .row .pull-xl8.span2,
  .row .pull-xl8.span3,
  .row .pull-xl8.span4,
  .row .pull-xl8.span5,
  .row .pull-xl8.span6,
  .row .pull-xl8.span7,
  .row .pull-xl8.span8,
  .row .pull-xl8.span9,
  .row .pull-xl8.span10,
  .row .pull-xl8.span12, .row-fluid .col.pull-xl8, .row-fluid .pull-xl8.offset12, .row-fluid .pull-xl8.offset11, .row-fluid .pull-xl8.offset10, .row-fluid .pull-xl8.offset9, .row-fluid .pull-xl8.offset8, .row-fluid .pull-xl8.offset7, .row-fluid .pull-xl8.offset6, .row-fluid .pull-xl8.offset5, .row-fluid .pull-xl8.offset4, .row-fluid .pull-xl8.offset3, .row-fluid .pull-xl8.offset2, .row-fluid .pull-xl8.offset1, .row-fluid .pull-xl8.span11, .row-fluid .pull-xl8.span1,
  .row-fluid .pull-xl8.span2,
  .row-fluid .pull-xl8.span3,
  .row-fluid .pull-xl8.span4,
  .row-fluid .pull-xl8.span5,
  .row-fluid .pull-xl8.span6,
  .row-fluid .pull-xl8.span7,
  .row-fluid .pull-xl8.span8,
  .row-fluid .pull-xl8.span9,
  .row-fluid .pull-xl8.span10,
  .row-fluid .pull-xl8.span12 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8, .row .push-xl8.offset12, .row .push-xl8.offset11, .row .push-xl8.offset10, .row .push-xl8.offset9, .row .push-xl8.offset8, .row .push-xl8.offset7, .row .push-xl8.offset6, .row .push-xl8.offset5, .row .push-xl8.offset4, .row .push-xl8.offset3, .row .push-xl8.offset2, .row .push-xl8.offset1, .row .push-xl8.span11, .row .push-xl8.span1,
  .row .push-xl8.span2,
  .row .push-xl8.span3,
  .row .push-xl8.span4,
  .row .push-xl8.span5,
  .row .push-xl8.span6,
  .row .push-xl8.span7,
  .row .push-xl8.span8,
  .row .push-xl8.span9,
  .row .push-xl8.span10,
  .row .push-xl8.span12, .row-fluid .col.push-xl8, .row-fluid .push-xl8.offset12, .row-fluid .push-xl8.offset11, .row-fluid .push-xl8.offset10, .row-fluid .push-xl8.offset9, .row-fluid .push-xl8.offset8, .row-fluid .push-xl8.offset7, .row-fluid .push-xl8.offset6, .row-fluid .push-xl8.offset5, .row-fluid .push-xl8.offset4, .row-fluid .push-xl8.offset3, .row-fluid .push-xl8.offset2, .row-fluid .push-xl8.offset1, .row-fluid .push-xl8.span11, .row-fluid .push-xl8.span1,
  .row-fluid .push-xl8.span2,
  .row-fluid .push-xl8.span3,
  .row-fluid .push-xl8.span4,
  .row-fluid .push-xl8.span5,
  .row-fluid .push-xl8.span6,
  .row-fluid .push-xl8.span7,
  .row-fluid .push-xl8.span8,
  .row-fluid .push-xl8.span9,
  .row-fluid .push-xl8.span10,
  .row-fluid .push-xl8.span12 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9, .row .offset-xl9.offset12, .row .offset-xl9.offset11, .row .offset-xl9.offset10, .row .offset-xl9.offset9, .row .offset-xl9.offset8, .row .offset-xl9.offset7, .row .offset-xl9.offset6, .row .offset-xl9.offset5, .row .offset-xl9.offset4, .row .offset-xl9.offset3, .row .offset-xl9.offset2, .row .offset-xl9.offset1, .row .offset-xl9.span11, .row .offset-xl9.span1,
  .row .offset-xl9.span2,
  .row .offset-xl9.span3,
  .row .offset-xl9.span4,
  .row .offset-xl9.span5,
  .row .offset-xl9.span6,
  .row .offset-xl9.span7,
  .row .offset-xl9.span8,
  .row .offset-xl9.span9,
  .row .offset-xl9.span10,
  .row .offset-xl9.span12, .row-fluid .col.offset-xl9, .row-fluid .offset-xl9.offset12, .row-fluid .offset-xl9.offset11, .row-fluid .offset-xl9.offset10, .row-fluid .offset-xl9.offset9, .row-fluid .offset-xl9.offset8, .row-fluid .offset-xl9.offset7, .row-fluid .offset-xl9.offset6, .row-fluid .offset-xl9.offset5, .row-fluid .offset-xl9.offset4, .row-fluid .offset-xl9.offset3, .row-fluid .offset-xl9.offset2, .row-fluid .offset-xl9.offset1, .row-fluid .offset-xl9.span11, .row-fluid .offset-xl9.span1,
  .row-fluid .offset-xl9.span2,
  .row-fluid .offset-xl9.span3,
  .row-fluid .offset-xl9.span4,
  .row-fluid .offset-xl9.span5,
  .row-fluid .offset-xl9.span6,
  .row-fluid .offset-xl9.span7,
  .row-fluid .offset-xl9.span8,
  .row-fluid .offset-xl9.span9,
  .row-fluid .offset-xl9.span10,
  .row-fluid .offset-xl9.span12 {
    margin-left: 75%;
  }
  .row .col.pull-xl9, .row .pull-xl9.offset12, .row .pull-xl9.offset11, .row .pull-xl9.offset10, .row .pull-xl9.offset9, .row .pull-xl9.offset8, .row .pull-xl9.offset7, .row .pull-xl9.offset6, .row .pull-xl9.offset5, .row .pull-xl9.offset4, .row .pull-xl9.offset3, .row .pull-xl9.offset2, .row .pull-xl9.offset1, .row .pull-xl9.span11, .row .pull-xl9.span1,
  .row .pull-xl9.span2,
  .row .pull-xl9.span3,
  .row .pull-xl9.span4,
  .row .pull-xl9.span5,
  .row .pull-xl9.span6,
  .row .pull-xl9.span7,
  .row .pull-xl9.span8,
  .row .pull-xl9.span9,
  .row .pull-xl9.span10,
  .row .pull-xl9.span12, .row-fluid .col.pull-xl9, .row-fluid .pull-xl9.offset12, .row-fluid .pull-xl9.offset11, .row-fluid .pull-xl9.offset10, .row-fluid .pull-xl9.offset9, .row-fluid .pull-xl9.offset8, .row-fluid .pull-xl9.offset7, .row-fluid .pull-xl9.offset6, .row-fluid .pull-xl9.offset5, .row-fluid .pull-xl9.offset4, .row-fluid .pull-xl9.offset3, .row-fluid .pull-xl9.offset2, .row-fluid .pull-xl9.offset1, .row-fluid .pull-xl9.span11, .row-fluid .pull-xl9.span1,
  .row-fluid .pull-xl9.span2,
  .row-fluid .pull-xl9.span3,
  .row-fluid .pull-xl9.span4,
  .row-fluid .pull-xl9.span5,
  .row-fluid .pull-xl9.span6,
  .row-fluid .pull-xl9.span7,
  .row-fluid .pull-xl9.span8,
  .row-fluid .pull-xl9.span9,
  .row-fluid .pull-xl9.span10,
  .row-fluid .pull-xl9.span12 {
    right: 75%;
  }
  .row .col.push-xl9, .row .push-xl9.offset12, .row .push-xl9.offset11, .row .push-xl9.offset10, .row .push-xl9.offset9, .row .push-xl9.offset8, .row .push-xl9.offset7, .row .push-xl9.offset6, .row .push-xl9.offset5, .row .push-xl9.offset4, .row .push-xl9.offset3, .row .push-xl9.offset2, .row .push-xl9.offset1, .row .push-xl9.span11, .row .push-xl9.span1,
  .row .push-xl9.span2,
  .row .push-xl9.span3,
  .row .push-xl9.span4,
  .row .push-xl9.span5,
  .row .push-xl9.span6,
  .row .push-xl9.span7,
  .row .push-xl9.span8,
  .row .push-xl9.span9,
  .row .push-xl9.span10,
  .row .push-xl9.span12, .row-fluid .col.push-xl9, .row-fluid .push-xl9.offset12, .row-fluid .push-xl9.offset11, .row-fluid .push-xl9.offset10, .row-fluid .push-xl9.offset9, .row-fluid .push-xl9.offset8, .row-fluid .push-xl9.offset7, .row-fluid .push-xl9.offset6, .row-fluid .push-xl9.offset5, .row-fluid .push-xl9.offset4, .row-fluid .push-xl9.offset3, .row-fluid .push-xl9.offset2, .row-fluid .push-xl9.offset1, .row-fluid .push-xl9.span11, .row-fluid .push-xl9.span1,
  .row-fluid .push-xl9.span2,
  .row-fluid .push-xl9.span3,
  .row-fluid .push-xl9.span4,
  .row-fluid .push-xl9.span5,
  .row-fluid .push-xl9.span6,
  .row-fluid .push-xl9.span7,
  .row-fluid .push-xl9.span8,
  .row-fluid .push-xl9.span9,
  .row-fluid .push-xl9.span10,
  .row-fluid .push-xl9.span12 {
    left: 75%;
  }
  .row .col.offset-xl10, .row .offset-xl10.offset12, .row .offset-xl10.offset11, .row .offset-xl10.offset10, .row .offset-xl10.offset9, .row .offset-xl10.offset8, .row .offset-xl10.offset7, .row .offset-xl10.offset6, .row .offset-xl10.offset5, .row .offset-xl10.offset4, .row .offset-xl10.offset3, .row .offset-xl10.offset2, .row .offset-xl10.offset1, .row .offset-xl10.span11, .row .offset-xl10.span1,
  .row .offset-xl10.span2,
  .row .offset-xl10.span3,
  .row .offset-xl10.span4,
  .row .offset-xl10.span5,
  .row .offset-xl10.span6,
  .row .offset-xl10.span7,
  .row .offset-xl10.span8,
  .row .offset-xl10.span9,
  .row .offset-xl10.span10,
  .row .offset-xl10.span12, .row-fluid .col.offset-xl10, .row-fluid .offset-xl10.offset12, .row-fluid .offset-xl10.offset11, .row-fluid .offset-xl10.offset10, .row-fluid .offset-xl10.offset9, .row-fluid .offset-xl10.offset8, .row-fluid .offset-xl10.offset7, .row-fluid .offset-xl10.offset6, .row-fluid .offset-xl10.offset5, .row-fluid .offset-xl10.offset4, .row-fluid .offset-xl10.offset3, .row-fluid .offset-xl10.offset2, .row-fluid .offset-xl10.offset1, .row-fluid .offset-xl10.span11, .row-fluid .offset-xl10.span1,
  .row-fluid .offset-xl10.span2,
  .row-fluid .offset-xl10.span3,
  .row-fluid .offset-xl10.span4,
  .row-fluid .offset-xl10.span5,
  .row-fluid .offset-xl10.span6,
  .row-fluid .offset-xl10.span7,
  .row-fluid .offset-xl10.span8,
  .row-fluid .offset-xl10.span9,
  .row-fluid .offset-xl10.span10,
  .row-fluid .offset-xl10.span12 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10, .row .pull-xl10.offset12, .row .pull-xl10.offset11, .row .pull-xl10.offset10, .row .pull-xl10.offset9, .row .pull-xl10.offset8, .row .pull-xl10.offset7, .row .pull-xl10.offset6, .row .pull-xl10.offset5, .row .pull-xl10.offset4, .row .pull-xl10.offset3, .row .pull-xl10.offset2, .row .pull-xl10.offset1, .row .pull-xl10.span11, .row .pull-xl10.span1,
  .row .pull-xl10.span2,
  .row .pull-xl10.span3,
  .row .pull-xl10.span4,
  .row .pull-xl10.span5,
  .row .pull-xl10.span6,
  .row .pull-xl10.span7,
  .row .pull-xl10.span8,
  .row .pull-xl10.span9,
  .row .pull-xl10.span10,
  .row .pull-xl10.span12, .row-fluid .col.pull-xl10, .row-fluid .pull-xl10.offset12, .row-fluid .pull-xl10.offset11, .row-fluid .pull-xl10.offset10, .row-fluid .pull-xl10.offset9, .row-fluid .pull-xl10.offset8, .row-fluid .pull-xl10.offset7, .row-fluid .pull-xl10.offset6, .row-fluid .pull-xl10.offset5, .row-fluid .pull-xl10.offset4, .row-fluid .pull-xl10.offset3, .row-fluid .pull-xl10.offset2, .row-fluid .pull-xl10.offset1, .row-fluid .pull-xl10.span11, .row-fluid .pull-xl10.span1,
  .row-fluid .pull-xl10.span2,
  .row-fluid .pull-xl10.span3,
  .row-fluid .pull-xl10.span4,
  .row-fluid .pull-xl10.span5,
  .row-fluid .pull-xl10.span6,
  .row-fluid .pull-xl10.span7,
  .row-fluid .pull-xl10.span8,
  .row-fluid .pull-xl10.span9,
  .row-fluid .pull-xl10.span10,
  .row-fluid .pull-xl10.span12 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10, .row .push-xl10.offset12, .row .push-xl10.offset11, .row .push-xl10.offset10, .row .push-xl10.offset9, .row .push-xl10.offset8, .row .push-xl10.offset7, .row .push-xl10.offset6, .row .push-xl10.offset5, .row .push-xl10.offset4, .row .push-xl10.offset3, .row .push-xl10.offset2, .row .push-xl10.offset1, .row .push-xl10.span11, .row .push-xl10.span1,
  .row .push-xl10.span2,
  .row .push-xl10.span3,
  .row .push-xl10.span4,
  .row .push-xl10.span5,
  .row .push-xl10.span6,
  .row .push-xl10.span7,
  .row .push-xl10.span8,
  .row .push-xl10.span9,
  .row .push-xl10.span10,
  .row .push-xl10.span12, .row-fluid .col.push-xl10, .row-fluid .push-xl10.offset12, .row-fluid .push-xl10.offset11, .row-fluid .push-xl10.offset10, .row-fluid .push-xl10.offset9, .row-fluid .push-xl10.offset8, .row-fluid .push-xl10.offset7, .row-fluid .push-xl10.offset6, .row-fluid .push-xl10.offset5, .row-fluid .push-xl10.offset4, .row-fluid .push-xl10.offset3, .row-fluid .push-xl10.offset2, .row-fluid .push-xl10.offset1, .row-fluid .push-xl10.span11, .row-fluid .push-xl10.span1,
  .row-fluid .push-xl10.span2,
  .row-fluid .push-xl10.span3,
  .row-fluid .push-xl10.span4,
  .row-fluid .push-xl10.span5,
  .row-fluid .push-xl10.span6,
  .row-fluid .push-xl10.span7,
  .row-fluid .push-xl10.span8,
  .row-fluid .push-xl10.span9,
  .row-fluid .push-xl10.span10,
  .row-fluid .push-xl10.span12 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11, .row .offset-xl11.offset12, .row .offset-xl11.offset11, .row .offset-xl11.offset10, .row .offset-xl11.offset9, .row .offset-xl11.offset8, .row .offset-xl11.offset7, .row .offset-xl11.offset6, .row .offset-xl11.offset5, .row .offset-xl11.offset4, .row .offset-xl11.offset3, .row .offset-xl11.offset2, .row .offset-xl11.offset1, .row .offset-xl11.span11, .row .offset-xl11.span1,
  .row .offset-xl11.span2,
  .row .offset-xl11.span3,
  .row .offset-xl11.span4,
  .row .offset-xl11.span5,
  .row .offset-xl11.span6,
  .row .offset-xl11.span7,
  .row .offset-xl11.span8,
  .row .offset-xl11.span9,
  .row .offset-xl11.span10,
  .row .offset-xl11.span12, .row-fluid .col.offset-xl11, .row-fluid .offset-xl11.offset12, .row-fluid .offset-xl11.offset11, .row-fluid .offset-xl11.offset10, .row-fluid .offset-xl11.offset9, .row-fluid .offset-xl11.offset8, .row-fluid .offset-xl11.offset7, .row-fluid .offset-xl11.offset6, .row-fluid .offset-xl11.offset5, .row-fluid .offset-xl11.offset4, .row-fluid .offset-xl11.offset3, .row-fluid .offset-xl11.offset2, .row-fluid .offset-xl11.offset1, .row-fluid .offset-xl11.span11, .row-fluid .offset-xl11.span1,
  .row-fluid .offset-xl11.span2,
  .row-fluid .offset-xl11.span3,
  .row-fluid .offset-xl11.span4,
  .row-fluid .offset-xl11.span5,
  .row-fluid .offset-xl11.span6,
  .row-fluid .offset-xl11.span7,
  .row-fluid .offset-xl11.span8,
  .row-fluid .offset-xl11.span9,
  .row-fluid .offset-xl11.span10,
  .row-fluid .offset-xl11.span12 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11, .row .pull-xl11.offset12, .row .pull-xl11.offset11, .row .pull-xl11.offset10, .row .pull-xl11.offset9, .row .pull-xl11.offset8, .row .pull-xl11.offset7, .row .pull-xl11.offset6, .row .pull-xl11.offset5, .row .pull-xl11.offset4, .row .pull-xl11.offset3, .row .pull-xl11.offset2, .row .pull-xl11.offset1, .row .pull-xl11.span11, .row .pull-xl11.span1,
  .row .pull-xl11.span2,
  .row .pull-xl11.span3,
  .row .pull-xl11.span4,
  .row .pull-xl11.span5,
  .row .pull-xl11.span6,
  .row .pull-xl11.span7,
  .row .pull-xl11.span8,
  .row .pull-xl11.span9,
  .row .pull-xl11.span10,
  .row .pull-xl11.span12, .row-fluid .col.pull-xl11, .row-fluid .pull-xl11.offset12, .row-fluid .pull-xl11.offset11, .row-fluid .pull-xl11.offset10, .row-fluid .pull-xl11.offset9, .row-fluid .pull-xl11.offset8, .row-fluid .pull-xl11.offset7, .row-fluid .pull-xl11.offset6, .row-fluid .pull-xl11.offset5, .row-fluid .pull-xl11.offset4, .row-fluid .pull-xl11.offset3, .row-fluid .pull-xl11.offset2, .row-fluid .pull-xl11.offset1, .row-fluid .pull-xl11.span11, .row-fluid .pull-xl11.span1,
  .row-fluid .pull-xl11.span2,
  .row-fluid .pull-xl11.span3,
  .row-fluid .pull-xl11.span4,
  .row-fluid .pull-xl11.span5,
  .row-fluid .pull-xl11.span6,
  .row-fluid .pull-xl11.span7,
  .row-fluid .pull-xl11.span8,
  .row-fluid .pull-xl11.span9,
  .row-fluid .pull-xl11.span10,
  .row-fluid .pull-xl11.span12 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11, .row .push-xl11.offset12, .row .push-xl11.offset11, .row .push-xl11.offset10, .row .push-xl11.offset9, .row .push-xl11.offset8, .row .push-xl11.offset7, .row .push-xl11.offset6, .row .push-xl11.offset5, .row .push-xl11.offset4, .row .push-xl11.offset3, .row .push-xl11.offset2, .row .push-xl11.offset1, .row .push-xl11.span11, .row .push-xl11.span1,
  .row .push-xl11.span2,
  .row .push-xl11.span3,
  .row .push-xl11.span4,
  .row .push-xl11.span5,
  .row .push-xl11.span6,
  .row .push-xl11.span7,
  .row .push-xl11.span8,
  .row .push-xl11.span9,
  .row .push-xl11.span10,
  .row .push-xl11.span12, .row-fluid .col.push-xl11, .row-fluid .push-xl11.offset12, .row-fluid .push-xl11.offset11, .row-fluid .push-xl11.offset10, .row-fluid .push-xl11.offset9, .row-fluid .push-xl11.offset8, .row-fluid .push-xl11.offset7, .row-fluid .push-xl11.offset6, .row-fluid .push-xl11.offset5, .row-fluid .push-xl11.offset4, .row-fluid .push-xl11.offset3, .row-fluid .push-xl11.offset2, .row-fluid .push-xl11.offset1, .row-fluid .push-xl11.span11, .row-fluid .push-xl11.span1,
  .row-fluid .push-xl11.span2,
  .row-fluid .push-xl11.span3,
  .row-fluid .push-xl11.span4,
  .row-fluid .push-xl11.span5,
  .row-fluid .push-xl11.span6,
  .row-fluid .push-xl11.span7,
  .row-fluid .push-xl11.span8,
  .row-fluid .push-xl11.span9,
  .row-fluid .push-xl11.span10,
  .row-fluid .push-xl11.span12 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12, .row .offset-xl12.offset12, .row .offset-xl12.offset11, .row .offset-xl12.offset10, .row .offset-xl12.offset9, .row .offset-xl12.offset8, .row .offset-xl12.offset7, .row .offset-xl12.offset6, .row .offset-xl12.offset5, .row .offset-xl12.offset4, .row .offset-xl12.offset3, .row .offset-xl12.offset2, .row .offset-xl12.offset1, .row .offset-xl12.span11, .row .offset-xl12.span1,
  .row .offset-xl12.span2,
  .row .offset-xl12.span3,
  .row .offset-xl12.span4,
  .row .offset-xl12.span5,
  .row .offset-xl12.span6,
  .row .offset-xl12.span7,
  .row .offset-xl12.span8,
  .row .offset-xl12.span9,
  .row .offset-xl12.span10,
  .row .offset-xl12.span12, .row-fluid .col.offset-xl12, .row-fluid .offset-xl12.offset12, .row-fluid .offset-xl12.offset11, .row-fluid .offset-xl12.offset10, .row-fluid .offset-xl12.offset9, .row-fluid .offset-xl12.offset8, .row-fluid .offset-xl12.offset7, .row-fluid .offset-xl12.offset6, .row-fluid .offset-xl12.offset5, .row-fluid .offset-xl12.offset4, .row-fluid .offset-xl12.offset3, .row-fluid .offset-xl12.offset2, .row-fluid .offset-xl12.offset1, .row-fluid .offset-xl12.span11, .row-fluid .offset-xl12.span1,
  .row-fluid .offset-xl12.span2,
  .row-fluid .offset-xl12.span3,
  .row-fluid .offset-xl12.span4,
  .row-fluid .offset-xl12.span5,
  .row-fluid .offset-xl12.span6,
  .row-fluid .offset-xl12.span7,
  .row-fluid .offset-xl12.span8,
  .row-fluid .offset-xl12.span9,
  .row-fluid .offset-xl12.span10,
  .row-fluid .offset-xl12.span12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12, .row .pull-xl12.offset12, .row .pull-xl12.offset11, .row .pull-xl12.offset10, .row .pull-xl12.offset9, .row .pull-xl12.offset8, .row .pull-xl12.offset7, .row .pull-xl12.offset6, .row .pull-xl12.offset5, .row .pull-xl12.offset4, .row .pull-xl12.offset3, .row .pull-xl12.offset2, .row .pull-xl12.offset1, .row .pull-xl12.span11, .row .pull-xl12.span1,
  .row .pull-xl12.span2,
  .row .pull-xl12.span3,
  .row .pull-xl12.span4,
  .row .pull-xl12.span5,
  .row .pull-xl12.span6,
  .row .pull-xl12.span7,
  .row .pull-xl12.span8,
  .row .pull-xl12.span9,
  .row .pull-xl12.span10,
  .row .pull-xl12.span12, .row-fluid .col.pull-xl12, .row-fluid .pull-xl12.offset12, .row-fluid .pull-xl12.offset11, .row-fluid .pull-xl12.offset10, .row-fluid .pull-xl12.offset9, .row-fluid .pull-xl12.offset8, .row-fluid .pull-xl12.offset7, .row-fluid .pull-xl12.offset6, .row-fluid .pull-xl12.offset5, .row-fluid .pull-xl12.offset4, .row-fluid .pull-xl12.offset3, .row-fluid .pull-xl12.offset2, .row-fluid .pull-xl12.offset1, .row-fluid .pull-xl12.span11, .row-fluid .pull-xl12.span1,
  .row-fluid .pull-xl12.span2,
  .row-fluid .pull-xl12.span3,
  .row-fluid .pull-xl12.span4,
  .row-fluid .pull-xl12.span5,
  .row-fluid .pull-xl12.span6,
  .row-fluid .pull-xl12.span7,
  .row-fluid .pull-xl12.span8,
  .row-fluid .pull-xl12.span9,
  .row-fluid .pull-xl12.span10,
  .row-fluid .pull-xl12.span12 {
    right: 100%;
  }
  .row .col.push-xl12, .row .push-xl12.offset12, .row .push-xl12.offset11, .row .push-xl12.offset10, .row .push-xl12.offset9, .row .push-xl12.offset8, .row .push-xl12.offset7, .row .push-xl12.offset6, .row .push-xl12.offset5, .row .push-xl12.offset4, .row .push-xl12.offset3, .row .push-xl12.offset2, .row .push-xl12.offset1, .row .push-xl12.span11, .row .push-xl12.span1,
  .row .push-xl12.span2,
  .row .push-xl12.span3,
  .row .push-xl12.span4,
  .row .push-xl12.span5,
  .row .push-xl12.span6,
  .row .push-xl12.span7,
  .row .push-xl12.span8,
  .row .push-xl12.span9,
  .row .push-xl12.span10,
  .row .push-xl12.span12, .row-fluid .col.push-xl12, .row-fluid .push-xl12.offset12, .row-fluid .push-xl12.offset11, .row-fluid .push-xl12.offset10, .row-fluid .push-xl12.offset9, .row-fluid .push-xl12.offset8, .row-fluid .push-xl12.offset7, .row-fluid .push-xl12.offset6, .row-fluid .push-xl12.offset5, .row-fluid .push-xl12.offset4, .row-fluid .push-xl12.offset3, .row-fluid .push-xl12.offset2, .row-fluid .push-xl12.offset1, .row-fluid .push-xl12.span11, .row-fluid .push-xl12.span1,
  .row-fluid .push-xl12.span2,
  .row-fluid .push-xl12.span3,
  .row-fluid .push-xl12.span4,
  .row-fluid .push-xl12.span5,
  .row-fluid .push-xl12.span6,
  .row-fluid .push-xl12.span7,
  .row-fluid .push-xl12.span8,
  .row-fluid .push-xl12.span9,
  .row-fluid .push-xl12.span10,
  .row-fluid .push-xl12.span12 {
    left: 100%;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.scale-transition {
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}
.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}
.scale-transition.scale-in {
  transform: scale(1);
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.card-panel {
  transition: box-shadow 0.25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow 0.25s;
  border-radius: 2px;
}
.card .card-title {
  font-size: 24px;
  font-weight: 300;
}
.card .card-title.activator {
  cursor: pointer;
}
.card.small, .card.medium, .card.large {
  position: relative;
}
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}
.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card.small {
  height: 300px;
}
.card.medium {
  height: 400px;
}
.card.large {
  height: 500px;
}
.card.horizontal {
  display: flex;
}
.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}
.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}
.card.horizontal .card-image {
  max-width: 50%;
}
.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}
.card.horizontal .card-stacked {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.card.horizontal .card-stacked .card-content {
  flex-grow: 1;
}
.card.sticky-action .card-action {
  z-index: 2;
}
.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}
.card .card-image {
  position: relative;
}
.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}
.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}
.card .card-content p {
  margin: 0;
  color: inherit;
}
.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}
.card .card-content .card-title i {
  line-height: 32px;
}
.card .card-action {
  position: relative;
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 16px 24px;
}
.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
  color: #ffd8a6;
}
.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}
@media only screen and (max-width : 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}
@media only screen and (min-width : 601px) and (max-width : 992px) {
  #toast-container {
    left: 5%;
    bottom: 7%;
    max-width: 90%;
  }
}
@media only screen and (min-width : 993px) {
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}

.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  word-break: break-all;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toast .btn, .toast .btn-large, .toast .btn-flat {
  margin: 0;
  margin-left: 3rem;
}
.toast.rounded {
  border-radius: 24px;
}
@media only screen and (max-width : 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}
@media only screen and (min-width : 601px) and (max-width : 992px) {
  .toast {
    float: left;
  }
}
@media only screen and (min-width : 993px) {
  .toast {
    float: right;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  /*height: 48px;
  width: 100%;
  background-color: $tabs-bg-color;
  margin: 0 auto;
  white-space: nowrap;*/
}
.tabs.tabs-transparent {
  background-color: transparent;
}
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(0, 152, 217, 0.7);
}
.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #0299D8;
}
.tabs.tabs-transparent .indicator {
  background-color: #0299D8;
}
.tabs.tabs-fixed-width {
  display: flex;
}
.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.tabs .tab a {
  color: rgba(2, 153, 216, 0.6);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.28s ease;
}
.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #0299D8;
}
.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
  color: rgba(2, 153, 216, 0.6);
  cursor: default;
}
.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: rgba(2, 153, 216, 0.7);
  will-change: left, right;
}

@media only screen and (max-width : 992px) {
  .tabs {
    display: flex;
  }
  .tabs .tab a {
    padding: 0 12px;
  }
}
.tabs.tabs--pills {
  height: 40px;
  text-align: center;
}
.tabs.tabs--pills .tab {
  line-height: 40px;
  height: 40px;
  flex-grow: 0;
}
.tabs.tabs--pills a {
  transition: all 0.28s ease;
  font-size: 18px;
  color: #86888C;
  font-weight: normal;
  border-radius: 0px;
  text-transform: none;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 2;
  min-width: 144px;
}
.tabs.tabs--pills a:hover {
  color: #0299D8;
}
.tabs.tabs--pills a:hover.active {
  color: #fff;
}
.tabs.tabs--pills a.active {
  color: #fff;
}
.tabs.tabs--pills .indicator {
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  background-color: #0299D8;
  z-index: 1;
}

.tabs.tabs--progress {
  height: 24px;
  text-align: center;
}
.tabs.tabs--progress .tab {
  line-height: 24px;
  height: 24px;
  flex-grow: 0;
}
.tabs.tabs--progress a {
  transition: all 0.28s ease;
  font-size: 18px;
  color: #86888C;
  font-weight: normal;
  border-radius: 0px;
  text-transform: none;
  height: 24px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  min-width: 26px;
  padding: 0 7px;
  cursor: text;
}
.tabs.tabs--progress a:hover {
  color: #0299D8;
}
.tabs.tabs--progress a:hover.active {
  color: #fff;
}
.tabs.tabs--progress a.active {
  color: #fff;
}
.tabs.tabs--progress a.previousActive {
  color: rgba(255, 255, 255, 0.5);
}
.tabs.tabs--progress .indicator {
  height: 24px;
  line-height: 24px;
  border-radius: 40px;
  background-color: #0299D8;
  z-index: 1;
  left: 0 !important;
}

.tab-panel {
  display: none;
  position: relative;
}
.tab-panel.active {
  display: block;
}

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
}

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  transform-origin: 50% 0%;
  visibility: hidden;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.btn, .btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
.btn [class^=icon-], .btn-large [class^=icon-],
.btn [class*=" icon-"],
.btn-large [class*=" icon-"],
.btn-flat [class^=icon-],
.btn-flat [class*=" icon-"] {
  vertical-align: middle;
}

.btn.disabled,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}
.btn.disabled:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.btn,
.btn-large,
.btn-floating,
.btn-flat {
  font-size: 1rem;
  outline: 0;
}
.btn i,
.btn-floating i,
.btn-large i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #3d8d01;
}

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #53bf02;
  text-align: center;
  letter-spacing: 0.5px;
  transition: 0.2s ease-out;
  cursor: pointer;
}
.btn:hover, .btn-large:hover {
  background-color: #5ed802;
}

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #53bf02;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
  vertical-align: middle;
}
.btn-floating:hover {
  background-color: #53bf02;
}
.btn-floating:before {
  border-radius: 0;
}
.btn-floating.btn-large {
  width: 56px;
  height: 56px;
}
.btn-floating.btn-large.halfway-fab {
  bottom: -28px;
}
.btn-floating.btn-large i {
  line-height: 56px;
}
.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}
.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}
.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998;
}
.fixed-action-btn.active ul {
  visibility: visible;
}
.fixed-action-btn.horizontal {
  padding: 0 0 0 15px;
}
.fixed-action-btn.horizontal ul {
  text-align: right;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  left: auto;
  width: 500px; /*width 100% only goes to width of button container */
}
.fixed-action-btn.horizontal ul li {
  display: inline-block;
  margin: 15px 15px 0 0;
}
.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}
.fixed-action-btn.toolbar.active > a i {
  opacity: 0;
}
.fixed-action-btn.toolbar ul {
  display: flex;
  top: 0;
  bottom: 0;
}
.fixed-action-btn.toolbar ul li {
  flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  transition: none;
}
.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}
.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}
.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}
.fixed-action-btn ul li {
  margin-bottom: 15px;
}
.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}
.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #53bf02;
  border-radius: 50%;
  transform: scale(0);
}

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-flat:focus, .btn-flat:active {
  background-color: transparent;
}
.btn-flat:focus, .btn-flat:hover {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.btn-flat:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.btn-flat.disabled {
  background-color: transparent !important;
  color: #b3b3b3 !important;
  cursor: default;
}

.btn-large {
  height: 54px;
  line-height: 54px;
}
.btn-large i {
  font-size: 1.6rem;
}

.btn-block {
  display: block;
}

.button-group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-radius: 4px;
  overflow: hidden;
}
.button-group .btn, .button-group .btn-large {
  background-color: #eee;
  color: #000;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  flex-grow: 1;
  min-width: 20%;
}
.button-group .btn.active, .button-group .active.btn-large {
  background-color: #53bf02;
  color: #fff;
  cursor: text;
}
.button-group .btn:not(.active):hover, .button-group .btn-large:not(.active):hover {
  background-color: #4f5456;
  color: #fff;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height;
}
.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
  text-transform: none;
}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  background-color: #eee;
}
.dropdown-content li.active.selected {
  background-color: #e1e1e1;
}
.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}
.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #212529;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}
.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}
.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

.input-field.col .dropdown-content [type=checkbox] + label, .input-field.offset12 .dropdown-content [type=checkbox] + label, .input-field.offset11 .dropdown-content [type=checkbox] + label, .input-field.offset10 .dropdown-content [type=checkbox] + label, .input-field.offset9 .dropdown-content [type=checkbox] + label, .input-field.offset8 .dropdown-content [type=checkbox] + label, .input-field.offset7 .dropdown-content [type=checkbox] + label, .input-field.offset6 .dropdown-content [type=checkbox] + label, .input-field.offset5 .dropdown-content [type=checkbox] + label, .input-field.offset4 .dropdown-content [type=checkbox] + label, .input-field.offset3 .dropdown-content [type=checkbox] + label, .input-field.offset2 .dropdown-content [type=checkbox] + label, .input-field.offset1 .dropdown-content [type=checkbox] + label, .input-field.span11 .dropdown-content [type=checkbox] + label, .input-field.span1 .dropdown-content [type=checkbox] + label,
.input-field.span2 .dropdown-content [type=checkbox] + label,
.input-field.span3 .dropdown-content [type=checkbox] + label,
.input-field.span4 .dropdown-content [type=checkbox] + label,
.input-field.span5 .dropdown-content [type=checkbox] + label,
.input-field.span6 .dropdown-content [type=checkbox] + label,
.input-field.span7 .dropdown-content [type=checkbox] + label,
.input-field.span8 .dropdown-content [type=checkbox] + label,
.input-field.span9 .dropdown-content [type=checkbox] + label,
.input-field.span10 .dropdown-content [type=checkbox] + label,
.input-field.span12 .dropdown-content [type=checkbox] + label {
  top: 1px;
  left: 0;
  height: 18px;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: 0.3s ease-out;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: transform, opacity;
  transform: scale(0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}
.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}
.waves-effect input[type=button], .waves-effect input[type=reset], .waves-effect input[type=submit] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}
.waves-effect img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  transition: none !important;
}

.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}
@media only screen and (max-width : 992px) {
  .modal {
    width: 80%;
  }
}
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}
.modal .modal-header {
  padding: 19px 0 21px 16px;
  position: relative;
}
.modal .modal-header::after {
  content: "";
  display: table;
  clear: both;
}
.modal .modal-header__title {
  font-weight: 300;
  font-size: 24px;
  margin: 0;
}
.modal .modal-header__close {
  position: absolute;
  top: 14px;
  right: 0;
}
.modal .modal-content {
  padding: 0px 24px;
}
@media only screen and (min-width : 601px) {
  .modal .modal-content {
    padding: 24px;
  }
}
.modal .modal-close {
  cursor: pointer;
}
.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
  float: right;
  margin: 6px 0;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #e9eae8;
  display: none;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}
.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 65%;
  border-radius: 0;
  will-change: bottom, opacity;
}
.modal.bottom-sheet.search-modal {
  max-height: none;
  box-shadow: none;
  height: calc(100% - 120px);
  background-color: #fff;
  box-shadow: inset rgba(0, 0, 0, 0.14) 0px 2px 2px 0px;
}

.scrolling--down .modal.bottom-sheet.search-modal {
  height: calc(100% - 72px);
}

.modal.modal-large {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: 1280px;
  background: #fff;
}
@media only screen and (min-width : 601px) {
  .modal.modal-large {
    width: 90%;
    height: auto;
    max-height: 90%;
    max-width: 1280px;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

.collapsible-header {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem;
}

.side-nav .collapsible,
.side-nav.fixed .collapsible {
  border: none;
  box-shadow: none;
}
.side-nav .collapsible li,
.side-nav.fixed .collapsible li {
  padding: 0;
}
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
}
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i {
  line-height: inherit;
}
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
  padding: 0 23.5px 0 31px;
}

.collapsible.popout {
  border: none;
  box-shadow: none;
}
.collapsible.popout > li {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.collapsible.popout > li.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
}
.chip > img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
}

.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
  margin: 0 0 20px 0;
  min-height: 45px;
  outline: none;
  transition: all 0.3s;
}
.chips.focus {
  border-bottom: 1px solid #26a69a;
  box-shadow: 0 1px 0 0 #26a69a;
}
.chips:hover {
  cursor: text;
}
.chips .chip.selected {
  background-color: #26a69a;
  color: #fff;
}
.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 1rem;
  height: 2.375rem;
  line-height: 32px;
  outline: 0;
  margin: 0;
  padding: 0 !important;
  width: 120px !important;
}
.chips .input:focus {
  border: 0 !important;
  box-shadow: none !important;
}
.chips .autocomplete-content {
  margin-top: 0;
}

.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.chips:empty ~ label {
  font-size: 0.8rem;
  transform: translateY(-140%);
}

.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  transition: opacity 0.4s;
  -webkit-backface-visibility: hidden;
}
.materialboxed:hover:not(.active) {
  opacity: 0.8;
}
.materialboxed.active {
  cursor: zoom-out;
}

#materialbox-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity;
}

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
}

select:focus {
  outline: 1px solid #d3feb3;
}

button:focus {
  outline: none;
  background-color: #5cd302;
}

label {
  font-size: 75%;
  color: #ced4da;
}

input {
  font-size: 16px;
}

/* $input-height: 3rem !default;
$input-border-color: #9e9e9e !default;
$input-border: 1px solid $input-border-color !default;
$input-background: #fff !default;
$input-error-color: $error-color !default;
$input-success-color: $success-color !default;
$input-focus-color: $secondary-color !default;
$input-font-size: 1rem !default;
$input-margin-bottom: 20px;
$input-margin: 0 0 $input-margin-bottom 0 !default;
$input-padding: 0 !default;
$input-transition: all .3s !default;
$label-font-size: .8rem !default;
$input-disabled-color: rgba(0,0,0, .26) !default;
$input-disabled-solid-color: #BDBDBD !default;
$input-disabled-border: 1px dotted $input-disabled-color !default;
$input-invalid-border: 1px solid $input-error-color !default;
$placeholder-text-color: lighten($input-border-color, 20%) !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
::placeholder {
  color: white;
}

input:not([type]).md,
input[type=text]:not(.browser-default).md,
input[type=password]:not(.browser-default).md,
input[type=email]:not(.browser-default).md,
input[type=url]:not(.browser-default).md,
input[type=time]:not(.browser-default).md,
input[type=date]:not(.browser-default).md,
input[type=datetime]:not(.browser-default).md,
input[type=datetime-local]:not(.browser-default).md,
input[type=tel]:not(.browser-default).md,
input[type=number]:not(.browser-default).md,
input[type=search]:not(.browser-default).md,
textarea.materialize-textarea.md {
  background-color: #e9eae8;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: none;
  height: 2.375rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 10px 0;
  padding: 0 15px;
  box-shadow: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #50535A;
}
input:not([type]).md:disabled, input:not([type]).md[readonly=readonly],
input[type=text]:not(.browser-default).md:disabled,
input[type=text]:not(.browser-default).md[readonly=readonly],
input[type=password]:not(.browser-default).md:disabled,
input[type=password]:not(.browser-default).md[readonly=readonly],
input[type=email]:not(.browser-default).md:disabled,
input[type=email]:not(.browser-default).md[readonly=readonly],
input[type=url]:not(.browser-default).md:disabled,
input[type=url]:not(.browser-default).md[readonly=readonly],
input[type=time]:not(.browser-default).md:disabled,
input[type=time]:not(.browser-default).md[readonly=readonly],
input[type=date]:not(.browser-default).md:disabled,
input[type=date]:not(.browser-default).md[readonly=readonly],
input[type=datetime]:not(.browser-default).md:disabled,
input[type=datetime]:not(.browser-default).md[readonly=readonly],
input[type=datetime-local]:not(.browser-default).md:disabled,
input[type=datetime-local]:not(.browser-default).md[readonly=readonly],
input[type=tel]:not(.browser-default).md:disabled,
input[type=tel]:not(.browser-default).md[readonly=readonly],
input[type=number]:not(.browser-default).md:disabled,
input[type=number]:not(.browser-default).md[readonly=readonly],
input[type=search]:not(.browser-default).md:disabled,
input[type=search]:not(.browser-default).md[readonly=readonly],
textarea.materialize-textarea.md:disabled,
textarea.materialize-textarea.md[readonly=readonly] {
  color: #b6b7b7;
  background-color: #f4f4f3;
}
input:not([type]).md:disabled + label, input:not([type]).md[readonly=readonly] + label,
input[type=text]:not(.browser-default).md:disabled + label,
input[type=text]:not(.browser-default).md[readonly=readonly] + label,
input[type=password]:not(.browser-default).md:disabled + label,
input[type=password]:not(.browser-default).md[readonly=readonly] + label,
input[type=email]:not(.browser-default).md:disabled + label,
input[type=email]:not(.browser-default).md[readonly=readonly] + label,
input[type=url]:not(.browser-default).md:disabled + label,
input[type=url]:not(.browser-default).md[readonly=readonly] + label,
input[type=time]:not(.browser-default).md:disabled + label,
input[type=time]:not(.browser-default).md[readonly=readonly] + label,
input[type=date]:not(.browser-default).md:disabled + label,
input[type=date]:not(.browser-default).md[readonly=readonly] + label,
input[type=datetime]:not(.browser-default).md:disabled + label,
input[type=datetime]:not(.browser-default).md[readonly=readonly] + label,
input[type=datetime-local]:not(.browser-default).md:disabled + label,
input[type=datetime-local]:not(.browser-default).md[readonly=readonly] + label,
input[type=tel]:not(.browser-default).md:disabled + label,
input[type=tel]:not(.browser-default).md[readonly=readonly] + label,
input[type=number]:not(.browser-default).md:disabled + label,
input[type=number]:not(.browser-default).md[readonly=readonly] + label,
input[type=search]:not(.browser-default).md:disabled + label,
input[type=search]:not(.browser-default).md[readonly=readonly] + label,
textarea.materialize-textarea.md:disabled + label,
textarea.materialize-textarea.md[readonly=readonly] + label {
  color: #b6b7b7;
}
input:not([type]).md:focus:not([readonly]),
input[type=text]:not(.browser-default).md:focus:not([readonly]),
input[type=password]:not(.browser-default).md:focus:not([readonly]),
input[type=email]:not(.browser-default).md:focus:not([readonly]),
input[type=url]:not(.browser-default).md:focus:not([readonly]),
input[type=time]:not(.browser-default).md:focus:not([readonly]),
input[type=date]:not(.browser-default).md:focus:not([readonly]),
input[type=datetime]:not(.browser-default).md:focus:not([readonly]),
input[type=datetime-local]:not(.browser-default).md:focus:not([readonly]),
input[type=tel]:not(.browser-default).md:focus:not([readonly]),
input[type=number]:not(.browser-default).md:focus:not([readonly]),
input[type=search]:not(.browser-default).md:focus:not([readonly]),
textarea.materialize-textarea.md:focus:not([readonly]) {
  border: 1px solid #00a9e0;
  background-color: transparent;
}
input:not([type]).md:focus:not([readonly]) + label,
input[type=text]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=password]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=email]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=url]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=time]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=date]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=tel]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=number]:not(.browser-default).md:focus:not([readonly]) + label,
input[type=search]:not(.browser-default).md:focus:not([readonly]) + label,
textarea.materialize-textarea.md:focus:not([readonly]) + label {
  color: #00a9e0;
}
input:not([type]).md.valid, input:not([type]).md:focus.valid,
input[type=text]:not(.browser-default).md.valid,
input[type=text]:not(.browser-default).md:focus.valid,
input[type=password]:not(.browser-default).md.valid,
input[type=password]:not(.browser-default).md:focus.valid,
input[type=email]:not(.browser-default).md.valid,
input[type=email]:not(.browser-default).md:focus.valid,
input[type=url]:not(.browser-default).md.valid,
input[type=url]:not(.browser-default).md:focus.valid,
input[type=time]:not(.browser-default).md.valid,
input[type=time]:not(.browser-default).md:focus.valid,
input[type=date]:not(.browser-default).md.valid,
input[type=date]:not(.browser-default).md:focus.valid,
input[type=datetime]:not(.browser-default).md.valid,
input[type=datetime]:not(.browser-default).md:focus.valid,
input[type=datetime-local]:not(.browser-default).md.valid,
input[type=datetime-local]:not(.browser-default).md:focus.valid,
input[type=tel]:not(.browser-default).md.valid,
input[type=tel]:not(.browser-default).md:focus.valid,
input[type=number]:not(.browser-default).md.valid,
input[type=number]:not(.browser-default).md:focus.valid,
input[type=search]:not(.browser-default).md.valid,
input[type=search]:not(.browser-default).md:focus.valid,
textarea.materialize-textarea.md.valid,
textarea.materialize-textarea.md:focus.valid {
  border: 1px solid black;
  background-color: transparent;
}
input:not([type]).md.valid + label:after, input:not([type]).md:focus.valid + label:after,
input[type=text]:not(.browser-default).md.valid + label:after,
input[type=text]:not(.browser-default).md:focus.valid + label:after,
input[type=password]:not(.browser-default).md.valid + label:after,
input[type=password]:not(.browser-default).md:focus.valid + label:after,
input[type=email]:not(.browser-default).md.valid + label:after,
input[type=email]:not(.browser-default).md:focus.valid + label:after,
input[type=url]:not(.browser-default).md.valid + label:after,
input[type=url]:not(.browser-default).md:focus.valid + label:after,
input[type=time]:not(.browser-default).md.valid + label:after,
input[type=time]:not(.browser-default).md:focus.valid + label:after,
input[type=date]:not(.browser-default).md.valid + label:after,
input[type=date]:not(.browser-default).md:focus.valid + label:after,
input[type=datetime]:not(.browser-default).md.valid + label:after,
input[type=datetime]:not(.browser-default).md:focus.valid + label:after,
input[type=datetime-local]:not(.browser-default).md.valid + label:after,
input[type=datetime-local]:not(.browser-default).md:focus.valid + label:after,
input[type=tel]:not(.browser-default).md.valid + label:after,
input[type=tel]:not(.browser-default).md:focus.valid + label:after,
input[type=number]:not(.browser-default).md.valid + label:after,
input[type=number]:not(.browser-default).md:focus.valid + label:after,
input[type=search]:not(.browser-default).md.valid + label:after,
input[type=search]:not(.browser-default).md:focus.valid + label:after,
textarea.materialize-textarea.md.valid + label:after,
textarea.materialize-textarea.md:focus.valid + label:after {
  content: attr(data-success);
  color: #cecece;
  opacity: 1;
}
input:not([type]).md.invalid, input:not([type]).md:focus.invalid,
input[type=text]:not(.browser-default).md.invalid,
input[type=text]:not(.browser-default).md:focus.invalid,
input[type=password]:not(.browser-default).md.invalid,
input[type=password]:not(.browser-default).md:focus.invalid,
input[type=email]:not(.browser-default).md.invalid,
input[type=email]:not(.browser-default).md:focus.invalid,
input[type=url]:not(.browser-default).md.invalid,
input[type=url]:not(.browser-default).md:focus.invalid,
input[type=time]:not(.browser-default).md.invalid,
input[type=time]:not(.browser-default).md:focus.invalid,
input[type=date]:not(.browser-default).md.invalid,
input[type=date]:not(.browser-default).md:focus.invalid,
input[type=datetime]:not(.browser-default).md.invalid,
input[type=datetime]:not(.browser-default).md:focus.invalid,
input[type=datetime-local]:not(.browser-default).md.invalid,
input[type=datetime-local]:not(.browser-default).md:focus.invalid,
input[type=tel]:not(.browser-default).md.invalid,
input[type=tel]:not(.browser-default).md:focus.invalid,
input[type=number]:not(.browser-default).md.invalid,
input[type=number]:not(.browser-default).md:focus.invalid,
input[type=search]:not(.browser-default).md.invalid,
input[type=search]:not(.browser-default).md:focus.invalid,
textarea.materialize-textarea.md.invalid,
textarea.materialize-textarea.md:focus.invalid {
  border: 1px solid #ff6430;
  background-color: transparent;
  color: #ff6430;
}
input:not([type]).md.invalid + label:after, input:not([type]).md:focus.invalid + label:after,
input[type=text]:not(.browser-default).md.invalid + label:after,
input[type=text]:not(.browser-default).md:focus.invalid + label:after,
input[type=password]:not(.browser-default).md.invalid + label:after,
input[type=password]:not(.browser-default).md:focus.invalid + label:after,
input[type=email]:not(.browser-default).md.invalid + label:after,
input[type=email]:not(.browser-default).md:focus.invalid + label:after,
input[type=url]:not(.browser-default).md.invalid + label:after,
input[type=url]:not(.browser-default).md:focus.invalid + label:after,
input[type=time]:not(.browser-default).md.invalid + label:after,
input[type=time]:not(.browser-default).md:focus.invalid + label:after,
input[type=date]:not(.browser-default).md.invalid + label:after,
input[type=date]:not(.browser-default).md:focus.invalid + label:after,
input[type=datetime]:not(.browser-default).md.invalid + label:after,
input[type=datetime]:not(.browser-default).md:focus.invalid + label:after,
input[type=datetime-local]:not(.browser-default).md.invalid + label:after,
input[type=datetime-local]:not(.browser-default).md:focus.invalid + label:after,
input[type=tel]:not(.browser-default).md.invalid + label:after,
input[type=tel]:not(.browser-default).md:focus.invalid + label:after,
input[type=number]:not(.browser-default).md.invalid + label:after,
input[type=number]:not(.browser-default).md:focus.invalid + label:after,
input[type=search]:not(.browser-default).md.invalid + label:after,
input[type=search]:not(.browser-default).md:focus.invalid + label:after,
textarea.materialize-textarea.md.invalid + label:after,
textarea.materialize-textarea.md:focus.invalid + label:after {
  content: attr(data-error);
  color: #ff6430;
  opacity: 1;
}
input:not([type]).md.validate + label,
input[type=text]:not(.browser-default).md.validate + label,
input[type=password]:not(.browser-default).md.validate + label,
input[type=email]:not(.browser-default).md.validate + label,
input[type=url]:not(.browser-default).md.validate + label,
input[type=time]:not(.browser-default).md.validate + label,
input[type=date]:not(.browser-default).md.validate + label,
input[type=datetime]:not(.browser-default).md.validate + label,
input[type=datetime-local]:not(.browser-default).md.validate + label,
input[type=tel]:not(.browser-default).md.validate + label,
input[type=number]:not(.browser-default).md.validate + label,
input[type=search]:not(.browser-default).md.validate + label,
textarea.materialize-textarea.md.validate + label {
  pointer-events: none;
}
input:not([type]).md + label:after,
input[type=text]:not(.browser-default).md + label:after,
input[type=password]:not(.browser-default).md + label:after,
input[type=email]:not(.browser-default).md + label:after,
input[type=url]:not(.browser-default).md + label:after,
input[type=time]:not(.browser-default).md + label:after,
input[type=date]:not(.browser-default).md + label:after,
input[type=datetime]:not(.browser-default).md + label:after,
input[type=datetime-local]:not(.browser-default).md + label:after,
input[type=tel]:not(.browser-default).md + label:after,
input[type=number]:not(.browser-default).md + label:after,
input[type=search]:not(.browser-default).md + label:after,
textarea.materialize-textarea.md + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 60px;
  opacity: 0;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.input-field {
  position: relative;
  /*   .prefix + input,
    .prefix + textarea,
    .prefix + .autocomplete-content {
      //margin-left: 3rem;
      //width: 92%;
      //width: calc(100% - 3rem);
      padding-left: 40px;


    } */
}
.input-field .prefix {
  position: absolute;
  top: 14px;
  left: 24px;
  font-size: 17px;
  transition: color 0.2s;
  color: #86888c;
}
.input-field .prefix.active {
  color: #00a9e0;
}
.input-field .prefix.invalid {
  color: #ff6430;
}
.input-field .prefix.valid {
  color: #00a9e0;
}
.input-field .prefix + input:not([type]).md,
.input-field .prefix + input[type=text]:not(.browser-default).md,
.input-field .prefix + input[type=password]:not(.browser-default).md,
.input-field .prefix + input[type=email]:not(.browser-default).md,
.input-field .prefix + input[type=url]:not(.browser-default).md,
.input-field .prefix + input[type=time]:not(.browser-default).md,
.input-field .prefix + input[type=date]:not(.browser-default).md,
.input-field .prefix + input[type=datetime]:not(.browser-default).md,
.input-field .prefix + input[type=datetime-local]:not(.browser-default).md,
.input-field .prefix + input[type=tel]:not(.browser-default).md,
.input-field .prefix + input[type=number]:not(.browser-default).md,
.input-field .prefix + input[type=search]:not(.browser-default).md,
.input-field .prefix + textarea.materialize-textarea.md {
  padding-left: 45px;
}
.input-field .prefix + input:not([type]).md::placeholder,
.input-field .prefix + input[type=text]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=password]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=email]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=url]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=time]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=date]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=datetime]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=datetime-local]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=tel]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=number]:not(.browser-default).md::placeholder,
.input-field .prefix + input[type=search]:not(.browser-default).md::placeholder,
.input-field .prefix + textarea.materialize-textarea.md::placeholder {
  font-style: italic;
  color: #86888c;
}
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label {
  margin-left: 1.7rem;
}
.input-field label {
  color: #ced4da;
  position: absolute;
  bottom: 1.4rem;
  left: 1.9rem;
  font-size: 1rem;
  cursor: text;
  transition: 0.2s ease-out;
  text-align: initial;
}
.input-field label:not(.label-icon).active {
  display: none;
}

/* Autocomplete */
.autocomplete-container {
  position: relative;
  margin: 0 auto 15px auto;
  width: 100%;
}
@media only screen and (min-width : 601px) {
  .autocomplete-container {
    margin: 0 auto;
  }
}

.aui input[type=text]:focus.autocomplete {
  background: #fff;
}
.aui input[type=text].autocomplete {
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid transparent;
  width: 100%;
  font-size: 16px;
  color: #86888C;
  letter-spacing: 0;
  line-height: 24px;
  padding: 11px 45px 11px 16px;
  outline: 0;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .aui input[type=text].autocomplete {
    height: 68px;
    padding: 19px 45px 19px 26px;
  }
}

.autocomplete__icon {
  position: absolute;
  right: 14px;
  top: 13px;
  font-size: 24px;
}
@media only screen and (min-width : 993px) {
  .autocomplete__icon {
    top: 22px;
  }
}

.autocomplete-content {
  margin-top: 10px;
  display: block;
  opacity: 1;
  border-radius: 4px;
  width: 100%;
  left: 0;
  top: 100%;
}
.autocomplete-content li .highlight {
  color: #444;
}
.autocomplete-content li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
}

/* // Text Inputs + Textarea
   //========================================================================== 

// Style Placeholders 

::placeholder {
  color: $placeholder-text-color;
}

// Text inputs 

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {

  // General Styles
  background-color: transparent;
  border: none;
  border-bottom: $input-border;
  border-radius: 0;
  outline: none;
  height: $input-height;
  width: 100%;
  font-size: $input-font-size;
  margin: $input-margin;
  padding: $input-padding;
  box-shadow: none;
  box-sizing: content-box;
  transition: $input-transition;

  // Disabled input style
  &:disabled,
  &[readonly="readonly"] {
    color: $input-disabled-color;
    border-bottom: $input-disabled-border;
  }

  // Disabled label style
  &:disabled+label,
  &[readonly="readonly"]+label {
    color: $input-disabled-color;
  }

  // Focused input style
  &:focus:not([readonly]) {
    border-bottom: 1px solid $input-focus-color;
    box-shadow: 0 1px 0 0 $input-focus-color;
  }

  // Focused label style
  &:focus:not([readonly])+label {
    color: $input-focus-color;
  }

  // Valid Input Style
  &.valid,
  &:focus.valid {
    @extend %valid-input-style;
  }

  // Custom Success Message
  &.valid + label:after,
  &:focus.valid + label:after {
    @extend %custom-success-message;
  }

  // Invalid Input Style
  &.invalid,
  &:focus.invalid {
    @extend %invalid-input-style;
  }

  // Custom Error message
  &.invalid + label:after,
  &:focus.invalid + label:after {
    @extend %custom-error-message;
  }

  // Full width label when using validate for error messages
  &.validate + label {
    width: 100%;
  }

  // Form Message Shared Styles
  & + label:after {
    @extend %input-after-style;
  }

  // TODO: Remove once input fields are reworked to support validation messages better
  &.invalid + label:after,
  &.valid + label:after{
    display: none;
  }

  &.invalid + label.active:after,
  &.valid + label.active:after{
    display: block;
  }
}


// Validation Sass Placeholders 
%valid-input-style {
  border-bottom: 1px solid $input-success-color;
  box-shadow: 0 1px 0 0 $input-success-color;
}
%invalid-input-style {
  border-bottom: $input-invalid-border;
  box-shadow: 0 1px 0 0 $input-error-color;
}
%custom-success-message {
  content: attr(data-success);
  color: $input-success-color;
  opacity: 1;
  transform: translateY(9px);
}
%custom-error-message {
  content: attr(data-error);
  color: $input-error-color;
  opacity: 1;
  transform: translateY(9px);
}
%input-after-style {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out;
}


// Styling for input field wrapper
.input-field {
  // Inline styles
  &.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;

    input,
    .select-dropdown {
      margin-bottom: 1rem;
    }
  }

  // Gutter spacing
  &.col {
    label {
      left: $gutter-width / 2;
    }

    .prefix ~ label,
    .prefix ~ .validate ~ label {
      width: calc(100% - 3rem - 1.5rem);
    }
  }

  position: relative;
  margin-top: 1rem;

  label {
    color: $input-border-color;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 1rem;
    cursor: text;
    transition: transform .2s ease-out;
    transform-origin: 0% 100%;
    text-align: initial;
    transform: translateY(12px);
    pointer-events: none;

    &:not(.label-icon).active {
      transform: translateY(-14px) scale(.8);
      transform-origin: 0 0;
    }
  }

  // Prefix Icons
  .prefix {
    position: absolute;
    width: $input-height;
    font-size: 2rem;
    transition: color .2s;

    &.active { color: $input-focus-color; }
  }

  .prefix ~ input,
  .prefix ~ textarea,
  .prefix ~ label,
  .prefix ~ .validate ~ label,
  .prefix ~ .autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
  }

  .prefix ~ label { margin-left: 3rem; }

  @media only screen and (max-width : 992px) {
    .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem);
    }
  }

  @media only screen and (max-width : 600px) {
    .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem);
    }
  }
}


// Search Field 

.input-field input[type=search] {
  display: block;
  line-height: inherit;

  .nav-wrapper & {
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
    border: 0;
    box-shadow: none;
  }

  &:focus {
    background-color: $input-background;
    border: 0;
    box-shadow: none;
    color: #444;

    & + label i,
    & ~ .mdi-navigation-close,
    & ~ .material-icons {
      color: #444;
    }
  }

  & + label {
    left: 1rem;
  }

  & ~ .mdi-navigation-close,
  & ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    transition: .3s color;
  }
}


// Textarea 

// Default textarea
textarea {
  width: 100%;
  height: $input-height;
  background-color: transparent;

  &.materialize-textarea {
    // Fixes validation messages for dynamic textareas
    &.validate + label {
      &::after {
        top: calc(100% - 12px);
      }
      &:not(.label-icon).active {
        transform: translateY(-25px);
      }
      height: 100%;
    }

    overflow-y: hidden; // prevents scroll bar flash 
    padding: .8rem 0 1.6rem 0; // prevents text jump on Enter keypress 
    resize: none;
    min-height: $input-height;
  }
}

// For textarea autoresize
.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word; // future version of deprecated 'word-wrap' 
  padding-top: 1.2rem; // prevents text jump on Enter keypress 

  // Reduces repaints
  position: absolute;
  top: 0;
}


// Autocomplete 
.autocomplete-content {
  margin-top: -1 * $input-margin-bottom;
  margin-bottom: $input-margin-bottom;
  display: block;
  opacity: 1;
  position: static;

  li {
    .highlight { color: #444; }

    img {
      height: $dropdown-item-height - 10;
      width: $dropdown-item-height - 10;
      margin: 5px 15px;
    }
  }
} */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* Radio Buttons
   ========================================================================== */
.md[type=radio]:not(:checked),
.md[type=radio]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.md[type=radio]:not(:checked) + label,
.md[type=radio]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: 0.28s ease;
  top: 0.8rem;
  -khtml-user-select: none;
  user-select: none;
}

.md[type=radio] + label:before,
.md[type=radio] + label:after {
  content: "";
  position: absolute;
  left: -1px;
  top: -2px;
  margin: 4px;
  width: 20px;
  height: 20px;
  z-index: 0;
  transition: 0.28s ease;
}

.md[type=radio]:not(:checked) + label:before,
.md[type=radio]:not(:checked) + label:after,
.md[type=radio]:checked + label:before,
.md[type=radio]:checked + label:after,
.md[type=radio].with-gap:checked + label:before,
.md[type=radio].with-gap:checked + label:after {
  border-radius: 50%;
}

.md[type=radio]:not(:checked) + label:before,
.md[type=radio]:not(:checked) + label:after {
  border: 2px solid #B6B7B7;
}

.md[type=radio]:not(:checked) + label:after {
  transform: scale(0);
}

.md[type=radio]:checked + label:before {
  border: 2px solid #50535a;
}

.md[type=radio]:checked + label:after,
.md[type=radio].with-gap:checked + label:before,
.md[type=radio].with-gap:checked + label:after {
  border: 2px solid #50535a;
}

.md[type=radio]:checked + label:after,
.md[type=radio].with-gap:checked + label:after {
  background-color: #50535a;
}

.md[type=radio]:checked + label:after {
  transform: scale(0.5);
}

.md[type=radio].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

.md[type=radio].with-gap:disabled:checked + label:before {
  border: 2px solid #b6b7b7;
}

.md[type=radio].with-gap:disabled:checked + label:after {
  border: none;
  background-color: #b6b7b7;
}

.md[type=radio]:disabled:not(:checked) + label:before,
.md[type=radio]:disabled:checked + label:before {
  background-color: transparent;
  border-color: #b6b7b7;
}

.md[type=radio]:disabled + label {
  color: #b6b7b7;
}

.md[type=radio]:disabled:not(:checked) + label:before {
  border-color: #b6b7b7;
}

.md[type=radio]:disabled:checked + label:after {
  background-color: #b6b7b7;
  border-color: #BDBDBD;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left;
}

form p:last-child {
  margin-bottom: 0;
}

.md[type=checkbox]:not(:checked),
.md[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.md[type=checkbox]:not(:checked):disabled + label:before {
  border: none;
  background-color: #b6b7b7;
}
.md[type=checkbox].tabbed:focus + label:after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.md[type=checkbox] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  user-select: none;
}
.md[type=checkbox] + label:after {
  border-radius: 100%;
}
.md[type=checkbox] + label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #B6B7B7;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}
.md[type=checkbox] + label:before,
.md[type=checkbox] + label:after {
  content: "";
  left: 4px;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
.md[type=checkbox]:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.md[type=checkbox]:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #B6B7B7;
  top: 2px;
  z-index: 0;
}
.md[type=checkbox]:checked + label:before {
  top: 2px;
  left: 5px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #e9eae8;
  border-bottom: 2px solid #e9eae8;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
}
.md[type=checkbox]:checked + label:after {
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #50535a;
  background-color: #50535a;
  z-index: 0;
}
.md[type=checkbox].tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #B6B7B7;
  background-color: rgba(0, 0, 0, 0.1);
}
.md[type=checkbox].tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #50535a;
  border-color: #50535a;
}
.md[type=checkbox]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}
.md[type=checkbox]:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD;
}
.md[type=checkbox]:disabled:checked + label:before {
  background-color: transparent;
}
.md[type=checkbox]:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

/* form p {
  margin-bottom: 10px;
  text-align: left;
}

form p:last-child {
  margin-bottom: 0;
}

// Remove default checkbox 
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

// Checkbox Styles
[type="checkbox"] {
  // Text Label Style
  + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    user-select: none;
  }

  // checkbox aspect 
  + label:before,
  &:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid $radio-empty-color;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
  }

  &:not(.filled-in) + label:after {
    border: 0;
    transform: scale(0);
  }

  &:not(:checked):disabled + label:before {
    border: none;
    background-color: $input-disabled-color;
  }

  // Focused styles
  &.tabbed:focus + label:after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.1);
  }
}

[type="checkbox"]:checked {
  + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: $radio-border;
    border-bottom: $radio-border;
    transform: rotate(40deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
  }

  &:disabled + label:before {
    border-right: 2px solid $input-disabled-color;
    border-bottom: 2px solid $input-disabled-color;
  }
}

// Indeterminate checkbox 
[type="checkbox"]:indeterminate {
  +label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: $radio-border;
    border-bottom: none;
    transform: rotate(90deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
  }

  // Disabled indeterminate
  &:disabled + label:before {
    border-right: 2px solid $input-disabled-color;
    background-color: transparent;
  }
}

// Filled in Style
[type="checkbox"].filled-in {
  // General
  + label:after {
    border-radius: 2px;
  }

  + label:before,
  + label:after {
    content: '';
    left: 0;
    position: absolute;
    // .1s delay is for check animation
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
  }

  // Unchecked style
  &:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%;
  }

  &:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid $radio-empty-color;
    top: 0px;
    z-index: 0;
  }

  // Checked style
  &:checked {
    + label:before {
      top: 0;
      left: 1px;
      width: 8px;
      height: 13px;
      border-top: 2px solid transparent;
      border-left: 2px solid transparent;
      border-right: 2px solid $input-background;
      border-bottom: 2px solid $input-background;
      transform: rotateZ(37deg);
      transform-origin: 100% 100%;
    }

    + label:after {
      top: 0;
      width: 20px;
      height: 20px;
      border: 2px solid $secondary-color;
      background-color: $secondary-color;
      z-index: 0;
    }
  }

  // Focused styles
  &.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: $radio-empty-color;
    background-color: rgba(0,0,0,.1);
  }

  &.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: $secondary-color;
    border-color: $secondary-color;
  }

  // Disabled style
  &:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent;
  }

  &:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: $input-disabled-solid-color;
  }

  &:disabled:checked + label:before {
    background-color: transparent;
  }

  &:disabled:checked + label:after {
    background-color: $input-disabled-solid-color;
    border-color: $input-disabled-solid-color;
  }
} */
/* Switch
   ========================================================================== */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: #53bf02;
  border: 1px solid transparent;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #fff;
  left: 19px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 50px;
  height: 31px;
  background-color: transparent;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #FFF;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: 1px;
  top: 0px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD;
}

/* Select Field
   ========================================================================== */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
select.md {
  display: none;
}

select.md.browser-default {
  display: block;
}

select.md {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 2.375rem;
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}
.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ced4da;
  outline: none;
  height: 2.375rem;
  line-height: 2.375rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
}
.select-wrapper span.caret {
  color: initial;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 10px;
  margin: auto 0;
  font-size: 10px;
  line-height: 10px;
}
.select-wrapper span.caret.disabled {
  color: #b6b7b7;
}
.select-wrapper + label {
  position: absolute;
  top: -14px;
  font-size: 75%;
}

select.md:disabled {
  color: rgba(0, 0, 0, 0.3);
}

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -ms-user-select: none; /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}
.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}
.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}
.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

/* File Input
   ========================================================================== */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.file-field {
  position: relative;
}
.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}
.file-field input.file-path {
  width: 100%;
}
.file-field .btn, .file-field .btn-large {
  float: left;
  height: 2.375rem;
  line-height: 2.375rem;
}
.file-field span {
  cursor: pointer;
}
.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* Range
   ========================================================================== */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}
input[type=range]:focus {
  outline: none;
}

input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #50535a;
  margin-left: 7px;
  transform-origin: 50% 50%;
  transform: rotate(-45deg);
}
input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #50535a;
  font-size: 0;
  transform: rotate(45deg);
}
input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}
input[type=range] + .thumb.active .value {
  color: #e9eae8;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #50535a;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  transition: 0.3s;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #50535a;
  margin-top: -5px;
}

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
  background: #ccc;
}

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #50535a;
}

input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

/***************
    Nav List
***************/
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.table-of-contents.fixed {
  position: fixed;
}
.table-of-contents li {
  padding: 2px 0;
}
.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.4;
  display: inline-block;
}
.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 19px;
  border-left: 1px solid #fdeaeb;
}
.table-of-contents a.active {
  font-weight: 500;
  padding-left: 18px;
  border-left: 2px solid #fdeaeb;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.side-nav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%);
}
.side-nav.right-aligned {
  right: 0;
  transform: translateX(105%);
  left: auto;
  transform: translateX(100%);
}
.side-nav .collapsible {
  margin: 0;
}
.side-nav li {
  float: none;
  line-height: 48px;
}
.side-nav li.active {
  background-color: rgba(0, 0, 0, 0.05);
}
.side-nav li > a {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
}
.side-nav li > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating {
  margin: 10px 15px;
}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-floating {
  color: #fff;
}
.side-nav li > a.btn-flat {
  color: #343434;
}
.side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover {
  background-color: #5ed802;
}
.side-nav li > a.btn-floating:hover {
  background-color: #53bf02;
}
.side-nav li > a > i, .side-nav li > a > [class^=mdi-], .side-nav li > a li > a > [class*=mdi-], .side-nav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.side-nav .divider {
  margin: 8px 0 0 0;
}
.side-nav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}
.side-nav .subheader:hover {
  background-color: transparent;
}
.side-nav .userView {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}
.side-nav .userView > a {
  height: auto;
  padding: 0;
}
.side-nav .userView > a:hover {
  background-color: transparent;
}
.side-nav .userView .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email {
  display: block;
}
.side-nav .userView .circle {
  height: 64px;
  width: 64px;
}
.side-nav .userView .name,
.side-nav .userView .email {
  font-size: 14px;
  line-height: 24px;
}
.side-nav .userView .name {
  margin-top: 16px;
  font-weight: 500;
}
.side-nav .userView .email {
  padding-bottom: 16px;
  font-weight: 400;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}

.side-nav.fixed {
  left: 0;
  transform: translateX(0);
  position: fixed;
}
.side-nav.fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width : 992px) {
  .side-nav.fixed {
    transform: translateX(-105%);
  }
  .side-nav.fixed.right-aligned {
    transform: translateX(105%);
  }
  .side-nav a {
    padding: 0 16px;
  }
  .side-nav .userView {
    padding: 16px 16px 0;
  }
}
.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #fdeaeb;
}
.side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #fff;
}

.side-nav .collapsible-body {
  padding: 0;
}

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

em {
  font-style: italic;
}

small {
  font-size: 75%;
}

.light, .page-footer .footer-copyright {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}
.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}
.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #53bf02;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  } /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  } /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  } /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  } /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  } /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  } /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  } /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  } /* 4   * ARCSIZE */
}
@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  } /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg);
  } /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg);
  } /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg);
  } /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg);
  } /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg);
  } /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg);
  } /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg);
  } /* 4   * ARCSIZE */
}
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px; /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}
@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}
@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.slider {
  position: relative;
  height: 400px;
  width: 100%;
}
.slider.fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slider.fullscreen ul.slides {
  height: 100%;
}
.slider.fullscreen ul.indicators {
  z-index: 2;
  bottom: 30px;
}
.slider .slides {
  background-color: #9e9e9e;
  margin: 0;
  height: 400px;
}
.slider .slides li {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden;
}
.slider .slides li img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 0;
}
.slider .slides li .caption p {
  color: #90a4ae;
}
.slider .slides li.active {
  z-index: 2;
}
.slider .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.slider .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 12px;
  background-color: #90a4ae;
  transition: background-color 0.3s;
  border-radius: 50%;
}
.slider .indicators .indicator-item.active {
  background-color: #53bf02;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  perspective: 500px;
  transform-style: preserve-3d;
  transform-origin: 0% 50%;
}
.carousel.carousel-slider {
  top: 0;
  left: 0;
  height: 0;
}
.carousel.carousel-slider .carousel-fixed-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
}
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}
.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel.carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}
.carousel .carousel-item {
  display: none;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel .carousel-item > img {
  width: 100%;
}
.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 24px 4px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.3s;
  border-radius: 50%;
}
.carousel .indicators .indicator-item.active {
  background-color: #fff;
}
.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
  pointer-events: none;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.tap-target-wrapper {
  width: 800px;
  height: 800px;
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  transition: visibility 0s 0.3s;
}

.tap-target-wrapper.open {
  visibility: visible;
  transition: visibility 0s;
}
.tap-target-wrapper.open .tap-target {
  transform: scale(1);
  opacity: 0.95;
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.tap-target-wrapper.open .tap-target-wave::before {
  transform: scale(1);
}
.tap-target-wrapper.open .tap-target-wave::after {
  visibility: visible;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  transition: opacity 0.3s, transform 0.3s, visibility 0s 1s;
}

.tap-target {
  position: absolute;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #fdeaeb;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.tap-target-content {
  position: relative;
  display: table-cell;
}

.tap-target-wave {
  position: absolute;
  border-radius: 50%;
  z-index: 10001;
}
.tap-target-wave::before, .tap-target-wave::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
}
.tap-target-wave::before {
  transform: scale(0);
  transition: transform 0.3s;
}
.tap-target-wave::after {
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0s;
  z-index: -1;
}

.tap-target-origin {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10002;
  position: absolute !important;
}
.tap-target-origin:not(.btn):not(.btn-large), .tap-target-origin:not(.btn):not(.btn-large):hover {
  background: none;
}

@media only screen and (max-width: 600px) {
  .tap-target, .tap-target-wrapper {
    width: 600px;
    height: 600px;
  }
}
.pulse {
  overflow: initial;
  position: relative;
}
.pulse::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  transition: opacity 0.3s, transform 0.3s;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
  }
}
/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD;
}

.picker__frame {
  margin: 0 auto;
  max-width: 325px;
}

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
  }
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%;
}

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 26%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05);
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

.picker__table th, .picker__table td {
  text-align: center;
}

.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

.picker__day--outfocus {
  display: none;
  padding: 0.75rem 0;
  color: #fff;
}

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "×";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden;
}

.picker__date-display {
  text-align: center;
  background-color: #53bf02;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b2f380;
}

.picker__weekday-display {
  background-color: #449c02;
  padding: 10px;
  font-weight: 200;
  letter-spacing: 0.5;
  font-size: 1rem;
  margin-bottom: 15px;
}

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem;
}

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400;
}

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.picker__box {
  padding: 0;
}

.picker__calendar-container {
  padding: 0 1rem;
}
.picker__calendar-container thead {
  border: none;
}

.picker__table {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.picker__day--infocus {
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day.picker__day--today {
  color: #53bf02;
}

.picker__day.picker__day--today.picker__day--selected {
  color: #fff;
}

.picker__weekday {
  font-size: 0.9rem;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.9);
  background-color: #53bf02;
  color: #ffffff;
}
.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus,
.picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: #b2f380;
}

.picker__footer {
  text-align: right;
  padding: 5px 10px;
}

.picker__close, .picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #53bf02;
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767;
}

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #b2f380;
}

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: 0.75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}
/*IMPORT THEME MAIN*/
/* This stylesheet generated by Transfonter (https://transfonter.org) on June 14, 2017 8:14 AM */
@font-face {
  font-family: "Telefonica";
  src: url("../fonts/telefonica/Telefonica-Bold.eot");
  src: local("Telefonica Bold"), local("Telefonica-Bold"), url("../fonts/telefonica/Telefonica-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/telefonica/Telefonica-Bold.woff") format("woff"), url("../fonts/telefonica/Telefonica-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Telefonica";
  src: url("../fonts/telefonica/Telefonica-Regular.eot");
  src: local("Telefonica-Regular"), url("../fonts/telefonica/Telefonica-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/telefonica/Telefonica-Regular.woff") format("woff"), url("../fonts/telefonica/Telefonica-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Telefonica";
  src: url("../fonts/telefonica/Telefonica-Light.eot");
  src: local("Telefonica-Light"), url("../fonts/telefonica/Telefonica-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/telefonica/Telefonica-Light.woff") format("woff"), url("../fonts/telefonica/Telefonica-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Telefonica";
  src: url("../fonts/telefonica/TelefonicaWeb-ExtraLight.eot");
  src: local("TelefonicaWeb-ExtraLight"), url("../fonts/telefonica/TelefonicaWeb-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/telefonica/TelefonicaWeb-ExtraLight.woff") format("woff"), url("../fonts/telefonica/TelefonicaWeb-ExtraLight.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/material-icons/icomoon.eot?s16i6w");
  src: url("../fonts/material-icons/icomoon.eot?s16i6w#iefix") format("embedded-opentype"), url("../fonts/material-icons/icomoon.ttf?s16i6w") format("truetype"), url("../fonts/material-icons/icomoon.woff?s16i6w") format("woff"), url("../fonts/material-icons/icomoon.svg?s16i6w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.aui [class^=icon-], .aui [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.aui .icon-app-mi-mov:before {
  content: "\e900";
  color: #00a9e0;
}
.aui .icon-catalogo-equipo:before {
  content: "\e901";
  color: #00a9e0;
}
.aui .icon-compar-paquetes:before {
  content: "\e902";
  color: #00a9e0;
}
.aui .icon-MMOnline:before {
  content: "\e903";
  color: #00a9e0;
}
.aui .icon-movplay:before {
  content: "\e904";
  color: #00a9e0;
}
.aui .icon-nuebeLTE:before {
  content: "\e905";
  color: #00a9e0;
}
.aui .icon-pospago:before {
  content: "\e906";
  color: #00a9e0;
}
.aui .icon-recargas-online:before {
  content: "\e907";
  color: #00a9e0;
}
.aui .icon-G_bold:before {
  content: "\ea83";
}
.aui .icon-G_light:before {
  content: "\ea84";
}
.aui .icon-G_masa:before {
  content: "\ea85";
}
.aui .icon-G_bold2:before {
  content: "\ea86";
}
.aui .icon-G_light2:before {
  content: "\ea87";
}
.aui .icon-G_masa2:before {
  content: "\ea88";
}
.aui .icon-G_bold3:before {
  content: "\ea89";
}
.aui .icon-G_light3:before {
  content: "\ea8a";
}
.aui .icon-G_masa3:before {
  content: "\ea8b";
}
.aui .icon-Chip-bold:before {
  content: "\ea8c";
}
.aui .icon-Chip-light:before {
  content: "\ea8d";
}
.aui .icon-Chip-masa:before {
  content: "\ea8e";
}
.aui .icon-M-isotipo-bold:before {
  content: "\ea8f";
}
.aui .icon-M-isotipo-light:before {
  content: "\ea90";
}
.aui .icon-M-isotipo-masa:before {
  content: "\ea91";
}
.aui .icon-Telephone-01:before {
  content: "\ea92";
}
.aui .icon-Telephone-02:before {
  content: "\ea93";
}
.aui .icon-Telephone-03:before {
  content: "\ea94";
}
.aui .icon-Dato_M-compartidos_2:before {
  content: "\ea7d";
}
.aui .icon-Dato_M-compartidos:before {
  content: "\ea7e";
}
.aui .icon-Dato_M-compartidos_1:before {
  content: "\ea7f";
}
.aui .icon-Accesibilidad_2:before {
  content: "\ea80";
}
.aui .icon-Accesibilidad_1:before {
  content: "\ea81";
}
.aui .icon-Accesibilidad:before {
  content: "\ea82";
}
.aui .icon-playboy:before {
  content: "\ea7a";
}
.aui .icon-fox:before {
  content: "\ea7b";
}
.aui .icon-hbo:before {
  content: "\ea7c";
}
.aui .icon-Ajustes_2:before {
  content: "\e9c4";
}
.aui .icon-Atencio�n-al-cliente_Ayuda_2:before {
  content: "\e9c5";
}
.aui .icon-Bajada-de-Precio_2:before {
  content: "\e9c6";
}
.aui .icon-Banda-ancha_2:before {
  content: "\e9c7";
}
.aui .icon-Blog_2:before {
  content: "\e9c8";
}
.aui .icon-Buscar_Encontrar_2:before {
  content: "\e9c9";
}
.aui .icon-Call-center_Atencio�n-al-cliente_2:before {
  content: "\e9ca";
}
.aui .icon-Cambiar-mi-clave-wifi_2:before {
  content: "\e9cb";
}
.aui .icon-Cambiar-Plan_2:before {
  content: "\e9cc";
}
.aui .icon-Carrito-de-la-compra_2:before {
  content: "\e9cd";
}
.aui .icon-Chat_hablar_2:before {
  content: "\e9ce";
}
.aui .icon-Chip_Equipo_2:before {
  content: "\e9cf";
}
.aui .icon-Chip_Sim-card_2:before {
  content: "\e9d0";
}
.aui .icon-Click-to-call_2:before {
  content: "\e9d1";
}
.aui .icon-Comprar-celulares_2:before {
  content: "\e9d2";
}
.aui .icon-Comprar-datos_2:before {
  content: "\e9d3";
}
.aui .icon-Comprar-planes_2:before {
  content: "\e9d4";
}
.aui .icon-Comprar-productos-hogar_2:before {
  content: "\e9d5";
}
.aui .icon-Configurar-celular_2:before {
  content: "\e9d6";
}
.aui .icon-Configurar-decodificador-tv_2:before {
  content: "\e9d7";
}
.aui .icon-Configurar-modem_2:before {
  content: "\e9d8";
}
.aui .icon-Consulta-canjes-puntos-Movistar_2:before {
  content: "\e9d9";
}
.aui .icon-Consultar-documento_2:before {
  content: "\e9da";
}
.aui .icon-Datos-compartidos_2:before {
  content: "\e9db";
}
.aui .icon-Descargar_Bajar_2:before {
  content: "\e9dc";
}
.aui .icon-Descargar_Descarga-app_2:before {
  content: "\e9dd";
}
.aui .icon-Detalle-de-llamadas_2:before {
  content: "\e9de";
}
.aui .icon-Dinero_Pagar_Cobro_Saldo_2:before {
  content: "\e9df";
}
.aui .icon-Envi�o_Envi�o-Gratis_2:before {
  content: "\e9e0";
}
.aui .icon-factura-digital_2:before {
  content: "\e9e1";
}
.aui .icon-Factura_Plan_Documento_2:before {
  content: "\e9e2";
}
.aui .icon-Fibra_2:before {
  content: "\e9e3";
}
.aui .icon-Foro_2:before {
  content: "\e9e4";
}
.aui .icon-Indicativos-y-marcaciones_2:before {
  content: "\e9e5";
}
.aui .icon-Internet-movil_2:before {
  content: "\e9e6";
}
.aui .icon-Lanzar_2:before {
  content: "\e9e7";
}
.aui .icon-Larga-distancia_2:before {
  content: "\e9e8";
}
.aui .icon-Me-gusta_2:before {
  content: "\e9e9";
}
.aui .icon-Movil_Dispositivo_Terminales_2:before {
  content: "\e9ea";
}
.aui .icon-Nube_almacenamientoNube_2:before {
  content: "\e9eb";
}
.aui .icon-Nuevo_Destacado_Oferta_2:before {
  content: "\e9ec";
}
.aui .icon-Oferta-online_2:before {
  content: "\e9ed";
}
.aui .icon-Ordenador_2:before {
  content: "\e9ee";
}
.aui .icon-Pagar-factura_2:before {
  content: "\e9ef";
}
.aui .icon-Perdida-o-robo-de-celulares_2:before {
  content: "\e9f0";
}
.aui .icon-Portabilidad_2:before {
  content: "\e9f1";
}
.aui .icon-Pospago_2:before {
  content: "\e9f2";
}
.aui .icon-Prepago_2:before {
  content: "\e9f3";
}
.aui .icon-Promociones_Ofertas_2:before {
  content: "\e9f4";
}
.aui .icon-Recarga-Online_2:before {
  content: "\e9f5";
}
.aui .icon-Renovar-equipo_Cambiar-mo�vil_2:before {
  content: "\e9f6";
}
.aui .icon-Saldo_2:before {
  content: "\e9f7";
}
.aui .icon-Servicio-te�cnico-Internet_2:before {
  content: "\e9f8";
}
.aui .icon-Servicio-te�cnico-para-mo�vil_2:before {
  content: "\e9f9";
}
.aui .icon-Servicio-te�cnico-telefo�nia-fija_2:before {
  content: "\e9fa";
}
.aui .icon-Servicio-te�cnico-tv_2:before {
  content: "\e9fb";
}
.aui .icon-Servicio-tecnico_2:before {
  content: "\e9fc";
}
.aui .icon-Telefoni�a-fija_Tele�fono_Llamar_2:before {
  content: "\e9fd";
}
.aui .icon-TV_Contenidos-audiovisuales_2:before {
  content: "\e9fe";
}
.aui .icon-Usuario_Micuenta_persona_2:before {
  content: "\e9ff";
}
.aui .icon-Ajustes_1:before {
  content: "\ea00";
}
.aui .icon-Atencio�n-al-cliente_Ayuda_1:before {
  content: "\ea01";
}
.aui .icon-Bajada-de-Precio_1:before {
  content: "\ea02";
}
.aui .icon-Banda-ancha_1:before {
  content: "\ea03";
}
.aui .icon-Blog_1:before {
  content: "\ea04";
}
.aui .icon-Buscar_Encontrar_1:before {
  content: "\ea05";
}
.aui .icon-Call-center_Atencio�n-al-cliente_1:before {
  content: "\ea06";
}
.aui .icon-Cambiar-mi-clave-wifi_1:before {
  content: "\ea07";
}
.aui .icon-Cambiar-Plan_1:before {
  content: "\ea08";
}
.aui .icon-Carrito-de-la-compra_1:before {
  content: "\ea09";
}
.aui .icon-Chat_hablar_1:before {
  content: "\ea0a";
}
.aui .icon-Chip_Equipo_1:before {
  content: "\ea0b";
}
.aui .icon-Chip_Sim-card_1:before {
  content: "\ea0c";
}
.aui .icon-Click-to-call_1:before {
  content: "\ea0d";
}
.aui .icon-Comprar-celulares_1:before {
  content: "\ea0e";
}
.aui .icon-Comprar-datos_1:before {
  content: "\ea0f";
}
.aui .icon-Comprar-planes_1:before {
  content: "\ea10";
}
.aui .icon-Comprar-productos-hogar_1:before {
  content: "\ea11";
}
.aui .icon-Configurar-celular_1:before {
  content: "\ea12";
}
.aui .icon-Configurar-decodificador-tv_1:before {
  content: "\ea13";
}
.aui .icon-Configurar-modem_1:before {
  content: "\ea14";
}
.aui .icon-Consulta-canjes-puntos-Movistar_1:before {
  content: "\ea15";
}
.aui .icon-Consultar-documento_1:before {
  content: "\ea16";
}
.aui .icon-Datos-compartidos_1:before {
  content: "\ea17";
}
.aui .icon-Descargar_Bajar_1:before {
  content: "\ea18";
}
.aui .icon-Descargar_Descarga-app_1:before {
  content: "\ea19";
}
.aui .icon-Detalle-de-llamadas_1:before {
  content: "\ea1a";
}
.aui .icon-Dinero_Pagar_Cobro_Saldo_1:before {
  content: "\ea1b";
}
.aui .icon-Envi�o_Envi�o-Gratis_1:before {
  content: "\ea1c";
}
.aui .icon-factura-digital_1:before {
  content: "\ea1d";
}
.aui .icon-Factura_Plan_Documento_1:before {
  content: "\ea1e";
}
.aui .icon-Fibra_1:before {
  content: "\ea1f";
}
.aui .icon-Foro_1:before {
  content: "\ea20";
}
.aui .icon-Indicativos-y-marcaciones_1:before {
  content: "\ea21";
}
.aui .icon-Internet-movil_1:before {
  content: "\ea22";
}
.aui .icon-Lanzar_1:before {
  content: "\ea23";
}
.aui .icon-Larga-distancia_1:before {
  content: "\ea24";
}
.aui .icon-Me-gusta_1:before {
  content: "\ea25";
}
.aui .icon-Movil_Dispositivo_Terminales_1:before {
  content: "\ea26";
}
.aui .icon-Nube_almacenamientoNube_1:before {
  content: "\ea27";
}
.aui .icon-Nuevo_Destacado_Oferta_1:before {
  content: "\ea28";
}
.aui .icon-Oferta-online_1:before {
  content: "\ea29";
}
.aui .icon-Ordenador_1:before {
  content: "\ea2a";
}
.aui .icon-Pagar-factura_1:before {
  content: "\ea2b";
}
.aui .icon-Perdida-o-robo-de-celulares_1:before {
  content: "\ea2c";
}
.aui .icon-Portabilidad_1:before {
  content: "\ea2d";
}
.aui .icon-Pospago_1:before {
  content: "\ea2e";
}
.aui .icon-Prepago_1:before {
  content: "\ea2f";
}
.aui .icon-Promociones_Ofertas_1:before {
  content: "\ea30";
}
.aui .icon-Recarga-Online_1:before {
  content: "\ea31";
}
.aui .icon-Renovar-equipo_Cambiar-mo�vil_1:before {
  content: "\ea32";
}
.aui .icon-Saldo_1:before {
  content: "\ea33";
}
.aui .icon-Servicio-te�cnico-Internet_1:before {
  content: "\ea34";
}
.aui .icon-Servicio-te�cnico-para-mo�vil_1:before {
  content: "\ea35";
}
.aui .icon-Servicio-te�cnico-telefo�nia-fija_1:before {
  content: "\ea36";
}
.aui .icon-Servicio-te�cnico-tv_1:before {
  content: "\ea37";
}
.aui .icon-Servicio-tecnico_1:before {
  content: "\ea38";
}
.aui .icon-Telefoni�a-fija_Tele�fono_Llamar_1:before {
  content: "\ea39";
}
.aui .icon-TV_Contenidos-audiovisuales_1:before {
  content: "\ea3a";
}
.aui .icon-Usuario_Micuenta_persona_1:before {
  content: "\ea3b";
}
.aui .icon-Ajustes:before {
  content: "\ea3c";
}
.aui .icon-Atencio�n-al-cliente_Ayuda:before {
  content: "\ea3d";
}
.aui .icon-Bajada-de-Precio:before {
  content: "\ea3e";
}
.aui .icon-Banda-ancha:before {
  content: "\ea3f";
}
.aui .icon-Blog:before {
  content: "\ea40";
}
.aui .icon-Buscar_Encontrar:before {
  content: "\ea41";
}
.aui .icon-Call-center_Atencio�n-al-cliente:before {
  content: "\ea42";
}
.aui .icon-Cambiar-mi-clave-wifi:before {
  content: "\ea43";
}
.aui .icon-Cambiar-Plan:before {
  content: "\ea44";
}
.aui .icon-Carrito-de-la-compra:before {
  content: "\ea45";
}
.aui .icon-Chat_hablar:before {
  content: "\ea46";
}
.aui .icon-Chip_Equipo:before {
  content: "\ea47";
}
.aui .icon-Chip_Sim-card:before {
  content: "\ea48";
}
.aui .icon-Click-to-call:before {
  content: "\ea49";
}
.aui .icon-Comprar-celulares:before {
  content: "\ea4a";
}
.aui .icon-Comprar-datos:before {
  content: "\ea4b";
}
.aui .icon-Comprar-planes:before {
  content: "\ea4c";
}
.aui .icon-Comprar-productos-hogar:before {
  content: "\ea4d";
}
.aui .icon-Configurar-celular:before {
  content: "\ea4e";
}
.aui .icon-Configurar-decodificador-tv:before {
  content: "\ea4f";
}
.aui .icon-Configurar-modem:before {
  content: "\ea50";
}
.aui .icon-Consulta-canjes-puntos-Movistar:before {
  content: "\ea51";
}
.aui .icon-Consultar-documento:before {
  content: "\ea52";
}
.aui .icon-Datos-compartidos:before {
  content: "\ea53";
}
.aui .icon-Descargar_Bajar:before {
  content: "\ea54";
}
.aui .icon-Descargar_Descarga-app:before {
  content: "\ea55";
}
.aui .icon-Detalle-de-llamadas:before {
  content: "\ea56";
}
.aui .icon-Dinero_Pagar_Cobro_Saldo:before {
  content: "\ea57";
}
.aui .icon-Envi�o_Envi�o-Gratis:before {
  content: "\ea58";
}
.aui .icon-factura-digital:before {
  content: "\ea59";
}
.aui .icon-Factura_Plan_Documento:before {
  content: "\ea5a";
}
.aui .icon-Fibra:before {
  content: "\ea5b";
}
.aui .icon-Foro:before {
  content: "\ea5c";
}
.aui .icon-Indicativos-y-marcaciones:before {
  content: "\ea5d";
}
.aui .icon-Internet-movil:before {
  content: "\ea5e";
}
.aui .icon-Lanzar:before {
  content: "\ea5f";
}
.aui .icon-Larga-distancia:before {
  content: "\ea60";
}
.aui .icon-Me-gusta:before {
  content: "\ea61";
}
.aui .icon-Movil_Dispositivo_Terminales:before {
  content: "\ea62";
}
.aui .icon-Nube_almacenamientoNube:before {
  content: "\ea63";
}
.aui .icon-Nuevo_Destacado_Oferta:before {
  content: "\ea64";
}
.aui .icon-Oferta-online:before {
  content: "\ea65";
}
.aui .icon-Ordenador:before {
  content: "\ea66";
}
.aui .icon-Pagar-factura:before {
  content: "\ea67";
}
.aui .icon-Perdida-o-robo-de-celulares:before {
  content: "\ea68";
}
.aui .icon-Portabilidad:before {
  content: "\ea69";
}
.aui .icon-Pospago:before {
  content: "\ea6a";
}
.aui .icon-Prepago:before {
  content: "\ea6b";
}
.aui .icon-Promociones_Ofertas:before {
  content: "\ea6c";
}
.aui .icon-Recarga-Online:before {
  content: "\ea6d";
}
.aui .icon-Renovar-equipo_Cambiar-mo�vil:before {
  content: "\ea6e";
}
.aui .icon-Saldo:before {
  content: "\ea6f";
}
.aui .icon-Servicio-te�cnico-Internet:before {
  content: "\ea70";
}
.aui .icon-Servicio-te�cnico-para-mo�vil:before {
  content: "\ea71";
}
.aui .icon-Servicio-te�cnico-telefo�nia-fija:before {
  content: "\ea72";
}
.aui .icon-Servicio-te�cnico-tv:before {
  content: "\ea73";
}
.aui .icon-Servicio-tecnico:before {
  content: "\ea74";
}
.aui .icon-Telefoni�a-fija_Tele�fono_Llamar:before {
  content: "\ea75";
}
.aui .icon-TV_Contenidos-audiovisuales:before {
  content: "\ea76";
}
.aui .icon-Usuario_Micuenta_persona:before {
  content: "\ea77";
}
.aui .icon-accesibilidad_icon:before {
  content: "\ea78";
}
.aui .icon-carrito:before {
  content: "\ea79";
}
.aui .icon-ico_FaceBook:before {
  content: "\e9bf";
}
.aui .icon-ico_Line:before {
  content: "\e9c0";
}
.aui .icon-ico_Twitter:before {
  content: "\e9c1";
}
.aui .icon-ico_Waze:before {
  content: "\e9c2";
}
.aui .icon-ico_WhatsApp:before {
  content: "\e9c3";
}
.aui .icon-facebook:before {
  content: "\e9bd";
}
.aui .icon-youtube:before {
  content: "\e9be";
}
.aui .icon-instagram:before {
  content: "\e9bc";
}
.aui .icon-611:before {
  content: "\e971";
}
.aui .icon-adelanta_tu_saldo:before {
  content: "\e972";
}
.aui .icon-adultos_plus:before {
  content: "\e973";
}
.aui .icon-adultos_total:before {
  content: "\e974";
}
.aui .icon-agenda_web:before {
  content: "\e975";
}
.aui .icon-asistencia:before {
  content: "\e976";
}
.aui .icon-atencion_redes_sociales:before {
  content: "\e977";
}
.aui .icon-automatico:before {
  content: "\e978";
}
.aui .icon-beneficios:before {
  content: "\e979";
}
.aui .icon-beneficios_cambio:before {
  content: "\e97a";
}
.aui .icon-cambiar_clave_wifi:before {
  content: "\e97b";
}
.aui .icon-canales_de_audio:before {
  content: "\e97c";
}
.aui .icon-CDS_multidispositivo:before {
  content: "\e97d";
}
.aui .icon-centro_de_seguridad:before {
  content: "\e97e";
}
.aui .icon-centro_y_lineas_atencion:before {
  content: "\e97f";
}
.aui .icon-cliente_preferencial:before {
  content: "\e980";
}
.aui .icon-concursos:before {
  content: "\e981";
}
.aui .icon-conectividad:before {
  content: "\e982";
}
.aui .icon-conexion_segura:before {
  content: "\e983";
}
.aui .icon-consulta_y_paga_tu_factura:before {
  content: "\e984";
}
.aui .icon-cupon_de_pago:before {
  content: "\e985";
}
.aui .icon-datos_compartidos:before {
  content: "\e986";
}
.aui .icon-debito_automatico:before {
  content: "\e987";
}
.aui .icon-eliminar_cancelar:before {
  content: "\e988";
}
.aui .icon-envio:before {
  content: "\e989";
}
.aui .icon-establecer_linea_de_contacto:before {
  content: "\e98a";
}
.aui .icon-familia_y_amigos:before {
  content: "\e98b";
}
.aui .icon-fibra_optica:before {
  content: "\e98c";
}
.aui .icon-fox_premium:before {
  content: "\e98d";
  color: #50535a;
}
.aui .icon-habla_por_segundos:before {
  content: "\e98e";
}
.aui .icon-hbo_max:before {
  content: "\e98f";
  color: #50535a;
}
.aui .icon-hd_plus:before {
  content: "\e990";
}
.aui .icon-hd_total:before {
  content: "\e991";
}
.aui .icon-indicativos_larga_distancia:before {
  content: "\e992";
}
.aui .icon-larga_distancia_nacional_iimitada:before {
  content: "\e993";
}
.aui .icon-lstado_de_llamadas:before {
  content: "\e994";
}
.aui .icon-lstado_de_sms:before {
  content: "\e995";
}
.aui .icon-mapa_cobertura_fija:before {
  content: "\e996";
}
.aui .icon-mapa_cobertura_movil:before {
  content: "\e997";
}
.aui .icon-medidor_de_velocidad:before {
  content: "\e998";
}
.aui .icon-minuto_adicional:before {
  content: "\e999";
}
.aui .icon-minutos_movistar:before {
  content: "\e99a";
}
.aui .icon-mis_prefereidos:before {
  content: "\e99b";
}
.aui .icon-Movistar_musica:before {
  content: "\e99c";
}
.aui .icon-Movistar_play:before {
  content: "\e99d";
}
.aui .icon-numeros_favoritos:before {
  content: "\e99e";
}
.aui .icon-pago_cuotas:before {
  content: "\e99f";
}
.aui .icon-paquetes:before {
  content: "\e9a0";
}
.aui .icon-paquetes_compra:before {
  content: "\e9a1";
}
.aui .icon-paquetes_de_datos:before {
  content: "\e9a2";
}
.aui .icon-paquetes_de_roaming:before {
  content: "\e9a3";
}
.aui .icon-paquetes_de_sms:before {
  content: "\e9a4";
}
.aui .icon-paquetes_de_voz:before {
  content: "\e9a5";
}
.aui .icon-plan_cina:before {
  content: "\e9a6";
}
.aui .icon-prefereido_fijo_movil:before {
  content: "\e9a7";
}
.aui .icon-preventa:before {
  content: "\e9a8";
}
.aui .icon-recarga_en_linea:before {
  content: "\e9a9";
}
.aui .icon-redes_sociales:before {
  content: "\e9aa";
}
.aui .icon-reforma_tributaria_y_alza_tarifas:before {
  content: "\e9ab";
}
.aui .icon-retiro_compra_suscursal:before {
  content: "\e9ac";
}
.aui .icon-roaming:before {
  content: "\e9ad";
}
.aui .icon-roaming_de_datos:before {
  content: "\e9ae";
}
.aui .icon-seguimiento_pedidos:before {
  content: "\e9af";
}
.aui .icon-seguro_de_personas:before {
  content: "\e9b0";
}
.aui .icon-seguros_moviles:before {
  content: "\e9b1";
}
.aui .icon-simulador_de_datos_moviles:before {
  content: "\e9b3";
}
.aui .icon-SMS:before {
  content: "\e9b4";
}
.aui .icon-status_pedido:before {
  content: "\e9b5";
}
.aui .icon-terminos_y_condiciones:before {
  content: "\e9b6";
}
.aui .icon-trafico_de_datos:before {
  content: "\e9b7";
}
.aui .icon-trafico_de_romaing:before {
  content: "\e9b8";
}
.aui .icon-tramites:before {
  content: "\e9b9";
}
.aui .icon-tutor:before {
  content: "\e9ba";
}
.aui .icon-Artboard-11:before {
  content: "\e952";
}
.aui .icon-BandaAncha-Bold:before {
  content: "\e953";
}
.aui .icon-BandaAncha-Light:before {
  content: "\e954";
}
.aui .icon-BandaAncha-Masa:before {
  content: "\e955";
}
.aui .icon-CallCenter-Bold:before {
  content: "\e956";
}
.aui .icon-CallCenter-Light:before {
  content: "\e957";
}
.aui .icon-CallCenter-Masa:before {
  content: "\e958";
}
.aui .icon-Chat-Bold:before {
  content: "\e959";
}
.aui .icon-Chat-Light:before {
  content: "\e95a";
}
.aui .icon-Chat-Masa:before {
  content: "\e95b";
}
.aui .icon-ClickToCall-Bold:before {
  content: "\e95c";
}
.aui .icon-ClickToCall-Light:before {
  content: "\e95d";
}
.aui .icon-ClickToCall-Masa:before {
  content: "\e95e";
}
.aui .icon-Fijo-Bold:before {
  content: "\e95f";
}
.aui .icon-Fijo-Light:before {
  content: "\e960";
}
.aui .icon-Fijo-Masa:before {
  content: "\e961";
}
.aui .icon-InternetMo�vil-Bold:before {
  content: "\e962";
}
.aui .icon-InternetMo�vil-Light:before {
  content: "\e963";
}
.aui .icon-InternetMo�vil-Masa:before {
  content: "\e964";
}
.aui .icon-MiCuenta-Bold:before {
  content: "\e965";
}
.aui .icon-MiCuenta-Light:before {
  content: "\e966";
}
.aui .icon-MiCuenta-Masa:before {
  content: "\e967";
}
.aui .icon-Pospago-Bold:before {
  content: "\e968";
}
.aui .icon-Pospago-Light:before {
  content: "\e969";
}
.aui .icon-Pospago-Masa:before {
  content: "\e96a";
}
.aui .icon-Prepago-Bold:before {
  content: "\e96b";
}
.aui .icon-Prepago-Light:before {
  content: "\e96c";
}
.aui .icon-Prepago-Masa:before {
  content: "\e96d";
}
.aui .icon-TV-Bold:before {
  content: "\e96e";
}
.aui .icon-TV-Light:before {
  content: "\e96f";
}
.aui .icon-TV-Masa:before {
  content: "\e970";
}
.aui .icon-nw-apps:before {
  content: "\e907";
}
.aui .icon-nw-bag-email:before {
  content: "\e910";
}
.aui .icon-nw-bag-movistar:before {
  content: "\e92c";
}
.aui .icon-nw-bag-question:before {
  content: "\e92d";
}
.aui .icon-nw-bag-shopping:before {
  content: "\e92e";
}
.aui .icon-nw-bam:before {
  content: "\e92f";
}
.aui .icon-nw-beacon:before {
  content: "\e930";
}
.aui .icon-nw-calendar:before {
  content: "\e931";
}
.aui .icon-nw-camera:before {
  content: "\e932";
}
.aui .icon-nw-equis-rounded:before {
  content: "\e933";
}
.aui .icon-nw-chat:before {
  content: "\e934";
}
.aui .icon-nw-chip-4g:before {
  content: "\e935";
}
.aui .icon-nw-chip:before {
  content: "\e936";
}
.aui .icon-calendar:before {
  content: "\e937";
}
.aui .icon-nw-circle-more:before {
  content: "\e938";
}
.aui .icon-nw-credit-card:before {
  content: "\e939";
}
.aui .icon-nw-envelope-check:before {
  content: "\e93a";
}
.aui .icon-nw-hour:before {
  content: "\e93b";
}
.aui .icon-nw-house-wifi:before {
  content: "\e93c";
}
.aui .icon-nw-house:before {
  content: "\e93d";
}
.aui .icon-gift:before {
  content: "\e93e";
}
.aui .icon-nw-padlock-opened:before {
  content: "\e93f";
}
.aui .icon-nw-phone-delete:before {
  content: "\e940";
}
.aui .icon-nw-phone-email:before {
  content: "\e941";
}
.aui .icon-nw-phone-in-out:before {
  content: "\e942";
}
.aui .icon-nw-phone-internet:before {
  content: "\e943";
}
.aui .icon-nw-phone-locked:before {
  content: "\e944";
}
.aui .icon-nw-phone-message:before {
  content: "\e945";
}
.aui .icon-nw-phone-movistar:before {
  content: "\e946";
}
.aui .icon-nw-phone-price:before {
  content: "\e947";
}
.aui .icon-nw-phone-repair:before {
  content: "\e948";
}
.aui .icon-nw-phone-search:before {
  content: "\e949";
}
.aui .icon-nw-phone-star:before {
  content: "\e94a";
}
.aui .icon-nw-phone-update:before {
  content: "\e94b";
}
.aui .icon-nw-phone-voice:before {
  content: "\e94c";
}
.aui .icon-nw-rates:before {
  content: "\e94d";
}
.aui .icon-nw-remote-config:before {
  content: "\e94e";
}
.aui .icon-nw-remote-question:before {
  content: "\e94f";
}
.aui .icon-nw-remote:before {
  content: "\e950";
}
.aui .icon-close-ca:before {
  content: "\e951";
}
.aui .icon-play_circle_filled:before {
  content: "\e038";
}
.aui .icon-3d_rotation:before {
  content: "\e84d";
}
.aui .icon-ac_unit:before {
  content: "\eb3b";
}
.aui .icon-alarm:before {
  content: "\e855";
}
.aui .icon-access_alarms:before {
  content: "\e191";
}
.aui .icon-schedule:before {
  content: "\e8b5";
}
.aui .icon-accessibility:before {
  content: "\e84e";
}
.aui .icon-accessible:before {
  content: "\e914";
}
.aui .icon-account_balance:before {
  content: "\e84f";
}
.aui .icon-account_balance_wallet:before {
  content: "\e850";
}
.aui .icon-account_box:before {
  content: "\e851";
}
.aui .icon-account_circle:before {
  content: "\e853";
}
.aui .icon-adb:before {
  content: "\e60e";
}
.aui .icon-add:before {
  content: "\e145";
}
.aui .icon-add_a_photo:before {
  content: "\e439";
}
.aui .icon-alarm_add:before {
  content: "\e856";
}
.aui .icon-add_alert:before {
  content: "\e003";
}
.aui .icon-add_box:before {
  content: "\e146";
}
.aui .icon-add_circle:before {
  content: "\e147";
}
.aui .icon-control_point:before {
  content: "\e3ba";
}
.aui .icon-add_location:before {
  content: "\e567";
}
.aui .icon-add_shopping_cart:before {
  content: "\e854";
}
.aui .icon-queue:before {
  content: "\e03c";
}
.aui .icon-add_to_queue:before {
  content: "\e05c";
}
.aui .icon-adjust:before {
  content: "\e39e";
}
.aui .icon-airline_seat_flat:before {
  content: "\e630";
}
.aui .icon-airline_seat_flat_angled:before {
  content: "\e631";
}
.aui .icon-airline_seat_individual_suite:before {
  content: "\e632";
}
.aui .icon-airline_seat_legroom_extra:before {
  content: "\e633";
}
.aui .icon-airline_seat_legroom_normal:before {
  content: "\e634";
}
.aui .icon-airline_seat_legroom_reduced:before {
  content: "\e635";
}
.aui .icon-airline_seat_recline_extra:before {
  content: "\e636";
}
.aui .icon-airline_seat_recline_normal:before {
  content: "\e637";
}
.aui .icon-flight:before {
  content: "\e539";
}
.aui .icon-airplanemode_inactive:before {
  content: "\e194";
}
.aui .icon-airplay:before {
  content: "\e055";
}
.aui .icon-airport_shuttle:before {
  content: "\eb3c";
}
.aui .icon-alarm_off:before {
  content: "\e857";
}
.aui .icon-alarm_on:before {
  content: "\e858";
}
.aui .icon-album:before {
  content: "\e019";
}
.aui .icon-all_inclusive:before {
  content: "\eb3d";
}
.aui .icon-all_out:before {
  content: "\e90b";
}
.aui .icon-android:before {
  content: "\e859";
}
.aui .icon-announcement:before {
  content: "\e85a";
}
.aui .icon-apps:before {
  content: "\e5c3";
}
.aui .icon-archive:before {
  content: "\e149";
}
.aui .icon-arrow_back:before {
  content: "\e5c4";
}
.aui .icon-arrow_downward:before {
  content: "\e5db";
}
.aui .icon-arrow_drop_down:before {
  content: "\e5c5";
}
.aui .icon-arrow_drop_down_circle:before {
  content: "\e5c6";
}
.aui .icon-arrow_drop_up:before {
  content: "\e5c7";
}
.aui .icon-arrow_forward:before {
  content: "\e5c8";
}
.aui .icon-arrow_upward:before {
  content: "\e5d8";
}
.aui .icon-art_track:before {
  content: "\e060";
}
.aui .icon-aspect_ratio:before {
  content: "\e85b";
}
.aui .icon-poll:before {
  content: "\e801";
}
.aui .icon-assignment:before {
  content: "\e85d";
}
.aui .icon-assignment_ind:before {
  content: "\e85e";
}
.aui .icon-assignment_late:before {
  content: "\e85f";
}
.aui .icon-assignment_return:before {
  content: "\e860";
}
.aui .icon-assignment_returned:before {
  content: "\e861";
}
.aui .icon-assignment_turned_in:before {
  content: "\e862";
}
.aui .icon-assistant:before {
  content: "\e39f";
}
.aui .icon-flag:before {
  content: "\e153";
}
.aui .icon-attach_file:before {
  content: "\e226";
}
.aui .icon-attach_money:before {
  content: "\e227";
}
.aui .icon-attachment:before {
  content: "\e2bc";
}
.aui .icon-audiotrack:before {
  content: "\e3a1";
}
.aui .icon-autorenew:before {
  content: "\e863";
}
.aui .icon-av_timer:before {
  content: "\e01b";
}
.aui .icon-backspace:before {
  content: "\e14a";
}
.aui .icon-cloud_upload:before {
  content: "\e2c3";
}
.aui .icon-battery_alert:before {
  content: "\e19c";
}
.aui .icon-battery_charging_full:before {
  content: "\e1a3";
}
.aui .icon-battery_std:before {
  content: "\e1a5";
}
.aui .icon-battery_unknown:before {
  content: "\e1a6";
}
.aui .icon-beach_access:before {
  content: "\eb3e";
}
.aui .icon-beenhere:before {
  content: "\e52d";
}
.aui .icon-block:before {
  content: "\e14b";
}
.aui .icon-bluetooth:before {
  content: "\e1a7";
}
.aui .icon-bluetooth_searching:before {
  content: "\e1aa";
}
.aui .icon-bluetooth_connected:before {
  content: "\e1a8";
}
.aui .icon-bluetooth_disabled:before {
  content: "\e1a9";
}
.aui .icon-blur_circular:before {
  content: "\e3a2";
}
.aui .icon-blur_linear:before {
  content: "\e3a3";
}
.aui .icon-blur_off:before {
  content: "\e3a4";
}
.aui .icon-blur_on:before {
  content: "\e3a5";
}
.aui .icon-class:before {
  content: "\e86e";
}
.aui .icon-turned_in:before {
  content: "\e8e6";
}
.aui .icon-turned_in_not:before {
  content: "\e8e7";
}
.aui .icon-border_all:before {
  content: "\e228";
}
.aui .icon-border_bottom:before {
  content: "\e229";
}
.aui .icon-border_clear:before {
  content: "\e22a";
}
.aui .icon-border_color:before {
  content: "\e22b";
}
.aui .icon-border_horizontal:before {
  content: "\e22c";
}
.aui .icon-border_inner:before {
  content: "\e22d";
}
.aui .icon-border_left:before {
  content: "\e22e";
}
.aui .icon-border_outer:before {
  content: "\e22f";
}
.aui .icon-border_right:before {
  content: "\e230";
}
.aui .icon-border_style:before {
  content: "\e231";
}
.aui .icon-border_top:before {
  content: "\e232";
}
.aui .icon-border_vertical:before {
  content: "\e233";
}
.aui .icon-branding_watermark:before {
  content: "\e06b";
}
.aui .icon-brightness_1:before {
  content: "\e3a6";
}
.aui .icon-brightness_2:before {
  content: "\e3a7";
}
.aui .icon-brightness_3:before {
  content: "\e3a8";
}
.aui .icon-brightness_4:before {
  content: "\e3a9";
}
.aui .icon-brightness_low:before {
  content: "\e1ad";
}
.aui .icon-brightness_medium:before {
  content: "\e1ae";
}
.aui .icon-brightness_high:before {
  content: "\e1ac";
}
.aui .icon-brightness_auto:before {
  content: "\e1ab";
}
.aui .icon-broken_image:before {
  content: "\e3ad";
}
.aui .icon-brush:before {
  content: "\e3ae";
}
.aui .icon-bubble_chart:before {
  content: "\e6dd";
}
.aui .icon-bug_report:before {
  content: "\e868";
}
.aui .icon-build:before {
  content: "\e869";
}
.aui .icon-burst_mode:before {
  content: "\e43c";
}
.aui .icon-domain:before {
  content: "\e7ee";
}
.aui .icon-business_center:before {
  content: "\eb3f";
}
.aui .icon-cached:before {
  content: "\e86a";
}
.aui .icon-cake:before {
  content: "\e7e9";
}
.aui .icon-phone:before {
  content: "\e0cd";
}
.aui .icon-call_end:before {
  content: "\e0b1";
}
.aui .icon-call_made:before {
  content: "\e0b2";
}
.aui .icon-merge_type:before {
  content: "\e252";
}
.aui .icon-call_missed:before {
  content: "\e0b4";
}
.aui .icon-call_missed_outgoing:before {
  content: "\e0e4";
}
.aui .icon-call_received:before {
  content: "\e0b5";
}
.aui .icon-call_split:before {
  content: "\e0b6";
}
.aui .icon-call_to_action:before {
  content: "\e06c";
}
.aui .icon-camera:before {
  content: "\e3af";
}
.aui .icon-photo_camera:before {
  content: "\e412";
}
.aui .icon-camera_enhance:before {
  content: "\e8fc";
}
.aui .icon-camera_front:before {
  content: "\e3b1";
}
.aui .icon-camera_rear:before {
  content: "\e3b2";
}
.aui .icon-camera_roll:before {
  content: "\e3b3";
}
.aui .icon-cancel:before {
  content: "\e5c9";
}
.aui .icon-redeem:before {
  content: "\e8b1";
}
.aui .icon-card_membership:before {
  content: "\e8f7";
}
.aui .icon-card_travel:before {
  content: "\e8f8";
}
.aui .icon-casino:before {
  content: "\eb40";
}
.aui .icon-cast:before {
  content: "\e307";
}
.aui .icon-cast_connected:before {
  content: "\e308";
}
.aui .icon-center_focus_strong:before {
  content: "\e3b4";
}
.aui .icon-center_focus_weak:before {
  content: "\e3b5";
}
.aui .icon-change_history:before {
  content: "\e86b";
}
.aui .icon-chat:before {
  content: "\e0b7";
}
.aui .icon-chat_bubble:before {
  content: "\e0ca";
}
.aui .icon-chat_bubble_outline:before {
  content: "\e0cb";
}
.aui .icon-check:before {
  content: "\e5ca";
}
.aui .icon-check_box:before {
  content: "\e834";
}
.aui .icon-check_box_outline_blank:before {
  content: "\e835";
}
.aui .icon-check_circle:before {
  content: "\e86c";
}
.aui .icon-navigate_before:before {
  content: "\e408";
}
.aui .icon-navigate_next:before {
  content: "\e409";
}
.aui .icon-child_care:before {
  content: "\eb41";
}
.aui .icon-child_friendly:before {
  content: "\eb42";
}
.aui .icon-chrome_reader_mode:before {
  content: "\e86d";
}
.aui .icon-close:before {
  content: "\e5cd";
}
.aui .icon-clear_all:before {
  content: "\e0b8";
}
.aui .icon-closed_caption:before {
  content: "\e01c";
}
.aui .icon-wb_cloudy:before {
  content: "\e42d";
}
.aui .icon-cloud_circle:before {
  content: "\e2be";
}
.aui .icon-cloud_done:before {
  content: "\e2bf";
}
.aui .icon-cloud_download:before {
  content: "\e2c0";
}
.aui .icon-cloud_off:before {
  content: "\e2c1";
}
.aui .icon-cloud_queue:before {
  content: "\e2c2";
}
.aui .icon-code:before {
  content: "\e86f";
}
.aui .icon-photo_library:before {
  content: "\e413";
}
.aui .icon-collections_bookmark:before {
  content: "\e431";
}
.aui .icon-palette:before {
  content: "\e40a";
}
.aui .icon-colorize:before {
  content: "\e3b8";
}
.aui .icon-comment:before {
  content: "\e0b9";
}
.aui .icon-compare:before {
  content: "\e3b9";
}
.aui .icon-compare_arrows:before {
  content: "\e915";
}
.aui .icon-laptop:before {
  content: "\e31e";
}
.aui .icon-confirmation_number:before {
  content: "\e638";
}
.aui .icon-contact_mail:before {
  content: "\e0d0";
}
.aui .icon-contact_phone:before {
  content: "\e0cf";
}
.aui .icon-contacts:before {
  content: "\e0ba";
}
.aui .icon-content_copy:before {
  content: "\e14d";
}
.aui .icon-content_cut:before {
  content: "\e14e";
}
.aui .icon-content_paste:before {
  content: "\e14f";
}
.aui .icon-control_point_duplicate:before {
  content: "\e3bb";
}
.aui .icon-copyright:before {
  content: "\e90c";
}
.aui .icon-mode_edit:before {
  content: "\e254";
}
.aui .icon-create_new_folder:before {
  content: "\e2cc";
}
.aui .icon-payment:before {
  content: "\e8a1";
}
.aui .icon-crop:before {
  content: "\e3be";
}
.aui .icon-crop_16_9:before {
  content: "\e3bc";
}
.aui .icon-crop_3_2:before {
  content: "\e3bd";
}
.aui .icon-crop_landscape:before {
  content: "\e3c3";
}
.aui .icon-crop_7_5:before {
  content: "\e3c0";
}
.aui .icon-crop_din:before {
  content: "\e3c1";
}
.aui .icon-crop_free:before {
  content: "\e3c2";
}
.aui .icon-crop_original:before {
  content: "\e3c4";
}
.aui .icon-crop_portrait:before {
  content: "\e3c5";
}
.aui .icon-crop_rotate:before {
  content: "\e437";
}
.aui .icon-crop_square:before {
  content: "\e3c6";
}
.aui .icon-dashboard:before {
  content: "\e871";
}
.aui .icon-data_usage:before {
  content: "\e1af";
}
.aui .icon-date_range:before {
  content: "\e916";
}
.aui .icon-dehaze:before {
  content: "\e3c7";
}
.aui .icon-delete:before {
  content: "\e872";
}
.aui .icon-delete_forever:before {
  content: "\e92b";
}
.aui .icon-delete_sweep:before {
  content: "\e16c";
}
.aui .icon-description:before {
  content: "\e873";
}
.aui .icon-desktop_mac:before {
  content: "\e30b";
}
.aui .icon-desktop_windows:before {
  content: "\e30c";
}
.aui .icon-details:before {
  content: "\e3c8";
}
.aui .icon-developer_board:before {
  content: "\e30d";
}
.aui .icon-developer_mode:before {
  content: "\e1b0";
}
.aui .icon-device_hub:before {
  content: "\e335";
}
.aui .icon-phonelink:before {
  content: "\e326";
}
.aui .icon-devices_other:before {
  content: "\e337";
}
.aui .icon-dialer_sip:before {
  content: "\e0bb";
}
.aui .icon-dialpad:before {
  content: "\e0bc";
}
.aui .icon-directions:before {
  content: "\e52e";
}
.aui .icon-directions_bike:before {
  content: "\e52f";
}
.aui .icon-directions_boat:before {
  content: "\e532";
}
.aui .icon-directions_bus:before {
  content: "\e530";
}
.aui .icon-directions_car:before {
  content: "\e531";
}
.aui .icon-directions_railway:before {
  content: "\e534";
}
.aui .icon-directions_run:before {
  content: "\e566";
}
.aui .icon-directions_transit:before {
  content: "\e535";
}
.aui .icon-directions_walk:before {
  content: "\e536";
}
.aui .icon-disc_full:before {
  content: "\e610";
}
.aui .icon-dns:before {
  content: "\e875";
}
.aui .icon-not_interested:before {
  content: "\e033";
}
.aui .icon-do_not_disturb_alt:before {
  content: "\e611";
}
.aui .icon-do_not_disturb_off:before {
  content: "\e643";
}
.aui .icon-remove_circle:before {
  content: "\e15c";
}
.aui .icon-dock:before {
  content: "\e30e";
}
.aui .icon-done:before {
  content: "\e876";
}
.aui .icon-done_all:before {
  content: "\e877";
}
.aui .icon-donut_large:before {
  content: "\e917";
}
.aui .icon-donut_small:before {
  content: "\e918";
}
.aui .icon-drafts:before {
  content: "\e151";
}
.aui .icon-drag_handle:before {
  content: "\e25d";
}
.aui .icon-time_to_leave:before {
  content: "\e62c";
}
.aui .icon-dvr:before {
  content: "\e1b2";
}
.aui .icon-edit_location:before {
  content: "\e568";
}
.aui .icon-eject:before {
  content: "\e8fb";
}
.aui .icon-markunread:before {
  content: "\e159";
}
.aui .icon-enhanced_encryption:before {
  content: "\e63f";
}
.aui .icon-equalizer:before {
  content: "\e01d";
}
.aui .icon-error:before {
  content: "\e000";
}
.aui .icon-error_outline:before {
  content: "\e001";
}
.aui .icon-euro_symbol:before {
  content: "\e926";
}
.aui .icon-ev_station:before {
  content: "\e56d";
}
.aui .icon-insert_invitation:before {
  content: "\e24f";
}
.aui .icon-event_available:before {
  content: "\e614";
}
.aui .icon-event_busy:before {
  content: "\e615";
}
.aui .icon-event_note:before {
  content: "\e616";
}
.aui .icon-event_seat:before {
  content: "\e903";
}
.aui .icon-exit_to_app:before {
  content: "\e879";
}
.aui .icon-expand_less:before {
  content: "\e5ce";
}
.aui .icon-expand_more:before {
  content: "\e5cf";
}
.aui .icon-explicit:before {
  content: "\e01e";
}
.aui .icon-explore:before {
  content: "\e87a";
}
.aui .icon-exposure:before {
  content: "\e3ca";
}
.aui .icon-exposure_neg_1:before {
  content: "\e3cb";
}
.aui .icon-exposure_neg_2:before {
  content: "\e3cc";
}
.aui .icon-exposure_plus_1:before {
  content: "\e3cd";
}
.aui .icon-exposure_plus_2:before {
  content: "\e3ce";
}
.aui .icon-exposure_zero:before {
  content: "\e3cf";
}
.aui .icon-extension:before {
  content: "\e87b";
}
.aui .icon-face:before {
  content: "\e87c";
}
.aui .icon-fast_forward:before {
  content: "\e01f";
}
.aui .icon-fast_rewind:before {
  content: "\e020";
}
.aui .icon-favorite:before {
  content: "\e87d";
}
.aui .icon-favorite_border:before {
  content: "\e87e";
}
.aui .icon-featured_play_list:before {
  content: "\e06d";
}
.aui .icon-featured_video:before {
  content: "\e06e";
}
.aui .icon-sms_failed:before {
  content: "\e626";
}
.aui .icon-fiber_dvr:before {
  content: "\e05d";
}
.aui .icon-fiber_manual_record:before {
  content: "\e061";
}
.aui .icon-fiber_new:before {
  content: "\e05e";
}
.aui .icon-fiber_pin:before {
  content: "\e06a";
}
.aui .icon-fiber_smart_record:before {
  content: "\e062";
}
.aui .icon-get_app:before {
  content: "\e884";
}
.aui .icon-file_upload:before {
  content: "\e2c6";
}
.aui .icon-filter:before {
  content: "\e3d3";
}
.aui .icon-filter_1:before {
  content: "\e3d0";
}
.aui .icon-filter_2:before {
  content: "\e3d1";
}
.aui .icon-filter_3:before {
  content: "\e3d2";
}
.aui .icon-filter_4:before {
  content: "\e3d4";
}
.aui .icon-filter_5:before {
  content: "\e3d5";
}
.aui .icon-filter_6:before {
  content: "\e3d6";
}
.aui .icon-filter_7:before {
  content: "\e3d7";
}
.aui .icon-filter_8:before {
  content: "\e3d8";
}
.aui .icon-filter_9:before {
  content: "\e3d9";
}
.aui .icon-filter_9_plus:before {
  content: "\e3da";
}
.aui .icon-filter_b_and_w:before {
  content: "\e3db";
}
.aui .icon-filter_center_focus:before {
  content: "\e3dc";
}
.aui .icon-filter_drama:before {
  content: "\e3dd";
}
.aui .icon-filter_frames:before {
  content: "\e3de";
}
.aui .icon-terrain:before {
  content: "\e564";
}
.aui .icon-filter_list:before {
  content: "\e152";
}
.aui .icon-filter_none:before {
  content: "\e3e0";
}
.aui .icon-filter_tilt_shift:before {
  content: "\e3e2";
}
.aui .icon-filter_vintage:before {
  content: "\e3e3";
}
.aui .icon-find_in_page:before {
  content: "\e880";
}
.aui .icon-find_replace:before {
  content: "\e881";
}
.aui .icon-fingerprint:before {
  content: "\e90d";
}
.aui .icon-first_page:before {
  content: "\e5dc";
}
.aui .icon-fitness_center:before {
  content: "\eb43";
}
.aui .icon-flare:before {
  content: "\e3e4";
}
.aui .icon-flash_auto:before {
  content: "\e3e5";
}
.aui .icon-flash_off:before {
  content: "\e3e6";
}
.aui .icon-flash_on:before {
  content: "\e3e7";
}
.aui .icon-flight_land:before {
  content: "\e904";
}
.aui .icon-flight_takeoff:before {
  content: "\e905";
}
.aui .icon-flip:before {
  content: "\e3e8";
}
.aui .icon-flip_to_back:before {
  content: "\e882";
}
.aui .icon-flip_to_front:before {
  content: "\e883";
}
.aui .icon-folder:before {
  content: "\e2c7";
}
.aui .icon-folder_open:before {
  content: "\e2c8";
}
.aui .icon-folder_shared:before {
  content: "\e2c9";
}
.aui .icon-folder_special:before {
  content: "\e617";
}
.aui .icon-font_download:before {
  content: "\e167";
}
.aui .icon-format_align_center:before {
  content: "\e234";
}
.aui .icon-format_align_justify:before {
  content: "\e235";
}
.aui .icon-format_align_left:before {
  content: "\e236";
}
.aui .icon-format_align_right:before {
  content: "\e237";
}
.aui .icon-format_bold:before {
  content: "\e238";
}
.aui .icon-format_clear:before {
  content: "\e239";
}
.aui .icon-format_color_fill:before {
  content: "\e23a";
}
.aui .icon-format_color_reset:before {
  content: "\e23b";
}
.aui .icon-format_color_text:before {
  content: "\e23c";
}
.aui .icon-format_indent_decrease:before {
  content: "\e23d";
}
.aui .icon-format_indent_increase:before {
  content: "\e23e";
}
.aui .icon-format_italic:before {
  content: "\e23f";
}
.aui .icon-format_line_spacing:before {
  content: "\e240";
}
.aui .icon-format_list_bulleted:before {
  content: "\e241";
}
.aui .icon-format_list_numbered:before {
  content: "\e242";
}
.aui .icon-format_paint:before {
  content: "\e243";
}
.aui .icon-format_quote:before {
  content: "\e244";
}
.aui .icon-format_shapes:before {
  content: "\e25e";
}
.aui .icon-format_size:before {
  content: "\e245";
}
.aui .icon-format_strikethrough:before {
  content: "\e246";
}
.aui .icon-format_textdirection_l_to_r:before {
  content: "\e247";
}
.aui .icon-format_textdirection_r_to_l:before {
  content: "\e248";
}
.aui .icon-format_underlined:before {
  content: "\e249";
}
.aui .icon-question_answer:before {
  content: "\e8af";
}
.aui .icon-forward:before {
  content: "\e154";
}
.aui .icon-forward_10:before {
  content: "\e056";
}
.aui .icon-forward_30:before {
  content: "\e057";
}
.aui .icon-forward_5:before {
  content: "\e058";
}
.aui .icon-free_breakfast:before {
  content: "\eb44";
}
.aui .icon-fullscreen:before {
  content: "\e5d0";
}
.aui .icon-fullscreen_exit:before {
  content: "\e5d1";
}
.aui .icon-functions:before {
  content: "\e24a";
}
.aui .icon-g_translate:before {
  content: "\e927";
}
.aui .icon-games:before {
  content: "\e021";
}
.aui .icon-gavel:before {
  content: "\e90e";
}
.aui .icon-gesture:before {
  content: "\e155";
}
.aui .icon-gif:before {
  content: "\e908";
}
.aui .icon-goat:before {
  content: "\e900";
}
.aui .icon-golf_course:before {
  content: "\eb45";
}
.aui .icon-my_location:before {
  content: "\e55c";
}
.aui .icon-location_searching:before {
  content: "\e1b7";
}
.aui .icon-location_disabled:before {
  content: "\e1b6";
}
.aui .icon-star:before {
  content: "\e838";
}
.aui .icon-gradient:before {
  content: "\e3e9";
}
.aui .icon-grain:before {
  content: "\e3ea";
}
.aui .icon-graphic_eq:before {
  content: "\e1b8";
}
.aui .icon-grid_off:before {
  content: "\e3eb";
}
.aui .icon-grid_on:before {
  content: "\e3ec";
}
.aui .icon-people:before {
  content: "\e7fb";
}
.aui .icon-group_add:before {
  content: "\e7f0";
}
.aui .icon-group_work:before {
  content: "\e886";
}
.aui .icon-hd:before {
  content: "\e052";
}
.aui .icon-hdr_off:before {
  content: "\e3ed";
}
.aui .icon-hdr_on:before {
  content: "\e3ee";
}
.aui .icon-hdr_strong:before {
  content: "\e3f1";
}
.aui .icon-hdr_weak:before {
  content: "\e3f2";
}
.aui .icon-headset:before {
  content: "\e310";
}
.aui .icon-headset_mic:before {
  content: "\e311";
}
.aui .icon-healing:before {
  content: "\e3f3";
}
.aui .icon-hearing:before {
  content: "\e023";
}
.aui .icon-help:before {
  content: "\e887";
}
.aui .icon-help_outline:before {
  content: "\e8fd";
}
.aui .icon-high_quality:before {
  content: "\e024";
}
.aui .icon-highlight:before {
  content: "\e25f";
}
.aui .icon-highlight_off:before {
  content: "\e888";
}
.aui .icon-restore:before {
  content: "\e8b3";
}
.aui .icon-home:before {
  content: "\e88a";
}
.aui .icon-hot_tub:before {
  content: "\eb46";
}
.aui .icon-local_hotel:before {
  content: "\e549";
}
.aui .icon-hourglass_empty:before {
  content: "\e88b";
}
.aui .icon-hourglass_full:before {
  content: "\e88c";
}
.aui .icon-http:before {
  content: "\e902";
}
.aui .icon-lock:before {
  content: "\e897";
}
.aui .icon-photo:before {
  content: "\e410";
}
.aui .icon-image_aspect_ratio:before {
  content: "\e3f5";
}
.aui .icon-import_contacts:before {
  content: "\e0e0";
}
.aui .icon-import_export:before {
  content: "\e0c3";
}
.aui .icon-important_devices:before {
  content: "\e912";
}
.aui .icon-inbox:before {
  content: "\e156";
}
.aui .icon-indeterminate_check_box:before {
  content: "\e909";
}
.aui .icon-info:before {
  content: "\e88e";
}
.aui .icon-info_outline:before {
  content: "\e88f";
}
.aui .icon-input:before {
  content: "\e890";
}
.aui .icon-insert_comment:before {
  content: "\e24c";
}
.aui .icon-insert_drive_file:before {
  content: "\e24d";
}
.aui .icon-tag_faces:before {
  content: "\e420";
}
.aui .icon-link:before {
  content: "\e157";
}
.aui .icon-invert_colors:before {
  content: "\e891";
}
.aui .icon-invert_colors_off:before {
  content: "\e0c4";
}
.aui .icon-iso:before {
  content: "\e3f6";
}
.aui .icon-keyboard:before {
  content: "\e312";
}
.aui .icon-keyboard_arrow_down:before {
  content: "\e313";
}
.aui .icon-keyboard_arrow_left:before {
  content: "\e314";
}
.aui .icon-keyboard_arrow_right:before {
  content: "\e315";
}
.aui .icon-keyboard_arrow_up:before {
  content: "\e316";
}
.aui .icon-keyboard_backspace:before {
  content: "\e317";
}
.aui .icon-keyboard_capslock:before {
  content: "\e318";
}
.aui .icon-keyboard_hide:before {
  content: "\e31a";
}
.aui .icon-keyboard_return:before {
  content: "\e31b";
}
.aui .icon-keyboard_tab:before {
  content: "\e31c";
}
.aui .icon-keyboard_voice:before {
  content: "\e31d";
}
.aui .icon-kitchen:before {
  content: "\eb47";
}
.aui .icon-label:before {
  content: "\e892";
}
.aui .icon-label_outline:before {
  content: "\e893";
}
.aui .icon-language:before {
  content: "\e894";
}
.aui .icon-laptop_chromebook:before {
  content: "\e31f";
}
.aui .icon-laptop_mac:before {
  content: "\e320";
}
.aui .icon-laptop_windows:before {
  content: "\e321";
}
.aui .icon-last_page:before {
  content: "\e5dd";
}
.aui .icon-open_in_new:before {
  content: "\e89e";
}
.aui .icon-layers:before {
  content: "\e53b";
}
.aui .icon-layers_clear:before {
  content: "\e53c";
}
.aui .icon-leak_add:before {
  content: "\e3f8";
}
.aui .icon-leak_remove:before {
  content: "\e3f9";
}
.aui .icon-lens:before {
  content: "\e3fa";
}
.aui .icon-library_books:before {
  content: "\e02f";
}
.aui .icon-library_music:before {
  content: "\e030";
}
.aui .icon-lightbulb_outline:before {
  content: "\e90f";
}
.aui .icon-line_style:before {
  content: "\e919";
}
.aui .icon-line_weight:before {
  content: "\e91a";
}
.aui .icon-linear_scale:before {
  content: "\e260";
}
.aui .icon-linked_camera:before {
  content: "\e438";
}
.aui .icon-list:before {
  content: "\e896";
}
.aui .icon-live_help:before {
  content: "\e0c6";
}
.aui .icon-live_tv:before {
  content: "\e639";
}
.aui .icon-local_play:before {
  content: "\e553";
}
.aui .icon-local_airport:before {
  content: "\e53d";
}
.aui .icon-local_atm:before {
  content: "\e53e";
}
.aui .icon-local_bar:before {
  content: "\e540";
}
.aui .icon-local_cafe:before {
  content: "\e541";
}
.aui .icon-local_car_wash:before {
  content: "\e542";
}
.aui .icon-local_convenience_store:before {
  content: "\e543";
}
.aui .icon-restaurant_menu:before {
  content: "\e561";
}
.aui .icon-local_drink:before {
  content: "\e544";
}
.aui .icon-local_florist:before {
  content: "\e545";
}
.aui .icon-local_gas_station:before {
  content: "\e546";
}
.aui .icon-shopping_cart:before {
  content: "\e8cc";
}
.aui .icon-local_hospital:before {
  content: "\e548";
}
.aui .icon-local_laundry_service:before {
  content: "\e54a";
}
.aui .icon-local_library:before {
  content: "\e54b";
}
.aui .icon-local_mall:before {
  content: "\e54c";
}
.aui .icon-theaters:before {
  content: "\e8da";
}
.aui .icon-local_offer:before {
  content: "\e54e";
}
.aui .icon-local_parking:before {
  content: "\e54f";
}
.aui .icon-local_pharmacy:before {
  content: "\e550";
}
.aui .icon-local_pizza:before {
  content: "\e552";
}
.aui .icon-print:before {
  content: "\e8ad";
}
.aui .icon-local_shipping:before {
  content: "\e558";
}
.aui .icon-local_taxi:before {
  content: "\e559";
}
.aui .icon-location_city:before {
  content: "\e7f1";
}
.aui .icon-location_off:before {
  content: "\e0c7";
}
.aui .icon-room:before {
  content: "\e8b4";
}
.aui .icon-lock_open:before {
  content: "\e898";
}
.aui .icon-lock_outline:before {
  content: "\e899";
}
.aui .icon-looks:before {
  content: "\e3fc";
}
.aui .icon-looks_3:before {
  content: "\e3fb";
}
.aui .icon-looks_4:before {
  content: "\e3fd";
}
.aui .icon-looks_5:before {
  content: "\e3fe";
}
.aui .icon-looks_6:before {
  content: "\e3ff";
}
.aui .icon-looks_one:before {
  content: "\e400";
}
.aui .icon-looks_two:before {
  content: "\e401";
}
.aui .icon-sync:before {
  content: "\e627";
}
.aui .icon-loupe:before {
  content: "\e402";
}
.aui .icon-low_priority:before {
  content: "\e16d";
}
.aui .icon-loyalty:before {
  content: "\e89a";
}
.aui .icon-mail_outline:before {
  content: "\e0e1";
}
.aui .icon-map:before {
  content: "\e55b";
}
.aui .icon-markunread_mailbox:before {
  content: "\e89b";
}
.aui .icon-memory:before {
  content: "\e322";
}
.aui .icon-menu:before {
  content: "\e5d2";
}
.aui .icon-message:before {
  content: "\e0c9";
}
.aui .icon-mic:before {
  content: "\e029";
}
.aui .icon-mic_none:before {
  content: "\e02a";
}
.aui .icon-mic_off:before {
  content: "\e02b";
}
.aui .icon-mms:before {
  content: "\e618";
}
.aui .icon-mode_comment:before {
  content: "\e253";
}
.aui .icon-monetization_on:before {
  content: "\e263";
}
.aui .icon-money_off:before {
  content: "\e25c";
}
.aui .icon-monochrome_photos:before {
  content: "\e403";
}
.aui .icon-mood_bad:before {
  content: "\e7f3";
}
.aui .icon-more:before {
  content: "\e619";
}
.aui .icon-more_horiz:before {
  content: "\e5d3";
}
.aui .icon-more_vert:before {
  content: "\e5d4";
}
.aui .icon-motorcycle:before {
  content: "\e91b";
}
.aui .icon-mouse:before {
  content: "\e323";
}
.aui .icon-move_to_inbox:before {
  content: "\e168";
}
.aui .icon-movie_creation:before {
  content: "\e404";
}
.aui .icon-movie_filter:before {
  content: "\e43a";
}
.aui .icon-multiline_chart:before {
  content: "\e6df";
}
.aui .icon-music_note:before {
  content: "\e405";
}
.aui .icon-music_video:before {
  content: "\e063";
}
.aui .icon-nature:before {
  content: "\e406";
}
.aui .icon-nature_people:before {
  content: "\e407";
}
.aui .icon-navigation:before {
  content: "\e55d";
}
.aui .icon-near_me:before {
  content: "\e569";
}
.aui .icon-network_cell:before {
  content: "\e1b9";
}
.aui .icon-network_check:before {
  content: "\e640";
}
.aui .icon-network_locked:before {
  content: "\e61a";
}
.aui .icon-network_wifi:before {
  content: "\e1ba";
}
.aui .icon-new_releases:before {
  content: "\e031";
}
.aui .icon-next_week:before {
  content: "\e16a";
}
.aui .icon-nfc:before {
  content: "\e1bb";
}
.aui .icon-no_encryption:before {
  content: "\e641";
}
.aui .icon-signal_cellular_no_sim:before {
  content: "\e1ce";
}
.aui .icon-note:before {
  content: "\e06f";
}
.aui .icon-note_add:before {
  content: "\e89c";
}
.aui .icon-notifications:before {
  content: "\e7f4";
}
.aui .icon-notifications_active:before {
  content: "\e7f7";
}
.aui .icon-notifications_none:before {
  content: "\e7f5";
}
.aui .icon-notifications_off:before {
  content: "\e7f6";
}
.aui .icon-notifications_paused:before {
  content: "\e7f8";
}
.aui .icon-offline_pin:before {
  content: "\e90a";
}
.aui .icon-ondemand_video:before {
  content: "\e63a";
}
.aui .icon-opacity:before {
  content: "\e91c";
}
.aui .icon-open_in_browser:before {
  content: "\e89d";
}
.aui .icon-open_with:before {
  content: "\e89f";
}
.aui .icon-pages:before {
  content: "\e7f9";
}
.aui .icon-pageview:before {
  content: "\e8a0";
}
.aui .icon-pan_tool:before {
  content: "\e925";
}
.aui .icon-panorama:before {
  content: "\e40b";
}
.aui .icon-radio_button_unchecked:before {
  content: "\e836";
}
.aui .icon-panorama_horizontal:before {
  content: "\e40d";
}
.aui .icon-panorama_vertical:before {
  content: "\e40e";
}
.aui .icon-panorama_wide_angle:before {
  content: "\e40f";
}
.aui .icon-party_mode:before {
  content: "\e7fa";
}
.aui .icon-pause:before {
  content: "\e034";
}
.aui .icon-pause_circle_filled:before {
  content: "\e035";
}
.aui .icon-pause_circle_outline:before {
  content: "\e036";
}
.aui .icon-people_outline:before {
  content: "\e7fc";
}
.aui .icon-perm_camera_mic:before {
  content: "\e8a2";
}
.aui .icon-perm_contact_calendar:before {
  content: "\e8a3";
}
.aui .icon-perm_data_setting:before {
  content: "\e8a4";
}
.aui .icon-perm_device_information:before {
  content: "\e8a5";
}
.aui .icon-person_outline:before {
  content: "\e7ff";
}
.aui .icon-perm_media:before {
  content: "\e8a7";
}
.aui .icon-perm_phone_msg:before {
  content: "\e8a8";
}
.aui .icon-perm_scan_wifi:before {
  content: "\e8a9";
}
.aui .icon-person:before {
  content: "\e7fd";
}
.aui .icon-person_add:before {
  content: "\e7fe";
}
.aui .icon-person_pin:before {
  content: "\e55a";
}
.aui .icon-person_pin_circle:before {
  content: "\e56a";
}
.aui .icon-personal_video:before {
  content: "\e63b";
}
.aui .icon-pets:before {
  content: "\e91d";
}
.aui .icon-phone_android:before {
  content: "\e324";
}
.aui .icon-phone_bluetooth_speaker:before {
  content: "\e61b";
}
.aui .icon-phone_forwarded:before {
  content: "\e61c";
}
.aui .icon-phone_in_talk:before {
  content: "\e61d";
}
.aui .icon-phone_iphone:before {
  content: "\e325";
}
.aui .icon-phone_locked:before {
  content: "\e61e";
}
.aui .icon-phone_missed:before {
  content: "\e61f";
}
.aui .icon-phone_paused:before {
  content: "\e620";
}
.aui .icon-phonelink_erase:before {
  content: "\e0db";
}
.aui .icon-phonelink_lock:before {
  content: "\e0dc";
}
.aui .icon-phonelink_off:before {
  content: "\e327";
}
.aui .icon-phonelink_ring:before {
  content: "\e0dd";
}
.aui .icon-phonelink_setup:before {
  content: "\e0de";
}
.aui .icon-photo_album:before {
  content: "\e411";
}
.aui .icon-photo_filter:before {
  content: "\e43b";
}
.aui .icon-photo_size_select_actual:before {
  content: "\e432";
}
.aui .icon-photo_size_select_large:before {
  content: "\e433";
}
.aui .icon-photo_size_select_small:before {
  content: "\e434";
}
.aui .icon-picture_as_pdf:before {
  content: "\e415";
}
.aui .icon-picture_in_picture:before {
  content: "\e8aa";
}
.aui .icon-picture_in_picture_alt:before {
  content: "\e911";
}
.aui .icon-pie_chart:before {
  content: "\e6c4";
}
.aui .icon-pie_chart_outlined:before {
  content: "\e6c5";
}
.aui .icon-pin_drop:before {
  content: "\e55e";
}
.aui .icon-play_arrow:before {
  content: "\e037";
}
.aui .icon-play_circle_outline:before {
  content: "\e039";
}
.aui .icon-play_for_work:before {
  content: "\e906";
}
.aui .icon-playlist_add:before {
  content: "\e03b";
}
.aui .icon-playlist_add_check:before {
  content: "\e065";
}
.aui .icon-playlist_play:before {
  content: "\e05f";
}
.aui .icon-plus_one:before {
  content: "\e800";
}
.aui .icon-polymer:before {
  content: "\e8ab";
}
.aui .icon-pool:before {
  content: "\eb48";
}
.aui .icon-portable_wifi_off:before {
  content: "\e0ce";
}
.aui .icon-portrait:before {
  content: "\e416";
}
.aui .icon-power:before {
  content: "\e63c";
}
.aui .icon-power_input:before {
  content: "\e336";
}
.aui .icon-power_settings_new:before {
  content: "\e8ac";
}
.aui .icon-pregnant_woman:before {
  content: "\e91e";
}
.aui .icon-present_to_all:before {
  content: "\e0df";
}
.aui .icon-priority_high:before {
  content: "\e645";
}
.aui .icon-public:before {
  content: "\e80b";
}
.aui .icon-publish:before {
  content: "\e255";
}
.aui .icon-queue_music:before {
  content: "\e03d";
}
.aui .icon-queue_play_next:before {
  content: "\e066";
}
.aui .icon-radio:before {
  content: "\e03e";
}
.aui .icon-radio_button_checked:before {
  content: "\e837";
}
.aui .icon-rate_review:before {
  content: "\e560";
}
.aui .icon-receipt:before {
  content: "\e8b0";
}
.aui .icon-recent_actors:before {
  content: "\e03f";
}
.aui .icon-record_voice_over:before {
  content: "\e91f";
}
.aui .icon-redo:before {
  content: "\e15a";
}
.aui .icon-refresh:before {
  content: "\e5d5";
}
.aui .icon-remove:before {
  content: "\e15b";
}
.aui .icon-remove_circle_outline:before {
  content: "\e15d";
}
.aui .icon-remove_from_queue:before {
  content: "\e067";
}
.aui .icon-visibility:before {
  content: "\e8f4";
}
.aui .icon-remove_shopping_cart:before {
  content: "\e928";
}
.aui .icon-reorder:before {
  content: "\e8fe";
}
.aui .icon-repeat:before {
  content: "\e040";
}
.aui .icon-repeat_one:before {
  content: "\e041";
}
.aui .icon-replay:before {
  content: "\e042";
}
.aui .icon-replay_10:before {
  content: "\e059";
}
.aui .icon-replay_30:before {
  content: "\e05a";
}
.aui .icon-replay_5:before {
  content: "\e05b";
}
.aui .icon-reply:before {
  content: "\e15e";
}
.aui .icon-reply_all:before {
  content: "\e15f";
}
.aui .icon-report:before {
  content: "\e160";
}
.aui .icon-warning:before {
  content: "\e002";
}
.aui .icon-restaurant:before {
  content: "\e56c";
}
.aui .icon-restore_page:before {
  content: "\e929";
}
.aui .icon-ring_volume:before {
  content: "\e0d1";
}
.aui .icon-room_service:before {
  content: "\eb49";
}
.aui .icon-rotate_90_degrees_ccw:before {
  content: "\e418";
}
.aui .icon-rotate_left:before {
  content: "\e419";
}
.aui .icon-rotate_right:before {
  content: "\e41a";
}
.aui .icon-rounded_corner:before {
  content: "\e920";
}
.aui .icon-router:before {
  content: "\e328";
}
.aui .icon-rowing:before {
  content: "\e921";
}
.aui .icon-rss_feed:before {
  content: "\e0e5";
}
.aui .icon-rv_hookup:before {
  content: "\e642";
}
.aui .icon-satellite:before {
  content: "\e562";
}
.aui .icon-save:before {
  content: "\e161";
}
.aui .icon-scanner:before {
  content: "\e329";
}
.aui .icon-school:before {
  content: "\e80c";
}
.aui .icon-screen_lock_landscape:before {
  content: "\e1be";
}
.aui .icon-screen_lock_portrait:before {
  content: "\e1bf";
}
.aui .icon-screen_lock_rotation:before {
  content: "\e1c0";
}
.aui .icon-screen_rotation:before {
  content: "\e1c1";
}
.aui .icon-screen_share:before {
  content: "\e0e2";
}
.aui .icon-sd_storage:before {
  content: "\e1c2";
}
.aui .icon-search:before {
  content: "\e8b6";
}
.aui .icon-security:before {
  content: "\e32a";
}
.aui .icon-select_all:before {
  content: "\e162";
}
.aui .icon-send:before {
  content: "\e163";
}
.aui .icon-sentiment_dissatisfied:before {
  content: "\e811";
}
.aui .icon-sentiment_neutral:before {
  content: "\e812";
}
.aui .icon-sentiment_satisfied:before {
  content: "\e813";
}
.aui .icon-sentiment_very_dissatisfied:before {
  content: "\e814";
}
.aui .icon-sentiment_very_satisfied:before {
  content: "\e815";
}
.aui .icon-settings:before {
  content: "\e8b8";
}
.aui .icon-settings_applications:before {
  content: "\e8b9";
}
.aui .icon-settings_backup_restore:before {
  content: "\e8ba";
}
.aui .icon-settings_bluetooth:before {
  content: "\e8bb";
}
.aui .icon-settings_brightness:before {
  content: "\e8bd";
}
.aui .icon-settings_cell:before {
  content: "\e8bc";
}
.aui .icon-settings_ethernet:before {
  content: "\e8be";
}
.aui .icon-settings_input_antenna:before {
  content: "\e8bf";
}
.aui .icon-settings_input_composite:before {
  content: "\e8c1";
}
.aui .icon-settings_input_hdmi:before {
  content: "\e8c2";
}
.aui .icon-settings_input_svideo:before {
  content: "\e8c3";
}
.aui .icon-settings_overscan:before {
  content: "\e8c4";
}
.aui .icon-settings_phone:before {
  content: "\e8c5";
}
.aui .icon-settings_power:before {
  content: "\e8c6";
}
.aui .icon-settings_remote:before {
  content: "\e8c7";
}
.aui .icon-settings_system_daydream:before {
  content: "\e1c3";
}
.aui .icon-settings_voice:before {
  content: "\e8c8";
}
.aui .icon-share:before {
  content: "\e80d";
}
.aui .icon-shop:before {
  content: "\e8c9";
}
.aui .icon-shop_two:before {
  content: "\e8ca";
}
.aui .icon-shopping_basket:before {
  content: "\e8cb";
}
.aui .icon-short_text:before {
  content: "\e261";
}
.aui .icon-show_chart:before {
  content: "\e6e1";
}
.aui .icon-shuffle:before {
  content: "\e043";
}
.aui .icon-signal_cellular_4_bar:before {
  content: "\e1c8";
}
.aui .icon-signal_cellular_connected_no_internet_4_bar:before {
  content: "\e1cd";
}
.aui .icon-signal_cellular_null:before {
  content: "\e1cf";
}
.aui .icon-signal_cellular_off:before {
  content: "\e1d0";
}
.aui .icon-signal_wifi_4_bar:before {
  content: "\e1d8";
}
.aui .icon-signal_wifi_4_bar_lock:before {
  content: "\e1d9";
}
.aui .icon-signal_wifi_off:before {
  content: "\e1da";
}
.aui .icon-sim_card:before {
  content: "\e32b";
}
.aui .icon-sim_card_alert:before {
  content: "\e624";
}
.aui .icon-skip_next:before {
  content: "\e044";
}
.aui .icon-skip_previous:before {
  content: "\e045";
}
.aui .icon-slideshow:before {
  content: "\e41b";
}
.aui .icon-slow_motion_video:before {
  content: "\e068";
}
.aui .icon-stay_primary_portrait:before {
  content: "\e0d6";
}
.aui .icon-smoke_free:before {
  content: "\eb4a";
}
.aui .icon-smoking_rooms:before {
  content: "\eb4b";
}
.aui .icon-textsms:before {
  content: "\e0d8";
}
.aui .icon-snooze:before {
  content: "\e046";
}
.aui .icon-sort:before {
  content: "\e164";
}
.aui .icon-sort_by_alpha:before {
  content: "\e053";
}
.aui .icon-spa:before {
  content: "\eb4c";
}
.aui .icon-space_bar:before {
  content: "\e256";
}
.aui .icon-speaker:before {
  content: "\e32d";
}
.aui .icon-speaker_group:before {
  content: "\e32e";
}
.aui .icon-speaker_notes:before {
  content: "\e8cd";
}
.aui .icon-speaker_notes_off:before {
  content: "\e92a";
}
.aui .icon-speaker_phone:before {
  content: "\e0d2";
}
.aui .icon-spellcheck:before {
  content: "\e8ce";
}
.aui .icon-star_border:before {
  content: "\e83a";
}
.aui .icon-star_half:before {
  content: "\e839";
}
.aui .icon-stars:before {
  content: "\e8d0";
}
.aui .icon-stay_primary_landscape:before {
  content: "\e0d5";
}
.aui .icon-stop:before {
  content: "\e047";
}
.aui .icon-stop_screen_share:before {
  content: "\e0e3";
}
.aui .icon-storage:before {
  content: "\e1db";
}
.aui .icon-store_mall_directory:before {
  content: "\e563";
}
.aui .icon-straighten:before {
  content: "\e41c";
}
.aui .icon-streetview:before {
  content: "\e56e";
}
.aui .icon-strikethrough_s:before {
  content: "\e257";
}
.aui .icon-style:before {
  content: "\e41d";
}
.aui .icon-subdirectory_arrow_left:before {
  content: "\e5d9";
}
.aui .icon-subdirectory_arrow_right:before {
  content: "\e5da";
}
.aui .icon-subject:before {
  content: "\e8d2";
}
.aui .icon-subscriptions:before {
  content: "\e064";
}
.aui .icon-subtitles:before {
  content: "\e048";
}
.aui .icon-subway:before {
  content: "\e56f";
}
.aui .icon-supervisor_account:before {
  content: "\e8d3";
}
.aui .icon-surround_sound:before {
  content: "\e049";
}
.aui .icon-swap_calls:before {
  content: "\e0d7";
}
.aui .icon-swap_horiz:before {
  content: "\e8d4";
}
.aui .icon-swap_vert:before {
  content: "\e8d5";
}
.aui .icon-swap_vertical_circle:before {
  content: "\e8d6";
}
.aui .icon-switch_camera:before {
  content: "\e41e";
}
.aui .icon-switch_video:before {
  content: "\e41f";
}
.aui .icon-sync_disabled:before {
  content: "\e628";
}
.aui .icon-sync_problem:before {
  content: "\e629";
}
.aui .icon-system_update:before {
  content: "\e62a";
}
.aui .icon-system_update_alt:before {
  content: "\e8d7";
}
.aui .icon-tab:before {
  content: "\e8d8";
}
.aui .icon-tab_unselected:before {
  content: "\e8d9";
}
.aui .icon-tablet:before {
  content: "\e32f";
}
.aui .icon-tablet_android:before {
  content: "\e330";
}
.aui .icon-tablet_mac:before {
  content: "\e331";
}
.aui .icon-tap_and_play:before {
  content: "\e62b";
}
.aui .icon-text_fields:before {
  content: "\e262";
}
.aui .icon-text_format:before {
  content: "\e165";
}
.aui .icon-texture:before {
  content: "\e421";
}
.aui .icon-thumb_down:before {
  content: "\e8db";
}
.aui .icon-thumb_up:before {
  content: "\e8dc";
}
.aui .icon-thumbs_up_down:before {
  content: "\e8dd";
}
.aui .icon-timelapse:before {
  content: "\e422";
}
.aui .icon-timeline:before {
  content: "\e922";
}
.aui .icon-timer:before {
  content: "\e425";
}
.aui .icon-timer_10:before {
  content: "\e423";
}
.aui .icon-timer_3:before {
  content: "\e424";
}
.aui .icon-timer_off:before {
  content: "\e426";
}
.aui .icon-title:before {
  content: "\e264";
}
.aui .icon-toc:before {
  content: "\e8de";
}
.aui .icon-today:before {
  content: "\e8df";
}
.aui .icon-toll:before {
  content: "\e8e0";
}
.aui .icon-tonality:before {
  content: "\e427";
}
.aui .icon-touch_app:before {
  content: "\e913";
}
.aui .icon-toys:before {
  content: "\e332";
}
.aui .icon-track_changes:before {
  content: "\e8e1";
}
.aui .icon-traffic:before {
  content: "\e565";
}
.aui .icon-train:before {
  content: "\e570";
}
.aui .icon-tram:before {
  content: "\e571";
}
.aui .icon-transfer_within_a_station:before {
  content: "\e572";
}
.aui .icon-transform:before {
  content: "\e428";
}
.aui .icon-translate:before {
  content: "\e8e2";
}
.aui .icon-trending_down:before {
  content: "\e8e3";
}
.aui .icon-trending_flat:before {
  content: "\e8e4";
}
.aui .icon-trending_up:before {
  content: "\e8e5";
}
.aui .icon-tune:before {
  content: "\e429";
}
.aui .icon-tv:before {
  content: "\e333";
}
.aui .icon-unarchive:before {
  content: "\e169";
}
.aui .icon-undo:before {
  content: "\e166";
}
.aui .icon-unfold_less:before {
  content: "\e5d6";
}
.aui .icon-unfold_more:before {
  content: "\e5d7";
}
.aui .icon-update:before {
  content: "\e923";
}
.aui .icon-usb:before {
  content: "\e1e0";
}
.aui .icon-verified_user:before {
  content: "\e8e8";
}
.aui .icon-vertical_align_bottom:before {
  content: "\e258";
}
.aui .icon-vertical_align_center:before {
  content: "\e259";
}
.aui .icon-vertical_align_top:before {
  content: "\e25a";
}
.aui .icon-vibration:before {
  content: "\e62d";
}
.aui .icon-video_call:before {
  content: "\e070";
}
.aui .icon-video_label:before {
  content: "\e071";
}
.aui .icon-video_library:before {
  content: "\e04a";
}
.aui .icon-videocam:before {
  content: "\e04b";
}
.aui .icon-videocam_off:before {
  content: "\e04c";
}
.aui .icon-videogame_asset:before {
  content: "\e338";
}
.aui .icon-view_agenda:before {
  content: "\e8e9";
}
.aui .icon-view_array:before {
  content: "\e8ea";
}
.aui .icon-view_carousel:before {
  content: "\e8eb";
}
.aui .icon-view_column:before {
  content: "\e8ec";
}
.aui .icon-view_comfy:before {
  content: "\e42a";
}
.aui .icon-view_compact:before {
  content: "\e42b";
}
.aui .icon-view_day:before {
  content: "\e8ed";
}
.aui .icon-view_headline:before {
  content: "\e8ee";
}
.aui .icon-view_list:before {
  content: "\e8ef";
}
.aui .icon-view_module:before {
  content: "\e8f0";
}
.aui .icon-view_quilt:before {
  content: "\e8f1";
}
.aui .icon-view_stream:before {
  content: "\e8f2";
}
.aui .icon-view_week:before {
  content: "\e8f3";
}
.aui .icon-vignette:before {
  content: "\e435";
}
.aui .icon-visibility_off:before {
  content: "\e8f5";
}
.aui .icon-voice_chat:before {
  content: "\e62e";
}
.aui .icon-voicemail:before {
  content: "\e0d9";
}
.aui .icon-volume_down:before {
  content: "\e04d";
}
.aui .icon-volume_mute:before {
  content: "\e04e";
}
.aui .icon-volume_off:before {
  content: "\e04f";
}
.aui .icon-volume_up:before {
  content: "\e050";
}
.aui .icon-vpn_key:before {
  content: "\e0da";
}
.aui .icon-vpn_lock:before {
  content: "\e62f";
}
.aui .icon-wallpaper:before {
  content: "\e1bc";
}
.aui .icon-watch:before {
  content: "\e334";
}
.aui .icon-watch_later:before {
  content: "\e924";
}
.aui .icon-wb_auto:before {
  content: "\e42c";
}
.aui .icon-wb_incandescent:before {
  content: "\e42e";
}
.aui .icon-wb_iridescent:before {
  content: "\e436";
}
.aui .icon-wb_sunny:before {
  content: "\e430";
}
.aui .icon-wc:before {
  content: "\e63d";
}
.aui .icon-web:before {
  content: "\e051";
}
.aui .icon-web_asset:before {
  content: "\e069";
}
.aui .icon-weekend:before {
  content: "\e16b";
}
.aui .icon-whatshot:before {
  content: "\e80e";
}
.aui .icon-widgets:before {
  content: "\e1bd";
}
.aui .icon-wifi:before {
  content: "\e63e";
}
.aui .icon-wifi_lock:before {
  content: "\e1e1";
}
.aui .icon-wifi_tethering:before {
  content: "\e1e2";
}
.aui .icon-work:before {
  content: "\e8f9";
}
.aui .icon-wrap_text:before {
  content: "\e25b";
}
.aui .icon-youtube_searched_for:before {
  content: "\e8fa";
}
.aui .icon-zoom_in:before {
  content: "\e8ff";
}
.aui .icon-zoom_out:before {
  content: "\e901";
}
.aui .icon-zoom_out_map:before {
  content: "\e56b";
}
.aui .icon-accessibility01:before {
  content: "\e9b2";
}
.aui .icon-whatsapp:before {
  content: "\e9bb";
}
.aui .icon-brand:before {
  content: "\e9bb";
}
.aui .icon-social:before {
  content: "\e9bb";
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  text-align: center;
  display: none;
  outline: 0;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: inline-block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: none;
  height: 66px;
  width: 66px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 45%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 9;
  /* @media only screen and (min-width : 601px){
     display:block;
  } */
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1;
  background-color: rgba(158, 158, 158, 0.8);
}
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
  background-color: rgba(158, 158, 158, 0.6);
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "icomoon";
  font-size: 30px;
  line-height: 1;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 19px;
  background-color: rgba(158, 158, 158, 0.37);
}

/* .device-carousel__arrows{
    .slick-prev,
.slick-next {
        &:before {
             color: darken($slick-arrow-color, 30%);
             background-color:lighten($slick-arrow-color,10%);
             font-weight: 100;
        }
    }   
}
 */
.slick-prev {
  left: -66px;
}
@media only screen and (min-width : 993px) {
  .slick-prev {
    left: 48px;
  }
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -66px;
}
.slick-prev:before {
  content: "\e314";
}
[dir=rtl] .slick-prev:before {
  content: "\e409";
}

.slick-next {
  right: -66px;
}
@media only screen and (min-width : 993px) {
  .slick-next {
    right: 66px;
  }
}
[dir=rtl] .slick-next {
  left: -66px;
  right: auto;
}
.slick-next:before {
  content: "\e409";
}
[dir=rtl] .slick-next:before {
  content: "\e314";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "icomoon";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 1;
}

@-webkit-keyframes outToLeft {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes outToLeft {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes outToRight {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes outToRight {
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes inFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes inFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes inFromRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes inFromRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes primary-translate {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  59.15% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
@keyframes primary-translate {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  59.15% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
@-webkit-keyframes primary-scale {
  0% {
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
  36.65% {
    -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
  69.15% {
    -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    -webkit-transform: scaleX(0.66);
    transform: scaleX(0.66);
  }
  100% {
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
}
@keyframes primary-scale {
  0% {
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
  36.65% {
    -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
  69.15% {
    -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    -webkit-transform: scaleX(0.66);
    transform: scaleX(0.66);
  }
  100% {
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
}
@-webkit-keyframes secondary-translate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: translateX(38%);
    transform: translateX(38%);
  }
  48.35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: translateX(84%);
    transform: translateX(84%);
  }
  100% {
    -webkit-transform: translateX(160%);
    transform: translateX(160%);
  }
}
@keyframes secondary-translate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: translateX(38%);
    transform: translateX(38%);
  }
  48.35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: translateX(84%);
    transform: translateX(84%);
  }
  100% {
    -webkit-transform: translateX(160%);
    transform: translateX(160%);
  }
}
@-webkit-keyframes secondary-scale {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
  19.15% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: scaleX(0.45);
    transform: scaleX(0.45);
  }
  44.15% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: scaleX(0.7);
    transform: scaleX(0.7);
  }
  100% {
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
}
@keyframes secondary-scale {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
  19.15% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: scaleX(0.45);
    transform: scaleX(0.45);
  }
  44.15% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: scaleX(0.7);
    transform: scaleX(0.7);
  }
  100% {
    -webkit-transform: scaleX(0.08);
    transform: scaleX(0.08);
  }
}
body {
  margin: 0;
  font-family: "Telefonica", sans-serif;
  font-weight: normal;
}
body .portlet-nested-portlets {
  padding: 0;
}
body .portlet-column-only {
  padding: 0;
}
body .portlet-layout::after {
  content: "";
  display: table;
  clear: both;
}
body .portlet-borderless-container {
  min-height: 2.5em;
  position: relative;
}
body .journal-content-article {
  height: 100%;
}
body .layout_full_width .layout_same_height__col {
  padding: 0;
  /*@media (min-width: 993px){
  	padding: 0 0.75rem;
  }*/
}
@media (min-width: 993px) {
  body .layout_full_width.layout_no-padding .layout_same_height__col {
    padding: 0;
  }
}

.portlet-layout.row-fluid {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

@media (max-width: 979px) {
  .btn, .btn-large {
    padding: initial;
    font-size: initial;
  }
}
@media (max-width: 979px) {
  .ios input {
    max-width: none !important;
  }
}

.layout_full_width .portlet-column {
  padding: 0;
}

.layout_full_width .portlet-column {
  padding: 0;
}
.layout_full_width .portlet-layout.row > .col, .layout_full_width .portlet-layout.row > .offset12, .layout_full_width .portlet-layout.row > .offset11, .layout_full_width .portlet-layout.row > .offset10, .layout_full_width .portlet-layout.row > .offset9, .layout_full_width .portlet-layout.row > .offset8, .layout_full_width .portlet-layout.row > .offset7, .layout_full_width .portlet-layout.row > .offset6, .layout_full_width .portlet-layout.row > .offset5, .layout_full_width .portlet-layout.row > .offset4, .layout_full_width .portlet-layout.row > .offset3, .layout_full_width .portlet-layout.row > .offset2, .layout_full_width .portlet-layout.row > .offset1, .layout_full_width .portlet-layout.row > .span11, .layout_full_width .portlet-layout.row > .span1,
.layout_full_width .portlet-layout.row > .span2,
.layout_full_width .portlet-layout.row > .span3,
.layout_full_width .portlet-layout.row > .span4,
.layout_full_width .portlet-layout.row > .span5,
.layout_full_width .portlet-layout.row > .span6,
.layout_full_width .portlet-layout.row > .span7,
.layout_full_width .portlet-layout.row > .span8,
.layout_full_width .portlet-layout.row > .span9,
.layout_full_width .portlet-layout.row > .span10,
.layout_full_width .portlet-layout.row > .span12, .layout_full_width .portlet-layout.row-fluid > .col, .layout_full_width .portlet-layout.row-fluid > .offset12, .layout_full_width .portlet-layout.row-fluid > .offset11, .layout_full_width .portlet-layout.row-fluid > .offset10, .layout_full_width .portlet-layout.row-fluid > .offset9, .layout_full_width .portlet-layout.row-fluid > .offset8, .layout_full_width .portlet-layout.row-fluid > .offset7, .layout_full_width .portlet-layout.row-fluid > .offset6, .layout_full_width .portlet-layout.row-fluid > .offset5, .layout_full_width .portlet-layout.row-fluid > .offset4, .layout_full_width .portlet-layout.row-fluid > .offset3, .layout_full_width .portlet-layout.row-fluid > .offset2, .layout_full_width .portlet-layout.row-fluid > .offset1, .layout_full_width .portlet-layout.row-fluid > .span11, .layout_full_width .portlet-layout.row-fluid > .span1,
.layout_full_width .portlet-layout.row-fluid > .span2,
.layout_full_width .portlet-layout.row-fluid > .span3,
.layout_full_width .portlet-layout.row-fluid > .span4,
.layout_full_width .portlet-layout.row-fluid > .span5,
.layout_full_width .portlet-layout.row-fluid > .span6,
.layout_full_width .portlet-layout.row-fluid > .span7,
.layout_full_width .portlet-layout.row-fluid > .span8,
.layout_full_width .portlet-layout.row-fluid > .span9,
.layout_full_width .portlet-layout.row-fluid > .span10,
.layout_full_width .portlet-layout.row-fluid > .span12 {
  padding: 0;
}

.layout_full_width_grey {
  background-color: #f4f4f3;
}
.layout_full_width_grey .portlet-column {
  padding: 0;
}

.layout_full_width_blue .portlet-column {
  padding: 0;
}
@media only screen and (min-width : 993px) {
  .layout_full_width_blue {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.layout_grey {
  background-color: #f4f4f3;
}
@media only screen and (min-width : 993px) {
  .layout_grey {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}

@media only screen and (min-width : 993px) {
  .layout_transparent {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

@media only screen and (min-width : 993px) {
  .layout_same_height__row {
    display: flex;
  }
}

@media only screen and (min-width : 993px) {
  .layout_same_height__col .portlet-column-content,
  .layout_same_height__col .portlet-boundary,
  .layout_same_height__col .portlet-borderless-container,
  .layout_same_height__col .portlet-body {
    height: 100%;
  }
}

@media only screen and (min-width : 993px) {
  .layout_no-padding {
    padding: 0;
  }
  .layout_no-padding .layout_same_height__col {
    padding: 0;
  }
}
.demo-title {
  color: #fff;
  background: #4e5255;
  padding: 1.78rem 0 1.424rem 0;
  margin: 0;
}

.demo-dummy {
  display: none;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width : 993px) {
  .demo-dummy {
    display: block;
  }
}

.responsively-lazy:not(img) {
  position: relative;
  height: 0;
}

.responsively-lazy:not(img) > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img.responsively-lazy {
  width: 100%;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.navigation__header {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (min-width : 993px) {
  .navigation__header {
    width: 15%;
  }
}
@media only screen and (min-width : 1201px) {
  .navigation__header {
    width: 14%;
  }
}

.navigation__accessibility-container {
  align-self: center;
  right: 115px;
  position: absolute;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width : 993px) {
  .navigation__accessibility-container {
    display: none;
  }
}

.navigation__accessibility-icon {
  display: block;
  font-size: 20px;
  color: #86888c;
  /*border-radius: 100%;
  padding: 5px;
  border: 1px solid #86888c;*/
}

.navigation__login-container {
  align-self: center;
  right: 75px;
  position: absolute;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
@media only screen and (min-width : 993px) {
  .navigation__login-container {
    display: none;
  }
}

.navigation__login-icon {
  display: block;
  font-size: 16px;
  color: #86888c;
}

.navigation__toogle-container {
  align-self: center;
}
@media only screen and (min-width : 993px) {
  .navigation__toogle-container {
    display: none;
  }
}

.navigation__logo-container {
  align-self: center;
}

.navigation__logo {
  display: flex;
  align-items: center;
}

.navigation__logo--svg {
  fill: currentColor;
  max-width: 43px;
}
@media only screen and (min-width : 993px) {
  .navigation__logo--svg {
    max-width: none;
  }
}

.scrolling--down .navigation__logo-text--svg {
  transform: translate(0, -100%);
  opacity: 0;
}
@media only screen and (min-width : 993px) {
  .scrolling--down .navigation__logo--svg {
    max-width: 43px;
    margin-right: 9px;
  }
}

.navigation__logo-text--svg {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translate(0, 0);
  opacity: 1;
}

.navigation__logo-text {
  display: none;
  fill: currentColor;
  margin-left: 12px;
  overflow: hidden;
}
@media only screen and (min-width : 1201px) {
  .navigation__logo-text {
    display: block;
  }
}

.navigation__title {
  margin: 0;
  font-size: 1px;
  display: inline-block;
  line-height: normal;
  color: transparent;
}

.navigation__toogle {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  height: 40px;
}

.navigation__toogle-bar {
  display: block;
  width: 34px;
  height: 2px;
  background: rgb(134, 136, 140);
}

.navigation__toogle-bar + .navigation__toogle-bar {
  margin-top: 5px;
}

.mlmenu__nav {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  padding: 0 60px 0 25px;
}

.mlmenu__nav-inner {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
  white-space: nowrap;
}
.mlmenu__nav-inner .mlmenu__nav__select {
  margin-top: 0;
}
.mlmenu__nav-inner .select-wrapper .caret {
  display: none;
}
.mlmenu__nav-inner .select-wrapper::after {
  content: "\e5cf";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0299d8;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  height: 10px;
  margin: auto 0;
  font-size: 20px;
  line-height: 10px;
}
.mlmenu__nav-inner input[type=text] {
  height: 3rem;
  line-height: 3rem;
  font-size: 18px;
  color: #888;
  margin: 0;
  border-bottom: 0;
  width: auto;
  font-weight: 300;
  border-radius: 20px;
  padding: 15px;
  background: #fff;
  width: 100%;
}
.mlmenu__nav-inner .select-wrapper {
  display: inline-block;
}

.mlmenu__back {
  padding: 10px 0;
  position: relative;
  color: #fff;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
  display: block;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  position: relative;
}
.mlmenu__back:hover {
  color: #fff;
  text-decoration: none;
}
.mlmenu__back .icon-navigate_before {
  position: absolute;
  font-size: 18px;
  left: 0;
  top: 50%;
  margin-top: -9px;
}

.mlmenu__search {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  position: relative;
  left: -60px;
}

.mlmenu__search__inner {
  display: table;
  width: 100%;
  border-bottom: 1px solid transparent;
}

input[type=text].mlmenu__search-input {
  height: 40px;
  margin: 0;
}

input[type=text]:focus:not([readonly]).mlmenu__search-input {
  border-bottom: 0;
  box-shadow: none;
}

.mlmenu__search-input {
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  color: #fff;
  margin: 0;
  border: 0;
  background: transparent;
  outline: 0;
}

.mlmenu__search-button-container,
.mlmenu__search-input-container,
.mlmenu__search-close-container {
  display: table-cell;
  vertical-align: middle;
}

.mlmenu__search-input-container {
  width: 100%;
  max-width: 120px;
}
@media (min-width: 375px) {
  .mlmenu__search-input-container {
    max-width: none;
  }
}

.mlmenu__search-close {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  color: #fff;
}

.mlmenu__search-button {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  color: #fff;
  width: 50px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  display: block;
  text-align: center;
}

.mlmenu__header-inner {
  display: table;
  width: 200%;
  height: 70px;
  table-layout: fixed;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  left: 0;
}
.mlmenu__header-inner .dropdown-content {
  border-radius: 2px;
}
.mlmenu__header-inner .dropdown-content li > a,
.mlmenu__header-inner .dropdown-content li > span {
  color: #50535A;
}
.mlmenu__header-inner .dropdown-content li.selected {
  background-color: transparent;
}
.mlmenu__header-inner .dropdown-content li.selected > a,
.mlmenu__header-inner .dropdown-content li.selected > span {
  color: #0299D8;
}

.mlmenu__search--open .mlmenu__header-inner {
  left: -100%;
}
.mlmenu__search--open .mlmenu__search {
  left: 0;
  padding: 0 15px;
}
.mlmenu__search--open .mlmenu__search__inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.mlmenu__search--open .mlmenu__search-button {
  border-left: 1px solid transparent;
}
.mlmenu__search--open .mlmenu__nav-inner {
  visibility: hidden;
  opacity: 0;
}

.mlmenu__nav-slide {
  display: table;
  width: 200%;
  position: relative;
  table-layout: fixed;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

.mlmenu__nav__select {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

.mlmenu__back-container {
  display: table-cell;
  vertical-align: middle;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

.mlnavigation--active-back .mlmenu__nav-slide {
  left: -100%;
}
.mlnavigation--active-back .mlmenu__nav__select {
  visibility: hidden;
  opacity: 0;
}
.mlnavigation--active-back .mlmenu__back-container {
  visibility: visible;
  opacity: 1;
}

/* Color Variations Theme */
.movistar--blue .navigation__logo--svg {
  color: #00a9e0;
}
.movistar--blue .navigation__logo-text {
  color: #00a9e0;
}
.movistar--blue .mlmenu__search {
  background: #5bc500;
}

.movistar--green .navigation__logo--svg {
  color: #5bc500;
}
.movistar--green .navigation__logo-text {
  color: #5bc500;
}
.movistar--green .mlmenu__search {
  background: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.mlnavigation--push-menu {
  overflow-x: hidden;
  position: relative;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.mlnavigation--open {
  left: -85%;
  overflow: hidden;
}
.mlnavigation--open .mlmenu__close {
  margin-left: -15%;
  width: 15%;
}
@media only screen and (min-width : 993px) {
  .mlnavigation--open {
    left: auto;
  }
}
.mlnavigation--open.full-width-menu {
  left: -100%;
}
@media only screen and (min-width : 993px) {
  .mlnavigation--open.full-width-menu {
    left: auto;
  }
}
.mlnavigation--open.full-width-menu .mlnavigation {
  left: 0;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .mlnavigation--open.full-width-menu .mlnavigation {
    left: auto;
    width: auto;
  }
}
.mlnavigation--open.full-width-menu .navigation__wrapper {
  left: -100%;
}
@media only screen and (min-width : 993px) {
  .mlnavigation--open.full-width-menu .navigation__wrapper {
    left: auto;
  }
}
.mlnavigation--open .mlnavigation {
  left: 15%;
}
@media only screen and (min-width : 993px) {
  .mlnavigation--open .mlnavigation {
    left: auto;
  }
}
.mlnavigation--open .navigation__wrapper {
  left: -85%;
}
@media only screen and (min-width : 993px) {
  .mlnavigation--open .navigation__wrapper {
    left: auto;
  }
}

.navigation__wrapper {
  width: 100%;
  height: 64px;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: left 0.3s ease, top 0.3s ease;
  -moz-transition: left 0.3s ease, top 0.3s ease;
  transition: left 0.3s ease, top 0.3s ease;
  z-index: 998;
  padding: 0 15px;
}
@media only screen and (min-width : 993px) {
  .navigation__wrapper {
    height: 120px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px;
    padding: 0;
  }
}

@media only screen and (min-width : 993px) {
  .scrolling--down .navigation__wrapper {
    top: -32px;
    height: 109px;
    margin-top: 0;
  }
}
.scrolling--down.navigation-tabs--active .navigation__wrapper {
  top: -64px;
}
@media only screen and (min-width : 993px) {
  .scrolling--down.navigation-tabs--active .navigation__wrapper {
    top: -32px;
  }
}

.navigation__wrapper--white {
  background: #fff;
}

.desktopSearch--open .navigation__wrapper {
  z-index: 1003;
}

.navigation__container {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width : 993px) {
  .navigation__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*justify-content: center;*/
    padding: 0 15px;
    height: 88px;
    position: relative;
  }
}

@media only screen and (min-width : 993px) {
  .scrolling--down .navigation__container {
    height: 77px;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.mlnavigation {
  width: 85%;
  height: 100%;
  top: 0;
  left: 100%;
  z-index: 1000;
  position: fixed;
  display: flex;
  flex-direction: column;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
@media only screen and (min-width : 993px) {
  .mlnavigation {
    display: none;
  }
}

.mlmenu__container {
  flex-grow: 1;
  display: flex;
}

.mlmenu {
  flex: 1;
  position: relative;
  overflow-x: hidden;
}

.mlnavigation--active-back .mlmenu--login {
  display: none;
}

.mlmenu--login {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  box-shadow: inset 1px 0 0 0 #D3D4D3;
}

.mlmenu--login-link {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 20px 16px 24px;
}

.mlmenu--login-text-container {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #0299D8;
  letter-spacing: 0;
  line-height: 16px;
  padding-right: 45px;
  width: 80%;
}

.mlmenu--login-text {
  display: block;
}
.mlmenu--login-text span {
  vertical-align: middle;
}

.mlmenu--login-icon {
  width: 20%;
  text-align: right;
}

.mlmenu--login-icon span {
  font-size: 20px;
  color: #fff;
  padding: 12px;
  background: #53BF02;
  border-radius: 100%;
}

.mlmenu__menu {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.mlmenu__sub-menu {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.mlmenu__sub-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}
.mlmenu__sub-menu.mlmenu__sub-menu--current {
  display: block;
}

.mlmenu__link {
  position: relative;
  color: #fff;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
  display: block;
  font-weight: 100;
  font-size: 24px;
  letter-spacing: -0.25px;
  position: relative;
  padding: 10px 15px 10px 25px;
}
.mlmenu__link:hover {
  color: #fff;
  text-decoration: none;
}
.mlmenu__link .icon-navigate_next {
  position: absolute;
  font-size: 18px;
  right: 15px;
  top: 50%;
  margin-top: -9px;
}

.mlmenu__close {
  height: 100%;
  position: fixed;
}

.animate-outToLeft .mlmenu__level {
  -webkit-animation: outToLeft 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: outToLeft 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-outToRight .mlmenu__level {
  -webkit-animation: outToRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: outToRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromLeft .mlmenu__level {
  -webkit-animation: inFromLeft 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: inFromLeft 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromRight .mlmenu__level {
  -webkit-animation: inFromRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
  animation: inFromRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}

/* Color Variations Theme */
.movistar--green .mlnavigation {
  background: #00a9e0;
}

.movistar--blue .mlnavigation {
  background: #5bc500;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.navigation-secondary {
  display: none;
}
@media only screen and (min-width : 993px) {
  .navigation-secondary {
    display: block;
    height: 32px;
    background: #F4F4F3;
    box-shadow: inset 0 -1px 0 0 #E9EAE8;
  }
}

.navigation-secondary-container {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  height: 100%;
}

.navigation-secondary__block {
  display: block;
  margin: 0;
  padding: 0 15px;
}

.navigation-secondary__item {
  padding: 5px 0;
  display: inline-block;
}

.navigation-secondary__user-type {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 14px;
  color: #86888C;
  padding-right: 16px;
}
.navigation-secondary__user-type:hover {
  color: #0299d8;
}
.navigation-secondary__user-type.active {
  font-weight: bold;
}

#desktopnavigation {
  display: none;
}
@media only screen and (min-width : 993px) {
  #desktopnavigation {
    display: block;
    width: 85%;
    align-items: stretch;
    margin-right: 0;
    padding-right: 0;
    height: 100%;
  }
}
@media only screen and (min-width : 1201px) {
  #desktopnavigation {
    margin-right: -70px;
    padding-right: 80px;
  }
}

.dnavigation {
  display: flex;
  align-items: stretch;
  margin: 0;
  height: 100%;
  justify-content: center;
  width: 70%;
  transition: all 0.3s;
}
@media (min-width: 1180px) {
  .dnavigation {
    width: 80%;
  }
}

.dnavigation__item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 2.3%;
  cursor: pointer;
  white-space: nowrap;
}
.dnavigation__item.selected .dnavigation__children {
  font-weight: bold;
}
.dnavigation__item.selected .dnavigation__no-children::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  opacity: 1;
  transition: height 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0098d9;
}
.dnavigation__item:hover .dnavigation__submenu-container {
  display: flex;
}
.dnavigation__item:hover .dnavigation__children {
  color: #d7d7d7;
}
.dnavigation__item:hover .dnavigation__icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  top: 40%;
  color: #039be5;
}
.dnavigation__item:hover .dnavigation__no-children {
  color: #039be5;
}

.dnavigation__link {
  font-weight: normal;
  font-size: 16px;
  color: #63666d;
  padding: 5px;
}

.dnavigation__icon {
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
}

.dnavigation__submenu-container {
  display: none;
  top: 88px;
  margin-top: 32px;
  width: 100%;
  background: #fff;
  position: fixed;
  left: 0;
  border-top: 1px solid #d7d7d7;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px;
  cursor: auto;
  z-index: 10;
}

.scrolling--down .dnavigation__submenu-container {
  top: 77px;
  margin-top: 0;
}

.dnavigation__submenu {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
  display: flex;
  /*height: 350px;
  padding-top: 45px;*/
  padding: 45px 0;
}
.dnavigation__submenu > li > a {
  display: inline-block;
  padding: 5px 0;
  position: relative;
  width: max-content;
}
.dnavigation__submenu > li > a:hover {
  color: #039be5;
}
.dnavigation__submenu > .selected-children a::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  opacity: 1;
  transition: height 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0098d9;
}
@media only screen and (min-width : 993px) {
  .dnavigation__submenu {
    width: 70%;
  }
}
.dnavigation__submenu > li {
  width: 20%;
}

.dnavigation__title {
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  color: #63666d;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.dnavigation__submenu__2 > li > a {
  font-size: 16px;
  color: #63666d;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  width: max-content;
  max-width: 100%; /* FIX */
}
.dnavigation__submenu__2 > li > a:hover {
  color: #039be5;
}
.dnavigation__submenu__2 > li > a span {
  white-space: normal; /* FIX */
}
.dnavigation__submenu__2 > .selected-children a::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  opacity: 1;
  transition: height 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0098d9;
}

.dnavigation__slider {
  display: flex;
  width: 200%;
  height: 100%;
  justify-content: center;
  position: relative;
  left: 0;
  transition: left 0.35s;
}

.dnavigation__container-icons {
  width: 100%;
  display: flex;
  align-items: center;
}

.dnavigation__search {
  align-items: center;
  display: flex;
}
.dnavigation__search .search-lg:before {
  font-size: 1.6rem;
  line-height: 1.7;
}

.dnavigation__search-button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 0;
  text-transform: uppercase;
  border: none;
  border-radius: 100%;
  font-size: 17px;
  margin-left: 50px;
  margin-right: 15px;
  text-align: center;
}
.dnavigation__search-button:hover {
  color: #0299d8;
}

.dnavigation__search-input {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  border: 0;
  background: transparent;
  color: red;
  font-weight: 100;
  font-size: 30px;
  line-height: 38px;
  color: #63666d;
  outline: 0;
}
.dnavigation__search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c3c4c4;
}
.dnavigation__search-input::-moz-placeholder { /* Firefox 19+ */
  color: #c3c4c4;
}
.dnavigation__search-input:-ms-input-placeholder { /* IE 10+ */
  color: #c3c4c4;
}
.dnavigation__search-input:-moz-placeholder { /* Firefox 18- */
  color: #c3c4c4;
}

.desktopSearch--open .dnavigation__container-icons {
  width: 80%;
}

.desktopSearch--open .dnavigation__accessibility {
  right: 0;
}

.dnavigation__accessibility {
  align-items: center;
  position: absolute;
  margin-left: -10px;
}
.dnavigation__accessibility :before {
  font-size: 1.6rem;
  line-height: 1.7;
}

.dnavigation__accessibility-button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 0;
  text-transform: uppercase;
  border: none;
  border-radius: 100%;
  font-size: 17px;
  margin-right: 15px;
  text-align: center;
}
.dnavigation__accessibility-button:hover {
  color: #0299d8;
}

.mi-movistar-login {
  display: none;
  width: 210px;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width : 993px) {
  .mi-movistar-login {
    display: flex;
  }
}

.mi-movistar-login__button {
  border: 0;
  border-radius: 4px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  right: 15px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: white;
  text-align: center;
  transition: 0.2s ease-out;
  cursor: pointer;
  font-size: 16px;
  min-width: 110px;
}
.mi-movistar-login__button:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.desktopSearch--open .dnavigation__slider {
  left: -100%;
}
.desktopSearch--open .dnavigation {
  opacity: 0;
  visibility: hidden;
}
.desktopSearch--open .dnavigation__search-input {
  visibility: visible;
  opacity: 1;
}

.search-modal .modal-header {
  text-align: right;
  padding: 24px 24px 0;
}
.search-modal .modal-content {
  padding-top: 0;
}

.search-modal__dismiss {
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color 0.2s;
  height: 40px;
  line-height: 40px;
  width: 40px;
  padding: 0;
  text-transform: uppercase;
  border: none;
  border-radius: 100%;
  font-size: 30px;
  text-align: center;
}

.link-list__title {
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  color: #63666d;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.link-list__link {
  font-size: 24px;
  color: #63666d;
  display: block;
  padding: 5px 0;
}

/* Color Variations Theme */
.movistar--green .mi-movistar-login__button {
  background: #00a9e0;
}

.movistar--blue .mi-movistar-login__button {
  background: #5bc500;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.mlnavigation--open .navigation-tabs {
  left: -85%;
}
.mlnavigation--open.full-width-menu .navigation-tabs {
  left: -100%;
}

.navigation-tabs--active body {
  padding-top: 104px;
}
@media only screen and (min-width : 993px) {
  .navigation-tabs--active body {
    padding-top: 160px;
  }
}

.navigation-tabs {
  height: 41px;
  line-height: 28px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  transition: left 0.3s ease;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px;
  -webkit-transition: left 0.3s ease, top 0.3s ease, height 0.3s ease;
  -moz-transition: left 0.3s ease, top 0.3s ease, height 0.3s ease;
  transition: left 0.3s ease, top 0.3s ease, height 0.3s ease;
  border-top: 1px solid #d7d7d7;
  z-index: 1;
}
@media only screen and (min-width : 993px) {
  .navigation-tabs {
    display: block;
    text-align: center;
  }
}

.navigation-tabs__rail {
  -webkit-user-select: none;
  display: block;
  height: 60px;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  opacity: 0.001;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

.navigation-tabs__list {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  font-size: 0;
}

.navigation-tabs__item {
  display: inline-block;
  position: relative;
  line-height: 40px;
  height: 40px;
  margin: 0;
  padding: 0px 25px;
  font-size: 16px;
  text-align: center;
  -webkit-transition: height 0.3s ease, line-height 0.3s ease;
  -moz-transition: height 0.3s ease, line-height 0.3s ease;
  transition: height 0.3s ease, line-height 0.3s ease;
}
@media only screen and (min-width : 993px) {
  .navigation-tabs__item {
    margin: 0 10px;
    padding: 0px 35px;
  }
}
.navigation-tabs__item > a {
  display: block;
  position: relative;
  width: max-content;
}
.navigation-tabs__item.selected-children::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  opacity: 1;
  transition: height 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0098d9;
}

.navigation-tabs__link {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  display: inline-block;
}

.hdtb-msel .navigation-tabs__link {
  position: relative;
}
.hdtb-msel .navigation-tabs__link::after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  width: 70%;
  background: #0098d8;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  border-radius: 2px;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.npmenu__header {
  display: table;
  width: 100%;
  padding: 10px 15px 10px 25px;
}

.npmenu__body {
  line-height: 24px;
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
}

.modal .npmenu__body {
  color: #63666d;
}

.npmenu__settings-submit {
  text-transform: none;
  width: 95%;
  margin-top: 15px;
}

.npmenu__text {
  padding: 10px 15px 0 25px;
}

.npmenu__settings--off {
  display: block;
}

.npmenu__settings--on {
  display: none;
}

.npmenu__settings--isActive .npmenu__settings--off {
  display: none;
}
.npmenu__settings--isActive .npmenu__settings--on {
  display: block;
}

.npmenu-panel__tabs .tabs .indicator {
  display: none;
}

.npmenu-panel__tabs .tabs {
  width: 90%;
  margin: 20px auto;
  height: 40px;
  overflow: hidden;
}

.npmenu-panel__tabs-block {
  border-radius: 25px;
  border: 1px solid #FFFFFF;
}

.npmenu-panel__item {
  height: 40px;
  width: 50%;
}

.npmenu-panel__tabs .npmenu-panel__text {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 24px;
  text-transform: none;
  padding: 8px 0px;
  background: #0098D9;
  color: #FFFFFF;
  opacity: 1;
}
.npmenu-panel__tabs .npmenu-panel__text.active {
  background: #FFFFFF;
  color: #0299D8;
  opacity: 1;
}

.npmenu-panel__phone {
  width: 290px;
  margin: 22px auto;
}
.npmenu-panel__phone .input-field {
  position: relative;
}

input[type=text]::-webkit-inner-spin-button, input[type=text] ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=text].npmenu-panel__phone-input {
  width: 100%;
  background: transparent;
  border: 1px solid #FFFFFF;
  outline: 0;
  border-radius: 4px;
  font-size: 18px;
  color: #FFFFFF;
  padding: 14px;
  opacity: 0.7;
}
input[type=text].npmenu-panel__phone-input:focus {
  border: 1px solid #FFFFFF;
}
input[type=text].npmenu-panel__phone-input:active {
  border: 1px solid #FFFFFF;
}
input[type=text].npmenu-panel__phone-input + label {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #989a9e;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 300;
  font-style: italic;
}
input[type=text].npmenu-panel__phone-input + label.active {
  display: none;
}

.user_phone__icon {
  position: absolute;
  left: 14px;
  top: 16px;
}

.npmenu-panel__text {
  opacity: 0.7;
  font-family: Telefonica;
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 53px;
}

.npmenu__settings-footer {
  padding: 20px 15px 25px 25px;
  background: #fff;
  color: #9e9e9e;
  text-align: center;
}

.npmenu__title {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  color: #fff;
  font-weight: 100;
  font-size: 24px;
}

.npmenu__switch {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
}

.npmenu__tab {
  padding: 10px 15px 0 25px;
}

.npmenu__tab-nav {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.npmenu__tab-nav .npmenu__tab-item {
  display: table-cell;
  vertical-align: middle;
}
.npmenu__tab-nav .npmenu__tab-item:first-child .npmenu__tab-link {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.npmenu__tab-nav .npmenu__tab-item:last-child .npmenu__tab-link {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.npmenu__tab-nav .npmenu__tab-item .npmenu__tab-link {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  padding: 7px 0;
  letter-spacing: -0.1px;
}
.npmenu__tab-nav .npmenu__tab-item.active .npmenu__tab-link {
  border: 1px solid #fff;
  color: #0299d8;
  background: #fff;
}

.npmenu__panel-container {
  padding: 20px 10px;
  display: inline-block;
  width: 100%;
}
.npmenu__panel-container .checkbox__panel {
  opacity: 0;
  width: 95%;
  margin: 2.5%;
}
.npmenu__panel-container .checkbox__panel [type=checkbox] + label {
  padding: 20px 15px;
}
.npmenu__panel-container .checkbox__panel-text {
  display: block;
}

.checkbox__panel {
  margin-bottom: 15px;
  width: 45%;
  float: left;
  margin: 2.5%;
}
@media only screen and (min-width : 993px) {
  .checkbox__panel {
    width: 29%;
    margin: 0 2% 35px;
  }
}
.checkbox__panel [type=checkbox]:not(:checked),
.checkbox__panel [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.checkbox__panel [type=checkbox] + label {
  display: block;
  padding: 17px 10px 12px;
  background: #fff;
  transition: 0.2s;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
  line-height: 20px;
  font-size: 1rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
@media only screen and (min-width : 601px) {
  .checkbox__panel [type=checkbox] + label {
    padding: 23px 20px 18px;
  }
}
@media only screen and (min-width : 993px) {
  .checkbox__panel [type=checkbox] + label {
    padding: 35px 15px 20px;
  }
}
.checkbox__panel [type=checkbox] + label::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #f59c00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: height 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.checkbox__panel [type=checkbox]:checked + label {
  color: #fff;
}
.checkbox__panel [type=checkbox]:checked + label::before {
  height: 100%;
}
.checkbox__panel [type=checkbox]:checked + label .checkbox__panel-title {
  color: #fff;
}
.checkbox__panel [type=checkbox]:checked + label .checkbox__panel-icon {
  color: #fff;
}
.checkbox__panel [type=checkbox]:checked + label .checkbox__panel-icon::before {
  content: "\e86c";
}

/*COLOR VARIANTS*/
.checkbox__panel--light-orange [type=checkbox] + label::before {
  background: #f59c00;
}

.checkbox__panel--orange [type=checkbox] + label::before {
  background: #eb6a3c;
}

.checkbox__panel--magenta [type=checkbox] + label::before {
  background: #e9426d;
}

.checkbox__panel--purple [type=checkbox] + label::before {
  background: #954b97;
}

.checkbox__panel--blue [type=checkbox] + label::before {
  background: #0098d9;
}

.checkbox__panel-title {
  display: block;
  color: #50535a;
  position: relative;
  z-index: 1;
}

.checkbox__panel-text {
  display: none;
}
@media only screen and (min-width : 993px) {
  .checkbox__panel-text {
    display: block;
    position: relative;
    z-index: 1;
  }
}

.checkbox__panel-icon {
  position: absolute;
  right: 15px;
  font-size: 20px;
  color: #50535a;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#clientsettings-portlet-configuration-modal .dropdown-menu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
}
#clientsettings-portlet-configuration-modal .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
@media (max-width: 979px) {
  #clientsettings-portlet-configuration-modal .dropdown-menu > li > a {
    font-size: 22px;
  }
}

.ucm-modal__inner {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: 100%;
  padding: 15px 0 12px;
  position: relative;
}

.ucm-modal__panel-container {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

#ucm__step-tabs {
  display: none;
}

.ucm__logo--container {
  display: none;
}
@media only screen and (min-width : 993px) {
  .ucm__logo--container {
    display: block;
    text-align: center;
    padding: 0px 0 10px;
  }
}

@media only screen and (min-width : 993px) {
  .ucm__logo--svg {
    fill: currentColor;
    color: #53bf02;
    width: 85px;
  }
}

.ucm__modal__header {
  padding: 0 35px;
}

.ucm__title {
  color: #63666d;
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
  text-align: center;
  /*padding-bottom: 5px;*/
}
@media only screen and (min-width : 993px) {
  .ucm__title {
    font-size: 40px;
    line-height: 48px;
    max-width: 100%;
  }
}

.ucm__title-desktop-text {
  display: none;
}
.ucm__slider {
  margin-bottom: 30px;
}
@media only screen and (min-width : 993px) {
  .ucm__slider {
    max-width: 960px;
    margin: 0 auto 20px;
  }
}
.ucm__slider .slick-slide {
  width: 170px;
}
@media (min-width: 400px) {
  .ucm__slider .slick-slide {
    width: 220px;
  }
}
@media only screen and (min-width : 601px) {
  .ucm__slider::after {
    content: "";
    display: table;
    clear: both;
  }
}

@media only screen and (min-width : 993px) {
  #ucm__step-1 {
    position: relative;
  }
}

.ucm__skip__shapes-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (min-width : 993px) {
  .ucm__skip__shapes-container {
    display: block;
  }
}

.ucm__skip__shape-1 {
  position: absolute;
  top: -265px;
  right: -184px;
  width: 450px;
  height: auto;
}

.ucm__skip__shape-2 {
  position: absolute;
  bottom: -51%;
  left: -320px;
}

.ucm__slider__item {
  position: relative;
}
@media only screen and (min-width : 601px) {
  .ucm__slider__item {
    float: left;
    width: 33%;
    text-align: center;
    padding: 0 25px;
  }
}

.ucm__slider__text-container {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  max-width: 250px;
}

.ucm__slider__text {
  color: #63666d;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  transition: 0.3s;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width : 993px) {
  .ucm__slider__text {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
  }
}

.ucm__slider__number-container {
  position: relative;
  z-index: 1;
}

.ucm__slider__number {
  color: #e9eae8;
  font-size: 200px;
  line-height: 200px;
}

#ucm.modal {
  box-shadow: 0px 0px 20px 1px #86888c;
}
#ucm.modal .hero__dots .progress-dots__progress {
  background-color: #cdcecd;
}
#ucm.modal .hero__dots .progress-dots {
  display: block;
}
#ucm.modal .hero__dots .progress-dots li {
  display: inline-block;
}
#ucm.modal.modal-mobile {
  height: 25%;
}
#ucm.modal.modal-desktop {
  top: 10%;
  width: 90%;
  height: auto;
  max-height: 90%;
  max-width: 1280px;
  margin: 0 auto;
  bottom: auto !important;
}

@media only screen and (min-width: 993px) {
  .modal-overlay {
    opacity: 0.8 !important;
  }
}

.ucm__phone-input-container {
  width: 90%;
  margin: 0 auto;
  max-width: 400px;
}
.ucm__phone-input-container button {
  display: none;
  position: absolute;
  background: transparent;
  right: 0;
  border: 0;
}
.ucm__phone-input-container button:hover {
  cursor: pointer;
}
.ucm__phone-input-container .circle-right:before {
  font-family: "icomoon";
  content: "\e409";
  font-size: 30px;
  line-height: 1.5;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: grey;
  height: 45px;
  width: 45px;
  background-position: center;
}
.ucm__phone-input-container .circle-active:before {
  font-family: "icomoon";
  content: "\e409";
  font-size: 30px;
  line-height: 1.5;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: white;
  background: #53bf02;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  background-position: center;
}
@media only screen and (min-width : 601px) {
  .ucm__phone-input-container {
    margin-top: 50px;
  }
}
.ucm__phone-input-container .input-field {
  position: relative;
}
.ucm__phone-input-container .input-field.error-label:before {
  content: "Ingresa un número válido de 9 digitos";
  background: orange;
  width: 100%;
  height: 22px;
  color: white;
  position: absolute;
  top: -21px;
  padding-left: 10px;
  left: 0;
  font-weight: 200;
}

.ucm__phone-input-container {
  width: 90%;
  margin: 0 auto;
  max-width: 400px;
}
@media only screen and (min-width : 601px) {
  .ucm__phone-input-container {
    max-width: 288px;
  }
}
.ucm__phone-input-container .input-field {
  position: relative;
}
.ucm__phone-input-container .input-field .error-label {
  display: none;
  position: absolute;
  top: -22px;
  left: 0;
  background: #ec6839;
  color: #fff;
  padding: 2px 5px;
  width: 100%;
}
.ucm__phone-input-container .input-field.error .error-label {
  display: block;
}

.input-field.valid .ucm__phone-button {
  background: #53bf02;
  color: #fff;
}

.ucm__phone-button {
  background: transparent;
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 2;
  height: 38px;
  width: 38px;
  border: 0;
  border-radius: 100%;
  font-size: 28px;
  line-height: 28px;
  transition: all 0.35s;
}

input[type=text].ucm__phone-input {
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 4px;
  height: 48px;
  font-size: 18px;
  color: #63666d;
  border: 1px solid #e9eae8;
  padding: 15px;
}
input[type=text].ucm__phone-input:focus {
  border: 1px solid #0098D9;
}
input[type=text].ucm__phone-input + label {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #989a9e;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  background: #e9eae8;
  border-radius: 4px;
}
input[type=text].ucm__phone-input + label.active {
  display: none;
}

.ucm__no-client-button-container {
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .ucm__no-client-button-container {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 10px;
  }
}

.ucm__button-container {
  display: none;
}

.ucm__button-back .desktop-text {
  display: none;
}
@media only screen and (min-width : 993px) {
  .ucm__button-back {
    position: absolute;
    bottom: 35px;
    left: 35px;
  }
  .ucm__button-back .desktop-text {
    display: inline;
  }
  .ucm__button-back .mobile-text {
    display: none;
  }
}

.ucm__button-cancel {
  color: #63666d;
  position: absolute;
  right: 15px;
  font-size: 14px;
  top: 0;
  padding: 0;
}
@media only screen and (min-width : 993px) {
  .ucm__button-cancel {
    position: absolute;
    top: 10px;
    right: 20px;
    line-height: 27px;
    color: #fff;
    font-size: 27px;
    height: auto;
    padding: 1rem;
  }
}

.ucm__text-mobile {
  font-size: 15px;
  color: #50535A;
  letter-spacing: 0.1px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .ucm__text-mobile {
    display: none;
  }
}

.ucm__text {
  display: none;
}
@media only screen and (min-width : 993px) {
  .ucm__text {
    display: block;
    font-size: 16px;
    color: #50535A;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0 33px;
    text-align: center;
  }
}

.ucm__panel-container {
  padding: 5px 10px 5px;
}
@media only screen and (min-width : 993px) {
  .ucm__panel-container {
    background: transparent;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 0;
    max-width: 950px;
    margin: 0 auto;
    padding: 15px;
  }
}

.ucm__settings-footer {
  padding: 20px 15px 25px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .ucm__settings-footer {
    padding: 0 40px 30px;
    text-align: right;
  }
}

.ucm__settings-text {
  display: none;
}
@media only screen and (min-width : 993px) {
  .ucm__settings-text {
    display: block;
    font-size: 16px;
    color: #50535A;
    letter-spacing: 0.1px;
    line-height: 24px;
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
  }
}

.ucm__settings-submit {
  height: 48px;
  background-color: #53bf02;
  display: none;
}
@media only screen and (min-width : 601px) {
  .ucm__settings-submit {
    display: block;
  }
}
@media only screen and (min-width : 993px) {
  .ucm__settings-submit {
    background-color: transparent;
    box-shadow: none;
    color: #0098d9;
    display: inline-block;
  }
}

.portlet-login .portlet-body {
  max-width: 400px;
  margin: 50px auto;
}
.portlet-login form fieldset {
  padding: 0px 10px;
  margin: 0;
}
.portlet-login .control-label {
  display: block;
}
.portlet-login .input-text-wrapper {
  margin-bottom: 10px;
}
.portlet-login input.field {
  width: 100%;
}
.portlet-login input[type=checkbox] {
  width: 5%;
}
.portlet-login .button-holder {
  text-align: center;
}
.portlet-login .button-holder button {
  padding: 0 2rem;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.one-click-activation-modal.modal {
  width: 90%;
  max-width: 450px;
  max-height: 80%;
}
.one-click-activation-modal.modal .modal-header__close {
  right: 10px;
  padding: 0 15px;
}
.one-click-activation-modal .modal-header {
  padding: 12px 0 12px 15px;
}
.one-click-activation-modal .modal-content {
  padding: 0 24px 24px;
}
@media only screen and (min-width : 601px) {
  .one-click-activation-modal .modal-content {
    max-width: 300px;
    margin: 0 auto;
    padding: 0 0 24px;
  }
}

.one-click-activation-modal__title {
  font-weight: 300;
  font-size: 25px;
  color: #50535a;
  width: 100%;
  line-height: 30px;
  text-align: center;
}

.btn.one-click-activation__ca, .one-click-activation__ca.btn-large {
  width: 300px;
  max-width: 100%;
}

.one-click-activation-saldo {
  background-color: #954b97;
  text-align: center;
  color: #fff;
  padding: 5px;
}
@media only screen and (min-width : 993px) {
  .one-click-activation-saldo {
    display: none;
  }
}

.ocap-button-group select {
  display: none;
}

#ocapAjaxLoader {
  display: none;
  max-width: 300px;
  margin: 0 auto;
  padding: 0 0 24px;
  text-align: center;
}

.mLoader__primary {
  animation: primary-translate 2s infinite linear;
}

.mLoader__primary-inner {
  animation: primary-scale 2s infinite linear;
  transform-origin: 50% 50%;
}

.mLoader__secondary {
  animation: secondary-translate 2s infinite linear;
}

.mLoader__secondary-inner {
  animation: secondary-scale 2s infinite linear;
  transform-origin: 50% 50%;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.hero {
  height: 100vh;
  background-color: #e9eae8;
  position: relative;
  overflow: hidden;
  margin-top: -64px;
  /*margin-top: -114px;*/
  max-height: 500px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width : 993px) {
  .hero {
    height: 500px;
    max-height: none;
    margin-top: -56px;
  }
}

.hero__slider-background {
  height: 100%;
  width: 100%;
  z-index: 0;
}

.hero__item__background-color.background-blue {
  background-color: #00a9e0;
}
.hero__item__background-color.background-green {
  background-color: #5bc500;
}
.hero__item__background-color.background-gray {
  background-color: #e9eae9;
}

.hero__shape-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-top: 2px;
  pointer-events: none;
  z-index: 1;
}

.hero__shape-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
@media (min-width: 1920px) {
  .hero__shape-img {
    background-size: cover;
  }
}

.hero__slider {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}

.hero__item {
  height: 100vh;
  background-size: cover;
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .hero__item {
    height: 500px;
    align-items: flex-start;
    justify-content: center;
    max-height: none;
  }
}

.hero__text {
  font-size: 16px;
  color: #50535A;
  line-height: 24px;
  font-weight: normal;
  max-width: 200px;
  margin-top: 20px;
  position: relative;
}

.hero__title {
  font-size: 40px;
  color: #50535A;
  letter-spacing: -0.6px;
  line-height: 48px;
  font-weight: 100;
  max-width: 180px;
  margin-top: 27px;
  position: relative;
}

.hero__button {
  height: 48px;
  text-transform: none;
  width: 144px;
  line-height: 48px;
  margin-top: 33px;
  position: relative;
  text-decoration: none;
  color: white;
  border: none;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0.5px;
  outline: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.hero__bg-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  line-height: 1;
}
.hero__bg-image img {
  vertical-align: bottom;
}

.progress-dots {
  display: flex;
  margin: 0 -5px;
}
@media only screen and (min-width : 993px) {
  .progress-dots {
    justify-content: center;
  }
}
.progress-dots > li {
  height: 30px;
  margin: 0 5px;
  width: 40px;
  vertical-align: middle;
  cursor: pointer;
}
@media only screen and (min-width : 993px) {
  .progress-dots > li {
    width: 80px;
  }
}

.progress-dots__item {
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width : 993px) {
  .hero__dots .progress-dots__progress-inner {
    background-color: #53bf02;
  }
}

.progress-dots__progress {
  background-color: #cdcecd;
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.progress-dots__progress-inner {
  background: #75777c;
  height: 4px;
  width: 0;
}

.hero__dots {
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  z-index: 5;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width : 993px) {
  .hero__dots {
    bottom: -10px;
  }
}

.hero__dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  zoom: 1;
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  background: rgba(211, 212, 211, 0.71);
  border-radius: 50px;
  margin: 0 2px;
  max-width: 32px;
}
@media only screen and (min-width : 993px) {
  .hero__dot {
    margin: 0 4px;
    max-width: 80px;
  }
}
.hero__dot.active span {
  opacity: 1;
  background: #86888C;
}
.hero__dot span {
  display: block;
  transition: opacity 200ms ease;
  margin: 0;
  background: transparent;
  border-radius: 4px;
  opacity: 0;
  width: 100%;
  height: 2px;
}
@media only screen and (min-width : 993px) {
  .hero__dot span {
    height: 4px;
  }
}

.hero__arrows {
  max-width: 1280px;
  margin: 0 auto;
  width: 85%;
  position: absolute;
  height: 48px;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 4;
  pointer-events: none;
}
.hero__arrows .slick-arrow {
  pointer-events: auto;
}
.hero__arrows .slick-prev:before, .hero__arrows .slick-next:before {
  background-color: rgba(158, 158, 158, 0.45);
}
.hero__arrows .slick-prev:hover:before, .hero__arrows .slick-next:hover:before {
  background-color: rgba(158, 158, 158, 0.75);
}

.hero__arrows .slick-prev {
  left: -65px;
}

.hero__arrows .slick-next {
  right: -65px;
}

.owl-progress .hero__dot.active span {
  opacity: 1;
  background: #86888C;
}
.owl-progress .hero__dot span {
  opacity: 0;
  width: 0;
}

.hero__slider-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.hero__container-image {
  height: 500px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width : 993px) {
  .hero__container-image {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
  }
}

.hero__content-wraper {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 0 20px;
}
.hero__content-wraper .btn, .hero__content-wraper .btn-large {
  z-index: 4;
}
@media only screen and (min-width : 993px) {
  .hero__content-wraper {
    top: 25px;
  }
}

.hero__bg-desktop,
.hero__bg-mobile {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.hero__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.hero__item-image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.hero__overlay {
  background: #000;
  opacity: 0.15;
  pointer-events: none;
  width: 100%;
  min-width: 100%;
  height: 100%;
  /*position: absolute;*/
  top: 0;
  z-index: 0;
}

.owl-carousel .owl-item img.hero__bg-desktop {
  display: none;
}
@media (min-width: 599px) {
  .owl-carousel .owl-item img.hero__bg-desktop {
    display: block;
  }
}
@media (min-width: 599px) {
  .owl-carousel .owl-item img.hero__bg-mobile {
    display: none;
  }
}

.hero__item-text {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .hero__item-text {
    max-width: 55%;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-text {
    margin-bottom: 15px;
  }
  .hero__item-text.center-items {
    margin: 0 auto;
  }
  .hero__item-text.left-items {
    margin-left: 0;
  }
  .hero__item-text.right-items {
    margin-right: 50px;
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-text.right-items {
    margin-right: 180px;
  }
}

.hero__item-subtitle-mobile {
  display: block;
  opacity: 0.8;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.2px;
  line-height: 24px;
  font-weight: normal;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .hero__item-subtitle-mobile {
    display: none;
  }
}

.hero__item-subtitle {
  display: block;
  opacity: 0.8;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.2px;
  line-height: 24px;
  font-weight: normal;
}
@media only screen and (min-width : 993px) {
  .hero__item-subtitle {
    display: block;
    opacity: 0.8;
    color: #FFFFFF;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: normal;
    font-size: 20px;
    margin: 10px 0;
  }
}

.hero__item-subtitle-desktop {
  display: none;
}
@media only screen and (min-width : 993px) {
  .hero__item-subtitle-desktop {
    display: block;
    opacity: 0.8;
    color: #FFFFFF;
    letter-spacing: 0.2px;
    line-height: 24px;
    font-weight: normal;
    font-size: 20px;
    padding: 10px 0;
    margin: 0;
  }
}

.hero__item-title-mobile {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #FFFFFF;
  font-weight: 300;
  overflow: hidden;
  /*text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .hero__item-title-mobile {
    display: none;
  }
}

.hero__item-title {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #FFFFFF;
  font-weight: 300;
}
@media only screen and (min-width : 993px) {
  .hero__item-title {
    display: block;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    overflow: hidden;
    /*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-title {
    font-size: 65px;
  }
}

.hero__item-title-desktop {
  display: none;
}
@media only screen and (min-width : 993px) {
  .hero__item-title-desktop {
    display: block;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 45px;
    line-height: 73px;
    overflow: hidden;
    /*text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
    padding: 10px 0;
    margin: 0;
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-title-desktop {
    font-size: 63px;
  }
}

.hero__item-conditions {
  color: #dedede;
  font-size: 12px;
  max-width: 90%;
  margin: 10px auto;
}
@media only screen and (min-width : 601px) {
  .hero__item-conditions {
    max-width: 55%;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-conditions.center-items {
    margin: 10px auto;
  }
  .hero__item-conditions.left-items {
    margin-left: 0;
  }
  .hero__item-conditions.right-items {
    margin-right: 50px;
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-conditions.right-items {
    margin-right: 180px;
  }
}

.hero__item-button {
  max-width: 90%;
  margin: 10px auto;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .hero__item-button {
    max-width: 55%;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-button.center-items {
    margin: 0 auto;
  }
  .hero__item-button.left-items {
    margin-left: 0;
  }
  .hero__item-button.right-items {
    margin-right: 50px;
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-button.right-items {
    margin-right: 180px;
  }
}

.hero__item-two-buttons {
  width: 90%;
  margin: 10px auto;
}
@media only screen and (min-width : 601px) {
  .hero__item-two-buttons {
    max-width: 55%;
  }
}
.hero__item-two-buttons .button-white {
  background: #fff;
  color: #0098d9;
  box-shadow: none;
  height: 38px;
  line-height: 38px;
  width: 90%;
  margin: 5px auto;
  box-shadow: 1px 2px 7px 0px grey;
}
.hero__item-two-buttons .button-white:hover {
  box-shadow: 1px 2px 7px 0px grey;
}
@media only screen and (min-width : 601px) {
  .hero__item-two-buttons .button-white {
    width: 144px;
    margin-right: 10px;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-two-buttons .button-white {
    height: 45px;
    width: 200px;
    line-height: 45px;
  }
}
.hero__item-two-buttons .button-green {
  width: 90%;
  margin: 5px auto;
}
@media only screen and (min-width : 601px) {
  .hero__item-two-buttons .button-green {
    width: 144px;
    margin: 0;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-two-buttons .button-green {
    width: 200px;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-two-buttons.center-items {
    margin: 0 auto;
  }
  .hero__item-two-buttons.left-items {
    margin-left: 0;
  }
  .hero__item-two-buttons.right-items {
    margin-right: 50px;
    margin-left: auto;
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-two-buttons.right-items {
    margin-right: 180px;
  }
}

.hero__item-call-to-action {
  height: 38px;
  width: 90%;
  margin: 0 auto;
  text-transform: none;
  z-index: 3;
}
@media only screen and (min-width : 601px) {
  .hero__item-call-to-action {
    width: 144px;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-call-to-action {
    height: 45px;
    width: 200px;
    line-height: 45px;
  }
}

.hero__item-container-input {
  width: 90%;
  margin: 10px 5%;
  display: inline-block;
}
@media only screen and (min-width : 601px) {
  .hero__item-container-input {
    max-width: 50%;
    margin: 10px auto;
  }
}
.hero__item-container-input input[type=text]:not(.browser-default).md {
  margin: 0 auto;
  width: 90%;
  border-radius: 5px;
  background: white;
  color: #86888C;
  border: transparent;
  height: 38px;
  line-height: 38px;
}
@media only screen and (min-width : 601px) {
  .hero__item-container-input input[type=text]:not(.browser-default).md {
    float: left;
    margin: 0;
    width: 70%;
    border-radius: 5px 0 0 5px;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-container-input input[type=text]:not(.browser-default).md {
    height: 45px;
    line-height: 45px;
  }
}
.hero__item-container-input .btn, .hero__item-container-input .btn-large {
  width: 90%;
  margin: 5px auto;
  color: #FFF;
  border-radius: 5px;
}
@media only screen and (min-width : 601px) {
  .hero__item-container-input .btn, .hero__item-container-input .btn-large {
    float: left;
    margin: 0;
    width: 30%;
    border-radius: 0 5px 5px 0;
  }
}
@media only screen and (min-width : 993px) {
  .hero__item-container-input.center-items {
    margin: 10px auto;
  }
  .hero__item-container-input.left-items {
    margin-left: 0;
  }
  .hero__item-container-input.right-items {
    margin-right: 50px;
    margin-left: auto;
  }
}
@media only screen and (min-width : 1201px) {
  .hero__item-container-input.right-items {
    margin-right: 180px;
  }
}

.hero__item-input {
  position: relative;
  z-index: 4;
}

.hero__item-freehtml {
  position: relative;
  z-index: 4;
}

.hero__item-freehtml-container {
  display: none;
}
@media only screen and (min-width : 601px) {
  .hero__item-freehtml-container {
    display: block;
  }
}

.hero__item-freehtml-button {
  display: block;
}
@media only screen and (min-width : 601px) {
  .hero__item-freehtml-button {
    display: none;
  }
}

.hero-item-check-wrapper {
  width: 90%;
  margin: 10px auto;
}
@media only screen and (min-width : 601px) {
  .hero-item-check-wrapper {
    width: 100%;
    margin: 0 auto;
  }
}

.hero-call__check.process[type=checkbox] + label {
  padding: 13px 10px 13px 30px;
  text-align: left;
  color: #CCC;
  font-size: 14px;
  top: 0;
  left: 0;
  width: auto;
}
@media only screen and (min-width : 601px) {
  .hero-call__check.process[type=checkbox] + label {
    padding: 13px 15px 13px 28px;
    font-size: 16px;
  }
}
.hero-call__check.process[type=checkbox] + label a {
  color: #CCC;
  text-decoration: underline;
}
.hero-call__check.process[type=checkbox] + label:after {
  left: 0;
}
@media only screen and (min-width : 601px) {
  .hero-call__check.process[type=checkbox] + label:after {
    left: 0;
  }
}
.hero-call__check.process[type=checkbox] + label:before {
  left: 5px;
}
@media only screen and (min-width : 601px) {
  .hero-call__check.process[type=checkbox] + label:before {
    left: 5px;
  }
}

.hero-call__check.process[type=checkbox]:checked + label {
  background-color: transparent;
}

/* Color Variations Theme */
.movistar--green .hero__item-call-to-action {
  background: #5bc500;
}
.movistar--green .hero__item-call-to-action.button-blue {
  background-color: #00a9e0;
}
@media only screen and (min-width : 993px) {
  .movistar--green .hero__dots .progress-dots__progress-inner {
    background-color: #5bc500;
  }
}

.movistar--blue .hero__item-call-to-action {
  background: #00a9e0;
}
.movistar--blue .hero__item-call-to-action.button-green {
  background-color: #5bc500;
}
@media only screen and (min-width : 993px) {
  .movistar--blue .hero__dots .progress-dots__progress-inner {
    background-color: #00a9e0;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.client-sup {
  color: #50535A;
  background-image: url("../images/att-cliente-bg.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #f4f4f3;
  background-size: cover;
}
@media only screen and (min-width : 993px) {
  .client-sup {
    background-size: auto;
  }
}

.client-sup__header {
  padding: 30px 0;
}

.client-sup__title {
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width : 993px) {
  .client-sup__title {
    font-size: 64px;
    line-height: normal;
  }
}

.client-sup__content {
  display: none;
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
}
@media only screen and (min-width : 993px) {
  .client-sup__content {
    display: block;
    max-width: 720px;
    margin: 25px auto 45px;
  }
}

.client-sup__search-container {
  width: 100%;
  margin: auto;
  padding: 15px;
}
@media only screen and (min-width : 601px) {
  .client-sup__search-container {
    width: 70%;
    padding: 0;
  }
}
@media only screen and (min-width : 993px) {
  .client-sup__search-container {
    width: 815px;
    margin: 0 auto;
    border: 0;
  }
}

.client-sup__search-container .autocomplete-container {
  max-width: 100%;
  width: 100%;
}

.client-sup__grid-container {
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (min-width : 601px) {
  .client-sup__grid-container {
    width: 85%;
    padding: 30px 0;
  }
}

.client-sup__grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 7px;
  /*margin-left: -8px;
  margin-right: -8px;
  padding: 0 15px;*/
}

.client-sup__grid-item {
  width: 50%;
  padding: 0 8px 16px;
}
@media only screen and (min-width : 993px) {
  .client-sup__grid-item {
    width: 33%;
  }
}

.client-sup__grid-item--featured {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .client-sup__grid-item--featured {
    width: 33%;
    text-align: left;
  }
}
.client-sup__grid-item--featured .client-sup__grid-link::before {
  background: #EC6839;
}
.client-sup__grid-item--featured .client-sup__icon {
  color: #EC6839;
}

.client-sup__grid-item--sec .client-sup__grid-link::before {
  background: #0299D8;
}
.client-sup__grid-item--sec .client-sup__icon {
  color: #0299D8;
}

@media only screen and (min-width : 993px) {
  .client-sup__grid-item--shrink {
    width: 16.3%;
    text-align: left;
  }
}
@media only screen and (min-width : 993px) {
  .client-sup__grid-item--shrink .client-sup__grid-title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
  }
}

.client-sup__grid-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #FFFFFF;
  padding: 15px;
  position: relative;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width : 601px) {
  .client-sup__grid-link {
    padding: 25px 15px 20px;
  }
}
@media only screen and (min-width : 1201px) {
  .client-sup__grid-link {
    padding: 28px 20px;
  }
}
.client-sup__grid-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background: #55AF07;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.client-sup__grid-title {
  font-size: 18px;
  color: #50535A;
  letter-spacing: 0.03px;
  line-height: 24px;
  margin: 0;
  margin-top: auto;
}
@media only screen and (min-width : 993px) {
  .client-sup__grid-title {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 300;
  }
}

.client-sup__icon {
  color: #55AF07;
  font-size: 24px;
  margin-bottom: 16px;
}
@media only screen and (min-width : 993px) {
  .client-sup__icon {
    font-size: 40px;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.hero-products {
  /* background: #e9eae8;
  color: #50535A;
  padding-top: 45px; */
}
@media only screen and (min-width : 993px) {
  .hero-products {
    background-image: url(../images/att-cliente-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #e9eae8;
  }
}

.hero-products.without-curve {
  background-color: #fff;
  background-image: none;
}

.hero-products__header {
  background-image: url(../images/att-cliente-bg-mobile.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  background-color: #5bc500;
}
@media only screen and (min-width : 993px) {
  .hero-products__header {
    background-image: none;
    background-color: #e9eae8;
    padding-bottom: 40px;
  }
}

.hero-products__header.without-curve {
  background-color: #fff;
}

.hero-products__title {
  font-weight: 300;
  font-size: 32px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  padding: 50px 30px 80px;
  background-repeat: no-repeat;
  background-position: 30% bottom;
  background-size: 150%;
  background-color: #5bc500;
  margin: 0;
}
@media only screen and (min-width : 601px) {
  .hero-products__title {
    padding: 50px 30px 125px;
    width: 100%;
    background-size: 200%;
    margin: 0 auto;
    background-position: 32% bottom;
  }
}
@media only screen and (min-width : 993px) {
  .hero-products__title {
    font-size: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
    max-width: 1280px;
    line-height: 60px;
    color: #50535a;
    background: transparent;
    text-overflow: ellipsis;
    width: 70%;
    overflow: hidden;
  }
}
@media only screen and (min-width : 1201px) {
  .hero-products__title {
    width: 50%;
  }
}

.hero-products__content {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  color: #666;
  padding: 0 20px 20px;
  background: #fff;
  line-height: 32px;
  margin: -15px auto 0;
  width: 100%;
}
@media only screen and (min-width : 601px) {
  .hero-products__content {
    padding: 0 20% 20px;
    margin: -35px auto 0;
  }
}
@media only screen and (min-width : 993px) {
  .hero-products__content {
    background: transparent;
    max-width: 80%;
    padding: 0;
    margin: 0 auto;
  }
}

.pricing-carousel__filters {
  display: none;
}
@media only screen and (min-width : 993px) {
  .pricing-carousel__filters {
    display: block;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.hero-personalizacion {
  background-color: #e9eae8;
  position: relative;
  overflow: hidden;
}

.hero-personalizacion__star {
  position: absolute;
  top: -100px;
  right: -80px;
  z-index: 0;
}

.hero-personalizacion__heart {
  position: absolute;
  top: 260px;
  left: -250px;
  z-index: 0;
}

.hero-personalizacion__header {
  padding-top: 35px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}

.hero-personalizacion__title {
  font-weight: 300;
  color: #50535A;
  text-align: center;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: normal;
  margin: 0;
}

.hero-personalizacion__content {
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  max-width: 720px;
  margin: 15px auto 25px;
}

.hero-personalizacion__switch-container {
  text-align: center;
  position: relative;
  z-index: 1;
}

.personalizacion-panel {
  padding: 20px 43px;
  background: #fff;
  margin-top: 20px;
  border-radius: 4px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.personalizacion-panel__header {
  display: flex;
  justify-content: flex-end;
  border-bottom: 4px solid #f4f4f3;
  padding: 0 10px 5px;
  position: relative;
  z-index: 1;
}

.personalizacion-panel__title {
  margin-right: auto;
  font-weight: 300;
  color: #50535A;
  font-size: 32px;
  margin: 0;
}

.personalizacion-panel__type {
  display: flex;
}
.personalizacion-panel__type > p {
  margin-right: 15px;
}

.personalizacion-panel__phone {
  width: 290px;
}
.personalizacion-panel__phone .input-field {
  position: relative;
}

input[type=text].personalizacion__phone-input {
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  outline: 0;
  border-radius: 4px;
  height: 48px;
  font-size: 18px;
  color: #63666d;
  border: 1px solid #e9eae8;
  padding: 15px;
}
input[type=text].personalizacion__phone-input:focus {
  border: 1px solid #0098D9;
}
input[type=text].personalizacion__phone-input + label {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #989a9e;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  background: #e9eae8;
  border-radius: 4px;
}
input[type=text].personalizacion__phone-input + label .icon-phone {
  position: absolute;
  top: 16px;
  left: 16px;
}
input[type=text].personalizacion__phone-input + label.active {
  display: none;
}

.personalizacion-panel__text {
  max-width: 900px;
  font-weight: 300;
  margin: 35px auto 30px;
  font-size: 24px;
}

.personalizacion-panel__panel-container {
  background: transparent;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 0;
  max-width: 950px;
  margin: 0 auto;
}

.personalizacion-panel__submit-container {
  text-align: center;
  margin-bottom: 20px;
}

.personalizacion-panel__submit {
  width: 160px;
  height: 50px;
}

/* Color Variations Theme */
.movistar--green .personalizacion-panel__submit {
  background: #5bc500;
}

.movistar--blue .personalizacion-panel__submit {
  background: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.hero-color {
  text-align: center;
  padding: 50px 0;
}
@media only screen and (min-width : 993px) {
  .hero-color {
    display: block;
  }
}

.hero-color--green {
  background-color: #5bc500;
}
.hero-color--green .hero-color__title {
  color: #fff;
  font-family: "Telefonica", sans-serif;
  font-weight: normal;
  font-size: 56px;
  line-height: 70px;
}
@media only screen and (min-width : 993px) {
  .hero-color--green .hero-color__title {
    font-weight: 100;
  }
}
@media only screen and (min-width : 993px) {
  .hero-color--green .hero-color__title {
    font-size: 64px;
    line-height: 72px;
  }
}
.hero-color--green .hero-color__text {
  color: #fff;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
}

.hero-color--blue {
  background-color: #00a9e0;
}

@media only screen and (min-width : 993px) {
  .hero-color--grey {
    background-color: #f4f4f3;
  }
}
.hero-color--grey .hero-color__title {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: normal;
  font-size: 56px;
  line-height: 70px;
}
@media only screen and (min-width : 993px) {
  .hero-color--grey .hero-color__title {
    font-weight: 100;
  }
}
@media only screen and (min-width : 993px) {
  .hero-color--grey .hero-color__title {
    font-size: 64px;
    line-height: 72px;
  }
}
.hero-color--grey .hero-color__text {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.device-carousel-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding: 0 30px 25px;
}
@media only screen and (min-width : 993px) {
  .device-carousel-title {
    font-size: 40px;
    padding-top: 0;
  }
}

.device-carousel-container {
  position: relative;
  padding: 10px 0 25px;
}
@media only screen and (min-width : 993px) {
  .device-carousel-container {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 0 40px;
  }
}

.device-carousel__see-more {
  margin-top: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.device-carousel__see-more .btn-flat {
  color: #0098D9;
}

.device-carousel {
  margin-bottom: 0;
}
.device-carousel .slick-track {
  display: flex;
}
.device-carousel .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.device-carousel .progress-dots {
  justify-content: center;
  margin-top: 10px;
}
.device-carousel .progress-dots .slick-active .progress-dots__progress-inner {
  width: 100%;
}

.category-tabs-container .category-tabs.tabs {
  justify-content: center;
}

.category-tabs-container .category-tabs.tabs::-webkit-scrollbar {
  background-color: transparent;
}

.category-tabs {
  margin-bottom: 10px;
}

.device-carousel__arrows {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  height: 48px;
  top: 35%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width : 993px) {
  .device-carousel__arrows {
    width: 85%;
    max-width: 1280px;
  }
}
.device-carousel__arrows .slick-arrow {
  pointer-events: auto;
}
.device-carousel__arrows .slick-prev {
  left: -66px;
}
.device-carousel__arrows .slick-next {
  right: -66px;
}
.device-carousel__arrows .slick-prev::before,
.device-carousel__arrows .slick-next::before {
  color: #50535A;
  background: transparent;
}

.device-carousel {
  white-space: nowrap;
  overflow: hidden;
}

.device-carousel__item.slick-active .device-carousel__brand,
.device-carousel__item.slick-active .device-carousel__name,
.device-carousel__item.slick-active .device-carousel__price,
.device-carousel__item.slick-active .device-carousel__featured {
  opacity: 1;
}

.device-carousel__item {
  width: 300px;
  padding: 0 25px;
  display: inline-block;
}
@media only screen and (min-width : 993px) {
  .device-carousel__item {
    width: auto;
  }
}

.device-carousel__img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: 310px;
}
@media only screen and (min-width : 993px) {
  .device-carousel__img {
    max-width: 180px;
  }
}

.device-carousel.owl-carousel .owl-stage {
  display: flex;
  align-items: baseline;
}
.device-carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.device-carousel__title {
  font-size: 30px;
  line-height: 40px;
  color: #50535a;
  font-weight: 300;
  margin: 0 auto 30px;
  text-align: center;
  max-width: 240px;
}

.device-carousel__brand {
  font-size: 18px;
  color: #50535a;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  opacity: 0;
}
@media only screen and (min-width : 993px) {
  .device-carousel__brand {
    opacity: 1;
  }
}

.device-carousel__name {
  font-size: 16px;
  color: #86888C;
  font-weight: normal;
  text-align: center;
  opacity: 0;
  white-space: nowrap;
  transition: 0.3s;
  height: 20px;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width : 993px) {
  .device-carousel__name {
    opacity: 1;
  }
}

.device-carousel__price {
  font-weight: 300;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
  font-size: 32px;
  color: #50535A;
  line-height: 46px;
}
@media only screen and (min-width : 993px) {
  .device-carousel__price {
    opacity: 1;
  }
}

.device-carousel__featured {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  padding: 1px 15px;
  border-radius: 2px;
  opacity: 0;
}
@media only screen and (min-width : 993px) {
  .device-carousel__featured {
    opacity: 1;
  }
}

.center .device-carousel__name,
.center .device-carousel__price {
  opacity: 1;
}

.tabbed-device-slider .row .col, .tabbed-device-slider .row .offset12, .tabbed-device-slider .row .offset11, .tabbed-device-slider .row .offset10, .tabbed-device-slider .row .offset9, .tabbed-device-slider .row .offset8, .tabbed-device-slider .row .offset7, .tabbed-device-slider .row .offset6, .tabbed-device-slider .row .offset5, .tabbed-device-slider .row .offset4, .tabbed-device-slider .row .offset3, .tabbed-device-slider .row .offset2, .tabbed-device-slider .row .offset1, .tabbed-device-slider .row .span11, .tabbed-device-slider .row .span1,
.tabbed-device-slider .row .span2,
.tabbed-device-slider .row .span3,
.tabbed-device-slider .row .span4,
.tabbed-device-slider .row .span5,
.tabbed-device-slider .row .span6,
.tabbed-device-slider .row .span7,
.tabbed-device-slider .row .span8,
.tabbed-device-slider .row .span9,
.tabbed-device-slider .row .span10,
.tabbed-device-slider .row .span12, .tabbed-device-slider .row-fluid .col, .tabbed-device-slider .row-fluid .offset12, .tabbed-device-slider .row-fluid .offset11, .tabbed-device-slider .row-fluid .offset10, .tabbed-device-slider .row-fluid .offset9, .tabbed-device-slider .row-fluid .offset8, .tabbed-device-slider .row-fluid .offset7, .tabbed-device-slider .row-fluid .offset6, .tabbed-device-slider .row-fluid .offset5, .tabbed-device-slider .row-fluid .offset4, .tabbed-device-slider .row-fluid .offset3, .tabbed-device-slider .row-fluid .offset2, .tabbed-device-slider .row-fluid .offset1, .tabbed-device-slider .row-fluid .span11, .tabbed-device-slider .row-fluid .span1,
.tabbed-device-slider .row-fluid .span2,
.tabbed-device-slider .row-fluid .span3,
.tabbed-device-slider .row-fluid .span4,
.tabbed-device-slider .row-fluid .span5,
.tabbed-device-slider .row-fluid .span6,
.tabbed-device-slider .row-fluid .span7,
.tabbed-device-slider .row-fluid .span8,
.tabbed-device-slider .row-fluid .span9,
.tabbed-device-slider .row-fluid .span10,
.tabbed-device-slider .row-fluid .span12 {
  padding: 0;
}

.tabbed-device-slider__title {
  font-size: 30px;
  line-height: 40px;
  color: #50535a;
  font-weight: 300;
  margin: 0 auto 30px;
  text-align: center;
  max-width: 240px;
}

.owl-dots {
  display: flex;
}

.owl-theme-default .owl-dots .owl-dot {
  flex: 1;
  text-align: center;
  box-sizing: border-box;
  background: #D3D4D3;
  border-radius: 100px;
  margin: 0 5px;
}

.owl-theme-default .owl-dots .owl-dot span {
  margin: 0;
  background: transparent;
  border-radius: 4px;
  opacity: 0;
  width: 0;
  height: 4px;
}

.owl-theme-default .owl-dots .owl-dot.active span {
  opacity: 1;
  background: #86888C;
}

.device-carousel__container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.device-carousel__features {
  margin-left: -8px;
}

.device-carousel-features__img {
  width: 24px;
  height: 24px;
}

.device-carousel-features__text {
  font-size: 9px;
  color: #86888c;
  display: block;
  padding-bottom: 15px;
  width: 40px;
  overflow: hidden;
}

/* Color Variations Theme */
.movistar--green .device-carousel__featured {
  background: #5bc500;
}

.movistar--blue .device-carousel__featured {
  background: #00a9e0;
}

.js-device-caruosel .slick-track {
  margin: auto;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.recharge__title {
  font-weight: 300;
  font-size: 50px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  margin: 0;
  margin-bottom: 24px;
}

.recharge__text {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
}

.recharge-process__process {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (min-width : 993px) {
  .recharge-process__process {
    display: none;
  }
}
.recharge-process__process .tabs--progress {
  width: 80px;
  margin: auto;
}

.recharge-process {
  background: #fff;
}
@media only screen and (min-width : 993px) {
  .recharge-process {
    background-image: url(../images/att-cliente-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #f4f4f3;
    background-size: 200% 200%;
  }
}
@media only screen and (min-width : 993px) {
  .recharge-process #recharge-quantity {
    display: block !important;
  }
}
@media only screen and (min-width : 993px) {
  .recharge-process #recharge-phone {
    display: block !important;
  }
}
@media only screen and (min-width : 993px) {
  .recharge-process #recharge-summary {
    display: block !important;
  }
}

@media only screen and (min-width : 993px) {
  .recharge-process__footer {
    display: none;
  }
}

.recharge-process__scroll {
  line-height: 28px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 10px;
  width: 100%;
  transition: left 0.3s ease;
  z-index: 998;
  -webkit-transition: left 0.3s ease, top 0.3s ease, height 0.3s ease;
  -moz-transition: left 0.3s ease, top 0.3s ease, height 0.3s ease;
  transition: left 0.3s ease, top 0.3s ease, height 0.3s ease;
}

.recharge-process__quantity {
  -webkit-user-select: none;
  display: block;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

.recharge-process__list {
  display: flex;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .recharge-process__list {
    display: block;
    text-align: left;
  }
}

.recharge-process__item-cam {
  padding: 6px;
  text-align: center;
  margin: auto;
  display: inline-block;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width : 993px) {
  .recharge-process__item-cam {
    text-align: left;
  }
}

.js-progress-back {
  width: auto;
  float: left;
  padding: 20 5px;
  cursor: pointer;
  color: #00a9e0;
  font-size: 18px;
  display: none;
}
@media only screen and (min-width : 601px) {
  .js-progress-back {
    padding: 40 15px;
  }
}

.js-progress-next {
  width: auto;
  float: right;
  padding: 20 5px;
  cursor: pointer;
  color: #00a9e0;
  font-size: 18px;
}
@media only screen and (min-width : 601px) {
  .js-progress-next {
    padding: 40 15px;
  }
}

.recaptcha__container {
  text-align: center;
  width: 100%;
}

img.google-recaptcha {
  background: #f9f9f9;
  border: 1px solid #cbcbcb;
  padding: 4px 12px;
  border-radius: 4px;
  max-width: 96%;
  margin: auto;
}

@media only screen and (min-width : 993px) {
  .next-steps__container {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 25px 15px 10px;
  }
}

.recharge-process .category-tabs-container {
  padding: 20px 0;
}
.recharge-process .category-tabs-container .tabs.tabs--pills {
  overflow: visible;
  width: 96%;
  margin: 0 2%;
}
.recharge-process .category-tabs-container .tabs.tabs--pills .indicator {
  left: 2%;
  right: 52%;
}
.recharge-process .category-tabs-container .tabs.tabs--pills .tab {
  width: 50%;
  float: left;
}
.recharge-process .category-tabs-container .tabs.tabs--pills .tab a {
  padding: 0;
  font-size: 14px;
  width: auto;
}

.recharge-process .tab-panel {
  height: 120px;
  padding-top: 10px;
}

.mobile-data-container {
  float: left;
  border: 1px solid #888;
  border-radius: 4px;
  padding: 10px 15px 20px;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width : 993px) {
  .mobile-data-container {
    display: none;
  }
}

.mobile-data__label {
  float: left;
  color: #888;
  width: 100%;
  margin-top: 10px;
}

.data-mobile-number, .data-mobile-price, .data-mobile-email, .data-mobile-paymentmethod {
  float: left;
  width: 100%;
  min-width: 100%;
  font-size: 22px;
  color: #666;
  border: 0;
}

.data-mobile-number-edit, .data-mobile-price-edit, .data-mobile-price-email {
  float: left;
  color: #00a9e0;
  font-size: 16px;
  padding-top: 5px;
  cursor: pointer;
}

.recharge-process .button-group--pills {
  margin: 25px 0;
  overflow-x: visible;
  overflow-y: visible;
}
.recharge-process .button-group--pills .pill {
  max-width: 50%;
}
.recharge-process .button-group--pills .pill a {
  font-size: 14px;
  padding: 0;
}
.recharge-process .button-group--pills .indicator {
  max-width: 50%;
}

.process-rounded[type=radio]:not(:checked),
.process-rounded[type=radio]:checked {
  position: absolute;
  opacity: 0;
}

.process-rounded[type=radio]:not(:checked) + label,
.process-rounded[type=radio]:checked + label {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  transition: 0.28s ease;
  width: 120px;
  height: 120px;
  -khtml-user-select: none;
  user-select: none;
}
.process-rounded[type=radio]:not(:checked) + label .process-rounded__inner,
.process-rounded[type=radio]:checked + label .process-rounded__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: 0.28s ease;
  background: transparent;
  border: 0;
  font-size: 18px;
  max-width: 85%;
  width: 100%;
  text-align: center;
  outline: 0;
}

.process-rounded[type=radio] + label:before,
.process-rounded[type=radio] + label:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 120px;
  z-index: 0;
  transition: 0.28s ease;
}

.process-rounded[type=radio]:not(:checked) + label:before,
.process-rounded[type=radio]:not(:checked) + label:after,
.process-rounded[type=radio]:checked + label:before,
.process-rounded[type=radio]:checked + label:after {
  border-radius: 50%;
}

.process-rounded[type=radio]:not(:checked) + label:before,
.process-rounded[type=radio]:not(:checked) + label:after {
  border: 1px solid #b6b7b7;
  background: #ffffff;
}

.process-rounded[type=radio]:not(:checked) + label:after {
  transform: scale(0);
}

.process-rounded[type=radio]:checked + label:before {
  border: 2px solid #00a9e0;
}

.process-rounded[type=radio]:checked + label:after {
  border: 2px solid #00a9e0;
  background-color: #00a9e0;
  transform: scale(1);
}

.process-rounded[type=radio]:checked + label .process-rounded__inner {
  color: #fff;
}

.process-rounded[type=radio].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

.process-rounded[type=radio]:disabled:not(:checked) + label:before,
.process-rounded[type=radio]:disabled:checked + label:before {
  background-color: transparent;
  border-color: #b6b7b7;
}

.process-rounded[type=radio]:disabled + label {
  color: #b6b7b7;
}

.process-rounded[type=radio]:disabled:not(:checked) + label:before {
  border-color: #b6b7b7;
}

.process-rounded[type=radio]:disabled:checked + label:after {
  background-color: #b6b7b7;
  border-color: #b6b7b7;
}

/* 

-----------------------------------------------------------------
BORRAR ANTES DE SUBIR EL TEMA AL NUEVO PORTAL
-----------------------------------------------------------------	

*/
@media only screen and (min-width: 993px) {
  .hero-color.hero-color--grey {
    background-color: transparent;
  }
}

@media only screen and (min-width: 993px) {
  .recharge-process {
    background-color: transparent;
    background-image: none;
  }
}

/* 

-----------------------------------------------------------------
BORRAR ANTES DE SUBIR EL TEMA AL NUEVO PORTAL
-----------------------------------------------------------------

 */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.support-links-title {
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  padding: 30px 15px 40px 15px;
}
@media only screen and (min-width : 993px) {
  .support-links-title {
    padding-top: 0;
    padding-bottom: 30px;
  }
}

.support-grid-container {
  padding: 0 16px;
}
.support-grid-container::after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width : 993px) {
  .support-grid-container {
    width: 85%;
    margin: 0 auto;
    max-width: 880px;
  }
}

@media only screen and (min-width : 993px) {
  .support-grid {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.support-grid__item {
  margin-bottom: 8px;
}
@media only screen and (min-width : 993px) {
  .support-grid__item {
    padding: 5px 5px 5px;
    margin-bottom: 0;
    width: 50%;
    float: left;
  }
}

.support__link {
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  display: block;
  position: relative;
  height: 150px;
  border-radius: 4px;
  overflow: hidden;
}
@media only screen and (min-width : 993px) {
  .support__link {
    font-size: 40px;
    line-height: 48px;
    height: 200px;
  }
}

.support-links__text {
  z-index: 2;
  position: absolute;
  bottom: 31px;
  left: 0;
  padding: 0 50px 0 15px;
  width: 100%;
  margin: 0;
  font-size: 25px;
  line-height: 25px;
}
@media only screen and (min-width : 993px) {
  .support-links__text {
    bottom: 39px;
    padding: 0 76px 0 32px;
    line-height: 30px;
    font-size: 30px;
  }
}

.support-links__icon {
  position: absolute;
  bottom: 0;
  right: 6px;
}
@media only screen and (min-width : 993px) {
  .support-links__icon {
    right: 32px;
  }
}

.support-links__overlay {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.support-links__img {
  z-index: 0;
  width: 100%;
  border-radius: 4px;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.services-links-wrapper {
  padding: 56px 0 26px 0;
}

.services-links-container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width : 601px) {
  .services-links-grid {
    display: flex;
    flex-wrap: wrap;
  }
}
.services-links-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding: 0 15px 20px;
  margin: 0;
}

.services-links-description {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #50535A;
  line-height: 28px;
  text-align: center;
  padding: 0 15px 32px;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .services-links-description {
    font-size: 20px;
  }
}

.services-links {
  display: block;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
}

.services-links__img {
  height: 64px;
  max-width: 140px;
  margin: auto;
}

.services-links img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.services-links__title {
  display: block;
  font-family: Telefonica;
  font-weight: bold;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  padding-top: 12px;
  margin: 0;
}

.services-links__text {
  display: block;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  padding-bottom: 8px;
}

.services-links__link {
  display: block;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #0299D8;
  letter-spacing: 0;
  line-height: 24px;
}

.services-links__icon {
  position: absolute;
  padding-top: 5px;
}

@media only screen and (min-width : 993px) {
  .services-links-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .services-links-grid--2-col .services-links {
    width: 50%;
  }
  .services-links-grid--2-col .services-links:first-child {
    padding-left: 15%;
  }
  .services-links-grid--2-col .services-links:last-child {
    padding-right: 15%;
  }
  .services-links-grid--3-col .services-links {
    width: 33.33%;
  }
  .services-links-grid--4-col .services-links {
    width: 25%;
  }
  .services-links {
    position: relative;
    padding: 25px 25px 50px 25px;
  }
  .services-links__title {
    height: 75px;
  }
  .services-links__link {
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
  }
}
@media only screen and (min-width : 1201px) {
  .services-links-wrapper {
    padding: 0;
  }
  .services-links-title {
    font-size: 40px;
    padding-top: 5px;
    padding-bottom: 25px;
  }
  .services-links__img-container {
    display: table;
    width: 100%;
  }
  .services-links__img {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
  }
  .services-links__title {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 18px;
  }
  .services-links__text {
    overflow: hidden;
    font-size: 18px;
    line-height: 24px;
    max-width: 320px;
    margin: 0 auto;
    height: max-content;
  }
  .services-links__link {
    font-size: 20px;
    padding-top: 15px;
  }
}
.layout_full_width_blue .services-links-title, .layout_full_width_blue .services-links__title, .layout_full_width_blue .services-links__text, .layout_full_width_blue .services-links-description {
  color: #fff;
}
@media only screen and (min-width : 993px) {
  .layout_full_width_blue .services-links {
    padding: 25px 40px;
  }
}

/* Color Variations Theme */
.movistar--green .layout_full_width_blue {
  background-color: #5bc500;
}

.movistar--blue .layout_full_width_blue {
  background-color: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.quick-links-wrapper {
  height: 100%;
}

.quick-links__title {
  display: block;
  font-family: Telefonica;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.7px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.quick-links__subtitle {
  display: block;
  font-size: 32px;
  font-family: Telefonica;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 40px;
  padding: 48px 15px 0;
  text-align: center;
  margin: 0;
}

.quick-links-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 48px 16px 25px;
}

.quick-links-col {
  width: 50%;
  padding: 2%;
}
.quick-links-col.three-items:first-of-type {
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .quick-links-col {
    padding: 1%;
  }
}

.quick-links {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #FFFFFF;
  padding: 15px 15px;
  position: relative;
}
.quick-links:before {
  content: "";
  width: 100%;
  height: 8px;
  opacity: 0.5;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
}

.quick-links__icon {
  display: block;
  font-size: 30px;
  height: 41px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width : 993px) {
  .quick-links__icon {
    margin-bottom: 30px;
  }
}

.quick-links__text-container {
  margin-top: auto;
}

.quick-links__text {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 17px;
  color: #50535A;
  letter-spacing: 0.03px;
  line-height: 24px;
  margin: 0;
}

@media only screen and (min-width : 993px) {
  .quick-links-wrapper {
    padding: 32px 16px 0px;
    min-height: 440px;
  }
  .quick-links__title {
    padding-left: 16px;
  }
  .quick-links__subtitle {
    text-align: left;
    padding-left: 16px;
    padding-top: 13px;
    font-size: 40px;
  }
  .quick-links-container {
    padding-top: 36px;
  }
}
.layout_same_height .quick-links-container .quick-links-col:nth-child(n+5) {
  display: none;
}

.layout_col_1 .quick-links-wrapper {
  float: left;
  width: 100%;
}
.layout_col_1 .mobile-scroll-adapter {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  height: 240px;
}
.layout_col_1 .mobile-scroll-adapter .quick-links-container {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  padding: 38px 16px 25px;
  width: auto;
  /*height: 200px;*/
  height: 100%;
}
.layout_col_1 .mobile-scroll-adapter .quick-links-col {
  height: 170px;
  padding: 12px 12px 12px 0;
  /*padding: 12px;
  margin-right: 10px;*/
}
.layout_col_1 .mobile-scroll-adapter .quick-links {
  width: 135px;
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter {
    height: auto;
    overflow: hidden;
  }
  .layout_col_1 .mobile-scroll-adapter .quick-links-container {
    display: block;
    height: auto;
  }
  .layout_col_1 .mobile-scroll-adapter .quick-links-wrapper {
    padding: 20px 0 40px;
  }
}
@media only screen and (min-width : 601px) and (min-width : 993px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-wrapper {
    padding: 50px 0 40px;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-container {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    padding: 63px 0 20px;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-col {
    width: 25%;
    text-align: left;
    height: 180px;
    float: none;
    margin: auto;
  }
}
@media only screen and (min-width : 601px) and (min-width : 993px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-col {
    height: 160px;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-col.three-items {
    width: 33%;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-col.quick-links--large {
    width: 33%;
    height: 180px;
    display: inline-block;
    margin: auto;
  }
}
@media only screen and (min-width : 601px) and (min-width : 993px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-col.quick-links--large {
    height: 160px;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links-col.maxColumns {
    width: 24%;
  }
  .layout_col_1 .mobile-scroll-adapter .quick-links-col.maxColumns:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .mobile-scroll-adapter .quick-links {
    width: 100%;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links-container {
    display: block;
    height: auto;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links-wrapper {
    padding: 20px 0 40px;
  }
}
@media only screen and (min-width : 601px) and (min-width : 993px) {
  .layout_col_1 .quick-links-wrapper {
    padding: 50px 0 40px;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links-container {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    padding: 63px 0 20px;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links-col {
    width: 25%;
    text-align: left;
    height: 180px;
    float: left;
    margin: auto;
  }
}
@media only screen and (min-width : 601px) and (min-width : 993px) {
  .layout_col_1 .quick-links-col {
    height: 160px;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links-col.three-items {
    width: 33%;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links {
    width: 100%;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links__title {
    display: none;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links__subtitle {
    text-align: center;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links__icon {
    font-size: 44px;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .quick-links--large {
    width: 33%;
    height: 160px;
    display: inline-block;
    margin: auto;
  }
}
@media only screen and (min-width : 601px) {
  .layout_col_1 .maxColumns {
    width: 25%;
  }
}

/* Color Variations Theme */
.movistar--green .quick-links-wrapper {
  background: #5bc500;
}
.movistar--green .quick-links:before {
  background: #5bc500;
}
.movistar--green .quick-links__icon {
  color: #5bc500;
}

.movistar--blue .quick-links-wrapper {
  background: #00a9e0;
}
.movistar--blue .quick-links:before {
  background: #00a9e0;
}
.movistar--blue .quick-links__icon {
  color: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.contact-us {
  padding: 15px;
}
@media only screen and (min-width : 993px) {
  .contact-us {
    height: 100%;
    padding: 16% 8% 18%;
  }
}
@media only screen and (min-width : 1201px) {
  .contact-us {
    padding: 50px 80px;
  }
}

.contact-us__title {
  font-weight: 300;
  font-size: 30px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  margin: 0 0 25px;
}
.contact-us__title a {
  color: #50535A;
}
.contact-us__title strong {
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (min-width : 993px) {
  .contact-us__title {
    font-size: 40px;
    line-height: 48px;
    text-align: left;
    max-width: 470px;
  }
}

.contact-us__title--desktop {
  display: none;
}
@media only screen and (min-width : 601px) {
  .contact-us__title--desktop {
    display: block;
  }
}

@media only screen and (min-width : 601px) {
  .contact-us__title--mobile {
    display: none;
  }
}

.contact-us__desktop-text {
  display: none;
}
@media only screen and (min-width : 993px) {
  .contact-us__desktop-text {
    display: inline;
  }
}

.contact-us__social-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width : 993px) {
  .contact-us__social-list {
    justify-content: flex-start;
  }
}

.contact-us__social-link {
  display: inline-block;
  padding: 0 5px;
}
.contact-us__social-link img {
  width: 48px;
  height: auto;
}
@media only screen and (min-width : 993px) {
  .contact-us__social-link img {
    width: 64px;
  }
}

.contact-us__button-container {
  padding-top: 10px;
}
.contact-us__button-container::after {
  content: "";
  display: table;
  clear: both;
}

.contact-us__call {
  height: 48px;
  line-height: 48px;
  width: 100%;
}
.contact-us__call .icon-phone {
  font-size: 22px;
  margin-right: 5px;
}
@media only screen and (min-width : 993px) {
  .contact-us__call {
    display: none;
  }
}

.contact-us__chat {
  height: 48px;
  line-height: 48px;
  width: 100%;
  margin-top: 8px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}
.contact-us__chat .icon-question_answer {
  font-size: 22px;
  margin-right: 5px;
}
@media only screen and (min-width : 993px) {
  .contact-us__chat .icon-question_answer {
    margin-right: 15px;
  }
}
@media only screen and (min-width : 993px) {
  .contact-us__chat {
    color: #fff;
    width: 290px;
    font-weight: 300;
  }
}
@media only screen and (min-width : 993px) and (min-width : 1201px) {
  .contact-us__chat {
    font-size: 17px;
    width: 45%;
  }
}

.contact-us__places-container {
  padding-top: 10px;
  border-top: 1px solid #D8D8D8;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (min-width : 993px) {
  .contact-us__places-container {
    /* float: left;
    width: 60%; */
    width: 340px;
    border-top: 0;
    /* margin: 8px 0 0;
    padding: 0; */
  }
}
@media only screen and (min-width : 1201px) {
  .contact-us__places-container {
    float: right;
    width: 55%;
  }
}

.contact-us__places {
  color: #0299D8;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .contact-us__places {
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
  }
}
@media only screen and (min-width : 1201px) {
  .contact-us__places {
    font-size: 17px;
  }
}

@media only screen and (min-width : 993px) {
  .layout_col_1 .contact-us {
    background-image: url(../images/contacta-bg.png);
    background-repeat: no-repeat;
    background-position: 330% bottom;
    background-size: contain;
  }
}
@media only screen and (min-width : 1201px) {
  .layout_col_1 .contact-us {
    background-position: right bottom;
  }
}
@media only screen and (min-width : 993px) {
  .layout_col_1 .contact-us__places-container,
  .layout_col_1 .contact-us__chat {
    float: left;
  }
}

/* Color Variations Theme */
.movistar--green .contact-us__chat {
  background: #5bc500;
}
.movistar--green .contact-us__call {
  background: #5bc500;
}

@media only screen and (min-width : 993px) {
  .movistar--blue .contact-us__chat {
    background: #00a9e0;
  }
}
.movistar--blue .contact-us__call {
  background: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.not-client {
  display: none;
  height: 100%;
}
@media only screen and (min-width : 993px) {
  .not-client {
    display: block;
  }
}

.mimovistar-api {
  background-color: #00a9e0;
  padding: 15px;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .mimovistar-api {
    height: 100%;
    padding: 6% 8% 6%;
  }
}
@media only screen and (min-width : 1201px) {
  .mimovistar-api {
    padding: 50px 80px;
  }
}

.mimovistar-api__body::after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__body {
    display: flex;
  }
}

.mimovistar-api__img-container {
  margin-bottom: 10px;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__img-container {
    margin-right: 40px;
  }
}

.mimovistar-api__img {
  width: 60px;
  height: auto;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__img {
    width: 160px;
  }
}

@media only screen and (min-width : 993px) {
  .mimovistar-api__text-container {
    text-align: left;
  }
}

.mimovistar-api__title {
  font-weight: 300;
  font-size: 25px;
  color: #FFFFFF;
  line-height: 30px;
  max-width: 205px;
  margin: 0 auto;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__title {
    margin: 15px 0 30px;
    line-height: 48px;
    font-size: 40px;
    max-width: 310px;
  }
}

.mimovistar-api__subtitle {
  font-weight: 300;
  color: #FFFFFF;
  max-width: 205px;
  margin: 15px auto 0;
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__subtitle {
    font-size: 24px;
    line-height: 32px;
    max-width: none;
    margin: auto;
  }
}

.mimovistar-api__button-container {
  margin-top: 25px;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__button-container {
    text-align: left;
    margin-top: 45px;
  }
}

.mimovistar-api__app-store img,
.mimovistar-api__google img {
  width: 160px;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__app-store img,
  .mimovistar-api__google img {
    width: 200px;
  }
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__app-store,
  .mimovistar-api__google {
    width: 40%;
  }
}
@media only screen and (min-width : 1201px) {
  .mimovistar-api__app-store,
  .mimovistar-api__google {
    width: 213px;
  }
}

.mimovistar-api__app-store {
  display: none;
}
@media only screen and (min-width : 993px) {
  .mimovistar-api__app-store {
    display: inline-block;
    margin-right: 10px;
  }
}

.mimovistar-api__google {
  display: inline-block;
}

.ios .mimovistar-api__app-store {
  display: inline-block;
}
.ios .mimovistar-api__google {
  display: none;
}
@media only screen and (min-width : 993px) {
  .ios .mimovistar-api__google {
    display: inline-block;
  }
}

@media only screen and (min-width : 993px) {
  .layout_col_1 .mimovistar-api {
    background-image: url(../images/movistar-api-bg.png);
    background-repeat: no-repeat;
    background-position: 140% bottom;
    background-size: contain;
  }
}
@media only screen and (min-width : 1201px) {
  .layout_col_1 .mimovistar-api {
    background-position: right bottom;
    padding: 50px 0;
  }
}
@media only screen and (min-width : 1201px) {
  .layout_col_1 .mimovistar-api__inner {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media only screen and (min-width : 993px) {
  .layout_col_1 .mimovistar-api__body {
    width: 75%;
  }
}
@media only screen and (min-width : 1201px) {
  .layout_col_1 .mimovistar-api__body {
    width: 50%;
  }
}
@media only screen and (min-width : 993px) {
  .layout_col_1 .mimovistar-api__button-container {
    width: 75%;
  }
}
@media only screen and (min-width : 1201px) {
  .layout_col_1 .mimovistar-api__button-container {
    width: 50%;
  }
}

/* Color Variations Theme - Customizable color theme */
.movistar--green .mimovistar-api {
  background-color: #5bc500;
}
.movistar--green .mimovistar-api.mimovistar-api__blue {
  background-color: #00a9e0;
}
.movistar--green .mimovistar-api.mimovistar-api__green {
  background-color: #5bc500;
}

.movistar--blue .mimovistar-api {
  background-color: #00a9e0;
}
.movistar--blue .mimovistar-api.mimovistar-api__blue {
  background-color: #00a9e0;
}
.movistar--blue .mimovistar-api.mimovistar-api__green {
  background-color: #5bc500;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.featured-content__container {
  width: 100%;
  background-color: #fff;
}
@media only screen and (min-width : 993px) {
  .featured-content__container {
    width: 85%;
    height: 504px;
    max-width: 1280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: transparent;
  }
}

@media only screen and (min-width : 993px) {
  .featured__featured {
    width: 67%;
    margin-right: auto;
    height: 100%;
  }
}

@media only screen and (min-width : 993px) {
  .featured__list {
    width: 31%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.featured-content-img {
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}

.featured-content-img__text {
  position: absolute;
  padding: 16px 16px 18px 16px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.featured-content-img__title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  letter-spacing: 0.04px;
  display: block;
  margin: 0;
}

.featured-content-img__subtitle {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  display: block;
  padding-top: 6px;
  padding-right: 100px;
  margin: 0;
}

.featured-content-img__info {
  display: block;
  bottom: 18px;
  position: absolute;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #0098D9;
  letter-spacing: 0.02px;
  line-height: 24px;
}

.featured-content-img__icon {
  right: 16px;
  position: absolute;
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  bottom: 18px;
}

.featured-content-img__overlay {
  width: 80%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 34%, rgba(255, 255, 255, 0.61) 60%, rgba(255, 255, 255, 0.6) 61%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 34%, rgba(255, 255, 255, 0.61) 60%, rgba(255, 255, 255, 0.6) 61%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 34%, rgba(255, 255, 255, 0.61) 60%, rgba(255, 255, 255, 0.6) 61%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.featured-content-img__image {
  max-width: 100%;
  z-index: 0;
}

.featured-content-links {
  margin: 15px 0;
  display: block;
  border-bottom: 1px solid #D3D4D3;
  padding: 0 15px 10px;
  position: relative;
}

.featured-content-links__title {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #50535A;
  letter-spacing: 0;
  margin: 0;
}

.featured-content__icon {
  font-size: 18px;
  color: #023F00;
  letter-spacing: 0;
  line-height: 21px;
  color: #0299D8;
  position: absolute;
  right: 15px;
  bottom: 10px;
}

@media only screen and (min-width : 993px) {
  .featured-content-wrapper {
    padding-bottom: 40px;
  }
  .featured-content-img {
    overflow: hidden;
    border-radius: 4px;
    height: 100%;
  }
  .featured-content-img__text {
    bottom: 0;
    height: auto;
    padding: 48px 43px;
  }
  .featured-content-img__title {
    font-family: Telefonica;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase;
  }
  .featured-content-img__subtitle {
    font-family: Telefonica;
    font-weight: 300;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 48px;
  }
  .featured-content-img__icon {
    font-size: 40px;
    bottom: 55px;
    right: 35px;
  }
  .featured-content-img__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 1;
  }
  .featured-content-img__image {
    background: #727272;
    min-width: 100%;
    max-width: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .featured-content-links {
    width: 100%;
    background: #ffffff;
    padding: 19px 10px 10px 19px;
    margin: 0;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .featured-content-links__title {
    font-family: Telefonica;
    font-weight: 300;
    font-size: 32px;
    color: #50535A;
    line-height: 40px;
    display: block;
  }
  .featured-content-links__description {
    font-family: Telefonica;
    font-weight: 300;
    font-size: 18px;
    color: #50535A;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 25px;
    margin: 0;
  }
  .featured-content__icon {
    right: 20px;
    bottom: 20px;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.customization-banner-wrapper {
  height: 100%;
  overflow: hidden;
}

.customization-banner {
  display: table;
  min-height: 168px;
  width: 100%;
  height: 100%;
  padding: 35px 16px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.customization-banner-container {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 2;
}

.customization-banner__title {
  font-family: Telefonica;
  font-weight: bold;
  font-size: 13px;
  color: #50535A;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: uppercase;
  padding-bottom: 3px;
  display: block;
  margin: 0;
}

.customization-banner__text {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 24px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  display: block;
  padding-right: 130px;
  position: relative;
  margin: 0;
}

.customization-banner__icon {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0.04px;
  line-height: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.customization-banner__star {
  position: absolute;
  right: 27px;
  top: -70px;
  width: 140px;
  z-index: 1;
}

.customization-banner__heart {
  position: absolute;
  bottom: -40px;
  right: -23px;
  width: 120px;
  z-index: 1;
}

@media only screen and (min-width : 993px) {
  .customization-banner {
    min-height: 440px;
    padding: 32px 16px 43px;
  }
  .customization-banner-container {
    display: block;
    height: 100%;
  }
  .customization-banner__title {
    font-size: 14px;
    color: #EB6A3C;
    letter-spacing: 0.7px;
  }
  .customization-banner__text {
    font-size: 40px;
    letter-spacing: -0.3px;
    line-height: 50px;
    padding: 30px 150px 140px 0;
  }
  .customization-banner__info {
    font-family: Telefonica;
    font-weight: normal;
    font-size: 18px;
    color: #86888C;
    letter-spacing: 0;
    line-height: 24px;
    padding-right: 172px;
    display: block;
  }
  .customization-banner__star {
    width: 205px;
    top: -105px;
  }
  .customization-banner__heart {
    width: 310px;
    right: -130px;
    bottom: -150px;
  }
}
@media only screen and (min-width : 1201px) {
  .customization-banner__text {
    padding: 0;
    max-width: 250px;
  }
  .customization-banner__info {
    padding-right: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .customization-banner__star {
    width: 270px;
    top: -135px;
  }
  .customization-banner__heart {
    width: 410px;
    right: -160px;
    bottom: -260px;
  }
}
@media only screen and (min-width : 993px) {
  .layout_col_1 .customization-banner-container {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
  }
  .layout_col_1 .customization-banner__text {
    max-width: 470px;
  }
  .layout_col_1 .customization-banner__star {
    left: 50%;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.footer-wrapper {
  padding: 15px 0 10px 0;
}

.footer__logo {
  padding-bottom: 37px;
}

.footer__logo-img {
  width: 100%;
  max-width: 223px;
}

.footer__links {
  display: table-cell;
}

.footer__links-block {
  float: left;
}

.footer__url-title {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 14px;
  color: #86888C;
  letter-spacing: 0.1px;
  line-height: 32px;
  padding-right: 15px;
}

@media only screen and (min-width : 993px) {
  .footer-wrapper {
    position: relative;
    padding: 48px 0;
  }
  .footer-wrapper:after {
    content: "";
    width: 100%;
    height: 4px;
    background: #F4F4F3;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0px;
  }
  .footer__logo {
    padding-bottom: 0;
  }
  .footer__logo-img {
    max-width: 318px;
  }
  .footer__links {
    float: right;
    margin: 0;
  }
  .footer__url-title {
    font-size: 18px;
    letter-spacing: 0;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.footer-large-links.collapsible {
  border: 0;
  box-shadow: none;
}

.footer-large-links-block {
  border-bottom: solid 1px #D8D8D8;
}

.footer-large-links-block.active {
  border-bottom: 0;
}

.footer-large-links-block.active .collapsible-body {
  display: block;
}

.footer-large-links-block .collapsible-header {
  border-bottom: 0;
}

.footer-large__icon {
  position: absolute;
  right: 16px;
  font-size: 18px;
  padding-top: 5px;
  color: #B6B7B7;
}

.active .footer-large__icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.footer-large-links-block.active .collapsible-body {
  display: block;
}

.footer-large-links-block .collapsible-body {
  border: 0;
  padding: 13px 16px 0;
}

.footer-large__container {
  padding-top: 17px;
}

.footer-large__logo {
  padding-bottom: 0px;
}

.footer-large__logo-img {
  width: 100%;
  max-width: 223px;
}

.footer-large-links-block {
  padding-bottom: 18px;
}

.footer-large__title {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0.18px;
  line-height: 24px;
  padding-top: 14px;
}

.footer-large__url {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 14px;
  color: #86888C;
  letter-spacing: 0.16px;
  line-height: 32px;
}
.footer-large__url:hover {
  color: #0299d8;
}

@media only screen and (min-width : 993px) {
  .footer-large-links-block .collapsible-header {
    padding: 0;
    cursor: text;
  }
  .footer-large__container {
    padding-top: 0;
  }
  .footer-large-wrapper-logo {
    position: relative;
  }
  .footer-large-wrapper-logo:after {
    content: "";
    width: 100%;
    height: 4px;
    background: #F4F4F3;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0px;
  }
  .footer-large-wrapper-logo:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #F4F4F3;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0px;
  }
  .footer-large__logo {
    width: 100%;
    padding: 0;
    position: relative;
  }
  .footer-large__logo-img {
    max-width: 318px;
  }
  .footer-large-links {
    display: table;
    width: 100%;
    height: 100%;
  }
  .footer-large-links-block {
    display: table-cell;
    border-bottom: 0;
  }
  .footer-large__title {
    font-family: Telefonica;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    padding: 22px 16px 17px 0;
  }
  .footer-large-links-block .footer-large__icon {
    display: none;
  }
  .footer-large-links-block .collapsible-body {
    display: block;
    padding-left: 0;
  }
  .footer-large__url {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  .footer-large__url-title {
    display: block;
    margin-bottom: 16px;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.section-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
}

@media only screen and (min-width : 993px) {
  .section-title {
    font-size: 40px;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.come-movistar-banner {
  max-height: 168px;
  display: block;
  position: relative;
  overflow: hidden;
}

.come-movistar-banner-container {
  position: absolute;
  padding-left: 16px;
  width: 100%;
  bottom: 37px;
  z-index: 2;
}

.come-movistar-banner__title {
  font-family: Telefonica;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0.6px;
  line-height: 24px;
  display: block;
  text-transform: uppercase;
  padding-bottom: 3px;
  margin: 0;
}

.come-movistar-banner__subtitle {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 24px;
  display: block;
  margin: 0;
}

.come-movistar-banner__icon {
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0.04px;
  line-height: 24px;
  position: absolute;
  right: 16px;
}

.come-movistar-banner__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
  top: 0;
  left: 0;
}

.come-movistar-banner__img {
  max-width: 100%;
  z-index: 0;
}

@media only screen and (min-width : 993px) {
  .come-movistar-banner-wrapper {
    height: 100%;
  }
  .come-movistar-banner {
    max-height: 100%;
    height: 100%;
    position: relative;
  }
  .come-movistar-banner-container {
    position: relative;
    bottom: auto;
    height: 100%;
    min-height: 450px;
    padding: 30px;
  }
  .come-movistar-banner__title {
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 9px;
  }
  .come-movistar-banner__subtitle {
    font-size: 40px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 10px;
  }
  .come-movistar-banner__icon {
    font-size: 40px;
    color: #FFFFFF;
    line-height: normal;
    bottom: 30px;
  }
  .come-movistar-banner__img {
    background: #727272;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    position: absolute;
    left: 0px;
    top: 0;
  }
}
@media only screen and (min-width : 993px) {
  .layout_col_1 .come-movistar-banner-container {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 0;
  }
  .layout_col_1 .come-movistar-banner__icon {
    bottom: 60px;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.list-links-wrapper {
  padding-top: 15px;
}

.list-links-container {
  padding: 15px 0;
}

.list-links-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding-bottom: 32px;
  margin: 0;
}

.list-links {
  display: block;
  width: 100%;
  border-bottom: 1px solid #D3D4D3;
  padding: 30px 0 10px;
}

.list-links__text {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #50535A;
  letter-spacing: 0;
  display: block;
  position: relative;
  margin: 0;
}

.list-links__icon {
  font-size: 18px;
  color: #0098D9;
  letter-spacing: 0;
  line-height: 21px;
  right: 0;
  position: absolute;
}

@media only screen and (min-width : 993px) {
  .list-links-container {
    padding: 0px 10%;
  }
  .list-links-title {
    font-size: 40px;
    padding-top: 5px;
    padding-bottom: 47px;
  }
  .list-links {
    border-bottom: 0;
    padding: 36px 40px;
    background: white;
    margin-bottom: 16px;
  }
  .list-links__text {
    font-family: Telefonica;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
  }
  .list-links__icon {
    font-size: 24px;
    color: #0299D8;
    letter-spacing: 0.04px;
    line-height: 24px;
    top: 3px;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.services-links-boxes-wrapper {
  padding: 56px 0 26px 0;
}

.services-links-boxes-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding: 0 30px 25px;
}

.services-links-boxes {
  display: block;
  text-align: center;
  padding: 25px 30px;
}

.services-links-boxes__img {
  height: 64px;
  max-width: 70px;
  margin: auto;
}

.services-links-boxes img {
  max-height: 100%;
  max-width: 100%;
}

.services-links-boxes__title {
  display: block;
  font-family: Telefonica;
  font-weight: bold;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  padding-top: 18px;
  text-transform: uppercase;
}

.services-links-boxes__text {
  display: block;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  padding-bottom: 8px;
}

.services-links-boxes__link {
  display: block;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #0299D8;
  letter-spacing: 0;
  line-height: 24px;
}

.services-links-boxes__icon {
  position: absolute;
  padding-top: 5px;
}

@media only screen and (min-width : 993px) {
  .services-links-boxes-wrapper {
    padding: 0;
    padding-bottom: 25px;
  }
  .services-links-boxes-title {
    font-size: 48px;
    padding-top: 5px;
    padding-bottom: 45px;
  }
  .services-links-boxes {
    font-size: 40px;
    padding-top: 5px;
    padding-bottom: 47px;
  }
  .services-links-boxes {
    padding: 20px 45px;
    border: 1px solid #D3D4D3;
    border-radius: 4px;
    margin-bottom: 35px;
    margin-right: 15px;
  }
  .services-links-boxes:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  }
  .services-links-boxes__img-container {
    display: table;
    width: 100%;
  }
  .services-links-boxes__img {
    height: 106px;
    display: table-cell;
    vertical-align: middle;
  }
  .services-links-boxes img {
    max-height: 80px;
    max-width: 80px;
  }
  .services-links-boxes__title {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
  }
  .services-links-boxes__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    line-height: 32px;
    max-height: 64px;
    text-overflow: ellipsis;
  }
  .services-links-boxes__link {
    font-size: 20px;
    padding-top: 20px;
  }
  .services-links-boxes__link:hover {
    text-decoration: underline;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.faqs-links {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.18px;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .faqs-links {
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    letter-spacing: 0;
  }
}

.faqs-links__item {
  position: relative;
  border-bottom: 1px solid #D3D4D3;
}
@media only screen and (min-width : 993px) {
  .faqs-links__item {
    width: 48%;
    margin-bottom: 16px;
  }
  .faqs-links__item:nth-child(odd) {
    margin-left: 0;
    margin-right: 1%;
  }
  .faqs-links__item:nth-child(even) {
    margin-right: 0;
    margin-left: 1%;
  }
}
@media only screen and (min-width : 1201px) {
  .faqs-links__item:nth-child(odd) {
    margin-right: 20px;
  }
  .faqs-links__item:nth-child(even) {
    margin-left: 20px;
  }
}

.faqs-links__index {
  font-size: 18px;
  color: #0299D8;
  line-height: 24px;
  position: absolute;
  top: 16px;
  left: 26px;
}
@media only screen and (min-width : 993px) {
  .faqs-links__index {
    font-size: 24px;
    top: 20px;
    left: 23px;
  }
}

.faqs-links__link {
  display: block;
  color: #50535A;
  line-height: 24px;
  padding: 14px 48px 18px 48px;
}
@media only screen and (min-width : 993px) {
  .faqs-links__link {
    line-height: 32px;
  }
}

.faqs-links__icon {
  font-size: 18px;
  color: #0299D8;
  position: absolute;
  top: 16px;
  right: 26px;
}
@media only screen and (min-width : 993px) {
  .faqs-links__icon {
    font-size: 24px;
    position: relative;
    top: 2px;
    right: auto;
  }
}

.faqs-links__button-container {
  text-align: center;
  margin: 32px 0 36px;
}

.faqs-links__faq-button {
  font-size: 16px;
  color: #0299D8;
  letter-spacing: 0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.full-col {
  padding: 0;
}

.featured-links {
  display: block;
  position: relative;
  padding: 29px 52px 18px;
  border-top: 1px solid #D3D4D3;
  border-bottom: 1px solid #D3D4D3;
}

.featured-links__title {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #50535A;
  letter-spacing: 0.2px;
  line-height: 24px;
}

.featured-links__icon {
  font-size: 24px;
  color: #0299D8;
  letter-spacing: 0;
  left: 16px;
  position: absolute;
  width: 22px;
}

.featured-links__icon-next {
  font-size: 18px;
  color: #0098D9;
  letter-spacing: 0.03px;
  line-height: 24px;
  right: 16px;
  position: absolute;
}

.featured-links__text {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  display: block;
}

@media only screen and (min-width : 993px) {
  .featured-links-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .full-col {
    padding: 0 0.75rem;
  }
  .featured-links {
    height: 100%;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding-bottom: 31px;
  }
  .featured-links__title {
    font-size: 24px;
    color: #0299D8;
    line-height: 40px;
  }
  .featured-links__icon {
    display: none;
  }
  .featured-links__icon-next {
    font-size: 32px;
    letter-spacing: 0.07px;
    padding-top: 8px;
  }
  .featured-links__text {
    font-size: 20px;
    line-height: 32px;
    padding-top: 38px;
  }
}
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.slider-shows-wrapper {
  padding: 15px 0 25px;
}
@media only screen and (min-width : 993px) {
  .slider-shows-wrapper {
    padding: 67px 0 99px;
  }
}

.slider-shows-container {
  color: #50535A;
  padding-left: 16px;
  max-width: 1280px;
}
@media only screen and (min-width : 601px) {
  .slider-shows-container {
    width: 85%;
    margin: 0 auto;
    padding-left: 0;
  }
}

.slider-shows__title {
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .slider-shows__title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 47px;
  }
}

.slider-shows__carousel .slick-list {
  /* @media only screen and (min-width : 601px) {
     	margin-right: -32px;
  } */
}
@media only screen and (min-width : 601px) {
  .slider-shows__carousel .slick-prev {
    left: -66px;
  }
}
@media only screen and (min-width : 601px) {
  .slider-shows__carousel .slick-next {
    right: -66px;
  }
}
.slider-shows__carousel .slick-prev::before,
.slider-shows__carousel .slick-next::before {
  color: #50535A;
  background: transparent;
}

.slider-shows__container-image {
  height: 185px;
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width : 601px) {
  .slider-shows__container-image {
    height: 320px;
  }
}

img.slider-shows__image {
  max-width: 100%;
  height: 100%;
  width: 100%;
  border-radius: 4px;
}

.slider-shows__item {
  padding-right: 15px;
  text-align: left;
  color: #50535A;
}
@media only screen and (min-width : 601px) {
  .slider-shows__item {
    padding: 0 20px;
  }
}

.slider-shows__name {
  margin: 0;
  margin-top: 6px;
  font-size: 16px;
}
@media only screen and (min-width : 993px) {
  .slider-shows__name {
    font-size: 18px;
    line-height: 24px;
    margin-top: 21px;
  }
}

/* .slider-shows-container{
	padding: 24px 0px 38px;
}
.slider-shows__title{
	font-family: Telefonica;
	font-weight: bold;
	font-size: 12px;
	color: #50535A;
	letter-spacing: 0.6px;
	line-height: 24px;
	padding-left: 16px;
}
.slider-shows__text{
	font-family: Telefonica;
	font-weight: 300;
	font-size: 24px;
	color: #50535A;
	letter-spacing: 0;
	line-height: 24px;
	display: block;
	padding-bottom: 21px;
	padding-right: 110px;
	padding-left: 16px;
}
.slider-shows__carousel .slick-track{
	left: 10px;
}
.slider-shows__carousel .slick-slide{
	text-align: left;
}
.slider-shows__carousel .slick-slide img{
	margin-left: 10px;
}
.slider-shows__image{
	height: 168px;
	border-radius: 4px;
}
.slider-shows__name{
	font-family: Telefonica;
	font-weight: normal;
	font-size: 16px;
	color: #50535A;
	letter-spacing: 0;
	line-height: 16px;
	display: block;
	text-align: left;
	padding: 10px 0 0 10px;
}

@media ( min-width : 768px ){
	.slider-shows__carousel .slick-track{
		left: 0px;
	}
	.slider-shows__name{
		padding: 10px 0 0 20px;
	}
	.slider-shows__carousel .slick-slide img{
		margin-left: 20px;
	}
}

@media only screen and (min-width : 993px){

	.slider-shows-container{
		padding: 59px 0px 97px;
	}
	.slider-shows__title{
		font-size: 16px;
		letter-spacing: 0.8px;
		line-height: 48px;
		padding-left: 190px;
	}
	.slider-shows__text{
		font-size: 40px;
		line-height: 48px;
		padding-left: 190px;
		padding-bottom: 46px;
	}
	.slider-shows__carousel .slick-track{
		left: 165px;
	}
	.slider-shows__carousel .slick-slide img{
		margin-left: 27px;
	}
	.slider-shows__image{
		height: 252px;
		&:hover {
			opacity: .5;
		}
	}
	.slider-shows__name{
		font-size: 20px;
		line-height: 24px;
		padding: 10px 0 0 27px;
	}

}
 */
/*.slider-shows-container{
padding: 24px 0px 38px;
}
.slider-shows__title{
font-family: Telefonica;
font-weight: bold;
font-size: 12px;
color: #50535A;
letter-spacing: 0.6px;
line-height: 24px;
padding-left: 16px;
}
.slider-shows__text{
font-family: Telefonica;
font-weight: 300;
font-size: 24px;
color: #50535A;
letter-spacing: 0;
line-height: 24px;
display: block;
padding-bottom: 21px;
padding-right: 110px;
padding-left: 16px;
}
.slider-shows__carousel.owl-carousel .owl-item img{
margin: 0 16px;
}
.slider-shows__item{
display: block;
max-width: 135px;
}
.slider-shows__image{
height: 168px;
border-radius: 4px;
}
.slider-shows__name{
font-family: Telefonica;
font-weight: normal;
font-size: 16px;
color: #50535A;
letter-spacing: 0;
line-height: 16px;
display: block;
text-align: left;
padding: 10px 0 0 16px;
}


@media only screen and (min-width : 993px){

.slider-shows-container{
padding: 59px 0px 97px;
}
.slider-shows__title{
font-size: 16px;
letter-spacing: 0.8px;
line-height: 48px;
padding-left: 190px;
}
.slider-shows__text{
font-size: 40px;
line-height: 48px;
padding-left: 190px;
padding-bottom: 46px;
}
.slider-shows__item{
max-width: 205px;
}
.slider-shows__image{
height: 252px;
}
.slider-shows__name{
font-size: 20px;
line-height: 24px;
}

}*/
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.c-plan-container {
  position: relative;
}

/* commented tabs - Mobile */
/*.c-plan-container .tabs{
	display: none;
	@media only screen and (min-width : 993px){
		display: block;
	}
}*/
.tab__title-mobile {
  display: none;
  /*font-size: 30px;
  width: 100%;
  text-align: center;

  @media only screen and (min-width : 993px){
  	display: none;
  }*/
}

.c-plan {
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  line-height: 24px;
  border-bottom: 1px solid #D3D4D3;
  background: #fff;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .c-plan {
    margin: 0 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-bottom: 20px;
  }
  .c-plan.stairs:nth-of-type(2) {
    margin-top: 10px;
  }
  .c-plan.stairs:nth-of-type(2) .c-plan__header {
    height: 140px;
  }
  .c-plan.stairs:nth-of-type(3) {
    margin-top: 20px;
  }
  .c-plan.stairs:nth-of-type(3) .c-plan__header {
    height: 130px;
  }
  .c-plan.stairs:nth-of-type(4) {
    margin-top: 30px;
  }
  .c-plan.stairs:nth-of-type(4) .c-plan__header {
    height: 120px;
  }
  .c-plan.stairs:nth-of-type(5) {
    margin-top: 40px;
  }
  .c-plan.stairs:nth-of-type(5) .c-plan__header {
    height: 110px;
  }
  .c-plan.stairs:nth-of-type(6) {
    margin-top: 50px;
  }
  .c-plan.stairs:nth-of-type(6) .c-plan__header {
    height: 100px;
  }
  .c-plan.stairs:nth-of-type(6) .c-plan__header h3 {
    margin-bottom: 5px;
  }
  .c-plan.stairs:nth-of-type(7) {
    margin-top: 60px;
  }
  .c-plan.stairs:nth-of-type(7) .c-plan__header {
    height: 90px;
  }
  .c-plan.stairs:nth-of-type(7) .c-plan__header h3 {
    margin-bottom: 10px;
  }
  .c-plan.stairs:nth-of-type(8) {
    margin-top: 70px;
  }
  .c-plan.stairs:nth-of-type(8) .c-plan__header {
    height: 80px;
  }
  .c-plan.stairs:nth-of-type(8) .c-plan__header h3 {
    margin-bottom: 15px;
  }
  .c-plan.stairs:nth-of-type(9) {
    margin-top: 80px;
  }
  .c-plan.stairs:nth-of-type(9) .c-plan__header {
    height: 70px;
  }
  .c-plan.stairs:nth-of-type(9) .c-plan__header h3 {
    margin-bottom: 20px;
  }
  .c-plan.stairs:nth-of-type(10) {
    margin-top: 90px;
  }
  .c-plan.stairs:nth-of-type(10) .c-plan__header {
    height: 60px;
  }
  .c-plan.stairs:nth-of-type(10) .c-plan__header h3 {
    margin-bottom: 25px;
  }
  .c-plan.stairs:nth-of-type(n+11) {
    display: none;
  }
}

.c-plan__header {
  padding: 20px 15px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
@media only screen and (min-width : 993px) {
  .c-plan__header {
    padding: 0;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 150px;
    align-content: center;
  }
}

.c-plan__caret {
  position: absolute;
  right: 15px;
  bottom: 7px;
  line-height: 1;
}
@media only screen and (min-width : 993px) {
  .c-plan__caret {
    display: none;
  }
}
.c-plan__caret span {
  display: block;
}

.c-plan__detail-container {
  order: 1;
  min-width: 50%;
}
@media only screen and (min-width : 993px) {
  .c-plan__detail-container {
    order: 2;
    flex-grow: 1;
    width: 100%;
  }
}

.c-plan__detail {
  font-weight: 300;
  font-size: 56px;
  letter-spacing: -2px;
  line-height: 45px;
  margin: 0;
  min-width: 50%;
}
.c-plan__detail .header-price {
  color: #50535A;
}
.c-plan__detail .header-old-price {
  font-size: 17px;
  text-decoration: line-through;
  color: #cbcbcb;
  font-weight: normal;
  float: left;
  padding-right: 5px;
  letter-spacing: 0px;
}
.c-plan__detail .header-text {
  letter-spacing: 0;
  font-size: 17px;
  color: #cbcbcb;
  font-weight: normal;
}
@media only screen and (min-width : 993px) {
  .c-plan__detail {
    text-align: center;
  }
  .c-plan__detail .header-price {
    color: #fff;
  }
  .c-plan__detail .header-old-price {
    font-size: 35px;
    float: none;
    color: #fff;
  }
  .c-plan__detail .header-text {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
  }
}

.c-plan__detail-text {
  position: relative;
  top: 5px;
}
@media only screen and (min-width : 993px) {
  .c-plan__detail-text {
    display: none;
  }
}

.c-plan__featured-container {
  order: 2;
  flex-grow: 1;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .c-plan__featured-container {
    order: 1;
    height: 20px;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
  }
}

.c-plan-rrss__icon {
  padding: 5px 4px 5px 0;
  display: inline-block;
  font-size: 19px;
}
@media only screen and (min-width : 993px) {
  .c-plan-rrss__icon {
    font-size: 25px;
  }
}

.c-plan__featured {
  border-radius: 2px;
  padding: 2px 5px;
  margin-top: 12px;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 17px;
  display: inline-block;
}
@media only screen and (min-width : 993px) {
  .c-plan__featured {
    background: transparent;
    display: inline;
    text-transform: uppercase;
    letter-spacing: 0;
  }
}

.c-plan__price-container {
  margin-left: auto;
  order: 1;
  text-align: right;
}
@media only screen and (min-width : 993px) {
  .c-plan__price-container {
    display: none;
  }
}

.c-plan__old-price-mobile {
  color: #cbcbcb;
  font-size: 26px;
  text-decoration: line-through;
}
@media only screen and (min-width : 993px) {
  .c-plan__old-price-mobile {
    display: none;
  }
}

.c-plan__old-price-desktop {
  display: none;
  color: #cbcbcb;
  font-size: 17px;
  text-decoration: line-through;
  margin: 0px 0 -25px;
}
@media only screen and (min-width : 993px) {
  .c-plan__old-price-desktop {
    display: block;
  }
}

.c-plan__price {
  font-size: 26px;
}

.c-plan__price-text {
  font-size: 13px;
  line-height: 17px;
}

.pricing-accordion--isOpen .c-plan__detail-container {
  min-width: 50%;
}
.pricing-accordion--isOpen .c-plan__detail {
  font-size: 26px;
  line-height: 24px;
  letter-spacing: 0;
}
.pricing-accordion--isOpen .c-plan__detail .header-old-price {
  font-size: 15px;
  text-decoration: line-through;
  color: #cbcbcb;
  font-weight: normal;
  float: left;
  padding-right: 5px;
}
@media only screen and (min-width : 993px) {
  .pricing-accordion--isOpen .c-plan__detail .header-old-price {
    color: #fff;
    padding-right: 0;
    font-size: 35px;
    float: none;
  }
}
.pricing-accordion--isOpen .c-plan__detail .header-text {
  letter-spacing: 0;
  font-size: 15px;
  color: #cbcbcb;
  font-weight: normal;
}
@media only screen and (min-width : 993px) {
  .pricing-accordion--isOpen .c-plan__detail .header-text {
    color: #fff;
    font-size: 20px;
  }
}
@media only screen and (min-width : 993px) {
  .pricing-accordion--isOpen .c-plan__detail {
    font-size: 56px;
    letter-spacing: -5px;
    line-height: 45px;
  }
}
.pricing-accordion--isOpen .c-plan__detail-text,
.pricing-accordion--isOpen .c-plan__price-text {
  display: none;
}
.pricing-accordion--isOpen .c-plan--isActive .c-plan__detail {
  font-size: 56px;
  letter-spacing: -5px;
  line-height: 45px;
}
.pricing-accordion--isOpen .c-plan--isActive .c-plan__detail .header-old-price {
  font-size: 15px;
  text-decoration: line-through;
  color: #cbcbcb;
  font-weight: normal;
  float: left;
  padding-right: 5px;
  letter-spacing: 0;
}
@media only screen and (min-width : 993px) {
  .pricing-accordion--isOpen .c-plan--isActive .c-plan__detail .header-old-price {
    color: #fff;
    padding-right: 0;
    font-size: 35px;
    float: none;
  }
}
.pricing-accordion--isOpen .c-plan--isActive .c-plan__detail .header-text {
  letter-spacing: 0;
  font-size: 15px;
  color: #cbcbcb;
  font-weight: normal;
}
@media only screen and (min-width : 993px) {
  .pricing-accordion--isOpen .c-plan--isActive .c-plan__detail .header-text {
    color: #fff;
    font-size: 20px;
  }
}
.pricing-accordion--isOpen .c-plan--isActive .c-plan__detail-text,
.pricing-accordion--isOpen .c-plan--isActive .c-plan__price-text {
  display: block;
}
@media only screen and (min-width : 993px) {
  .pricing-accordion--isOpen .c-plan--isActive .c-plan__detail-text,
  .pricing-accordion--isOpen .c-plan--isActive .c-plan__price-text {
    display: none;
  }
}

.c-plan--isActive .c-plan__header {
  background: #F4F4F3;
}
@media only screen and (min-width : 993px) {
  .c-plan--isActive .c-plan__header {
    background: #0098D9;
  }
}
.c-plan--isActive .c-plan__caret {
  transform: rotate(180deg);
  bottom: 7px;
}
.c-plan--isActive .c-plan__body-container {
  display: block;
}

.c-plan__body-container {
  display: none;
  background: linear-gradient(-180deg, #F4F4F3 0%, #E9EAE8 100%);
  padding: 8px 8px 24px;
}
@media only screen and (min-width : 993px) {
  .c-plan__body-container {
    display: block;
    background: #fff;
    padding: 0;
  }
}

.c-plan__body {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 24px 13px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .c-plan__body {
    box-shadow: none;
    padding: 15px 20px;
  }
}

.c-plan__list {
  margin: 0;
}

.c-plan__list-item {
  border-bottom: 1px solid #D8D8D8;
  padding: 15px 0;
  text-align: center;
  height: 58px;
}
.c-plan__list-item.c-plan__featured-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 0;
  position: relative;
  height: auto;
}
.c-plan__list-item.borderless {
  border-bottom: 0;
}
.c-plan__list-item:first-child {
  padding-top: 10px;
}
.c-plan__list-item:last-child {
  border-bottom: 0;
}
.c-plan__list-item.c-plan__rrss {
  display: none;
}
@media only screen and (min-width : 993px) {
  .c-plan__list-item.c-plan__rrss {
    display: block;
    padding: 10px 0px;
    height: 58px;
  }
}

.c-plan__featured-image {
  max-width: 100%;
  height: 100%;
}

.c-plan__featured-flags {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.featured-flags__text {
  position: absolute;
  top: 0;
}

.featured-flags__item {
  height: 25px;
  width: 40px;
  display: inline-block;
  padding-right: 5px;
}

.featured-flags__item img {
  max-width: 100%;
  height: 100%;
}

.c-plan__list-item--previous-price {
  font-weight: normal;
  color: #86888c;
  font-size: 14px;
  text-decoration: line-through;
  /*&::after {
  	content: ' / mes'
  }*/
}
@media only screen and (min-width : 993px) {
  .c-plan__list-item--previous-price {
    font-size: 18px;
  }
}

.c-plan__list-item--price {
  display: none;
  font-weight: normal;
  font-size: 24px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 33px;
  /*&::after {
  	content: '/ mes'
  }*/
}
.c-plan__list-item--price .c-plan__text {
  line-height: 33px;
}
@media only screen and (min-width : 993px) {
  .c-plan__list-item--price {
    height: 78px;
    margin-top: 17px;
    vertical-align: middle;
    display: list-item;
    padding: 0;
    font-size: 21px;
    letter-spacing: -1px;
  }
}
.c-plan__list-item--price .c-plan__text {
  margin-top: 15px;
}

.c-plan__title {
  font-weight: bold;
  font-size: 16px;
  margin: 4px 0;
}

.c-plan__text {
  display: inline-block;
}
@media only screen and (min-width : 993px) {
  .c-plan__text {
    line-height: 17px;
  }
}

.c-plan__view-detail {
  color: #0299D8;
  height: 48px;
  line-height: 48px;
  text-decoration: underline;
  width: 100%;
}

.c-plan__get {
  height: 48px;
  line-height: 48px;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .c-pricing {
    display: flex;
  }
  .c-pricing .c-plan {
    flex-grow: 1;
  }
}

.c-pricing-slider__title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding: 0 10px 32px;
  margin: 0;
  /*@media only screen and (min-width : 1201px){
  	padding: 5px 25% 47px;
  }*/
}
@media only screen and (min-width : 993px) {
  .c-pricing-slider__title {
    font-size: 40px;
    /*padding-top: 5px;
    padding-bottom: 47px;
    padding: 5px 18% 47px;*/
    padding-top: 40px;
    padding-bottom: 20px;
    width: 70%;
    max-width: 1280px;
    line-height: 60px;
    margin: 0 auto;
  }
}

.c-pricing-slider .slick-track {
  margin: 0 auto;
}

.c-pricing__arrows {
  max-width: 1280px;
  margin: 0 auto;
  width: 85%;
  position: absolute;
  height: 48px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  pointer-events: none;
}
.c-pricing__arrows .slick-arrow {
  pointer-events: auto;
}
.c-pricing__arrows .slick-prev {
  left: -66px;
}
.c-pricing__arrows .slick-next {
  right: -66px;
}
.c-pricing__arrows .slick-prev::before,
.c-pricing__arrows .slick-next::before {
  color: #50535A;
  background: transparent;
}

.c-pricing__see-more {
  margin: 15px 0;
  text-align: center;
}
.c-pricing__see-more .btn-flat {
  color: #0098D9;
}

.c-plan__filter-accept {
  width: 100%;
  margin-bottom: 10px;
}

.c-plan__filter-close {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

/* Color Variations Theme */
.movistar--green .c-plan__featured {
  background: #5bc500;
}
.movistar--green .c-plan__price-container {
  color: #5bc500;
}
.movistar--green .c-plan__get {
  background: #5bc500;
}
@media only screen and (min-width : 993px) {
  .movistar--green .c-plan--featured .c-plan__header {
    background: #00a9e0;
  }
  .movistar--green .c-plan--featured .c-plan__get {
    background: #00a9e0;
  }
  .movistar--green .c-plan--featured .c-plan__list-item--price {
    color: #00a9e0;
  }
  .movistar--green .c-plan__featured {
    background: #00a9e0;
  }
  .movistar--green .c-plan__header {
    background: #5bc500;
  }
  .movistar--green .c-plan__get {
    background: #5bc500;
  }
}

.movistar--blue .c-plan__featured {
  background: #5bc500;
}
.movistar--blue .c-plan__price-container {
  color: #00a9e0;
}
.movistar--blue .c-plan__get {
  background: #00a9e0;
}
@media only screen and (min-width : 993px) {
  .movistar--blue .c-plan--featured .c-plan__header {
    background: #5bc500;
  }
  .movistar--blue .c-plan--featured .c-plan__get {
    background: #5bc500;
  }
  .movistar--blue .c-plan--featured .c-plan__list-item--price {
    color: #5bc500;
  }
  .movistar--blue .c-plan__header {
    background: #00a9e0;
  }
  .movistar--blue .c-plan__get {
    background: #00a9e0;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
@media only screen and (min-width : 993px) {
  .m-price__inner {
    border: 2px solid #E9EAE8;
  }
}

.m-price__title {
  font-size: 32px;
  font-weight: 300;
  color: #50535A;
  margin: 20px 0 30px;
  padding: 0 15px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .m-price__title {
    display: none;
  }
}

.m-price__checkbox-container {
  margin: 10px 0 15px;
}
@media only screen and (min-width : 993px) {
  .m-price__checkbox-container {
    margin: 24px 0 15px;
  }
}

.m-price__item {
  text-align: right;
  padding: 0;
}

.m-price__item-container {
  padding: 15px 35px;
  border-bottom: 1px solid #dedede;
}
.m-price__item-container:last-child {
  border-bottom: 0;
}

.m-price__item-name {
  font-weight: bold;
  font-size: 12px;
  color: #55AF07;
  letter-spacing: 0.6px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: left;
}
@media only screen and (min-width : 993px) {
  .m-price__item-name {
    text-align: right;
  }
}
.m-price__item-name.m-price__item-only-price {
  font-size: 16px;
  text-align: left;
}

.m-price__item-price {
  font-size: 40px;
  color: #50535A;
  letter-spacing: -1px;
  line-height: 40px;
}

.m-price__item-price--line-through {
  text-decoration: line-through;
  font-size: 32px;
  color: #B6B7B7;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: 300;
  margin-bottom: 15px;
}

.m-price__item-desc {
  font-size: 16px;
  color: #50535A;
  line-height: 24px;
}

.m-price__item .m-price__item-detail-link {
  display: none;
}
@media only screen and (min-width : 993px) {
  .m-price__item .m-price__item-detail-link {
    display: block;
    color: #0098D9;
    font-size: 16px;
    text-align: right;
    text-align: right;
    margin: 10px 0;
  }
}

.m-price__item-detail-link span {
  vertical-align: middle;
}

.m-price__call-to-action {
  padding: 5px 15px 20px;
}
@media only screen and (min-width : 993px) {
  .m-price__call-to-action {
    padding: 5px 35px 30px;
  }
}
.m-price__call-to-action .btn, .m-price__call-to-action .btn-large {
  width: 100%;
  height: 48px;
  line-height: 48px;
}
.m-price__call-to-action .m-price__item-detail-link {
  display: block;
  text-align: center;
  padding: 20px;
}
@media only screen and (min-width : 993px) {
  .m-price__call-to-action .m-price__item-detail-link {
    display: none;
  }
}

.m-price__call-us {
  font-size: 18px;
  color: #50535A;
  text-align: center;
  background: #E9EAE8;
  padding: 7px 0;
  /*display: none;
  @media only screen and (min-width : 993px){
  	display: block;
  }*/
}

.m-price__phone {
  font-weight: bold;
}

.m-price__desktop {
  display: none;
}
@media only screen and (min-width : 993px) {
  .m-price__desktop {
    display: block;
  }
}

.m-price__mobile {
  display: block;
}
@media only screen and (min-width : 993px) {
  .m-price__mobile {
    display: none;
  }
}

/* Color Variations Theme */
.movistar--green .device-carousel__featured .btn, .movistar--green .device-carousel__featured .btn-large {
  background: #5bc500;
}
.movistar--green .m-price__call-to-action .btn, .movistar--green .m-price__call-to-action .btn-large {
  background: #5bc500;
}

.movistar--blue .device-carousel__featured .btn, .movistar--blue .device-carousel__featured .btn-large {
  background: #00a9e0;
}
.movistar--blue .m-price__call-to-action .btn, .movistar--blue .m-price__call-to-action .btn-large {
  background: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
@media only screen and (min-width : 993px) {
  .m-product-card__inner {
    border: 2px solid #E9EAE8;
    border-radius: 4px;
  }
}

.m-product-card__header {
  color: #fff;
}
@media only screen and (min-width : 993px) {
  .m-product-card__header {
    background-image: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
}

.m-product-card__advertise {
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding: 15px;
}

.m-product-card__advertise-type {
  display: block;
}
@media only screen and (min-width : 993px) {
  .m-product-card__advertise-type {
    display: inline;
  }
}

.m-product-card__sale {
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
  margin: 0;
  /*padding: 40px 15px 100px;*/
  padding: 40px 15px 45px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .m-product-card__sale {
    padding: 70px 15px 70px;
  }
}

.m-product-card__sale-item {
  display: block;
}
@media only screen and (min-width : 993px) {
  .m-product-card__sale-item {
    display: inline;
  }
}

.m-product-card__body {
  padding-bottom: 15px;
}

.m-product-card__navigation {
  display: flex;
  align-items: center;
  padding: 30px 15px;
}
@media only screen and (min-width : 993px) {
  .m-product-card__navigation {
    padding: 15px 15%;
  }
}

.m-product-card__prev,
.m-product-card__next {
  border: 0;
  background: transparent;
  width: 40px;
  height: 40px;
  font-size: 30px;
}

.m-product-card__prev .icon-navigate_before,
.m-product-card__next .icon-navigate_next {
  color: #4e5255;
}

.m-product-card__prev {
  margin-right: auto;
}

.m-product-card__next {
  margin-left: auto;
}

.m-product-card__title {
  font-weight: bold;
  font-size: 19px;
  margin: 0 auto;
  text-align: center;
  color: #4e5255;
}

.m-product-card__list-features-wraper {
  padding: 30px 0 0;
}
@media only screen and (min-width : 993px) {
  .m-product-card__list-features-wraper {
    padding: 0 15%;
  }
}

.m-product-card__list-features {
  border-top: 1px solid #D3D4D3;
}
@media only screen and (min-width : 993px) {
  .m-product-card__list-features {
    display: flex;
    flex-wrap: wrap;
  }
}

.m-product-card__feature {
  border-bottom: 1px solid #D3D4D3;
  padding: 0 15px;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .m-product-card__feature.width50 {
    width: 50%;
  }
}

.m-product-card__feature-title {
  font-weight: bold;
  font-size: 15px;
  color: #555;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 0 0 0;
}

.m-product-card__list {
  margin-top: 5px;
}
@media only screen and (min-width : 993px) {
  .m-product-card__list {
    margin-top: 15px;
  }
}

.m-product-card__list-item {
  font-size: 16px;
  color: #50535A;
  line-height: 24px;
}

@media only screen and (min-width : 993px) {
  .m-product-card__rate-wraper {
    padding: 15px 15%;
  }
}

.m-product-icons {
  width: 100%;
}

.m-product__icon {
  margin: 0 10px 15px 0;
  width: 45px;
  height: 45px;
}

.m-product-card__rate-inner {
  background-color: #f5f4f2;
  padding: 15px 35px 0;
  display: inline-block;
  margin: 0;
  border: 0;
}
@media only screen and (min-width : 993px) {
  .m-product-card__rate-inner {
    margin: 10px 0;
  }
}

.m-product-card__rate-title {
  text-align: center;
  font-size: 16px;
  color: #50535A;
  line-height: 24px;
  margin-bottom: 30px;
}

.m-product-card__rate {
  display: flex;
  text-align: center;
  justify-content: space-between;
}
.m-product-card__rate img {
  max-width: 26px;
}

/* Color Variations Theme */
.movistar--green .m-product-card__header {
  background: #5bc500;
}

.movistar--blue .m-product-card__header {
  background: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.m-third-party-card .services-links-container {
  width: auto;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card {
    /*.services-links {
    	padding: 20px 0;
    }*/
  }
  .m-third-party-card .services-links-grid--2-col .services-links {
    width: 50%;
  }
  .m-third-party-card .services-links-grid--3-col .services-links {
    width: 50%;
  }
  .m-third-party-card .services-links-grid--4-col .services-links {
    width: 50%;
  }
  .m-third-party-card .services-links__img img {
    max-height: 60px;
    max-width: 60px;
  }
  .m-third-party-card .services-links__title {
    font-size: 16px;
    padding-top: 0;
  }
  .m-third-party-card .services-links__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 270px;
    margin: 0 auto;
  }
  .m-third-party-card .services-links__link {
    font-size: 16px;
    padding-top: 20px;
  }
}

.m-third-party-card__header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
  /*padding-bottom: 110px;*/
  padding-bottom: 45px;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__header {
    padding-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    overflow: hidden;
  }
}

.m-third-party-card__navigation {
  position: relative;
  z-index: 3;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__navigation {
    display: flex;
    align-items: center;
    height: 220px;
    padding: 0 15px;
  }
}

.m-third-party-card__shape {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  /*background-image: url(../images/third-party-shape.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;*/
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__shape {
    display: none;
  }
}

.m-third-party-card__overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
  background: #000;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#99000000", endColorstr="#00000000",GradientType=0 );
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__overlay {
    background: #000;
    filter: none;
    opacity: 0.4;
  }
}

.m-third-party-card__prev,
.m-third-party-card__next {
  display: none;
  border: 0;
  background: transparent;
  width: 40px;
  height: 40px;
  font-size: 30px;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__prev,
  .m-third-party-card__next {
    display: block;
  }
}

.m-third-party-card__prev .icon-navigate_before,
.m-third-party-card__next .icon-navigate_next {
  color: #fff;
}

@media only screen and (min-width : 601px) {
  .m-third-party-card__prev {
    margin-right: auto;
  }
  .m-third-party-card__next {
    margin-left: auto;
  }
}
.m-third-party-card__content {
  text-align: center;
  padding: 20px;
}

.m-third-party-card__logo {
  text-indent: -9999999px;
  background-repeat: no-repeat;
  background-size: auto 35px;
  background-position: center;
  margin: 10px 0 0 0;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__logo {
    margin: 0;
    background-size: auto 55px;
  }
}

.m-third-party-card__title {
  display: block;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
  margin: 1.78rem 0 1.424rem 0;
  color: #fff;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__title {
    display: none;
  }
}

.m-third-party-card__title-desktop {
  display: none;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__title-desktop {
    font-size: 22px;
    line-height: normal;
    margin: 20px auto 0;
    display: block;
    margin-left: 7px;
    color: #fff;
  }
}

.m-third-party-card__call-to-action-top {
  padding: 0 15px;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .m-third-party-card__call-to-action-top {
    display: none;
  }
}
.m-third-party-card__call-to-action-top .btn, .m-third-party-card__call-to-action-top .btn-large {
  width: 177px;
  height: 48px;
  line-height: 48px;
  margin: auto;
}

@media only screen and (min-width : 601px) {
  .m-third-party-card__body {
    padding: 40px 0;
  }
}

@media only screen and (min-width : 601px) {
  .m-third-party-card__inner {
    border: 2px solid #E9EAE8;
    border-radius: 4px;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.how-to-contract-wraper {
  padding-top: 30px;
}
@media only screen and (min-width : 993px) {
  .how-to-contract-wraper {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

.how-to-contract {
  padding-left: 50px;
  margin-bottom: 0;
}
@media only screen and (min-width : 993px) {
  .how-to-contract {
    display: flex;
    padding-left: 0;
    justify-content: space-between;
  }
}

.how-to-contract-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding: 0 15px 15px;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .how-to-contract-title {
    font-size: 40px;
    padding-top: 5px;
    padding-bottom: 50px;
  }
}

.how-to-contract-title__boldText {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  line-height: 43px;
}

.how-to-contract__item {
  position: relative;
}
.how-to-contract__item::before {
  content: "";
  display: block;
  width: 1px;
  background: #0098D9;
  position: absolute;
  top: 35px;
  left: -27px;
  bottom: -3px;
}
@media only screen and (min-width : 993px) {
  .how-to-contract__item::before {
    content: none;
  }
}
.how-to-contract__item:last-child::before {
  content: none;
}
.how-to-contract__item .collapsible-header {
  background: transparent;
}
.how-to-contract__item.active .collapsible-body {
  display: block;
}
@media only screen and (min-width : 993px) {
  .how-to-contract__item .collapsible-header {
    border-bottom: 0;
    cursor: auto;
  }
  .how-to-contract__item .collapsible-body {
    display: block;
    border-bottom: 0;
    padding: 0 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    max-width: 280px;
  }
}

.how-to-contract__title {
  position: relative;
}
@media only screen and (min-width : 993px) {
  .how-to-contract__title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }
}

.how-to-contract__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  padding-top: 5px;
  color: #B6B7B7;
}
@media only screen and (min-width : 993px) {
  .how-to-contract__arrow {
    display: none;
  }
}

.how-to-contract__icon {
  font-size: 22px;
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width : 993px) {
  .how-to-contract__icon {
    position: relative;
    display: block;
    text-align: center;
    left: auto;
    top: auto;
    transform: translateY(0);
    font-size: 44px;
    margin-bottom: 50px;
  }
}

.how-to-contract__no-line {
  padding-left: 0;
}
.how-to-contract__no-line .how-to-contract__item {
  padding-left: 50px;
  border-bottom: 1px solid #ddd;
}
@media only screen and (min-width : 993px) {
  .how-to-contract__no-line .how-to-contract__item {
    border-bottom: none;
    padding-left: 0;
  }
}
.how-to-contract__no-line .how-to-contract__item:before {
  content: none;
}
.how-to-contract__no-line .collapsible-header {
  border-bottom: none;
}
.how-to-contract__no-line .collapsible-body {
  border-bottom: none;
}
@media only screen and (min-width : 993px) {
  .how-to-contract__no-line .how-to-contract__icon {
    font-size: 70px;
    margin-bottom: 5px;
  }
}

/* Color Variations Theme */
.movistar--green .how-to-contract__icon {
  color: #5bc500;
}

.movistar--blue .how-to-contract__icon {
  color: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.filter-fixed-action-btn {
  display: none;
  /*position: fixed;
  bottom: 25px;
  z-index: 997;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  @media only screen and (min-width : 993px) {
  	display: none;
  }*/
}

.filter-action-btn {
  background-color: #0299D8;
  width: 110px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  border-radius: 40px;
}

.filter-action-icon {
  font-size: 24px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

@media only screen and (min-width : 993px) {
  .filter-panels-wrapper {
    display: flex;
  }
}

.filter-panel {
  border-bottom: 1px solid #D3D4D3;
  padding: 20px 0 5px;
}
.filter-panel:first-of-type {
  padding-top: 0;
}
@media only screen and (min-width : 993px) {
  .filter-panel {
    width: 33%;
    border-bottom: 0;
    border-right: 1px solid #D3D4D3;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 30px;
  }
  .filter-panel:last-of-type {
    border: 0;
  }
}

.filter-panel__title {
  font-weight: bold;
  font-size: 14px;
  color: #50535A;
  text-transform: uppercase;
}

.filter-panel__container .md[type=checkbox]:checked + label:after {
  border: 2px solid #0098d8;
  background-color: #0098d8;
}

.filter-panel__container .md[type=radio]:checked + label:after {
  border: 2px solid #0098d8;
  background-color: #0098d8;
}
.filter-panel__container .md[type=radio]:checked + label:before {
  border: 2px solid #0098d8;
}

#modalFilter .modal-footer a {
  color: #0098d8;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.faqs-accordion {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.18px;
  margin: 0;
}
.faqs-accordion.collapsible {
  box-shadow: none;
  border: 0;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion {
    text-align: center;
  }
}

.faqs-accordion-title {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 32px;
  color: #50535A;
  line-height: 40px;
  text-align: center;
  padding: 32px 16px;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion-title {
    font-size: 40px;
    padding-top: 5px;
    padding-bottom: 47px;
  }
}

.faqs-accordion__item {
  position: relative;
  border-bottom: 1px solid #D3D4D3;
  padding: 0 16px;
  transition: all 0.2s;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion__item {
    margin: 0 auto;
    padding: 0;
    max-width: 1060px;
  }
}
.faqs-accordion__item.active {
  background-color: #fff;
}

.faqs-accordion__index {
  display: none;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion__index {
    display: none;
    font-size: 24px;
    top: 20px;
    left: 23px;
    color: #0299D8;
    line-height: 24px;
    position: absolute;
  }
}

.faqs-accordion__question {
  display: block;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #50535A;
  letter-spacing: 0.2px;
  line-height: 24px;
  padding: 13px 48px 22px 0;
  position: relative;
  margin: 0;
}
.faqs-accordion__question.collapsible-header {
  background-color: transparent;
  border: none;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion__question {
    line-height: 32px;
    padding: 26px 46px 26px 16px;
    text-align: left;
  }
}
.faqs-accordion__question:hover {
  background-color: #fff;
}

.faqs-accordion__answer {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
}
.faqs-accordion__answer.collapsible-body {
  border: 0;
  padding: 0;
  padding-right: 32px;
  padding-bottom: 34px;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion__answer.collapsible-body {
    padding-left: 32px;
    padding-top: 15px;
  }
}

.faqs-accordion__answer--bullets {
  text-align: justify;
  padding: 15px;
}

.faqs-accordion__answer--bullets li {
  list-style-type: disc;
  padding: 5px 0;
}

.faqs-accordion__icon {
  font-size: 18px;
  color: #0299D8;
  position: absolute;
  top: 16px;
  right: 16px;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion__icon {
    font-size: 24px;
    top: 50%;
    transform: translate(0, -50%);
  }
}

.active .faqs-accordion__icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  position: absolute;
  top: 16px;
}
@media only screen and (min-width : 993px) {
  .active .faqs-accordion__icon {
    font-size: 24px;
    top: inherit;
  }
}

.faqs-accordion__button-container {
  text-align: center;
  padding: 38px 0 42px;
}
@media only screen and (min-width : 993px) {
  .faqs-accordion__button-container {
    padding: 19px 21px;
  }
}

.faqs-accordion__faq-button {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #0299D8;
  letter-spacing: 0;
}

/*** Incidencia hover faqs ***/
.layout_transparent .faqs-accordion__question.collapsible-header:hover {
  background-color: #E9EAE8;
}
.layout_transparent .faqs-accordion__item.active {
  background-color: #e9eaeb;
} /* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.slider-videos-wrapper {
  padding: 30px 0;
}
@media only screen and (min-width : 993px) {
  .slider-videos-wrapper {
    padding: 30px 0 50px;
  }
}

.slider-videos-section {
  font-family: Telefonica;
  font-weight: bold;
  font-size: 12px;
  color: #50535A;
  letter-spacing: 0.6px;
  line-height: 24px;
  text-transform: uppercase;
}

.slider-videos-title {
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .slider-videos-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 47px;
  }
}

.play-button {
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 60px;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  opacity: 0.8;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  background-color: #000;
  border-radius: 4px;
  cursor: pointer;
}
@media only screen and (min-width : 993px) {
  .embed-container.active {
    cursor: auto;
    opacity: 0.5;
  }
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.embed-container img {
  opacity: 0.8;
}

.video-scroll {
  height: 230px;
  position: relative;
}
@media only screen and (min-width : 993px) {
  .video-scroll {
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.video-list {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  font-size: 0;
  position: relative;
}
@media only screen and (min-width : 993px) {
  .video-list {
    width: 100%;
  }
}

.video-list__item {
  display: inline-block;
  height: 210px;
  width: 270px;
  padding: 0px 8px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .video-list__item {
    display: block;
    height: auto;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
}

.video-list__title {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
  padding-top: 11px;
  display: block;
  white-space: normal;
}

@media only screen and (min-width : 993px) {
  .video-grid {
    display: flex;
  }
}

.video-grid__featured {
  display: none;
}
@media only screen and (min-width : 993px) {
  .video-grid__featured {
    display: block;
    padding-right: 15px;
    flex-grow: 1;
  }
}

.video-grid__list {
  position: relative;
  padding-bottom: 20px;
}
@media only screen and (min-width : 993px) {
  .video-grid__list {
    width: 295px;
    padding-right: 15px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width : 993px) {
  .grid-oneElement {
    width: 80%;
    margin: 0 auto;
  }
}

.list-oneElement .video-list__item {
  width: 100%;
  padding: 0;
}
.list-oneElement .video-grid__list-inner {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width : 993px) {
  .list-oneElement {
    display: none;
  }
}

.video-grid__list-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-featured__img {
  max-width: 100%;
  height: auto;
  width: 100%;
  border-radius: 4px;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

/******************* EXTERNAL SCROLLBAR *******************/
.video-scroll_x,
.video-scroll_y {
  display: none;
  position: absolute;
}

.video-scroll_x.scroll-scrollx_visible {
  display: block;
  height: 10px;
  left: 0;
  bottom: 0;
  width: 100%;
}

.video-scroll_y.scroll-scrolly_visible {
  display: block;
  height: 100%;
  right: -15px;
  top: 0;
  width: 10px;
}

.video-scroll_x div,
.video-scroll_y div {
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

.video-scroll_x .scroll-bar,
.video-scroll_y .scroll-bar {
  background-color: #c2c2c2;
  border-radius: 8px;
  z-index: 12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.video-scroll_x .scroll-element_track,
.video-scroll_y .scroll-element_track {
  background-color: #e0e0e0;
  border-radius: 8px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.video-scroll_x:hover .scroll-bar,
.video-scroll_y:hover .scroll-bar {
  background: #919191;
}

/* .video-scroll_x .scroll-bar {
    width: 100px;
}
.video-scroll_y .scroll-bar {
    height: 100px;
} */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.entertainment-grid-wrapper {
  padding: 0 8px;
}

.entertainment-grid__search-container {
  padding: 30px 0 0 0;
}
@media only screen and (min-width : 601px) {
  .entertainment-grid__search-container {
    padding: 30px 0 10px 0;
  }
}
@media only screen and (min-width : 993px) {
  .entertainment-grid__search-container {
    padding: 30px 0 30px 0;
  }
}

.entertainment-grid-block {
  margin-left: -4px;
  margin-right: -4px;
  padding: 15px 0 11px;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid-block {
    margin-left: -8px;
    margin-right: -8px;
    padding-top: 30px;
  }
}
.entertainment-grid-block::before, .entertainment-grid-block::after {
  content: "";
  display: table;
  clear: both;
}

.entertainment-grid-block-item {
  margin-bottom: 8px;
  padding-right: 4px;
  padding-left: 4px;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid-block-item {
    width: 50%;
    float: left;
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px;
  }
}

.entertainment-grid-block-item--shrink {
  width: 50%;
  float: left;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid-block-item--shrink {
    width: 25%;
    float: left;
  }
}

.entertainment-grid-block-item--shrink:last-child {
  margin-right: 0;
}

.entertainment-grid {
  position: relative;
  display: block;
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid {
    height: 200px;
    border-top: none;
  }
}

.entertainment-grid__container {
  position: absolute;
  padding-left: 16px;
  bottom: 35px;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid__container {
    padding-left: 39px;
  }
}

.entertainment-grid__title {
  font-family: Telefonica;
  font-weight: bold;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
  margin: 0;
}

.entertainment-grid__subtitle {
  font-family: Telefonica;
  font-weight: 300;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 28px;
  display: block;
  margin: 0;
  margin-top: 6px;
  padding-right: 40px;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid__subtitle {
    line-height: 48px;
    font-size: 40px;
    margin-top: 22px;
  }
}

.entertainment-grid__icon {
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0.05px;
  line-height: 24px;
  position: absolute;
  right: 7px;
  bottom: 2px;
}
@media only screen and (min-width : 993px) {
  .entertainment-grid__icon {
    right: 26px;
  }
}

.entertainment-grid__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}

.button-group--pills {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  height: 40px;
  text-align: center;
  justify-content: center;
}
.button-group--pills .pill {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  flex-grow: 0;
}
.button-group--pills .pill a {
  display: block;
  width: 100%;
  padding: 0 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.28s ease;
  font-size: 18px;
  color: #86888C;
  font-weight: normal;
  border-radius: 0px;
  text-transform: none;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 2;
  min-width: 144px;
}
.button-group--pills .pill a::hover {
  color: #0299D8;
}
.button-group--pills .pill a.active {
  color: #fff;
}
.button-group--pills .indicator {
  position: absolute;
  bottom: 0;
  will-change: left, right;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  background-color: #0299D8;
  z-index: 1;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.device-showcase.scrolling--down .device-showcase__filter-text {
  max-width: 0;
}
@media only screen and (min-width : 993px) {
  .device-showcase.scrolling--down .device-showcase__filter-text {
    max-width: 100%;
  }
}
.device-showcase.scrolling--down .device-showcase__filters {
  /*max-width: 140px;*/
}
@media only screen and (min-width : 993px) {
  .device-showcase.scrolling--down .device-showcase__filters {
    max-width: 100%;
  }
}

.device-showcase__filters {
  text-align: center;
  position: fixed;
  max-width: 100%;
  width: 100%;
  bottom: 20px;
  right: 0;
  padding: 0 15px;
  transition: 0.2s ease-out;
  z-index: 2;
}
@media only screen and (min-width : 993px) {
  .device-showcase__filters {
    position: relative;
    right: auto;
    bottom: auto;
    margin-bottom: 30px;
  }
}

.device-showcase__filter-button {
  text-decoration: none;
  color: #fff;
  background-color: #0098d8;
  text-align: center;
  letter-spacing: 0.5px;
  padding: 0 1rem;
  transition: 0.2s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  display: inline-block;
  height: 36px;
  line-height: 30px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  margin-left: 15px;
}
.device-showcase__filter-button:first-child {
  margin-left: 0;
}

.device-showcase__filter-icon {
  font-size: 18px;
  vertical-align: middle;
}

.device-showcase__filter-text {
  vertical-align: middle;
  max-width: 80px;
  display: inline-block;
  overflow: hidden;
  transition: 0.2s ease-out;
}

@media only screen and (min-width : 993px) {
  .device-showcase__grid {
    display: flex;
    flex-wrap: wrap;
    margin: -7px;
  }
}

@media only screen and (min-width : 993px) {
  .device-showcase__item {
    width: 50%;
    padding: 7px;
  }
}
@media only screen and (min-width : 1201px) {
  .device-showcase__item {
    width: 33%;
  }
}

.device-showcase__item-inner {
  border-bottom: solid 1px #D8D8D8;
  display: flex;
  padding: 25px 25px 40px;
  background-color: #fff;
}
@media only screen and (min-width : 993px) {
  .device-showcase__item-inner {
    height: 100%;
  }
}

.device-showcase-item__device {
  flex-basis: 90px;
  flex-grow: 0;
  flex-shrink: 0;
}

.device-showcase-item__image {
  max-width: 100%;
  height: auto;
}

.device-showcase-item__device-info {
  flex-grow: 1;
  padding-left: 25px;
}

.device-showcase-item__featured {
  border-radius: 2px;
  padding: 0 5px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
}

.device-showcase-item__name {
  font-size: 24px;
  font-weight: 300;
  color: #50535A;
  margin: 10px 0 0 0;
}

.device-showcase-item__price-text {
  color: #53bf02;
  font-size: 16px;
}

.device-showcase-item__price {
  font-size: 24px;
  font-weight: 300;
  color: #53bf02;
}

/* Color Variations Theme */
.movistar--green .device-showcase-item__featured {
  background-color: #5bc500;
}

.movistar--blue .device-showcase-item__featured {
  background-color: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.lightbox-modal {
  background: #fff;
  border-radius: 0;
  overflow-x: hidden;
}
@media only screen and (min-width : 601px) {
  .lightbox-modal {
    border-radius: 5px;
    width: 360px;
  }
}

.lightbox-modal-close {
  display: block;
  float: right;
  width: 50px;
  height: 50px;
}
.lightbox-modal-close:after {
  color: #888;
  font-family: "icomoon";
  content: "\e5cd";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 25px;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 7px;
}

.lightbox-modal-content {
  padding: 15px;
}
@media only screen and (min-width : 601px) {
  .lightbox-modal-content {
    padding: 15px 30px;
  }
}

.lightbox-modal__logo {
  width: 100%;
  text-align: center;
  padding: 10px 30%;
}

#lightbox-modal-login .lightbox-modal__logo {
  padding: 5px 30%;
}

.lightbox-modal__logo--svg {
  fill: currentColor;
  color: #53bf02;
  width: 45px;
  height: 50px;
}

.lightbox-modal__title {
  font-weight: 300;
  font-size: 30px;
  color: #50535A;
  width: 100%;
  line-height: 30px;
  text-align: center;
  padding-bottom: 15px;
}

.lightbox-modal__subtitle {
  text-align: center;
  padding-bottom: 25px;
}

.lightbox-modal__form .button-group--pills {
  margin-bottom: 25px;
  overflow-x: visible;
  overflow-y: visible;
}
.lightbox-modal__form .button-group--pills .pill {
  width: 50%;
}
.lightbox-modal__form .button-group--pills .pill a {
  font-size: 16px;
}
.lightbox-modal__form .button-group--pills .indicator {
  max-width: 50%;
}

span.prefix.lightbox-prefix {
  left: 18px;
  top: 14px;
  font-size: 20px;
}

.lightbox-modal input[type=text]:not(.browser-default).md {
  font-size: 16px;
  height: 48px;
}

.lightbox-modal__check.process[type=checkbox] + label {
  padding: 13px 15px 13px 45px;
  color: #9e9e9e;
  font-size: 16px;
  top: 0;
  left: 0;
}
.lightbox-modal__check.process[type=checkbox] + label a {
  color: #9e9e9e;
  text-decoration: underline;
}
.lightbox-modal__check.process[type=checkbox] + label:after {
  left: 15px;
}
@media only screen and (min-width : 601px) {
  .lightbox-modal__check.process[type=checkbox] + label:after {
    left: 30px;
  }
}
.lightbox-modal__check.process[type=checkbox] + label:before {
  left: 21px;
}
@media only screen and (min-width : 601px) {
  .lightbox-modal__check.process[type=checkbox] + label:before {
    left: 36px;
  }
}
@media only screen and (min-width : 601px) {
  .lightbox-modal__check.process[type=checkbox] + label {
    text-align: center;
    padding: 13px 15px 13px 35px;
  }
}

.lightbox-modal__check.process[type=checkbox]:checked + label {
  background-color: transparent;
}

.lightbox-modal-button {
  padding: 5px 30px;
  text-align: center;
  display: block;
  margin: 15px auto 20px;
  height: auto;
  width: 100%;
}

.lightbox-modal-button[disabled] {
  background-color: #97df76 !important;
  color: #FFFFFF !important;
}

.lightbox-reset-password {
  color: #86888C;
  text-align: right;
  display: block;
  text-decoration: underline;
}

.lightbox-modal .tabs {
  margin-bottom: 25px;
  overflow-x: visible;
  overflow-y: visible;
}

.lightbox-modal .tabs.tabs--pills .indicator {
  max-width: 50%;
}
.lightbox-modal .tabs.tabs--pills .tab {
  width: 50%;
  float: left;
}
.lightbox-modal .tabs.tabs--pills .tab a {
  padding: 0;
}

.lightbox-create-account {
  display: block;
  width: 100%;
  color: #86888C;
  text-align: center;
  margin-bottom: 10px;
}

.lightbox-create-account__link {
  color: #86888C;
  text-decoration: underline;
}

.lightbox-rrss .contact-us__social-list {
  justify-content: center;
  margin-bottom: 0;
}
.lightbox-rrss .contact-us__social-link img {
  width: 50px;
}

.lightbox-rrss__text {
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
  border-bottom: 1px solid #ECECEC;
  padding: 0 15px 15px;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .lightbox-rrss__text {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}

.lightbox-buy-buttons-container {
  margin-top: 85px;
  width: 100%;
}
@media only screen and (min-width : 601px) {
  .lightbox-buy-buttons-container {
    margin-top: 40px;
  }
}

.white-btn {
  background: #fff;
  color: #555;
  box-shadow: none;
  font-size: 17px;
  border-radius: 5px;
}

.grey-btn, .grey-btn[disabled] {
  background: #ebeae6 !important;
  color: #555 !important;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.process[type=checkbox]:not(:checked),
.process[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.process[type=checkbox]:not(:checked):disabled + label:before {
  border: none;
  background-color: #b6b7b7;
}
.process[type=checkbox].tabbed:focus + label:after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.process[type=checkbox] {
  /* + label:before{
    content: '';
    right: 16px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    //.1s delay is for check animation
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
  } */
}
.process[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  transition: 0.28s ease;
  -khtml-user-select: none;
  user-select: none;
}
.process[type=checkbox] + label:after {
  border-radius: 100%;
}
.process[type=checkbox] + label:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 13px;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid transparent;
  border-radius: 1px;
  margin-top: 2px;
  transform: rotateZ(37deg);
  transition: 0.28s ease;
  z-index: 1;
}
.process[type=checkbox] + label:after {
  content: "";
  right: 7px;
  top: 15px;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
.process[type=checkbox]:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #B6B7B7;
  z-index: 0;
}
.process[type=checkbox]:checked + label {
  background-color: #f4f4f3;
}
.process[type=checkbox]:checked + label:before {
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.process[type=checkbox]:checked + label:after {
  width: 20px;
  height: 20px;
  border: 2px solid #50535a;
  background-color: #50535a;
  z-index: 0;
}
.process[type=checkbox].tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #B6B7B7;
  background-color: rgba(0, 0, 0, 0.1);
}
.process[type=checkbox].tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #50535a;
  border-color: #50535a;
}
.process[type=checkbox]:disabled + label {
  background-color: transparent;
  color: #86888c;
  opacity: 0.7;
}
.process[type=checkbox]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}
.process[type=checkbox]:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD;
}
.process[type=checkbox]:disabled:checked + label:before {
  background-color: transparent;
}
.process[type=checkbox]:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

.process-add[type=checkbox]:not(:checked),
.process-add[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.process-add[type=checkbox]:not(:checked):disabled + label:before {
  border: none;
  background-color: #b6b7b7;
}
.process-add[type=checkbox].tabbed:focus + label:after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.process-add[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  transition: 0.28s ease;
  -khtml-user-select: none;
  user-select: none;
}
.process-add[type=checkbox] + label:after {
  border-radius: 100%;
}
.process-add[type=checkbox] + label:before {
  font-size: 18px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -8.5px;
  color: #b6b7b7;
  transition: color 0.25s;
}
.process-add[type=checkbox] + label:after {
  content: "";
  right: 5px;
  top: 50%;
  margin-top: -10px;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}
.process-add[type=checkbox]:not(:checked) + label:before {
  content: "\e145";
}
.process-add[type=checkbox]:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #B6B7B7;
  z-index: 0;
}
.process-add[type=checkbox]:checked + label {
  background-color: #f4f4f3;
}
.process-add[type=checkbox]:checked + label:before {
  content: "\e15b";
  color: #fff;
  z-index: 1;
}
.process-add[type=checkbox]:checked + label:after {
  width: 20px;
  height: 20px;
  border: 2px solid #50535a;
  background-color: #50535a;
  z-index: 0;
}
.process-add[type=checkbox].tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #B6B7B7;
  background-color: rgba(0, 0, 0, 0.1);
}
.process-add[type=checkbox].tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #50535a;
  border-color: #50535a;
}
.process-add[type=checkbox]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}
.process-add[type=checkbox]:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD;
}
.process-add[type=checkbox]:disabled:checked + label:before {
  background-color: transparent;
}
.process-add[type=checkbox]:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

.process[type=radio]:not(:checked),
.process[type=radio]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.process[type=radio]:not(:checked) + label,
.process[type=radio]:checked + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  transition: 0.28s ease;
  -khtml-user-select: none;
  user-select: none;
}

.process[type=radio] + label:before,
.process[type=radio] + label:after {
  content: "";
  position: absolute;
  right: 7px;
  top: 15px;
  width: 20px;
  height: 20px;
  z-index: 0;
  transition: 0.28s ease;
}

.process[type=radio]:not(:checked) + label:before,
.process[type=radio]:not(:checked) + label:after,
.process[type=radio]:checked + label:before,
.process[type=radio]:checked + label:after {
  border-radius: 50%;
}

.process[type=radio]:not(:checked) + label:before,
.process[type=radio]:not(:checked) + label:after {
  border: 2px solid #b6b7b7;
}

.process[type=radio]:not(:checked) + label:after {
  transform: scale(0);
}

.process[type=radio]:checked + label {
  background-color: #f4f4f3;
}

.process[type=radio]:checked + label:before {
  border: 2px solid #50535a;
}

.process[type=radio]:checked + label:after {
  border: 2px solid #50535a;
  background-color: #50535a;
  transform: scale(0.5);
}

.process[type=radio].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

.process[type=radio]:disabled:not(:checked) + label:before,
.process[type=radio]:disabled:checked + label:before {
  background-color: transparent;
  border-color: #b6b7b7;
}

.process[type=radio]:disabled + label {
  color: #b6b7b7;
}

.process[type=radio]:disabled:not(:checked) + label:before {
  border-color: #b6b7b7;
}

.process[type=radio]:disabled:checked + label:after {
  background-color: #b6b7b7;
  border-color: #b6b7b7;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.pack-builder__hero {
  text-align: center;
  padding: 25px 0;
  display: none;
  background-color: #5bc500;
}
@media only screen and (min-width : 993px) {
  .pack-builder__hero {
    display: block;
  }
}

.pack-builder__hero-title {
  color: #fff;
  font-family: "Telefonica", sans-serif;
  font-weight: normal;
  font-size: 56px;
  line-height: 70px;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .pack-builder__hero-title {
    font-weight: 100;
  }
}
@media only screen and (min-width : 993px) {
  .pack-builder__hero-title {
    font-size: 64px;
    line-height: 72px;
  }
}

.pack-builder__hero-text {
  color: #fff;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  line-height: 30px;
}

@media only screen and (min-width : 993px) {
  .pack-builder-wraper {
    padding: 20px 0 40px;
    background-color: #5bc500;
  }
}

@media only screen and (min-width : 993px) {
  .pack-builder {
    border: 2px solid #e9e5e8;
    border-radius: 4px;
    background-color: #fff;
  }
}

.pack-builder__header {
  display: flex;
  align-items: center;
}
@media only screen and (min-width : 993px) {
  .pack-builder__header {
    border-bottom: 2px solid #e9e5e8;
    height: 60px;
  }
}

.pack-builder__back-button-container {
  margin-right: auto;
  min-width: 100px;
  display: none;
}
@media only screen and (min-width : 993px) {
  .pack-builder__back-button-container {
    display: block;
  }
}

.pack-builder__back-button {
  display: none;
  padding: 15px;
  cursor: pointer;
}
.pack-builder__back-button:hover {
  color: #00a9e0;
}

.pack-builder__next-button-container {
  margin-left: auto;
  min-width: 100px;
  display: none;
}
@media only screen and (min-width : 993px) {
  .pack-builder__next-button-container {
    display: block;
  }
}

.pack-builder__next-button {
  display: none;
  padding: 15px;
  cursor: pointer;
}
.pack-builder__next-button:hover {
  color: #00a9e0;
}

.pack-builder__progress-container {
  margin-right: auto;
  margin-left: auto;
}

.pack-builder__footer-wraper {
  display: none;
}

.pack-builder__footer-wraper--visible {
  display: block;
}
@media only screen and (min-width : 993px) {
  .pack-builder__footer-wraper--visible {
    display: none;
  }
}

.pack-builder__footer {
  display: flex;
  align-items: center;
  padding: 15px 15px 50px 15px;
}
@media only screen and (min-width : 993px) {
  .pack-builder__footer {
    padding: 15px;
  }
}

.pack-builder__footer-back-button-container {
  margin-right: auto;
}

.pack-builder__footer-next-button-container {
  margin-left: auto;
}

@media only screen and (min-width : 993px) {
  .pack-builder__body {
    padding: 15px 30px;
    /* max-height: calc(100vh - 160px);
    overflow-y: scroll; */
  }
}

.pack-builder__item-title {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width : 993px) {
  .pack-builder__item-title {
    font-weight: 100;
  }
}
@media only screen and (min-width : 993px) {
  .pack-builder__item-title {
    font-size: 32px;
    line-height: 40px;
  }
}

.pack-builder__card-title {
  padding: 10px 35px 10px 10px;
  display: flex;
  align-items: center;
}

.pack-builder__card-title-text {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  text-transform: uppercase;
  margin-right: auto;
}

.pack-builder__card-title-period {
  margin-left: auto;
}

.pack-builder__input-container {
  border-bottom: 1px solid #e9e5e8;
}

.pack-builder__inner {
  display: flex;
  align-items: center;
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  padding: 10px 45px 10px 15px;
  position: relative;
  overflow: hidden;
}

.pack-builder__inner--w-desc {
  flex-wrap: wrap;
}

.pack-builder__inner--select {
  padding: 15px;
}

.pack-builder__inner-info-contaier {
  margin-right: auto;
}

.pack-builder__inner-price-contaier {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  text-align: right;
  align-self: flex-start;
  order: 2;
}
@media only screen and (min-width : 993px) {
  .pack-builder__inner-price-contaier {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 40%;
  }
}

.pack-builder__inner-text {
  font-weight: normal;
  margin-right: auto;
  order: 1;
  padding: 0 10px;
}

.pack-builder__inner-description {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px;
}

.pack-builder__inner-link {
  font-weight: normal;
  font-size: 14px;
  color: #0098D9;
  padding: 0 5px;
  line-height: 31px;
}

.pack-builder__inner-icon {
  font-size: 25px;
  display: flex;
  align-self: flex-start;
}

.pack-builder__inner-desc {
  flex-grow: 1;
  order: 3;
  width: 100%;
}

.pack-builder__inner-previous-price {
  font-weight: normal;
  color: #86888c;
  font-size: 14px;
  text-decoration: line-through;
}
@media only screen and (min-width : 993px) {
  .pack-builder__inner-previous-price {
    font-size: 18px;
  }
}

.pack-builder__inner-price-contaier--sale .pack-builder__inner-price {
  color: #ec6839;
}

.pack-builder__inner-price {
  font-weight: normal;
  color: #5bc500;
}
@media only screen and (min-width : 993px) {
  .pack-builder__inner-price {
    margin-left: auto;
  }
}

.pack-builder__inner-sale {
  color: #ec6839;
  font-size: 14px;
}
@media only screen and (min-width : 993px) {
  .pack-builder__inner-sale {
    width: 100%;
  }
}

.pack-builder__start-container {
  padding: 0 15px;
  text-align: right;
}
@media only screen and (min-width : 993px) {
  .pack-builder__start-container {
    padding: 0 30px;
  }
}

.pack-builder__start {
  width: 100%;
  margin: 15px 0;
  height: 40px;
}
@media only screen and (min-width : 993px) {
  .pack-builder__start {
    width: 160px;
  }
}

.pack-builder__delete-button {
  background: transparent;
  border: 0;
  position: absolute;
  right: 15px;
  top: 15px;
}
.pack-builder__delete-button:hover {
  color: #00a9e0;
}

.pack-builder__delete-panel-container {
  position: absolute;
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  display: none;
}

.pack-builder__delete-panel {
  background-color: #ec6839;
  height: 100%;
  width: 100%;
  display: flex;
  padding: 0 15px;
  align-items: center;
}

.pack-builder__delete-cancel {
  color: #fff;
  cursor: pointer;
}

.pack-builder__delete-accept {
  color: #fff;
  margin-left: auto;
  cursor: pointer;
}

.pack-builder__select {
  order: 3;
  margin-left: 5px;
  margin-right: -10px;
  border-radius: 4px;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.pack-resume__info-panel {
  background-color: #e9e5e8;
  font-size: 32px;
  font-weight: 100;
  padding: 35px 35px 70px;
  display: none;
}
@media only screen and (min-width : 993px) {
  .pack-resume__info-panel {
    display: block;
  }
}

.pack-resume__summary {
  background-color: #5bc500;
  padding: 25px 10px;
  display: none;
}
@media only screen and (min-width : 993px) {
  .pack-resume__summary {
    background-color: transparent;
    padding: 0;
  }
}

.pack-resume--islaststep .pack-resume__summary {
  display: block;
}

@media only screen and (min-width : 993px) {
  .pack-resume--isactive .pack-resume__info-panel {
    display: none;
  }
  .pack-resume--isactive .pack-resume__summary {
    display: block;
  }
}

.pack-resume__summary-inner {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
@media only screen and (min-width : 993px) {
  .pack-resume__summary-inner {
    border-radius: 0;
    box-shadow: none;
    border: 2px solid #e9e5e8;
  }
}

.pack-resume__header {
  margin: 17px 0;
}

.pack-resume__title {
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}
@media only screen and (min-width : 993px) {
  .pack-resume__title {
    font-weight: 100;
  }
}
@media only screen and (min-width : 993px) {
  .pack-resume__title {
    font-size: 40px;
    line-height: 48px;
  }
}

.pack-resume__list {
  margin: 20px 15px;
  border-top: 1px solid #b6b7b7;
  border-bottom: 1px solid #b6b7b7;
  color: #50535a;
  font-family: "Telefonica", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

.pack-resume__item {
  display: flex;
  padding: 15px 0;
}

.pack-resume__item-price {
  margin-left: auto;
}

.pack-resume__item-price--discount {
  color: #ec6839;
}

.pack-resume__item-price--total {
  font-weight: bold;
}

.pack-resume__ca-container {
  padding: 0 15px;
}

.pack-resume__ca {
  width: 100%;
  height: 48px;
}

.pack-resume__collapse {
  box-shadow: none;
  border: 0;
  margin: 10px 1px 0;
}
.pack-resume__collapse .pack-resume__collapse-arrow {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5px;
  position: relative;
  bottom: -2px;
}
.pack-resume__collapse .pack-resume__collapse-arrow::before {
  content: "\e313";
}
.pack-resume__collapse .active .pack-resume__collapse-arrow::before {
  content: "\e316";
}
.pack-resume__collapse .collapsible-header {
  border-bottom: 0;
  text-align: center;
  color: #b6b7b7;
}
.pack-resume__collapse .collapsible-body {
  padding: 1rem;
  border: 0;
}

.pack-resume__discount-item {
  display: flex;
}

.pack-resume__discount-item-price {
  margin-left: auto;
}

.pack-resume__call-us {
  display: none;
  text-align: center;
  background-color: #e9e5e8;
  color: #86888c;
  padding: 5px 0;
}
@media only screen and (min-width : 993px) {
  .pack-resume__call-us {
    display: block;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.personalizacion-advantages-wrapper {
  background-color: #e9eae8;
  position: relative;
  overflow: hidden;
}

.personalizacion-advantages-wrapper .container-full {
  width: 100%;
  max-width: 100%;
}

.personalizacion-advantages {
  padding: 30px 0 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 767px) {
  .personalizacion-advantages {
    padding: 30px 0 60px;
  }
}

.personalizacion-advantages__title {
  font-weight: 300;
  font-size: 40px;
  color: #52555c;
  text-align: center;
  margin-bottom: 40px;
  margin: 0;
}

.personalizacion-advantages-container {
  height: auto;
}
.personalizacion-advantages-container::after {
  content: "";
  display: table;
  clear: both;
}
.personalizacion-advantages-container .slick-track {
  margin: auto;
}

.personalizacion-advantages__item {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
}
@media (min-width: 767px) {
  .personalizacion-advantages__item {
    padding: 0 25px;
  }
}

.personalizacion-advantages__text-container {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  max-width: 250px;
}

.personalizacion-advantages__subtitle {
  font-family: Telefonica;
  font-weight: bold;
  font-size: 24px;
  color: #50535A;
  letter-spacing: 0;
  line-height: 24px;
  padding-top: 40px;
}

.personalizacion-advantages__text {
  color: #63666d;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  transition: 0.3s;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width : 993px) {
  .personalizacion-advantages__text {
    font-size: 17px;
    font-weight: normal;
    line-height: 24px;
  }
}
@media only screen and (min-width : 1201px) {
  .personalizacion-advantages__text {
    font-size: 19px;
  }
}

.personalizacion-advantages__number-container {
  position: relative;
  z-index: 1;
}

.personalizacion-advantages__number {
  color: #c8c8c8;
  font-size: 200px;
  line-height: 200px;
  font-weight: normal;
}

/*.personalizacion-advantages-container .hero__dots {
	@media (min-width: 767px){
		display: none;
	}	
}*/
.personalizacion-advantages-container .progress-dots {
  justify-content: center;
}

.personalizacion-advantages--large {
  width: 25%;
}
.personalizacion-advantages--large .personalizacion-advantages__text-container {
  max-width: 100%;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.device-step-1 {
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
}
@media only screen and (min-width : 601px) {
  .device-step-1 {
    border-bottom: 0;
  }
}

@media only screen and (min-width : 601px) {
  .device-step-2 {
    display: none;
  }
}

.device-title-block {
  float: left;
  width: 100%;
}
@media only screen and (min-width : 601px) {
  .device-title-block {
    width: 50%;
    float: right;
  }
}

.device-name-title {
  font-size: 30px;
  font-weight: 300;
  color: #50535A;
  margin: 10px 0;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .device-name-title {
    text-align: left;
    font-size: 35px;
  }
}
@media only screen and (min-width : 993px) {
  .device-name-title {
    font-size: 50px;
  }
}

.device-chosen-data {
  display: none;
  float: left;
  font-size: 16px;
  width: auto;
  color: #9c9c9c;
}

#color-pref {
  padding-left: 10px;
}

#gb-pref {
  padding: 0 25px 0 5px;
}

.device-price-subtitle {
  color: #53bf02;
  font-size: 16px;
  text-align: center;
}
@media only screen and (min-width : 601px) {
  .device-price-subtitle {
    text-align: left;
    font-weight: 300;
    font-size: 25px;
  }
}
@media only screen and (min-width : 993px) {
  .device-price-subtitle {
    font-size: 30px;
  }
}
.device-price-subtitle .big-price {
  font-size: 25px;
  font-weight: 300;
}
@media only screen and (min-width : 601px) {
  .device-price-subtitle .big-price {
    font-size: 30px;
  }
}
@media only screen and (min-width : 993px) {
  .device-price-subtitle .big-price {
    font-size: 35px;
  }
}

.device-multimedia-wrapper {
  width: 100%;
  height: 400px;
}
@media only screen and (min-width : 601px) {
  .device-multimedia-wrapper {
    width: 45%;
    margin-left: 5%;
    float: left;
  }
}

.category-tabs-container .tabs--pills {
  height: auto;
}
@media only screen and (min-width : 993px) {
  .category-tabs-container .tabs--pills {
    height: 41px;
  }
}

.category-tabs-container .category-tabs.tabs {
  justify-content: flex-start;
  margin: 10px -10.5px;
}
@media (min-width: 530px) {
  .category-tabs-container .category-tabs.tabs {
    justify-content: center;
  }
}

.category-tabs-container .tabs--pills a {
  min-width: 160px;
}

.category-tabs-container.view-btn-block {
  float: left;
  width: 17%;
  padding: 10px;
  height: 200px;
  margin-top: 75px;
}
.category-tabs-container.view-btn-block .tabs {
  display: block;
  margin: 10px;
  overflow: visible;
}
.category-tabs-container.view-btn-block .tabs li {
  display: block;
  clear: left;
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  color: grey;
}
.category-tabs-container.view-btn-block .tabs li a {
  color: grey;
  padding: 10px 0;
  font-size: 24px;
}
.category-tabs-container.view-btn-block .tabs li a.active {
  color: grey;
  background: #ebebeb;
  border-radius: 5px;
}
.category-tabs-container.view-btn-block .tabs .indicator {
  display: none;
}

.device-tab-panel {
  float: left;
  height: 400px;
  overflow: hidden;
  width: 77%;
}
.device-tab-panel .slick-track {
  height: 350px;
  padding: 25px 0 15px;
}
.device-tab-panel .image-block {
  width: 100%;
}
.device-tab-panel img {
  height: 100%;
}

.device-goToNextStep {
  display: none;
  width: 50%;
  float: right;
  padding: 20px 0;
}
@media only screen and (min-width : 601px) {
  .device-goToNextStep {
    display: block;
  }
}
.device-goToNextStep .btn, .device-goToNextStep .btn-large {
  width: 120px;
}

.device-preferences {
  float: right;
  width: 50%;
  display: none;
}

.color-choose-wrapper {
  width: 100%;
  float: left;
  text-align: center;
  padding: 10px;
}
@media only screen and (min-width : 601px) {
  .color-choose-wrapper {
    width: 50%;
    text-align: left;
    padding: 10px 0;
  }
}

.color-choice {
  display: inline-block;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  transition-duration: 0.2s;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
}
@media only screen and (min-width : 601px) {
  .color-choice {
    margin-right: 10px;
    margin-left: 0;
  }
}

.color-choice--active {
  width: 65px;
}

.color-choice--Negro {
  background-color: #000;
}

.color-choice--Plata {
  background-color: #d4d1d0;
}

.color-choice--Oro {
  background-color: #fae3c4;
}

.color-choice--Rosa {
  background-color: #fdd6cb;
}

.gb-choose-wrapper {
  width: 100%;
  float: left;
  text-align: center;
  margin: auto;
  padding: 10px;
}
@media only screen and (min-width : 601px) {
  .gb-choose-wrapper {
    width: 50%;
    text-align: left;
    padding: 10px 0;
  }
}

.gb-choice {
  text-align: center;
  display: inline-block;
  border-radius: 40px;
  width: 100px;
  max-width: 33%;
  height: 40px;
  padding: 8px 15px;
  font-size: 17px;
  transition-duration: 0.2s;
  cursor: pointer;
}

.gb-choice--active {
  background-color: #0099D6;
  color: #fff;
}

.device-plan-wrapper {
  width: 100%;
  float: left;
}
.device-plan-wrapper label {
  color: #666;
}

.devices-plan__input-container {
  display: flex;
  flex-flow: row wrap;
}

.plan-item {
  float: left;
  width: 100%;
}
@media only screen and (min-width : 601px) {
  .plan-item {
    width: 21%;
    margin: 10px 2%;
    display: flex;
  }
}

.plan-title {
  width: 100%;
  font-size: 28px;
  text-align: center;
  padding: 20px 15px;
}
@media only screen and (min-width : 601px) {
  .plan-title {
    display: none;
  }
}

.plan-option {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 10px;
}
@media only screen and (min-width : 601px) {
  .plan-option {
    padding: 10px;
  }
}

.plan-option__title {
  font-size: 48px;
  line-height: 45px;
  letter-spacing: -3px;
}
@media only screen and (min-width : 601px) {
  .plan-option__title {
    font-weight: 300;
    font-size: 42px;
  }
}

.plan-option__subtitle {
  font-size: 16px;
  padding-left: 5px;
  min-height: 15px;
  display: block;
}
@media only screen and (min-width : 601px) {
  .plan-option__subtitle {
    font-size: 14px;
  }
}

@media only screen and (min-width : 601px) {
  .device-radio[type=radio] + label.plan-nodesktop {
    display: none;
  }
}

.device-cancel-button {
  display: none;
  width: 100%;
  float: left;
  padding: 100px 15px 0;
}
.device-cancel-button .btn, .device-cancel-button .btn-large {
  font-size: 16px;
  color: #9a9a9a;
  background: none;
  padding: 0;
  box-shadow: none;
}
@media only screen and (min-width : 601px) {
  .device-cancel-button {
    display: block;
  }
}

.plan-or-free-radios {
  display: none;
}
@media only screen and (min-width : 601px) {
  .plan-or-free-radios {
    display: block;
  }
}

.device-radio[type=radio]:not(:checked),
.device-radio[type=radio]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.device-radio[type=radio]:not(:checked) + label,
.device-radio[type=radio]:checked + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  transition: 0.28s ease;
  -khtml-user-select: none;
  user-select: none;
}
@media only screen and (min-width : 601px) {
  .device-radio[type=radio]:not(:checked) + label,
  .device-radio[type=radio]:checked + label {
    float: left;
    width: 100%;
    border: 2px solid #e9e5e8;
  }
}

@media only screen and (min-width : 601px) {
  .device-radio[type=radio]:not(:checked) + label.plan-nodesktop,
  .device-radio[type=radio]:checked + label.plan-nodesktop {
    display: none;
  }
}

.device-radio[type=radio] + label:before,
.device-radio[type=radio] + label:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 40%;
  width: 20px;
  height: 20px;
  z-index: 0;
  transition: 0.28s ease;
}
@media only screen and (min-width : 601px) {
  .device-radio[type=radio] + label:before,
  .device-radio[type=radio] + label:after {
    opacity: 0;
  }
}

@media only screen and (min-width : 601px) {
  .device-radio.plan-mode[type=radio]:not(:checked) + label,
  .device-radio.plan-mode[type=radio]:checked + label {
    width: auto;
    float: left;
    margin: 0;
    border: 0;
    padding-right: 60px;
    margin-right: 20px;
  }
  .device-radio.plan-mode[type=radio]:not(:checked) + label .plan-option__title,
  .device-radio.plan-mode[type=radio]:checked + label .plan-option__title {
    font-size: 18px;
    letter-spacing: 0;
    padding: 0 5px;
  }
}

.device-radio.plan-mode[type=radio] + label:before,
.device-radio.plan-mode[type=radio] + label:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 40%;
  width: 20px;
  height: 20px;
  z-index: 0;
  transition: 0.28s ease;
}
@media only screen and (min-width : 601px) {
  .device-radio.plan-mode[type=radio] + label:before,
  .device-radio.plan-mode[type=radio] + label:after {
    opacity: 1;
    width: 17px;
    height: 17px;
  }
}

.device-radio[type=radio]:not(:checked) + label:before,
.device-radio[type=radio]:not(:checked) + label:after,
.device-radio[type=radio]:checked + label:before,
.device-radio[type=radio]:checked + label:after {
  border-radius: 50%;
}

.device-radio[type=radio]:not(:checked) + label:before,
.device-radio[type=radio]:not(:checked) + label:after {
  border: 2px solid #b6b7b7;
}

.device-radio[type=radio]:not(:checked) + label:after {
  transform: scale(0);
}

.device-radio[type=radio]:checked + label {
  background-color: #f4f4f3;
}
@media only screen and (min-width : 601px) {
  .device-radio[type=radio]:checked + label {
    background-color: transparent;
    border: 2px solid #7ed3f9;
  }
}

.device-radio[type=radio]:checked + label:before {
  border: 2px solid #50535a;
}
@media only screen and (min-width : 601px) {
  .device-radio[type=radio]:checked + label:before {
    border: 2px solid #039be5;
  }
}

.device-radio[type=radio]:checked + label:after {
  border: 2px solid #50535a;
  background-color: #50535a;
  transform: scale(0.5);
}
@media only screen and (min-width : 601px) {
  .device-radio[type=radio]:checked + label:after {
    border: 2px solid #039be5;
    background-color: #039be5;
  }
}

.device-radio[type=radio].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

.device-radio[type=radio]:disabled:not(:checked) + label:before,
.device-radio[type=radio]:disabled:checked + label:before {
  background-color: transparent;
  border-color: #b6b7b7;
}

.device-radio[type=radio]:disabled + label {
  color: #b6b7b7;
}

.device-radio[type=radio]:disabled:not(:checked) + label:before {
  border-color: #b6b7b7;
}

.device-radio[type=radio]:disabled:checked + label:after {
  background-color: #b6b7b7;
  border-color: #b6b7b7;
}

@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-step-1 {
    width: 100%;
    border-bottom: 1px solid #ececec;
  }
}
@media only screen and (min-width : 601px) and (min-width : 601px) and (max-width : 992px) {
  .device-toggler-container.next-step .device-step-1 {
    padding: 5px 0;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-step-2 {
    display: block;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-title-block {
    float: left;
    width: auto;
    margin: 0 15px;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-name-title {
    margin: 4px 0;
    color: #666;
    font-size: 16px;
    font-weight: bold;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .chosen-data {
    display: block;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-price-subtitle {
    display: none;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-multimedia-wrapper {
    display: none;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-chosen-data {
    display: block;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .device-goToNextStep {
    display: none;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .color-choose-wrapper {
    width: auto;
    padding: 0;
    float: left;
    margin: -2px 15px;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .color-choice {
    display: none;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .color-choice--active {
    display: inline-block;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .gb-choose-wrapper {
    padding: 0;
    width: auto;
    float: left;
    margin: -2px 0 0 15px;
  }
}
@media only screen and (min-width : 601px) {
  .device-toggler-container.next-step .gb-choice {
    font-size: 16px;
    height: 30px;
    width: 80px;
    padding: 3px 15px;
  }
}

/* Color Variations Theme */
.movistar--green .device-goToNextStep .btn, .movistar--green .device-goToNextStep .btn-large {
  background-color: #5bc500;
}

.movistar--blue .device-goToNextStep .btn, .movistar--blue .device-goToNextStep .btn-large {
  background-color: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.container-full-devices {
  width: 100%;
  margin: 0;
}

@media only screen and (min-width : 993px) {
  .container-full-devices .col, .container-full-devices .offset12, .container-full-devices .offset11, .container-full-devices .offset10, .container-full-devices .offset9, .container-full-devices .offset8, .container-full-devices .offset7, .container-full-devices .offset6, .container-full-devices .offset5, .container-full-devices .offset4, .container-full-devices .offset3, .container-full-devices .offset2, .container-full-devices .offset1, .container-full-devices .span11, .container-full-devices .span1,
  .container-full-devices .span2,
  .container-full-devices .span3,
  .container-full-devices .span4,
  .container-full-devices .span5,
  .container-full-devices .span6,
  .container-full-devices .span7,
  .container-full-devices .span8,
  .container-full-devices .span9,
  .container-full-devices .span10,
  .container-full-devices .span12 {
    padding: 0;
  }
}

.device-detail__title-device {
  display: none;
}
@media only screen and (min-width : 1201px) {
  .device-detail__title-device {
    display: block;
    font-family: Telefonica;
    font-weight: bold;
    font-size: 16px;
    color: #86888C;
    flex: 1;
    text-align: left;
  }
}

@media only screen and (min-width : 993px) {
  .device-detail-tabs {
    text-align: right;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 5%;
  }
}

.device-details-container__tabs {
  display: inline-flex;
}
.device-details-container__tabs .tab {
  float: left;
}

.tab__title {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  color: #86888C;
  line-height: 40px;
  padding-right: 25px;
}
@media only screen and (min-width : 1201px) {
  .tab__title {
    padding-right: 35px;
  }
}

.tab.active .tab__title {
  font-weight: bold;
}

.device-details__button {
  width: 90%;
  margin: 5%;
}
@media only screen and (min-width : 993px) {
  .device-details__button {
    width: auto;
    margin: 0;
    padding: 0 25px;
  }
}

@media only screen and (min-width : 993px) {
  .device-detail-collapse {
    display: block;
    padding: 0 5%;
  }
}

.device-details-container__collapsible {
  margin: 0;
  border: none;
  box-shadow: none;
}

.device-details-item .collapsible-body {
  display: none;
}
.device-details-item.active .collapsible-body {
  display: block;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .device-details-item.active .collapsible-body {
    padding: 30px 0;
  }
}

.device-details-item .collapsible-header {
  margin: 0 -10px;
}
@media only screen and (min-width : 993px) {
  .device-details-item .collapsible-header {
    display: none;
  }
}

.device-details-item .collapsible-body {
  padding: 0px 10px 30px;
}
@media only screen and (min-width : 993px) {
  .device-details-item .collapsible-body {
    border-bottom: none;
  }
}

.device-details-header__title {
  position: relative;
  font-family: Telefonica;
  font-weight: normal;
  font-size: 18px;
  color: #86888C;
  letter-spacing: 0.2px;
  line-height: 3rem;
  padding: 8px 0px;
}

.device-details-header__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  padding-top: 5px;
  color: #0098D9;
}

.active .device-details-header__icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  top: 25%;
}

@media only screen and (min-width : 993px) {
  .device-details-characteristics {
    display: flow-root;
    padding-bottom: 35px;
  }
}

@media only screen and (min-width : 993px) {
  .device-details-characteristics:nth-child(even) .device-details-body-container-text {
    float: right;
    padding-right: 0;
    padding-left: 40px;
  }
  .device-details-characteristics:nth-child(even) .device-details-body-container-img {
    float: right;
  }
  .device-details-characteristics:nth-child(even) .device-details-body-container-img .device-details-body__img {
    background-position-x: left;
  }
}

@media only screen and (min-width : 993px) {
  .device-details-body-container-text {
    width: 35%;
    padding-right: 40px;
    float: left;
  }
}

.device-details-body__title {
  font-family: Telefonica;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding-top: 30px;
}
@media only screen and (min-width : 993px) {
  .device-details-body__title {
    font-weight: 300;
    font-size: 65px;
    line-height: 80px;
  }
}

.device-details-body__text {
  font-family: Telefonica;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding-bottom: 10px;
}
@media only screen and (min-width : 993px) {
  .device-details-body__text {
    font-weight: 300;
    font-size: 24px;
    line-height: 33px;
  }
}

.device-details-body__img {
  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
}
@media only screen and (min-width : 601px) {
  .device-details-body__img {
    background-position-y: bottom;
  }
}
@media only screen and (min-width : 993px) {
  .device-details-body__img {
    min-height: 300px;
    background-color: transparent;
  }
}
@media only screen and (min-width : 1201px) {
  .device-details-body__img {
    min-height: 400px;
  }
}

.device-details-body-container {
  color: #50535A;
}

@media only screen and (min-width : 993px) {
  .device-details-body-container-img {
    width: 65%;
    float: left;
  }
}

.device-details-specifications-header {
  padding-top: 20px;
  color: #50535A;
  border-bottom: 1px solid #cdd1da;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
  }
}

.device-details-specifications-header__title {
  font-family: "Telefonica";
  font-weight: bold;
  font-size: 16px;
  display: block;
  position: relative;
  padding-left: 35px;
  padding-bottom: 20px;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications-header__title {
    font-size: 18px;
  }
}

.device-details-specifications-header__icon {
  position: absolute;
  font-size: 25px;
  left: 0;
  top: 0;
  color: #50535A;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications-header__icon {
    font-size: 28px;
  }
}

.device-details-specifications {
  padding: 24px 0;
  border-bottom: 1px solid #cdd1da;
}
.device-details-specifications:last-child {
  border-bottom: none;
}

.device-details-specifications__title {
  font-family: "Telefonica";
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 12px;
  display: block;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications__title {
    font-size: 18px;
  }
}

.device-details-specifications__item {
  font-family: "Telefonica";
  font-weight: normal;
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications__item {
    font-weight: 300;
    font-size: 18px;
  }
}

.device-details-specifications__icon {
  position: absolute;
  color: #50535A;
  font-size: 8px;
  left: 0;
  top: 8px;
}

.device-details-contentBox, .device-details-terms {
  margin-left: -5px;
}

.device-details-contentBox__item, .device-details-terms__item {
  position: relative;
  padding: 15px 0 15px 25px;
  font-family: "Telefonica";
  font-weight: normal;
  font-size: 16px;
}
@media only screen and (min-width : 993px) {
  .device-details-contentBox__item, .device-details-terms__item {
    font-weight: 300;
    font-size: 18px;
  }
}

@media only screen and (min-width : 993px) {
  .device-details-contentBox__item {
    display: inline-block;
    width: 49%;
  }
}

.device-details-contentBox__icon {
  position: absolute;
  color: #1697D8;
  font-size: 22px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width : 993px) {
  .device-details-terms__item {
    display: block;
    width: 100%;
  }
}

.device-details-terms__icon {
  position: absolute;
  color: #1697D8;
  font-size: 15px;
  left: 0;
  top: 20px;
}

.device-details-specifications-header__title {
  font-family: "Telefonica";
  font-weight: bold;
  font-size: 16px;
  display: block;
  position: relative;
  padding-left: 35px;
  padding-bottom: 20px;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications-header__title {
    font-size: 18px;
  }
}

.device-details-specifications-header__icon {
  position: absolute;
  font-size: 25px;
  left: 0;
  top: 0;
  color: #50535A;
}
@media only screen and (min-width : 993px) {
  .device-details-specifications-header__icon {
    font-size: 28px;
  }
}

.device-details-legal {
  padding: 24px 0;
  border-bottom: 1px solid #cdd1da;
}
.device-details-legal:last-child {
  border-bottom: none;
}

.device-details-legal__title {
  font-family: "Telefonica";
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 12px;
  display: block;
}
@media only screen and (min-width : 993px) {
  .device-details-legal__title {
    font-size: 18px;
  }
}

.device-details-legal__item {
  font-family: "Telefonica";
  font-weight: normal;
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
@media only screen and (min-width : 993px) {
  .device-details-legal__item {
    font-weight: 300;
    font-size: 18px;
  }
}

.device-details-legal__icon {
  position: absolute;
  color: #50535A;
  font-size: 8px;
  left: 0;
  top: 8px;
}

/* Color Variations Theme */
.movistar--green .device-details__button {
  background-color: #5bc500;
}

.movistar--blue .device-details__button {
  background-color: #00a9e0;
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
.quick-links-header-wrapper {
  position: absolute;
  z-index: 10;
  height: 50px;
  line-height: 28px;
  overflow: hidden;
  width: 100%;
  left: 0;
  background: white;
  opacity: 0.9;
  top: 64px;
}
@media only screen and (min-width : 993px) {
  .quick-links-header-wrapper {
    opacity: 1;
    padding: 0 55px;
    padding-top: 10px;
    height: 60px;
    top: 110px;
  }
}

.quick-links-header-container {
  height: 100%;
}

.quick-links-header-container .slick-track {
  height: 100%;
}
.quick-links-header-container .slick-list {
  height: 100%;
}
@media only screen and (min-width : 993px) {
  .quick-links-header-container .slick-list.draggable {
    width: 100%;
  }
}

@media only screen and (min-width : 993px) {
  .quick-links-header-container .slick-prev {
    left: -45px;
  }
  .quick-links-header-container .slick-prev:before {
    background: #fff;
    color: #63666d;
    opacity: 0.8;
  }
}

@media only screen and (min-width : 993px) {
  .quick-links-header-container .slick-next {
    right: -45px;
  }
  .quick-links-header-container .slick-next:before {
    background: #fff;
    color: #63666d;
    opacity: 0.8;
  }
}

.quick-links-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-right: 0.5px solid rgba(134, 136, 140, 0.4);
  padding: 0 15px;
}
.quick-links-item:last-child {
  border-right: none;
}

.quick-links-item__icon {
  color: #5bc500;
  margin-right: 15px;
  width: 22px;
  height: 22px;
  background-color: transparent;
}

.quick-links-item__text {
  text-align: left;
  color: #86888c;
}
@media only screen and (min-width : 993px) {
  .quick-links-item__text {
    font-weight: normal;
    font-size: 16px;
    color: #63666d;
  }
  .quick-links-item__text:hover {
    color: #d7d7d7;
  }
}

/* $radio-fill-color: $secondary-color !default;
$radio-empty-color: #5a5a5a !default;
$radio-border: 2px solid $radio-fill-color !default; */
#smartbanner {
  background: #fff;
  position: absolute !important;
  /*position: fixed!important;*/
}

#smartbanner.android {
  border-top: none;
  border-color: transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background: #fff;
}

#smartbanner .sb-button {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
}

#smartbanner.android .sb-button {
  padding: 15px;
  color: #fff;
  border-radius: 5px;
}

#smartbanner .sb-button span {
  font-weight: normal;
  text-transform: none;
}

#smartbanner.android .sb-button span {
  background-color: transparent;
  background-image: none;
  padding: 0;
  color: #fff;
}

#smartbanner.android .sb-info strong {
  color: #6a6a6a;
}

#smartbanner.android .sb-info {
  text-shadow: none;
  display: block;
  color: #6a6a6a;
}

#smartbanner .sb-close {
  border: none;
}

#smartbanner.android .sb-close {
  color: #fff;
  width: 14px;
  height: 14px;
  line-height: 15px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}

/* Color Variations Theme */
.movistar--green #smartbanner .sb-button {
  background: #5bc500;
}

.movistar--blue #smartbanner .sb-button {
  background: #00a9e0;
}

/* * CORRECCIÓN DE VISUALIZACIÓN DE WEB CONTENTS
 * 
 * Este CSS corrige los problemas de visualización de Web Contents en el tema canalonline-costarica:
 * - Reduce el tamaño de las letras gigantes en los títulos de Web Contents
 * - Oculta elementos de administración para usuarios no conectados
 * - Elimina efectos de hover/rectangulares que aparecen al pasar el cursor
 * - Mejora la experiencia visual para el usuario final *



/* Reducir el tamaño de los títulos de Web Content */
@media screen and (min-width: 0px) {
  .portlet-title-text {
    font-size: 18px !important; /* Ajusta este valor según necesites */
    line-height: normal !important;
    white-space: nowrap !important;
  }
}
.portlet-topper {
  padding: 1px 8px; /* Reduzco aún más el padding */
  z-index: 1000;
  transform: translateY(-90%);
  opacity: 1;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  position: absolute;
  width: auto;
  /* Nuevas propiedades para hacerlo más pequeño */
  font-size: 12px; /* Reducir tamaño de fuente */
  line-height: 1.2; /* Reducir altura de línea */
  height: auto; /* Permitir que la altura se ajuste al contenido */
  min-height: 20px; /* Establecer una altura mínima más pequeña */
  max-height: 30px; /* Limitar la altura máxima */
}

/* También podemos ajustar los botones dentro del portlet-topper */
.portlet-topper .portlet-topper-toolbar button,
.portlet-topper .portlet-topper-toolbar a {
  padding: 2px 4px; /* Botones más pequeños */
  margin: 1px; /* Menos espacio entre botones */
  font-size: 11px; /* Fuente más pequeña para botones */
}

/* Ocultar elementos de UI de administración para usuarios normales */
body:not(.signed-in) .portlet-topper,
body:not(.signed-in) .portlet-title,
body:not(.signed-in) .portlet-topper-toolbar {
  display: none !important;
}

/* Eliminar efectos de hover en los portlets para usuarios normales */
body:not(.signed-in) .portlet-boundary:hover,
body:not(.signed-in) .portlet:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ajustes adicionales para el contenedor de portlets */
body:not(.signed-in) .portlet-content {
  padding: 0 !important; /* Eliminar padding */
  margin: 0 !important; /* Eliminar margin */
}

/* Ocultar la barra sin bordes en usuarios normales */
body:not(.signed-in) .portlet-borderless-bar {
  display: none !important;
  visibility: hidden !important;
}

/* ESTILOS PARA LA BARRA DE NAVEGACION*/
@font-face {
  font-family: "Guthen-Basic";
  src: local("Guthen-Bloots-Basic"), url("../fonts/guthen/GuthenBlootsBasic.otf"), url("../fonts/guthen/GuthenBlootsBasic.woff") format("woff"), url("../fonts/guthen/GuthenBlootsBasic.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsBasic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guthen-Slant";
  src: local("Guthen-Bloots-Slant"), url("../fonts/guthen/GuthenBlootsSlant.otf"), url("../fonts/guthen/GuthenBlootsSlant.woff") format("woff"), url("../fonts/guthen/GuthenBlootsSlant.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsSlant.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guthen-Swash";
  src: local("Guthen-Bloots-Swash"), url("../fonts/guthen/GuthenBlootsSwash.woff") format("woff"), url("../fonts/guthen/GuthenBlootsSwash.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsSwash.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guthen-Alt1";
  src: local("Guthen-Bloots-Alt1"), url("../fonts/guthen/GuthenBlootsAlt1.woff") format("woff"), url("../fonts/guthen/GuthenBlootsAlt1.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsAlt1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guthen-Alt2";
  src: local("Guthen-Bloots-Alt2"), url("../fonts/guthen/GuthenBlootsAlt2.woff") format("woff"), url("../fonts/guthen/GuthenBlootsAlt2.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsAlt2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guthen-Slant-Alt1";
  src: local("Guthen-Bloots-Slant-Alt1"), url("../fonts/guthen/GuthenBlootsAlt1Slant.otf"), url("../fonts/guthen/GuthenBlootsAlt1Slant.woff") format("woff"), url("../fonts/guthen/GuthenBlootsAlt1Slant.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsAlt1Slant.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Guthen-Slant-Alt";
  src: local("Guthen-Bloots-Slant-Alt2"), url("../fonts/guthen/GuthenBlootsAlt2Slant.otf"), url("../fonts/guthen/GuthenBlootsAlt2Slant.woff") format("woff"), url("../fonts/guthen/GuthenBlootsAlt2Slant.woff2") format("woff"), url("../fonts/guthen/GuthenBlootsAlt2Slant.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
nav .nav--bussiness {
  padding: 10px;
  background-color: var(--color-blue-2-movistar);
  height: 46px;
}

nav#nav--movistar {
  position: fixed;
  top: 0;
  z-index: 988; /*Se modifico el index de 999 a 988 ya que la barra de navegación se superponia con las barras de Liferay en el modo edición*/
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3490196078);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3490196078);
}

nav .nav--bussiness a {
  color: var(--color-gray-4-movistar);
  font-size: 18px;
  margin: 0px 20px;
}

nav .nav--links {
  background-color: var(--color-gray-1-movistar);
  padding: 0px 20px;
}

nav .nav--links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
}

nav .nav--links .container--nav > ul {
  margin: 0px;
}

nav .nav--links ul li a {
  color: var(--color-blue-2-movistar);
  font-size: 16px;
}

nav .nav--links .container--nav > ul > li > a {
  position: relative;
}

nav .nav--links ul .second-layer {
  opacity: 0;
  pointer-events: none;
}

nav .nav--links ul .second-layer a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

nav .nav--links ul .second-layer a:hover {
  color: var(--color-blue-movistar);
}

nav .nav--links a.logo--movistar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav .nav--links a.logo--movistar h3 {
  margin: 0px;
  font-weight: bolder;
  color: var(--color-blue-movistar);
  margin-left: 10px;
}

nav .nav--links .first-layer > a:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--color-blue-2-movistar);
  border-right: 1px solid var(--color-blue-2-movistar);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: -14px;
  top: 38%;
}

nav .nav--links .first-layer .nav--tienda--online:after {
  display: none;
}

nav .nav--links .first-layer .nav--tienda--online {
  color: var(--color-blue-movistar);
  border-radius: 30px;
  border: 1px solid var(--color-blue-movistar);
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  line-height: 42px;
}

nav .nav--links a.nav--mi-movistar {
  color: white;
  background-color: var(--color-green-movistar);
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 0px 20px;
  display: inline-block; /* Cambiado de 'block' a 'inline-block' */
  height: 42px;
  line-height: 42px;
  white-space: nowrap; /* Asegura que el texto no se divida */
  min-width: 120px; /* Garantiza un ancho mínimo para contener el texto */
  text-align: center; /* Centra el texto dentro del botón */
}

.second-layer {
  display: block;
  position: absolute;
  width: auto;
  background-color: white;
  z-index: 10;
  padding: 30px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2392156863);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2392156863);
  border-radius: 0px 0px 20px 20px;
  top: 70px;
  width: 380px;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.second-layer:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #ffffff;
}

.second-layer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.second-layer ul li {
  margin: 8px 0px;
  position: relative;
  width: 100%;
  display: block;
  padding-right: 25%;
}

.second-layer ul li a {
  width: 100%;
  display: block;
}

.second-layer ul li small {
  display: block;
}

nav .nav--links .container--nav > ul > li {
  position: relative;
  padding: 25px 15px;
}

nav .nav--links .container--nav > ul > li:nth-child(1) {
  padding: 0px;
}

span.nav--link--new-link.green--new {
  display: block;
  background-color: var(--color-green-movistar);
  text-align: center;
  color: white;
  padding: 2px 10px;
  border-radius: 30px;
  position: absolute;
  right: -10px;
  top: 3px;
}

span.nav--link--new-link.purple--new {
  display: block;
  background-color: var(--color-purple-movistar);
  text-align: center;
  color: white;
  padding: 2px 10px;
  border-radius: 30px;
  position: absolute;
  right: -15px;
  top: 3px;
}

.nav--tienda--online ~ .second-layer {
  width: 250px;
}

.first-layer:hover .second-layer,
.first-layer:focus-within .second-layer {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  display: block;
  pointer-events: all;
}

nav .nav--links .container--nav > ul > li > a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

nav .nav--links .container--nav > ul > li > a:hover {
  color: var(--color-blue-movistar);
}

nav .nav--links .container--nav > ul > li:hover > a {
  color: var(--color-blue-movistar);
}

nav .nav--links .container--nav > ul > li:hover > a:after {
  -webkit-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  top: 50% !important;
}

nav .nav--links .container--nav > ul > li > a:hover:after {
  -webkit-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  top: 50% !important;
}

a.nav--mi-movistar {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.nav--mi-movistar:hover {
  color: white !important;
  background-color: #8dc461 !important;
}

a.nav--tienda--online:hover {
  background-color: var(--color-blue-movistar) !important;
  color: white !important;
}

a.selected--bussiness {
  color: white !important;
}

.container--nav {
  max-width: 1450px;
  margin: 0 auto;
  width: 100%;
}

a.nav--tienda--online img {
  width: 16px;
  margin-right: 5px;
}

.container--nav a:first-child {
  margin-left: 0px;
}

.scrolled--nav .nav--bussiness {
  top: -46px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

nav#nav--movistar.scrolled--nav {
  height: 92px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.scrolled--nav .nav--links {
  top: -46px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav--bussiness {
  top: 0px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav--links {
  top: 0px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav--links,
.nav--bussiness,
nav#nav--movistar {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

nav#nav--movistar {
  height: 138px;
}

a.logo--movistar h3 {
  position: relative;
  top: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.scrolled--nav a.logo--movistar h3 {
  top: -10px;
  opacity: 0;
}

nav#nav--movistar-mobile {
  display: none;
}

a.nav--tienda--online svg {
  fill: var(--color-blue-movistar);
  width: 16px;
  height: 16px;
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}

a.nav--tienda--online:hover svg path {
  fill: white !important;
}

a.nav--tienda--online ~ .second-layer {
  top: 87px;
}

a.nav--tienda--online svg path {
  fill: var(--color-blue-movistar) !important;
}

select#bussiness--select * {
  color: black !important;
}

@media screen and (max-width: 1315px) {
  nav#nav--movistar {
    display: none;
  }
  a.nav--mi-movistar:hover {
    background-color: transparent !important;
    color: var(--color-blue-2-movistar) !important;
  }
  nav#nav--movistar-mobile {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2901960784);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2901960784);
  }
  nav#nav--movistar-mobile a.logo--movistar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  nav#nav--movistar-mobile a.logo--movistar img {
    width: 42px;
    vertical-align: middle;
    display: inline-block;
  }
  nav#nav--movistar-mobile a.logo--movistar h3 {
    margin: 0px !important;
    margin-left: 10px !important;
    font-weight: bold;
    font-size: 24px;
  }
  .toggle--nav {
    height: 30px;
    width: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  span.toggle-button-mobile {
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: black;
    top: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  span.toggle-button-mobile:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: black;
    top: -7px;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  span.toggle-button-mobile:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: black;
    top: 7px;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .toggle--nav.expanded span.toggle-button-mobile {
    background-color: transparent;
  }
  .toggle--nav.expanded span.toggle-button-mobile:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    background-color: white;
  }
  .toggle--nav.expanded span.toggle-button-mobile:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    background-color: white;
  }
  .nav--scroll-mobile.toggled {
    right: 0;
  }
  .nav--scroll-mobile {
    position: fixed;
    width: 100%;
    background-color: white;
    right: -300%;
    top: 0;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .toggle--nav.expanded {
    z-index: 999;
    margin-top: 7px;
  }
  .nav--top {
    padding: 20px;
    background-color: var(--color-blue-movistar);
  }
  .nav--top .container--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
  }
  span.rel-select--bussiness select {
    background-color: transparent;
    border: none;
  }
  span.rel-select--bussiness {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 30px;
    padding: 0px 20px;
    color: white;
    left: 0px;
    display: block;
    height: 35px;
    line-height: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav--links--mobile .container--nav {
    padding: 20px;
  }
  .nav--links--mobile .container--nav > ul > li {
    color: var(--color-blue-movistar-2);
    margin: 17px 20px;
    font-size: 21px;
  }
  .nav--links--mobile .container--nav > ul > li > a {
    color: var(--color-blue-movistar-2);
    display: block;
    width: 100%;
    position: relative;
  }
  .nav--links--mobile .container--nav > ul > li.first-layer > a {
    pointer-events: none;
  }
  .nav--links--mobile .container--nav > ul > li.first-layer > a:after {
    content: "";
    position: absolute;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 1px solid var(--color-gray-5-movistar);
    border-right: 1px solid var(--color-gray-5-movistar);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 35%;
  }
  .nav--links--mobile a.nav--tienda--online,
  .nav--links--mobile a.nav--mi-movistar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nav--links--mobile a.nav--tienda--online .text--info-nav,
  .nav--links--mobile a.nav--mi-movistar .text--info-nav {
    margin-left: 20px;
  }
  .nav--links--mobile .text--info-nav {
    line-height: 20px;
  }
  .nav--links--mobile .second-layer {
    width: 100%;
    right: -300%;
    opacity: 1;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
    max-width: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    top: 70px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav--links--mobile .selected-nav-link .second-layer {
    width: 100%;
    right: 0;
    opacity: 1;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: unset;
    max-width: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    top: 83px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
  }
  .nav--links--mobile .second-layer:before {
    display: none;
  }
  .nav--links--mobile .second-layer li a {
    color: var(--color-blue-movistar-2);
  }
  .nav--links--mobile .second-layer li a:after {
    content: "";
    position: absolute;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 1px solid var(--color-gray-5-movistar);
    border-right: 1px solid var(--color-gray-5-movistar);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 35%;
  }
  .nav--links--mobile span.nav--link--new-link.green--new {
    right: 60px;
    font-size: 14px;
  }
  span.nav--link--new-link.purple--new {
    right: 12px;
    font-size: 14px;
  }
  .nav--top.selected--link-top .rel-select--bussiness {
    left: -300%;
    position: absolute;
  }
  .nav--links--mobile {
    height: 100%;
  }
  a.nav--tienda--online img {
    width: 36px;
  }
  .nav--links--mobile .container--nav > ul > li {
    padding-right: 10%;
  }
  .nav--links--mobile .container--nav > ul > li.first-layer > a:after {
    right: -10%;
  }
  a.nav--mi-movistar img {
    width: 36px;
  }
  span.text-selected--link p {
    margin: 0;
    color: white;
    font-size: 24px;
    font-weight: bold;
    position: relative;
  }
  span.text-selected--link p:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 15px;
    height: 15px;
    border-top: 3px solid white;
    border-right: 3px solid white;
    top: 25%;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  span.text-selected--link {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  span.text-selected--link,
  span.text-selected--link p {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  span.text-selected--link p:after {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .selected--link-top span.text-selected--link,
  .selected--link-top span.text-selected--link p {
    opacity: 1;
  }
  .selected--link-top span.text-selected--link,
  .selected--link-top span.text-selected--link p {
    line-height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
  }
  span.rel-select--bussiness select:focus {
    outline: none !important;
  }
  span.text-selected--link {
    left: -200%;
    display: block;
    position: relative;
  }
  .nav--top.selected--link-top span.text-selected--link {
    left: 0;
  }
  span.text-selected--link p {
    margin-top: -5px;
  }
  a#search--mobile img {
    margin-top: 3px;
  }
  a.nav--tienda--online svg path {
    fill: white !important;
  }
  a.nav--tienda--online svg circle {
    fill: var(--color-blue-2-movistar) !important;
  }
  a.nav--tienda--online svg {
    width: 46px;
    height: 46px;
    display: block;
    object-fit: cover;
    margin-left: 5px;
  }
  a.nav--mi-movistar svg {
    width: 46px;
    height: 46px;
    display: block;
    object-fit: cover;
    margin-right: 5px;
    margin-left: 5px;
  }
  .nav--links--mobile a.nav--tienda--online .text--info-nav, .nav--links--mobile a.nav--mi-movistar .text--info-nav {
    width: 80%;
  }
  li.first-layer[data-name=Tienda] a:after {
    display: none;
  }
  li.first-layer[data-name=Tienda] {
    margin-bottom: 27px !important;
    margin-top: 27px !important;
  }
  /* select#bussiness--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 2px;
    padding-right:0px;
    width:110px;
  } */
  select#bussiness--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("../images/down-arrow_.png");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 9px;
    padding-right: 0;
    width: 110px;
    background-size: 12px;
  }
}
@media screen and (max-width: 479px) {
  .nav--top .container--nav {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .nav--top.selected--link-top .container--nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 0px;
  }
  .selected--link-top span.text-selected--link,
  .selected--link-top span.text-selected--link p {
    line-height: 27px;
  }
  .nav--links--mobile .second-layer li a:after {
    right: 0px;
  }
  .nav--links--mobile span.nav--link--new-link.green--new {
    right: 20px;
  }
  span.nav--link--new-link.green--new {
    top: 50%;
    transform: translateY(-50%);
  }
  span.nav--link--new-link.purple--new {
    top: 50%;
    right: -5%;
    transform: translate(-50%, -50%);
  }
  .nav--links--mobile .second-layer li a:after {
    top: 50%;
    right: -5%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
nav .nav--links .container--nav > ul > li:hover > a.nav--mi-movistar {
  color: white !important;
}

/*Fixes para portlet container*/
.signed-in #wrapper {
  margin-top: 28px;
}

.portlet > .portlet-topper {
  opacity: 1;
  justify-content: space-between;
  z-index: 10;
}

.portlet > .portlet-topper h1.portlet-title {
  line-height: 36px;
  font-size: 36px;
  margin: 0;
}

.portlet > .portlet-topper button.btn.portlet-options, .portlet > .portlet-topper button.portlet-options.btn-large {
  background-color: #1260F2 !important;
  height: 26px;
}

.portlet > .portlet-topper button.btn.portlet-options:hover, .portlet > .portlet-topper button.portlet-options.btn-large:hover {
  background-color: #1260F2 !important;
}

.portlet > .portlet-topper button.btn.portlet-options span.inline-item, .portlet > .portlet-topper button.portlet-options.btn-large span.inline-item {
  margin-top: 0 !important;
  height: 26px !important;
  align-items: start !important;
}

.dropdown-menu.dropdown-menu-indicator-start.portlet-options-dropdown.show .dropdown-item:hover, .dropdown-menu.dropdown-menu-indicator-start.portlet-options-dropdown.show .dropdown-item.hover {
  background-color: #f8f9fa !important;
}

.dropdown-menu.dropdown-menu-indicator-start.portlet-options-dropdown.show .dropdown-item:focus {
  background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400 !important;
}

input::placeholder {
  color: #ccc;
}

a:hover, a.hover {
  text-decoration: none !important;
}

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

@media (max-width: 993px) {
  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9,
  .span10,
  .span12 {
    width: 100%;
    float: none;
  }
  .row .span1,
  .row .span2,
  .row .span3,
  .row .span4,
  .row .span5,
  .row .span6,
  .row .span7,
  .row .span8,
  .row .span9,
  .row .span10,
  .row .span12,
  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span12 {
    width: 100%;
    float: none;
  }
}
/*base.css*/
/* ---------- Table styles ---------- */
@media (max-width: 979px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-table-horizontal:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-table-horizontal tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .responsive-table-horizontal tbody tr td {
    display: block;
    margin-bottom: 20px;
  }
  .responsive-table-horizontal tbody tr td:first-child {
    text-align: left;
  }
  .responsive-table-horizontal thead {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .responsive-table-horizontal thead:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal thead th {
    display: block;
    margin-bottom: 20px;
    text-align: right;
  }
  .responsive-table-horizontal thead th:first-child {
    text-align: right;
  }
  .ie9 .responsive-table-horizontal thead {
    float: none;
  }
}