/* border radius */
/* box shadow */
:root {
  --color-primary: #004cba;
  --color-secondary: #ad123c;
  --color-tertiary: #208fde;
  --color-green: green;
  --color-red: red;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

/* mediaquery */
/* SELECT2 Lista desplegable */
/* SELECT2 disabled */
/* Is filter */
/* buscador */
.standalone {
  padding: 20px;
  width: min-content;
  margin: 0 auto;
  /* checkbox wrap native */
  /* Customize the label (the container) */ }
  .standalone input[type="submit"] {
    height: 38px;
    border: 0px;
    padding: 0 25px 0 10px !important;
    cursor: pointer;
    outline: 0;
    background: #004cba url(/static/frontend/images/arrow-input.png?6d1ad9a92583) no-repeat center right; }
    .standalone input[type="submit"]:hover {
      background: #003787 url(/static/frontend/images/arrow-input.png?6d1ad9a92583) no-repeat center right !important; }
  .standalone input[name=zip_code] {
    border-radius: 10px;
    max-width: 150px; }
  .standalone .checkbox-wrap-native {
    cursor: pointer;
    user-select: none; }
    .standalone .checkbox-wrap-native input[type=checkbox] {
      appearance: auto;
      width: 20px;
      height: 20px;
      accent-color: var(--color-tertiary);
      cursor: pointer; }
    .standalone .checkbox-wrap-native input[type=checkbox] + label {
      color: #ccc; }
      .standalone .checkbox-wrap-native input[type=checkbox] + label:hover {
        color: aqua; }
    .standalone .checkbox-wrap-native input[type=checkbox]:checked + span {
      color: var(--color-primary);
      font-style: normal;
      appearance: auto; }
  .standalone .checkbox-wrap {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    line-height: 25px;
    user-select: none;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .standalone .checkbox-wrap input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .standalone .checkbox-wrap .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      background-color: #eee;
      border-radius: 4px; }
    .standalone .checkbox-wrap:hover input ~ .checkmark {
      background-color: #ccc; }
    .standalone .checkbox-wrap input:checked ~ .checkmark {
      background-color: var(--color-tertiary); }
    .standalone .checkbox-wrap .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .standalone .checkbox-wrap input:checked ~ .checkmark:after {
      display: block; }
    .standalone .checkbox-wrap .checkmark:after {
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      transform: rotate(45deg); }
  .standalone .configquote {
    background-color: var(--color-white);
    padding: 30px;
    border-radius: 10px;
    box-shadow: none;
    border: transparent; }
    .standalone .configquote .field label {
      font-size: 16px;
      color: var(--color-primary); }
    .standalone .configquote .btn {
      background-color: var(--color-black);
      color: white;
      border: 1px solid transparent;
      box-sizing: border-box; }
      .standalone .configquote .btn:hover {
        background-color: white !important;
        color: var(--color-black) !important;
        border: 1px solid var(--color-black); }
  .standalone .field-element .select2-container {
    grid-area: input;
    width: 100% !important; }
    .standalone .field-element .select2-container .select2-selection--single {
      height: 38px;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 480px) {
        .standalone .field-element .select2-container .select2-selection--single {
          height: 38px; } }
  .standalone .flat-border-left .select2-container--default .select2-selection--single {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .standalone .flat-border-left .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .standalone .field-element .select2-container.select2-container--disabled .select2-selection--single {
    background-color: #f2f2f2;
    cursor: default; }
    .standalone .field-element .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
      color: #CCC; }
    .standalone .field-element .select2-container.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
      display: none; }
    .standalone .field-element .select2-container.select2-container--disabled .select2-selection--single .select2-selection__clear {
      display: none; }
  .standalone .field.select2.isverifyng .select2-container--default .select2-selection--single .select2-selection__arrow b, .standalone .field.select2.isok .select2-container--default .select2-selection--single .select2-selection__arrow b, .standalone .field.select2.iserror .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none; }
  .standalone .field {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-columns: min-content;
    position: relative;
    align-items: center;
    width: 100%; }
    .standalone .field .label-main {
      grid-row: 2;
      grid-column: -6 / span 1;
      width: max-content; }
      @media only screen and (max-width: 768px) {
        .standalone .field .label-main {
          grid-column: col -3 / span 8;
          grid-row: 1;
          position: relative;
          margin-bottom: 3px; } }
    .standalone .field .label-left {
      grid-column: -5 / span 1;
      grid-row: 2;
      width: max-content;
      margin: auto 5px auto 0; }
      @media only screen and (max-width: 768px) {
        .standalone .field .label-left {
          margin: auto 0; } }
    .standalone .field .label-top {
      grid-column: -4 / span 4;
      grid-row: 1;
      width: max-content;
      margin-bottom: 3px; }
      @media only screen and (max-width: 768px) {
        .standalone .field .label-top {
          margin: 0 0 3px; } }
    @media only screen and (max-width: 768px) {
      .standalone .field .label-top, .standalone .field .label-left {
        grid-column: -4 / span 4;
        grid-row: 2;
        width: 100%; } }
    .standalone .field i {
      grid-column: -4 / span 1;
      grid-row: 2;
      width: auto;
      z-index: 5; }
      @media only screen and (max-width: 768px) {
        .standalone .field i {
          min-width: 100%;
          grid-row: 3; } }
    .standalone .field .field-element {
      grid-column: -4 / span 7;
      grid-row: 2;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .standalone .field .field-element {
          min-width: 100%;
          grid-row: 3; } }
      .standalone .field .field-element.select2 {
        grid-column: -3 / span 7; }
    .standalone .field .loader {
      grid-column: 3 / span 3;
      grid-row: 2;
      display: none; }
      @media only screen and (max-width: 768px) {
        .standalone .field .loader {
          grid-row: 3; } }
    .standalone .field tooltip {
      grid-column: -1 / span 4;
      position: absolute;
      grid-row: 2;
      right: 0; }
      @media only screen and (max-width: 768px) {
        .standalone .field tooltip {
          grid-column: -1/span 4;
          right: 0;
          left: inherit;
          grid-row: 3; } }
    .standalone .field tooltipajax {
      grid-column: 7;
      grid-row: 2;
      right: 22px;
      margin: auto 0 auto 7px; }
      @media only screen and (max-width: 768px) {
        .standalone .field tooltipajax {
          grid-column: -1/span 4;
          right: 0;
          left: inherit;
          position: absolute;
          top: -44px;
          grid-row: 3; } }
    .standalone .field info {
      grid-column: -4 / span 7;
      grid-row: 3;
      width: 100%;
      margin: 5px 0 0; }
      @media only screen and (max-width: 768px) {
        .standalone .field info {
          grid-row: 4; } }
    .standalone .field > error {
      grid-column: -1 / span 4;
      grid-row: 4;
      width: 100%;
      margin: 5px 0 0; }
      @media only screen and (max-width: 768px) {
        .standalone .field > error {
          grid-row: 5; } }
  .standalone .group {
    display: grid;
    grid-auto-flow: column;
    position: relative;
    grid-template-columns: auto 1fr;
    gap: 10; }
    .standalone .group.col-1 {
      grid-template-columns: 1fr; }
    .standalone .group .btn {
      border-radius: 10px;
      min-height: 38px;
      line-height: 38px;
      padding: 0 10px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .standalone .group .btn {
          width: auto; } }
    .standalone .group.row {
      grid-template-columns: 1fr auto; }
      @media only screen and (max-width: 768px) {
        .standalone .group.row {
          grid-template-columns: auto;
          grid-template-rows: auto auto; }
          .standalone .group.row .fields {
            flex-direction: column; } }
      @media only screen and (max-width: 768px) {
        .standalone .group.row.existe-label-left .fields, .standalone .group.row.existe-label-top .fields {
          gap: 28px; } }
    .standalone .group.col {
      grid-template-columns: auto;
      grid-template-rows: auto auto;
      gap: 20px; }
      .standalone .group.col.existe-label-main .fields {
        gap: 10px; }
        @media only screen and (max-width: 768px) {
          .standalone .group.col.existe-label-main .fields {
            gap: 28px; } }
      .standalone .group.col.existe-label-top .fields {
        gap: 28px; }
      .standalone .group.col .fields {
        flex-direction: column; }
      .standalone .group.col .btn {
        width: 100%; }
    @media only screen and (max-width: 768px) {
      .standalone .group {
        grid-auto-flow: row;
        grid-template-columns: 1fr; } }
    .standalone .group .fields {
      display: flex;
      gap: 10px;
      grid-auto-flow: column;
      width: max-content; }
      .standalone .group .fields > error {
        grid-row: 2;
        grid-column: -3/span 2; }
    .standalone .group .label-main {
      width: fit-content;
      line-height: 38px; }
      @media only screen and (max-width: 768px) {
        .standalone .group .label-main {
          top: -5px;
          margin: 5px 0 5px 0;
          line-height: inherit; } }
    .standalone .group errorgroup {
      grid-row: 2;
      grid-column: 1 / -1; }
      @media only screen and (max-width: 768px) {
        .standalone .group errorgroup {
          padding: 0 !important; } }
    .standalone .group .field {
      position: relative;
      align-self: self-start; }
      @media only screen and (max-width: 768px) {
        .standalone .group .field .label-main {
          position: absolute;
          top: -24px; } }
      .standalone .group .field .label-top {
        position: absolute;
        top: -20px;
        grid-row: 1;
        grid-column: -4/span 7;
        width: 100%; }
      @media only screen and (max-width: 768px) {
        .standalone .group .field .label-left, .standalone .group .field .label-top {
          position: absolute;
          top: -20px;
          grid-row: 3;
          grid-column: -4/span 7; } }
  .standalone .group.existe-label-top {
    padding-top: 20px; }
    @media only screen and (max-width: 768px) {
      .standalone .group.existe-label-top {
        padding-top: 0; } }
    @media only screen and (max-width: 768px) {
      .standalone .group.existe-label-top .fields {
        padding-top: 20px; } }
  @media only screen and (max-width: 768px) {
    .standalone .group.existe-label-left .fields {
      padding-top: 20px; } }
  @media only screen and (max-width: 768px) {
    .standalone .group.existe-label-main .fields {
      padding-top: 20px; } }
  .standalone .box-model {
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 20px;
    grid-template-areas: "boxmodel";
    position: relative; }
    .standalone .box-model .box-content {
      grid-area: boxmodel; }
  .standalone .btn {
    padding: 0 10px;
    width: max-content;
    background: var(--color-primary);
    color: #FFF;
    border-radius: 6px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    display: block; }
    .standalone .btn.btn-small {
      height: 32px;
      line-height: 32px; }
    .standalone .btn.btn-large {
      height: 48px;
      line-height: 48px;
      padding: 0 20px; }
    .standalone .btn.split {
      display: flex;
      justify-content: space-around;
      gap: 5px;
      align-items: center; }
      .standalone .btn.split-inverter {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        gap: 5px;
        align-items: center; }
  .standalone .btn:hover, .standalone .btn-close:hover, .standalone .btn-arrow:hover {
    background: #003787 !important;
    cursor: pointer; }
  .standalone .btn.bg-secondary:hover, .standalone .btn-close.bg-secondary:hover, .standalone .btn-arrow.bg-secondary:hover {
    background: #7f0d2c !important; }
  .standalone .btn.bg-tertiary:hover, .standalone .btn-close.bg-tertiary:hover, .standalone .btn-arrow.bg-tertiary:hover {
    background: #1a72b1 !important; }
  .standalone .btn.bg-black:hover, .standalone .btn-close.bg-black:hover, .standalone .btn-arrow.bg-black:hover {
    background: black !important; }
  .standalone .btn.bg-white, .standalone .btn-close.bg-white, .standalone .btn-arrow.bg-white {
    box-shadow: 0 0 1px #000; }
    .standalone .btn.bg-white:hover, .standalone .btn-close.bg-white:hover, .standalone .btn-arrow.bg-white:hover {
      background: #e6e6e6 !important; }
  .standalone .btn.bg-grey:hover, .standalone .btn-close.bg-grey:hover, .standalone .btn-arrow.bg-grey:hover {
    background: #545b62 !important; }
  .standalone .btn.bg-transparent, .standalone .btn-close.bg-transparent, .standalone .btn-arrow.bg-transparent {
    color: var(--color-black);
    font-weight: normal; }
    .standalone .btn.bg-transparent:hover, .standalone .btn-close.bg-transparent:hover, .standalone .btn-arrow.bg-transparent:hover {
      background: transparent !important; }
  .standalone .btn.disabled, .standalone .btn:disabled, .standalone .btn-close.disabled, .standalone .btn-close:disabled, .standalone .btn-arrow.disabled, .standalone .btn-arrow:disabled {
    background: #6c757d !important;
    cursor: default; }
    .standalone .btn.disabled:hover, .standalone .btn:disabled:hover, .standalone .btn-close.disabled:hover, .standalone .btn-close:disabled:hover, .standalone .btn-arrow.disabled:hover, .standalone .btn-arrow:disabled:hover {
      background: #6c757d !important; }
  .standalone .btn-close, .standalone .btn-arrow {
    width: min-content;
    display: grid; }
  @media only screen and (max-width: 768px) {
    .standalone .hide-t {
      display: none !important; } }
  .standalone .g-10 {
    gap: 10px; }
  .standalone .hide {
    display: none !important; }
  @media only screen and (max-width: 768px) {
    .standalone .show-t {
      display: inherit !important; } }
  .standalone .width-80 {
    min-width: 80px; }
  .standalone .m-8 {
    margin: 8px; }
  .standalone .ml-30 {
    margin-left: 30px; }
  @media only screen and (max-width: 768px) {
    .standalone .ml-t-0 {
      margin-left: 0; } }
  .standalone .mt-t-0 {
    margin-top: 10px; }
    @media only screen and (max-width: 768px) {
      .standalone .mt-t-0 {
        margin-top: 0; } }
  .standalone .loader, .standalone .loader-fixed {
    animation-play-state: running;
    opacity: 1;
    position: relative;
    height: calc($border-size * 2)10px;
    width: calc($border-size * 2)10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: transparent; }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .standalone .loader.-paused, .standalone .loader-fixed.-paused {
      animation-play-state: paused;
      opacity: 0.2;
      transition: opacity linear 0.1s; }
    .standalone .loader::before, .standalone .loader-fixed::before {
      animation: 1.5s linear infinite spinner;
      animation-play-state: inherit;
      border-style: solid;
      border-width: 2px;
      border-color: var(--color-primary);
      border-bottom-color: transparent;
      border-radius: 50%;
      content: "";
      opacity: inherit;
      position: absolute;
      will-change: transform;
      left: 0; }
    .standalone .loader:before, .standalone .loader-fixed:before {
      height: 10px;
      width: 10px;
      border-width: 3px;
      margin: 2px; }
    .standalone .loader:before, .standalone .loader-fixed:before {
      height: 4px;
      width: 4px; }
    .standalone .loader.shadow, .standalone .loader-fixed.shadow {
      -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
      background: #FFF; }
    .standalone .loader.size16, .standalone .loader-fixed.size16 {
      height: calc($border-size * 2)10px;
      width: calc($border-size * 2)10px; }
      .standalone .loader.size16:before, .standalone .loader-fixed.size16:before {
        border-width: 3px; }
      .standalone .loader.size16:before, .standalone .loader-fixed.size16:before {
        height: 6px;
        width: 6px; }
    .standalone .loader.size24, .standalone .loader-fixed.size24 {
      height: calc($border-size * 2)14px;
      width: calc($border-size * 2)14px; }
      .standalone .loader.size24:before, .standalone .loader-fixed.size24:before {
        border-width: 5px; }
      .standalone .loader.size24:before, .standalone .loader-fixed.size24:before {
        height: 10px;
        width: 10px; }
    .standalone .loader.size32, .standalone .loader-fixed.size32 {
      height: calc($border-size * 2)18px;
      width: calc($border-size * 2)18px; }
      .standalone .loader.size32:before, .standalone .loader-fixed.size32:before {
        border-width: 7px; }
      .standalone .loader.size32:before, .standalone .loader-fixed.size32:before {
        height: 14px;
        width: 14px; }
    .standalone .loader.size48, .standalone .loader-fixed.size48 {
      height: calc($border-size * 2)32px;
      width: calc($border-size * 2)32px; }
      .standalone .loader.size48:before, .standalone .loader-fixed.size48:before {
        border-width: 8px; }
      .standalone .loader.size48:before, .standalone .loader-fixed.size48:before {
        margin: 4px;
        height: 24px;
        width: 24px; }
    .standalone .loader.size64, .standalone .loader-fixed.size64 {
      height: calc($border-size * 2)44px;
      width: calc($border-size * 2)44px; }
      .standalone .loader.size64:before, .standalone .loader-fixed.size64:before {
        height: 44px;
        width: 44px;
        border-width: 10px; }
      .standalone .loader.size64:before, .standalone .loader-fixed.size64:before {
        margin: 4px;
        height: 36px;
        width: 36px; }
    .standalone .loader.fixed, .standalone .loader-fixed.fixed {
      transform: translate(-50%, -50%);
      position: fixed;
      left: 50%;
      top: 50%;
      z-index: 9999; }
  .standalone .loader.color-primary:before {
    border-color: var(--color-primary);
    border-bottom-color: transparent; }
  .standalone .loader.color-secondary:before {
    border-color: var(--color-secondary) !important;
    border-bottom-color: transparent !important; }
  .standalone .loader.color-tertiary:before {
    border-color: var(--color-teriary) !important;
    border-bottom-color: transparent !important; }
  .standalone .loader.color-white {
    background: var(--color-primary); }
    .standalone .loader.color-white:before {
      border-color: var(--color-white) !important;
      border-bottom-color: transparent !important; }
  .standalone .loader.color-black:before {
    border-color: var(--color-black) !important;
    border-bottom-color: transparent !important; }
  .standalone .loader.color-grey:before {
    border-color: var(--color-black) !important;
    border-bottom-color: transparent !important; }
  .standalone .m-6 {
    margin: 6px; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 38px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

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

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }
  .select2-results__options span {
    display: flex;
    align-items: center;
    gap: 10px; }
    .select2-results__options span img {
      width: 20px; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

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

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

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

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

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

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

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

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

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

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

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

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

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

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

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
  color: #FFF; }

.select2-container--default .select2-selection--single {
  outline: none;
  box-shadow: 0;
  border-radius: 10px;
  border: 1px solid #dbdbdb; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    font-size: 16px;
    font-weight: 300;
    padding-right: 40px;
    padding-left: 10px;
    font-family: var(--font-primary);
    color: #555; }
    @media only screen and (max-width: 480px) {
      .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px; } }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 38px;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 480px) {
      .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px; } }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      align-self: center;
      position: relative;
      left: 5px;
      top: 0;
      margin: 0 auto;
      border: none;
      width: 24px;
      height: 36px;
      display: block;
      background: url(/static/frontend/images/icos/ico-arrow.svg?6d1ad9a92583) no-repeat 0 center;
      background-size: 70%;
      filter: invert(0); }

.select2-container--default.select2-container--open .select2-dropdown .select2-results ul.select2-results__option li:first-of-type {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single {
  border-radius: 10px; }
  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: -1px;
    left: -2px;
    transform: rotate(-180deg);
    background-size: 70%; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 10px; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 10px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  top: 0;
  right: 0; }

.select2-container--open .select2-dropdown.select2-dropdown--below {
  top: 3px;
  border: 0;
  background: transparent; }
  .select2-container--open .select2-dropdown.select2-dropdown--below .select2-results {
    background: #FFF;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.5) 0 0px 1px);
    border-radius: 10px;
    padding: 10px 0; }
  .select2-container--open .select2-dropdown.select2-dropdown--below:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 10px;
    z-index: 999;
    -webkit-filter: drop-shadow(rgba(55, 55, 55, 0.2) 0 -2px 1px); }
  .select2-container--open .select2-dropdown.select2-dropdown--below .select2-search__field {
    position: absolute;
    outline: 0;
    height: 30px;
    font-size: 16px;
    font-weight: 300;
    background: transparent;
    padding: 0 6px;
    top: -36px;
    border: 0;
    width: 83%;
    border-radius: 10px; }
    @media only screen and (max-width: 480px) {
      .select2-container--open .select2-dropdown.select2-dropdown--below .select2-search__field {
        height: 30px;
        top: -36px; } }
  .select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__option.select2-results__message {
    padding: 2px 11px; }
  .select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options.select2-results__message {
    padding: 10px; }
  .select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option[aria-selected] {
    font-size: 18px;
    font-family: var(--font-primary); }
    .select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option[aria-selected]::first-letter {
      text-transform: capitalize; }
  .select2-container--open .select2-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected] {
    background-color: #0077ff;
    display: inherit; }

.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search__field {
  outline: 0;
  height: 30px;
  font-size: 16px;
  font-weight: 300;
  background: transparent;
  padding: 0 6px;
  bottom: -34px;
  border: 0;
  width: 83%;
  border-radius: 10px; }
  @media only screen and (max-width: 480px) {
    .select2-container--open .select2-dropdown.select2-dropdown--above .select2-search__field {
      height: 30px;
      top: -36px; } }
.loader, .loader-fixed {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  height: calc($border-size * 2)10px;
  width: calc($border-size * 2)10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: transparent; }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .loader.-paused, .loader-fixed.-paused {
    animation-play-state: paused;
    opacity: 0.2;
    transition: opacity linear 0.1s; }
  .loader::before, .loader-fixed::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border-style: solid;
    border-width: 2px;
    border-color: var(--color-primary);
    border-bottom-color: transparent;
    border-radius: 50%;
    content: "";
    opacity: inherit;
    position: absolute;
    will-change: transform;
    left: 0; }
  .loader:before, .loader-fixed:before {
    height: 10px;
    width: 10px;
    border-width: 3px;
    margin: 2px; }
  .loader:before, .loader-fixed:before {
    height: 4px;
    width: 4px; }
  .loader.shadow, .loader-fixed.shadow {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    background: #FFF; }
  .loader.size32, .loader-fixed.size32 {
    height: calc($border-size * 2)18px;
    width: calc($border-size * 2)18px; }
    .loader.size32:before, .loader-fixed.size32:before {
      border-width: 7px; }
    .loader.size32:before, .loader-fixed.size32:before {
      height: 32px;
      width: 32px; }

.loader.color-primary:before {
  border-color: var(--color-primary);
  border-bottom-color: transparent; }

.loader.color-secondary:before {
  border-color: var(--color-secondary) !important;
  border-bottom-color: transparent !important; }

.loader.color-tertiary:before {
  border-color: var(--color-teriary) !important;
  border-bottom-color: transparent !important; }

.loader.color-white {
  background: var(--color-primary); }
  .loader.color-white:before {
    border-color: var(--color-white) !important;
    border-bottom-color: transparent !important; }

.loader.color-black:before {
  border-color: var(--color-black) !important;
  border-bottom-color: transparent !important; }

.loader.color-grey:before {
  border-color: var(--color-black) !important;
  border-bottom-color: transparent !important; }

.box-model2 {
  border: 1px solid #CCC;
  border-radius: 10px;
  display: grid;
  grid-template-areas: "boxmodel";
  position: relative; }
  .box-model2 .box-content {
    grid-area: boxmodel; }
  .box-model2 .box-loader {
    grid-area: boxmodel;
    width: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px; }