/** Shopify CDN: Minification failed

Line 1772:61 Expected ":"

**/
body {
    font-family: "Poppins",sans-serif !important;
    color: #777;
    font-weight: 400;
    font-size: 16px !important
}

/* ---------------------------------------------------------------------------------------------------------------
   Base heading sizes for page templates only (this file is loaded when template == 'page').

   Deliberately kept at the top of the file: every scoped rule further down (.customwrap h2, .sc-header h1, ...) has
   the same or higher specificity and comes later, so those keep winning and existing page designs are untouched.

   The selectors carry more weight than a bare "h1" on purpose:
     - bootstrap.css loads AFTER this file and sets h1/h2/h3 to 36/30/24px, so an element selector alone would lose
     - theme.css styles page copy through ".rte h1" and ".h1", which also outrank a bare element selector
   --------------------------------------------------------------------------------------------------------------- */
body h1,
.rte h1,
.text-container h1,
.h1 {
    font-size: 42px
}

body h2,
.rte h2,
.text-container h2,
.h2 {
    font-size: 30px
}

body h3,
.rte h3,
.text-container h3,
.h3 {
    font-size: 24px
}

/* Breathing room around headings in page copy.

   Scoped to the page content wrappers (.rte / .text-container) rather than to bare h1/h2/h3, so the legacy blocks
   further down this file (.customwrap, .trndcnt, .top-icons, ...) keep the margins they set for themselves. Those
   selectors weigh the same as these and sit later in the file, so they still win.

   !important is required, not defensive: theme.css line 90 carries a global
       h1:first-child, h2:first-child, ... { margin-block-start: 0 !important }
   plus the matching :last-child rule for margin-block-end. Page copy coming out of the editor usually wraps each
   heading in its own element, which makes every heading a :first-child and silently zeroed the margins below.
   An !important declaration can only be beaten by another !important one. */
.rte h1,
.rte .h1,
.text-container h1,
.text-container .h1 {
    margin-block: 56px 24px !important
}

.rte h2,
.rte .h2,
.text-container h2,
.text-container .h2 {
    margin-block: 48px 20px !important
}

.rte h3,
.rte .h3,
.text-container h3,
.text-container .h3 {
    margin-block: 40px 16px !important
}

/* A heading that really does open the content block should not push it away from whatever sits above. Higher
   specificity than the rules above, so it still wins now that those are !important too. */
.rte > h1:first-child,
.rte > h2:first-child,
.rte > h3:first-child,
.text-container > h1:first-child,
.text-container > h2:first-child,
.text-container > h3:first-child {
    margin-block-start: 0 !important
}

h1 {
    font-weight: 600
}

h2 {
    font-weight: 500
}

h3 {
    font-weight: 400
}

h4 {
    font-weight: 300
}

.navigation ul.container .level0>a {
    font-weight: 300
}

.btn {
    font-family: "Poppins",sans-serif !important;
    color: #777;
    font-weight: 500
}

h1,h2,h3,h4 {
    color: #2f2f2f
}

.header .top-header-content a,.header .top-header-content button {
    color: #ff7ac7;
    font-size: 14px
}

.header .top-header-content a:hover {
    color: #fff
}

.header .nav.nav-main-menu>li>a {
    font-size: 17px;
    padding-top: 14px;
    padding-bottom: 0;
    font-weight: 600
}

.header .nav.nav-main-menu>li>a:hover {
    color: #ff7ac7
}

.video-banner h5 {
    font-size: 20px
}

body .btn-default2:hover,body .btn-default2:focus,body .btn-default2:active {
    background-color: #ff7ac7 !important;
    border-color: #ff7ac7 !important
}

.video-banner .btn {
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 4px;
    height: auto;
    background-color: #fff !important;
    color: #2f2f2f
}

.video-banner .btn:hover {
    color: #fff !important
}

.btn.btn-promo-banner {
    font-size: 21px;
    font-weight: 600;
    border-radius: 30px;
    color: #2f2f2f;
    text-transform: uppercase;
    padding: 10px 42px;
    min-width: 275px
}

.btn.btn-promo-banner:hover {
    color: #fff
}

.checkout-cart-index .cart.main.actions button.action.update.btn.btn-default {
    color: #222
}

.checkout-cart-index .cart.main.actions button.action.clear.btn.btn-primary {
    color: #fff
}

.checkout-cart-index .cart.main.actions button.action.update.btn.btn-default:hover {
    color: #fff
}

.header .top-header-content {
    background: #fff
}

.top-header-content .col-md-12 {
    padding: 0
}

.header .table-icon-menu>div {
    padding: 29px 12px 6px 0;
    color: #fff
}

.header .top-header-content .top-middle-header {
    font-size: 14px;
    background-color: #5761ff;
    padding: 5px 0;
    color: #fff
}

.customwrap {
    padding: 29px 0;
    text-align: center
}

.customwrap h2 {
    color: #3e3e3e;
    font-family: "hamillton" !important;
    font-size: 62px;
    margin-bottom: 70px;
    font-weight: 400
}

.customwrap h1 {
    font-size: 30px;
    margin-bottom: 30px
}

.customwrap h3 {
    font-size: 24px;
    margin-bottom: 30px
}

.customwrap .imgwrap img {
    max-height: 70px
}

.customwrap .row h3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 11px;
    color: #ff7ac7
}

.customwrap .row p {
    line-height: normal;
    font-size: 15px
}

.trndcnt {
    text-align: center
}

.trndcnt h2 {
    font-size: 30px;
    margin-bottom: 19px;
    color: #ff7ac7
}

.trndcnt p {
    color: #2f2f2f;
    font-size: 22px;
    line-height: normal
}

.trndcnt .titlewrap h2 {
    color: #3e3e3e;
    font-family: "hamillton" !important;
    font-size: 72px;
    margin-bottom: 42px;
    font-weight: 400
}

.trndcnt .row {
    text-align: left
}

.trndcnt .row h3 {
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 13px;
    color: #ff7ac7;
    text-transform: uppercase
}

.trndcnt .row p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 20px
}

.whatwedo {
    margin-bottom: 40px;
    text-align: center
}

.whatwedo h3 {
    color: #3e3e3e;
    font-family: "hamillton" !important;
    font-size: 72px;
    margin-bottom: 30px;
    font-weight: 400
}

.whatwedo img {
    width: 100%
}

.n1 .promobanner .btn.btn-promo-banner {
    color: #ff7ac7
}

.n2 .promobanner .btn.btn-promo-banner {
    color: #ff7f6d
}

.n3 .promobanner .btn.btn-promo-banner {
    color: #5761ff
}

.n1 .promobanner .btn.btn-promo-banner:hover,.n2 .promobanner .btn.btn-promo-banner:hover,.n3 .promobanner .btn.btn-promo-banner:hover {
    color: #fff
}

.review h2 {
    color: #3e3e3e;
    font-size: 60px;
    margin-bottom: 30px;
    font-weight: 400;
    text-align: center;
    line-height: normal
}

.review {
    margin-top: 29px
}
.businesswrap h1.MobOnly{
    display: none;
}

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

.brand .container {
    width: 100% !important
}

.video-banner h2 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 400
}

.video-banner .loaded+.text {
    z-index: 99
}

.video-banner .loaded+.text {
    z-index: 9
}

#video-background.loaded>img {
    display: none !important
}

.video-banner .text:after {
    display: none
}

.video-banner .text {
    background-size: cover !important;
    background-position: center !important
}

.video-banner:after {
    display: none
}

#video-background.loaded:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    top: 0;
    background-color: #000;
    opacity: .4
}

.video-banner .text {
    padding-top: 273px;
    padding-bottom: 273px
}

.whatwedo ul {
    display: flex;
    flex-wrap: wrap
}

.whatwedo ul li {
    width: 16.66%;
    background: #000
}

.whatwedo ul li img {
    width: 100%;
    opacity: .9
}

.whatwedo ul li:hover img {
    opacity: 1
}

.MobOnly {
    display: none
}

.businesswrap .large-text {
    color: #2f2f2f;
    font-size: 40px;
}

.cms-business-signs-logo- .release+div {
    margin-bottom: 20px;
    margin-top: 20px;
}

.businesswrap .bfb-file-insert .fa-cloud-upload.bfb-element-icon {
    color: #ff0e41 !important;
    text-shadow: 0px 3px 5px rgba(0,0,0,.5);
    font-size: 44px !important;
    margin-top: 10px
}

.businesswrap .block.bfb .bfb-element .bfb-element-file .bfb-file-insert {
    border: 1px dashed #c6c6c6;
    background: #fff;
    text-align: center;
    position: relative
}

p.altp {
    clear: left
}

p.altp a {
    font-size: 16px
}

.businesswrap .static-in-box .in-box1 {
    background-image: linear-gradient(to right,#fd6659,#f92988)
}

.businesswrap .static-in-box .col-md-12 {
    font-size: 17px
}

.static-in-box .col-md-12 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 12px 25px;
    margin-top: -5px
}

.static-row1 .static-in-box {
    border: none;
    width: 100%;
    min-height: 765px;
    margin-bottom: 20px
}

.businesswrap .static-in-box p {
    margin: 15px !important
}

.businesswrap {
    color: #222
}

.businesswrap .montageWrap {
    position: relative
}

.businesswrap .BsMontage img {
    width: 16.61%;
    margin-top: -4px
}

.businesswrap .montageWrap span {
    position: absolute;
    top: 41%;
    left: 0;
    margin: auto;
    z-index: 2;
    right: 0;
    text-align: center
}

.businesswrap .montageWrap span img {
    margin: 0
}

.businesswrap .BusinesH2Top {
    color: #aaa;
    margin-top: 0
}

.businesswrap .static-in-box .col-md-12 {
    font-size: 17px
}

.businesswrap .static-row1 .col-md-3 {
    padding-right: 0;
    margin-bottom: 20px;
    float: left
}

.businesswrap .static-in-box p {
    margin: 15px !important;
    float: left;
    width: calc(100% - 30px);
    font-size: 20px;
    text-align: center
}

.businesswrap .static-row1 .static-in-box {
    height: auto;
    min-height: 0;
    float: left;
    width: 100%
}

.businesswrap .static-row1 .static-in-box img {
    height: 254px !important;
    width: 100% !important;
    object-fit: cover
}

.businesswrap .block.bfb .bfb-element .bfb-element-file .bfb-file-insert {
    border: 1px dashed #c6c6c6;
    background: #fff
}

.businesswrap .WordSection1 h2 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 34px
}

.businesswrap .WordSection1 h2 span {
    color: #666;
    font-size: 20px
}

.businesswrap .WordSection1 h2.cM {
    font-size: 40px;
    display: block;
    clear: both;
    text-align: center;
    padding-top: 32px
}

.businesswrap .WordSection1 h2.cM span {
    font-size: 36px
}

.businesswrap .WordSection1 .col-md-6 p {
    margin-bottom: 15px !important;
    text-align: justify;
    font-size: 18px
}

.businesswrap .gradiantbox {
    padding: 25px 0
}

.businesswrap .gradiantbox .col-md-4 p {
    color: #fff;
    font-size: 22px;
    text-shadow: 1px 1px 1px #5a5a5a;
    text-align: left;
    margin: 10px 0 !important
}

body p.altp {
    max-width: 900px
}

.businesswrap .bfb-element-submit button {
    margin: 0 !important;
    background-image: linear-gradient(to right,#fd6659,#f92988);
    border: none !important
}

.businesswrap p {
    font-size: 16px !important
}

.businesswrap .form_heading h2 {
    text-align: center;
    font-size: 2.2rem !important
}

.businesswrap .form_heading h3 {
    text-align: center;
    margin-top: 10px;
    font-size: 34pt;
    font-weight: 400
}

.businesswrap .bfb-form .bfb-submit1 {
    display: block !important;
    margin: 10px auto !important;
    width: 50% !important;
    background: #000;
    border-radius: 10px !important;
    font-size: 28px
}

.businesswrap .bfb-form .bfb-submit1:hover {
    background-color: #444 !important;
    text-shadow: 0px 2px 3px #000
}

.businesswrap .bfb-form .bfb-submit1:focus {
    background-color: #ff7ac7 !important
}

.businesswrap .bfb-form .bfb-submit2 {
    display: block;
    margin: 0 auto !important;
    width: 50% !important;
    padding: 5px !important;
    font-size: 24px;
    background-color: #ff7ac7;
    background-image: none
}

.businesswrap .bfb-form #consubmit2 .bfb-submit2 {
    display: block;
    margin: 0 auto !important;
    width: 50% !important;
    padding: 5px !important;
    font-size: 24px;
    background-color: #ff7ac7;
    background-image: none
}

.businesswrap .bfb-form #consubmit2 .bfb-submit2:hover {
    background-color: #ff7ac7 !important;
    text-shadow: 0px 2px 3px #000
}

.businesswrap .bfb-form #consubmit2 .bfb-submit2:focus {
    background-color: #000 !important
}

.businesswrap .bfb-file-insert .fa-cloud-upload.bfb-element-icon {
    color: #9b9a9b !important;
    font-size: 44px !important;
    margin-top: 10px
}

.businesswrap .block.bfb .bfb-element .bfb-element-file .bfb-file-insert {
    border: 1px dashed #c6c6c6;
    background: #fff;
    padding: 50px 0 !important;
    position: relative
}

.businesswrap .parallax {
    height: 650px;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    margin-left: calc(-50vw + 50%)
}

.businesswrap .static-in-box .in-box1 {
    background-image: none;
    background-color: #ffdf00
}

.businesswrap .static-in-box .col-md-12 {
    color: #fff;
    text-align: center;
    font-size: 22px !important;
    padding: 10px 25px;
    margin-top: -5px
}

.businesswrap .static-in-box .in-box1 {
    background-image: none;
    background-color: #5761ff !important
}

.businesswrap .static-row1 {
    margin-right: 0;
    clear: both
}

.businesswrap .static-row1 .static-in-box p {
    text-align: justify;
    width: auto;
    margin: 15px 0 !important
}

.cms-page-view .column.main .businesswrap h2 {
    font-size: 3rem
}

.businesswrap .extra-links {
    background-color: #ff7ac7;
    color: #fff;
    padding: 20px 0
}

.businesswrap .extra-links p {
    color: #fff;
    font-size: 16px !important
}

.businesswrap .icon-area div {
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,.1);
    text-align: center;
    padding: 40px 20px;
    width: 23%;
    margin: 0 1%;
    min-height: 360px
}

.businesswrap .icon-area div p {
    margin-top: 20px
}

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

    .cms-page-view .column.main .businesswrap .form_heading h2 {
        display:none
    }

    .cms-page-view .column.main .businesswrap h3 {
        font-size: 20px
    }

    .businesswrap .bfb-form .bfb-submit1,.businesswrap .bfb-form .bfb-submit2 {
        width: 100% !important;
        font-size: 18px
    }

    .businesswrap .icon-area div {
        width: 98%;
        margin: 0 1% 10px
    }

    .middle-footer .container .row .col-lg-3:nth-child(2) {
        margin-top: 102px
    }

}

.catalog-product-view .product.info.detailed.after-content .gradDynamic:after,.catalog-product-view .product.info.detailed.after-content .gradDynamic:before {
    display: none
}

.product.info.detailed .item.content .table.additional-attributes tr td,.product.info.detailed .item.content .table.additional-attributes tr th {
    border: none
}

.catalog-product-view .product-data-items-content .col-md-6.attr-md-left {
    width: 100%;
    margin-left: -2%;
    display: flex;
    flex-wrap: wrap
}

.col-md-6.attr-md-left p {
    width: 48%;
    float: left;
    margin-left: 2%
}

.col-md-6.attr-md-left p:first-child {
    width: 100%;
    float: left;
    display: none
}

.catalog-product-view .product-data-items-content .col-md-6.attr-md-left br {
    display: none
}

.product.info.detailed {
    margin-bottom: 50px
}

body .header .search-form .form-search {
    background: rgba(0,0,0,.5)
}

.header .search-form .form-search .form.minisearch .input-text {
    margin-top: -13px
}

.header .search-form .form-search .form.minisearch input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1
}

.header .search-form .form-search .form.minisearch input:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1
}

.header .search-form .form-search .form.minisearch input:placeholder {
    color: #fff !important;
    opacity: 1
}

.header .search-form .form-search .form.minisearch .input-text {
    border-bottom: 1px solid #fff
}

.header .search-form .form-search .form.minisearch #mpsearch-category {
    color: #000;
    min-width: 150px
}

.products-list .product-item-info .product-item-details .actions-link .action.tocart .icon {
    display: none
}

.row {
    clear: both
}

body.cms-page-view .large-text {
    font-size: 36px !important
}

.cms-page-view .column.main h2.BusinesH2Top,.cms-page-view .column.main .form_heading h2 {
    color: #222
}

.cms-page-view .row.static-row1 h2 b {
    font-weight: 400
}

.cms-page-view .row.static-row1 p {
    font-size: 20px
}

.cms-page-view .page-main.container {
    max-width: 1400px
}

.cms-page-view .row.static-row1 {
    margin-bottom: 40px
}

table>tfoot>tr>td {
    padding: 11px 9px
}

.swatch-attribute.size .mageworx-swatch-option.text {
    min-width: 141px
}

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

    .cms-page-view .page-main.container {
        max-width:1200px
    }

}

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

    .header .top-header-content a,.header .top-header-content button {
        font-size:11px
    }

    .header .top-header-content .top-middle-header {
        font-size: 11px
    }

}

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

    .header .top-header-content .top-middle-header {
        text-align: center
    }

    .header .top-custom-link ul li+li {
        margin-left: 0;
        width: 100%;
        padding-top: 0
    }

    .cms-page-view .page-main.container {
        max-width: 970px
    }

}

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

    .cms-page-view .page-main.container {
        max-width:750px
    }

    .businesswrap .gradiantbox {
        min-height: 130px
    }

    .whatwedo h3,.trndcnt .titlewrap h2,.review h2,.customwrap h2 {
        font-size: 34px
    }

    .trndcnt .row h3 {
        font-size: 23px
    }

    .trndcnt h2 {
        font-size: 30px;
        line-height: normal
    }

    .trndcnt p {
        font-size: 20px
    }

    .DskOnly {
        display: none !important
    }

    .MobOnly {
        display: block
    }

    .release {
        display: none
    }

    .businesswrap .BusinesH2Top {
        margin-bottom: 20px
    }

}

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

    .header .search-form .form-search .form.minisearch .input-text {
        padding-right: 100px
    }

    .col-md-6.attr-md-left p {
        width: 100%
    }

    .catalog-product-view .product.info.detailed.after-content .gradDynamic h2 {
        padding: 0 20px
    }

    .DskOnly {
        display: none !important
    }

    .MobOnly {
        display: block
    }

    .header .top-custom-link ul li+li {
        width: auto;
        padding-top: 14px;
        margin-left: 10px
    }

    .header .top-header-content .top-middle-header {
        font-size: 12px
    }

    .header .top-header-content a,.header .top-header-content button {
        font-size: 13px
    }

    .video-banner .text h2 {
        font-size: 30px !important;
        line-height: normal
    }

    .video-banner .btn {
        font-size: 14px;
        margin-bottom: 13px
    }

    .customwrap h3 {
        font-size: 18px
    }

    .whatwedo h3,.trndcnt .titlewrap h2,.review h2,.customwrap h2 {
        font-size: 20px;
        margin-bottom: 17px
    }

    .review h2 {
        font-size: 34px
    }

    .customwrap h2 {
        font-size: 30px
    }

    .header .top-header-content .top-custom-link ul li a {
        font-size: 14px
    }

    .trndcnt h2 {
        font-size: 24px
    }

    .whatwedo ul li {
        width: 33.33%
    }

    .businesswrap .bfb-form .bfb-submit2,.businesswrap .bfb-form .bfb-submit1 {
        max-width: 100%
    }

    .whatwedo ul li img {
        opacity: 1
    }

    .video-banner h5 {
        font-size: 26px
    }

}

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

    body.wide .container {
        width:1400px
    }

}

.swatch-attribute.size .mageworx-swatch-option.text {
    font-size: 13px;
    margin-right: 10px;
    border-radius: 15px;
    border: 2px solid #fff !important
}

.swatch-attribute.size .mageworx-swatch-option.text.selected {
    border-radius: 15px;
    outline: none;
    border: 2px solid #ff7ac7 !important
}

.swatch-attribute.size .mageworx-swatch-option.text:not(.disabled):hover {
    border-radius: 15px;
    outline: none;
    border: 2px solid #ff7ac7 !important
}

.accordion-primary .acc {
    display: flex;
    flex-wrap: wrap;
    text-align: left
}

.accordion-primary .faqgroup {
    display: block;
    width: 100%;
    margin-top: 25px
}

.accordion-primary .faqgroup img {
    display: block;
    margin: 0 auto 20px
}

.cms-page-view .column.main .accordion-primary .faqgroup h2 {
    font-size: 2.8rem !important;
    margin-bottom: 20px
}

.accordion-primary.accordion-small .acc {
    margin-left: -5px;
    margin-right: -5px
}

.accordion-primary .my-faq-item {
    margin-bottom: 25px
}

.accordion-primary.accordion-full .my-faq-item {
    width: 100%
}

.accordion-primary.accordion-small .my-faq-item {
    padding: 0 5px
}

.accordion-primary .my-faq-item .header {
    padding: 5px 0;
    cursor: pointer;
    position: relative !important;
    padding-right: 30px;
    box-shadow: none !important;
    z-index: 995 !important
}

.accordion-primary .my-faq-item .header h3 {
    font-weight: 400 !important;
    font-size: 18px
}

.accordion-primary .my-faq-item .header .arrow {
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ddd;
    width: 5px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.accordion-primary .my-faq-item .header.active .arrow {
    transform: rotate(-180deg)
}

.accordion-primary .my-faq-item .header i {
    font-size: 30px;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 12px;
    line-height: 10px;
    margin-top: -6px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    color: #999
}

.accordion-primary .my-faq-item .header.active i {
    transform: rotate(-180deg)
}

.accordion-primary .my-faq-item .body {
    display: none;
    padding: 15px;
    border-top: 0
}

.accordion-primary .my-faq-item .body ul {
    list-style: inherit;
    padding-left: 25px;
    line-height: 1.2em
}

.accordion-primary .my-faq-item .body ul li {
    margin-bottom: 10px
}

.release {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw;
    margin-top: 15px;
    margin-bottom: 10px;
    display: block
}

.whatwedo.businessw ul {
    padding: 0 !important;
    list-style: none !important
}

.whatwedo.businessw ul li {
    width: 14.28%;
    list-style: none !important
}

.whatwedo.businessw ul li img {
    opacity: 1
}

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

    .whatwedo.businessw ul li {
        width:33.3333%
    }

}

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

    .whatwedo.businessw ul li {
        width:33.3333%
    }

}

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

    .header .nav.nav-main-menu>li>a {
        padding: 19px 13px
    }

}

.icon-service .text h6 {
    font-size: 16px;
    font-weight: 400
}

.catalog-product-view .icon-service>.text>p {
    max-width: none
}

* {
    padding: 0
}

*:focus,*:active {
    outline: none !important
}


.btn:hover,.btn:focus,.btn:active {
    color: #fff;
    border-color: #5761ff !important;
    background-color: #5761ff !important
}

.btn-default2:hover,.btn-default2:focus,.btn-default2:active {
    color: #fff;
    border: 2px solid #5761ff !important;
    background-color: #5761ff !important
}

.header .top-header-content a:hover,.header .top-header-content button:hover,.header .top-header-content a:focus,.header .top-header-content button:focus {
    color: #5761ff !important
}

.header .dropdown-switcher .dropdown-menu li>a:hover {
    color: #5761ff !important
}

.header .dropdown-toplinks .dropdown-toggle:hover {
    color: #5761ff !important
}

.header .header-wl a:hover {
    color: #5761ff !important
}

.header .search-form .actions-search .action-search:hover {
    color: #5761ff !important
}

.header .search-form.select-search .form-search .form.minisearch .search-select .dropdown-menu li a:hover {
    background: 0 0;
    color: #5761ff !important
}

.btn.btn-promo-banner:hover,.btn.btn-promo-banner:focus {
    color: fff;
    background-color: #5761ff !important;
    border-color: #5761ff !important
}

.order-details-items .table-wrapper tfoot tr.grand_total th strong,.order-details-items .table-wrapper tfoot tr.grand_total td strong {
    font-size: 20px;
    color: #5761ff !important
}

.customer-review.view .review-details .review-date {
    font-style: italic;
    color: #5761ff !important
}

.header.header10 .search-form .actions-search .action-search:hover:before,.header.header10 .dropdown-toplinks .dropdown-toggle:hover:before,.header.header10 .header-wl a:hover:before,.header.header10 .minicart-wrapper .action.showcart:before:hover:before,.header.header10 .search-form .actions-search .action-search:active:before,.header.header10 .dropdown-toplinks .dropdown-toggle:active:before,.header.header10 .header-wl a:active:before,.header.header10 .minicart-wrapper .action.showcart:before:active:before {
    color: #5761ff !important
}

.header.header10 .minicart-wrapper .action.showcart:hover:before,.header.header10 .minicart-wrapper .action.showcart:active:before {
    color: #5761ff !important
}

body.dark .page-wrapper .header .navigation .nav-main-menu li.mega-menu-fullwidth>ul.dropdown-menu .mega-menu-sub-title:hover:focus,body.dark .page-wrapper .header .navigation .nav-main-menu li>ul.dropdown-menu a:focus {
    color: #5761ff !important
}

body.dark .page-wrapper .header .navigation .nav-main-menu li.mega-menu-fullwidth>ul.dropdown-menu .mega-menu-sub-title:hover:hover,body.dark .page-wrapper .header .navigation .nav-main-menu li>ul.dropdown-menu a:hover {
    color: #5761ff !important
}

body.dark .header .search-form .actions-search .action-search:focus,body.dark .header .minicart-wrapper .action.showcart:focus,body.dark .header a:focus,body.dark .header button:focus,body.dark .header .top-header-content a:focus,body.dark .header .top-header-content button:focus,body.dark .header .dropdown-toplinks .dropdown-toggle:focus,body.dark .page-wrapper .header .nav.nav-main-menu>li>a:focus {
    color: #5761ff !important
}

body.dark .header .search-form .actions-search .action-search:hover,body.dark .header .minicart-wrapper .action.showcart:hover,body.dark .header a:hover,body.dark .header button:hover,body.dark .header .top-header-content a:hover,body.dark .header .top-header-content button:hover,body.dark .header .dropdown-toplinks .dropdown-toggle:hover,body.dark .page-wrapper .header .nav.nav-main-menu>li>a:hover {
    color: #5761ff !important
}

body.dark .page-wrapper .header .nav-main-menu li>a:focus,body.dark .header ul.social-link li a:focus {
    color: #5761ff !important
}

body.dark .page-wrapper .header .nav-main-menu li>a:hover,body.dark .header ul.social-link li a:hover {
    color: #5761ff !important
}

body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu li a:not(.no-display):focus {
    color: #5761ff !important
}

body.dark .page-wrapper .header .dropdown-toplinks .dropdown-menu li a:not(.no-display):hover {
    color: #5761ff !important
}

.header.header12 .bottom-header-content .nav-main-menu li.active a {
    color: #5761ff !important
}

@media only screen and (max-width: 1200px) and (min-width:320px) {

    ol.products.list.items.product-items.row.row-col-lg-4 li.item.product {
        width:49%;
        display: inline-block !important;
        vertical-align: text-top;
        float: none !important
    }

}

.catalog-category-view #product-wrapper ol.products.list.items.product-items.row.row-col-lg-4 li.item.product {
    display: inline-block;
    vertical-align: top;
    float: unset !important
}

.catalogsearch-result-index .column.main.col-lg-9.col-md-9.col-sm-12.col-xs-12.pull-right .item.product {
    clear: unset !important
}

.catalogsearch-result-index .column.main.col-lg-9.col-md-9.col-sm-12.col-xs-12.pull-right {
    width: 100% !important
}

.seo-review-block {
    background: #f3f3f3;
    color: #4e4e4e;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 21px;
    border: 1px solid #5761ff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 10px;
}

.seo-review-content {
    padding: 30px 55px 0;
    position: relative
}

.seo-review-content p:after {
    content: "";
    background-image: url(/cdn/shop/files/right-quote-sign.png?v=1786611158);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    bottom: -7px;
    right: -15px;
    z-index: 999;
    position: relative;
    background-position: center;
    background-size: cover;
    display: inline-block;
    opacity: .5
}

.seo-review-content p:before {
    content: "";
    background-image: url(/cdn/shop/files/right-quote-sign.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 20px;
    left: 15px;
    z-index: 999;
    position: absolute;
    background-position: center;
    background-size: cover;
    transform: rotate(180deg);
    opacity: .5
}

.seo-review-bottom {
    padding: 10px 0 5px;
    text-align: center;
    margin-top: 15px;
    color: #5761ff
}

.seo-review-block .seo-review-bottom p,.seo-review-block .seo-review-bottom p a {
    font-size: 18px;
    padding-left: 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #5761ff !important;
    text-align: center
}

.seo-review-block.pink {
    border: 1px solid #ff7ac7
}

.seo-review-block.pink .seo-review-bottom {
    color: #ff7ac7
}

.seo-review-block.pink .seo-review-bottom p,.seo-review-block.pink .seo-review-bottom p a {
    color: #ff7ac7 !important
}

.section4 {
    margin: 0
}

.section4 img {
    width: 20% !important;
    float: left
}

.widget .usp-icons.row p {
    margin: 20px 0 30px;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    color: #2f2f2f
}

.top-icons h1 {
    font-size: 46px;
    margin: 25px 0 40px;
    font-weight: 400;
    text-align: center
}

.top-icons .row p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #2f2f2f;
    margin: 20px 0 30px
}


.review h2,.instagram h2 {
    font-size: 40px !important;
    text-align: center;
    margin-bottom: 0;
    font-weight: 400
}

iframe {
    border-radius: 10px
}

.section-text-block h3 {
    margin-bottom: 10px;
    font-weight: 400 !important;
    font-size: 26px
}

.section-text-block h3 span {
    font-size: 22px
}

.section-text-block p {
    font-size: 14px;
    line-height: 24px;
    color: #2f2f2f
}

.section-text-block img {
    width: 100%
}

.section-text-block p a {
    color: #5761ff
}

h2.font-normal {
    font-weight: 400;
    text-align: center
}

.businesswrap .top-icons .text p {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 30px;
    color: #2f2f2f;
    margin: 20px 0 30px;
    text-align: left
}

.businesswrap .top-icons .text p a {
    color: #5761ff
}

.businesswrap .top-icons h1 {
    margin: 0
}

.link-blocks .col-lg-3 .col-md-12 {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    color: #5761ff;
    background: #f2f2f2;
    font-size: 20px;
    min-height: 120px;
    margin: 15px 0;
    display: flex;
    align-items: center
}

.link-blocks a {
    display: contents;
    color: #5761ff
}

body.cms-page-view .large-text {
    font-size: 40px !important;
    line-height: normal
}

body.cms-page-view .large-text span {
    font-size: 32px !important
}

.customwrap {
    margin: 50px 0
}

.customwrap .row h3 {
    color: #2f2f2f
}

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

    .section4 img {
        width:25% !important;
        float: left
    }

    .top-icons h1 {
        font-size: 32px !important;
        line-height: 44px !important;
    }

    .link-blocks .col-lg-3 .col-md-12 {
        font-size: 16px
    }

    .section-text-block .margin-right35,.section-text-block .margin-left35 {
        margin-left: 0;
        margin-right: 0
    }

    .top-icons h1 span {
        visibility: hidden
    }

    .top-icons h1 span:after {
        content: "\A ";
        white-space: pre
    }

    .top-icons h1 {
        font-size: 32px !important
    }

}

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

    .section4 img {
        width:50%;
        float: left
    }

}

@media (max-width: 768px) {

    .container-wrap {
        display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .container-wrap .section-text-block {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .container-wrap .embedded-form {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

}

.showcase-container {position: relative;max-width: 1374px;margin: 25px auto;}
.showcase-container a {color: #fff;text-decoration: none;}
.showcase-container img {width: 100%;height: auto;}
.showcase-container .showcase-main {position: relative;display: grid;grid-template-columns: repeat(3, 1fr);}
.showcase-container .view {margin: 4px;float: left;overflow: hidden;position: relative;text-align: center;
background-repeat: no-repeat;background-position: center;background-size: contain;
-webkit-box-shadow: 4px 4px 4px #e6e6e6;-moz-box-shadow: 4px 4px 4px #e6e6e6;box-shadow: 4px 4px 4px #e6e6e6;
}
.showcase-container .showcase-main .view.pink {background-image: url(/media/wysiwyg/bgimg1.png);}
.showcase-container .showcase-main .view.blue {background-image: url(/media/wysiwyg/bgimg2.png);}
.showcase-container .showcase-main .view.salmon {background-image: url(/media/wysiwyg/bgimg3.png);}

.showcase-container .view .mask {position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;
transition: all 0.5s linear;opacity: 0;
}

.showcase-container .view img {display: block;position: relative;-webkit-transform: scaleY(1);-moz-transform: scaleY(1);
-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;
}

.businesswrap .showcase-container .view p.view-text {position: absolute;bottom: 40px;left: 0;width: 100%;
font-size: clamp(1.75rem, 2.5vw, 2rem) !important; text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.8);
color: #fff;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;-o-transition: all 0.25s linear;z-index: 99;
}

.showcase-container .view .mask h2 {
text-transform: uppercase;color: #fff;text-align: center;font-weight: 400;color: #333;width: 100%;position: relative;
font-size: clamp(1.45rem, 3vw, 2rem);padding: 30% 0 0;background: transparent;-webkit-transform: scale(0);-moz-transform: scale(0);
-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;opacity: 0;
}

.showcase-container .view .info-container {
position: absolute;bottom: 15px;left: 0;width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.showcase-container .view .mask p {
font-size: 15px;position: relative;color: #fff;padding: 20px;text-align: center;color: #333;opacity: 0;
-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;transition: all 0.5s linear;}

.showcase-container .view .mask a.info {
display: inline-block;text-decoration: none;padding: 7px 14px;background: #5761ff;color: #fff;letter-spacing: 0.25em;text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;-moz-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;border-radius: 7px 7px 7px 7px;-webkit-transform: scale(0);
-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;opacity: 0;
}

.showcase-container .view .mask a.info::hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
.showcase-container .view:hover img {-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);transform: scale(10);opacity: 0;}
.showcase-container .view:hover .view-text {opacity: 0;}
.showcase-container .view:hover .mask {opacity: 1;}
.showcase-container .view:hover .mask h2,
.showcase-container .view:hover .mask p,
.showcase-container .view:hover .mask a.info {
-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

/* Media Queries */

@media (max-width: 768px) {
.showcase-container .showcase-main {    grid-template-columns: repeat(2, 1fr);}
.showcase-container .view .mask h2,
.showcase-container .view .view-text {    font-size: clamp(1.45rem, 4vw, 2rem);}
}

@media (max-width: 576px) {
.showcase-container .showcase-main {    grid-template-columns: 1fr;}
.showcase-container .view h2,
.showcase-container .view .view-text {    font-size: clamp(1.45rem, 6vw, 2rem);}
}

.section.page-width-content{
    display: block;
}
/* Page templates only (this file is not loaded anywhere else), so the page body runs the full width of its section.
   theme.css caps .page-content at 1400px and the ".page-content--small / --medium" modifiers narrow it further, so
   max-width is reset here as well - dropping the padding alone would not have widened anything. */
.page-content{
    max-width: none;
    padding: 0;
}

a{text-decoration: none !important;}
.showcase_breadcrumb{display: inline; position: absolute; top: -40PX; LEFT: 74px;z-index:9}.breadcrumbs .items li strong{margin-left: 122px;}.showcase_breadcrumb::after{color: #878787;font-family: "FontAwesome";  content: "\f105"; padding: 0 4px; font-size:13px;}.showcase_breadcrumb a{font-size:13px;color:#222} .showcasewrap .sc-header h2{text-transform: uppercase;}

.showcase-action p{margin-top:15px}
.showcase-action p a{color:#5761ff}
body.cms-page-view .showcase-action p.name{font-size:20px !important;margin-bottom:25px}
.showcase-action p.name small{margin-top: -10px;position: absolute;font-size: 14px;color: #666;}
.showcasewrap{ color: #222;}
.showcasewrap iframe{height:760px; margin-bottom:40px}
.sc-header h1 { font-size: 26px !important; font-weight: 300;text-align: center; letter-spacing: 5px; margin-bottom: 0px !important;}
.sc-header h2 {font-size: 48px !important; letter-spacing: 10px;text-align: center;margin-bottom: 50px;}
.sc-top-right{margin-bottom:40px}
.sc-top-right div > span{text-transform: uppercase;display: block;}
.sc-top-right div span:last-child{font-weight: 300;font-size: 16px; color: #888;  margin: -5px 0 15px 0;}
.showcasewrap .sc-top-right > p {border-bottom: 1px solid #222; }
.sc-top-right > p > span:first-child{font-weight: 600; width:30% ; float: left; display: block;}
.sc-top-right > p > span:last-child{font-weight: 300; display: block;}
.showcasewrap p.sc-quote{font-size:18px !important; margin:40px 0; font-weight:600;}
.showcasewrap p.sc-quote > span{font-size:18px !important;display:block; padding-left:4%;}
.sc-quote > span a{color:#56cfe1 !important;}
.sc-spec h2{border-bottom: 1px solid;}
.sc-spec > p > span:first-child{font-weight: 600; width:25% ; float: left; display: block;}
.sc-spec > p > span:last-child{font-weight: 300; display: block;}
.sc-spec > p{
    margin: 15px 0!important;
}
.hover_bkgr_fricc{ background:rgba(0,0,0,.4); cursor:pointer; display:none;  height:100%;  position:fixed;  text-align:center;  top:0;  width:100vw;  z-index:10000;    left: 50%;  margin-left: -50vw;}
.hover_bkgr_fricc .helper{  display:inline-block;  height:100%;  vertical-align:middle;}
.hover_bkgr_fricc > div {  background-color: transparent;   display: inline-block;  height: auto;  max-width: 1400px; min-height: 100px; vertical-align: middle; width: 58%; position: relative; border-radius: 8px; }
.popupCloseButton {  background-color: #fff;  border: 3px solid #999;  border-radius: 7px;  cursor: pointer;  display: inline-block;  font-weight: bold;  position: absolute;  top: -20px;  right: -20px; font-size: 25px; line-height: 30px; width: 35px; text-align: center;}
.popupCloseButton:hover {  background-color: #ccc;}
.trigger_popup_fricc, .colorlink {  cursor: pointer; color:#56cfe1;}
p.hover_content{margin-bottom:0px}
p.hover_content img{border-radius:10px}
p.info i{color:#777}

@media only screen and (max-width: 974px) {
   .showcasewrap iframe{height:450px;}
   .sc-top-right{ margin-top:40px}
   .showcasewrap p.sc-quote {font-size: 24px !important;}
}
@media only screen and (max-width: 767px) {
    .sc-header h1 { font-size: 82% !important; letter-spacing 3px !important; }
    .sc-header h2 {font-size: 32px !important;}
.hover_bkgr_fricc > div{width:80%}
.showcasewrap .sc-top-right > p { display: flex }
.sc-spec > p > span:last-child{font-size:18px !important}
.sc-spec > p > span:first-child{font-weight: 600; width:100% ; float: left; display: block;}
.sc-top-right > p > span:first-child { width:39%}
}



/* USP Section */
.usp-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
    padding: 0;
    margin: 0;
}

.usp-icons > div {
    flex: 0 0 16.666%;
    max-width: 16.666%;
    padding: 15px 10px;
}

.usp-icons img {
    width: 100%;
    height: 70px;
    object-fit: contain;
    transition: transform .3s ease;
    margin:0!important;
}

.usp-icons > div:hover img {
    transform: translateY(-4px);
}

.usp-icons p {
    margin: 0;
    color: #1e1e1e;
    font-size: 15px!important;
    font-weight: 600!important;
    line-height: 1.45!important;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.usp-icons p br {
    display: block;
}

/* Optional spacing */
.margin-bottom20 {
    margin-bottom: 20px;
}

/* Tablet */
@media (max-width: 991px) {
    .usp-icons > div {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        margin-bottom: 30px;
    }

    .usp-icons img {
        width: 64px;
        height: 64px;
    }

    .usp-icons p {
        font-size: 14px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .businesswrap .top-icons h1{
        margin: 0!important;
    }
    .usp-icons {
        padding: 25px 0;
    }

    .usp-icons > div {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 25px;
    }

    .usp-icons img {
        width: 58px;
        height: 58px;
        margin-bottom: 12px;
    }

    .usp-icons p {
        font-size: 13px;
        line-height: 1.35;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .usp-icons > div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .usp-icons img {
        width: 52px;
        height: 52px;
    }

    .usp-icons p {
        font-size: 12px;
    }
}

/* ---------------------------------------------------------------------------------------------------------------
   "Create your own neon sign" page — mobile container gutter

   Every section on this page uses the theme's own ".container" (24px gutter on mobile). Tightened to 20px here,
   scoped to this template only via the "template-suffix-create-neon-sign" body class so no other page is affected.
   The first section (the page title/content) is left untouched, as asked.
   --------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 740px) {
    .template-suffix-create-neon-sign #main > .shopify-section:not(:first-child) .container {
        padding-inline: 20px;
    }
}