@font-face {
    font-family: "CeraPro";
    src: url("../fonts/CeraPro/CeraPro-Regular.eot");
    src: url("../fonts/CeraPro/CeraPro-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CeraPro/CeraPro-Regular.woff") format("woff"),
    url("../fonts/CeraPro/CeraPro-Regular.ttf") format("truetype");
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&display=swap');

input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] {
    font-family: 'CeraPro', sans-serif !important;
}

#html-body body {
    color: #4B4B4C;
}

#html-body .block-promo {
    background: #BAB9C5;
    color: #4B4B4C !important;
}

#html-body .block-promo .button.more {
    background: #9F91BB;
    border: none;
    border-radius: 0;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #FFFFFF;
}

#html-body .block-promo .button.more:hover {
    background: #B19CDD;
}

#html-body .block-promo .info {
    line-height: 1.42857143;
    font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
    #html-body .block-promo .info {
        line-height: 1.42857143;
        font-size: 2.2rem;;
    }
}

#html-body .opc-progress-bar-item._active > span:before {
    background: #9F91BB;
}

#html-body .opc-progress-bar-item._active:before {
    background: #9F91BB;
}

#html-body .opc-progress-bar-item:before {
    height: 2px;
    border-radius: 0;
}

#html-body .opc-progress-bar-item > span:after {
    height: 34px;
    margin-left: -17px;
    top: 2px;
    width: 34px;
    line-height: 34px;
}

#html-body .opc-progress-bar-item._active > span:after {
    content: '';
    background: #fff url("../images/icons/checked.svg") center no-repeat;
}

#html-body .opc-progress-bar-item._complete > span:after {
    content: '';
    background: #fff url("../images/icons/checked.svg") center no-repeat;
}


#html-body .action.primary, #html-body .captcha-reload, #html-body .action-apply,
#html-body .action-edit-address, #html-body .new-address-popup .action-show-popup {
    background: #9F91BB;
    border: none;
    border-radius: 0;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #FFFFFF;
}

#html-body .action.primary:hover, #html-body .captcha-reload:hover, #html-body .action-apply:hover,
#html-body .action-edit-address:hover, #html-body .new-address-popup .action-show-popup:hover {
    background: #B19CDD;
}

#html-body .action-delete, #html-body .action.continue, #html-body .action.update, #html-body .cart .actions-toolbar .action.towishlist,
#html-body .form-wishlist-items .action.update, #html-body .action.share, #html-body .form-wishlist-items .primary .action.tocart, #html-body .action-login.secondary {
    border: none;
    border-radius: 0;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
}

#html-body .opc-wrapper .shipping-address-item.selected-item {
    border-color: #9F91BB;
}

#html-body .opc-wrapper .shipping-address-item.selected-item:after {
    background: #9F91BB url("../images/icons/checked.svg") center no-repeat;
    content: '';
}

#html-body input[type="radio"] {
    position: relative;
    width: 13px;
    height: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

#html-body input[type='radio']:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 2px solid #9F91BB;
    cursor: pointer;
}

#html-body input[type='radio']:checked:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #9F91BB;
    transform: translate(-50%, -50%);
    visibility: visible;
}

#html-body input:not([disabled]):focus {
    box-shadow: none;
}

#html-body .action.action-auth-toggle, #html-body .action.remind, #html-body .action-toggle {
    color: #737373;
    text-decoration: none;
}

#html-body .action.action-auth-toggle:hover, #html-body .action.remind:hover, #html-body .action-toggle:hover {
    color: #B19CDD;
}

#html-body .opc-block-summary, #html-body .step-title, #html-body {
    line-height: 1.42857143;
}

#html-body .totals.excl {
    border-bottom: 1px solid #cccccc;
}

#html-body .grand.totals.incl {
    border-bottom: none;
}

#html-body .totals.sub.incl span,
#html-body .totals.shipping.incl span,
#html-body .grand.totals.incl strong {
    font-size: 20px;
    font-weight: 400;
}

#html-body table.data.table.table-totals tr th,
#html-body table.data.table.table-totals tr td {
    padding-bottom: 0;
}

#html-body div.table-caption {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    color: #333333;
}

#html-body .about-info ul a, #html-body .customer-service a, #html-body .block-contact-info a,
#html-body .block-dashboard-info .box-actions a, #html-body .block-dashboard-addresses a, #html-body .btn-remove,
#html-body .billing-address-details a, #html-body .shipping-information-content a, #html-body .checkout-success a,
#html-body .cart-empty a, #html-body a.view, #html-body a.order, #html-body .box-actions .action.edit, #html-body .box-content a,
#html-body .action.multicheckout, #html-body .message.notice a, #html-body .opc-wrapper .shipping-address-item.selected-item a, #html-body .secondary .action.action-remind, #html-body #maincontent a, .action-show span {
    color: #737373;
    text-decoration: none;
}

#html-body .about-info ul a:hover, #html-body .customer-service a:hover, #html-body .block-contact-info a:hover,
#html-body .block-dashboard-info .box-actions a:hover, #html-body .block-dashboard-addresses a:hover, #html-body .btn-remove:hover,
#html-body .billing-address-details a:hover, #html-body .shipping-information-content a:hover, #html-body .checkout-success a:hover,
#html-body .cart-empty a:hover, #html-body a.view:hover, #html-body a.order:hover, #html-body .box-actions .action.edit:hover,
#html-body.box-content a, #html-body .action.multicheckout:hover, #html-body .message.notice a:hover,
#html-body .opc-wrapper .shipping-address-item.selected-item a:hover, #html-body .secondary .action.action-remind:hover, #html-body #maincontent a:hover, .action-show span:hover {
    color: #9F91BB;
    text-decoration: none;
}

#html-body .box-address-billing, #html-body .box-address-shipping {
    line-height: 1.9;
}

@media screen and (min-width: 768px) {
    #html-body .block-dashboard-info .box-actions .change-password {
        margin-left: 10px;
    }
}

#html-body .block-collapsible-nav .item.current > strong {
    border-color: #9F91BB;
}

@media screen and (min-width: 768px) {
    #html-body .fieldset > .field:not(.choice) > .label {
        padding-right: 13px;
    }

    #html-body .form-newsletter-manage .actions-toolbar {
        margin-left: 0;
    }

    #html-body .form-newsletter-manage .fieldset > .field.choice:before {
        float: none;
    }

    #html-body .form-newsletter-manage .fieldset .legend {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {

    #html-body .wishlist-toolbar .pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

#html-body #sendcloud-service-point .button-service-point {
    color: #9F91BB;
    border: 2px solid #9F91BB;
    border-radius: 0;
}

#html-body .abs-discount-block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title {
    padding-left: 0;
}

#html-body .column.main .cart-summary .block > .title strong, .column.main .paypal-review-discount .block > .title strong {
    font-size: 1.4rem;
    font-weight: 700;
}

#html-body .cart-totals .grand .mark, #html-body .cart-totals .grand .amount {
    padding-left: 0;
    padding-top: 7px;
}

#html-body .modal-footer .action-dismiss, #html-body .modal-footer .action-accept {
    border: none;
    border-radius: 0;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
}

#html-body .modal-footer .action-accept {
    background: #9F91BB;
}

#html-body .modal-footer .action-accept:hover {
    background: #9381B7
}

@media screen and (min-width: 768px) {
    #html-body .cart.table-wrapper .item .col.item {
        padding-top: 20px;
    }
}

#html-body .home-t-shirts {
    background: #f5f5f5;
}

#html-body .block-promo.home-main {
    background: url("../images/main_banner_Dance_Fabrics_Desktop.jpg") no-repeat;
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    #html-body .block-promo.home-main {
       	background: url("../images/Dance_fabrics_main_banner_mobile.jpg") no-repeat;
        background-position: initial;
        background-size: cover;
    }
}

@media screen and (max-width: 480px) {
    #html-body .block-promo.home-main {
       	background: url("../images/Dance_fabrics_main_banner_mobile.jpg") no-repeat;
        background-position: 50%;
        background-size: contain;
        /*background-repeat: round;
        height: 380px;*/
    }
}

#html-body .block-promo.home-pants {
    background: url("../images/desktop_delivery.jpg") no-repeat;
    background-position: initial;
    background-size: cover;
}

@media screen and (max-width: 480px) {
    #html-body .block-promo.home-pants {
      	background: url("../images/mobile_delivery.jpg") no-repeat;
        background-position: 50%;
        background-size: cover;
		margin:10px auto;
    }
}



@media screen and (min-width: 320px) {
    #html-body .block-promo.home-t-shirts .image {
        background: url("../images/Sale_Carvico_mobile.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        min-height: 200px;
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    #html-body .block-promo.home-t-shirts .image {
        background: url("../images/Sale_Carvico_desktop.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        min-height: 276px;
        padding: 0;
    }
}

@media screen and (min-width: 1024px) {
    #html-body .block-promo.home-t-shirts .image {
        background: url("../images/Sale_Carvico_desktop.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
    }
}

#html-body .block-promo.home-eco {
   /* background: url("../images/bermuda_desktop-opt.jpg") no-repeat;*/
    background: url("../images/gutermann-threads-opt.jpg") no-repeat;
    background-position: initial;
    background-size: cover;
    height: 372px;
}

@media screen and (max-width: 480px) {
    #html-body .block-promo.home-eco {
        background: url("../images/1201-bb-mobile-copy-opt.jpg") no-repeat;
        background-position: initial;
        background-size: contain;
    }
}

#html-body .block-promo.home-main .content.bg-white {
    left: 40px;
    display: none;
}

#html-body .pages a.page {
    color: #4B4B4C;
}

.about-us__header-wrapper {
    display: flex;
    justify-content: space-between;
}

.about-us__header-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 150px;
    line-height: 120px;
    letter-spacing: -0.045em;
    color: #9F91BB;
    width: 100%;
}

.about-us__header-text-universe {
    text-align: end;
    margin-top: 28px;
}

.about-us__header-image {
    max-width: 285px;
    max-height: 301px;
}

.about-us__catalog-link-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.about-us__catalog-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 28px;
    max-width: 290px;
}

.about-us__catalog-link-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    gap: 10px;
    max-width: 146px;
    height: 40px;
    background: #9F91BB;
    box-sizing: border-box;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF !important;
    text-decoration: none;
}

.about-us__catalog-link-button:hover {
    background: #B19CDD;
    text-underline: none;
    text-decoration: none;
    color: #ffffff !important;
}

.about-us__catalog-link-button:visited {
    color: #ffffff !important;
    text-decoration: none;
}

.about-us__catalog-link-button:active {
    color: #ffffff !important;
    text-decoration: none;
}

.about-us__catalog-link-text, .about-us__superiority__main-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 29px;
    color: #4B4B4C;
}

.about-us__info-wrapper {
    display: flex;
    gap: 165px;
}

.about-us__info-wrapper {
    margin-top: 78px;
}

.about-us__info {
    max-width: 257px;
}

.about-us__info-text {
    margin-top: 5px;
    line-height: 20px;
}

.about-us-text__paragraph:not(:first-child) {
    margin-top: 11px;
}

.grid-images {
    margin-top: 80px;
}

.grid-images img {
    max-width: fit-content;
}

.container {
    display: grid;
    grid-template-columns: 356px 222px 545px;
    grid-template-rows: 397px 1.1fr;
    row-gap: 54px;
    justify-content: space-between;
    grid-auto-flow: column;
    grid-template-areas:
    "crystal-1 crystal-2 crystal-3"
    "crystal-4 crystal-5 crystal-6";
    margin-top: 50px;
    margin-bottom: 50px;
}

.crystal-1 {
    grid-area: crystal-1;
}

.crystal-2 {
    display: grid;
    grid-template-columns: 222px;
    grid-template-rows: 142px 204px;
    row-gap: 50px;
    grid-auto-flow: row;
    grid-template-areas:
    "crystal-2_1"
    "crystal-2_2";
    grid-area: crystal-2;
    padding-left: 6px;
}

.crystal-2_1 {
    grid-area: crystal-2_1;
}

.crystal-2_2 {
    grid-area: crystal-2_2;
}

.crystal-3 {
    grid-area: crystal-3;
}

.crystal-4 {
    grid-area: crystal-4;
    top: -70px;
}

.crystal-5 {
    grid-area: crystal-5;
    padding-left: 7px;
}

.crystal-6 {
    grid-area: crystal-6;
}


html, body, .container {
    height: 100%;
    margin: 0;
}


.container * {
    position: relative;
}

.crystal-6 img {
    position: absolute;
    right: 0;
}

.about-us-text {
    margin-top: 76px;
    position: relative;
    display: flex;
    justify-content: right;
    padding-right: 9%;
}

.about-us-text__wrapper {
    max-width: 706px;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    color: #9F91BB;
}

.about-us-common {
    margin-top: 150px;
}

.superiority {
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
}

.superiority-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 30px;
    max-width: 265px;
}

.superiors {
    display: flex;
    flex-direction: column;
}

.superiors__superiority-wrapper {
    width: 394px;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    box-sizing: border-box;
}

.superiors__superiority-header-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
    margin-top: 6px;
}

.superiors__superiority-header-description {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
    margin-top: 10px;
}

.superiors__row {
    display: flex;
    gap: 29px;
}

.superiors__row:not(:first-child) {
    margin-top: 45px;
}

.about_brand {
    margin-top: 150px;
    display: flex;
}

.about-brand__catalog-link-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 353px;
}

.about-brand__catalog-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about-brand__catalog-header {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 29px;
    color: #4B4B4C;
}

.about-brand__catalog-link-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
}

.about_brand {
    position: relative;
}

.about_brand__images {
    display: flex;
    gap: 70px;
    margin-left: auto;
}

.about_brand__info {
    position: absolute;
    bottom: -74px;
    right: 180px;
    width: 214px;
    height: 227px;
    background: #6667AB;
    padding: 110px 81px 30px 24px;
    box-sizing: border-box;
}

.about-brand__info-text-header {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 29px;
    color: #FFFFFF;
}

.about-brand__info-text-collection {
    font-family: 'CeraPro', sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 14px;
}

.about-brand__info-text-code {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 4px;
}

.about-evoli-universe {
    display: flex;
    margin-top: 153px;
    gap: 25px;
}

.about-evoli-universe-video {
    margin-top: 15px;
}

.about-evoli-universe-paragraph {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
}

.about-evoli-universe-paragraph:not(:first-child) {
    margin-top: 10px;
}

.evoli-tagline {
    margin-top: 150px;
    margin-bottom: 150px;
    display: flex;
    justify-content: space-around;
}

.evoli-tagline__text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    color: #9F91BB;
}


.about-us__header-wrapper {
    display: flex;
    justify-content: space-between;
}

.about-us__header-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 150px;
    line-height: 120px;
    letter-spacing: -0.045em;
    color: #9F91BB;
    width: 100%;
}

.about-us__header-text-universe {
    text-align: end;
    margin-top: 28px;
}

.about-us__header-image {
    max-width: 285px;
}

.about-us__catalog-link-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.about-us__catalog-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 28px;
    max-width: 290px;
}

.about-us__catalog-link-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 13px;
    gap: 10px;
    max-width: 146px;
    height: 40px;
    background: #9F91BB;
    box-sizing: border-box;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.about-us__catalog-link-button:hover {
    background: #B19CDD;
    text-underline: none;
    text-decoration: none;
}

.about-us__catalog-link-button:visited {
    color: #ffffff;
    text-decoration: none;
}

.about-us__catalog-link-text, .about-us__superiority__main-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 29px;
    color: #4B4B4C;
}

.about-us__info-wrapper {
    display: flex;
    gap: 165px;
}

.about-us__info-wrapper {
    margin-top: 78px;
}

.about-us__info {
    max-width: 257px;
}

.about-us__info-text {
    margin-top: 5px;
    line-height: 20px;
}

.about-us-text__paragraph:not(:first-child) {
    margin-top: 11px;
}

.grid-images {
    margin-top: 80px;
}

.grid-images .container {
    display: grid;
    grid-template-columns: 28.7% 17.9% 43.9%;
    grid-template-rows: 53.2% 1.1fr;
    row-gap: 54px;
    justify-content: space-between;
    grid-auto-flow: column;
    grid-template-areas:
    "crystal-1 crystal-2 crystal-3"
    "crystal-4 crystal-5 crystal-6";
    margin-top: 50px;
    margin-bottom: 50px;
}

.grid-images img {
    max-width: 100%;
}

.crystal-1 {
    grid-area: crystal-1;
}

.crystal-2 {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 37% 55%;
    row-gap: 14%;
    grid-auto-flow: row;
    grid-template-areas:
    "crystal-2_1"
    "crystal-2_2";
    grid-area: crystal-2;
    padding-left: 6px;
}

.crystal-2_1 {
    grid-area: crystal-2_1;
}

.crystal-2_2 {
    grid-area: crystal-2_2;
}

.crystal-2_2 {
    max-width: 79%;
}

.crystal-3 {
    grid-area: crystal-3;
}

.crystal-4 {
    grid-area: crystal-4;
    top: -15%;
}

.crystal-5 {
    grid-area: crystal-5;
    padding-left: 7px;
}

.crystal-2_1 img {
    max-width: 110%;
}


.crystal-5 img {
    max-width: 185%;
    top: 7%;
}

.crystal-6 {
    grid-area: crystal-6;
}


html, body, .container {
    height: 100%;
    margin: 0;
}


.container * {
    position: relative;
}

.crystal-6 img {
    position: absolute;
    right: 0;
    top: 7%;
    max-width: 54%;
}

.about-us-text {
    margin-top: 120px;
    position: relative;
    display: flex;
    justify-content: right;
    padding-right: 9%;
}

.about-us-text__wrapper {
    max-width: 706px;
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    color: #9F91BB;
}

.about-us-common {
    margin-top: 150px;
}

.superiority {
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
}

.superiority-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 30px;
    max-width: 265px;
}

.superiors {
    display: flex;
    flex-direction: column;
}

.superiors__superiority-wrapper {
    width: 394px;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
    box-sizing: border-box;
}

.superiors__superiority-header-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
    margin-top: 6px;
}

.superiors__superiority-header-description {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
    margin-top: 10px;
}

.superiors__row {
    display: flex;
    gap: 29px;
}

.superiors__row:not(:first-child) {
    margin-top: 45px;
}

.about_brand {
    margin-top: 150px;
    display: flex;
}

.about-brand__catalog-link-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 353px;
}

.about-brand__catalog-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about-brand__catalog-header {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 29px;
    color: #4B4B4C;
}

.about-brand__catalog-link-text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
}

.about_brand {
    position: relative;
}

.about_brand__images {
    display: flex;
    gap: 70px;
    margin-left: auto;
}

.about_brand__info {
    position: absolute;
    bottom: -74px;
    right: 180px;
    width: 214px;
    background: #6667AB;
    padding: 110px 81px 2px 24px;
    box-sizing: border-box;
}

.about-brand__info-text-header {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: normal;
    color: #FFFFFF;
}

.about-brand__info-text-collection {
    font-family: 'CeraPro', sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 14px;
}

.about-brand__info-text-code {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 4px;
}

.about-evoli-universe {
    display: flex;
    margin-top: 153px;
    gap: 25px;
}

.about-evoli-universe-video {
    margin-top: 15px;
}

.about-evoli-universe-paragraph {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4C;
}

.about-evoli-universe-paragraph:not(:first-child) {
    margin-top: 10px;
}

.evoli-tagline {
    margin-top: 150px;
    margin-bottom: 150px;
    display: flex;
    justify-content: space-around;
}

.evoli-tagline__text {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    color: #9F91BB;
}


@media screen and (max-width: 1199px) {
    .about-us__header-image {
        max-width: 260px;
    }

    .about-us__header-text-universe {
        text-align: start;
    }

    .about-us__catalog-link-wrapper {
        margin-top: 60px;
        flex-direction: column;
    }

    .about-us__catalog-text {
        max-width: 100%;
        margin-bottom: 60px;
    }

    .about-us__catalog-link-video, .about-evoli-universe__video {
        display: block;
        position: relative;
        margin-top: -0.6px;
        padding-bottom: 56.25%;
        max-width: 1240px;
    }

    .about-us__catalog-link-video iframe, .about-evoli-universe__video iframe {
        width: 100% !important;
        height: 100% !important;
        top: 0;
        position: absolute;
        left: 0;
    }

    .about-us__info-wrapper {
        justify-content: space-between;
        gap: inherit;
    }

    .about-us__info {
        max-width: 270px;
    }

    .grid-images .container {
        display: grid;
        row-gap: 34px;
        justify-content: space-between;
        grid-auto-flow: column;
        grid-template-areas:
    "crystal-1 crystal-2 crystal-3"
    "crystal-4 crystal-5 crystal-6";
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .about-us-text {
        padding: 0;
        justify-content: left;
        margin-top: 120px;
    }

    .about-us-text__wrapper {
        max-width: 100%;
    }

    .superiority {
        flex-direction: column;
        margin-top: 80px;
    }

    .superiority-text {
        max-width: 100%;
    }

    .superiors {
        margin-top: 32px;
    }

    .superiors__superiority-wrapper {
        width: 415px;
    }

    .about_brand {
        margin-top: 80px;
        flex-direction: column;
    }

    .about-brand__catalog-link-wrapper {
        max-width: 100%;
    }

    .about_brand__images {
        margin-top: 72px;
        margin-left: 0;
        gap: 0;
        justify-content: space-between;
    }

    .about_brand__info {
        right: 222px;
        width: 225px;
    }

    .about-evoli-universe {
        flex-direction: column-reverse;
    }

    .about-evoli-universe__video {
        display: flex;
        justify-content: space-around;

    }

    .about-evoli-universe__video iframe {
        width: 100%;
        height: auto;
    }

    .evoli-tagline {
        margin-top: 80px;
    }

    .size-color {
        flex-direction: column;
        margin-top: 80px;
    }

    .size-color-text {
        max-width: 100%;
    }

    .sizes-colors {
        margin-top: 32px;
    }

    .sizes-colors-wrapper {
        width: 368px;
    }
}

@media screen and (max-width: 899px) {
    .about-us__header-text {
        font-weight: 400;
        font-size: 45px;
        line-height: 39px;
        letter-spacing: -0.05em;
        color: #9F91BB;
    }

    .about-us__header-image {
        max-width: 115px;
    }

    .about-us__header-text-universe {
        margin-top: 9px;
    }

    .about-us__catalog-link-wrapper {
        margin-top: 40px;
    }

    .about-us__catalog-link-video iframe {
        width: calc(100% + 30px);
    }

    .about-us__info-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .about-us-text {
        margin-top: 85px;
    }

    .superiors__row {
        flex-direction: column;
    }

    .superiors__superiority-wrapper {
        max-width: 100%;
    }

    .about_brand__images {
        width: calc(100% + 15px);
        position: relative;
        left: -7px;
    }

    .about_brand__images img {
        max-width: 100%;
    }

    .about_brand__images-image_1 {
        max-width: 59%;
    }

    .about_brand__images-image_2 {
        max-width: 32%;
    }

    .about_brand__info {
        width: 29%;
        right: 21%;
        padding: 41px 30px 10px 9px;
        max-width: 225px;
        max-height: 20%;
    }

    .about-brand__info-text-header {
        font-weight: 400;
        font-size: 3vw;
        line-height: normal;
    }

    .about-brand__info-text-collection {
        font-size: 1.2vw;
        line-height: normal;
    }

    .about-brand__info-text-code {
        font-size: 1.2vw;
        line-height: normal;
    }

    .swarovski .swarovski-header {
        flex-direction: column;
    }
}

@media screen and (max-width: 399px) {
    .grid-images {
        width: calc(100% + 15px);
        display: flex;
        justify-content: space-around;
        position: relative;
        left: -7px;
    }

    .grid-images .container {
        display: grid;
        grid-template-columns: 41.9% 46.9%;
        grid-template-rows: 53.2% 1.1fr;
        row-gap: 34px;
        justify-content: space-between;
        grid-auto-flow: column;
        grid-template-areas:
    "crystal-1 crystal-2"
    "crystal-4 crystal-5";
        margin-top: 0;
        margin-bottom: 0;
    }

    .crystal-3, .crystal-6 {
        display: none;
    }

    .crystal-2 {
        grid-template-columns: 67%;
        grid-template-rows: 36% 55%;
        padding: 0;
    }

    .crystal-2_1 img {
        max-width: 100%;
    }

    .crystal-4 {
        top: -26%;
    }

    .crystal-5 {
        padding: 0;
        max-width: 90%;
    }

    .crystal-5 img {
        max-width: 100%;
    }

    .about-evoli-universe {
        gap: 30px;
    }

    .sizes-colors__row {
        flex-direction: column;
    }

    .sizes-colors-wrapper {
        width: auto;
        max-width: 415px;
    }
}

input.required-entry {
    margin: 0 6px 4px 0;
}

.checkout-agreement.field.choice {
    display: flex;
    align-items: center;
}

a.create span, a._mode-button span {
    color: #fff !important;
}

.size-color {
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
}

.size-color-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 30px;
    max-width: 265px;
}

.sizes-colors {
    display: flex;
    flex-direction: column;
}

.sizes-colors__row {
    display: flex;
    gap: 52px;
    max-width: 817px;
}

.sizes-colors-wrapper {
    width: 394px;
    background: #F5F5F5;
    padding: 20px;
}

.sizes-colors-list .sizes-colors__color, .sizes-colors-list .sizes-colors__size {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #4B4B4C;
    margin-top: 10px;
}

.sizes-colors-list .sizes-colors__color:hover, .sizes-colors-list .sizes-colors__size:hover {
    cursor: pointer;
    color: #9F91BB;
}

.colors-header {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 45px;
    color: #9F91BB;
}

.sizes-colors-list {
    display: flex;
    flex-direction: column;
}

.colors-pdf {
    font-family: 'CeraPro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #9F91BB;
}

.actions .stock {
    position: relative;
    display: block !important;
    margin-left: 11px
}

.actions .stock.available::before,
.actions .stock.unavailable::before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    left: -10px;
    top: 7px;
    border-radius: 50%;
}

.actions .stock.available::before {
    background: #83C489;
}

.actions .stock.unavailable::before {
    background: #E9636F;
}

#checkout .action.action-auth-toggle {
    padding: 12px 15px;
    background: #9F91BB;
    margin-top: -14px;
    color: #FFFFFF;
}

#checkout .action.action-auth-toggle:hover {
    background: #B19CDD;
    color: #FFFFFF;
}


.shipping-rates{
	vertical-align: middle;
}

.shipping-rates td, .shipping-rates td{
	padding:10px;
	vertical-align: middle;
}
.s-logo
{
	display: inline-block;
    vertical-align: middle;
	margin:10px 0 0;
}

.shipping-rates tr:nth-child(even) {
	background-color: #f2f2f2;
}

.shipping-rates strong{
	width:70px;
	display:inline-block;
	margin-right:10px;
	vertical-align: middle;
}

label[for="s_method_flatratethree_flatrate"] .price .price:after{
	content: "13.90 ";
    text-decoration: line-through;
	padding-left:5px; 
	color:#4B4B4C;
}

.table-checkout-shipping-method  .col-price{
	white-space:nowrap;
}

#flatrate_flatratethree + .col-price .price .price, label[for="s_method_flatratethree_flatrate"] .price .price{
	font-weight:bold;
	color:red;
}

#flatrate_flatratethree + .col-price .price .price:after{
	content: "13.90 ";
    text-decoration: line-through;
	padding-left:5px;
	font-weight:normal;
	color:#4B4B4C;
}

label[for="s_method_flatratetwo_flatrate"] .price .price, #flatrate_flatratetwo + .col-price .price .price {
	font-size:0;
}	

label[for="s_method_flatratetwo_flatrate"] .price .price:after, #flatrate_flatratetwo + .col-price .price .price:after{
	font-size:14px;
	content:'17.90';
}

#co-shipping-method-form .field label > span:after, .table-checkout-shipping-method .col-price > span:after{
	content:'(Excl. Tax)';
	padding-left:5px;
}

#co-shipping-method-form .field label span, .table-checkout-shipping-method .col-price span{
	vertical-align:top;
}

#html-body.page-layout-product-full-width.product-evoli-shop-gift-card .product-info-main {
	display:block;
}

#html-body.page-layout-product-full-width.product-evoli-shop-gift-card .product-options-wrapper{
	display:block;
	width:100%;
}


#html-body #maincontent a.action.primary, #html-body #maincontent a.action.primary:hover{
	color:#fff;
}

.checkout-index-index .payment-option.discount-code{
	background:#f5f5f5;
}

.checkout-index-index .payment-option.discount-code #block-discount-heading{
	font-size:16px;
	font-weight:bold;
}

#html-body .navigation .level0.nav-1 > .level-top, #html-body .navigation .level0.nav-1:hover > .level-top{
	color:red !important;
}

@media screen and (min-width: 639px) {

.checkout-index-index .form-shipping-address{
	margin-top:-40px;
}

}

.discount-promo{
	margin:20px 0;
	padding:10px;
	border:1px solid #ccc;
	font-weight:bold;
}

.discount-promo p, .discount-promo img, .discount-promo span{
	display:inline-block;
	vertical-align:middle;
}

.discount-promo img{
	margin-right:15px;
}

#html-body .price-final_price .old-price, 
#html-body.catalogsearch-result-index .price-final_price .old-price,
#html-body.page-layout-product-full-width .price-final_price .old-price{
	font-size:1.4rem;
	margin-top:0;
	vertical-align:top;
}

.btransfer-info, .btransfer-info + p{
	padding:10px;
	background:#f5f5f5;
}

.vidoe-overview-section{
	margin:20px 0;
}

.vidoe-overview-section h3{
	text-transform:uppercase;
	margin:0 0 20px;
}

.post-side-content-menu ul{
	list-style:none;
	padding-left:0;
}

#html-body #maincontent .post-side-content-menu ul li a{
	color:#9381B7;
}

.content-anchor{
	font-size:0;
	line-height:0;
}
.post-item-content h2, .post-item-content h3{
	margin-top:0;
}

.block-promo ul.info{
	list-style:none;
	margin-left:0;
	padding-left:0;
	margin-bottom:0;
}

@media screen and (min-width: 768px){
    .nav-sections .navigation .level0 .submenu{
		min-width:280px;
	}	
}


#stripe_stripe_checkout .payment-method-title {
    font-weight:bold;
}

.payment-option.discount-code{
	position:relative;
}

.discount-info{
   position: absolute;
   top: 55px;
   right: 0;
   max-width: 250px;
   font-size: 16px;
   font-weight:bold;
}
@media screen and (max-width: 1260px){
	.discount-info{
		position: relative;
        top: 0;
		left:0;
		max-width: 100%;
		margin-bottom:20px;
	}
}