@charset "UTF-8";
.loadingoverlay {
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.8) !important;
}

.loadingoverlay_text {
  margin-top: 30px;
  color: rgb(255, 255, 255) !important;
}

@media screen and (max-width: 768px) {
  .page-order #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-order #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-order #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-order #app .order-configuration .p-t-25 h3 {
    font-size: 18px;
    text-align: center;
  }
  .page-order #app .order-configuration #planns-card .card-body .col-lg-3 {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .pace-done .contenido .order-configuration {
    padding-top: 175px;
  }
  .pace-done .contenido .order-configuration #order-main-container .card-body .col-xs-6 {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .pace-done .contenido .order-configuration #order-main-container #actual-order-card .card-body {
    overflow: auto;
  }
  .pace-done .contenido .order-configuration #order-main-container #actual-order-card .card-body #current-order-container {
    overflow: auto;
  }
  .pace-done .contenido .order-configuration #order-main-container #actual-order-card .card-body #current-order-container #table-order-revision {
    overflow: auto;
  }
}
@media screen and (max-width: 1700px) {
  .card .order-card-order-item-header-container .col-image {
    display: table-cell !important;
  }
  .card .order-card-order-item-container .order-card-image-container {
    display: table-cell !important;
  }
  .card .order-card-order-item-container .order-item-price .old-price {
    display: none;
  }
}
@media screen and (max-width: 1700px) and (-webkit-device-pixel-ratio: 1.25) {
  html {
    font-size: 12px;
  }
  #icons {
    font-size: 12px !important;
  }
  #final-order-container .order-item .row .order-item-name,
  #final-order-container .order-item .row .import-period,
  #final-order-container .order-item .row .order-item-price {
    font-size: 14px !important;
  }
  #final-order-container .order-item .row .order-item-name {
    width: 110px;
  }
  #current-order-container .order-card-element-components {
    padding-left: 20px;
  }
  #current-order-container .order-card-element-components .order-item-name {
    margin-bottom: 0;
    line-height: 1.9;
    font-size: 14px;
  }
  #current-order-container .order-item-name tr {
    font-size: 14px;
  }
  #current-order-container .order-item-name tr .item-old-period {
    width: 95px !important;
  }
  #current-order-container .order-element .order-item-price {
    font-size: 13px !important;
  }
  #current-order-container .order-element .order-item-price p {
    font-size: 13px;
  }
  #card-body-hosting .card-header.option-title,
  #card-body-backup .card-header.option-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .page-vps #app {
    overflow-x: hidden;
  }
  .page-vps #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-vps #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-vps #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-vps #app .summary .c-table {
    margin-bottom: 80px !important;
  }
  .page-vps #app .summary .c-table .click-area {
    flex-direction: row !important;
    align-items: self-start !important;
    justify-content: space-evenly;
  }
  .page-vps #app .summary .c-table .click-area a.button {
    font-size: 15px;
    line-height: 35px;
    padding-left: 40px;
    padding-right: 10px;
    background-position: 6px center;
  }
  .page-vps .setup-server {
    height: 290px;
  }
  .page-vps .setup-server .mb {
    width: 400px;
  }
  .page-vps .setup-server .motherboard .cpu-1 {
    left: 20px;
    top: 287px;
  }
  .page-vps .setup-server .motherboard .cpu-2 {
    left: 72px;
    top: 318px;
  }
  .page-vps .setup-server .motherboard .hdd-1 {
    left: 165px;
    top: 265px;
  }
  .page-vps .setup-server .motherboard .ram-1 {
    left: 175px;
    top: 125px;
  }
  .page-vps .setup-server .motherboard .ram-2 {
    left: 190px;
    top: 134px;
  }
  .page-vps .setup-server .motherboard .ram-3 {
    left: 205px;
    top: 142px;
  }
  .page-vps .setup-server .motherboard .ram-4 {
    left: 220px;
    top: 151px;
  }
  .page-vps .selector-container {
    margin-top: 3.5rem !important;
    margin-left: 4rem !important;
  }
  .page-vps .selector-container .cs-selector .custom-cs {
    width: 115px;
  }
  .page-vps .vps-ranges-resumes-container {
    width: 100%;
    margin: 0;
  }
  .page-vps .customizable-vps-container {
    margin-top: 7em;
  }
  .page-vps .customizable-vps-container .customizable-mail-content {
    flex-direction: column;
  }
  .page-vps .customizable-vps-container .customizable-mail-content .column-right {
    transform: unset;
    width: 100%;
  }
  .page-vps .customizable-vps-container .customizable-mail-content .vps-ranges-container {
    margin: 0 0 10px 2%;
  }
  .page-vps .customizable-vps-container .customizable-mail-content .line-separator {
    margin-top: 45px;
  }
  .page-vps .block.domain-all {
    height: auto;
  }
  .page-vps .block.domain-all#girl {
    background-size: 85% !important;
  }
  .page-vps .block.domain-all#girl ul {
    margin-top: 25px;
  }
  .page-vps .block.domain-all#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-vps .block.domain-all#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-vps .block.domain-all#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-vps .banners .bann_02 {
    margin-top: 55px !important;
  }
  .page-vps .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-home #app {
    overflow-x: hidden;
  }
  .page-home #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-home #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-home #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
}
@media screen and (max-width: 768px) {
  .page-dominio #app {
    overflow-x: hidden;
  }
  .page-dominio #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-dominio #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-dominio #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-dominio .graphic .w12 p {
    width: 385px !important;
  }
  .page-dominio .graphic .w12 p span {
    color: black !important;
    text-shadow: 1px 1px white;
    display: block;
    text-align: center;
    font-size: 15px;
  }
  .page-dominio .graphic .w12 p span:nth-child(3) {
    display: none;
  }
  .page-dominio .graphic .w12 p span:last-child {
    font-size: 18PX;
  }
  .page-dominio .p-t-90px {
    padding-bottom: 15px;
  }
  .page-dominio .p-t-90px .ntlds-carousel-out {
    height: 115px;
    padding: 15px 10px 0;
  }
  .page-dominio .p-t-90px .ntlds-carousel-out .ntlds-carousel-container {
    height: 66px;
    width: 60px;
  }
  .page-dominio .banners .bann_02 {
    margin-top: 55px !important;
  }
  .page-dominio .cloud-bg.transform-upper-120 {
    transform: translateY(-95px);
  }
  .page-dominio .others .w12 .pre-icon {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 75px repeat(1, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
  }
  .page-dominio .others .w12 .pre-icon header {
    padding-top: 10px;
    line-height: 1.2;
  }
  .page-dominio .others .w12 .pre-icon header h3 {
    padding-right: 15px;
    text-align: justify;
  }
  .page-dominio .others .w12 .pre-icon p {
    display: grid;
    grid-column: 2;
    margin-bottom: 5px;
    text-align: justify;
    padding-left: 0 !important;
  }
  .page-dominio .others .w12 header h2 {
    font-size: 14px;
    text-align: center;
  }
  .page-dominio .others .w12 p {
    padding: 15px 15px 0 !important;
    margin: 0;
  }
  .page-dominio .block.domain-all#girl {
    height: auto;
  }
  .page-dominio .block.domain-all#girl#girl {
    background-size: 85% !important;
  }
  .page-dominio .block.domain-all#girl#girl ul {
    margin-top: 25px;
  }
  .page-dominio .block.domain-all#girl#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-dominio .block.domain-all#girl#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-dominio .block.domain-all#girl#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-dominio .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-search {
    overflow-x: hidden;
  }
  .page-search #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-search #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-search #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-search #hosting-offers-div .offer-title-p {
    display: flex;
    flex-wrap: wrap;
  }
  .page-search #hosting-offers-div .offer-title-p .name-container {
    width: 100%;
  }
  .page-search #hosting-offers-div .offer-title-p .price-container {
    display: flex;
    align-items: center;
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .page-hosting #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-hosting #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-hosting #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-hosting .buyblock {
    height: 80px;
    margin: 25px 0 10px;
    padding-top: 15px;
  }
  .page-hosting .buyblock span.min_font {
    font-size: 15px;
    margin: 9px 3px;
    width: 120px;
  }
  .page-hosting .buyblock span.price {
    font-size: 17px;
    font-weight: 600;
  }
  .page-hosting .buyblock .content .button {
    font-size: 15px;
    background-position: 10px center;
    padding-left: 40px;
    padding-right: 10px;
  }
  .page-hosting table.chars-table tr td {
    padding: 0 20px !important;
    width: 240px !important;
  }
  .page-hosting table.chars-table tr th {
    width: 240px !important;
  }
  .page-hosting table.chars-table tr th:first-child {
    width: 240px !important;
  }
  .page-hosting .banners .bann_02 {
    margin-top: 50px !important;
  }
  .page-hosting .block.domain-all#girl {
    height: auto;
  }
  .page-hosting .block.domain-all#girl#girl {
    background-size: 85% !important;
  }
  .page-hosting .block.domain-all#girl#girl ul {
    margin-top: 25px;
  }
  .page-hosting .block.domain-all#girl#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-hosting .block.domain-all#girl#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-hosting .block.domain-all#girl#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-hosting .others .pre-icon {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 75px repeat(1, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
  }
  .page-hosting .others .pre-icon header {
    padding-top: 10px;
    line-height: 1.2;
  }
  .page-hosting .others .pre-icon p {
    display: grid;
    grid-column: 2;
    margin-bottom: 5px;
    text-align: justify;
    padding-right: 15px;
  }
  .page-hosting .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-correo #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-correo #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-correo #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-correo .buyblock {
    height: 80px;
    margin: 25px 0 10px;
    padding-top: 15px;
  }
  .page-correo .buyblock span.min_font {
    font-size: 14px;
    margin: 9px 3px;
    width: 120px;
  }
  .page-correo .buyblock span.price {
    font-size: 19px;
    font-weight: 600;
  }
  .page-correo .buyblock span.price .periodicity {
    font-size: 19px;
    font-weight: 600;
  }
  .page-correo .buyblock .content .button {
    font-size: 15px;
    background-position: 10px center;
    padding-left: 40px;
    padding-right: 10px;
  }
  .page-correo .banners .bann_02 {
    margin-top: 50px !important;
  }
  .page-correo #chars-table-container-div .chars-table {
    margin-bottom: 0 !important;
  }
  .page-correo .summary .c-table.third {
    margin-bottom: 15px !important;
  }
  .page-correo .block.domain-all#girl {
    background-size: 85% !important;
  }
  .page-correo .block.domain-all#girl ul {
    margin-top: 25px;
  }
  .page-correo .block.domain-all#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-correo .block.domain-all#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-correo .block.domain-all#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-correo .others .pre-icon {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 75px repeat(1, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
  }
  .page-correo .others .pre-icon header {
    padding-top: 10px;
    line-height: 1.2;
  }
  .page-correo .others .pre-icon p {
    display: grid;
    grid-column: 2;
    margin-bottom: 5px;
    text-align: justify;
    padding-right: 15px;
  }
  .page-correo .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-backup-online #app {
    overflow-x: hidden;
  }
  .page-backup-online #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-backup-online #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-backup-online #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-backup-online #app .contenido .block.summary {
    margin-bottom: 20px !important;
  }
  .page-backup-online #app .contenido .whois-explain {
    padding-left: 10px !important;
    margin-bottom: 15px !important;
  }
  .page-backup-online #app .contenido .whois-explain header p {
    padding-left: 0 !important;
  }
  .page-backup-online #app .contenido .whois-explain h2 p {
    margin-bottom: 0 !important;
  }
  .page-backup-online #app .contenido .whois-explain h2 + p {
    display: none;
  }
  .page-backup-online #app .contenido .whois-explain h1 {
    font-size: 20px;
  }
  .page-backup-online #app .contenido .c-table .click-area {
    display: inherit !important;
    padding: 18px 90px;
  }
  .page-backup-online #app .contenido .block.domain-all {
    height: auto;
  }
  .page-backup-online #app .contenido .block.domain-all#girl {
    background-size: 85% !important;
  }
  .page-backup-online #app .contenido .block.domain-all#girl ul {
    margin-top: 25px;
  }
  .page-backup-online #app .contenido .block.domain-all#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-backup-online #app .contenido .block.domain-all#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-backup-online #app .contenido .block.domain-all#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-backup-online #app .contenido .banners h2 {
    font-size: 15px;
  }
  .page-backup-online #app .contenido .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-volumen #app {
    overflow-x: hidden;
  }
  .page-volumen #app .head .top .center {
    text-align: center !important;
    width: auto !important;
  }
  .page-volumen #app .head .top .center ul#icons li {
    margin-left: 5px;
    font-size: 9px !important;
  }
  .page-volumen #app .head .top .center ul#icons li .cart-number-container {
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 13px;
  }
  .page-volumen #app .contenido .block.summary {
    margin-bottom: 20px !important;
  }
  .page-volumen #app .contenido .block.domain-all {
    height: auto;
  }
  .page-volumen #app .contenido .block.domain-all#girl {
    background-size: 85% !important;
  }
  .page-volumen #app .contenido .block.domain-all#girl ul {
    margin-top: 25px;
  }
  .page-volumen #app .contenido .block.domain-all#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-volumen #app .contenido .block.domain-all#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-volumen #app .contenido .block.domain-all#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-volumen #app .contenido .banners h2 {
    font-size: 15px;
  }
  .page-volumen #app .contenido .banners .bann_02 {
    margin-top: 55px !important;
  }
  .page-volumen #app .contenido .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-marketing #app {
    overflow-x: hidden;
  }
  .page-marketing #app .contenido .c-table.third {
    margin-bottom: 10px !important;
  }
  .page-marketing #app .contenido .others .w12 {
    margin-top: 10px;
  }
  .page-marketing #app .contenido .block.w12.block-02.no-t-padding.ann-08-bg {
    padding-bottom: 170px;
  }
  .page-marketing #app .contenido .block.chars {
    margin-top: 10px;
  }
  .page-marketing #app .contenido .block.domain-all {
    height: auto;
  }
  .page-marketing #app .contenido .block.domain-all#girl {
    background-size: 85% !important;
  }
  .page-marketing #app .contenido .block.domain-all#girl ul {
    margin-top: 25px;
  }
  .page-marketing #app .contenido .block.domain-all#girl ul .grid-pos {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 65px repeat(2, 1fr);
    grid-template-rows: 65px repeat(1, 1fr);
    margin-bottom: 10px;
  }
  .page-marketing #app .contenido .block.domain-all#girl ul .grid-pos h3 {
    display: grid;
    grid-column: 2/-1;
    align-items: center;
    /* grid-column-start: 2;
    grid-column-end: -1; */
  }
  .page-marketing #app .contenido .block.domain-all#girl ul .grid-pos .ann_02_subtitle {
    display: grid;
    grid-column: 1/-1;
    text-align: justify;
    padding: 0 10px;
  }
  .page-marketing #app .contenido .banners h2 {
    font-size: 15px;
  }
  .page-marketing #app .contenido .banners .bann_02 {
    margin-top: 55px !important;
  }
  .page-marketing #app .contenido .banners p.speech-bubble span.price.min {
    font-size: 17px;
  }
  .page-marketing #app .contenido .faqs-container-div #faqs-side-img {
    height: 255px !important;
    padding-top: 65px !important;
    padding-bottom: 65px !important;
    margin-top: 10px;
  }
}
.cp-delete-btn {
  padding: 0;
  font-weight: bold;
  color: #ccc;
  float: right;
  background: transparent;
  border: 2px solid #ccc;
  border-radius: 100%;
  width: 25px;
  margin-top: 5px;
  line-height: 20px;
  height: 25px;
  font-size: 24px;
}

#final-order-container {
  margin-bottom: 5px;
}

.pace-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); /* Color de fondo semitransparente */
  z-index: 1000; /* Asegúrate de que el overlay esté por encima de otros elementos */
  display: none; /* Oculto por defecto */
}

.pace .pace-progress:after {
  color: #000 !important;
  font-size: 14px;
}

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

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

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

.box-characteristic-exist {
  border: solid 2px #ccc;
  border-radius: 5px;
  padding: 8px 8px 5px 10px;
}

.box-line-top {
  border-top: solid 1px #428bca;
  margin: 10px 0 5px 0 !important;
  padding: 8px 0 0 0 !important;
  text-align: justify !important;
}

#personal-data input.valid, #personal-data select.valid {
  border: solid 1px #44ac29;
}

.flex {
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.col-100-pt {
  width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.col-20-pt {
  width: 20% !important;
  box-sizing: border-box;
}

.col-80-pt {
  width: 80% !important;
  box-sizing: border-box;
}