@import url('https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap');

body {
    overflow-x: hidden;
}

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400;
    scroll-behavior: smooth;
    background-color: #fff;
}

li, p, ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}


.p-0 {
    padding: 0
}

.mb-10 {
    margin: 0 0 10px 0;
}

.mr-15 {
    margin-right: 15px;
}

.justify-content-space-between {
    justify-content: space-between;
}

.text-white {
    color: #fff !important
}

a {
    text-decoration: none;
    color: #21a3b9;
}

.cyan {
    color: #27a3b9 !important;
}

.ipc-rating-value {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #3E3E3E;
    margin: 0;
}

.ipc-rating-value .review-count {
    color: #888;
}

header .top-header {
    background: #fff;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E3E3E3;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0;
}


header .top-header .top-header-social-main-wrap {
    display: flex;
    justify-content: flex-end
}

header .top-header ul.top-header-social-left-links-wrap {
    margin-right: 00px
}

header .top-header ul.top-header-social-right-links-wrap {
    margin-left: 0
}

header .top-header ul.top-header-social-left-links-wrap, header .top-header ul.top-header-social-right-links-wrap {
    display: inline-flex;
    margin-bottom: 0
}

header .top-header ul.top-header-social-left-links-wrap li, header .top-header ul.top-header-social-right-links-wrap li {
    margin: 0 10px
}

header .top-header ul.top-header-social-left-links-wrap li a, header .top-header ul.top-header-social-right-links-wrap li a {
    transition: all .5s ease-in-out;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    color: #9C9C9C;
}

li.go-premium a {
    color: #3E3E3E !important;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 15px !important;
    font-size: 13px;
}

li.go-premium a svg {
    margin-right: 5px;
}

.top-header .row-wrapper {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu .dropdown-container.open {
    display: block
}

header .top-header ul.top-header-social-left-links-wrap li a:hover, header .top-header ul.top-header-social-right-links-wrap li a:hover {
    color: #000;
    text-decoration: none
}

header .top-header ul.top-header-social-right-links-wrap li a i {
    transition: all .5s ease-in-out
}

header .top-header ul.top-header-social-right-links-wrap li a:hover i {
    transform: rotate(360deg)
}

header .main-header .main-header-search-wrap form, header .main-header .main-header-search-wrap form .form-group, header .main-header .main-header-search-wrap form .form-group input.form-control {
    margin: 0;
    width: 100%
}

header .main-header .main-header-search-wrap form {
    position: relative
}

header .main-header .main-header-search-wrap form, header .main-header .main-header-search-wrap form .form-group {
    padding: 0
}

header .main-header .main-header-search-wrap form .form-group input {
    border-color: #cacaca;
    border-radius: 50px;
    height: 45px
}

header .main-header .main-header-contect-wrap, header .main-header .main-header-search-wrap {
    display: inline-block;
    width: 100%
}

.top-header-first-menu ul.top-header-quate-left-links-wrap {
    display: inline-flex;
    margin-bottom: 0;
}

.main-header-contect-wrap {
    font-family: 'Work Sans', sans-serif !important
}

.main-header-contect-title {
    margin-bottom: 0;
    cursor: pointer;
}

.main-header-contect-title a {
    color: #333
}

.main-header-contect-title span {
    font-size: 13px;
}

.top-header-first-menu {
    display: block;
    float: left
}

.hamburger-menu {
    position: fixed !important;
    left: 0;
    /*top: 55px;*/
    top: 0;
    z-index: 9999999;
    transform: translate(-300px, 0);
    transition: .5s;
    width: 300px;
    margin-top: 0 !important;
    background: white;
}

.hamburger-menu .side-bar {
    width: 100% !important;
    padding: 0;
    direction: rtl;
    text-align: left;
}

.hamburger-menu .side-bar {
    max-height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    scrollbar-color: #21A3B9 #f4f4f4;
    scrollbar-width: thin;
}

.hamburger-menu .submenu {
    position: fixed;
}


.main-header .row {
    align-items: center;
    display: flex;
}

.hamburger-menu-toggle button img {
    width: 20px;
    height: 20px;
}

.main-header-contect-content-wrap .username {
    text-transform: capitalize;
}

body.sidebar-opened .hamburger-menu {
    transform: translate(0, 0);
    border-radius: 3px;
}

.hamburger-menu .hamburger-menu-toggle {
    position: absolute;
    top: 4px;
    right: 4px;
}

.hamburger-menu .hamburger-menu-toggle button.close {
    margin: 0;
    box-shadow: none;
    border: 1px solid rgb(0 0 0 / 25%);
}

body .main-header,
body .bottom-header,
body .top-small-header,
body .main-menu_wrapper {
    transition: 0.5s;
}


body.sidebar-opened .bottom-header.sticky .bottom-header,
body.sidebar-opened .bottom-header.sticky .main-header,
body.sidebar-opened .bottom-header.sticky .top {
    width: 100% !important;
}

body.sidebar-opened .bottom-header.sticky {
    right: 0;
}

header .top-header ul.top-header-quate-left-links-wrap li a {
    transition: all .5s ease-in-out;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    color: #9C9C9C;
}

header .top-header ul.top-header-quate-left-links-wrap li a:hover {
    color: #000;
    text-decoration: none
}

header .main-header .main-header-search-wrap .form-group input#er_search_input_dummy {
    font-size: 14px;
    color: #b9bec3 !important;
    -webkit-text-fill-color: #b9bec3;
    font-weight: 500;
    padding: 0 15px !important;
}


/* .top-header .top-header-first-menu ul.top-header-quate-left-links-wrap li:after {
    content: "\f054";
    text-align: center;
    padding-left: 19px;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    color: #929292;
} */
.top-header-first-menu ul li, .top-header-social-main-wrap ul li {
    position: relative;
    padding: 11px 18px
}

.colorbox-close {
    position: absolute;
    width: 34px;
    height: 34px;
    background: #171616;
    opacity: 0.8;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    top: 10px;
    right: 10px;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

.top-header-first-menu ul li.postcards-printing a:after,
.top-header-first-menu ul li.services a:after {
    content: '';
    background-color: #E8E8E8;
    top: 19px;
    position: absolute;
    right: -8px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    display: block !important;
}

.top-header .top-header-first-menu ul.top-header-quate-left-links-wrap li:last-child:after {
    content: none
}

.top-header .top-header-social-main-wrap ul.top-header-social-left-links-wrap li:last-child:after {
    content: none
}

.services-menu {
    position: relative;
}

.services-menu .sub-menu {
    background: #FFFFFF;
    position: absolute;
    width: 200px;
    left: 0;
    top: 20px;
    padding: 15px 20px;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.19);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: none;
    z-index: 13;
}

.services-menu .sub-menu li {
    padding: 0 0 !important;
}

.services-menu {
    cursor: pointer;
}

.services-menu:hover {
    background: #fff;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.19);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.services-menu:hover .sub-menu {
    display: block;
}

.top-header-social-left-links-wrap .services-menu .sub-menu a {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 200.6%;
    /* or 24px */


    color: #3C3C3C;
}

.main-header-contect-wrap .main-header-contect-listing-main-wrap {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 0;
}

.main-header-contect-listing-item.go-premium {
    min-width: 123px;
}

/*.main-header-contect-wrap .main-header-contect-listing-main-wrap li {*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    /*min-width: 160px;*/
/*}*/


.site-main-banner-with-form-main-wrap .row .nicescroll-rails.nicescroll-rails-vr {
    z-index: 9999999 !important;
}

.text-skyblue {
    color: #21A3B9 !important
}

.main-header-contect-wrap .main-header-contect-listing-main-wrap li .main-header-contect-content-wrap a {
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    transition: all .5s ease-in-out;
}

.main-header-contect-wrap .main-header-contect-listing-main-wrap li .main-header-contect-content-wrap a:hover {
    color: #000
}


.main-header-contect-wrap .main-header-contect-listing-main-wrap li .main-header-contect-content-icon-wrap i {
    width: 40px;
    height: 40px;
    color: #21A3B9;
    border-radius: 50%;
    border: 1px solid #21A3B9;
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.main-header .container .row .col-md-3, .main-header .container .row .col-md-4, .main-header .container .row .col-md-5 {
    padding: 0 10px !important
}


a.text-black {
    color: #1f140f
}


.bottom-header .nav > .dropdown-megamenu {
    position: static
}

.bottom-header .dropdown-megamenu > .dropdown-container {
    position: absolute;
    top: 100%;
    left: 3px;
    right: 0;
    max-width: 100%;
    padding: 25px 25px 20px;
    box-shadow: 0 6px 9px rgba(255, 0, 0, .1), 0 6px 6px rgba(255, 255, 255, .23);
    margin-left: 3px
}

.bottom-header .dropdown-megamenu .dropdown-menu {
    display: block
}

.bottom-header nav.navbar {
    margin: 0;
    min-height: auto;
    padding: 0
}

.bottom-header nav.navbar .navbar-collapse {
    padding: 0
}

p.pagination-centered {
    font-size: 9px !important;
    color: #8c8c8c;
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav {
    display: flex;
    width: 94%;
    overflow: hidden
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle {
    text-align: center;

}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu {
    width: 16.6%
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu:first-child {
    margin-left: 3px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu .dropdown-container {
    margin: 0;
    border-radius: 0;
    border: 0
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #0c0c0c;
    transition: all .5s ease-in-out;
    position: relative;
    padding: 17px 0;
    font-family: 'Work Sans', sans-serif !important;

}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle:focus, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle:hover {
    background: #fff
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle[aria-expanded=false]::before {
    content: '';
    position: absolute;
    top: 0;
    width: 0%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out;
    transition-delay: .3s
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle[aria-expanded=true] {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before, .bottom-header.content-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before, .bottom-header.creative-corner-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before, .bottom-header.covid-19-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before, .bottom-header.hover nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before, .bottom-header.top-products-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle::before {
    width: 100%
}

.bottom-header.hover nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link a.dropdown-toggle::before {
    background: #21A3B9
}

.bottom-header.hover.sticky nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link a.dropdown-toggle {
    border-right: 2px solid #21A3B9;
    border-left: 2px solid #21A3B9;
}

.bottom-header.top-products-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link a.dropdown-toggle::before {
    background: #ec5a43
}

.bottom-header.top-products-link-lines.sticky nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link a.dropdown-toggle {
    border-right: 2px solid #ec5a43;
    border-left: 2px solid #ec5a43;
}

.bottom-header.content-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link a.dropdown-toggle::before {
    background: #71b82b
}

.bottom-header.content-link-lines.sticky nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link a.dropdown-toggle,
.bottom-header.covid-19-link.sticky nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link a.dropdown-toggle {
    border-right: 2px solid #71b82b;
    border-left: 2px solid #71b82b;
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.community-link a.dropdown-toggle:hover::before, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.community-link a.dropdown-toggle[aria-expanded=true]::before {
    background: #faa329
}

.bottom-header.creative-corner-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.creative-corner-link a.dropdown-toggle::before {
    background: #ff62bd
}

.bottom-header.creative-corner-link-lines.sticky nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.creative-corner-link a.dropdown-toggle {
    border-right: 2px solid #ff62bd;
    border-left: 2px solid #ff62bd;
}

.bottom-header.covid-19-link-lines nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.covid-19-link a.dropdown-toggle::before {
    background: #71b82b;
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.digital-marketing-link a.dropdown-toggle:hover::before, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.digital-marketing-link a.dropdown-toggle[aria-expanded=true]::before {
    background: #529ef5
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link .dropdown-container {
    border-bottom: 5px solid #21A3B9
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link .dropdown-container {
    border-bottom: 5px solid #ec5a43
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link .dropdown-container {
    border-bottom: 5px solid #71b82b
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.community-link .dropdown-container {
    border-bottom: 5px solid #faa329
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.creative-corner-link .dropdown-container {
    border-bottom: 5px solid #ff62bd
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.digital-marketing-link .dropdown-container {
    border-bottom: 5px solid #529ef5
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link.open a {
    color: #21A3B9;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link.open a.dropdown-toggle::before {
    background: #71b82b;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.sideways li a {
    box-shadow: none !important
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link.open a {
    color: #ec5a43;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link.open a.dropdown-toggle::before {
    background: #ec5a43;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link.open a {
    color: #21A3B9;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link.open a.dropdown-toggle::before {
    background: #21A3B9;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out;
    transition-delay: .2s
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.digital-marketing-link.open a {
    color: #529ef5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.digital-marketing-link.open a.dropdown-toggle::before {
    background: #529ef5;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.creative-corner-link.open a {
    color: #ff62bd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.covid-19-link.open a {
    background: #71b82b;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.creative-corner-link.open a.dropdown-toggle::before {
    background: #ff62bd;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.covid-19-link.open a.dropdown-toggle::before {
    background: #71b82b;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.community-link.open a {
    color: #faa329;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.community-link.open a.dropdown-toggle::before {
    background: #faa329;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link.open a {
    color: #71b82b;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.content-hub-main-text-wrap a {
    box-shadow: none !important
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link.open a.dropdown-toggle::before {
    background: #71b82b;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all .5s ease-in-out
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link a.dropdown-toggle:hover, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link a[data-toggle=dropdown] {
    color: #fff;
    background: #21A3B9
}

li.dropdown.dropdown-megamenu.creative-corner-link .all-print-products-tabbing-main-wrap {
    height: auto;
    overflow: hidden
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link open.active a.dropdown-toggle, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link open.active a[data-toggle=dropdown] {
    background-color: transparent !important;
    color: #fff
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu a.dropdown-toggle:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: relative;
    left: 5px;
    color: #d4d4d4
}


.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.covid-19-link a.dropdown-toggle:after {
    content: "";
}


.bottom-header .navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%
}

.bottom-header .navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0
}

.bottom-header .navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%
}

.bottom-header .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.bottom-header .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1
}

.bottom-header .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.bottom-header .navbar-toggle .icon-bar {
    -webkit-transition: all .2s;
    transition: all .2s;
    background: #000
}

.top-product-listing-main-wrap ul.top-product-listing li {
    display: inline-block;
    width: 30.33%;
    padding: 15px;
    margin: 8px 5px;
    height: 195px
}

.top-product-listing-main-wrap ul.top-product-listing li:first-child {
    background: #b9d9a2
}

.top-product-listing-main-wrap ul.top-product-listing li:nth-child(2) {
    background: #72caf5
}

.top-product-listing-main-wrap ul.top-product-listing li:nth-child(3) {
    background: #9bc7be
}

.top-product-listing-main-wrap ul.top-product-listing li:nth-child(4) {
    background: #fac3d4
}

.top-product-listing-main-wrap ul.top-product-listing li:nth-child(5) {
    background: #e68d65
}

.top-product-listing-main-wrap ul.top-product-listing li .top-product-listing-main-content-wrap .top-product-listing-main-content p {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    line-height: normal
}

.top-product-listing-main-wrap ul.top-product-listing li .top-product-listing-main-content-wrap .top-product-listing-main-content p:last-child {
    color: #fff
}

.top-product-listing-main-wrap ul.top-product-listing li .top-product-listing-main-content-wrap img {
    width: 160px;
    display: block;
    margin: 0 auto 15px
}

.top-product-listing-main-wrap ul.top-product-listing li:last-child {
    background: url(https://cdn.4over4.com/assets/images/static/img-6.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 30%;
    margin-left: 8px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link .col-md-7 {
    padding-right: 0
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link .col-md-5 {
    padding-left: 0
}

.top-product-listing-main-wrap ul.top-product-listing li:last-child img {
    opacity: 0
}

.top-product-listing-main-wrap ul.top-product-listing li:last-child .top-product-listing-main-content-wrap .top-product-listing-main-content a {
    width: 50%;
    display: block;
    line-height: normal;
    text-decoration: none;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: none !important
}

.top-product-listing-main-wrap ul.top-product-listing li:last-child .top-product-listing-main-content-wrap .top-product-listing-main-content a span {
    display: inline-block;
    background: #000;
    line-height: normal;
    padding-bottom: 0;
    margin-top: 0;
    padding-left: 6px;
    padding-right: 6px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link .col-md-5, .bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link .col-md-7 {
    height: 407px
}

.top-products-back-imgs-main-wrap, .top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap, .top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li {
    height: 100%
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap {
    display: flex;
    flex-direction: row
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li {
    width: 50%;
    margin: 8px 5px;
    position: relative;
    padding: 25px
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li p.want-custom-text {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li p.you-dream-text {
    font-size: 14px;
    color: #fff;
    line-height: normal;
    margin-top: 10px
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li:first-child {
    background: url(https://cdn.4over4.com/assets/images/static/card-back.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li:last-child {
    background: url(https://cdn.4over4.com/assets/images/static/card-back.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li a {
    display: block;
    width: 80%;
    position: absolute;
    bottom: 25px;
    padding: 8px 10px;
    color: #fff !important;
    background: #ec5a43;
    left: 0;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    transition: all .5s ease-in-out;
    text-decoration: none
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li a:hover {
    width: 100%
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.top-products-link .dropdown-container .row {
    margin: 0 -15px 18px -15px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.content-link .dropdown-container .row {
    margin: 10px -15px 18px -15px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.community-link .dropdown-container .row {
    margin: 10px -15px 18px -15px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.creative-corner-link .dropdown-container .row {
    margin: 10px -15px 18px -15px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.all-print-products-link .dropdown-container .row {
    margin: 10px -15px 18px -15px
}

.bottom-header nav.navbar .navbar-collapse ul.nav.navbar-nav li.dropdown.dropdown-megamenu.digital-marketing-link .dropdown-container .row {
    margin: 0 -15px 0 -15px
}

.request-your-text {
    font-size: 16.5px
}

.creative-corner-listing-main-wrap {
    height: 370px;
    padding: 21px 25px;
    position: relative
}

.creative-corner-listing-main-wrap.creative-corner-1 {
    background: url(https://cdn.4over4.com/assets/images/static/creative-corner-img-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.creative-corner-listing-main-wrap.creative-corner-2 {
    background: url(https://cdn.4over4.com/assets/images/static/creative-corner-img-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.creative-corner-listing-main-wrap.creative-corner-3 {
    background: url(https://cdn.4over4.com/assets/images/static/creative-corner-img-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.creative-corner-listing-main-wrap.creative-corner-4 {
    background: url(https://cdn.4over4.com/assets/images/static/creative-corner-img-4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.real_estate_bg {
    background-color: #fbebd8
}

.Signs-Banners-comman-div-wrap.real_estate_bg:after {
    content: '';
    position: absolute;
    width: 175px;
    height: 210px;
    background: url(https://cdn.4over4.com/assets/images/static/real_estate_sideimg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    top: 57%;
    transform: translateY(-50%);
    right: 0
}

.real_estate_bg ul.Signs-Banners-comman-div-listing {
    min-height: 115px
}

.real_estate_bg .Signs-Banners-Displays-main-title-wrap p:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/real_icon.png);
    background-repeat: no-repeat;
    background-size: 21px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.marketing-essentials-main-wrap.real_estate_part:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/real_estate_sideimg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: 0
}

.creative-corner-listing-main-wrap .creative-corner-listing-title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: normal
}

.creative-corner-listing-main-wrap.creative-corner-3 .creative-corner-listing-title, .creative-corner-listing-main-wrap.creative-corner-4 .creative-corner-listing-title {
    color: #fff
}

.creative-corner-listing-main-wrap a {
    display: block;
    width: 80%;
    position: absolute;
    bottom: 25px;
    padding: 8px 10px;
    color: #fff !important;
    background: #ff62bd;
    left: 0;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    transition: all .5s ease-in-out;
    text-decoration: none
}

.creative-corner-listing-main-wrap a:hover {
    width: 100%
}

.creative-corner-listing-main-wrap a:after, .top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li a:after {
    content: '\f0da';
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    right: 8px;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    color: #fff
}

.top-products-back-imgs-main-wrap .top-products-back-imgs-listing-wrap li a:after {
    right: 13px
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #fff
}

.content-hub-main-text-wrap .content-hub-main-text-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600
}

.content-hub-main-text-wrap .content-hub-main-img-wrap {
    margin-bottom: 15px;
    position: relative
}

.content-hub-main-text-wrap .content-hub-main-img-wrap a.play-button {
    padding: 0;
    background: #71b82b;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border: 0;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.content-hub-main-text-wrap .content-hub-main-img-wrap a.play-button i.fas.fa-play {
    padding: 0
}

.content-hub-main-text-wrap a {
    border-bottom: 1px solid #000;
    font-size: 16px;
    color: #000 !important;
    font-weight: 500;
    width: auto;
    display: inline-block;
    text-decoration: none
}

.content-hub-main-text-custom-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/menu_blog.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}

.Digital-hub-main-text-custom-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/community.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 436px
}

.custom-all-products-main-back-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/business_basics.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.custom-all-products-main-back-wrap-marketing {
    background: url(https://cdn.4over4.com/assets/images/static/marketing_essential_top.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.custom-all-products-main-back-wrap-packaging {
    background: url(https://cdn.4over4.com/assets/images/static/packeging_retails_new.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.custom-all-products-main-back-wrap-promotional {
    background: url(https://cdn.4over4.com/assets/images/static/a10new.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.custom-all-products-main-back-wrap-marketing.real_state {
    background: url(https://cdn.4over4.com/assets/images/static/real_state_new.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.custom-all-products-main-back-wrap-trade {
    background: url(https://cdn.4over4.com/assets/images/static/a5new.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.custom-all-products-main-back-wrap-sign {
    background: url(https://cdn.4over4.com/assets/images/static/menu_stickers_labels.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px
}

.creative-corner-main-text-custom-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/business_basics.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px !important
}

.creative-corner-main-text-custom-wrapppers {
    background: url(https://cdn.4over4.com/assets/images/static/New-banner-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px !important
}

.all-print-products-tabbing-content-custom-listing li a:hover {
    text-decoration: none;
    color: #fff !important
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap ul.all-print-products-tabbing-content-custom-listing li:hover a {
    color: #fff !important
}

.content-hub-main-text-custom-wrap a {
    background: #71b82b
}

.content-hub-main-text-wrap a i {
    padding-left: 15px
}

.community-icons-main-wrap {
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #ececec;
    margin-bottom: 15px
}

.community-icons-main-wrap p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px
}

.community-links-img-custom-wrap {
    display: flex
}

.community-links-img-custom-wrap .community-links-img-customs-wrap {
    width: calc(50% - 10px);
    height: 180px;
    padding: 10px;
    margin: 5px
}

.community-links-img-custom-wrap .community-links-img-customs-wrap p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.community-links-img-custom-wrap .community-links-img-custom-wrap-1 {
    background: url(https://cdn.4over4.com/assets/images/static/community-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.community-links-img-custom-wrap .community-links-img-custom-wrap-2 {
    background: url(https://cdn.4over4.com/assets/images/static/community-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.community-links-img-custom-wrap .community-links-img-custom-wrap-3 {
    background: url(https://cdn.4over4.com/assets/images/static/community-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.community-links-img-custom-wrap .community-links-img-custom-wrap-4 {
    background: url(https://cdn.4over4.com/assets/images/static/community-4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.community-tabbing-main-wrap {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    height: 375px
}

.community-tabbing-main-wrap .community-tabbing-links {
    width: 40%;
    height: 100%
}

.community-tabbing-main-wrap .community-tabbing-content-wrap {
    width: 60%;
    height: 100%;
    background: #f5f5f5
}

.community-tabbing-main-wrap .community-tabbing-links ul.nav.nav-tabs {
    border: 0
}

.community-tabbing-main-wrap .community-tabbing-links ul.nav.nav-tabs li a {
    border: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000 !important;
    border-radius: 0;
    margin: 0;
    cursor: pointer
}

.community-tabbing-main-wrap .community-tabbing-links ul.nav.nav-tabs li {
    width: 100%;
    margin-right: 15px
}

.community-tabbing-main-wrap .community-tabbing-links ul.nav.nav-tabs li.active a {
    background: #f5f5f5
}

.community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content, .community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content .tab-pane {
    height: 100%
}

.community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content .tab-pane .community-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/community-back-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 20px;
    height: 100%;
    position: relative
}

.all-print-products-tabbing-content-custom-listing li a {
    box-shadow: none !important;
    color: #333 !important
}

.community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content .tab-pane .community-tabbing-content-custom-main-wrap a {
    display: block;
    width: 80%;
    position: absolute;
    bottom: 25px;
    padding: 8px 10px;
    color: #fff !important;
    background: #faa329;
    left: 0;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    transition: all .5s ease-in-out;
    text-decoration: none
}

.community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content .tab-pane .community-tabbing-content-custom-main-wrap a:after {
    content: '\f0da';
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    right: 8px;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    color: #fff
}

.community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content .tab-pane .community-tabbing-content-custom-main-wrap a:hover {
    width: 100%
}

.community-corner-main-wpa {
    background: url(https://cdn.4over4.com/assets/images/static/community-back-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5px;
    height: 375px
}

.community-corner-main-wpa a {
    background: #faa329
}

.community-tabbing-main-wrap .community-tabbing-content-wrap .tab-content .tab-pane .community-tabbing-content-custom-main-wrap p {
    font-size: 18px;
    color: #21A3B9;
    font-weight: 500
}

.all-print-products-link .dropdown-container .row .col-md-9 {
    padding-right: 0
}

.creative-corner-link .all-print-products-tabbing-main-wrap {
    padding-left: 15px
}

.all-print-products-tabbing-main-wrap {
    display: flex;
    height: 700px
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links {
    width: 22%
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap {
    width: 78%
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs {
    border: 0
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    float: unset;
    position: relative;
    right: 0
}


.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li a {
    border: 0;
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    transition: all .5s ease-in-out;
    position: relative;
    padding-left: 55px;
    cursor: pointer
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li a:after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px
}

.dropdown-container a:hover {
    text-decoration: none !important
}

.see_all_section a {
    padding: 8px 60px;
    background-color: #fff;
    font-weight: 600;
    color: #000 !important;
    border-radius: 4px
}

.see_all_section {
    margin-bottom: 21px;
    margin-top: 34px
}

#Greeting-Cards--section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/dryeasecollection05.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Dry-Erase-Collection-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/dryeasecollection05.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Booklets--Catalogs-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/dryeasecollection05.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Business-Stationery--Forms-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/dryeasecollection05.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Invitations-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/invitations03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Marketing-Materials-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/marketing_materials03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Packaging-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/packaging03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Postcards-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/postcard03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Posters-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/poster03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Stickers-and-Labels-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/stickers_lables03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Sign, -Banners--Display-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/signs_banners03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

#Trade-Show-Products-section .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/trade_show_products03.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:first-child a:after {
    background: url(https://cdn.4over4.com/assets/images/static/cat_business_basics.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(2) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/cat_marketing_essentials.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:last-child a:after {
    background: url(https://cdn.4over4.com/assets/images/static/iconn-4.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(3) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/cat_packaging_products.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(4) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/cat_promotional_items.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(6) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/cat_stickers.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(7) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/trade_left.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(8) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/trade_show.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(5) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/real_estate_new.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(9) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/Postcards.png) #fff;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(10) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/Posters.png) #fff;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(11) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/Trade.png) #fff;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:nth-child(12) a:after {
    background: url(https://cdn.4over4.com/assets/images/static/Stickers.png) #fff;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li a:hover, .all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active a {
    background: #93d9c8;
    border-radius: 0;
    margin: 0
}

.col-md-6.col-sm-6 .Signs-Banners-comman-div-wrap.bg-pinkk ul {
    min-height: 230px
}

p.topspace {
    padding-top: 5px
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content, .all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane, .all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap, .all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap ul.all-print-products-tabbing-content-custom-listing {
    height: 100%
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap {
    background: url(https://cdn.4over4.com/assets/images/static/all-print-products-wrap.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 25px
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap ul.all-print-products-tabbing-content-custom-listing li {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 49%;
    display: inline-block;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: inherit !important
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap ul.all-print-products-tabbing-content-custom-listing li::before {
    content: "\f0da";
    position: absolute;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #21A3B9;
    transition: all .5s ease-in-out
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap ul.all-print-products-tabbing-content-custom-listing li:hover {
    background: #21A3B9
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-content-wrap .tab-content .tab-pane .all-print-products-tabbing-content-custom-main-wrap ul.all-print-products-tabbing-content-custom-listing li:hover:before {
    color: #fff;
    left: 10px
}

.content-hub-main-text-wrap .content-hub-main-img-wrap img {
    width: 100%
}

.custom-all-products-main-back-wrap a.save-30-main-wrap:after {
    display: none
}

.request-your-text {
    font-size: 18px
}

.custom-all-products-main-back-wrap a.save-30-main-wrap {
    background: #ff5a21;
    top: 107px;
    display: block;
    font-size: 17px;
    font-weight: 700;
    bottom: unset;
    width: 65%
}

.custom-all-products-main-back-wrap a.shop-now-btn-wrap {
    background: #19b59b;
    bottom: unset;
    top: 162px;
    width: 65%
}

.custom-all-products-main-back-wrap a.shop-now-btn-wrap:hover {
    width: 100%
}

.content-hub-main-text-custom-wrap.creative-corner-listing-main-wrap.setwidth a {
    width: 60%
}

.content-hub-main-text-custom-wrap.creative-corner-listing-main-wrap.setwidth a:hover {
    width: 100%
}

span.blog-title {
    position: absolute;
    top: 8px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600
}

img.imgsize {
    width: 19% !important;
    margin-left: 4px
}

.main_banner_slider .carousel-caption {
    max-width: 501px;
    right: 20% !important;
    left: auto !important;
    text-align: left;
    min-height: 460px;
}

.main_banner_slider .description {
    font-weight: 500;
    font-size: 19px;
    color: #FFFFFF;
    text-shadow: none;
}

.main_banner_slider h5 {
    color: #444;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 35px;
    text-shadow: none;
    letter-spacing: 1px;
    width: 55%
}

.main_banner_slider h1, .main_banner_slider h4 {
    color: #272727;
    font-size: 52px;
    width: 52%;
    font-weight: 600;
    line-height: 70px;
    text-shadow: none
}


.slider_banner_btn {
    margin-top: 30px;
    background: #21A3B9;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 220px;
    height: 53px;
}

.slider_banner_btn span.button_a_lnk {
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF;
    text-shadow: none;
}

.slider_banner_btn .icon_wrapper {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0F92A8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

span.slider_round_play {
    background-color: #f78518;
    border-radius: 50%;
    padding: 10px 12px;
    font-size: 11px;
    margin-left: 10px
}


.main_banner_slider .slider_banner_btn .button_a_lnk:hover span, .main_banner_slider .slider_banner_btn a:hover span {
    background-color: #21A3B9;
    color: #2c2c2c !important
}

.main_banner_slider .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #21A3B9;
    border: 1px solid #21A3B9
}

.main_banner_slider .carousel-indicators li {
    background-color: #fff;
    border: 1px solid #fff
}

.slider-discount-badge {
    background: url(https://cdn.4over4.com/assets/images/static/batch.png);
    height: 130px;
    width: 129px;
    background-repeat: no-repeat;
    position: absolute;
    right: 60px;
    top: 0;
    text-align: center;
    color: #fff;
    text-shadow: none;
    padding: 16px 15px;
    line-height: 22px;
    z-index: 9
}

.dashed-border {
    border: 1px dashed #e5f8f5
}

.slider-discount-badge p:first-child {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0
}

.slider-discount-badge p:nth-child(2) {
    font-weight: 400;
    font-size: 11.2px;
    text-transform: uppercase
}

.slider-discount-badge p:nth-child(3) {
    margin-top: 10px
}

.dashed-border img {
    position: absolute;
    right: 20px;
    margin-top: -7px
}

.popular-title i.fa.fa-star-o {
    font-size: 28px;
    padding-right: 13px;
    vertical-align: middle
}

.dropdown-container {
    z-index: 99999999
}

.main-featured-product .list-group {
    /*box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.21);*/
    border-radius: 3px;
    padding-top: 0;
}

.main-featured-product.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.printing_online {
    margin-top: 35px
}

.main-featured-product .list-group-item.popular-title {
    background-color: #21A3B9 !important;
    font-size: 20px !important;
    color: #fff !important;
    border-radius: 0;
    margin-bottom: 20px
}

.main-featured-product .list-group .list-group-item {
    background: inherit;
    border: 2px solid transparent;
    border-right: 0;
    font-size: 15px;
    font-weight: 500;
    color: #1f140f;
    padding: 0 0 0 5px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    line-height: 0 !important
}

.main-featured-product .list-group .list-group-item a {
    color: #1f140f;
    margin-left: 28px
}

.main-featured-product .list-group .list-group-item a {
    text-decoration: none
}

.sidebar_menus {
    height: 15px;
    width: 11px !important;
    background-repeat: no-repeat !important
}

.main-featured-product .list-group .list-group-item img {
    margin-right: 10px;
    vertical-align: middle;
    top: 0;
    margin-top: -5px;
    margin-left: 10px
}

.main-featured-product .list-group .list-group-item:hover {
    color: #21A3B9
}

.main-featured-product .list-group .list-group-item a:hover, .main-featured-product .panel-group ul.list-group li:hover > a {
    color: #21A3B9 !important
}

.main-featured-product .col-md-12 .product_page {
    padding: 0 15px
}

div#delivery_calculator_product .col-md-12 {
    padding: 0 15px;
    padding-right: 0
}

.main-featured-product .container {
    padding-left: 15px;
    padding-right: 0
}

.main-featured-product .container.mobile-container {
    padding-right: 15px;
}

.main-featured-product .list-group {
    margin-bottom: 0
}

.main-featured-product .col-md-4.pl-custom {
    width: 26%;
    padding: 0;
}

.list-group-item.see-more-products {
    background-color: #eaeaea !important;
    border-bottom: 1px solid #d7d7d7 !important;
    border-top: 0 !important
}

.main-featured-product .list-group-item.see-more-products a {
    font-size: 15px;
    font-weight: 500
}

.main-featured-product .list-group.see_all_products .list-group-item {
    background-color: #f7f7f7
}

.rigt-main_section h3, .rigt-main_section h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 120%;
    color: #272727;
    margin: 15px 0;
}


.rigt-main_section .col-md-12 .col-md-6 {
    padding: 0
}

.smallimgheigt {
    min-height: 150px;
    margin-bottom: 11px
}

.pinkbg {
    background-color: #f4c7ca
}

.ligtgreen {
    background-color: #b9d9a2
}

.skyblue {
    background-color: #72caf5
}

.yellow {
    background-color: #f0c429
}

.gray {
    background-color: #d8d8d8
}

.smallimgheigt img {
    width: 100%
}

.main-featured-product .container {
    width: 1250px
}

.main-featured-product .col-md-8.welcome-middle-area {
    width: 74%;
    float: right;
    z-index: 1;
}

.categories {
    margin-top: 30px
}


.rigt-main_section .col-md-12 .col-md-6:last-child {
    padding-right: 0
}

.rigt-main_section .col-md-12 .col-md-6:first-child {
    padding-left: 0;
    padding-right: 22px
}

.spacbottom {
    margin-bottom: 20px
}

.col-md-6.leftpadding {
    padding-left: 20px !important
}

.rigt-main_section .col-md-12 .col-md-6 img {
    border-radius: 3px;
    height: 245px;
    object-fit: cover;
}

.rigt-main_section .col-md-12 .col-md-6 img:hover {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
}

.carousel-inner .product-desc {
    position: absolute;
    line-height: 10px;
    left: 20px;
    bottom: 20px;
}

.carousel-inner .product-desc h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 138%;
    color: #414C52;
    margin-bottom: 2px;
}

button.show-now-btn {
    position: absolute;
    bottom: 3px;
    right: 10px;
    background: #FD8516;
    border-radius: 3px;
    max-width: 128px;
    height: 25px;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    margin-bottom: 10px;
    border: none;
    opacity: 0;
}

.item-box {
    position: relative;
    margin-bottom: 30px;
    transition: .5s;
    background: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 240px;
}

.item-box:hover {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.item-box:hover button.show-now-btn {
    opacity: 1;
}

.sv-tab-panel .business-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 405px;
    height: 405px;
    background: url(https://cdn.4over4.com/assets/images/static/busi_right_bg.jpg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85%;
    right: 2px;
    bottom: 0
}

.vertical-tabs ul li.graybg.active a {
    background-color: #f1f1f1
}

.graybg {
    background-color: #f1f1f1
}

.carousel-inner .product-desc p {
    border-radius: 3px;
    text-align: center;
    font-style: normal;
    background: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
    color: #21A3B9;
    width: 113px;
    height: 30px;
    /*box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);*/
}

.mirza h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 138%;
    color: #232323;
    margin-bottom: 6px
}


.mirza {
    position: absolute;
    bottom: 13px;
    line-height: 10px;
    left: 10px;
}

.rigt-main_section a.carousel-control {
    background: 0 0;
    height: 0
}

.request_now {
    margin-top: 20px
}

.slider_bottom_title h4 {
    color: #0f0f0f;
    font-size: 24px;
    font-weight: 600
}

.slider_bottom_title p {
    font-size: 18.4px;
    color: #5e5e5e
}

.slider_bottom_title p a {
    color: #21A3B9
}

.slider_bottom_title {
    margin-top: 35px
}

.request_now a i {
    margin-left: 7px;
    vertical-align: middle
}

.request_now a {
    background-color: #21A3B9;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px 50px
}

.giftbg {
    background: url(https://cdn.4over4.com/assets/images/static/giftbg.jpg);
    height: 650px;
    width: 100%;
    margin-top: 45px;
    background-repeat: round
}

.buynowbtn i {
    vertical-align: middle;
    padding-top: 4px;
    margin-right: 20px;
    position: absolute;
    right: 5px
}

.rating ul li {
    color: #FFA24D;
    padding: 2px 0 2px;
    font-size: 14px
}

.rating ul {
    margin-left: 2px
}

.rating ul li:last-child {
    color: #595959;
    padding-left: 10px;
    font-size: 10px
}

.tagygreen span {
    font-weight: 600
}

.giftbg h1 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 30px 45px 5px
}

.productbox {
    border: 10px solid rgba(71, 176, 180, .5)
}

.buynowbtn {
    background-color: #b61316;
    padding: 12px 0;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: -10px
}

.whitebg {
    background-color: #fff;
    text-align: center
}

li.productbox img {
    width: 100%
}

.whitebg h3 {
    color: #080808;
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
    padding: 15px 0 0;
    margin-bottom: 5px
}

.product_list .price {
    font-size: 18px;
    font-weight: 600
}

.list-inline a:hover {
    text-decoration: none
}

.red {
    color: #d20500
}

.grayprice {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 138%;
    color: #21A3B9;
}

.giftbg p.subtext {
    color: #fff;
    padding: 0 45px 0;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 500;
    width: 81%
}

.product_list {
    padding-left: 50px;
    width: 90%
}

.whitebg p {
    font-size: 14px;
    line-height: 15px;
    padding: 10px 14px;
    text-transform: capitalize;
    font-weight: 500
}

.tagyellow {
    background: url(https://cdn.4over4.com/assets/images/static/orange_bg.png);
    height: 35px;
    width: 540px;
    z-index: 9999;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 46px;
    margin-left: 0;
    margin: 15px 0
}

.tagygreen {
    background: url(https://cdn.4over4.com/assets/images/static/green_bg.png);
    background-repeat: no-repeat;
    height: 45px;
    position: relative;
    left: 43%;
    width: 400px;
    color: #f8f8f6;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 25px 0 48px;
    margin-left: 0;
    margin: 10px 0 30px
}

.product_list ul li {
    padding: 0
}

.discountbadge {
    background-color: #201d2e;
    padding: 2px 23px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    border-radius: 16px;
    margin: 10px 10px;
    font-size: 13px;
    font-weight: 500
}

.new_products {
    margin-top: 15px;
    margin-bottom: 45px
}

.new_products .col-md-4 {
    width: 33.33%;
    padding-left: 0
}

.new_products .col-md-4 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 3px;
}

.new_products .col-md-4 img:hover {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
}


.new_products h3, .top_rated h3, .new_products h3, .top_rated h2, .new_products h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    color: #272727;
    display: inline-block;
    margin: 15px 0;
}

.new_products a.carousel-control {
    background: 0 0;
    height: 0
}

.eco_friendlybg {
    margin-top: 30px
}

.top_rated {
    margin-top: 30px
}

.eco_friendlybg img {
    width: 100%
}

.light-yellow {
    background-color: #f7f19f
}

.whitebg_pro {
    background-color: #fff;
    text-align: left;
    min-height: 218px;
    padding: 15px;

}

.whitebg_pro p {
    font-size: 12px;
    color: #525252;
    line-height: 20px;
    border-top: 1px solid #EFEFEF;
    padding-top: 1rem;
}

.whitebg_pro .rating {
    padding-bottom: 1rem;
}

.whitebg_pro .price {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}

.whitebg_pro h3 {
    margin-top: 2rem;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
}


.pro_image img {
    width: 100%;
    height: 190px
}

.light_pink {
    background-color: #e87686
}

.light_blue {
    background-color: #6e6eb3
}

.light_red {
    background-color: #e68d65
}

.new_pro_height {
    margin-bottom: 10px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA !important;
    box-sizing: border-box;
    border-radius: 3px;
    min-height: 440px;
}

.new_pro_height:hover {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
}

.client_logos h3, .client_logos h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 1;
    color: #272727;
    margin: 15px 0;
}

.client_logos1 h3, .client_logos1 h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    color: #272727;
    display: inline-block;
    margin: 15px 0;
}

.bgimage img {
    width: 100%
}

.client_logos1 .col-md-12 .col-md-6 {
    padding-left: 0
}

.why_choose_bg {
    background-color: #f7f7f7;
    padding: 20px 0 40px;
    margin-top: 40px
}

.why_choose_section h3 {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 17px;
    line-height: 140%;
    margin-top: 0;
    min-height: 48px;
    color: #21A3B9;
    margin-bottom: 0px;
}


.why_choose_section p {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 168%;
    color: #4C4C4C;
}

.why_choose_bg h2 {
    font-size: 35px;
    font-weight: 600;
    color: #0f0f0f;
    margin-top: 0;
    margin-bottom: 25px
}

.why_choose_bg h5 {
    color: #00bd96;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600
}

.why_choose_bg .col-md-12 .col-md-4 {
    padding-left: 0
}

.logobox {
    text-align: center;
    width: 13.7%;
    padding: 10px
}

li.quote_side {
    background: #F1F1F1;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;

    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 35px;
}


li.quote_side span {
    font-weight: 600;
    font-size: 14px;
    line-height: 230%;
    color: #252525;
}

li.quote_side a {
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
}

li.quote_side a span {
    font-weight: 600;
    font-size: 14px;
    line-height: 230%;
    color: #252525;
}

li.quote_side a .icon-wrap {
    background: #F75435;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}


.logobox img {
    width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .33
}

.logobox:hover img {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.logobox:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
}


.client_logos ul {
    padding-bottom: 0 !important
}

.client_logos ul li:first-child {
    border-left: 0
}

.client_logos .item {
    margin-left: 8px
}

.client_logos {
    margin-top: 40px;
    margin-bottom: 15px
}

.testimonial h3 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-top: 10px
}

.tapebg {
    background-color: #dae5a3;
    position: relative;

}

.tote_bag {
    background-color: #f7b2b2;
    position: relative;

}

.event_bg {
    background-color: #e4c2aa;
    position: relative;
}

.drink_bg {
    background-color: #e8be5b;
    height: 174px;
    margin-bottom: 26px
}

.mail_bg {
    background-color: #bdc8bc;
    position: relative;

}

.userimage img {
    border-radius: 50%;
    width: 145px !important;
    height: 145px;
    border: 5px solid #fff
}

.testimonial .carousel-caption {
    position: absolute;
    left: 10%;
    text-align: left;
    right: 0;
    top: 30px
}

.testimonial .carousel-caption h2 {
    font-size: 26px;
    color: #fff
}

.testimonial .carousel-caption p {
    font-size: 16px;
    color: #fff
}

.userimage {
    margin-bottom: 40px
}

.testimonial a.carousel-control {
    background: 0 0;
    height: 0
}

.footerbg {
    height: 82px;
    margin-top: 50px;
    background-color: #F7F7F7;
}

.footerbg .form-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 82px;
}

.footerbg .form-wrapper .form-group {
    min-width: 641px;
    position: relative;
}

.see_all_products ul {
    background-color: #fff
}

h4.panel-title img {
    text-align: right;
    padding-left: 65px
}

h4.panel-title a:hover {
    text-decoration: none
}

.newsletter .form-control {
    height: 50px;
    border-color: #fff;
    border-radius: 0
}

.footerbg .form-control:focus {
    box-shadow: none;
    border: 2px solid #243c4f;
    z-index: 0
}

.footerbg h3 {
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #a7a4a4;
}

.footerbg h3 b {
    color: #3E3E3E;
    font-weight: 600;
}

.footerbg .btn i {
    position: absolute;
    left: 9px;
    top: 8px;
    font-size: 20px;
    color: #fff
}

.footerbg button.btn {
    position: absolute;
    background: #FD8516;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    right: 8px;
    top: 5px;
    width: 120px;
    height: 39px;
}

.footerbg input {
    max-width: 641px;
    height: 49px;
    background: #FFFFFF;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.21);
    border-radius: 3px;
}

.vertical-tabs {
    font-size: 15px;
    padding: 10px 0;
    color: #000;
    display: flex;
}


.vertical-tabs .tab-content {
    width: 100%;
}

.vertical-tabs .nav-tabs1 .nav-link {
    border-radius: 0;
    background: 0 0;
    text-align: left;
    font-size: 15px;
    border: 0 solid #424242;
    color: #0f0f0f;
    height: 56px;
    width: 270px
}

.vertical-tabs .tab-content .col-md-8 {
    width: 76.02%;
    padding: 0
}

.vertical-tabs ul li img {
    padding-right: 6px;
    vertical-align: middle
}

.vertical-tabs .nav-tabs1 .nav-link.active {
    background-color: #efefef;
    color: #0f0f0f;
    height: 56px;
    font-weight: 500
}

.vertical-tabs .tab-content > .active {
    background: #fff;
    display: block
}

.vertical-tabs .nav.nav-tabs1 {
    border-bottom: 0;
    display: block;
    float: left;
    background-color: #fff;
    height: 480px;
    padding-right: 20px;
}

.vertical-tabs .sv-tab-panel {
    height: 480px;
    padding-top: 0
}

.vertical-tabs ul li {
    float: none;
    height: 56px;
    font-family: unset
}

.vertical-tabs ul li a {
    padding: 16px 10px;
    margin-right: 0
}

.vertical-tabs ul li.left_bg_1.active a {
    background-color: #f9f2ef
}

.vertical-tabs ul li.left_bg_2.active a {
    background-color: #e6f9fb
}

.vertical-tabs ul li.left_bg_3.active a {
    background-color: #fff7e5
}

.vertical-tabs ul li.left_bg_4.active a {
    background-color: #fceeff
}

.vertical-tabs ul li.left_bg_5.active a {
    background-color: #eafff5
}

.vertical-tabs ul li.left_bg_6.active a {
    background-color: #f4f4ec
}

.vertical-tabs ul li.left_bg_7.active a {
    background-color: #ebf8ff
}

.vertical-tabs ul li a:hover {
    border: 0;
    cursor: pointer
}

.vertical-tabs ul li:hover {
    border: 0;
    cursor: pointer
}

.nav-tabs1 > li.active > a:focus, .nav-tabs1 > li.active > a:hover, .vertical-tabs .nav-tabs1 > li.active > a {
    color: #0f0f0f;
    cursor: pointer;
    background-color: #efefef;
    border: 0 solid #ddd;
    border-bottom-color: transparent;
    height: 56px;
    font-weight: 500
}

.sv-tab-panel .col-md-4 {
    width: 26%;
    margin-top: 0;
    padding: 0 0 0 10px
}

.sv-tab-panel .col-md-12 {
    width: 100%;
    margin-top: 0;
    padding: 0
}

.sv-tab-panel ul li {
    height: auto;
    line-height: 0 !important;
    margin-bottom: 0 !important
}

.sv-tab-panel .col-md-6 {
    padding: 0
}


.why_choose_bg .col-md-4 {
    width: 33.3%
}

.see_all_products img {
    text-align: right;
    margin-left: 55px
}

.panel-default > .panel-heading {
    color: #333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important
}

.panel-heading {
    padding: 10px 15px !important
}

.panel-default {
    border-color: #ddd !important
}

.main-featured-product .panel-group .panel-heading {
    border: 1px solid #cecece !important
}

.main-featured-product .list-group button.list-group-item:nth-child(2):before {
    background: url(https://cdn.4over4.com/assets/images/static/b_card.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(3):before {
    background: url(https://cdn.4over4.com/assets/images/static/b_forms.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(4):before {
    background: url(https://cdn.4over4.com/assets/images/static/b_booklets.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(5):before {
    background: url(https://cdn.4over4.com/assets/images/static/dry_erase.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(6):before {
    background: url(https://cdn.4over4.com/assets/images/static/g_cards.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(7):before {
    background: url(https://cdn.4over4.com/assets/images/static/invite_icon.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(8):before {
    background: url(https://cdn.4over4.com/assets/images/static/m_materials.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(9):before {
    background: url(https://cdn.4over4.com/assets/images/static/packaging_icon.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(10):before {
    background: url(https://cdn.4over4.com/assets/images/static/postcard-icon.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(11):before {
    background: url(https://cdn.4over4.com/assets/images/static/posters_icon.png);
    content: "";
    height: 27px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(12):before {
    background: url(https://cdn.4over4.com/assets/images/static/sign_banners.png);
    content: "";
    height: 28px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(13):before {
    background: url(https://cdn.4over4.com/assets/images/static/sticker_icon.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.main-featured-product .list-group button.list-group-item:nth-child(14):before {
    background: url(https://cdn.4over4.com/assets/images/static/trade_icon.png);
    content: "";
    height: 24px;
    width: 34px;
    position: absolute;
    background-repeat: no-repeat
}

.panel-group {
    clear: left !important
}

.categories h3 {
    font-family: unset;
    font-weight: 600
}

.panel-group .panel-heading h4 {
    font-size: 16px !important;
    font-family: unset !important;
    font-weight: 600 !important
}

#back_to_top {
    display: none !important
}


.see_all_products .list-group .list-group-item a {
    margin-left: 0;
    line-height: 32px;
    color: #5a5a5a;
    font-weight: 400
}

.see_all_products .list-group .list-group-item a ~ .see_all_products ul.list-group {
    padding-top: 20px;
    padding-bottom: 20px
}

.see_all_products ul li:hover {
    color: #21A3B9
}

.see_all_products .submenu ul li:hover {
    box-shadow: none !important;
    margin-bottom: 0;
    color: #21A3B9;
    text-decoration: underline
}

.see_all_products .submenu ul li a:hover {
    color: #21A3B9 !important;
    text-decoration: underline !important
}

.btn, b, body, form, h1, h2, h2, h3, h4, h5, input, label, li, p, span, td, tr, h2 strong {
    font-family: 'Work Sans', sans-serif !important
}


header {
    padding-bottom: 0 !important
}

header .main-header .main-header-search-wrap form .form-group input:focus {
    border-color: #21A3B9
}

.client_logos1 .col-md-12 .col-md-6:last-child {
    padding-right: 0
}

.client_logos1 .product-desc {
    padding: 0 30px
}

.custom-btn_quote a {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.custom-btn_quote {
    background-color: #acacac;
    text-transform: uppercase;
    margin-left: 2px
}

.custom-btn_quote span {
    font-size: 18px;
    vertical-align: middle;
    padding-left: 8px
}


.green_new {
    background-color: #60bb1d;
    border-radius: 30px;
    padding: 2px 7px 3px;
    padding-left: 6px !important;
    color: #fff;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 10px
}

.comming_soon_badge, .Comming.Soon {
    background-color: #F95A4E;
}

.sale_badge {
    background-color: #f8bc10;
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_8 a {
    background-color: #fbebd8
}

.browse_8_bg {
    background-color: #fbebd8
}

.vertical-tabs ul li.left_bg_8.active a {
    background-color: #fbebd8
}


.printing_online ul.printing_category li img:hover {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
}


.product-desc:hover {
    box-shadow: none !important
}


.main_banner_slider .carousel-inner .item img {
    width: 100%;
    height: 550px;
    object-fit: cover
}

.main_banner_slider .carousel-inner .item img:first-child {
    background: #f2dc65;
}

#carousel-example-generic .carousel-inner .item {
    padding: 0 0;
}


footer.main-footer {
    background: #fff;
    padding: 50px 0 0
}

footer.main-footer .main-footer-logo-wrap .main-footer-logo-main img {
    width: 95%;
    margin-bottom: 15px
}

footer.main-footer .main-footer-logo-wrap ul.main-footer-logo-payment-listing li.main-footer-logo-payment-list img {
    width: 150px
}

footer.main-footer .container .row {
    margin-bottom: 45px
}

footer.main-footer .main-footer-content-wrap p.main-footer-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #3E3E3E;
    text-align: left;
    margin-bottom: 10px;
}

footer.main-footer .main-footer-content-wrap ul.main-footer-content-links-wrap li.main-footer-content-links a {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 225%;
    /* or 34px */


    color: #5C5C5C;
}

footer.main-footer .main-footer-content-wrap ul.main-footer-content-links-wrap li.main-footer-content-links a:hover {
    color: #1acaa3
}

footer.main-footer .main-footer-content-wrap ul.main-footer-content-links-wrap li.main-footer-content-links {
    margin-bottom: 5px
}

footer.main-footer .bottom-footer {
    padding: 20px 0;
    background: #191919;
    margin-top: 50px;
}

footer.main-footer .main-footer-content-wrap ul.main-footer-content-links-wrap li.main-footer-content-links a i {
    color: #1acaa3;
    padding-right: 9px
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li.main-footer-social-links-item {
    width: 17%;
    margin-right: 10px
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: red;
    height: 48px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    transition: all .5s ease-in-out;
    padding: 0 !important
}

footer.main-footer .col-md-3:nth-child(2), footer.main-footer .col-md-3:nth-child(3) {
    padding-left: 45px
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li a:hover {
    transform: rotate(360deg)
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap {
    display: flex;
    margin-top: 50px
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li:nth-child(1) a {
    background: #3b5998
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li:nth-child(2) a {
    background: #1f98c7
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li:nth-child(3) a {
    background: #dd4b39
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li:nth-child(4) a {
    background: #3f729b
}

footer.main-footer .main-footer-content-wrap ul.main-footer-social-links-wrap li:nth-child(5) a {
    background: #d2172e
}

.footerbg a.Refer-links {
    font-size: 21px;
    font-weight: 500;
    margin-top: 10px;
    display: none;
    color: #fff
}

.footerbg a.Refer-links a {
    text-decoration: none
}

.navbar {
    border: 0 !important
}


.Signs-Banners-Displays-main-wrap {
    padding: 20px;
    background: #eafff5;
    position: relative;
    margin-bottom: 20px;
    z-index: 999999999999999999999999999999
}

.filter-main-wrap .filter-main-title-wrap p {
    color: #000
}

.Signs-Banners-comman-div-wrap.sign_banners_bg_new:after {
    content: '';
    position: absolute;
    right: -20px;
    background: url(https://cdn.4over4.com/assets/images/static/table.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    display: block;
    bottom: 50px;
    z-index: 9
}

.Signs-Banners-Displays-main-wrap:after {
    content: '';
    position: absolute;
    right: -20px;
    background: url(https://cdn.4over4.com/assets/images/static/table.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    display: block;
    top: -10px;
    z-index: 9
}

.sign_banners_bg_new {
    background: #eafff5
}

.Signs-Banners-Displays-main-title-wrap p {
    padding-left: 30px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 10px;
    position: relative;
    color: #000
}

.Signs-Banners-Displays-main-title-wrap p:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/iconn-1.png);
    background-repeat: no-repeat;
    background-size: 21px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.Signs-Banners-comman-div-wrap.bg-liggt .Signs-Banners-Displays-main-title-wrap p:after {
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/iconn-3.png);
    background-repeat: no-repeat;
    background-size: 21px
}

.Signs-Banners-comman-div-wrap.bg-light-yellow .Signs-Banners-Displays-main-title-wrap p:after {
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/iconn-5.png);
    background-repeat: no-repeat;
    background-size: 21px
}

.Signs-Banners-comman-div-wrap.bg-pinkk .Signs-Banners-Displays-main-title-wrap p:after {
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/icoosa.png);
    background-repeat: no-repeat;
    background-size: 21px
}

.Signs-Banners-comman-div-wrap.bg-light-grrem .Signs-Banners-Displays-main-title-wrap p:after {
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/iconn-4.png);
    background-repeat: no-repeat;
    background-size: 21px
}

.Signs-Banners-comman-div-wrap.bg-liggie-back .Signs-Banners-Displays-main-title-wrap p:after {
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/iconn-6.png);
    background-repeat: no-repeat;
    background-size: 21px
}

.signs-Banners-Displays-listing-main-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 95%
}

.signs-Banners-Displays-listing-main-wrap ul li {
    font-size: 14px;
    flex: 0 0 19%;
    margin-bottom: 7px;
    padding-left: 20px;
    position: relative
}

.signs-Banners-Displays-listing-main-wrap ul li::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #21A3B9;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.Signs-Banners-comman-div-wrap {
    padding: 20px;
    position: relative;
    margin-bottom: 20px
}

.bg-coffe {
    background: #f9f2ef
}

.bg-liggt {
    background: #e6f9fb
}

.bg-light-yellow {
    background: #fff7e5
}

.bg-light-gray {
    background: #e3e8e7
}

.bg-pinkk {
    background: #fceeff
}

.bg-light-grrem {
    background: #f4f4ec
}

.bg-liggie-back {
    background: #f0e8ec
}

.Signs-Banners-comman-div-wrap .see-all-btn-link {
    box-shadow: unset !important;
    border: 1px solid #21A3B9;
    padding: 10px 15px;
    display: inline-block;
    font-size: 13px;
    border-radius: 50px;
    margin-top: 15px;
    transition: all .5s ease-in-out
}

.Signs-Banners-comman-div-wrap .see-all-btn-link:hover {
    background: #fff;
    color: #21A3B9
}

.bg-coffe .Signs-Banners-Displays-main-title-wrap p:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background-position: center;
    background: url(https://cdn.4over4.com/assets/images/static/iconn-2.png);
    background-repeat: no-repeat;
    background-size: 21px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.Signs-Banners-comman-div-wrap ul.Signs-Banners-comman-div-listing li {
    margin-bottom: 5px;
    font-size: 13px
}

.Signs-Banners-comman-div-wrap ul.Signs-Banners-comman-div-listing li a, .signs-Banners-Displays-listing-main-wrap ul li a {
    box-shadow: unset !important;
    transition: all .5s ease-in-out;
    color: #434343 !important
}

.Signs-Banners-comman-div-wrap ul.Signs-Banners-comman-div-listing li a:hover, .signs-Banners-Displays-listing-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.Signs-Banners-comman-div-wrap.bg-coffe:after {
    content: '';
    position: absolute;
    width: 225px;
    height: 225px;
    background: url(https://cdn.4over4.com/assets/images/static/invition-pin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 225px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px
}

.Signs-Banners-comman-div-wrap.bg-liggt:after {
    content: '';
    position: absolute;
    width: 225px;
    height: 225px;
    background: url(https://cdn.4over4.com/assets/images/static/borochure.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 225px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px
}

.Signs-Banners-comman-div-wrap.bg-light-yellow:after {
    content: '';
    position: absolute;
    width: 175px;
    height: 175px;
    background: url(https://cdn.4over4.com/assets/images/static/circle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 175px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px
}

.Signs-Banners-comman-div-wrap.bg-pinkk:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: url(https://cdn.4over4.com/assets/images/static/Layer-62.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px
}

.Signs-Banners-comman-div-wrap.bg-light-grrem:after {
    content: '';
    position: absolute;
    width: 175px;
    height: 200px;
    background: url(https://cdn.4over4.com/assets/images/static/stciker.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 175px;
    top: 57%;
    transform: translateY(-50%);
    right: 0
}

.Signs-Banners-comman-div-wrap.bg-liggie-back:after {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: url(https://cdn.4over4.com/assets/images/static/Layer-64.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 160px;
    top: 66%;
    transform: translateY(-50%);
    right: -60px
}

.Signs-Banners-comman-div-wrap.real_estate_bg ul li a {
    box-shadow: none !important;
    color: #434343 !important
}

.real_estate_bg ul.Signs-Banners-comman-div-listing {
    width: 40%;
    float: left
}

.bg-liggie-back ul.Signs-Banners-comman-div-listing {
    width: 40%;
    float: left
}

.dropdown-container {
    overflow-x: hidden !important
}

.filter-main-selector-wrap ul, .filter-main-wrap {
    display: flex
}

.browse_7_bg {
    background-color: #ebf8ff
}

.filter-main-selector-wrap ul li a {
    border: 1px solid #21A3B9;
    margin-right: 15px;
    display: block;
    padding: 5px 50px;
    border-radius: 50px;
    color: #21A3B9 !important;
    transition: all .5s ease-in-out;
    font-size: 14px;
    box-shadow: unset !important;
    text-align: center;
    text-decoration: none
}

.filter-main-selector-wrap ul li a:hover, .filter-main-selector-wrap ul li.active a {
    background: #21A3B9;
    color: #fff !important
}

.filter-main-wrap {
    display: flex;
    align-items: center
}

.grid {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.grid .grid-item.all {
    height: 1010px !important;
    display: contents
}

.grid .grid-item .Signs-Banners-comman-div-wrap {
    z-index: 99 !important
}

.filter-main-wrap .filter-main-title-wrap {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding-right: 15px
}

.can-not-find-wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #21A3B9;
    padding: 15px 0;
    margin: 0;
    position: relative;
    bottom: 0
}

.can-not-find-wrap p {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
    margin-bottom: 0
}

.can-not-find-wrap button {
    border: 0;
    padding: 9px 60px 9px 25px;
    border-radius: 50px;
    font-size: 14.12px;
    font-weight: 600;
    color: #21A3B9;
    position: relative;
    background: url(https://cdn.4over4.com/assets/images/static/play.png) #fff;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 95% 50%
}

.all-print-products-link .dropdown-container {
    padding: 25px 0 0 !important
}

.all-print-products-link .dropdown-container .grid, .all-print-products-link .dropdown-container .row .filter-main-wrap {
    padding: 0 20px
}

.business-essentials-main-wrap {
    padding: 15px 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.business-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 405px;
    height: 405px;
    background: url(https://cdn.4over4.com/assets/images/static/invition-pin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: -70px
}

.business-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.business-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.all-print-products-tabbing-main-wrap .tab-content .col-md-8 {
    padding-left: 0;
    padding-right: 0
}

.business-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.resource-essentials-main-wrap {
    padding: 15px 25px;
    position: relative;
    height: 100%;
    min-height: 400px
}

.resource-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 405px;
    height: 405px;
    background: url(https://cdn.4over4.com/assets/images/static/invition-pin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: -70px
}

.resource-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 405px;
    height: 405px;
    background: url(https://cdn.4over4.com/assets/images/static/New-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: -70px
}

.left_bg_1.custom_left_bg_1 a {
    background-color: #e3e8e7 !important
}

.resource-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.resource-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.resource-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.marketing-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.marketing-essentials-main-wrap {
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.marketing-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/borochure.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: -50px
}

.marketing-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.marketing-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.marketing-essentials-main-wrap .tab-content .col-md-8 {
    padding-left: 0;
    padding-right: 0
}

.packaging-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.packaging-essentials-main-wrap {
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.packaging-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/circle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: -50px
}

.packaging-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.packaging-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.promotional-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.promotional-essentials-main-wrap {
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.promotional-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/Layer-62.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: -50px
}

.promotional-essentials-main-wrap.browse_8_bg:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/real_estate_sideimg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -10px;
    bottom: 0 !important
}

.promotional-essentials-main-wrap.browse_8_bg {
    min-height: 500px
}

.promotional-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.promotional-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.stickers-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.stickers-essentials-main-wrap {
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.stickers-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/Layer-63.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -20px;
    bottom: -20px
}

.stickers-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.stickers-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.trade-essentials-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.trade-essentials-main-wrap {
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.trade-essentials-main-wrap:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(https://cdn.4over4.com/assets/images/static/Layer-64.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -20px;
    bottom: -20px
}

.trade-essentials-main-wrap ul li {
    margin-bottom: 5px
}


.trade-essentials-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important;
    font-weight: 500
}

.sign_banners_bg {
    background-color: #eafff5 !important;
    position: relative;
    display: flex;
    width: 100%
}

.sign_banners-main-wrap {
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 700px
}

.sign_banners-main-wrap ul li {
    margin-bottom: 5px
}

.sign_banners-main-wrap ul li a {
    color: #6c787d !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
    box-shadow: unset !important
}

.sign_banners_bg:after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: url(https://cdn.4over4.com/assets/images/static/Layer-65.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    right: -30px;
    bottom: 80px
}


.space_top_bot {
    padding: 20px 0 4px
}

.sign_banners-main-wrap ul li a:hover {
    color: #21A3B9 !important
}

.signs_title {
    color: #1f140f;
    font-weight: 600;
    font-size: 14px
}

.signs_sub_title_green {
    color: #21A3B9;
    font-size: 13px;
    font-weight: 500
}

.main-featured-product .panel-group .panel ul.list-group li .submenu ul li {
    display: inline-block;
    width: 100%
}

.sign_banners_bg .col-md-6 {
    padding: 0
}

header .container {
    width: 1250px
}

.all-print-products-link .dropdown-container {
    height: 800px;
    overflow: hidden
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li:first-child.active a {
    background-color: #f9f2ef
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_2 a {
    background-color: #e6f9fb
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_3 a {
    background-color: #fff7e5
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_4 a {
    background-color: #fceeff
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_5 a {
    background-color: #f4f4ec
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_6 a {
    background-color: #ebf8ff
}

.all-print-products-tabbing-main-wrap .all-print-products-tabbing-main-wrap-tabbing-links ul.nav.nav-tabs li.active.left_bg_7 a {
    background-color: #eafff5
}

.main-featured-product .giftbg ul li a {
    padding: 0 !important;
    line-height: 20px
}

.rating ul li:hover {
    box-shadow: none !important
}

.rating ul {
    border: 0 !important
}

.categories ul li:hover {
    box-shadow: none !important
}

.vertical-tabs ul {
    border: 0
}


.logobox:hover {
    box-shadow: none !important
}

.submenu-option img {
    /*position: absolute;*/
    /*display: table;*/
    /*left: 24px;*/
    /*margin-top: 10px;*/
    height: 20px;
    width: 35px;
}



.side-bar .submenu {
    margin-left: -15px;
}

.hamburger-menu .side-bar .submenu {
    margin-left: 0 !important;
}

.side-bar .white-line {
    position: absolute;
    right: 11px;
    width: 4px;
    height: 32px;
    background: white;
    z-index: 9999;
}

.main-featured-product ul li.submenu-option a span.name {
    font-weight: normal;
    font-size: 14px;
    color: #252525;
    line-height: 230%;
}

.main-featured-product ul li.submenu-option a span.name.top {
    font-weight: bold;
}

.main-featured-product ul li.submenu-option a span.green_new {
    border-radius: 30px;
    padding: 0px 5px;
    color: #fff;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 600;
    display: none;
}

.menu {
    padding: 0
}

.menu ul {
    list-style-type: none;
    width: 100%;
    padding: 0
}

.menu li {
    display: block;
    width: 100%;
    padding: 0
}

.menu a {
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: none;
    color: #fff
}

.main-featured-product ul li.popular-title {
    margin-bottom: 0 !important
}

.main-featured-product ul li.popular-title:hover {
    box-shadow: none
}

.main-featured-product .submenu ul li:hover {
    box-shadow: none
}

.main-featured-product .submenu ul {
    border: 0 !important;
    padding-bottom: 0
}

.main-featured-product .submenu ul li a {
    padding: 0 !important;
    margin-left: 0;
    position: relative
}

.submenu ul li a.orange_link, .main-featured-product ul li a.orange_link {
    color: #FD8516 !important;
    text-decoration: underline !important;
    font-weight: 600;
    margin-left: -22px !important;
}

.submenu ul li a:hover {
    color: #21A3B9;
    text-decoration: underline
}


.vertical-tabs ul li a {
    padding: 4px 15px !important;
    line-height: 30px
}

.product-desc1 h4 a {
    padding: 0 !important;
    line-height: 0 !important
}

.vertical-tabs ul.nav.nav-tabs1 li a {
    padding: 14px 11px 0 !important
}

.sv-tab-panel .signs_sub_title_green {
    padding-left: 14px;
    padding-bottom: 7px
}

.sv-tab-panel .signs_title {
    padding-left: 14px;
    padding-bottom: 25px
}

.sv-tab-panel .sign_banners-main-wrap {
    padding: 25px 25px
}

.sv-tab-panel .sign_banners-main-wrap .signs_title {
    padding-left: 0
}

.sv-tab-panel .sign_banners-main-wrap .signs_sub_title_green {
    padding-left: 0
}

.sv-tab-panel .sign_banners-main-wrap .business_banner_btn a {
    padding-left: 15px !important;
    bottom: 0
}

.sv-tab-panel .sign_banners-main-wrap ul li a {
    font-size: 14px;
    padding-left: 0 !important
}

.submenu-option a img {
    padding-right: 0;
    width: 18px;
    max-width: 18px;
}

.main-featured-product ul.our-most-popular-ul-main {
    margin-bottom: 0;
    padding-bottom: 0;
    overflow-y: scroll;
    max-height: 93vh;
    direction: rtl;
    text-align: left;
    border-radius: 10px;
}

.main-featured-product ul::-webkit-scrollbar-thumb {
    background-color: #21A3B9 !important;
    border-radius: 10px;
}

.main-featured-product ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5 !important;
    border-radius: 20px;
}

.main-featured-product ul::-webkit-scrollbar {
    width: 6px;
    background-color: #21A3B9 !important;
    transition: all .5s ease-in-out;
    border-radius: 20px;
}

.main-footer-content-links-wrap a {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 225%;
    color: #5C5C5C !important;
}

.footer-social-icons {
    margin: 2rem 0;
}

.footer-social-icons a {
    margin-right: 15px;
    display: inline-block;
}

.main-featured-product ul li a svg {
    float: right;
}

.bottom-footer-menu li {
    display: inline-block;
    margin: 15px 20px;
}


.main-footer p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #606060;
}

.bottom-footer-menu li a {
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    text-align: center;
    color: #FFFFFF !important;
}

.info-block i {
    color: #21A3B9;
    margin-right: 10px;
}

.info-block .contact-links li{
    /*display: flex;*/
    /*justify-content: space-between;*/
    display: inline-block;
}
.info-block .contact-links li:first-child{
    margin-right: 15px;
}
.info-block .contact-links li a {
    font-weight: 500;
    font-size: 15px;
    line-height: 3;
    color: #3E3E3E;
}

.submenu-option {
    background-color: transparent;
    color: #000;
    border: 2px solid transparent;
    border-right: 0
}

li.submenu-option:not(.orange):hover {
    border: 2px solid #21A3B9 !important;
    border-right: 0 !important
}

/* .main-featured-product .list-group li.submenu-option:nth-child(3):after {
    display: none
} */

.submenu {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: none;
    position: absolute;
    left: 100%;
    z-index: 999;
    padding: 4px 5px 1px 40px;
    box-shadow: 2px 1px 2px 1px #ccc;
    margin-top: -50px;
    width: 85%
}

.submenu ul li a:before {
    content: "";
    background: url(https://cdn.4over4.com/assets/images/static/list_menu_dot.png);
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 99;
    left: -20px;
    top: 8px;
    background-repeat: no-repeat;
    /*margin-top: 11px*/
}

.column_title {
    margin-left: -22px !important;
    color: #0f0f0f;
    font-weight: 600;
    margin-bottom: 4px
}

.column_title a {
    color: #0f0f0f;
    font-weight: 600;
    text-decoration: none
}

.column_title a:hover {
    color: #0f0f0f !important
}

.column_title a::before {
    display: none
}

.submenu ul li a {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 27px
}

.submenu.hover {
    display: block;
    overflow: unset;
    border: 2px solid #21A3B9
}

.submenu.hover .submenu_main {
    position: relative;
    padding-right: 5px;
    padding-top: 5px;
    background: #fff;
    direction: initial;
}

.list-group-item.popular-title {
    padding: 20px 15px !important
}


.our-most-popular-ul-main {
    background: white;
}

.submenu .panel-heading {
    margin-left: -60px;
    padding-bottom: 5px !important;
    padding-top: 2px !important
}

.submenu .panel-heading img {
    padding-left: 26px
}

.submenu .panel-heading a {
    color: #21A3B9 !important;
    font-size: 14px;
    padding-right: 0 !important;
    padding-left: 18px !important
}

.top-products-link .grid {
    height: 740px !important
}

.top-products-link .dropdown-container {
    padding: 25px 0 0 !important
}

.top-products-link .grid {
    margin-left: 15px
}

.top-products-link .filter-main-wrap {
    padding-left: 30px
}

.creative-corner-link .grid {
    height: 470px !important;
    overflow: hidden
}

.creative-corner-link .dropdown-container {
    padding: 25px 0 0 !important
}

.creative-corner-link .grid {
    margin-left: 15px
}

.creative-corner-link .filter-main-wrap {
    padding-left: 30px
}

.Signs-Banners-Displays-main-wrap .sing_bener_cls a {
    box-shadow: unset !important;
    border: 1px solid #21A3B9;
    padding: 10px 15px;
    display: inline-block;
    font-size: 13px;
    border-radius: 50px;
    margin-top: 15px;
    transition: all .5s ease-in-out
}

.see_all_products .submenu {
    padding: 12px 22px 0;
    background-color: #fff !important;
    left: 100%;
    width: 105%
}

.see_all_products .submenu ul {
    background-color: #fff
}

.see_all_products .submenu ul li a {
    margin-left: 18px !important;
    color: #5a5a5a !important
}

.see_all_products .panel-heading {
    padding: 0 15px !important
}

.see_all_products .panel-heading a {
    line-height: 20px !important
}

.see_all_products .submenu ul li.column_title {
    margin-left: 0 !important;
    margin-top: 7px;
    margin-bottom: 16px;
    line-height: 15px;
    float: left
}

.see_all_products .submenu ul li a {
    margin-left: 18px !important;
    color: #5a5a5a !important;
    float: left;
    margin-bottom: 13px !important;
    line-height: 18px !important;
    margin-top: 0;
    display: table;
    padding: 0 0 0 !important;
    width: 100%;
    font-weight: 400 !important
}

.see_all_products .submenu .panel-heading a img.side_viny {
    padding: 0 !important;
    position: relative;
    height: auto;
    width: auto;
    left: 39px;
    display: inline-block;
    bottom: 51px;
    right: 13px !important;
    float: right;
    margin-top: -26px
}

.see_all_products .submenu .panel-heading a img.thanks {
    padding: 0 !important;
    position: relative;
    height: auto;
    width: auto;
    left: 39px;
    display: inline-block;
    bottom: 51px;
    right: 13px !important;
    float: right;
    margin-top: -26px
}

.see_all_products .submenu .panel-heading a img.sidewalk {
    padding: 0 !important;
    position: relative;
    height: auto;
    width: auto;
    left: 39px;
    display: inline-block;
    bottom: 51px;
    right: 13px !important;
    float: right;
    margin-top: -26px
}

.see_all_products .submenu .panel-heading a img.greetings {
    padding: 0 !important;
    position: relative;
    height: auto;
    width: auto;
    left: 39px;
    display: inline-block;
    bottom: 51px;
    right: 13px !important;
    float: right;
    margin-top: -26px
}

.see_all_products .submenu .panel-heading {
    border: 0 !important
}

.see_all_products .submenu .panel-heading a img {
    padding: 0 !important;
    position: relative;
    height: auto;
    width: auto;
    left: 39px;
    display: inline-block;
    bottom: 51px;
    right: 13px !important;
    float: right;
    margin-top: -26px
}

.see_all_products .submenu .panel-heading a img.boxes {
    padding: 0 !important;
    position: relative;
    height: auto;
    width: auto;
    left: 39px;
    display: inline-block;
    bottom: 51px;
    right: 13px !important;
    float: right;
    margin-top: 4px
}

.see_all_products .submenu ul li a:before {
    margin-top: 7px !important
}

.see_all_products ul li:hover {
    background-color: #fff !important
}

.see_all_products .submenu ul li:hover {
    box-shadow: none !important
}

.main-featured-product .submenu .panel-heading img {
    left: 0;
    padding: 0;
    height: auto;
    width: auto;
    display: block;
    float: right;
    position: relative;
    top: -3px
}

.see_all_products .submenu .panel-heading {
    margin-left: -33px
}

.main-featured-product .panel-group ul.list-group li.list-group-item.submenu-option .submenu .panel-heading .panel-title a {
    text-decoration: none !important;
    font-weight: 500 !important
}

.main-featured-product .panel-group .panel ul.list-group li .submenu ul {
    display: inline-block;
    width: 100%
}

.main-featured-product .panel-group .panel ul.list-group li .submenu .panel-heading {
    display: inline-block;
    width: 100%
}

.main-featured-product .panel-group .panel ul.list-group li .submenu .panel-heading, .our-most-popular-ul-main .submenu .panel-heading {
    width: calc(100% + 5px);
    border-top: 1px solid #efefef !important
}

.main-featured-product .panel-group .panel ul.list-group li .submenu .panel-heading h4.panel-title {
    width: 100%;
    display: inline-block
}

.main-featured-product .panel-group .panel ul.list-group li .submenu .panel-heading h4.panel-title a {
    width: 120%;
    display: inline-block;
    position: relative
}

.main-featured-product .panel-group .panel ul.list-group li .submenu .panel-heading h4.panel-title a img {
    position: absolute;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    bottom: unset !important;
    margin: 0 !important;
    left: unset !important;
    float: unset
}

.large_format_product .product-desc {
    padding: 0 30px
}


.bottom_img.bottom_img1 img {
    right: -60px;
    top: -100px;
    width: 50%;
    height: 260px
}

.bottom_img img {
    width: 100% !important
}


.why_title .col-md-4:first-child {
    padding-left: 0
}

.why_title .col-md-4:last-child {
    padding-right: 0
}

.printing_online h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    margin: 15px 0;
    color: #272727;
}


.client_feedback h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 55px;
    margin-top: 40px
}

.client_feedback h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    color: #272727;
    width: 85%;
    line-height: 1;
    margin: 15px 0;
}

.customer_box {
    border: 1px solid #E6E6E7;
    padding: 25px 0 0
}

.client_feedback .col-md-6:first-child {
    padding-left: 0
}

.client_feedback .col-md-6:last-child {
    padding-right: 0
}

.botom_customer {
    background-color: #f1f1f1;
    padding: 0
}

.customer_box p:first-child {
    color: #272727;
    font-size: 13px;
    padding-top: 15px
}

.customer_box .media {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    min-height: 170px
}


.botom_customer h3 {
    margin-bottom: 12px;
    margin-top: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #21A3B9;
    line-height: 0;
}

.botom_customer p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 154.8%;
    color: #9E9E9E;
}

.botom_customer {
    background-color: #f1f1f1;
    padding: 10px 25px;
    border-top: 1px solid #E4E5E5;
}

.customer_box .rating ul li {
    color: #34caa4;
    font-size: 14px
}

.customer_box .rating ul li:last-child {
    padding-left: 0
}

.carousel-control {
    background-image: none !important;
    position: initial !important;
}


.why_choose_section img {
    height: 260px;
    width: 100%;
    object-fit: cover;
    box-shadow: none !important;
}

.looking_box {
    min-height: 550px
}


#myCarousel {
    margin-top: 5rem;
}

#myCarousel .product-desc {
    background: #FFFFFF;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    right: 5%;
    width: 255px;
    min-height: 197px;
    left: unset;
    top: 20%;
    padding: 35px;
}


#myCarousel .product-desc span.show-now-btn-outline, #myCarousel .product-desc button {
    background: #FFFFFF;
    border: 1px solid #FD8516;
    box-sizing: border-box;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    display: block;
    text-align: center;
    line-height: 24px;
    text-transform: uppercase;
    color: #FD8516;
    width: 129px;
    height: 24px;
}

#myCarousel img {
    height: 320px;
}

#myCarousel .product-desc button svg {
    position: relative;
    top: 1px;
    left: 8px;
}

#myCarousel .carousel-control {
    width: 30px !important;
    height: 30px !important;
    left: unset !important;
    position: absolute;
    text-align: center;
    line-height: 28px;
    color: #797979;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 15px;
    z-index: 1;
}

#myCarousel .carousel-control.left {
    right: 40px;
    background-image: url(https://cdn.4over4.com/assets/images/printing/angel-circle-left.png) !important;

}

#myCarousel .carousel-control.right {
    right: 0;
    background-image: url(https://cdn.4over4.com/assets/images/printing/angel-circle-right.png);
}


.new_products a.carousel-control span.glyphicon.glyphicon-chevron-left, .new_products a.carousel-control span.glyphicon.glyphicon-chevron-right {
    top: -10px;
}

.client_logos1 .content-hub-main-img-wrap img {
    height: 200px
}

.our-most-popular-ul-main li a {
    padding: 0 !important
}

/*.submenu-option span {*/
/*font-weight: 400*/
/*}*/


.bottom-header {
    position: relative
}

/*.bottom-header:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 2px;*/
/*left: 0;*/
/*bottom: 0;*/
/*z-index: 1;*/
/*transition: all 1.5s ease-in-out;*/
/*background: #21A3B9*/
/*}*/

/*.bottom-header.hover:after {*/
/*width: 100%*/
/*}*/

/*.bottom-header.hover:after {*/
/*background: #21A3B9*/
/*}*/

/*.bottom-header.top-products-link-lines:after {*/
/*background: #ec5a43*/
/*}*/

/*.bottom-header.content-link-lines:after {*/
/*background: #71b82b*/
/*}*/

/*.bottom-header.community-link-lines:after {*/
/*background: #faa329*/
/*}*/

/*.bottom-header.creative-corner-link-lines:after {*/
/*background: #ff62bd*/
/*}*/

/*.bottom-header.covid-19-link-lines:after {*/
/*background: #71b82b;*/
/*}*/

/*.bottom-header.digital-marketing-link-lines:after {*/
/*background: #529ef5*/
/*}*/

.bottom-header .nav .open > a, .bottom-header .nav .open > a:hover {
    background-color: #fff !important;
    z-index: 9999
}

.bottom-header.community-link-lines:after, .bottom-header.content-link-lines:after, .bottom-header.creative-corner-link-lines:after, .bottom-header.digital-marketing-link-lines:after, .bottom-header.hover:after, .bottom-header.top-products-link-lines:after, .bottom-header.covid-19-link-lines:after {
    width: 100%
}

/*.all-print-products-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #21A3B9;*/
/*left: 1px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.bottom-header.hover .all-print-products-link:after {*/
/*height: 100%*/
/*}*/

/*.all-print-products-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 0%;*/
/*background: #21A3B9;*/
/*left: 198.5px;*/
/*top: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .5s*/
/*}*/

/*.bottom-header.hover .all-print-products-link:before {*/
/*height: 100%*/
/*}*/

/*.top-products-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #ec5a43;*/
/*left: 196.5px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.bottom-header.top-products-link-lines .top-products-link:after {*/
/*height: 100%*/
/*}*/

/*.top-products-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 0%;*/
/*background: #ec5a43;*/
/*left: 393px;*/
/*top: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .5s*/
/*}*/

/*.bottom-header.top-products-link-lines .top-products-link:before {*/
/*height: 100%*/
/*}*/

.top-nav-cls ul li {
    position: relative
}

.top-nav-cls ul li a:before {
    left: -20px
}

.see_all_products .top-nav-cls ul li a:before {
    left: 0
}

/*.content-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #71b82b;*/
/*left: 392px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.bottom-header.content-link-lines .content-link:after {*/
/*height: 100%*/
/*}*/

/*.content-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 0%;*/
/*background: #71b82b;*/
/*left: 594px;*/
/*top: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .5s*/
/*}*/

/*.bottom-header.content-link-lines .content-link:before {*/
/*height: 100%*/
/*}*/

.all-print-products-link a.dropdown-toggle:focus, .all-print-products-link a.dropdown-toggle:hover, .all-print-products-link.hover-custom a.dropdown-toggle {
    background: #fff !important;
    color: #000 !important
}

/*.all-print-products-link a.dropdown-toggle, .all-print-products-link a.dropdown-toggle.default-state {*/
/*    background-color: #21A3B9 !important;*/
/*    color: #fff !important*/
/*}*/

.all-print-products-link a.dropdown-toggle.default-state-hover {
    background-color: #fff !important;
    color: #000 !important
}

/*.community-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #faa329;*/
/*left: 624px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.bottom-header.community-link-lines .community-link:after {*/
/*height: 100%*/
/*}*/

/*.community-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 0%;*/
/*background: #faa329;*/
/*left: 833px;*/
/*top: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .5s*/
/*}*/

/*.bottom-header.community-link-lines .community-link:before {*/
/*height: 100%*/
/*}*/

/*.creative-corner-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #ff62bd;*/
/*left: 586px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.covid-19-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #71b82b;*/
/*left: 781px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.bottom-header.creative-corner-link-lines .creative-corner-link:after {*/
/*height: 100%*/
/*}*/

/*.bottom-header.covid-19-link-lines .covid-19-link:after {*/
/*height: 100%*/
/*}*/


/*.covid-19-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 0%;*/
/*background: #71b82b;*/
/*left: 978px;*/
/*top: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .5s*/
/*}*/

/*.bottom-header.creative-corner-link-lines .creative-corner-link:before {*/
/*height: 100%*/
/*}*/

/*.bottom-header.covid-19-link-lines .covid-19-link:before {*/
/*height: 100%*/
/*}*/

/*.digital-marketing-link:after {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 00%;*/
/*background: #529ef5;*/
/*left: 1039px;*/
/*bottom: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .1s*/
/*}*/

/*.bottom-header.digital-marketing-link-lines .digital-marketing-link:after {*/
/*height: 100%*/
/*}*/

/*.digital-marketing-link:before {*/
/*content: '';*/
/*position: absolute;*/
/*width: 2px;*/
/*height: 0%;*/
/*background: #529ef5;*/
/*left: 1248px;*/
/*top: 0;*/
/*transition-property: all;*/
/*transition-duration: .5s;*/
/*transition-delay: .5s*/
/*}*/

/*.bottom-header.digital-marketing-link-lines .digital-marketing-link:before {*/
/*height: 100%*/
/*}*/

/*.testimonial .carousel-inner .item > img {*/
/*width: 100%*/
/*}*/

.sv-tab-panel .business-essentials-main-wrap {
    min-height: auto
}

.sv-tab-panel .packaging-essentials-main-wrap {
    min-height: 570px
}

.sv-tab-panel .trade-essentials-main-wrap {
    min-height: 500px
}

.sv-tab-panel .sign_banners_bg:after {
    bottom: -70px
}

.sv-tab-panel .marketing-essentials-main-wrap {
    min-height: 450px
}

.sv-tab-panel .stickers-essentials-main-wrap {
    min-height: 600px
}

.sv-tab-panel .sign_banners_bg {
    padding-left: 30px;
    padding-top: 8px
}

.sv-tab-panel .marketing-essentials-main-wrap {
    padding: 15px 25px
}

.sv-tab-panel .packaging-essentials-main-wrap {
    padding: 15px 25px
}

.sv-tab-panel .promotional-essentials-main-wrap {
    padding: 30px 25px
}

.sv-tab-panel .stickers-essentials-main-wrap {
    padding: 30px 25px
}

.sv-tab-panel .trade-essentials-main-wrap {
    padding: 15px 25px
}

.sv-tab-panel .sign_banners-main-wrap {
    padding: 20px 9px;
    z-index: 999
}

.client_logos1 .col-md-4 .bgimage img {
    height: fit-content
}

.client_logos1 .col-md-4:first-child {
    padding-left: 0
}

.client_logos1 .col-md-4:last-child {
    padding-right: 0
}


.printing_online ul.printing_category li {
    display: inline-block;
    width: 33%;
}


.printing_online ul.printing_category li:hover {
    box-shadow: none
}

.printing_online ul li .product-desc1 {
    position: absolute;
    text-align: center;
    bottom: 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 138%;
    color: #232323;
    left: 15px;
}

ul.printing_category {
    position: relative;
    padding-bottom: 0
}

.printing_online ul.printing_category li img {
    width: 110%
}

ul.printing_category li img {
    max-width: 100% !important;
}

.printing_online h4 {
    font-size: 14px;
    padding-top: 4px
}

.printing_online h4.show_btn {
    color: #fff;
    font-size: 24px;
    line-height: 25px !important;
    padding: 0 !important
}

ul.printing_category li a {
    position: relative;
    height: 151px;
    display: inline-block;
}

.printing_online h4.show_btn {
    padding: 0 12px !important;
    text-align: left
}

.product-desc1 p {
    padding: 12px 15px 0 !important;
    text-align: left
}

.product-desc1 p i {
    font-size: 27px;
    color: #fff
}

.post_its_bg {
    background-color: #87bcbc
}

.soft_touch_bg {
    background-color: #e2d6ca
}

.hangtags_bg {
    background-color: #83b7c5
}

.foil_bg {
    background-color: #c99b4b
}

.foil_bg1 {
    background-color: #b4adb8
}

.foil_bg3 {
    background-color: #e19e4c
}

.foil_bg2 {
    background-color: #c4bdbe
}

.media-middle {
    vertical-align: top !important
}

.client_logos1 {
    margin-top: 30px
}

.bottom-header ul li.custom-btn_quote {
    float: right;
    position: absolute;
    right: 11px;
    bottom: 0;
    background-color: #fff;
    color: #333 !important;
    border: 2px solid #21A3B9;
    border-bottom: 0;
    z-index: 9
}

.bottom-header ul li.custom-btn_quote.border-0 {
    border: 2px solid transparent;
    border-bottom: 0;
    z-index: 0
}

.bottom-header ul li.custom-btn_quote a:hover {
    background-color: #21A3B9;
    color: #fff
}

.bottom-header ul li.custom-btn_quote a {
    color: #272727
}

.main_banner_slider .carousel-caption.third {
    top: 4%
}

.main_banner_slider .carousel-caption h2 {
    font-weight: bold;
    font-size: 45px;
    line-height: 59px;
    color: #FFFFFF;
    text-shadow: none;

}

.main_banner_slider .carousel-caption h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 250%;
    text-align: center;
    letter-spacing: 0.03em;
    background: #FDAE38;
    border-radius: 17px;
    text-shadow: none;
}

.main_banner_slider.fifth h1 {
    color: #272727;
    font-size: 58px;
    width: 100%;
    font-weight: 600;
    line-height: 70px;
    text-shadow: none
}

.main_banner_slider.fith h5 {
    width: 100%
}

.carousel-caption.fifth h1 {
    width: 100%
}

.carousel-caption.fifth h5 {
    width: 100%
}

.main_banner_slider .carousel-caption.fifth {
    top: 4% !important
}

.carousel-caption.seventh h5 {
    width: 100%
}

.main_banner_slider.seventh h1 {
    color: #272727;
    font-size: 58px;
    width: 100%;
    font-weight: 600;
    line-height: 70px;
    text-shadow: none
}

.main_banner_slider.seventh h5 {
    width: 100%
}


.carousel-caption.seventh h1 {
    width: 100%
}


.looking_box h3 {
    text-transform: capitalize !important
}


#browse-category li.nav-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid transparent;
}

#browse-category li.active a {
    background: transparent !important;
    border-bottom: 1px solid #21A3B9 !important;
}

#browse-category li.nav-item a svg:nth-child(2) {
    opacity: 0;
}

#browse-category .business_banner_btn a {
    background: #FFFFFF;
    border-radius: 3px;
    border: none;
    line-height: 24px !important;
    min-width: 238px;
    height: 30px;
    color: #CACACA !important;
    font-weight: 500 !important;
}

#browse-category .business_banner_btn a:hover {
    background: #21A3B9;
    color: #fff !important;
}

#browse-category li.active a svg:nth-child(2) {
    opacity: 1;
}

#browse-category li.nav-item a svg:first-child, #browse-category li.nav-item a svg:first-child path {
    position: relative;
    top: 3px;
    float: none;
    margin-right: 5px;
    fill: rgb(223, 222, 223);
}

#browse-category li.active a svg:first-child, #browse-category li.active a svg:first-child path {
    fill: #21A3B9;
}


a:hover {
    text-decoration: none !important
}

.large_product img {
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
    width: 100%;
}

.large_product img:hover {
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
}


.myCarousel-main-wrapper {
    margin-top: 0
}

.can-not-find-wrap a {
    box-shadow: none !important
}


.logobox:first-child img {
    filter: grayscale(0) !important;
    opacity: 1 !important
}


.new_products .col-md-4:last-child {
    padding-right: 0
}

.carousel-caption.seventh h5 i {
    color: #cc8e80
}


li.list-group-item.submenu-option.nomenu {
    display: none
}

.content-link-lines .content-link .dropdown-toggle, .creative-corner-link-lines .creative-corner-link .dropdown-toggle, .hover .all-print-products-link .dropdown-toggle, .top-products-link-lines .top-products-link .dropdown-toggle, .covid-19-link-lines .covid-19-link .dropdown-toggle {
    margin-bottom: -5px;
    z-index: 9;
    background: #fff
}

.dropdown.dropdown-megamenu.all-print-products-link:hover ~ .top-products-link .dropdown-container.open .grid-item.Categories {
    display: block !important
}

.hover-custom .dropdown-container.open div#all_grid {
    display: contents !important
}

.see_all_products .submenu {
    background-color: transparent !important;
    padding: 0;
    box-shadow: unset;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 0 !important;
    margin-bottom: 00px !important
}

.see_all_products .submenu ul {
    padding: 12px 22px 10px;
    background-color: #fff !important
}

.see_all_products .submenu .panel-heading {
    background-color: #fff !important;
    margin-left: 0;
    padding-left: 0 !important
}

.see_all_products .submenu .panel-heading h4 a {
    width: 100% !important;
    font-size: 12px
}

.our-most-popular-ul-main .submenu-option .submenu {
    background: 0 0;
    padding: 0;
    box-shadow: unset;
    width: 100%;
    background: white;
    max-height: 50vh !important;
    overflow-y: scroll;
}

.our-most-popular-ul-main .submenu-option .submenu::-webkit-scrollbar {
    width: 3px;
}

.our-most-popular-ul-main .submenu-option .submenu::-webkit-scrollbar-thumb {
    background-color: #21A3B9;
    border-radius: 100px;
}

.our-most-popular-ul-main .submenu-option .submenu::-webkit-scrollbar-track {
    background: #F8F8F8;
    border-radius: 100px;
}

/*.main-featured-product ul li.submenu-option:before {*/
/*content: '';*/
/*position: absolute;*/
/*right: -2px;*/
/*top: 0;*/
/*background: #fff;*/
/*width: 2px;*/
/*height: 100%;*/
/*z-index: 99999;*/
/*opacity: 0*/
/*}*/


.main-featured-product ul li.submenu-option:hover:before {
    opacity: 1
}

.our-most-popular-ul-main .submenu-option .submenu ul {
    background: #fff;
    padding: 10px 5px 10px 40px
}

.most_popular_sub_menu_ul {
    overflow: auto;
    margin-bottom: 5px !important
}


.our-most-popular-ul-main .submenu .panel-heading {
    margin-left: 0;
    background: #fff
}

.col-md-8.col-sm-8.printing-middle-area {
    float: right;
    width: calc(100% - 325px)
}

.our-most-popular-ul-main .submenu .panel-heading h4 a {
    font-size: 11px !important
}

.submenu-option .submenu.hover.make_columns {
    display: flex;
    flex-wrap: wrap;
    width: 200% !important
}

.site-category-comman-title h4 {
    font-size: 24px;
    margin: 0;
    padding-left: 35px;
    position: relative;
    margin-bottom: 25px;
    font-weight: 600
}

.site-category-comman-title h4:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px
}

.site-category-shop-the-most-popular-wrap .site-category-comman-title h4:after {
    background: url(https://cdn.4over4.com/assets/images/static/category-star.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px
}

.site-category-business-card-wrap .site-category-comman-title h4:after {
    background: url(https://cdn.4over4.com/assets/images/static/category-tag.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px
}

.col-md-12.site-category-comman-title {
    padding: 0 15px !important
}

.product_group_box.site-category-shop-the-most-popular-listing-item {
    display: inline-flex;
    height: auto !important;
    min-height: auto !important;
    margin-bottom: 0;
    border: 0;
    transition: all .5s ease-in-out;
    overflow: hidden;
    width: 100%;
    cursor: pointer
}

.product_group_box.site-category-shop-the-most-popular-listing-item:hover {
    box-shadow: 0 -2px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.product_group_box.site-category-shop-the-most-popular-listing-item:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #34caa4;
    width: 100%;
    height: 4px;
    opacity: 0;
    transition: all .5s ease-in-out
}

.product_group_box.site-category-shop-the-most-popular-listing-item:hover:after {
    opacity: 1;
    bottom: 0
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description, .product_group_box.site-category-shop-the-most-popular-listing-item a.site-category-shop-the-most-popular-images {
    width: 50%;
    display: inline-flex;
    flex-direction: column;
    height: 218px
}

.product_group_box.site-category-shop-the-most-popular-listing-item a.site-category-shop-the-most-popular-images img {
    height: 100%;
    width: 100%;
    margin-bottom: 0
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description {
    padding: 15px 20px;
    transition: all .5s ease-in-out;
    background: #d8c8a8
}

.row.page_title.site-category-business-card-wrap, .row.page_title.site-category-shop-the-most-popular-wrap {
    margin-bottom: 0
}

.site-category-shop-the-most-popular-wrap .catalog_item:nth-child(3) .product_group_box.site-category-shop-the-most-popular-listing-item .description {
    background: #cbc9d5
}

.site-category-shop-the-most-popular-wrap .catalog_item:nth-child(4) .product_group_box.site-category-shop-the-most-popular-listing-item .description {
    background: #a3c8d8
}

.product_group_box.site-category-shop-the-most-popular-listing-item:hover .description, .site-category-shop-the-most-popular-wrap .catalog_item:nth-child(3) .product_group_box.site-category-shop-the-most-popular-listing-item:hover .description, .site-category-shop-the-most-popular-wrap .catalog_item:nth-child(4) .product_group_box.site-category-shop-the-most-popular-listing-item:hover .description {
    background: #fff
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description span.price {
    position: relative;
    bottom: unset;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    transition: all .5s ease-in-out;
    margin-top: 15px
}

.product_group_box.site-category-shop-the-most-popular-listing-item:hover .description span.price {
    color: #34caa4
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description a h3 {
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    min-height: 35px
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description ul {
    margin-top: 10px
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description ul li {
    box-shadow: unset;
    font-size: 12px;
    color: #5f5e5e;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px
}

.product_group_box.site-category-shop-the-most-popular-listing-item .description ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transition: all .5s ease-in-out
}

.product_group_box.site-category-shop-the-most-popular-listing-item:hover .description ul li:after {
    background: #34caa4
}

.site-category-business-card-details-wrap .product_group_box {
    border: 1px solid #cbc9d5;
    position: relative;
    box-shadow: 0 3px 6px transparent, 0 3px 6px transparent;
    transition: all .5s ease-in-out;
    margin-bottom: 15px;
    overflow: hidden;
    cursor: pointer
}

.site-category-business-card-details-wrap .product_group_box:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.site-category-business-card-details-wrap .product_group_box:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    background: #34caa4;
    width: 100%;
    height: 4px;
    opacity: 0;
    transition: all .5s ease-in-out
}

.site-category-business-card-details-wrap .product_group_box:hover:after {
    opacity: 1;
    bottom: 0
}

.site-category-business-card-details-wrap .product_group_box a.site-category-business-card-details-img {
    display: block
}

.site-category-business-card-details-wrap .product_group_box a.site-category-business-card-details-img img {
    height: 173px;
    object-fit: cover;
    margin-bottom: 0
}

.site-category-business-card-details-wrap .product_group_box .description {
    padding: 15px
}

.site-category-business-card-details-wrap .product_group_box .description .price {
    position: relative;
    bottom: unset;
    font-size: 15px;
    color: #34caa4;
    text-transform: uppercase;
    font-weight: 500
}

.site-category-business-card-details-wrap .product_group_box .description a h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    min-height: 52px;
    text-align: left
}

.site-category-business-card-details-wrap .product_group_box .description ul {
    margin-top: 10px
}

.site-category-business-card-details-wrap .product_group_box .description ul li {
    box-shadow: unset;
    font-size: 12px;
    color: #5f5e5e;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px
}

.site-category-business-card-details-wrap .product_group_box .description ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: #34caa4;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.site-main-banner-section-wrap img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.site-main-banner-section-wrap .site-main-banner-section-text {
    line-height: normal;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: 45px
}

.site-main-banner-section-wrap .site-main-banner-section-text h1 {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    line-height: normal;
    color: #fff;
}

.site-main-banner-section-wrap .site-main-banner-section-text span {
    color: #21A3B9;
    display: block;
    font-weight: 400
}

.category-hero-wrapper {
    position: relative;
    padding: 0 0 !important;
    margin-bottom: 2rem;
}

.category-hero-wrapper .overlay {
    position: absolute;
    background: rgb(0 0 0 / 40%);
    height: 100%;
    width: 100%;
}

.padding-40, .site-main-banner-section-wrap {
    padding-bottom: 40px
}

.row.catalog.site-category-business-card-wrap.padding-40 {
    margin-bottom: 0;
    padding-bottom: 0
}

.site-category-commnaly-main-wrap h2, .site-category-premium-business-card-printing-wrap h3, .site-category-print-business-cards-wrap h2, .site-category-print-business-cards-wrappper h3 {
    font-weight: 600;
    font-size: 24px
}

.site-category-commnaly-main-wrap p, .site-category-commnaly-main-wrap ul li, .site-category-premium-business-card-printing-wrap p, .site-category-print-business-cards-wrappper p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500
}

.site-category-commnaly-business-card-pop p, .site-category-commnaly-business-card-pop ul li {
    margin-bottom: 20px
}

section.site-category-premium-business-card-printing-wrap h3 {
    margin-bottom: 20px
}

.site-main-banner-section-wrap {
    padding-left: 15px;
    padding-right: 15px
}

.site-category-commnaly-main-wrap ul li b {
    color: #34caa4;
    font-weight: 500
}

.site-category-print-business-cards-wrappper {
    padding-bottom: 40px
}

.site-category-premium-business-card-printing-wrap .site-category-premium-business-card-normal-text {
    position: absolute;
    top: 0;
    width: 49%;
    padding: 15px 30px
}

.site-category-premium-business-card-printing-wrap img.img-responsive {
    height: 650px;
    object-fit: cover
}

section.site-category-premium-business-card-printing-wrap {
    position: relative
}

.site-category-commnaly-main-wrap h2 {
    margin-bottom: 20px
}

.site-breadcrumb-main-wrap {
    padding: 15px 0;
}

.sticky .site-breadcrumb-main-wrap {
    padding: 0;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.21);
    height: 60px;
}


.site-breadcrumb-main-wrap ul li i {
    color: #c3c3c3
}


.site-breadcrumb-main-wrap ~ .main-featured-product {
    margin-top: 20px
}

.breadcrumb-wrap li a, .site-breadcrumb-main-wrap ul a {
    color: #595959;
    font-size: 12.23px;
    margin: 0 10px;
    transition: all .5s ease-in-out
}

.site-breadcrumb-main-wrap ul li a:hover, .site-breadcrumb-main-wrap ul li.active a {
    color: #21A3B9
}

.col-md-8.col-sm-8.search-middle-area {
    width: 74%;
    float: right;
    z-index: 1
}

.search-middle-area .search_result .search_img img {
    max-width: 100%
}

.main-featured-product .search-middle-area #search_results .search_result {
    padding-left: 15px;
    padding-right: 15px
}

.search-middle-area .search-middle-h-one {
    font-size: 28px;
    font-weight: 600;
    color: #272727
}

.search-middle-area .search-middle-h-one span {
    color: #21A3B9;
    font-weight: 400
}

.search-middle-area .ci_inner_div {
    background: #f3f3f3;
    padding: 35px
}

.search-middle-area .ci_inner_div .er-top-head {
    border: 0
}

.search-middle-area .ci_inner_div .er-top-head .er_search_results_count {
    padding: 0 0 10px;
    color: #0c0c0c;
    font-size: 14px;
    font-weight: 500
}

.search-middle-area .ci_inner_div #er_search_results {
    background: #fff;
    padding: 30px 40px;
    border-bottom: 1px solid #e6e6e6
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box .image {
    margin-right: 15px
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box .er-search-result-top_section .title a {
    font-size: 19px;
    font-weight: 400;
    color: #1f1f1f
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box:hover .er-search-result-top_section .title a, .search-middle-area .ci_inner_div #er_search_results .er-search-result-box:hover .er-search-result-top_section .title a .er_highlight {
    color: #21A3B9
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box .er-search-result-top_section .title a .er_highlight {
    font-weight: 600;
    color: #1f1f1f
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box .er-search-result-top_section .url a {
    color: #919191;
    font-weight: 400;
    font-size: 13px
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box section.er-micro-data {
    display: flex;
    color: #21A3B9
}

.search-middle-area .ci_inner_div #er_search_results .er-search-result-box .er-micro-data .er-brand, .search-middle-area .ci_inner_div #er_search_results .er-search-result-box .er-micro-data .er-price {
    color: #21A3B9;
    font-size: 15px;
    font-weight: 600
}

.search-middle-area .ci_inner_div div#er_search_results .er-search-result-box a.imagelink .image img {
    border-radius: 15px
}

.search-middle-area .ci_inner_div div#er_search_results .er-search-result-box a.imagelink .text {
    color: #414141;
    font-weight: 400
}

.search-middle-area .ci_inner_div div#er_search_results .er-search-result-box a.imagelink .text .er_highlight {
    color: #414141;
    font-weight: 600
}

.search-middle-area #er_search_results .er-search-result-box {
    font-family: 'Work Sans', sans-serif
}

.catogory-main-vertical-tabs-wrapp ul li a img, .main-featured-product ul li a img {
    max-width: 18px;
}

.submenu-option .icon-wrapper {
    display: inline-block;
    padding-right: 0;
    width: 18px;
    height: 22px;
    display: none;
}

.submenu-option .icon-wrapper svg {
    height: 37px;
    max-width: 18px;
}

.submenu-option:hover .icon-wrapper svg path {
    fill: #000;
}

.custom-breadcrumb-main-wrap.site-breadcrumb-main-wrap ul li a:hover, .site-breadcrumb-main-wrap ul li.active a {
    color: #21A3B9
}

.product-page-header .site-logo-main-wrap img {
    width: 350px;
    margin-top: 5px
}

.product-page-header.sticky {
    border-bottom: 1px solid #E3E3E3;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.21);
    height: 60px;
}


.site-main-banner-with-form-main-wrap .row {
    display: flex
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-img-wrap {
    height: 100%;
    display: inline-flex;
    align-items: center
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-img-wrap img {
    width: 95%;
    margin: 0 auto;
    display: none
}

.site-main-banner-with-form-countdown-wrap {
    background: #fff;
    text-align: left;
    padding: 15px 28px;
    border-radius: 10px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap {
    position: relative;
    background: #FFFFFF;
    z-index: 3;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.21);
    border-radius: 10px;
}


.site-main-banner-with-form-countdown-wrap .site-main-banner-with-form-countdown-title {
    letter-spacing: .5px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 142.4%;
    color: #9A9A9A;
}

.site-main-banner-with-form-countdown-subtitle span.ipc_selected-industry,
.site-main-banner-with-form-countdown-subtitle h1 {
    font-style: normal;
    display: block;
    font-weight: bold;
    font-size: 29px;
    line-height: 36px;
    color: #414C52;
    margin-top: 0;
}

.site-main-custom-form-star-text {
    margin: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 142.4%;
    color: #3E3E3E;
}

.site-main-banner-with-form-countdown-wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto
}

.site-main-banner-with-form-countdown-wrap ul li {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
    font-size: 10.26px;
    font-weight: 400;
    color: #fff;
    position: relative;
    text-transform: uppercase
}

.site-main-banner-with-form-countdown-wrap ul li:after {
    content: ':';
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    right: -4px
}

.site-main-banner-with-form-countdown-wrap ul li:last-child:after {
    display: none
}

.site-main-banner-with-form-countdown-wrap ul li span {
    font-weight: 700;
    color: #fff;
    font-size: 22.96px;
    letter-spacing: .5px
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap {
    background: #fff;
    padding: 15px 0;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-star-text {
    font-size: 11px;
    font-weight: 500;
    color: #9A9A9A;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap h2,
.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #21A3B9;
    margin-top: 0;
}

.design-tabs .tabs-body .item {
    display: none;
    /*height: 100%;*/
}

.design-tabs .tabslist ul {
    display: flex;
    margin: 0;
}


.design-tabs .tabslist {
    background-color: #fff;
    display: inline-block;
}

.ipcContainerRow .design-tabs .tabs-body {
    height: 175px;
}

.tabs-body span.controlls img, .gallery-item-preview .controlls img {
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    z-index: 10;
    width: 30px !important;
    min-width: 30px;
    border-radius: 50%;;
}


.carousel-indicators {
    z-index: 2 !important;
}

.tabs-body span.controlls {
    color: #21A3B9;
    font-size: 20px;
    cursor: pointer;
}

.design-tabs .tabs-body .upload-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    border: 1.5px dashed #AEAEAE;
    margin: 5px auto;
    cursor: pointer;
    box-shadow: 0 0 10px #f3f3f3;
    min-width: 180px;
    width: 95%;
    height: 40px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


.tabs-body span.controlls.right {
    position: absolute;
    right: 10px;
}

.tabs-body span.controlls.left {
    position: absolute;
    left: 10px;
}

.design-tabs .tabs-body .templates-list li {
    background: #dedede63;
}

.site-main-another-comman-title-wrap {
    overflow: hidden;
    min-height: 30px;
    margin-bottom: 10px;
}


.er-dummy-search-box {
    border: 1px solid #CDCDCD;
    box-sizing: border-box;
    border-radius: 2px !important;
    line-height: 1;
    height: 39px !important;
}

.er-dummy-search-box {
    padding: 0 0 !important;
}

.er-dummy-search-box .er_search_button_dummy {
    border-radius: 2px !important;
    top: 47% !important;
    right: 15px !important;
    padding: 8px 4px;
}

.er-dummy-search-box .er_search_button_dummy:focus {
    border: 1px solid #787878;
}

#download-blank-templates .icons-wrapper p {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #3E3E3E;
    margin-top: 20px;
}


#download-blank-templates .image-wrapper {
    /*background: #F4F4F4;*/
    border-radius: 3px;
    padding: 1rem;
    position: relative;
    min-height: 160px;
}

#download-blank-templates .image-wrapper img {
    width: 100%;
    height: 134px;
    object-fit: contain;
    cursor: pointer;
    display: none;
    background: #F4F4F4;
    padding: 5rem 0;
    box-sizing: content-box;

}

#download-blank-templates .download-title {
    margin: 10px 0;
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0 20px;
}

#download-blank-templates .download-title span {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 152%;
    color: #3E3E3E;
    text-align: center;
    display: inline-block;
    margin: 0 auto;

}

#download-blank-templates {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 20px;
    min-height: 387px;
}

#download-blank-templates .zoom {
    position: absolute;
    right: 10px;
    top: 10px;
    background: rgba(255, 255, 255, 0.61);
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    border-radius: 2px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    display: none;
}


#download-blank-templates .icons-wrapper li {
    background: #FFFFFF;
    border: 2px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    width: 57px;
    height: 57px;
    position: relative;
    cursor: pointer;
    margin: 10px 10px 0 0;
}

#download-blank-templates .icons-wrapper li a {
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 5px;
}

#download-blank-templates .icons-wrapper li a.disabled img {
    opacity: .5;
}

#download-blank-templates .icons-wrapper li a img {
    height: 100%;
}


#download-blank-templates .icons-wrapper ul {
    display: flex;
    align-items: center;
    margin: 10px 0;
    border-color: #DCDCDC;
}

#download-blank-templates .icons-wrapper li span {
    background: #21A3B9;
    border: 2px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    position: absolute;
    right: -5px;
    top: -5px;

}

.site-main-design-guidelines-img-wrap::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.site-main-design-guidelines-img-wrap::-webkit-scrollbar-thumb {
    background: #21A3B9;
    border-radius: 3px;
}

.site-main-design-guidelines-img-wrap::-webkit-scrollbar-track {
    background: #f4f4f4;
}

ul.templates-widget li {
    width: 32%;
    position: relative;
    display: inline-block;
    height: 285px;
    margin-bottom: 15px;
    cursor: pointer;
}

ul.templates-list {
    margin: 0 0 0 5px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    padding: 15px 0;
    clear: both;
    height: 160px;
    display: flex;

    scrollbar-color: #21A3B9 #f4f4f4;
    scrollbar-width: thin;
}


ul.templates-list li {
    margin-right: 23px;
    margin-bottom: 23px;
    cursor: pointer;
    display: inline-block;
}

ul.templates-widget::-webkit-scrollbar {
    display: none;
}


.product-templates-controls span[disabled="disabled"] {
    pointer-events: none;
}

.product-templates-controls span img {
    height: 25px !important;
}

.selected-template {
    background: #FFFFFF !important;
    position: relative;
    border: 2px solid #dedee0;
    border-radius: 3px;
    text-align: center;
}

.selected-template p {
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    color: #21A3B9;
    margin-top: 6px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;

}

.selected-template .check-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    background: white;
    border-radius: 50%;
    padding: 3px;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.selected-template .check-icon i {
    background: #81C719;
    border-radius: 50%;
    color: white;
    width: 20px;
    height: 20px;
    font-size: 13px;
    padding: 3px 0;
}

.selected-template img {
    padding: 1.5rem;
}

.tabs-body .tabs-wrrapper {
    display: flex;
    align-items: center;
    position: relative;
}


.ipcContainerRow .templates-list li img {
    max-width: 100%;
}

.ipcContainerRow .templates-list li {
    width: 126px;
    min-width: 126px;
    height: 126px !important;
}


ul.templates-list::-webkit-scrollbar {
    display: none;
}

.design-tabs {
    margin-top: 10px;
}

.design-tabs .tabslist ul li .target {
    padding: 0 15px;
}


.templates-widget .link-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #A3A3A3;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff !important;
    text-align: center;
}

.templates-widget .link-item.scratch {
    float: left;
}

.templates-widget .link-item.more {
    float: none;
    display: inline-flex;
}


.templates-widget .link-item .text {
    font-style: normal;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    line-height: 2;
    color: #3E3E3E;
}


.templates-widget .link-item .small-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #9C9C9C;
}


.templates-widget .link-item .icon {
    background: #51C719;
    border-radius: 3px;
    color: #fff;
    margin: 7px auto;
    width: 71px;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-item span {
    display: block;
}


.design-tabs .tabslist ul li:nth-child(3) {
    padding: 0;
}

.design-tabs .tabslist ul li.active {
    color: #21A3B9;
    border: 1px solid #21A3B9;
    border-bottom: none;
    background: transparent !important;

}

.design-tabs .tabslist ul li.active svg path {
    fill: #21A3B9;
}

.design-tabs .tabs-body .item.active {
    display: block;

}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap h2 span {
    display: block
}

.design-tabs .tabs-body #browse_upload_file_now {
    text-decoration: none;
    text-align: center;
    margin: 0 auto !important;
    color: #AEAEAE;
    font-weight: 500;
    font-size: 16px;
    position: absolute;
    top: 31%;
    right: 0;
    left: 0;
}


.uploaded-files {
    width: 100%;
    display: flex;
    justify-content: start;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-color: #21A3B9 #fff;
    scrollbar-width: thin;
    padding-bottom: 0;
}

.pl-custom.side-bar {
    position: sticky;
    top: 0;
    z-index: 12;
    box-shadow: 0px 1px 9px rgb(0 0 0 / 24%);
    border-radius: 10px;
}

.uploaded-files .file-item {
    background: #F9F9F9;
    border: 1px dashed #D2D2D2;
    box-sizing: border-box;
    border-radius: 4px;
    width: 115px;
    position: relative;
    height: 120px;
    margin-right: 1rem;
}

.uploaded-files .file-item input[role="upload-design"] {
    width: 115px;
    height: 115px;
    opacity: 0;
    cursor: pointer;
}

.uploaded-files .file-item i {
    position: absolute;
}

.hamburger-menu-top-block {
    padding: 20px 30px !important;
    direction: initial !important;
}


.hamburger-menu-top-block p {
    font-weight: 600;
    font-size: 25px;
    line-height: 120%;
    color: #21A3B9;
    display: flex;
    align-items: center;
}

.hamburger-menu-top-block p svg {
    margin-right: 10px;
}

.hamburger-menu-top-block p svg path {
    fill: #27a3b9;
}

.uploaded-files .file-item:last-child {
    margin-right: 0;
}

.uploaded-files .file-item p {
    margin: 0;
    line-height: 1;
    padding: 0 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
}

.uploaded-files p.file-name {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #21A3B9;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.uploaded-files p.file-zise {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
    margin: 0;
}

.uploaded-files .file-item img {
    height: 65px !important;
    width: 85%;
    border-radius: 5px !important;
    margin: 9px auto !important;
    display: block;
    object-fit: contain !important;
}

#uploaded-files {
    padding: 15px 0;
}

.template-pagination {
    margin: 0 auto;
    text-align: center;
}

.template-pagination .page-numbers.current {
    color: #fff !important;
    background: #01ba97 !important;
}

.template-pagination span {
    margin: 2rem auto;
    font-weight: 600;
    font-size: 17px;
    color: #21A3B9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

.template-pagination span svg {
    margin-left: 10px;
}

#templates-fs .text-wrap i {
    position: initial !important;
}

#templates-fs .text-wrap {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 25%;
}

.file-item.no-img label {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A7A7A7;
    font-size: 2rem;
    cursor: pointer;
    margin: 0;
}

#browse_upload_file_now span {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #21A3B9;
    display: block;
}


#browse_upload_file_now small {
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #BABABA;
}

.browse_upload_file_now .gray-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #BABABA;
}


.upload-wrapper label {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.upload-wrapper {
    position: relative;
}

.upload-wrapper-disabled {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background: grey !important;
    z-index: 99999;
    opacity: 30%;
    cursor: default;
    display: none;
}


.upload-wrapper img.uploaded-file {
    height: 100% !important;
    padding: 10px;
    object-fit: contain !important;
    max-width: 100%;

}

.uploaded-file.new {
    display: none;
}

.desing-loader {
    z-index: 9999;
    background: rgb(125 125 125 / 35%);
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.7;
    display: none;
}

.desing-loader div {
    background-size: 105px 105px !important;
    height: 100% !important
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap {
    display: flex;
    align-items: center;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review-star {
    width: 70%;
    display: inline-flex;
    align-items: center
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review {
    width: 30%;
    display: inline-flex
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review {
    justify-content: flex-end
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review-star i {
    font-size: 18px;
    color: #21A3B9;
    margin-right: 5px
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review-star p {
    font-size: 11px;
    margin-left: 10px;
    font-weight: 400
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review-star p span {
    color: #21A3B9
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review a {
    font-size: 11px;
    text-decoration: underline;
    font-weight: 400;
    color: #595959;
    transition: all .5s ease-in-out
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-custom-form-review-star-wrap .site-main-custom-form-review a:hover {
    color: #21A3B9
}


.site-main-banner-with-form .site-main-banner-with-form-select-box {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    border: 0 !important;
    clear: both;
}

.site-main-banner-with-form .site-main-banner-with-form-select-box label {
    font-size: 14px;
    text-transform: capitalize;
    min-width: 140px;
    max-width: 140px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 142.4%;
    color: #414C52;
}


.control-label i {
    cursor: pointer;
}

.site-main-banner-with-form .site-main-banner-with-form-select-box select {
    -webkit-appearance: none;
    width: 100%;
    padding: 0 35px 0 15px;
    height: 41px;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #3E3E3E;
    background: url(https://cdn.4over4.com/assets/images/printing/select-drop-arrow.png) #fff !important;
    background-position: 90% 50% !important;
    background-repeat: no-repeat !important;
    border: 1.4px solid #D1D1D1;
    box-sizing: border-box;
    border-radius: 4px;
}

.site-main-banner-with-form .site-main-banner-with-form-select-box .quantity-ranger select.quantity-combo {
    background: none !important;
    margin: 0 5px;
    width: 62px;
    text-align: center;
    padding: 0 16px;
}

#ipc .attributes .attribute.static span {
    /*background: #F7F7F7;*/
    /*border: 1px solid #CECECE;*/
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    display: block;
    height: 35px;
    /*line-height: 35px;*/
    padding: 0 10px !important;
    font-weight: 500;
    font-size: 14px;
    color: #3E3E3E;
}

#ipc .price_details .form-group select option {
    background: #ffffff;
    color: #5b5b5b;
}

#ipc .price_details .form-group select option:hover {
    background: red !important;
    color: #ffffff !important;
}

optgroup {
    background: #ffffff;
    color: #00bb95 !important;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap {
    display: flex;
    border-top: none;
    /*background: #F9F9F9;*/
    padding: 0 10px;
    flex-direction: column;
}

.arrow-gif {
    cursor: pointer;
}

.arrow-gif.hidden img {
    opacity: 0;
}


#information-popup p {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 178.7%;
    color: #8E8E8E;

}

#information-popup table tr {
    border: 1px solid #D3D3D3;
}

#information-popup table thead tr {
    border-color: #21A3B9;
}

#information-popup .top-row {
    background: #21A3B9;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 27px 10px;
}

#information-popup .top-row .square {
    background: #EDF7F6;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 5px;
    width: 219px;
    height: 188px;
    margin: 0 auto;
}

#information-popup .bottom-row {
    text-align: center;
    margin: 4rem auto;
}

#information-popup .bottom-row p {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 187.7%;
    color: #000000;
    margin: 0;
}

#information-popup .bottom-row p:last-child {
    color: #7B7B7B;
}

#information-popup .success h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #51C719;
    margin: 0;
}

#information-popup .middle-row {
    margin: 3rem auto;
}

#information-popup .danger h4 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #FD1414;
}

#information-popup .top-row .square-2 {
    border: 1px solid #21A3B9;
    border-radius: 1px;
    width: 70%;
    height: 85%;
    margin: 0 auto;
    margin-top: 15%;
}

#information-popup .top-row .square-3, .top-row .square-4 {
    width: 90%;
    border: 1px solid #21A3B9;
    border-radius: 1px;
    margin: 0 auto;
    margin-top: 6%;
    height: 100%;

}

#information-popup .row {
    display: flex;
}

#information-popup .top-row .square-3 {
    border-style: dashed;
}

#information-popup table td {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 187.7%;
    color: #000000;
    padding: 8px 1rem;
}


#information-popup table thead td {
    color: #21A3B9;
}

#information-popup h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #252525;
}

.top-row p, .top-row h4 {
    color: white !important;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total, .site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total-submit {
    display: inline-flex;
    width: 50%;
    flex-direction: column;
    line-height: normal;
    justify-content: center
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total span {
    font-size: 13px;
    color: #000;
    font-weight: 500
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total p {
    color: #1dbba1;
    font-weight: 600;
    font-size: 30px
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total-submit button {
    width: 100%;
    height: 100%;
    background: #ff7e00;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-right: 20px;
    transition: all .5s ease-in-out
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total-submit button:hover {
    background: #1dbba1;
    color: #fff
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-form-sub-total-wrap .site-main-banner-with-form-sub-total-submit button:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.4over4.com/assets/images/printing/button-play.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-banner-with-custom-form-price .price-title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 142.4%;
    color: #414C52;
    margin: 0;
}

.site-main-banner-with-custom-form-submit-total .col-md-4:nth-child(2) .site-main-banner-with-custom-form-price p.price-title {
    color: #3d3d3d;
    font-weight: 500;
}

.site-main-banner-with-custom-form-submit-total div#print-total-total.site-main-banner-with-custom-form-price p.price-value.product_total_total {
    font-size: 17px !important;
    color: #515151;
    font-weight: 400;

}

.site-main-banner-with-custom-form-submit-total div#print-total-total.site-main-banner-with-custom-form-final-price, .site-main-banner-with-custom-form-submit-total div#print-total-total.site-main-banner-with-custom-form-price {
    background: 0 0;
}

.site-main-banner-with-custom-form-price .price-value, .upsell-discounted-price {
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: #21A3B9;
}

.site-main-banner-with-custom-form-price .price-value.free {
    font-weight: bold;
    font-size: 25px;
    line-height: 29px
}

.site-main-banner-with-custom-form-price .price-value.line-through {
    text-decoration: line-through;
    font-size: 16px;
    color: #757575 !important;
    font-weight: 500;
}

.printing-discount-main-wrap {
    color: #fc4e3c !important;
    font-weight: bold !important;
}

.site-main-banner-with-custom-form-final-price {
    text-align: right
}

.site-main-banner-with-custom-form-final-price .price-title {
    font-size: 13.12px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    color: #595959;
    text-transform: capitalize
}

.site-main-banner-with-custom-form-submit-total div#print-total-total.site-main-banner-with-custom-form-final-price .price-value, .site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-submit-total .site-main-banner-with-custom-form-final-price .price-value {
    color: #1dbba1;
    font-size: 21.86px !important;
    font-weight: 600;
    margin-bottom: 0;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-submit-total .col-md-4 {
    padding: 0 8px;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap {
    text-align: center;
    margin: 15px 0;
}


.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap p {
    font-size: 14.61px;
    font-weight: 600;
    position: relative;
    margin-bottom: 5px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap p svg {
    margin-right: 5px;
}


.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap span {
    font-size: 12.86px;
    color: #535353;
    font-weight: 400;
    letter-spacing: 0.5px;
}


.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap ul {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 0;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap ul li {
    width: 25%;
    display: inline-flex;
    background: #fff;
    border-radius: 0;
    border: 1px solid #d6d6d6;
    align-items: center;
    justify-content: center;
    padding: 5px;
    height: 40px;
    margin-right: 10px
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap ul li:last-child {
    margin-right: 0
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-slider-wrap {
    margin-bottom: 15px
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-slider-wrap .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
    display: inline-block;
    transform: translateY(-50%)
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-slider-wrap .owl-nav button.owl-prev {
    left: -10px;
    position: absolute
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-slider-wrap .owl-nav button.owl-next {
    right: -10px;
    position: absolute
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-slider-wrap .owl-nav button {
    width: 25px;
    height: 25px;
    background: #fff;
    font-size: 30px;
    border-radius: 50%;
    outline: 0;
    color: #777;
    border: 1px solid #d6d6d6
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-with-custom-form-slider-wrap .owl-nav button span {
    position: relative;
    top: -12px;
    left: 0;
    color: #777
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-button-links {
    margin: 0px 0 10px;
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-button-links button {
    width: 100%;
    background: #21A3B9;
    border: 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    height: 41px;
    position: relative;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 3px;
    letter-spacing: .5px;
    transition: all .5s ease-in-out
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-button-links button:hover {
    border: 2px solid #21A3B9;
    background: #fff;
    color: #21A3B9
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-button-links button:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.4over4.com/assets/images/printing/button-play.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-banner-with-form-wrap .site-main-banner-with-custom-form-wrap .site-main-banner-shop-with-confidence-wrap ul li img {
    width: 100px
}

.site-main-banner-with-calendar {
    text-align: center;
    background: #EBEBEB;
    height: 50px;
    border-radius: 0 0 4px 4px;
}


.site-main-banner-with-calendar a.link, .site-main-banner-with-calendar a.link:focus {
    color: #272727;
    font-size: 14px;
    padding: 15px 0;
    font-weight: 600;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.site-main-banner-with-calendar a svg {
    margin-right: 10px;
}


h3.pr-section-title, h2.pr-section-title {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #272727;
    margin: 0;
}

.site-main-4over4-title-wrap h3 span {
    color: #21A3B9
}

.site-main-4over4-title-wrap p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #2D2D2D;
}

/* for seo change unnecessary header */
.to-h2 {
    font-size: 22px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.to-h2-f23 {
    font-size: 23px !important;
}


.site-main-trusted-by-fortune-discount-wrap {
    background: #21A3B9;
    padding: 50px 30px 50px;
    margin-bottom: -185px
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper h3 {
    font-size: 25px
}

.site-main-trusted-by-fortune-discount-wrap .coupan-code {
    display: inline-block;
    padding: 10px 45px;
    border: 1px dashed #fff;
    color: #fff;
    border-radius: 50px;
    position: relative;
    margin-bottom: 15px;
    font-size: 14.94px;
    font-weight: 700;
    letter-spacing: .5px
}

.site-main-trusted-by-fortune-discount-wrap .coupan-code:after {
    content: '';
    position: absolute;
    right: 40px;
    top: -14px;
    width: 25px;
    height: 25px;
    background: url(https://cdn.4over4.com/assets/images/static/scissor.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-trusted-by-fortune-discount-wrap .site-main-trusted-by-fortune-discount-title {
    font-size: 25.97px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px
}

.site-main-trusted-by-fortune-discount-wrap .site-main-trusted-by-fortune-discount-subtitle {
    font-size: 14.94px;
    color: #fff;
    font-weight: 400;
    letter-spacing: .5px
}

.site-main-trusted-by-fortune-discount-wrap button {
    background: #e47100;
    border: 0;
    padding: 10px 0;
    width: 50%;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    border: 2px solid #e47100;
    position: relative;
    transition: all .5s ease-in-out
}

.site-main-trusted-by-fortune-discount-wrap button:hover {
    border: 2px solid #e47100;
    background: #fff;
    color: #e47100
}

.site-main-trusted-by-fortune-discount-wrap button:after {
    content: '';
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.4over4.com/assets/images/printing/trusted-by-fortune-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-trusted-by-fortune-wrap .site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0
}

.site-main-trusted-by-fortune-wrap .site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap li {
    display: inline-flex;
    width: 20%;
    border: 1px solid #f2f2f1;
    align-items: center;
    padding: 20px 0;
    justify-content: center;
    transition: all .5s ease-in-out
}

.site-main-trusted-by-fortune-wrap .site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap li:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, .1), 0 5px 13px rgba(0, 0, 0, .1)
}

.site-main-trusted-by-fortune-wrap .site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap li img {
    width: 80%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .33;
    transition: all .5s ease-in-out
}

.site-main-trusted-by-fortune-wrap .site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap li:hover img {
    filter: grayscale(0);
    opacity: 1
}

.site-main-finally-meet-you-wrap {
    background: #f1f1f1
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap {
    background: #fff;
    margin-top: 25px;
    padding: 25px
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap .site-main-finally-know-about-us-title {
    font-size: 18px;
    font-weight: 600
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap .site-main-finally-know-about-us-subtitle {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap .site-main-finally-know-about-us-list {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap .site-main-finally-know-about-us-list li {
    width: 25%;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap .site-main-finally-know-about-us-list li p {
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    margin-bottom: 15px;
    min-height: 38px
}

.site-main-finally-meet-you-wrap .site-main-finally-know-about-us-wrap .site-main-finally-know-about-us-list li img {
    width: 70px;
    margin-bottom: 5px
}

.site-main-finally-know-support-team-wrap {
    padding: 50px 0;
    background: #21A3B9;
    position: relative
}

.site-main-finally-know-support-team-wrap:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 19px solid #21A3B9
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-team-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-team-subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-team-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
    width: 75%
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-team-list li {
    margin: 0 15px;
    background: #22a1b6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 25%;
    height: 125px
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-team-list li img {
    height: 40px;
    margin-bottom: 10px
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-team-list li p {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    min-height: 40px
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-sms-text {
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.site-main-finally-know-support-team-wrap .site-main-finally-know-support-sms-text-tracking {
    font-size: 17px;
    color: #fff
}

.site-main-normal-images-wrap {
    padding: 50px 0
}

.site-main-normal-images-wrap .site-main-normal-images-list {
    display: flex
}

.site-main-normal-images-wrap .site-main-normal-images-list li {
    width: 33.33%;
    margin-right: 10px
}

.site-main-normal-images-wrap .site-main-normal-images-list li:last-child {
    margin-right: 0
}

.site-main-dream-it-wrap {
    padding-top: 185px;
    padding-bottom: 50px;
    background: url(https://cdn.4over4.com/assets/images/printing/dream-it-img.png);
    background-position: center;
    background-size: cover
}

.section-custom-padding {
    padding: 50px 0
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap {
    margin-top: 30px
}

.site-main-faqs-wrap {
    background: #EDF7F6
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group {
    margin-bottom: 0
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel {
    border-radius: 0;
    border: 0;
    margin-top: 10px
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel .panel-heading .panel-title {
    font-weight: 500 !important;
    color: #333333 !important;
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel .panel-heading .panel-title a {
    text-decoration: none;
    display: inline-flex;
    width: 92%;
    position: relative;
    align-items: center
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel .panel-heading .panel-title a[aria-expanded=false]:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(https://cdn.4over4.com/assets/images/static/add.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel .panel-heading .panel-title a[aria-expanded=true]:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(https://cdn.4over4.com/assets/images/static/horizontal-line.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel .panel-heading {
    padding: 15px 15px;
    background: #fff !important;
    background-color: #fff !important;

    border: 1px solid #CBE0DD;
    box-sizing: border-box;
    border-radius: 3px;
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-group .panel .panel-heading .panel-title span {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: none;
    color: #21A3B9;
    text-align: center;
    border: 0;
    line-height: 35px;
    border-radius: 50%;
    font-size: 15px;
    margin-right: 15px
}

.site-main-faqs-wrap .site-main-faqs-accordian-wrap .panel-body {
    border: 1px solid #CBE0DD !important;
    margin: 5px 0;
}


.site-main-comman-coupan-code-wrap .site-main-trusted-by-fortune-discount-wrap {
    margin-bottom: 0
}

.site-main-business-professionals-slider-wrap {
    background: #EBEBEB
}

.site-main-faqs-wrap .site-main-4over4-title-wrap h3 {
    font-size: 26px;
    padding-right: 15px
}

.site-main-business-professionals-slider-wrap .site-main-4over4-title-wrap h3 {
    font-size: 23px;
    padding-right: 15px
}

.site-ordinary-standard-business-card-wrap {
    background: url(https://cdn.4over4.com/assets/images/printing/dream-it-img.png);
    background-position: center;
    background-size: cover
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap {
    display: flex
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant {
    width: 58%;
    padding-right: 20px;
    display: inline-flex;
    flex-direction: column;
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant-img-wrap {
    width: 42%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 25px
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant-img-wrap img {
    width: 100%
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant .site-ordinary-standard-business-card-text-contant h4,
.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant .site-ordinary-standard-business-card-text-contant h1 {
    margin: 0;
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 600
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant .site-ordinary-standard-business-card-text-contant p {
    font-size: 14px;
    margin-bottom: 25px
}

.site-ordinary-standard-business-card-wrap .site-ordinary-standard-business-card-contant-wrap .site-ordinary-standard-business-card-contant .site-ordinary-standard-business-card-text-contant:last-child p:last-child {
    margin-bottom: 0
}

.site-main-business-professionals-slider {
    margin-top: 20px
}

.site-main-business-professionals-main-slider-wrap {
    display: flex;
    flex-wrap: wrap;
    background: #f7f7f7;
    padding: 35px 20px 0;
    overflow: hidden
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-img {
    width: 30%
}


.owl-carousel .owl-item img {
    height: auto;
    max-height: 270px;
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-img img {
    border-radius: 50% !important;
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    background: #fff !important;;
    border: 5px solid #fff;
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-reviews {
    width: 70%;
    padding-left: 0px;
    margin-bottom: 25px;
    max-height: 100px;
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-info-wrap {
    width: 100%;
    background: #f1f1f1;
    padding: 15px 25px
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-info-wrap .site-main-business-professionals-name {
    color: #21A3B9;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 0;
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-info-wrap .site-main-business-professionals-place {
    color: #333333;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-reviews .site-main-business-professionals-reviews-text {
    margin-bottom: 10px;
    font-weight: 400;
    min-height: 0;
    color: #272727;
    font-size: 13px;
    padding-top: 15px;
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-reviews i {
    color: #21A3B9;
    font-size: 14px;
    padding: 2px 0;
}

.site-main-business-professionals-main-slider-wrap .site-main-business-professionals-info-wrap {
    width: 115%;
    background: #f1f1f1;
    padding: 15px 25px;
    margin: 0 -25px
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .owl-nav button, .site-main-business-professionals-slider-wrap .site-main-business-professionals-slider .owl-nav button {
    width: 25px;
    height: 25px;
    font-size: 25px !important;
    line-height: 25px;
    background: #ffffff;
    font-size: 30px;
    border-radius: 50%;
    outline: 0;
    color: #777;
    border: 1px solid #777777;
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .owl-nav button span, .site-main-business-professionals-slider-wrap .site-main-business-professionals-slider .owl-nav button span {
    position: relative;
    top: -3px;
    left: 0px;
    color: #777;
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .owl-nav, .site-main-business-professionals-slider-wrap .site-main-business-professionals-slider .owl-nav {
    position: absolute;
    top: -45px;
    right: 2rem;
}

#site-main-business-professionals-main-slider .owl-nav {
    display: block !important;
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .owl-nav .owl-prev, .site-main-business-professionals-slider-wrap .site-main-business-professionals-slider .owl-nav .owl-prev {
    margin-right: 10px
}


#custom-form-top-slider {
    max-height: 270px;
}

#testimonials {
    padding: 3rem 0;
}

#product-templates {
    margin: 5rem 0;
}

.back-sky-blue {
    background: #21A3B9
}

.site-main-another-comman-title-wrap h4,
#product-gallery h4 {
    font-size: 26px;
    margin-bottom: 25px;
    font-weight: 600;
    margin-top: 0;

}

#product-gallery li {
    width: 92px;
    height: 92px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0 5px 0 0;
    border-radius: 5px;
}

#product-gallery li img {
    max-width: 100%;
    opacity: 0.9;
    object-fit: contain;
    background: #eeeeee;
    border: 3px solid transparent;
    border-radius: 5px;

}

#product-gallery li.active img {
    opacity: 1;
    border-color: #21A3B9;
}

.product-gallery-list {
    max-height: 608px;
    min-width: 100px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.product-gallery-list .browse-more {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-list .browse-more span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FF62BD;
}

.product-gallery-list .browse-more span, .product-gallery-list .browse-more svg {
    display: block;
    margin: 2px auto;
}


.product-gallery-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
}

#sticky-sections {
    margin-top: 0 !important;
    z-index: 0 !important;

}

#sticky-sections section {
    background-color: white;
}


.site-main-another-comman-title-wrap p {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    line-height: 1.5
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap {
    display: flex;
    padding: 25px 0;
    flex-wrap: wrap;
    flex-direction: row;
}


#videoContainer img {
    object-fit: cover;
}


.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap #videoContainer.open-class-wrap {
    width: 100%;
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap img {
    width: 55%
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap #videoContainer i {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 18px;
    cursor: pointer;
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap #videoContainer.open-class-wrap i {
    display: block;
}


.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text.text-hidden {
    display: none;
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap {
    margin-bottom: 35px
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap {
    padding: 30px 30px;
    display: flex;
    margin: 25px 0;
    flex-wrap: wrap;
    background: #F5F5F5;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox {
    margin: 0 15px;
    padding: 15px;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox .review {
    padding: 0 15px;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox #addReviewForm .centered_text {
    text-align: left;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox .fp_section_title {
    color: #000000;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox p b,
.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox #addReviewForm .form-group label {
    color: #21A3B9;
    letter-spacing: 0.5px;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-review-wrap .site-main-custom-form-review-star {
    display: flex;
    align-items: center;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox #addReviewForm div#errorMessage {
    margin: 0;
    padding: 5px 10px;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox #addReviewForm div#errorMessage span {
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox #addReviewForm .centered_text button {
    border: 1px solid transparent;
    background: #21A3B9;
    color: #FFFFFF;
    padding: 8px 35px;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-top: 10px;
    transition: all 500ms ease-in-out;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .account_popup.reviewbox #addReviewForm .centered_text button:hover {
    border: 1px solid #21A3B9;
    background: #ffffff;
    color: #21A3B9;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-review-wrap .site-main-custom-form-review-star i,
.site-main-banner-with-form-wrap .site-main-custom-form-review-star i {
    color: #FDAE38;
    font-size: 17px;
    margin-right: 5px
}

.add_review {
    text-decoration: underline;
    margin-left: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #21A3B9;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-review-wrap .site-main-custom-form-review-star p {
    color: #595959;
    font-size: 14.97px;
    margin-left: 10px;
    margin-bottom: 0;
}

.site-main-review-complate-review-wrap .site-main-custom-form-review-star i {
    color: #f78518 !important;
}

.review-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.review-buttons button {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 255px;
    height: 62px;
    justify-content: space-between;
    padding: 0 20px;
}

.review-buttons button.active svg:first-child path {
    fill: #fff;
}

.review-buttons button.active svg:last-child path {
    stroke: #fff;
}

.review-buttons button.active {
    background: #21A3B9;
}

.review-buttons button.active p {
    color: #fff;
}

.review-buttons button.active span {
    color: #6AE4D0;
}

.review-buttons button p {
    font-weight: bold;
    font-size: 14px;
    line-height: 142.4%;
    text-transform: uppercase;
    color: #21A3B9;
}

.review-buttons button span {
    display: block;
    font-weight: 600;
    font-size: 13px;
    line-height: 9px;
    color: #A4A4A4;
}

span.reviewdiv_raiting {
    font-weight: bold;
    font-size: 16px;
    color: #21A3B9;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-review-wrap a {
    display: block;
    margin: 5px 0 15px;
    font-family: Work Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 136.8%;
    color: #2D2D2D
}

.site-main-review-complate-review-wrap h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 112.8%;
    color: #2D2D2D;
    margin-bottom: 0;
}


.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-review-wrap button {
    border: 0;
    padding: 10px 30px 10px 0;
    width: 45%;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
    transition: all .5s ease-in-out;
    border-radius: 3px;
    background: #FF6421;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-review-wrap button:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.4over4.com/assets/images/printing/trusted-by-fortune-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}


.site-main-review-complate-progressbar-wrap {
    width: 30%;
    margin-left: auto;
    border-radius: 3px;
    padding: 10px 23px;
    padding-left: 0px !important;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-progressbar-wrap ul li {
    display: flex;
}

.site-main-review-complate-progressbar-wrap ul li p.stars {
    align-items: center;
    display: inline-flex;
    font-weight: 600;
    font-size: 13px;
    color: #4D4D4D;
    width: 40%;
}

.site-main-review-complate-progressbar-wrap ul li p.perc {
    font-weight: normal;
    font-size: 13px;
    color: #707070;
    margin-bottom: 0;
    margin-left: 3px;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-progressbar-wrap ul li p:last-child {
    font-weight: 700
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-progressbar-wrap ul li .progress {
    margin: 0 15px;
    padding: 0;
    width: 90%;
    overflow: hidden;
    box-shadow: unset;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: start;
    background: transparent;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-main-wrap .site-main-review-complate-progressbar-wrap ul li .bar {
    position: relative;
    float: left;
    min-width: 0;
    background: #008E77;
    height: 13px;
    border-radius: 33px;
}

.review-buttons div[type=button] {
    border-radius: 4px;
    width: 179px;
    height: 62px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #21A3B9;
    background: white;
    margin-right: 20px;
}



#more-about-btn {
    margin: 2rem 0;
}

#more-about-btn p {
    font-weight: 600;
    font-size: 17px;
    line-height: 242%;
    color: #21A3B9;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#more-about-btn .button {
    background: rgba(35, 194, 168, 0.09);
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left: auto;
    cursor: pointer;
}

#more-about-btn p svg {
    background: #21A3B9;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 5px;
    margin-left: 10px;
}

.addAreview p, .addAreview p span {
    color: #FFFFFF !important;

}


.site-main-standard-size-and-review-wrap .site-main-review-complate-users-wrap .site-main-review-complate-users-review-wrap li {
    border: 1px solid #d9d9d9;
    padding: 15px 40px;
    margin-bottom: 25px;
    position: relative;
    border-radius: 3px;
}

.site-main-standard-size-and-review-wrap .site-main-review-complate-users-wrap .site-main-review-complate-users-review-wrap li:after {
    content: '';
    position: absolute;
    margin: auto;
    bottom: -7px;
    left: 30px;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: #fff
}

.site-main-review-complate-users-review-wrap li p i {
    color: #FD8516;
    font-size: 17px;
    margin-bottom: 5px
}

.review-author {
    display: flex;
    align-items: center;
    border-top: 1px solid #ECECEC;
    padding-top: 2rem;
}


.review-author .avatar {
    width: 43px;
    height: 43px;
    background: #21A3B9;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
}

.review-author .avatar span {
    text-transform: uppercase;;
}

.review-author .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #21A3B9;
}

.site-main-review-complate-users-wrap .site-main-review-complate-users-review-wrap li .site-main-review-complate-users-review {
    font-size: 15.65px;
    font-weight: 700
}


.site-main-review-complate-users-review-wrap li .site-main-review-complate-users {
    color: #21A3B9;
    font-size: 11px;
    margin: 0 0 0 10px;
}

.site-main-review-complate-users-review-wrap li .site-main-review-complate-users .name {
    font-weight: bold;
    font-size: 16px;
}

.site-main-review-complate-users-review-wrap li .site-main-review-complate-users .date {
    color: #5B5B5B;
    font-weight: 500;
    font-size: 12px;
}


.site-main-review-complate-users-review-wrap li .site-main-review-complate-users-another-review {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;;
}

.site-main-dream-it-countdown-texter-main-wrap {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 156.8%;
    color: #2D2D2D;
}

.site-main-review-complate-users-wrap .site-main-review-complate-users-review-wrap a.load-more-links {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #21A3B9;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    transition: all .5s ease-in-out
}

.site-main-community-ideas .site-main-community-tabbing-wrap .nav-tabs {
    border: 0;
    margin-bottom: 40px
}

.site-main-community-ideas .site-main-community-tabbing-wrap .nav-tabs li {
    margin-bottom: 0
}

.site-main-community-ideas .site-main-community-tabbing-wrap .nav-tabs li a {
    padding: 10px 30px;
    border: 1px solid #c9c9c9;
    margin-right: 10px;
    border-radius: 50px;
    color: #525252;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
    transition: all .5s ease-in-out;
    cursor: pointer
}

.site-main-community-ideas .tab {
    border: 0;
    margin-bottom: 40px;
}

.site-main-community-ideas .tab button.tablinks {
    padding: 10px 30px;
    border: 1px solid #c9c9c9;
    margin-right: 10px;
    border-radius: 50px;
    color: #525252;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.site-main-community-ideas .site-main-community-tabbing-wrap .nav-tabs li a:hover, .site-main-community-ideas .site-main-community-tabbing-wrap .nav-tabs li.active a,
.site-main-community-ideas .tab button.tablinks.active,
.site-main-community-ideas .tab button.tablinks:hover {
    background: #21A3B9;
    color: #fff;
    border: 1px solid #21A3B9
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content {
    display: flex
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane {
    width: 30%
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap {
    width: 70%
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane h4 {
    font-size: 21px;
    color: #21A3B9;
    font-weight: 500;
    text-transform: capitalize
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 10px
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane a {
    font-size: 16.14px;
    color: #21A3B9;
    font-weight: 600
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing {
    display: flex
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing li {
    width: 33.33%;
    border: 5px solid #21A3B9;
    margin-right: 15px;
    cursor: pointer
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing li:last-child {
    margin-right: 0
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing li img {
    width: 100%;
    height: 181px;
    object-fit: cover;
    border-bottom: 1px solid #21A3B9
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing li .site-main-community-tabbing-pane-listing-text {
    padding: 15px
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing li h3 {
    color: #272727;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    border-bottom: 1px dotted #b9b9b9;
    padding-bottom: 10px
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing li p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    color: #525252
}

.back-light-gray {
    background: #d6d6d6
}


.site-main-interested-items-wrap .site-main-interested-items .site-main-interested-items-list {
    display: flex;
    margin-top: 25px
}

.site-main-interested-items-wrap .site-main-interested-items .site-main-interested-items-list li {
    width: 20%;
    margin-right: 15px;
    position: relative;
    cursor: pointer
}

.site-main-interested-items-wrap .site-main-interested-items .site-main-interested-items-list li:last-child {
    margin-right: 0
}

.site-main-interested-items-wrap .site-main-interested-items .site-main-interested-items-list li img {

    filter: grayscale(0);
    transition: all .5s ease-in-out;
    width: 170px;
    height: 164px !important;
    object-fit: cover;
}

.site-main-interested-items-wrap .site-main-interested-items .site-main-interested-items-list li img:hover {
    filter: grayscale(1)
}

.site-main-interested-items-wrap .site-main-interested-items .site-main-interested-items-list li p {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #3E3E3E;
    margin-top: 10px;
}

.site-main-also-category-wrap {
    background: #f7f7f7
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap {
    margin-top: 25px
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .site-main-also-category-slider-item {
    position: relative;
    cursor: pointer
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .site-main-also-category-slider-item img {
    height: 135px;
    object-fit: cover;
    filter: grayscale(0);
    transition: all .5s ease-in-out
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .site-main-also-category-slider-item img:hover {
    filter: grayscale(1)
}

.site-main-also-category-wrap .site-main-also-category-slider-wrap .site-main-also-category-slider-item p {
    text-align: left;
    color: #272727;
    position: absolute;
    top: 7px;
    font-weight: 500;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    font-size: 14.12px;
    line-height: normal
}

.site-main-most-read-articles-product-wrap .site-main-most-read-articles-list {
    margin-top: 25px
}

.site-main-design-guidelines-wrap .site-main-standard-business-card-tools-wrap ul li {
    border: 2px solid #e3e3e3;
    margin-bottom: 10px;
    padding: 10px;
    display: flex;
    align-items: center
}

.site-main-design-guidelines-wrap .site-main-standard-business-card-tools-wrap ul li img {
    width: 30px;
    margin-right: 15px
}

.site-main-design-guidelines-wrap .site-main-standard-business-card-tools-wrap ul li p {
    font-size: 15px;
    color: #171717;
    font-weight: 600;
    width: calc(100% - 65px)
}

.site-main-design-guidelines-wrap .site-main-standard-business-card-tools-wrap ul li button {
    width: 20px;
    height: 20px;
    position: relative;
    background: url(https://cdn.4over4.com/assets/images/static/download-arrow-custom.png);
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-design-guidelines-wrap .site-main-standard-business-card-tools-wrap ul li button:after {
    content: '';
    position: absolute;
    left: -15px;
    width: 2px;
    height: 260%;
    background: #e3e3e3;
    top: -16px
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap {
    display: flex
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-img-wrap {
    width: 40%
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text {
    width: 60%
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant h5 {
    margin-top: 0;
    color: #171717;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant h5:after {
    content: '';
    position: absolute;
    left: -12px;
    top: 4px;
    width: 7px;
    height: 7px;
    background: #ecb8b7;
    border-radius: 50%
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant h5:before {
    content: '';
    position: absolute;
    right: 103%;
    width: 37px;
    height: 1px;
    background: #ecb8b7;
    top: 7px
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant .site-main-design-guidelines-bleed.site-main-design-guidelines-bleed-trim:before {
    width: 41px
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant .site-main-design-guidelines-safe:before {
    content: '';
    position: absolute;
    right: 103%;
    width: 67px;
    height: 1px;
    background: #ecb8b7;
    top: 7px
}

.site-main-design-guidelines-text-contant.site-main-design-guidelines-safe-area {
    position: relative
}

.site-main-design-guidelines-text-contant.site-main-design-guidelines-safe-area:after {
    content: '';
    width: 1px;
    height: 54px;
    background: #ecb8b7;
    position: absolute;
    left: -30px;
    top: -47px;
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant p {
    font-size: 14px;
    color: #171717
}

.site-main-design-guidelines-wrap .site-main-design-guidelines-content-main-wrap .site-main-design-guidelines-text .site-main-design-guidelines-text-contant {
    margin-bottom: 10px;
    padding-left: 45px
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper {
    display: flex
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap {
    width: 58%;
    padding-right: 20px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-images-wrap {
    width: 42%;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 25px
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-dream-banner-with-form-countdown-title {
    display: inline-block;
    width: 100%;
    font-size: 21px;
    margin-bottom: 5px;
    padding-left: 35px;
    position: relative
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-dream-banner-with-form-countdown-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.4over4.com/assets/images/static/clock-img-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-banner-with-form-countdown-wrap ul {
    width: 100%
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-banner-with-form-countdown-wrap {
    width: 95%;
    display: inline-flex;
    border-radius: 50px;
    padding: 10px 15px;
    margin-bottom: 35px
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-banner-with-form-countdown-wrap ul li {
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    height: 79px;
    font-size: 12px;
    margin-right: 20px
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-banner-with-form-countdown-wrap ul li:last-child {
    margin-right: 0
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-content-wrap .site-main-banner-with-form-countdown-wrap ul li:after {
    right: -14px
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-texter-main-wrap .site-main-4over4-substitle {
    color: #757575 !important;
    font-size: 16px !important;
    font-weight: 600;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    line-height: 22.8571px;
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-texter-main-wrap .site-main-dream-it-countdown-normal-text {
    color: #282828;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1.6;
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-texter-main-wrap .site-main-dream-it-countdown-normal-text:last-child {
    margin-bottom: 0
}

.site-main-dream-it-wrap .site-main-dream-it-countdown-main-wrpper .site-main-dream-it-countdown-images-wrap img {
    max-width: 150%
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list {
    display: flex;
    margin: 25px 0
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-first-list {
    width: 55%;
    height: 370px;
    margin-right: 10px;
    overflow: hidden
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list {
    width: 45%;
    display: inline-flex;
    flex-wrap: wrap
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-first-list:hover img {
    transform: scale(1.2)
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-first-list img, .site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list .site-main-business-cards-gallery-second-list-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    transition: all .5s ease-in-out;
    cursor: pointer
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list .site-main-business-cards-gallery-second-list-img {
    width: calc(50% - 10px);
    height: 180px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list .site-main-business-cards-gallery-second-list-img:hover img {
    transform: scale(1.2)
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list .site-main-business-cards-gallery-second-list-img:nth-child(even) {
    width: 50%;
    margin-right: 00px
}

.site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list .site-main-business-cards-gallery-second-list-img:nth-child(3), .site-main-business-cards-1999-wrap .site-main-business-cards-gallery-list .site-main-business-cards-gallery-second-list .site-main-business-cards-gallery-second-list-img:nth-child(4) {
    margin-bottom: 0
}

.site-main-timelines-listing-wrap {
    margin-top: 25px;
    position: relative;
    padding: 25px 0
}

.site-main-timelines-listing-wrap:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 82px;
    width: 3px;
    height: 90%;
    background: #21A3B9
}

.site-main-timelines-listing-wrap ul li {
    display: flex;
    flex-direction: row
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap, .site-main-timelines-listing-wrap ul li .site-main-timelines-steps-wrap {
    width: 50%;
    display: inline-flex;
    align-items: center
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-middles-wrap {
    width: 10%;
    position: relative
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap {
    border: 1px solid #dfdfdf;
    padding: 15px;
    border-radius: 7px;
    position: relative
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap:after {
    content: '';
    position: absolute;
    margin: auto;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
    left: -7px
}

.site-main-timelines-listing-wrap ul li:nth-child(even) .site-main-timelines-steps-content-wrap:after {
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    right: -7px;
    left: unset
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #21A3B9;
    position: absolute;
    left: -43px;
    border-radius: 50%
}

.site-main-timelines-listing-wrap ul li:nth-child(even) .site-main-timelines-steps-content-wrap:before {
    left: unset;
    right: -43px
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap .site-main-timelines-steps-text-img-wrap {
    display: inline-flex;
    flex-direction: row;
    align-items: center
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap .site-main-timelines-steps-text-img-wrap .site-main-timelines-steps-text {
    padding-left: 25px
}

.site-main-timelines-listing-wrap ul li:nth-child(even) .site-main-timelines-steps-content-wrap .site-main-timelines-steps-text-img-wrap .site-main-timelines-steps-text {
    padding-left: 0;
    padding-right: 25px
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap .site-main-timelines-steps-text-img-wrap .site-main-timelines-steps-text .site-main-timelines-steps-text-title {
    font-size: 16px;
    font-weight: 600;
    color: #272727;
    text-transform: uppercase
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap .site-main-timelines-steps-text-img-wrap .site-main-timelines-steps-text .site-main-timelines-steps-subtext {
    color: #2D2D2D;
    font-size: 15px;
    line-height: 156.8%;
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-content-wrap .site-main-timelines-steps-text-img-wrap .site-main-timelines-steps-text-img {
    flex-shrink: 0;
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-wrap {
    justify-content: flex-end
}

.site-main-timelines-listing-wrap ul li:nth-child(even) .site-main-timelines-steps-wrap {
    justify-content: flex-start
}

.site-main-timelines-listing-wrap ul li .site-main-timelines-steps-wrap p {
    font-size: 26px;
    color: #21A3B9;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 30px
}

.site-main-timelines-listing-wrap ul li:nth-child(even) .site-main-timelines-steps-wrap p {
    padding-left: 30px
}

.site-main-timelines-listing-wrap ul li:first-child .site-main-timelines-middles-wrap:after {
    content: '';
    position: absolute;
    top: -25px;
    left: 52%;
    transform: translateX(-50%);
    background: #21A3B9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: none;
}

.site-main-timelines-listing-wrap ul li:last-child .site-main-timelines-middles-wrap:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 52%;
    transform: translateX(-50%);
    background: #21A3B9;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: none;
}

.site-main-business-cards-1999-wrap .site-main-satisfaction-text-main-wrap {
    margin-top: 30px;
    position: relative;
    margin-bottom: 45px
}

.site-main-business-cards-1999-wrap .site-main-satisfaction-text-main-wrap p {
    font-size: 18px;
    font-weight: 400;
    color: #272727;
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    width: 100%
}

.site-main-business-cards-1999-wrap .site-main-satisfaction-text-main-wrap p span {
    font-weight: 700
}

/*.site-main-business-cards-1999-wrap .site-main-satisfaction-text-main-wrap p:after {*/
/*content: '';*/
/*position: absolute;*/
/*left: 45px;*/
/*width: 45px;*/
/*height: 45px;*/
/*background: url(https://cdn.4over4.com/assets/images/static/site-verfied-links.png);*/
/*background-position: center;*/
/*background-repeat: no-repeat;*/
/*background-size: contain;*/
/*top: -10px*/
/*}*/

.site-main-certified-excellence-details-wrap {
    margin-top: 25px;
    display: flex
}

.site-main-certified-excellence-details-wrap .site-main-certified-excellence-first-details {
    width: 50%;
    display: inline-flex;
    flex-direction: row;
    margin-right: 15px
}

.site-main-certified-excellence-details-wrap .site-main-certified-excellence-first-details .site-main-certified-excellence-first-img {
    width: 40%
}

.site-main-certified-excellence-details-wrap .site-main-certified-excellence-first-details .site-main-certified-excellence-first-detaisl-text {
    width: 60%;
    padding: 15px;
    border: 2px solid #f2f2f2
}

.site-main-certified-excellence-details-wrap .site-main-certified-excellence-first-details .site-main-certified-excellence-first-detaisl-text p:first-child {
    color: #272727;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px
}

.site-main-certified-excellence-details-wrap .site-main-certified-excellence-first-details .site-main-certified-excellence-first-detaisl-text p:last-child, .site-main-certified-excellence-details-wrap .site-main-certified-excellence-first-details .site-main-certified-excellence-first-detaisl-text p:nth-child(2) {
    color: #272727;
    line-height: 1.6;
    margin-bottom: 20px
}

.site-main-certified-excellence-wrap .site-main-trusted-by-fortune-discount-wrap.text-center {
    margin-bottom: 0;
    margin-top: 75px
}

.site-main-certified-excellence-wrap .site-main-trusted-by-fortune-discount-wrap.text-center {
    margin-bottom: 0;
    margin-top: 75px;
    padding: 30px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap {
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    width: 00%;
    padding: 0px;
    transition: all .5s ease-in-out;
    opacity: 0;
    height: 100%;
    overflow: auto;
    z-index: -2;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    scrollbar-color: #21A3B9 #fff;
    scrollbar-width: thin;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap.open {
    width: 210%;
    opacity: 1;
    z-index: 1;
    padding: 35px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap {
    display: flex
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name {
    width: 100%
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-edit {
    width: 25%;
    display: inline-flex;
    justify-content: flex-end
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-edit a {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 14px;
    color: #272727;
    font-weight: 500;
    transition: all .5s ease-in-out
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-edit a:hover {
    color: #21A3B9
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p {
    font-size: 15px;
    font-weight: 600
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name label.product_size input[type=radio] {
    position: absolute;
    opacity: 0
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p span {
    background: #fff;
    color: #6f7473;
    font-size: 12px;
    padding: 10px 10px 10px 30px;
    font-weight: 500;
    outline: 1px solid #d6d6d6;
    transition: all .5s ease-in-out;
    cursor: pointer;
    width: 100%;
    display: block;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name label.product_size input[type=radio]:checked ~ span, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p span:hover {
    outline: 1px solid #21A3B9;
    background: #21A3B9;
    color: #ffffff;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap {
    display: flex;
    padding: 10px 0 0;
    /* border-bottom: 1px solid #dedede */
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-quantity-value-wrap .site-main-get-started-comman-title-wrap {
    border-bottom: 0 solid #dedede
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value {
    /* border-bottom: 1px solid #dedede; */
    height: 184px;
    overflow: auto;
    scrollbar-width: thin;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity:nth-child(5),
.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity:last-child {
    border-bottom: 1px solid #dedede;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity:nth-child(6) {
    border-top: 0px solid #dedede;
}

.custom-scrollbar-wrap {
    overflow: auto;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value::-webkit-scrollbar-track,
.custom-scrollbar-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5 !important;
    border-radius: 20px
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value::-webkit-scrollbar,
.custom-scrollbar-wrap::-webkit-scrollbar {
    width: 8px;
    background-color: #21A3B9 !important;
    transition: all .5s ease-in-out;
    border-radius: 20px
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value::-webkit-scrollbar:hover,
.site-main-get-started-slide-wrap .site-main-get-started-quantity-valuer::-webkit-scrollbar,
.custom-scrollbar-wrap::-webkit-scrollbar:hover {
    width: 11px;
    border-radius: 20px
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value::-webkit-scrollbar-thumb,
.custom-scrollbar-wrap::-webkit-scrollbar-thumb {
    background-color: #21A3B9 !important;
    border-radius: 10px
}


.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 10px;
    border: 1px solid #dedede;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-bottom: 0;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity input[type=radio] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity input[type=radio]:checked ~ .site-main-get-started-quantity-val:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #21A3B9;
    background: #21A3B9;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity input[type=radio]:checked ~ .site-main-get-started-quantity-val p,
.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity input[type=radio]:checked ~ .site-main-get-started-quantity-price p {
    color: #ffffff;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-val {
    width: 50%;
    display: inline-flex
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-price {
    width: 40%;
    display: inline-flex;
    justify-content: flex-end
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-checked {
    width: 10%;
    display: inline-flex;
    justify-content: flex-end
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-val p {
    color: #8a8e8d;
    margin-bottom: 0;
    z-index: 1;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap button {
    width: 100%;
    padding: 10px 0;
    border: 0;
    font-weight: 500;
    text-transform: capitalize;
    color: #4b5453;
    margin-top: 0;
    margin-bottom: 30px;
    background: #f6f6f6;
    font-size: 14px;
    letter-spacing: 0.5px;
}

button#view-more-qty {
    margin-top: -3px;
}

.uploading-container {
    display: flex;
    padding: 15px 10px;
    align-items: center;
    height: 100%;
}

img {
    max-width: 100%;
}

.uploaded-file {
    min-width: 118px;
    background: #FFFFFF !important;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin-right: 2rem;
    position: relative;
}

span.remove-file {
    position: absolute;
    right: -10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    text-align: center;
    padding: 4px 10px;
    top: -10px;
    cursor: pointer;
    color: #5d5b5b;
    width: 25px;
    height: 25px;
}

span.remove-file i {
    right: 0;
    left: 0;
    top: 18%;
}

.main-featured-product ul {
    margin: 0;
    scrollbar-color: #21A3B9 #f4f4f4;
    scrollbar-width: thin;
}

#ipc .price_details fieldset {

    display: block !important;
}

#ipc .price_details fieldset#templates-fs {
    height: 273px;
    max-height: unset;
    padding-right: 0px;
}

.mobile-display-none.site-main-banner-with-calendar.full-width {
    opacity: 1;
    overflow: auto;
    z-index: 3;
    right: 0;
    position: absolute;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.21);
}

#ipc .price_details fieldset::-webkit-scrollbar,
select::-webkit-scrollbar,
.uploaded-files::-webkit-scrollbar,
.hamburger-menu .side-bar::-webkit-scrollbar,
.product-gallery-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#ipc .price_details fieldset::-webkit-scrollbar-track,
.hamburger-menu .side-bar::-webkit-scrollbar-track,
.product-gallery-list::-webkit-scrollbar-track {
    background: #f4f4f4;
}

.uploaded-files::-webkit-scrollbar-track,
.hamburger-menu .side-bar::-webkit-scrollbar-track,
.product-gallery-list::-webkit-scrollbar-track {
    background: transparent;
}

#ipc .price_details fieldset::-webkit-scrollbar-thumb,
.uploaded-files::-webkit-scrollbar-thumb,
.hamburger-menu .side-bar::-webkit-scrollbar-thumb,
.product-gallery-list::-webkit-scrollbar-thumb {
    background: #21A3B9;
    border-radius: 3px;
}

.uploaded-file img {
    margin-bottom: 5px;
    height: 80px !important;
}

.uploaded-file div {
    padding: 10px;
}

#job-edit-container #ipc .price_details fieldset {
    height: auto;
    overflow-y: hidden;
    padding-right: 0;
}

#job-edit-container #calc-continue {
    margin: 1rem 0;
}


#job-edit-container #product-buttons {
    width: 90% !important;
    display: block;
    margin: 1rem auto !important;
}

#job-edit-container #product-buttons button {
    height: 61px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

#job-edit-container .site-main-banner-with-form-sub-total-wrap {
    margin-top: 3rem;
}

.uploaded-file .filename {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #21A3B9;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.uploaded-file .filesize {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #757575;
    margin: 0;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-checked p {
    width: 25px;
    height: 25px;
    background: #eaeaea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    z-index: 1;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-checked p i {
    opacity: 0;
    color: #fff
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity input[type=radio]:checked ~ .site-main-get-started-quantity-checked p {
    background: #ffffff;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity input[type=radio]:checked ~ .site-main-get-started-quantity-checked p i {
    opacity: 1;
    color: #21A3B9;
    padding-top: 3px;
}

.site-main-get-started-slide-wrap .site-main-get-started-quantity-value .site-main-get-started-quantity .site-main-get-started-quantity-price p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    z-index: 1;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label {
    width: 100%;
    transition: all .5s ease-in-out;
    position: relative;
    cursor: pointer;
    height: 55px;

}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list div.optiongroup {
    width: calc(25% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
    /* transition: all .5 s ease-in-out; */
    position: relative;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list .optiongroup .optiongroupname {
    font-weight: 600;
    color: #21A3B9;
    margin-bottom: 7px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label:nth-child(4n+4),
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label:nth-child(4n+4) {
    /* width: 25 %;
    margin-right: 00 px; */
}


.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list div.optiongroup:nth-child(4n+4),
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list div.optiongroup:nth-child(4n+4) {
    width: calc(25% - 10px);
    margin-right: 0;
}


#btn-calc-continue:focus {
    background: #fff !important;
    color: #35aa90 !important;
    border-color: #35aa90 !important;
    box-shadow: none;
}

#create-account {
    text-align: center;
}

#create-account a {
    color: #333;
    text-decoration: underline;
    font-weight: 600;
}

#create-account a:hover {
    text-decoration: underline !important;
}


.hamburger-menu .white-line {
    position: fixed !important;
    background: white;
    right: -2px !important;
    width: 2px !important;
    height: 32px;
    z-index: 9999;
}


.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .row.ipc_bottom .ipc_bottom_box div#calc-back button:hover,
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .row.ipc_bottom .ipc_bottom_box div#product-buttons button:hover {
    background: #ffffff !important;
    color: #21A3B9 !important;
    border: 2px solid #21A3B9 !important;
}


.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .row.ipc_bottom .ipc_bottom_box div#calc-back button:hover,
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .row.ipc_bottom .ipc_bottom_box div#product-buttons button:hover {
    background: #fff;
    color: #21A3B9;
    border: 1px solid #21A3B9
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label span, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label span {
    color: #6f7473;
    padding: 10px 5px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    /* transition: all .5s ease-in-out; */
    border: 1px solid #d6d6d6;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label span .paper-tages-name,
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label span .paper-tages-name {
    width: 60%;
    text-align: left;
    margin-bottom: 0;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label span .paper-tages-prices,
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label span .paper-tages-prices {
    width: 40%;
    text-align: right;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #21A3B9;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label span .paper-tages-prices.minus-tags,
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label span .paper-tages-prices.minus-tags {
    color: #e47100;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-body {
    padding: 0;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label input, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label input {
    opacity: 0;
    position: absolute;
    cursor: pointer
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list a:hover, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label input:checked ~ span, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list label:hover span,
.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label input:checked ~ span, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label:hover span {
    /* background: #21A3B9;
    color: #fff !important; */
    border: 1px solid #21A3B9;
    background: #21A3B9;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-corners-wrap .site-main-get-started-paper-type-list a:last-child, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-wrap .site-main-get-started-paper-type-list label:last-child {
    margin-right: 0
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-paper-type-title {
    font-size: 15px;
    font-weight: 500;
    color: #b7b7b7;
    margin-bottom: 10px
}

div#coupon_container_data .site-main-get-started-name p {
    display: flex;
    align-items: center
}

div#coupon_container_data .site-main-get-started-name p input {
    margin-left: 15px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap fieldset.fs-2 .site-main-get-started-paper-type-wrap:first-child, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap fieldset.fs-3 .site-main-get-started-paper-type-wrap {
    margin-top: 0
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap.site-main-get-started-height-wrap .site-main-get-started-name {
    width: 50%;
    margin-right: 15px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap.site-main-get-started-height-wrap .site-main-get-started-name:last-child {
    margin-right: 0
}

.custom-breadcrumb-row-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.product-page-header.sticky .custom-breadcrumb-row-wrap {
    height: 60px;
}

.post {
    width: 385.99px;
    height: 589.98px;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center
}

.post .first-calulator {
    display: inline-block;
    width: 100%;
    height: 76px
}

.post .first-calulator .line {
    height: 100%;
    width: 100%
}

.post .avatar {
    width: 100%;
    height: 466px;
    background-color: #ccc;
    border-radius: 7px;
    margin: 15px 0 0;
    background-image: linear-gradient(90deg, #f4f4f4 0, rgba(229, 229, 229, .8) 40px, #f4f4f4 80px);
    background-size: 600px;
    animation: shine-avatar 2s infinite ease-out;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px
}

.post .line {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 0;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #f4f4f4 0, rgba(229, 229, 229, .8) 40px, #f4f4f4 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out
}

.post .avatar + .line {
    margin-top: 11px;
    width: 100px
}

.post .line ~ .line {
    background-color: #ddd
}

.post .last-div {
    display: inline-block;
    width: 100%
}

@keyframes shine-lines {
    0% {
        background-position: -32px
    }

    100%, 40% {
        background-position: 408px
    }
}

@keyframes shine-avatar {
    0% {
        background-position: -32px
    }

    100%, 40% {
        background-position: 408px
    }
}


.site-main-custom-calendar-wrapper .site-main-custom-calendar-main-titles {
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    position: relative;
    display: block;
    width: 100%
}

.site-main-custom-calendar-wrapper .site-main-custom-calendar-main-titles:after {
    content: '';
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}


.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendars-content-wrapper {
    width: 50%
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items p {
    color: #21A3B9;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items input, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items select {
    background: #f6f6f6;
    border-radius: 0;
    border: 1px solid #d6d6d6;
    color: #000;
    height: 37px;
    padding: 10px 15px;
    width: 100%
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items select {
    background: url(https://cdn.4over4.com/assets/images/printing/drop-custom-select-arrow.png) #f6f6f6;
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-appearance: none;
    padding: 0 15px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper {
    display: inline-flex;
    flex-wrap: wrap
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items:first-child {
    width: calc(100% - 10px);
    margin-right: 10px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    margin-right: 10px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-notes-main-wrapper span {
    color: #a8a8a8;
    font-size: 11.55px;
    margin-bottom: 15px;
    display: block
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper a.close-cust-btn {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #efefef;
    border: 1px solid #d6d6d6;
    color: #d6d6d6;
    font-size: 20px
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-another-comman-title-wrap {
    display: block
}

.site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap .site-main-another-comman-title-wrap {
    display: none
}


.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing.slider-block-1 {
    display: none
}

.site-main-community-ideas .tab-pane .site-main-community-tabbing-tab-content .site-main-community-tabbing-pane-listing-wrap .site-main-community-tabbing-pane-listing.slider-block {
    display: flex
}

.mobile-visible {
    display: none !important
}

.desktop-visible {
    display: flex !important
}

.site-main-design-guidelines-wrap .site-main-another-comman-title-wrap .site-main-another-texts {
    display: none
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper.open {
    display: block;
    z-index: 3;


}


.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper {
    max-height: 500px;
    box-shadow: -8px 2px 9px rgba(0, 0, 0, 0.21);
    border-radius: 3px 0 0 0;
    position: absolute;
    bottom: 0;
    background: #fff;
    z-index: -2;
    padding: 35px;
    height: auto;
    display: none;
    right: 450px;
    width: 800px;

}

.site-main-custom-calendar-wrapper .site-main-custom-calendar-main-titles {
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    position: relative;
    display: block;
    width: 100%
}

.site-main-custom-calendar-wrapper .site-main-custom-calendar-main-titles:after {
    content: '';
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-custom-calendar-notes-main-wrapper .site-main-custom-calendar-main-titles:after {
    content: '';
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendars-content-wrapper {
    width: 50%
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items p {
    color: #21A3B9;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items input, .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items select {
    background: #f6f6f6;
    border-radius: 0;
    border: 1px solid #d6d6d6;
    color: #000;
    height: 37px;
    padding: 10px 15px;
    width: 100%
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items select {
    background: url(https://cdn.4over4.com/assets/images/printing/drop-custom-select-arrow.png) #f6f6f6;
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-appearance: none;
    padding: 0 15px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper {
    display: inline-flex;
    flex-wrap: wrap
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items:first-child {
    width: calc(100% - 10px);
    margin-right: 10px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-fields-items {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    margin-right: 10px
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper .site-main-custom-calendar-divider-wrapper .site-main-custom-calendar-fields-main-wrapper .site-main-custom-calendar-notes-main-wrapper span {
    color: #a8a8a8;
    font-size: 11.55px;
    margin-bottom: 15px;
    display: block
}

a.close-cust-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #efefef;
    border: 1px solid #d6d6d6;
    color: #b9b9b9 !important;
    font-size: 20px !important;
    margin: 0 !important;
    padding: 0;
}

.site-main-custom-calendars-content-wrapper.product_calendar table.calendar caption {
    padding: 0;
    text-align: left;
    background: transparent;
    color: #21A3B9;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 5px;
    border: 0;
}

.site-main-custom-calendars-content-wrapper.product_calendar table.calendar tbody {
    border: 1px solid #d6d6d6;
}

.estimated-ompletion,
.estimated-delivery {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    padding: 15px 0 !important;
    border: 1px solid #d6d6d6;
    border-top: 0;
}

.completion_day, .delivery_day {
    height: 12px !important;
    width: 12px !important;
    margin: 0 !important;
    margin-right: 6px !important;
}

.estimated-ompletion small,
.estimated-delivery small {
    font-size: 11px;
    color: #595959;
}

.estimated-ompletion {
    border-right: 0;
}

p.site-ordinary-standard-business-card-text-contant {
    display: none;
}

.postion-fixed-main-wrap {
    display: none;
}

.bottom-header .navbar-header a.text-black {
    display: none;
}

#load_more_content_reviews {
    text-align: center;
    color: #21A3B9;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

#load_more_content_reviews svg {
    margin-left: 10px;
}

#load_more_content_reviews svg path {
    fill: #21A3B9;
}

.loadmoreClass:hover {
    color: #21A3B9;
    text-decoration: underline !important;
}

.main-user-wrap {
    display: none;
}

.navbar-nav .custom-links-main-wrappers,
.navbar-nav .custom-social-links-main-wrappers,
.navbar-nav .request-custom-quote-wrappers {
    display: none;
}

.main-articles-wrapper {
    position: relative;
}

.main-articles-wrapper a {
    display: inline-block;
    transition: all 500ms ease-in-out;
    width: 100%;
}

.main-articles-wrapper .sub-articles-wrap {
    position: absolute;
    padding: 5px 10px;
    background: rgba(70, 70, 70, 0.5);
}

.main-articles-wrapper .sub-articles-wrap span {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #ffffff;
    transition: all 500ms ease-in-out;
}

.main-articles-wrapper a img {
    height: 139px;
    object-fit: cover;
    width: 100%;
}

.main-articles-wrapper a:hover .sub-articles-wrap span {
    color: #21A3B9;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading h4.panel-title a {
    color: #000000 !important;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading .panel-title a .col-md-2.text-right p {
    text-decoration: underline;
    color: #4b5453;
    font-weight: 500;
    text-transform: uppercase;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap:last-child {
    padding-bottom: 10px;
    padding-top: 0;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p {
    display: flex;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p label.product_size {
    width: calc(25% - 10px);
    margin-right: 10px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p label.product_size:last-child {
    width: 25%;
    margin-right: 0;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-get-started-comman-title-wrap .site-main-get-started-name p label.product_size:last-child span {
    background: #efefef;
}

div#coupon_container_data {
    padding-left: 15px;
}

div#coupon_container_data .site-main-get-started-name p {
    flex-direction: column;
    align-items: flex-start;
}

div#coupon_container_data .site-main-get-started-name p input#coupon_code {
    margin-left: 0;
    margin-top: 10px;
}

div#coupon_container_data .site-main-get-started-name p input#coupon_code {
    margin-left: 0;
    margin-top: 10px;
    color: #6f7473;
    font-weight: 500;
    border-radius: 0;
    background: #f6f6f6;
    box-shadow: unset;
    height: 40px;
    font-size: 14px;
}


.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap #coupon_container_data .site-main-get-started-edit {
    height: 40px;
    position: relative;
    top: 31px;
    border: 2px solid #21A3B9;
    text-align: center;
    justify-content: center;
    line-height: 30px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap #coupon_container_data .site-main-get-started-edit p {
    margin-bottom: 0;
    padding-top: 3px;
    display: inline-block;
    width: 100%;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap #coupon_container_data .site-main-get-started-edit p a#coupon_apply {
    margin: 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    font-size: 12px !important;
}


.sticky {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    animation: smoothScroll 1s forwards;
    background: rgba(255, 255, 255, 1);
}

.modal-open .sticky {
    z-index: 1 !important;
}

.custom-breadcrumb-row-wrap .sticky-list {
    display: none;
}

.sticky .sticky-list {
    display: flex;
    align-items: center;
}


.sticky-list li a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #515151;
    margin: 0 0;
}

.sticky-list li {
    padding: 12px 0;
}

.sticky-list li.list-item {
    margin: 0 1rem;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}

.sticky-list li.list-item.active {
    border-color: #21A3B9;
}


.square-logo-wrap {
    box-sizing: border-box;
    border-radius: 3px;
    padding: 10px 0 !important;
    margin: 0;
    width: 41px;
    text-align: center;
    margin-right: 2rem;
}

#lower_header .square-logo-wrap {
    margin: 0 10px !important;
    display: none;
}

.sticky .square-logo-wrap {
    display: block !important;
    padding: 1px !important;
}

.sticky .square-logo-wrap {
    height: 37px;
    width: 37px;
    padding: 0 3px;
    border-radius: 2px;
}

.sticky .breadcrumb-wrap {
    display: none;
}


d#scroll-to-fixed {
    z-index: 2 !important;
    transition: all 600ms ease-in-out;
}

#scroll-to-fixed .site-main-banner-with-form-wrap {
    max-width: 100% !important;
}

.ipc-types, .ipc-types li {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.ipc-types li {
    margin: 0 10px !important;
    cursor: pointer;
    padding: 10px 0;
    transition: .2s;
}


.ipc-types li:active {
    transform: scale(0.9);
}

.ipc-types li .icon-wrap {
    margin-right: 10px;
    height: 17px;
}


.ipc-types li span {
    height: 17px;
    line-height: 17px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #515151;
    text-transform: capitalize;
}


.ipc-types li.active span {
    color: #21A3B9 !important;
}

.ipc-types li.active svg, .ipc-types li.active path {
    fill: #21A3B9;
}

[data-type="long-form"] .site-main-banner-with-form-main-wrap {
    background-size: cover !important;
}

[data-type="long-form"] .price_details fieldset:not(.fs-4), [data-type="one-screen"] .price_details fieldset {
    display: block !important;
    height: auto !important;
    min-height: auto !important;
}

[data-type="long-form"] .opt-title {
    border-top: 1px solid #E6E6E6;
    margin-top: 10px;
    padding-top: 5px;
}

.opt-title {
    color: #DADADA;

}

.orderNumber {
    color: #21A3B9;
}


[data-type="long-form"] .site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-custom-calendar-wrapper.open {
    right: 100% !important;
}

[data-type="one-screen"] .design-tabs .tabslist ul li {
    background: #f9f9f9;
}

#ipc-scrolltoup {
    position: absolute;
    right: 16px;
    bottom: 5px;
    z-index: 3;
    background: #BCBCBC;
    text-align: center;
    padding: 4px;
    box-sizing: content-box;
    display: flex;
    border-radius: 5px;
    opacity: 0;
    transition: .5s;
}

#ipc-scrolltoup a {
    background: #FFFFFF;
    border-radius: 3px;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-decoration: none;
}

#ipc-scrolltoup svg {
    margin-right: 0 !important;
}

#ipc-scrolltoup a:hover {
    text-decoration: none;
}

#ipc-scrolltoup span {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    color: #21A3B9;
    position: relative;
    top: -9px;
}


.close-products-suggestions.alertnative {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    display: block;
    background: #EFEFEF;
    color: #6D6D6D;
    border-radius: 50%;
}


#first-review-wrap {
    background: #f9f9f9;
    border-radius: 4px;
    padding: 20px;
    margin: 0;
}

#first-review-wrap .site-main-review-complate-users-review-wrap li p i {
    font-size: 15px;
}

#first-review-wrap li {
    padding: 6px 20px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    border-radius: 4px;
}


#first-review-wrap li .site-main-review-complate-users-review {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #282828;
    margin: 0;
}

#first-review-wrap .site-main-review-complate-users-another-review {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 156.8%;
    color: #2D2D2D;
}


.one-screen-cta-wrap .box:nth-child(2) {
    padding: 15px 28px;
    border-radius: 4px;
    padding-top: 0;
}

.one-screen-cta-wrap .box .box-inner {
    background: #f9f9f9;
    border-radius: 4px;
}

[data-type="one-screen"] .one-screen-cta-wrap {
    min-width: 455px;
    width: 455px;
    display: block;
}

[data-type="one-screen"] .calc-opened #scroll-to-fixed {
    width: 100% !important;
    max-width: 1418px !important;
    left: unset !important;
}


.close-calc {
    display: none;
    position: absolute;
    left: -10px;
    top: -10px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 31px;
    background: #efefef;
    border: 1px solid #d6d6d6;
    z-index: 4;
    color: #b3aeae;
}

[data-type="one-screen"] .calc-opened .close-calc {
    display: block;
}

[data-type="one-screen"] .site-main-banner-with-form-wrap form {
    display: none;
}


[data-type="one-screen"] .calc-opened .site-main-banner-with-form-wrap form {
    display: block;
    position: relative;
}

[data-type="one-screen"] .calc-opened .site-main-banner-with-form-wrap form {
    width: calc(100% - 455px) !important;
}

[data-type="one-screen"] .form-group, [data-type="one-screen"] fieldset p, [data-type="one-screen"] .design-tabs {
    padding: 0 3rem;
}


[data-type="one-screen"] .site-main-banner-with-form-sub-total-wrap.standard,
[data-type="one-screen"] .site-main-banner-shop-with-confidence-wrap.standard,
[data-type="one-screen"] .site-main-banner-with-form-countdown-wrap.standard,
[data-type="one-screen"] h2.standard {
    display: none;
}

/*[data-type="one-screen"] .site-main-custom-calendar-wrapper.open {*/
/*max-height: 100% !important;*/
/*width: calc(100% - 455px) !important;*/
/*top: 0 !important;*/
/*}*/

[data-type="one-screen"] .site-main-banner-with-form-wrap {
    position: relative;

}

[data-type="one-screen"] fieldset .form-group {
    background: #F9F9F9 !important;
}

[data-type="one-screen"] fieldset .form-control {
    background-color: #fff !important;
}

[data-type="one-screen"] .price_details fieldset:nth-child(odd) {
    margin-right: 2%;
}

[data-type="long-form"] .business-tab-buttons span, [data-type="one-screen"] .business-tab-buttons {
    display: none;
}


[data-type="long-form"] .business-tab-buttons button {
    margin-right: 0 !important;
    background-color: #DEDEDD !important;
    height: 1px !important;
}


[data-type="one-screen"] .calculator-slider-image {
    display: none;
}


[data-type="one-screen"] .site-main-banner-with-form-sub-total-wrap {
    padding: 15px 28px;
}


[data-type="one-screen"] .site-main-banner-with-form-wrap {
    width: 100% !important;
    background: white;
    z-index: 1;
    padding: 0;
    border-radius: 4px;
}


[data-type="one-screen"] .site-main-banner-with-custom-form-wrap {
    padding: 33px;
    border-radius: 4px;
    padding-right: 0;
}

.site-main-banner-with-form-main-wrap {
    position: relative;
    min-height: 668px;
    transition: .3s;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.site-main-banner-with-form-main-wrap.scrolled {
    padding: 0 !important;
    height: 0 !important;
    margin-top: 15rem;
}

.site-main-banner-with-form-main-wrap.scrolled #scroll-to-fixed {
    margin-top: 7rem;
    z-index: 2;
}

.products-suggestions {
    background: #FFFFFF;
    width: 100%;
    bottom: 0;
    padding: 2rem;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 21%);
    border-radius: 4px;
    position: relative;
    margin: 0 auto 2rem;

}

.products-suggestions.default {
    z-index: 0;
    display: none;
}

.products-suggestions.show {
    z-index: 101;
    display: block;
}

.checkout-message {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.35);
    padding: 10px;
    border-radius: 3px;
    width: 261px;
    height: 60px;
    right: 23px;
    top: 45px;
    z-index: 14;
}

.products-suggestions.for-mobile {
    right: unset !important;
    top: 0;
}

.checkout-message[data-count="0"] {
    display: none;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: 81px;
}


.checkout-message p {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
    color: #3E3E3E;
    margin: 0;
}

#scroll-to-fixed {
    margin-left: auto !important;
    min-width: 455px;
    width: 455px;
    position: static;
    top: auto;
    z-index: auto;
}


.products-suggestions .inner .close-products-suggestions {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
}


.products-suggestions .icon-wrap {
    background: #81C719;
    border-radius: 33px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 388px;
    height: 41px;
    margin: 10px auto;
}

.products-suggestions .icon-wrap svg {
    margin-right: 10px;
}

.products-suggestions h4 {
    font-weight: normal;
    font-size: 50px;
    line-height: 58px;
    text-align: center;
    color: #252525;
}

.products-suggestions p.count-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #2D2D2D;
}

.products-suggestions .links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

.products-suggestions .links a {
    border: 1px solid;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 50px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 10px auto !important;
    border-radius: 4px;
    max-width: 281px;
    height: 50px;
    width: 100%;
    font-size: 14px;
}

.products-suggestions .to-checkout {
    border-color: #FF6421;
    color: #FFFFFF !important;
    background: #FF6421;
}

.products-suggestions .continue-shopping {
    border-color: #C8C8C8 !important;
    color: #AFAFAF !important;
}


.products-suggestions ul {
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    scroll-behavior: smooth;
    scrollbar-color: #21A3B9 #f4f4f4;
    scrollbar-width: thin;
    max-width: 724px;
    margin: 0 auto;
}

.products-list button {
    position: absolute;
    background: #23C2A8;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.products-list button.left {
    left: 30px;
}

.products-list button.right {
    right: 30px;
}

.products-suggestions ul::-webkit-scrollbar {
    display: none;
}

.products-suggestions ul li {
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 10px;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    width: 165px;
    min-width: 165px;
    min-height: 165px;
    margin-left: 21px;
}


.products-suggestions ul li:first-child {
    margin-left: 0;
}

.products-suggestions ul li img {
    border-radius: 3px;
    min-width: 112px;
    object-fit: fill;
    margin-right: 10px;
    width: 100% !important;
    height: 125px;
}

.checkout-message .close-message {
    position: absolute;
    right: 9px;
    cursor: pointer;
    padding: 0 10px;
}

.products-suggestions ul li a .name {
    font-style: normal;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #3E3E3E;
    margin: 10px 0;
}

.products-list {
    background: #F7F7F7;
    border: 1px dashed #D8D8D8;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    margin-top: 30px;
}

.products-list .products-wrapper {
    width: 85%;
    margin: 3rem auto;
}

.products-list .products-wrapper h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #5E5E5E;
}

.products-suggestions .col-3 p.ttl {
    color: #787878;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 142.4%;
    text-align: center;

}

.products-suggestions .col-3 p.ttl span {
    display: block;
    color: #C5C5C5;
}

.products-suggestions .col-2 a svg {
    margin-left: 20px;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-60px);
    }

    100% {
        transform: translateY(0px);
    }
}

.scroll-to-fixed-fixed {
    margin-top: 2rem;
    z-index: 1 !important;
}


.display-block-wrap,
.site-breadcrumb-main-wrap.custom-breadcrumb-main-wrap.display-block-wrap {
    display: none;
}


.hidden {
    display: none;
}

.try-interactive-ipc-wrap {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
}

.try-interactive-ipc-wrap .text-interactive {
    margin: 0;
    padding-right: 15px;
    font-size: 13px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.try-interactive-ipc-wrap .text-interactive span {
    color: #ffffff;
    background: #4cc223;
    padding: 3px 14px;
    border-radius: 50px;
    font-size: 12px;
    margin-right: 10px;

}

.try-interactive-ipc-wrap .onoffswitch {
    position: relative;
    width: 55px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.try-interactive-ipc-wrap .onoffswitch-checkbox {
    display: none;
}

.try-interactive-ipc-wrap .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 0;
}

.try-interactive-ipc-wrap .onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.try-interactive-ipc-wrap .onoffswitch-inner:before,
.try-interactive-ipc-wrap .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 23px;
    padding: 0;
    line-height: 25px;
    font-size: 10px;
    color: #a7a7a7;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.try-interactive-ipc-wrap .onoffswitch-inner:before {
    content: "ON";
    padding-left: 11px;
    background-color: #00A600;
    color: #FFFFFF;
}

.try-interactive-ipc-wrap .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 11px;
    background-color: #e5e5e5;
    text-align: right;
}


.try-interactive-ipc-wrap .onoffswitch-switch {
    width: 25px;
    height: 25px;
    margin: 0;
    background: #cdcdcd;
    border: 2px solid #c4c4c4;
    border-radius: 20px;
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 35px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.try-interactive-ipc-wrap .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.try-interactive-ipc-wrap .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -5px;
    background: #ffffff;
    border: 2px solid #00a600;
}

#coupon-code-check div#coupon-code-form {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

#coupon-code-check div#coupon-code-form label {
    padding-top: 0 !important;
}

div#calculate-coupon-container {
    position: absolute;
    right: 35px;
    width: auto;
    top: 13px !important;
    background: white;
    padding: 8px 0;
}

div#coupon_container_data {
    position: relative;
}

div#calculate-coupon-container a#coupon_apply {
    /*margin: 0;*/
    font-size: 15px;
    text-decoration: underline;
    letter-spacing: 0.5px;
    font-weight: 600;
}

div#coupon_container_data div#coupon-code-form input#coupon_code {
    border: 1px solid #c9c9c9 !important;
    height: 45px !important;
    border-radius: 5px;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading h4 {
    display: block;
    width: 100%;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading h4 a {
    margin: 0 !important;
    display: block;
    width: 100%;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading h4 a p {
    margin-bottom: 0 !important;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .panel .panel-heading h4 a .row {
    align-items: center;
}

.site-main-banner-with-form-main-wrap .site-main-banner-with-form-wrap .site-main-get-started-slide-wrap .site-main-faqs-accordian-wrap .panel {
    margin-top: 0;
}

div#youtube-video-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

div#youtube-video-container iframe {
    width: 100% !important;
}

div#youtube-video-container i {
    position: absolute;
    top: -14px;
    right: -19px;
    font-size: 19px;
    cursor: pointer;
}

a.mobile-close-cusotm-btn {
    color: #ffffff !important;
    font-size: 19px !important;
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}


.single-video-section {
    clear: both;
    margin: 1rem 0;
}

.single-video-section .inner {
    background: #21A3B9;
    border-radius: 3px;
    padding: 3rem;
}


.submenu_main .most_popular_sub_menu_ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5 !important;
    border-radius: 20px
}

.submenu_main .most_popular_sub_menu_ul::-webkit-scrollbar {
    width: 8px;
    background-color: #21A3B9 !important;
    transition: all .5s ease-in-out;
    border-radius: 20px
}

.submenu_main .most_popular_sub_menu_ul::-webkit-scrollbar:hover,
.submenu_main .most_popular_sub_menu_ul:hover::-webkit-scrollbar {
    width: 11px;
    border-radius: 20px
}

.submenu_main .most_popular_sub_menu_ul::-webkit-scrollbar-thumb {
    background-color: #21A3B9 !important;
    border-radius: 10px
}

.business-tab-buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    margin-top: 2rem;
}

.business-tab-buttons button {
    background-color: #dedede;
    border: none;
    min-width: 25%;
    width: 33%;
    margin-right: 2px;
    height: 3px;
    position: relative;
}

.business-tab-buttons button.active span {
    background: #f66422;

}

.business-tab-buttons button span {
    position: absolute;
    top: -7px;
    width: 20px;
    height: 20px;
    background: #DEDEDE;
    color: #fff;
    border-radius: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-weight: bold;
}

.business-tab-buttons button.active {
    background-color: #FF6421;
}

.business-tab-buttons button:last-child {
    margin-right: 0px;
}

.couponCodeDiv {
    padding-left: 0 !important;
}

.ipc-submit-btn {
    height: 50px;
    border-radius: 3px;
    background: #7743A4;
    border: 2px solid #7743A4;
    transition: all 500ms ease-in-out !important;
}

.ipc-submit-btn span {
    font-weight: bold;
    font-size: 18px;
    line-height: 142.4%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.ipc-submit-btn .icon-wrap {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    float: right;
}


label.product_selected_attibute {
    margin: 0;
    height: auto;
    border: 1px solid #21A3B9;
    padding: 4px 5px;
    position: relative;
    top: 0px;
    color: #21A3B9;
    font-weight: normal;
}

label.product_selected_attibute p {
    margin: 0;
}


.ipcContainerRow.fixed {
    z-index: 99;
    top: 70px;
    overflow: scroll;
    position: fixed;
    background: #0808088c;
    height: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.ipcContainerRow.fixed #scroll-to-fixed {
    top: 10px !important;
}

.ipcContainerRow.fixed .site-main-banner-shop-with-confidence-wrap {
    display: none;
}


.getStartedNow {
    height: 0;
    transition: 1s;
}

.site-main-get-started-slide-wrap.custom-scrollbar-wrap.fixed,
.site-main-custom-calendar-wrapper.fixed {
    z-index: 99 !important;
    top: 76px !important;
    position: fixed !important;
    width: 100% !important;
    height: 100vh !important;
}


.mobile-close-cusotm-btn {
    opacity: 0;
}


/*.welcome-side-bar {*/
/*background: transparent;*/
/*position: sticky !important;*/
/*top: 62px;*/
/*}*/


.nbd-popup-large-img img {
    width: 100%;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    max-height: 380px;
    cursor: pointer;
    object-fit: contain;
}

.nbd-popup-actions {
    text-align: center;
}

.nbd-popup-design-name {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.nbd-popup-start-design i {
    margin-left: 20px;
}

.nbd-popup-start-design {
    line-height: 40px;
    padding: 0 20px;
    height: 40px;
    text-transform: uppercase;
    background: #ff5a22;
    color: #fff;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    border: none;

    width: 80%;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    float: none;
}


.nbd-popup-large-img img:hover {
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
    color: #fff;
}

.product_description {
    font-family: Work Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 156.8%;
    color: #2D2D2D;
}

.product_description h5 {
    font-weight: 600;
    font-size: 23px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #414C52;
    border-bottom: 2px solid #21A3B9;
    padding-bottom: 15px;
}

.description-wrapper.less .product_description h2 {
    font-size: 20px;
}

.description-wrapper.less .section,
.description-wrapper.less .product_description div,
.description-wrapper.less .bg-warning {
    display: none;
}

.description-wrapper.less .product_description {
    height: 195px;
}

.description-wrapper.less .product_description.hasVideo {
    height: 580px;
}


/*.description-wrapper.less .product_description {*/
/*height: 195px;*/
/*}*/

.description-wrapper .see-more {
    margin: 2rem auto;
    text-align: center;

    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 242%;
    color: #21A3B9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.description-wrapper .see-more i {
    margin-left: 10px;
}

.account_popup.reviewbox {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 25px 30px;
}

#addReviewForm label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 142.4%;
    color: #757575;
}

#addReviewForm .form-control {
    background: #F9F9F9;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
}

#addReviewForm input[type=text] {
    height: 42px;
}


.earned-points {
    font-weight: 500;
    font-size: 14px;
    line-height: 142.4%;
    color: #757575;
    margin-top: 5px;
}

#videos-from-customers img {
    width: 100%;
    border-radius: 2px;
}

#videos-from-customers .image-wrapper {
    position: relative;
}

#photos-from-customer .image-wrapper img {
    width: 100% !important;
    border-radius: 2px;
}

#photos-from-customer .arrows span, #videos-from-customers .arrows span {
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 29px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}


#photos-from-customer .site-main-another-comman-title-wrap, #videos-from-customers .site-main-another-comman-title-wrap {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

#photos-from-customer .images-scroll-wrapper .col {
    display: inline-block;
    margin-right: 20px;
    width: 180px;
    height: 171px;
}

#photos-from-customer .images-scroll-wrapper .col:last-child {
    margin-right: 0;
}

#photos-from-customer .images-scroll-wrapper, #videos-from-customers .images-scroll-wrapper {
    overflow-x: scroll;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
}

.review-thank-you .checkbox-icon {
    background: #81C719;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    margin: 2rem auto;
}

.review-thank-you .inner-wrapper {
    padding: 0 32px;
}

#photos-from-customer .images-scroll-wrapper::-webkit-scrollbar, #videos-from-customers .images-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.inner-wrapper.socials {
    background: #F7F7F7;
    border-radius: 3px;
    padding: 32px;
}

.inner-wrapper.socials .icon-item {
    background: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    width: 87px;
    height: 95px;
}

.inner-wrapper.socials .icon-item p.name {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #505050;
    margin: 0;
}

.inner-wrapper.socials .icon-item p.coins {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #21A3B9;
    margin: 0;
}

.review-thank-you {
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 30px;
}

.social-icons {
    display: flex;
    justify-content: space-between;
}

.social-icons img {
    width: 20px;
    border-radius: 50%;
}

.ty-text {
    font-weight: 600;
    font-size: 26px;
    line-height: 136.8%;
    text-align: center;
    color: #2D2D2D;
    margin: 0;
}

.coint-text {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    color: #2D2D2D;
    margin: 0;
}

.small-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #A4A4A4;
}

#videos-from-customers .col {
    width: 311px;
    height: 178px;
    display: inline-block;
    margin-right: 20px;
}

#videos-from-customers .col:last-child {
    margin-right: 0;
}

#videos-from-customers .icon {
    position: absolute;
    top: 41%;
    right: 0;
    left: 0;
    text-align: center;
    background: #fff;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    line-height: 55px;
    border-radius: 50%;
    cursor: pointer;
}

#addReviewButton {
    background: #FD8516;
    border-radius: 3px;
    height: 44px;
    display: flex;
    align-items: center;
    width: 247px;
    justify-content: space-around;
    font-weight: bold;
    font-size: 14px;
    line-height: 142.4%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.account_popup.reviewbox h2.fp_section_title {
    font-weight: 600;
    font-size: 23px;
    line-height: 136.8%;
    color: #2D2D2D;
    margin: 0;
}

.ui-loader-header {
    display: none !important;
}


#addReviewPanel .earn-coin {
    width: 134px;
    height: 20px;
    font-weight: 600;
    font-size: 13px;
    line-height: 0px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 1.5rem;
}

.empty-checkout h2 {
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 32px;
    text-align: center;
    color: #252525;
}

.empty-checkout .btn-lg {
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 0 0 1.5rem;
    line-height: 50px;
    height: 50px;
}

.empty-checkout .btn-lg i {
    background: #1f7484;
    height: 100%;
    float: right;
    padding: 0 2rem;
    line-height: 50px;
    margin-left: 10px;
    border-radius: 0 4px 4px 0;
}

.empty-checkout p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 200.7%;
    text-align: center;
    color: #717171;
}


.gallery-item-preview {
    padding: 0 1rem;
    cursor: pointer;
    position: relative;
    width: calc(100% - 190px);
}

.gallery-item-preview img.main-img {
    width: 100%;
    max-width: 100%;
    max-height: 635px;
    object-fit: contain;
    min-height: 307px;
}

.gallery-item-preview .controlls {
    position: absolute;
    top: 45%;
}

.gallery-item-preview .controlls.right {
    right: 20px;
}

.gallery-item-preview .controlls.left {
    left: 20px;
}

#reviewdiv {
    clear: both;
}

.modal-backdrop.in {
    opacity: .5 !important;
}

button, button:focus {
    outline: none !important;
}

#mobile-menu-wrapper-ci {
    display: none;
}


#orders_grid .job-item .inner .menu {
    z-index: 1;
}

.menu-toggle i {
    padding: 5px;
}

.printing_category li img {
    max-width: 100% !important;
}

.main-header-contect-content-icon-wrap {
    position: relative;
}

.btn-cyan {
    color: #FFFFFF;
    background: #21A3B9 !important;
    border-radius: 4px;
    border: 1px solid #259db3;
}

.btn-cyan:hover {
    background: #1f7484 !important;
    color: #fff !important;
}

.btn-cyan-colorbox {
    padding: 8px 17px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.user-menu-dropdown ul.bottom-list {
    border-top: 1px solid #E2E2E2;

}

.user-menu-dropdown ul.bottom-list li a {
    font-weight: normal !important;
}

.checkbox-panel .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background: #FFFFFF;
    border: 1px solid #B1B1B1;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
}

checkbox-panel label {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 13px;
    color: #4F4F4F;
    position: relative;
    padding: 0 !important;
}

.checkbox-panel input {
    display: none;
}

.checkbox-panel .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background: #FFFFFF;
    border: 1px solid #B1B1B1;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
}

.checkbox-panel .label-text {
    margin-left: 20px;
    cursor: pointer;
}

.checkbox-panel input:checked + .checkmark:after {
    content: "";
    left: 6px;
    top: 1px;
    width: 3px;
    height: 10px;
    border: solid #21A3B9;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}


.user-menu-dropdown.closed {
    display: none;
}

.user-menu-dropdown-toggle {
    cursor: pointer;
    position: relative;
}


.sajari-search-form .sj-input__input {
    border-radius: 50px;
    box-shadow: none;
    border: 1px solid #cacaca;
    height: 40px;

}

.er-dummy-search-box .er_search_input_dummy {
    padding: 8px !important;
}

.sajari-search-form input {
    padding: 0 10px;
    font-weight: 600;
    font-size: 16px;
    height: 40px;
    outline: none !important;
    border: none !important;
    border-radius: 50px;

}


.membership-page-title {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #464D4B;
}

.membership-block.gray {
    background-color: #BCBCBC;
    margin-right: 25px;
}

.membership-block {
    max-width: 475px;
    display: inline-block;
    border-radius: 3px;
    padding: 0 15px 15px;
    vertical-align: top;
    position: relative;
}

.membership-block ul {
    min-height: 220px;
}

.membership-block.green {
    background-color: #21A3B9;
}

.recomended-badge {
    position: absolute;
    width: 75px;
    right: -4px;
    top: -5px;
}

.membership-block-inner {
    background: #fff;
    border-radius: 3px;
    padding: 15px 25px;
    min-height: 395px;
}

.premium-popup-list ul li {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 2;
    color: #585858;
}

.membership-block .list-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 40px;
    color: #B9B9B9;
}

.free-text {
    font-weight: bold;
    font-size: 28px;
    color: #21A3B9;
    margin: 0;
}

.item-status span {
    display: block;
    margin-top: 5px;
    color: #21A3B9;
    font-size: 22px;
    font-weight: 500;

}

.item-status span[role="select"], .item-status [role="downgrade"] {
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    height: 37px;
    line-height: 37px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.membership-block .title-block {
    padding: 15px;
}

.title-block h2 {
    padding-left: 25px;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    margin: 0 0;
}

.premium-popup-list ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: #81C719;
    font-weight: bold;
    display: inline-block;
    width: 1.6em;
    margin-left: -1em;
    font-size: 12px;
}

.package-title {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #444444;
    margin: 0px;
}

.package-title-block {
    display: flex;
    justify-content: space-between;
}

.package-block-list .package-block {
    width: calc(33% - 25px);
    margin-right: 25px;
    background: #FFFFFF;
    border-radius: 3px;
    float: left;
    padding: 20px;
    margin-top: 20px;
}

.membership-page-sub-title {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #8A8A8A;
}

.coming-soon-text {
    margin: 20px 10px;
    font-size: 22px;
    font-weight: 600;
}

.right-column-membership-detail p {
    margin: 0px;
    font-size: 18px;
}

.right-column-membership-detail span[role="remove"] {
    font-size: 11px;
    color: #F95A4E;
    text-align: right;
    display: block;
    font-weight: 600;
    cursor: pointer;
}

.right-column {
    width: 25%;
}

.right-column-block {
    background: #FFFFFF;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.21);
    border-radius: 3px;
    padding: 20px;
    font-family: "Work Sans";
}

.right-column-membership-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ECECEC;
    padding: 10px 0px;
}

.right-column .green-text {
    font-weight: bold;
    font-size: 16px;
    color: #21A3B9;
    text-align: right;
}


.left-column, .right-column {
    margin-top: 30px;
    float: left;
}

.left-column {
    width: 75%;
}

.right-column .total-text {
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #7D7D7D;
    margin-top: 20px;
    margin-bottom: 0px;
}

.right-column .price {
    font-weight: bold;
    font-size: 24px;
    color: #3E3E3E;
}

.orange-btn, .purchase-now {
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    display: block;
    border: none;
    max-width: 287px;
    height: 50px;
    margin: 20px auto;
    line-height: 50px;
    background: #FD8516;
}


.purchase-now.disabled {
    background: #bcbcbc;
    cursor: not-allowed;
    opacity: .8;
}

#easy-way-printing ul {
    display: flex;
    justify-content: space-between;
}

#easy-way-printing div.show_btn {
    min-width: 163px;
    height: 151px;
    background: #21A3B9;
    border-radius: 3px;
    position: relative;
    margin-left: 5px;
}

#easy-way-printing li.show_btn a {
    position: absolute;
    bottom: 0;
}

#easy-way-printing li.show_btn a h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF;
    padding: 0 18px;
}

#easy-way-printing li img {
    height: 151px;
    border-radius: 4px;
}


#free-samples {
    clear: both;
}

#free-samples .bg-image {
    background-image: url(../../images/homepage_images/free-samples-bg.png);
    background-repeat: no-repeat;
    height: 311px;
    background-color: #D5D5D5;
    background-position: center center;
    position: relative;
}

#free-samples .white-bg {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    width: 255px;
    height: 220px;
    right: 70px;
    text-align: center;
    top: 15%;
    padding: 0 25px;
}

#free-samples .white-bg h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 124%;
    color: #232323;
}

#free-samples .white-bg p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 158.4%;
    color: #9C9C9C;
}

#free-samples .white-bg .btn {
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #21A3B9;
}

#tips {
    background-color: #DFDFE3 !important;
}

#tips .sub-title {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;
}

.site-main-tips-designing-tips-dos-wrap,
.site-main-tips-designing-tips-dont-wrap {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    padding: 25px;
    position: relative;
}


.site-main-tips-designing-tips-dos-wrap li span,
.site-main-tips-designing-tips-dont-wrap li span {
    margin-left: 1rem;
    font-size: 14px;
    line-height: 156.8%;
    color: #2D2D2D;
}

.site-main-tips-designing-tips-dos-wrap .icon-wrap .icon,
.site-main-tips-designing-tips-dont-wrap .icon-wrap .icon {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 55px;
}

.site-main-tips-designing-tips-dos-wrap .icon-wrap .icon {
    background: #81C719;

}

.site-main-tips-designing-tips-dont-wrap .icon-wrap .icon {
    background: #F95A4E;
}

#tips .icon-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#tips .icon-wrap span,
#tips .icon-wrap span {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #3C3C3C;
}

.single-video-section {
    background-color: #F7F7F7 !important;
    padding: 25px 0;
}


.single-video-section p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 174.8%;
    color: #2D2D2D;
}

.single-video-section .site-main-standard-size-text-content-wrap {
    padding: 20px 0 !important;
}

.single-video-section .site-main-standard-size-content-wrap {
    margin-bottom: 0;
}

#quantity-dropdown {
    border: 1px solid #d0d0d0;
    height: 45px;
    border-radius: 5px;
    width: 65%;
    font-size: 13px !important;
    background: url(https://cdn.4over4.com/assets/images/printing/select-drop-arrow.png) #f4f4f4 !important;
    background-position: 90% 50% !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
}

ul.quantity-dropdown {
    max-height: 355px;
    overflow-y: scroll;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    z-index: 2;
    position: absolute;
    right: 0;
    display: none !important;
}

.item-name .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #252525;
}

ul.quantity-dropdown.opened {
    display: block !important;
}


ul.quantity-dropdown li {
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    position: relative;
    width: 100%;
    flex-direction: initial;
    margin: 5px 0;
    cursor: pointer;
}

ul.quantity-dropdown li div {
    display: flex;
    align-items: center;
}

ul.quantity-dropdown li span {
    font-size: 13px;
    font-style: normal;
}

#ipc .price_details {
    position: relative;
    border-top: 1px solid #F0F0F0;
    padding-top: 15px !important;
}

ul.quantity-dropdown li.head span {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #21A3B9;
}

ul.quantity-dropdown li.head span:nth-child(1) {
    min-width: 45px;
    display: inline-block;
}

ul.quantity-dropdown li.head span:nth-child(2) {
    min-width: 85px;
    display: inline-block;
}

ul.quantity-dropdown li:hover {
    box-shadow: none;
}

ul.quantity-dropdown li .quantity {
    font-weight: 600;
    color: #7D7D7D;
    min-width: 45px;
    display: inline-block;
}

ul.quantity-dropdown li .item-price {
    color: #8C8C8C;
}

ul.quantity-dropdown li .high-price {
    text-decoration-line: line-through;
    color: #F95A4E;
    font-weight: 500;
    margin-right: 10px;
}

ul.quantity-dropdown li .high-price.first {
    text-decoration-line: initial;
}

ul.quantity-dropdown li .low-price {
    color: #515151;
    font-weight: 500;
}

ul.quantity-dropdown::-webkit-scrollbar-track {
    background: #f4f4f4;
}

ul.quantity-dropdown::-webkit-scrollbar-thumb {
    background: #21A3B9;
    border-radius: 3px;
}

ul.quantity-dropdown::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#quantity-dropdown li.selected {
    line-height: 45px;
    padding: 0 35px 0 15px !important;
}


ul.quantity-dropdown li[selected], ul.quantity-dropdown li:not(.head):hover {
    background: linear-gradient(180deg, #FFFFFF 53.65%, #F4F4F4 100%);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.36);
    border-radius: 4px;
}

ul.quantity-dropdown li.best-value {
    border: 1px solid #81C719;
    border-radius: 4px;
}

ul.quantity-dropdown li.best-value span.inf-text {
    background: #81C719;
}

ul.quantity-dropdown li.most-popular {
    border: 1px solid #FD8516;
    border-radius: 4px;
}

ul.quantity-dropdown li.most-popular span.inf-text {
    background: #FD8516;
}

ul.quantity-dropdown li span.inf-text {
    position: absolute;
    top: -9px;
    left: 6px;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 600;
    font-size: 9px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 6px;
    height: 14px;
    line-height: 14px;
}

#menu-tabs-section ul.tabs-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    border-bottom: 1px solid #D1D1D1;
}

#menu-tabs-section ul.tabs-list li {
    padding: 10px;
    margin: 0 20px;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #555555;
}

#menu-tabs-section ul.tabs-list li.active {
    font-weight: 600;
    color: #444444;
    border-bottom: 4px solid #21A3B9;
    position: relative;
}


#menu-tabs-section ul.tabs-list li.active:after {
    content: '';
    position: absolute;
    left: 41%;
    top: 43px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #21A3B9;
    clear: both;
}

#menu-tabs-section .section-item {
    display: none;
}

#menu-tabs-section .section-item.active {
    display: block;
}


#menu-tabs-section .business_banner_btn {
    text-align: center;
}


#menu-tabs-section .business_banner_btn a {
    background: none;
}

#menu-tabs-section .business_banner_btn a:hover {
    color: #444 !important;
    background: none;
}


.er-suggestions {
    left: 717px !important;
}

.product-influence {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
}

.product-influence-step2, .product-influence-step3 {
    display: none;
}

.product-influence-left, .product-influence-right {
    display: flex;
    align-items: center;
}

.product-influence-right {
    cursor: pointer;
}

.product-influence-left svg {
    margin-right: 5px;
}

.product-influence-right svg {
    margin-left: 5px;
}

.product-influence span.bl {
    color: #3E3E3E;
}

.product-influence .sun {
    color: #FD8516;
    text-decoration: underline;
}

.product-influence span.silv {
    color: #8E8E8E;
    display: flex;
    align-items: center;
}

.product-influence span.silv svg {
    margin-left: 2px;

}

.product-influence .gr {
    color: #81C719;
}

.fbc-why-need .white-box {
    max-width: 520px;
    margin-left: auto;
    width: 100%;
    margin-top: 27px;
}

.fbc-why-need h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 242%;
    color: #272727;
}

.fbc-why-need .site-main-another-comman-title-wrap p {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;
}

.fbc-why-need ul {
    background: #FFFFFF;
    border-radius: 3px;
    padding: 25px 30px;
}

.fbc-why-need ul .ttl-bold {
    font-weight: 600;
    font-size: 24px;
    line-height: 132%;
    color: #272727;
}

.fbc-why-need ul .ttl-cyan {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #21A3B9;
}

.fbc-why-need ul .txt {
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 161.8%;
    color: #4E4E4E;

}


.fbc-why-need ul li {
    border-bottom: 1px dashed #777777;
    margin-bottom: 20px;
}

.fbc-why-need ul li:last-child {
    border-bottom: none;
}

.fbc-video-banner {
    padding: 80px 0;
    height: 655px;

}

.fbc-video-banner, .fbc-why-need {
    background-position: right !important;
    background-repeat: no-repeat !important;
}

.fbc-video-banner {
    background-size: 100% 100% !important;

}

.fbc-why-need {
    padding: 50px 0;
    background-size: 100% 100% !important;
    padding-top: 10px;
    padding-bottom: 0;

}

.fbc-video-banner .ft-text {
    font-weight: 500;
    font-size: 10px;
    line-height: 142.4%;
    display: flex;
    align-items: center;
    color: #636363;
    margin: 20px 0;
}


.fbc-video-banner h3 {
    font-weight: 600;
    font-size: 26px;
    color: #272727;
    margin: 0;
}

.fbc-video-banner .subttl {
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    color: #232323;
    margin: 5px 0;

}

.fbc-video-banner .txt {
    font-weight: normal;
    font-size: 15px;
    line-height: 161.8%;
    color: #4E4E4E;
    margin: 21px 0;
}

.fbc-video-banner .video-wrapper {
    width: 100%;
    display: block;
    height: 390px;
    background: #FFFFFF;
    box-shadow: 0px 1px 9px rgb(0 0 0 / 9%);
    border-radius: 4px;
    position: relative;
}

#videoContainer .play-icon {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    right: 0;
    left: 0;
    top: 31%;
    width: 79px;
    height: 77px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
}

#youtube-video-container {
    background: rgb(255, 255, 255);
    border-radius: 4px;
}

.fbc-video-banner .btn {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 15px;
    padding-left: 15px;
    margin: 10px 0;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    line-height: 35px;
}


.fbc-yellow-row {
    background: #FFEA00;
    border-radius: 3px;
    height: 42px;
    margin-top: 60px;
    text-transform: uppercase;
    padding: 0 2rem;
    overflow: hidden;
}

.fbc-yellow-row span {
    font-weight: 600;
    font-size: 13px;
    line-height: 42px;
    letter-spacing: 0.03em;
    color: #272727;
    min-width: 170px;
    margin-right: 3rem;
}

.fbc-how-to-get .pr-section-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #767676;
}

.fbc-how-to-get h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 33px;
    line-height: 1;
    color: #272727;
}

.how-to-steps-wrapper {
    display: flex;
    justify-content: center;
    background-repeat: no-repeat !important;
    background-size: 84% 84% !important;
    background-position: bottom !important;
    padding: 25px 0;
}

.how-to-steps-wrapper .step-circle {
    background: #21A3B9;
    width: 71px;
    height: 71px;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    display: inline-block;
    padding: 15px 0;
    margin-bottom: 15px;
}

.how-to-steps-wrapper .step-circle p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 90.7%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.how-to-steps-wrapper .step-item {
    text-align: center;
}

.how-to-steps-wrapper .step-circle .number {
    font-size: 35px;
    font-weight: bold;
}

.how-to-steps-wrapper .step-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 106.7%;
    text-align: center;
    color: #272727;
    margin: 0 auto;
    max-width: 170px;
}

.how-to-steps-wrapper .step-desc {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #484848;
    max-width: 250px;
    padding: 0 1rem;
}

.how-to-steps-wrapper .dashed-icon {
    margin: 20px auto;
    position: relative;
    min-height: 75px;
}

.how-to-steps-wrapper .dashed-icon .img-wrapper {
    position: absolute;
}

.fbc-how-to-get .orange-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 147.8%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FD8516;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fbc-how-to-get .btn-orange {
    width: 280px;
    height: 50px;
    margin: 10px auto;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.orange-btn span, .fbc-video-banner .btn span, .btn-orange span {
    background: #F46A1D;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    line-height: 22px;
}

.my-influence-page-section {
    background-color: #F0EFEF;
    padding: 40px 0px;
}

.my-influence-page-section .my-influence-page-inner-block, .design-your-print, .free-templates-for {
    padding-left: 80px;
    padding-top: 35px;
    padding-bottom: 35px;
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
}

.my-influence-page-inner-block .row {
    display: flex;
    align-items: center;
}

.my-influence-page-section h2, .design-your-print h2, .free-templates-for h2,
.my-influence-page-section h4.to-h2-st {
    margin: 15px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 33px;
    line-height: 132%;
    color: #272727;
}

.my-influence-page-section p, .design-your-print p, .free-templates-for p {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 174.8%;
    color: #272727;
}

.my-influence-page-section .orange-btn, .free-templates-for .orange-btn, .design-your-print .orange-btn {
    height: 50px;
    line-height: 50px;
    width: 218px;
    font-weight: 600;
    background: #FD8516;
    margin: 40px 0;
}

.fbc-coins-section {
    background-position: left !important;
    background-color: #2c3940 !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    height: 516px;
    padding: 130px 0;
}


.fbc-coins-section-inner .fbc-coins-text-block h2,
.fbc-coins-section-inner .fbc-coins-text-block h4.to-h2-st {
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.fbc-coins-section-inner .fbc-coins-text-block h3 {
    margin: 0px;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 10px
}

.fbc-coins-section-inner .fbc-coins-text-block h3 b {
    font-size: 35px;
}

.fbc-coins-section-inner .fbc-coins-text-block a {
    background: #21A3B9;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 39px;
    padding: 10px 20px;
    width: 260px;
    margin-top: 10px;
}

.fbc-coins-section-inner .fbc-coins-text-block b {
    font-size: 45px;
    line-height: 47px;
    color: #FFFFFF;
    display: block;
}

.fbc-social-share {
    padding: 40px 0px;
}

.fbc-social-share .box a {
    display: inline-block;
    /*width: 156px;*/
}

.goto_elem {
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    color: #21A3B9;
    padding: 6px 0;
    position: absolute;
    left: -55px;
    top: 0;
    cursor: pointer;
}

.two-sided-link {
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
}

.goto_elem span {
    display: block;
}

.fbc-social-share .box .earn-points-blocks {
    text-align: center;
    position: relative;
}

.fbc-social-share .box h4 {
    font-size: 20px;
    line-height: 242%;
    color: #272727;
}

.fbc-social-share .box h4 span {
    color: #FD8516;
    font-weight: 700;
}

.fbc-social-share .social-share-subtitle {
    color: #2D2D2D;
    font-weight: 500;
    font-size: 16px;
}

.fbc-social-share .influence_share-message-warning {
    font-weight: 600;
    font-size: 14px;
    height: auto;
    text-align: center;
    line-height: 27px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 9px 0px;
}

.fbc-social-share .box .sub-desc {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;
}

.fbc-social-share .box {
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 23px 62px;
    margin-bottom: 30px;
    position: relative;
}

.fbc-social-share .influence-block__desc {
    margin-top: 20px;
}

.fbc-social-share .earn-points-block__desc {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #21A3B9;
}

.fbc-social-share .earn-points-block__icon, .fbc-social-share .earn-points-block__icon img {
    width: 45px;
    height: 45px;
}

.fbc-social-share .earn-points-block {
    border: 1px solid transparent;
}

.fbc-social-share .earn-points-block:hover {
    border: 1px solid #21A3B9;
    box-shadow: none;
    border-radius: 4px;
}

.fbc-social-share .earn-points-block__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #505050;
}

.fbc-social-share .use-tools-qr img {
    max-height: 150px;
}

.fbc-social-share .use-tools-qr-info {
    margin-left: 5px;
    margin-top: 15px;
}

.fbc-social-share .use-tools-qr-info i {
    color: #21A3B9;
    margin-right: 5px;
    font-size: 9px;
}

.fbc-social-share .copy-share-url {
    background: #F0F0F0;
    border: 1px solid #D0D0D0;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
    color: #727272;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    line-height: 46px;
    padding: 20px;
    margin-bottom: 30px;
}

.fbc-social-share .copy-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #21A3B9;
    background: transparent;
    border: none;
    padding: 0px;
}

.fbc-social-share .copy-btn svg {
    margin-right: 6px;
}

.fbc-social-share .copy-share-url {
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 576px) {
    .fbc-social-share.earn-points-blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}


.reviews-filter select {
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 120px;
    height: 29px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #7E7E7E;
    background: url(https://cdn.4over4.com/assets/images/printing/select-drop-arrow.png) #f4f4f4 !important;
    background-position: 90% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 15px;
    cursor: pointer;
}

.alert.already-ordered {
    background: rgba(253, 133, 22, 0.17);
    border: 1px dashed #FF6421;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #EA770E;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    margin-bottom: 5px;
}


.link-to-influence a {
    text-align: center;
    display: block;
    font-weight: 500;
    text-decoration: underline;
}


.fbc_main-baner-text {
    width: calc(100% - 538px);
    min-width: 470px;
    padding: 8rem 0;
}

.fbc_main-baner-text .inner {
    max-width: 490px;
    width: 100%;
    margin-left: auto;
}


.fbc_main-baner-text h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 53px;
    color: #232323;
}

.fbc_main-baner-text h4 {
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;

    text-transform: uppercase;

    color: #707070;
}

.fbc_main-baner-text ul li {
    font-weight: 500;
    font-size: 15px;
    line-height: 138%;
    color: #4E4E4E;
    list-style-type: disc;
    margin-bottom: 2rem;
}

.btn-orange {
    background: #FD8516;
    border-radius: 3px;
    color: #FFFFFF;
}

.btn-orange:hover {
    background: #ec7d16;
    color: #fff !important;
}

.btn-orange:hover span {
    background: #F46A1D !important;
}

.fbc_main-baner-text .btn-orange {
    font-weight: bold;
    font-size: 14px;
    line-height: 142.4%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    width: 246px;
    height: 50px;
    justify-content: space-around;
}

.fbc_banner1 {
    background: #fff;
    border-radius: 4px;
    padding: 40px 50px;
    height: 480px;
}

.fbc-how-to-earn-coins {
    background: #efefef;
    padding: 6rem 0;
}

.fbc-how-to-earn-coins .roadmap-button {
    display: block;
    max-width: 300px;
    margin: 3rem auto;
    height: 50px;
    line-height: 35px;
    font-weight: bold;
}

.fbc-how-to-earn-coins .white-wrapper {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px 0;
}


.fbc-how-to-earn-coins .list-item {
    display: flex;
    border-top: 1px dashed #777777;
    padding: 3rem 0;
    width: 90%;
    margin: 0 auto;
    transition: .2s;
    overflow: hidden;
}

.fbc-how-to-earn-coins .list-item .circle {
    margin-right: 10px;
    font-weight: 500;
    font-size: 25px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: .1s;
    width: 73px;
    height: 73px;
    min-width: 73px;

}

.fbc-how-to-earn-coins .list-item .earn {
    background: #FD8516;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.fbc-how-to-earn-coins .list-item .earned {
    background: #81C719;
    font-weight: 600;
    font-size: 12px;

}

.fbc-how-to-earn-coins .list-item .number {

    background: #21A3B9;
    border: 1px solid #21A3B9;

}

.fbc-how-to-earn-coins .main-dec {
    padding: 0 16px;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;
}

.fbc-how-to-earn-coins .action-name {
    font-weight: 500;
    font-size: 19px;
    color: #272727;
    margin: 0;
    line-height: 25px;
}

.fbc-how-to-earn-coins .action-name span {
    color: #21A3B9;
    font-weight: 600;
}

.fbc-how-to-earn-coins .date {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    color: #969696;
    font-style: italic;
}

.fbc-how-to-earn-coins .icon {
    margin: 0 20px;
}

.fbc-how-to-earn-coins .earn-coins-list {
    margin: 2rem 0;
}

.coins-roadmap {
    padding: 0 50px;
}

.earn-coins-list h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 242%;
    color: #272727;
    padding: 0 50px;
}

.coins-roadmap h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 242%;
    color: #1C1C1C;
}

.coins-roadmap h4 span {
    color: #f78518;
}

.coins-roadmap .user-row {
    display: flex;
    align-items: center;
    border-bottom: 3px solid #21A3B9;
    padding-bottom: 2rem;
}

.coins-roadmap .user-row .avatar {
    width: 57px;
    height: 57px;
    border: 3px solid #21A3B9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.coins-roadmap .user-row .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.coins-roadmap .user-row .name {
    font-weight: 600;
    font-size: 21px;
    line-height: 22px;
    color: #3E3E3E;
    margin: 0;
}

.coins-roadmap .user-row .date {
    color: #3E3E3E;
}

.key-points {
    padding: 10px 50px;
}

.key-points p {
    font-weight: normal;
    border-top: 1px dashed #777777;
    padding-top: 2rem;
    font-style: normal;
    font-size: 15px;
    line-height: 190%;
    color: #3E3E3E;
}

.key-points h4 {
    font-weight: bold;
    font-size: 21px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #272727;
    text-align: left;
    width: 75px;
}

.key-points .left-box {
    border-right: 1px dashed #777777;
    padding: 2rem 3rem 2rem 0;
    margin: 10px 20px;
}

.key-points .right-box li {
    font-weight: 500;
    font-size: 19px;
    line-height: 44px;
    color: #2F2F2F;

}

.key-points .right-box li:before {
    content: "\2022";
    color: #f78518;
    font-weight: bold;
    display: inline-block;
    width: 15px;
    margin-left: -1em;
}

.key-points .right-box {
    padding-left: 3rem;
}

.fbc-marketing-desc h2,
.fbc-marketing-desc h4.to-h2-st {
    font-weight: 600;
    font-size: 22px;
    line-height: 142%;
    color: #272727;
}

.fbc-marketing-desc p {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;
}

.fbc-marketing-desc h3 {
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    color: #3E3E3E;
}

.fbc-marketing-desc h4 {
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    color: #232323;
}

.fbc-marketing-desc.fic h3 {
    font-weight: 600;
    font-size: 22px;
    color: #272727;
}


.fbc-marketing-desc li {
    margin: 10px 0;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    color: #2D2D2D;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-right: 7rem;
}

.fbc-marketing-desc li svg {
    margin-right: 15px;
    min-width: 8px;
}

.fbc-marketing-desc .white-box {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 30px;
}

section.fbc-marketing-desc {
    background: #EAEAEA;
    padding: 40px 0;
    padding-top: 50px;
}

/*  Product seo categories  */

#category_seo_text .seo-ml-15 {
    margin-left: 15px;
}

#category_seo_text .seo-ml-57 {
    margin-left: 57px;
}

#category_seo_text .seo-fw-500, #category_seo_text ul {
    font-weight: 500;
}


#category_seo_text ul li p {
    font-size: 14px;
    color: #333333;
    display: inline;
    font-weight: 500;
}

.product_description li {
    list-style-type: disc !important;
}

.product_description li, .product_description li p {

    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 23px;
    color: #3E3E3E !important;
    margin-bottom: 10px;
}

.product_description li p {
    margin-left: 10px;
    display: flex;
}


#category_seo_text .seo-ml-50 {
    margin-left: 50px;
}

#category_seo_text .seo-lh-25 {
    line-height: 25px;
}

#category_seo_text .text-green {
    color: #21A3B9;
}

#category_seo_text .text-grey {
    color: #9e9c9c;
}

#category_seo_text .category_seo_main_title .h1 {
    font-weight: 600;
    font-size: 40px;
    /*line-height: 242%;*/
    line-height: 140%;
    color: #1C1C1C;
}

#category_seo_text .border-bottom-line {
    /*border-bottom: 3px solid #21A3B9;*/
    padding-bottom: 10px;
}


#category_seo_text .section-box-shadow {
    background: #FFFFFF;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.21);
    border-radius: 3px;
    padding: 11px 17px;
}

#category_seo_text .toggle-title-list:hover {
    cursor: pointer;
}

#category_seo_text a {
    color: #21A3B9;
    text-decoration: underline;
}

#category_seo_text a:hover {
    color: #21A3B9;
}

#category_seo_text .category_seo_main_title .user-row {
    display: inline-flex;
    align-items: center;
    margin-right: 1rem;
}

.writters-wrapper {
    display: inline-flex;
    width: 100%;
}

#category_seo_text h2, .product_description h2 {
    border-bottom: 3px solid #21A3B9;
    padding-bottom: 15px;
}

#category_seo_text h3 {
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/assets/images/static/pillar/title-background.png");
    margin: 25px 0;
    padding: 0 10px;
}

#category_seo_text .category_seo_main_title .user-row .avatar {
    width: 57px;
    min-width: 57px;
    height: 57px;
    border: 3px solid #21A3B9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

#category_seo_text .category_seo_main_title .user-row .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

#category_seo_text .category_seo_main_title .user-row .name {
    font-weight: 600;
    font-size: 21px;
    line-height: 22px;
    color: #3E3E3E;
    margin: 0;
}

#category_seo_text .category_seo_main_title .date {
    font-size: 14px;
    color: #3E3E3E;
    font-style: italic;
    padding-left: 7rem;
}


#category_seo_text .category_seo_title {
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    /*color: #3E3E3E;*/
    color: #21A3B9;
}

#category_seo_text .category_seo_block_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

#category_seo_text .category_seo_title {
    margin-left: 20px;
}

#category_seo_text .category_seo_items h3, #category_seo_text .category_seo_items ol li {
    font-weight: 400;
    font-size: 17px;
    line-height: 242%;
    color: #3E3E3E;
    margin-bottom: 0;
    margin-top: 0;
}

#category_seo_text .table-of-contents ul.parent-ul {
    padding-left: 73px;
    margin-top: 1rem;
}


#category_seo_text .category_seo_image, #category_seo_text .category_seo_image_auto {
    text-align: center;
}

#category_seo_text img {
    max-width: 100%;
    width: 605px !important;
    height: unset !important;
    display: block;
    margin: 1rem auto;
}

#category_seo_text .category_seo_image_auto img {
    min-height: 350px;
    max-height: 500px;
}

#category_seo_text p, .product_description p {
    font-weight: normal;
    font-size: 15px;
    line-height: 190%;
    color: #3E3E3E;
}

#category_seo_text h4 {
    color: #38c2a8;
    margin-top: 20px;
    border-bottom: 1px solid #21A3B9;
    padding-bottom: 15px;
    font-size: 20px;
}

#category_seo_text h5 {
    font-weight: 600;
    font-size: 17px;
}

#category_seo_text h5 span, #category_seo_text article li span {
    color: #38c2a8;
    margin-right: 5px;
}

#category_seo_text li {
    font-weight: 500;
    font-size: 15px;
    line-height: 190%;
    color: #3E3E3E;
}

#category_seo_text article p {
    margin-left: 16px;
}

#category_seo_text table {
    margin-top: 20px;
    width: 100%;
}

#category_seo_text .large-table {
    overflow: auto;
}

#category_seo_text table thead tr {
    height: 40px;
    background: #21A3B9;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    line-height: 190%;
}

#category_seo_text table thead tr th {
    padding-left: 20px;
    padding-right: 20px;
}

#category_seo_text table tbody {
    background: #F7F7F7;
}

#category_seo_text table tbody tr {
    font-size: 15px;
    line-height: 28px;
    transition: background-color .3s ease-in;
}

#category_seo_text table tbody tr:hover {
    background-color: #ececec;
}

#category_seo_text table tbody th, #category_seo_text table tbody td {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    width: 25%;
}

#category_seo_text table tbody tr:first-child th, #category_seo_text table tbody tr:first-child td {
    padding-top: 10px;

}

#category_seo_text table, #category_seo_text table th, #category_seo_text table td {
    border-right: 3px solid white;
}

#category_seo_text article p {
    display: flex;
}

#category_seo_text article p span:first-child {
    color: #38c2a8;
    margin-right: 5px;
}

#category_seo_text article p span {
    font-size: 14px;
}


#category_seo_text .category_seo_items .ordered-list {
    list-style-type: decimal;
    font-weight: 600;
    font-size: 19px;
    line-height: 242%;
    color: #3E3E3E;
    margin-bottom: 0;
    margin-top: 0;
}


#category_seo_text ul:not(.parent-ul) li:before, #category_seo_text p.doted_icon:before, #category_seo_body .table-of-contents ul.parent-ul ul li:before {
    content: "\2022";
    color: #21A3B9;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    list-style: none;
}

#category_seo_text ol.seo-list-content {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
}

#category_seo_text ol.seo-list-content li {
    list-style-type: inherit;
}

#category_seo_text .category_seo_items.category_seo_items_small .ordered-list,
#category_seo_text .category_seo_items.category_seo_items_small .ordered-list li {
    font-size: 15px;
    line-height: 190%;
}

#category_seo_text .category_seo_items.category_seo_items_small {
    margin-left: 15px;
}

.category_seo_svg {
    cursor: pointer;
}


#category_seo_text {
    background: #f6f6f6;
    clear: both;
}

#category_seo_text .pillar-head {
    background: white;
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: 3px;
    padding: 11px;
    margin: 10px 0;
    height: 57px;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.21);
}

#category_seo_text ul, .product_description ul {
    padding-left: 25px;
}

#pillar-navigation {
    position: sticky;
    top: 65px;
    width: 20%;
    padding: 0;
}

.pillar-navigation-menu {
    max-height: 700px;
    overflow-y: scroll;
    padding-right: 10px;
}

.pillar-navigation-menu ul.parent-ul {
    min-height: 900px;
}

.pillar-navigation-menu::-webkit-scrollbar {
    width: 5px;
}

.pillar-navigation-menu::-webkit-scrollbar-thumb {
    background-color: #21A3B9;
    border-radius: 100px;
}

.pillar-navigation-menu::-webkit-scrollbar-track {
    background: #F8F8F8;
    border-radius: 100px;
}

.pillar-overlay {
    position: absolute;
    height: 300px;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(rgb(246 246 246 / 49%), rgb(246 246 246));
    z-index: 1;
}

#category_seo_body, #category_body {
    padding: 2rem 4rem;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    border-radius: 4px;
    float: right;
    width: calc(100% - 325px);
}

#category_body {
    margin-bottom: 4rem;
}

#category_seo_text {
    padding: 2rem 0;
    position: relative;

}

/*#category_seo_body ul li {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*#category_seo_body ul li:before {*/
/*    font-size: 25px;*/
/*}*/

#category_seo_body ul li {
    line-height: 25px;
}

.pillar-navigation-menu .category_seo_items {
    margin: 0 !important;
}

#category_seo_body section {
    position: relative;
}

#category_seo_body .goto_elem {
    left: unset;
    right: -100px;
}

.pillar-navigation-menu li {
    position: relative;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #2F2F2F;
    margin: 15px 0;
}

.pillar-navigation-menu li.active {
    font-weight: 600;
    color: #008E77;

}

.pillar-navigation-menu li.active:before {
    content: '-';
    position: absolute;
    left: -15px;
}

/*********************/

.pillar-navigation-menu ul li:hover {
    color: #008E77;
    cursor: pointer;
    text-decoration: none;
}

.pillar-navigation-menu ul.parent-ul {
    padding-left: 35px;
}

#category_seo_text .table-of-contents ul li {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 27px;
    color: #2F2F2F;
    cursor: pointer;
}


#category_seo_body .table-of-contents ul.parent-ul > li {
    list-style-type: decimal;
}

#category_seo_body .table-of-contents ul.parent-ul ul {
    padding-left: 15px !important;
}

#category_seo_body br {
    display: none;
}

#category_seo_body p {
    margin-bottom: 2rem;
}

.templates_tab-body {
    padding: 35px;
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 0 0 2px 2px;
}


.templates-widget li img {
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    object-fit: contain;
}


.product-templates-controls span {
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 2px 0;
    margin: 5px;
    cursor: pointer;
}

.site-main-design-guidelines-img-wrap {
    clear: both;
    margin: 15px 0;
    max-height: 570px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: #21A3B9 #f4f4f4;
    scrollbar-width: thin;
    scroll-behavior: smooth;

}

.templates_tab-buttons ul {
    margin: 0;
    display: inline-flex;
}

.templates_tab-buttons ul li {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #808080;
    margin-right: 10px;
    padding: 20px 42px;
    border: 1px solid #D0D0D0;
    border-bottom: none;
    box-sizing: border-box;
    border-radius: 3px 3px 0 0;
    position: relative;
    cursor: pointer;

}

.templates_tab-buttons li:not(.active) {
    background: #ECECEC;
}

.templates_tab-buttons ul li:after {
    content: "";
    background: #D0D0D0;
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: -1px;
    left: 0;
}

.templates_tab-buttons ul li.active {
    color: #21A3B9;
    border: 1px solid #21A3B9;
    border-bottom: none;
}

.templates_tab-buttons ul li.active:after {
    background: white;
}


.templates_tab-body .item {
    display: none;
}

.templates_tab-body .item.active {
    display: block;
}


.templates_tab-body .form-group {
    /*max-width: 270px;*/
    width: 100%;
    margin-right: 2rem;
    display: flex;
    align-items: center;
    border: 1px solid #B9B9B9;
    border-radius: 2px;
}

.templates_tab-body .form-group label {
    background: #F3F3F3;
    border-right: 1px solid #CFCFCF;
    box-sizing: border-box;
    margin: 0;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    color: #AAAAAA;
    font-weight: 500;
    font-size: 15px;
    min-width: 105px;
}


.templates_tab-body .form-group select {
    border-radius: 4px;
    -webkit-appearance: none;
    border: none;
    width: 100%;
    padding: 0 35px 0 15px;
    height: 39px;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #3E3E3E;
    background: url(https://cdn.4over4.com/assets/images/printing/select-drop-arrow.png) #fff !important;
    background-position: 90% 50% !important;
    background-repeat: no-repeat !important;
    box-shadow: none;
}


.templates-widget .temp_loader {
    margin: 0 auto;
    display: block;
    width: 50px;
}

.templates-widget p {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    align-items: center;
    color: #4F4F4F;
    text-align: center;
    margin: 1rem 0;
}

ul.templates-widget li div:not(.icon) {
    background: #21A3B9;
    border-radius: 0 0 4px 4px;
    position: absolute;
    width: 93%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 9px 22px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: .0;
}

ul.templates-widget li:hover div {
    opacity: 1;
}


#free-online-designer section, #free-templates section {
    padding: 75px 0;
}

.design-your-print .img-wrap {
    position: relative;
}

.design-your-print .img-wrap img {
    background: white;
    padding: 10px;
    box-shadow: 0px 1px 9px rgb(0 0 0 / 10%);
    border-radius: 4px;
}

#free-online-designer .design-your-print .img-wrap .star {
    position: absolute;
    left: -111px;
    bottom: 45px;
}

.design-your-print .img-wrap .star img {
    background: none;
    box-shadow: none;
}

#free-templates .design-your-print .img-wrap .star {
    position: absolute;
    right: 34px;
    top: 28px;
}

.design-your-print .img-wrap .star .text-on {
    position: absolute;
    top: 36%;
    right: 0;
    left: 0;
    text-align: center;
}

.design-your-print .img-wrap .star .text-on p {
    color: #fff;
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}

.design-your-print h3 {
    font-weight: 600;
    font-size: 50px;
    line-height: 56px;
    color: #232323;
}

.design-your-print h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
    text-transform: uppercase;
    color: #707070;
    width: 85%;
    margin-bottom: 24px;
}

.design-your-print ul {
    width: 90%;
    padding-left: 20px;
}

.design-your-print li {
    font-weight: 500;
    font-size: 15px;
    line-height: 2;
    color: #4E4E4E;
    list-style: disc;
}

.design-your-print .design-your-print-list li {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #4E4E4E;
    list-style: disc;
    margin-bottom: 15px;
}

#free-online-designer .design-your-print .row {
    display: inline-flex;
    align-items: center;
}

.free-box-wrapper .btn-orange, .but-wait .white-box .btn-orange {
    text-transform: uppercase;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: bold;
    font-size: 15px;
    line-height: 142.4%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.free-box-wrapper .btn-orange span, .but-wait .white-box .btn-orange span {
    background: #F46A1D;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    display: inline-block;
    line-height: 22px;
}

.free-qr-builder .free-box-wrapper .small-ul li {
    display: flex;
    line-height: 23px;
}

.free-qr-builder .free-box-wrapper .small-ul li > div {
    margin-right: 15px;
    flex-shrink: 0;
    margin-top: 3px;
}

.free-qr-builder .qr-code-generated-successfully-block {
    position: relative;
    display: none;
}

.free-qr-builder .qr-code-generated-successfully-block .gray-bottom-block {
    background: #F3F3F3;
    border-radius: 4px;
    padding: 35px;
}

.free-qr-builder .qr-code-generated-successfully-block .gray-bottom-block .title {
    font-weight: 600;
    font-size: 17px;
    color: #272727;
}

.free-qr-builder .qr-code-generated-successfully-block .gray-bottom-block .content {
    font-weight: 500;
    font-size: 15px;
    color: #737373;
    line-height: 25px;
}

.free-qr-builder .qr-code-generated-successfully-block .white-inner-block {
    background-color: #fff;
    display: flex;
    padding: 20px 25px;
    margin-top: 35px;
    padding-bottom: 0px;
}

.free-qr-builder .qr-code-generated-successfully-block .white-inner-block a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 25px;
    margin-top: 15px;
}

.free-qr-builder .qr-code-generated-successfully-block .white-inner-block .title {
    font-weight: 600;
    font-size: 19px;
    color: #272727;
    width: 75%;
    margin-top: 12px;
}

.free-qr-builder .qr-code-generated-successfully-block .white-inner-block .content {
    font-weight: 600;
    font-size: 15px;
    color: #4E4E4E;
    line-height: 25px;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block {
    display: flex;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .general-title {
    color: #252525;
    font-size: 38px;
    font-weight: 400;
    margin-top: 5px;
    font-family: 'Yeseva One', cursive !important;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block p {
    font-size: 18px;
    line-height: 21px;
    color: #3E3E3E;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .check-icon {
    background: #81C719;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .qr-code-img {
    position: relative;
    flex-shrink: 0;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .qr-code-img .check-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    right: -15px;
    border: 3.3px solid #FFFFFF;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .item-box-inner .check-icon {
    width: 17px;
    height: 17px;
    margin-right: 3px;
    display: inline-flex;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .item-box-inner p {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #3E3E3E;
    width: 80%;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .item-box-inner {
    background-color: #fff;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.19);
    border-radius: 3px;
    padding: 10px 15px;
    display: flex;
    margin: 15px 0px;
}

.free-qr-builder .qr-code-generated-successfully-block .close-icon {
    position: absolute;
    top: 15px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EFEFEF;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    cursor: pointer;
}

.free-qr-builder .qr-code-generated-successfully-block .general-block .general-block-content {
    padding: 10px 40px;
    padding-right: 0px;
}

.but-wait .cyan-title {
    font-weight: 600;
    font-size: 23px;
    color: #21A3B9;
    margin: 0;
}

.but-wait h3 {
    color: #232323;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-top: 0;
}

.but-wait .cyan-titile {
    font-weight: 600;
    font-size: 23px;
    color: #21A3B9;
    margin: 0;
}

.but-wait p {
    font-weight: normal;
    font-size: 15px;
    line-height: 161.8%;
    color: #3E3E3E;
}

.but-wait li {
    font-weight: 500;
    font-size: 15px;
    line-height: 2;
    color: #4E4E4E;
    list-style: disc;
}


.free-box-wrapper .cyan-bg-arrow p {
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    color: #21A3B9;
    text-align: left;
    padding-bottom: 6px;
    margin-bottom: 15px;
}

.free-box-wrapper .small-ul {
    text-align: center;
    margin: 2rem 0;
}

.free-box-wrapper .small-ul li {
    list-style: none;
    text-align: left;
    font-weight: normal;
    font-size: 17px;
    line-height: 1;
    margin-bottom: 16px;
    color: #2F2F2F;
}

.free-box-wrapper .cyan-bg-arrow {
    border-bottom: 3px solid #21A3B9;
}

.free-box-wrapper .small-ul li div {
    background: #21A3B9;
    border-radius: 54px;
    text-align: center;
    width: 19.44px;
    height: 19.44px;
    display: inline-block;
    line-height: 18px;
}

.free-box-wrapper .small-ul p {
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    color: #272727;
    margin: 0;
}

.free-box-wrapper .or {
    margin: 2rem auto;
}

.free-box-wrapper .or span {
    font-weight: 500;
    font-size: 12px;
    color: #6B6B6B;
    display: block;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    box-sizing: border-box;
    border-radius: 54px;
    width: 37px;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    position: relative;

}

.free-box-wrapper .or hr {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    top: 20px;
}

.but-wait .white-box .btn-orange {
    margin-top: 1rem;
}

.but-wait .foot-text {
    font-size: 11px;
    margin: 15px 0;
}

.free-box-wrapper .btn-cyan {
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    line-height: 38px;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
}

.but-wait .white-box {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 28px 42px;
}

.but-wait .introVid {
    height: 400px !important;
    border-radius: 4px;
    object-fit: fill !important;
}

.custom-design h3, .how-to-use h3, .popular-products h3 {
    font-weight: 600;
    font-size: 30px;
    color: #272727;
    margin-top: 0;
}

.how-to-use .sub-ttl, .custom-design .sub-ttl, .popular-products .sub-ttl {
    font-weight: 500;
    font-size: 15px;
    color: #2F2F2F;
    border-bottom: 3px solid #21A3B9;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
}


.custom-design .body-wrap .ttl, .how-to-use .body-wrap .ttl {
    font-weight: 600;
    font-size: 26px;
    color: #272727;
    display: flex;
    line-height: 1;

}

.how-to-use .body-wrap .ttl {
    color: #21A3B9;
    border-bottom: 1px solid #21A3B9;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.how-to-use .body-wrap .ttl .number {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #21A3B9;
    background-color: #21A3B9;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    line-height: 29px;
    min-width: 32px;
    margin-right: 13px;
}


.custom-design .body-wrap .ttl .number {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #21A3B9;
    border: 2px solid #21A3B9;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    line-height: 29px;
    min-width: 32px;
    margin-right: 13px;
}

.custom-design .body-wrap .content {
    font-size: 15px;
    line-height: 24px;
    color: #3E3E3E;
    width: 75%;
}

.custom-design .body-wrap .btn-cyan {
    height: 42px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    max-width: 260px;
    width: 100%;
    justify-content: space-evenly;
    margin-top: 2rem;
}


.custom-design .body-wrap .btn-cyan span {
    background: rgba(0, 142, 119, 0.46);
    width: 22.9px;
    height: 22.9px;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
}

.custom-design .body-wrap .row {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #777777;
    margin-bottom: 35px;
    padding-bottom: 35px;
    padding-left: 25px;
}

.custom-design .body-wrap .row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.custom-design .inner {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 45px;
}

.how-to-use .body-wrap .item {
    background: #FFFFFF;
    border: 1px solid rgba(205, 205, 205, 0.71);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 40px 30px;
    margin-bottom: 2rem;
}

.how-to-use .body-wrap .item li {
    font-size: 15px;
    line-height: 24px;
    color: #3E3E3E;
    border-bottom: 1px dashed #C6C6C6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.how-to-use .body-wrap .item li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}


.popular-products .key-points {
    padding: 0;
}

.popular-products .key-points .left-box {
    margin: 0;
}

.popular-products .key-points .right-box li {
    font-weight: 500;
    font-size: 17px;
    line-height: 44px;
    color: #2F2F2F;
}

.popular-products .template-item img {
    margin-bottom: 10px;
    transition: .2s;
    height: 285px;
}

.popular-products .template-item img:hover {
    transform: scale(.9);
}

.popular-products .template-item .name {
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #3E3E3E;
    margin-bottom: 5px;
}

.popular-products .template-item .count {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #21A3B9;
}

.popular-products .template-item {
    margin-bottom: 4rem;
    min-height: 360px;
}

.templates-wrap .btn-cyan {
    width: 259px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 600;
    font-size: 13px;
    line-height: 102.4%;
    text-transform: uppercase;
    margin: 0 auto;
}

.templates-wrap .btn-cyan span {
    background: rgba(0, 142, 119, 0.46);
    width: 22.9px;
    height: 22.9px;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
}

.info-templ {
    padding: 1rem 0;
}

.info-templ h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 242%;
    color: #272727;
    margin: 0;
}

.info-templ p {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;


    color: #2F2F2F;
}

#free-templates ul.templates-widget li {
    width: 32%;
}

.free-sticky {
    background: #FFFFFF;
    border: 2px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 35px 40px;
}

.free-sticky.scroll-to-fixed-fixed {
    margin-top: 7rem;
}


/*social widget  */
#social-widget .ul-wrapper {
    margin-top: 2rem;
    display: flex;
}

.social-widget_item.ig:hover a {
    background: #C1426E;
}

.social-widget_item.fb:hover a {
    background: #1F519B;
}

.social-widget_item.pn:hover a {
    background: #D82C1F;
}

.social-widget_item.ld:hover a {
    background: #0077B5;
}

.social-widget_item a {
    background: #FFFFFF;
    border: 1px solid #EDEDED !important;
    box-sizing: border-box;
    padding: 8px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    height: 51px !important;
}

.social-widget_item:hover a {
    color: #fff !important;
}

.social-widget_item:hover svg path {
    fill: #fff;
}

.social-widget_item.tw:hover a {
    background: #03A9F4;
}

.social-widget_item .soc-name {
    margin: 0 10px;
}

.social-widget_item .coin-wrapp {
    width: 55px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #F4F4F4;
    border-radius: 4px;
}

.social-widget_item .coin-wrapp span {
    color: #3E3E3E;
    font-weight: 500;
    font-size: 13px;
}

.social-widget_item {
    margin: 0 10px 10px 0;
    width: 77px;
    height: 81px;
    display: inline-block;
}

.social-widget_item:last-child {
    margin-right: 0;
}


#social-widget h4 {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}


.social-widget_item a svg:first-child {
    min-width: 25px;
}


.social-widget-influence .social-widget_item .coin-wrapp span {
    font-size: 12px;
}

.ipc-design-online-link {
    margin: 2rem auto 1rem;
    text-align: center;
    width: 80%;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ipc-design-online-link svg {
    margin: 0 5px 0 10px;
}

.ipc-design-online-link span:last-child {
    color: #f78518;
    text-transform: uppercase;
}

.ipc-design-online-link span:last-child:hover {
    color: #f78518;
}

#nbdesigner-gallery .blank-template .modal-footer {
    display: none;
}

#nbdesigner-gallery .blank-template .nbd-popup-large-img img {
    max-height: unset;
}

#nbdesigner-gallery .blank-template {
    transform: translate(0, 0) !important;
}


.qr-sticky.scroll-to-fixed-fixed {
    margin-top: 7rem;
}

.free-qr-builder .inner-qr-tabs .mt-2 {
    margin-top: 10px;
}

.free-qr-builder .inner-qr-tabs .mb-2 {
    margin-bottom: 10px;
}

.free-qr-builder .design-your-print.free-qr-builder-cover {
    border: none;
    margin-top: -2px;
    /*padding-bottom: 0px;*/
    /*padding-top: 0px;*/
}

.free-qr-builder section {
    padding: 35px 0;
}


.free-qr-builder .design-your-print .img-wrap .star {
    position: absolute;
    left: 28px;
    top: 45px;
    transform: rotate(-10deg);
}

.free-qr-builder .design-your-print .img-wrap img {
    background: transparent;
    padding: 0px;
    box-shadow: unset;
    border-radius: 0px;
}

.free-qr-builder .design-your-print .img-wrap .star img {
    width: 130px;
}

.free-qr-builder .design-your-print .img-wrap {
    text-align: right;
}

.free-qr-builder .design-your-print .img-wrap .star .text-on p {
    font-weight: 600;
}

.free-qr-builder .inner-qr-tabs {
    border: 1px solid #EDEDED;
    border-radius: 4px;
    padding: 25px;
    padding-top: 0;
    background-color: #fff;
}

.free-qr-builder .inner-qr-tabs .nav-pills > li.active > a {
    border-radius: 0 0 4px 4px;
    background-color: #21A3B9;
}

.free-qr-builder .inner-qr-tabs .nav-pills > li.active > a i, .free-qr-builder .inner-qr-tabs .nav-pills > li.active > a span {
    color: #fff;
    font-weight: bold;
}

.free-qr-builder .inner-qr-tabs .nav-pills > li > a {
    text-align: center;
    padding: 30px 16px;
}

.free-qr-builder .inner-qr-tabs .nav-pills > li > a span {
    display: block;
    color: #4E4E4E;
    font-size: 15px;
    margin-top: 8px;
}

.free-qr-builder .inner-qr-tabs .nav-pills > li > a i {
    color: #C4C4C4;
    font-size: 20px;
}

.free-qr-builder .inner-qr-tabs .accordion .custom-switch {
    padding-left: 2.25rem;
    position: relative;
}

.free-qr-builder .inner-qr-tabs .accordion .sp-colorize-container {
    border-radius: 4px;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor {
    margin-top: 8px;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor .cropit-image-input {
    height: 15px;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor .select-image-btn,
.free-qr-builder .inner-qr-tabs .accordion .image-editor .export-bg-image {
    background: #21A3B9;
    border: none;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor .remove-bg-image {
    background: #ee695f;
    border: none;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor .cropit-image-zoom-input, .accordion-item .qrcdr-slider-input {
    -webkit-appearance: none;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor .cropit-image-zoom-input::-webkit-slider-runnable-track,
.accordion-item .qrcdr-slider-input::-webkit-slider-runnable-track {
    background: #21A3B9;
    border-radius: 20px;
    height: 10px;
}

.free-qr-builder .inner-qr-tabs .accordion .image-editor .cropit-image-zoom-input::-webkit-slider-thumb,
.accordion-item .qrcdr-slider-input::-webkit-slider-thumb {
    height: 15px;
    width: 15px;
    border-radius: 50px;
    background: #008E77;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -2.5px;
}

.free-qr-builder .inner-qr-tabs .accordion .collapse {
    margin-bottom: 12px;
}

.free-qr-builder .inner-qr-tabs .accordion .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 2.5rem;
    height: 1.5rem;
    opacity: 0;
}

.free-qr-builder .inner-qr-tabs .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    padding-left: 1rem;
    font-size: 16px;
    color: #4E4E4E;
    font-weight: 500;
}

.free-qr-builder .inner-qr-tabs .accordion .custom-switch .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -2.25rem;
    width: 2.5rem;
    display: block;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.free-qr-builder .inner-qr-tabs .accordion .styleselecta label {
    background: #f8f9fa;
    margin: 3px;
}

.free-qr-builder .inner-qr-tabs .accordion .custom-control-label::before {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 1.5rem;
}

.free-qr-builder .inner-qr-tabs .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #21A3B9;
    background-color: #21A3B9;
}

.free-qr-builder .inner-qr-tabs .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.free-qr-builder .inner-qr-tabs .custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.3rem + 4px);
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.free-qr-builder .inner-qr-tabs .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem);
}

.free-qr-builder .inner-qr-tabs .custom-radio .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.4rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    pointer-events: none;
    content: "";
    border: 1px solid #21A3B9;
    border-radius: 50%;
}

.free-qr-builder .inner-qr-tabs .custom-radio .custom-control-label::after {
    width: 1.6rem;
    height: 1.5rem;
}

.free-qr-builder .inner-qr-tabs .custom-radio .custom-control-input {
    opacity: 0;
}

.free-qr-builder .inner-qr-tabs .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #21A3B9;
    background-color: #21A3B9;
}

.free-qr-builder .inner-qr-tabs .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.free-qr-builder .inner-qr-tabs .accordion .form-control {
    background: rgba(255, 255, 255, 0.71);
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    height: 49px;
}

.free-qr-builder .inner-qr-tabs .accordion label {
    color: #272727;
    font-weight: 600;
    font-size: 15px;
}

.free-qr-builder .inner-qr-tabs .accordion-btn.collapsed {
    background-color: transparent;
    border: 1px solid #21A3B9;
    color: #21A3B9;
}

.free-qr-builder .inner-qr-tabs .accordion-btn svg {
    margin-right: 12px;
}

.free-qr-builder .inner-qr-tabs .accordion-btn, .free-qr-builder .inner-qr-tabs .accordion-btn:hover {
    display: flex;
    align-items: center;
    background-color: #21A3B9;
    color: #fff;
    text-align: left;
    font-weight: 600;
}

.free-qr-builder .inner-qr-tabs #collapseSettings {
    margin-top: 30px;
}

.free-qr-builder .inner-qr-tabs #collapseSettings .collapse-content {
    padding: 20px 0px;
}

.free-qr-builder .inner-qr-tabs .accordion-item {
    margin-bottom: 15px;
}

.free-qr-builder .qr-block .qr-block-img {
    background: #F6F6F6;
    border-radius: 4px;
}

.free-qr-builder .qr-block {
    background: #fff;
    box-shadow: 0px 1px 9px rgb(0 0 0 / 21%);
    border-radius: 4px;
    padding: 30px 40px;
}

.free-qr-builder .qr-block .btn.save-qr {
    background: #FD8516;
    border-radius: 3px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 17px;
    position: relative;
}

.free-qr-builder .general-desc-block h3 {
    font-weight: 400;
    margin-bottom: 15px;
}

.free-qr-builder .general-desc-block {
    text-align: center;
    max-width: 1200px;
    margin: 0px auto;
    width: 100%;
}

.free-qr-builder .general-desc-block p {
    font-size: 15px;
    line-height: 26px;
    color: #3E3E3E;
}

.free-qr-builder .qr-block-note {
    padding: 18px 30px;
    color: #4E4E4E;
    font-weight: 500;
    font-size: 15px;
    margin-top: 20px;
}

.free-qr-builder .qr-block-note.note-msg {
    display: none;
}

.free-qr-builder .qr-block-note.note-msg.error {
    background: #FD1414;
    color: white;
}

.free-qr-builder .qr-block-note.note-msg.success {
    background: #51C719;
    color: white;
}

.free-qr-builder .qr-block .save-qr svg {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 20px;
}

.free-qr-builder .qr-block svg.qr-gray {
    margin: 30px auto;
    display: block;
}

.free-qr-builder .inner-qr-tabs .tab-content {
    border-top: 1px dashed #777777;
    padding-top: 15px;
    margin-top: 25px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane h4 {
    color: #272727;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane#location h4 {
    margin-bottom: 10px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane#location p {
    margin-bottom: 5px;
    color: #272727;
    font-weight: 600;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane input,
.free-qr-builder .inner-qr-tabs .tab-content .tab-pane select {
    height: 45px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane textarea {
    height: 112px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane input,
.free-qr-builder .inner-qr-tabs .tab-content .tab-pane textarea,
.free-qr-builder .inner-qr-tabs .tab-content .tab-pane select {
    background: #fff;
    border: 1px solid #adacac;
    border-radius: 4px;
    box-shadow: none;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane label {
    font-size: 15px;
    color: #272727;
    margin-bottom: 3px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane input::placeholder {
    font-size: 15px;
    color: #B1B1B1;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane .custom-control-inline {
    display: inline-flex;
    align-items: center;
    margin: 0px;
}

.free-qr-builder .inner-qr-tabs .tab-content .tab-pane .custom-control-inline input {
    margin-top: -3px;
    margin-right: 6px;
}

.free-qr-builder .inner-qr-tabs .input-group {
    display: flex;
}

.free-qr-builder .inner-qr-tabs .input-group input {
    border-radius: .25rem 0 0 .25rem !important;
}

.free-qr-builder .inner-qr-tabs .input-group .input-group-append {
    display: flex;
    align-items: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #adacac;
    padding: 0 10px;
    border-radius: 0 .25rem .25rem 0;
    margin-left: -1px;
}

.free-qr-builder .inner-qr-tabs .collapse .input-group .input-group-text {
    display: flex;
    align-items: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem 0 0 .25rem;
    margin-right: -2px;
    padding: 0 15px;
}

.free-qr-builder .bg-white-section {
    background-color: #fff;
}

.free-qr-builder .bg-gray-section {
    /*background-image: url('');*/
    background-color: #f0efef;
}

.qr-builder-desc-boxes .title-icon {
    display: inline-block;
    vertical-align: middle;
}

.qr-builder-desc-boxes .title-icon.circle {
    background: #21A3B9;
    border-radius: 50px;
    width: 61px;
    height: 61px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.qr-builder-desc-boxes .title {
    display: inline-block;
    margin-left: 8px;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 20px;
    color: #3E3E3E;
    line-height: 26px;
    width: calc(100% - 75px);
    vertical-align: middle;
}

.qr-builder-desc-boxes .content {
    font-size: 15px;
    line-height: 25px;
    color: #3E3E3E;
    margin-top: 8px;
}

.qr-builder-desc-boxes .box-item .inner-box {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    padding: 40px;
    margin: 15px 0px;
}

.qr-builder-desc-boxes.bg-white-section .box-item {
    margin: 10px 0px;
    padding: 20px;
}

.qr-builder-desc-boxes.bg-gray-section .row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.qr-builder-desc-boxes.bg-gray-section .box-item {
    margin: 15px 0px;
}

.qr-builder-desc-boxes.bg-gray-section .box-item .inner-box {
    height: 100%;
    margin: 0px;
}

.qr-builder-desc-boxes .box-item-inner {
    background: #F5F5F5;
    padding: 20px;
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.free-qr-builder .qr-builder-desc-boxes .box-item-inner .content {
    font-size: 20px;
    color: #1C1C1C;
    margin-top: 8px;
    line-height: 30px;
}

.free-qr-builder .custom-design .benefits-row .green-title {
    font-weight: 600;
    font-size: 20px;
    color: #21A3B9;
}

.free-qr-builder .custom-design .benefits-row .icon-block {
    position: relative;
    width: 100px;
}

.free-qr-builder .custom-design .benefits-row .icon-circle-green {
    background-color: #21A3B9;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid rgba(35, 194, 168, 0.22);
    position: absolute;
    bottom: 10px;
    right: 10px;
    box-shadow: 0px 0px 1px 6px rgb(35 194 168 / 22%)
}

.free-qr-builder .custom-design .benefits-row {
    padding-left: 15px;
}

.free-qr-builder .qr-builder-desc-boxes .gray-block-row {
    display: flex;
    flex-wrap: wrap;
}

.free-qr-builder .custom-design.marketing-library .row {
    border: none;
    margin-bottom: 0px;
}

.free-qr-builder .custom-design.marketing-library .inner-box {
    padding: 35px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 4px;
}

.free-qr-builder .custom-design.marketing-library .inner-box img {
    border-radius: 6px;
    margin-bottom: 15px;
}

.free-qr-builder .custom-design .inner-box a {
    color: #21A3B9;
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}

.free-qr-builder .free-qr-builder-cover .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.free-qr-builder .custom-design .inner-box a i {
    font-size: 10px;
    margin-left: 5px;
}

.free-qr-builder .custom-design .inner-box a:hover {
    color: #1faf97;
}

.free-qr-builder .custom-design.marketing-library .inner-box .content {
    width: 100%;
}

.free-qr-builder .custom-design.marketing-materials .body-wrap .row {
    border: none;
    margin: 0px;
    padding-bottom: 25px;
}

.free-qr-builder .custom-design.marketing-materials .inner-box {
    background-color: #fff;
    display: flex;
    align-items: center;
    border: 1px solid #EDEDED;
    border-radius: 4px;
}

.free-qr-builder .custom-design.marketing-materials .inner-box .title-block {
    padding: 30px 25px;
}

.free-qr-builder .custom-design.marketing-materials .inner-box .title-block .ttl {
    font-size: 20px;
}

.free-qr-builder .custom-design.marketing-materials .inner-box img {
    height: 138px;
    object-fit: cover;
}

.free-qr-builder .qr-share-block .icon-circle {
    border: 1px solid #DCDCDC;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 67px;
    border-radius: 50px;
    margin: 0px auto;
}

.free-qr-builder .qr-share-block {
    margin-top: 20px;
}

.free-qr-builder .qr-share-block .item {
    padding: 0px 6px;
}

.free-qr-builder .qr-share-block p {
    color: #3E3E3E;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: center;
}

.qr-builder-page-navigation {
    max-width: 1000px;
    width: 100%;
    margin: 0px auto;
    padding: 15px 0px;
}

.qr-builder-page-navigation ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0px;
}

.qr-builder-page-navigation ul li a {
    color: #272727;
    font-weight: 500;
    font-size: 15px;
}

.qr-builder-page-navigation ul li a:hover, .qr-builder-page-navigation ul li.active a {
    color: #FD8516;
}

.qrcdr .d-none {
    display: none;
}

.qrcdr .resultholder svg, .resultholder img {
    width: 260px;
    height: 260px;
}

.qrcdr .qr-block {
    position: relative;
}

.qrcdr .qr-block .preloader {
    background-color: #ffffffc7;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 50px;
    display: none;
}

.qrcdr .qr-block .preloader > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}


.toast {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.qr-files-block {
    margin-top: 5px;
}

.qr-files-block button, .qr-files-block a {
    margin-left: 5px;
}

.qr-files-block button svg, .qr-files-block a svg {
    width: 40px;
    height: 40px;
}

/*
* CropIt
*/
.image-editor {
    width: 248px;
}

.cropit-preview img {
    max-width: none;
}

.cropit-preview {
    background-size: cover;
    width: 200px;
    height: 200px;
    margin: 25px;
    border: 1px solid #E4E1E6;
    margin-top: 5px;
}

.cropit-preview-image-container {
    cursor: move;
}

input.cropit-image-input {
    visibility: hidden;
    display: none;
}

.cropit-preview-background {
    opacity: .2;
}

input.cropit-image-zoom-input {
    position: relative;
}

.cropit-image-zoom-input, .cropit-preview {
    display: none;
}

.cropit-preview.cropit-image-loaded {
    display: block;
}

.cropit-image-loaded.cropit-image-zoom-input:not([disabled]) {
    display: inline-block;
}

/* QR map */
.wrapresult, .resultholder {
    position: relative;
    text-align: center;
}

.resultholder svg {
    max-width: 100%;
    height: auto;
}

.placeresult {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
}

.placeresult .linksholder .btn {
    font-size: 2.5rem;
}

.preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 36px;
    display: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.preloader .fa-cog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
}

.was-validated .form-control:valid {
    background-image: none;
    border-color: #ced4da;
}

.was-validated .custom-select:valid {
    border-color: #ced4da;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: inherit;
}

.form-group {
    margin-bottom: 1rem;
}

.overlay-gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient('left top', 'right bottom', color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

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

#infomarker_admin {
    width: 24px;
    height: 24px;
    border: 2px solid #950000;
    border-radius: 3em;
    background-color: #0FF;
    opacity: 0.5;
    cursor: move;
}

.venomap {
    width: 100%;
    height: 400px;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
}

.form-control.no-validate:valid,
.form-control.no-validate:invalid {
    border-color: #ced4da;
    padding-right: .75rem;
    background: none;
}

/*
* Google map
*/
#map-canvas img {
    max-width: none;
}

#map-canvas {
    width: 100%;
    height: 350px;
    padding: 0;
    float: left;
}

.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input, #latlong input {
    background-color: #fff;
    padding: 0 11px 0 13px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
}

#pac-input {
    width: 50%;
}

#latbox, #lngbox {
    width: 20%;
}

#pac-input:focus, #latlong input:focus {
    border-color: #4d90fe;
}

.ol-overlaycontainer-stopevent .ol-zoom-in,
.ol-overlaycontainer-stopevent .ol-zoom-out {
    height: 2em;
    width: 2em;
}

.ol-overlaycontainer-stopevent .ol-zoom-in,
.ol-overlaycontainer-stopevent .ol-zoom-out,
.ol-attribution, .ol-attribution button {
    background-color: #000 !important;
}

.btn.venomaps-get-coordinates.active,
.btn.venomaps-get-coordinates:active {
    box-shadow: none !important;
}

.form-control.venomaps-set-address {
    border-radius: .25em 0 0 .25em !important;
}

.free-qr-builder .inner-qr-tabs .tab-pane#location .input-group-append {
    border-radius: 0 .25em .25em 0 !important;
}

.free-qr-builder .inner-qr-tabs .tab-pane#location .input-group-append .venomaps-get-coordinates {
    padding: 6px;
    background: transparent;
    color: #BABABA;
}

.logoselecta label img {
    width: 40px;
}

.logoselecta label:first-child {
    background: #f8f9fa;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
}

#collapseLogo .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 15px;
}

#collapseLogo .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

#collapseLogo label.custom-file-label:after {
    content: "\f093" !important;
    font-family: "Font Awesome 5 Free";
    width: 100%;
    border: none;
    text-align: center;
    border-radius: .25rem;
    font-weight: 900;
    margin: 0px auto;
    display: block;
}

#collapseLogo label.custom-file-label:after {
    color: #F6F6F6;
    background-color: #21A3B9 !important;
}

#collapseLogo .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}

#collapseLogo .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #21A3B9;
    border: 1px solid #21A3B9;
    border-radius: .25rem;
}

/* sajari search */

.sajari_search {
    position: relative;
    margin-right: 15px;
}

.sajari_search input {
    border: 1px solid #cfcfcf;
    height: 39px;
    width: 100%;
    padding: 10px 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    background: #FFFFFF;
    border: 1px solid #CFCFCF;
    box-sizing: border-box;
    border-radius: 10px;
}

.sajari-search-icon:hover {
    color: #BABABA;
}

.sajari_search input:focus {
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.35);
    border: none;
}

.sajari_search input::placeholder {
    color: #7C7C7C;
}

.sajari-search-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: #fcfcfc;
    padding: 5px 7px;
    color: #bababa;
    width: 42px;
    height: 100%;
    line-height: 1;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sajari-search-icon .fa-search {
    color: #BABABA;
}

.sajari-search-icon i.fa-sync {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#sajari_search {
    display: none;
    position: fixed;
    top: 160px;
    z-index: 9999999;
    background: #fff;
    max-width: 1470px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 100%;

}

#sajari_search .tab-content {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 600px;
}

#sajari_search .tab-content::-webkit-scrollbar {
    display: none;
}

.gl-modal.modal {
    text-align: center;
    padding: 0 !important;
}

.gl-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.gl-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.gl-modal .modal-title {
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    color: #4F4F4F;
    margin: 15px 0;
}

.gl-modal .modal-header button {
    color: white;
    height: 34px;
    width: 34px;
    position: absolute;
    right: -35px;
    top: -25px;
    background: #171616;
    opacity: 0.8;
    border-radius: 50%;
    font-weight: 500;
    font-size: 28px;
}

.gl-modal .modal-dialog {
    z-index: 99999;
    max-width: 570px;
    min-height: 455px;
}

.gl-modal .form-group > div {
    position: relative;
    margin-bottom: 15px;
}

.gl-modal .form-group i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #D8D8D8;
    font-size: 16px;
}


.gl-modal label {
    font-weight: 500;
    font-size: 14px;
    color: #757575;
}

.gl-modal input, .gl-modal select {
    background: #F9F9F9;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    height: 45px;
}

.gl-modal .modal-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.gl-modal .modal-submit button {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #21A3B9;
    border-radius: 4px;
    border: none;
    padding: 10px 20px;
    display: inline-block;
    width: 120px;
    height: 50px;
    margin-bottom: 15px;
}

.new-login .d-flex {

    justify-content: space-between;
    align-items: center;
}

.new-login__title {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: #4F4F4F;
}

.new-login__desc {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #9C9C9C;
    display: block;
    padding-bottom: 12px;
}


.new-login .login-input {
    background: #F9F9F9;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 23px;
    margin-bottom: 15px;
}

.new-login_inputs {
    position: relative;
}

.new-login_inputs i {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: #D8D8D8;
}

.new-login .remember-block {
    font-size: 13px;
    color: #646464;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    padding-bottom: 16px;
}

.new-login .remember-block__title {
    padding-top: 5px;
    padding-left: 5px;
}

.new-login__checkbox {
    background: #F9F9F9;
    border: 1px solid #ACACAC;
    box-sizing: border-box;
    border-radius: 3px;
    color: #646464;
    width: 18px;
    height: 18px;
}

.new-login .new-login-buttonwrapper {
    padding: 0 20px;
    padding-bottom: 10px;
}

.new-login .login-submit {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 75px;
    color: #FFFFFF;
    background: #21A3B9 !important;
    border-radius: 3px;
}

.new-login .new-quicksignup {
    background: #F9F9F9;
    border-radius: 3px;
    padding: 5px 37px 25px 37px;
}

.new-login .new-quicksignup__title {
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #3A3A3A;
    font-weight: 600;
}

.new-fb {
    border: 1px solid #2056A7;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #2056A7;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    margin-bottom: 11px;
    position: relative;
    justify-content: center;
}

.new-g {
    border: 1px solid #F44336;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #F44336;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.new-fb i, .new-g i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.new-login__signup {
    padding: 25px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #4F4F4F;
}

.new-login__signup a {
    font-weight: 600;
    color: #4F4F4F;
    text-decoration: underline;
}

#carousel-example-generic1 .item-box a.show-now-btn {
    position: absolute;
    bottom: 3px;
    right: 10px;
    background: #FD8516;
    border-radius: 3px;
    max-width: 95px;
    width: 100%;
    height: 25px;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    margin-bottom: 10px;
    border: none;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#carousel-example-generic1 .item-box:hover a.show-now-btn {
    opacity: 1;
}

.social-widget_item a[disabled] {
    opacity: .5;
    pointer-events: none;
}

.userimage a {
    display: block;
    width: 150px;
}


.quizzes-content {
    padding: 30px 20px;
}

.quizzes-content .quizze-item {

}

.quiz-item-inner {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 20px;

}

.quizzes-content .quizze-item p {
    margin: 0px;
}

.quizzes-content .quizze-item .quizze-image {
    position: relative;
    height: 200px;
    margin-bottom: 15px;
}

.quizzes-content .quizze-item .quizze-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.quizzes-content .quizze-item .quizze-name {
    color: #272727;
    font-weight: 500;
    font-size: 19px;
    min-height: 55px;
}

.quizzes-content .quizze-item .quizze-name span {
    font-weight: bold;
    color: #21A3B9;
}

.quizzes-content .quizze-item .time {
    font-style: italic;
    color: #969696;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.quizzes-content .quizze-item .time svg {
    margin-right: 5px;
}

.quizzes-content .quizze-item a.start-now-link {
    color: #21A3B9;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    margin-top: 12px;
    display: block;
}

.quizzes-content .quizze-item a.start-now-link i {
    margin-left: 4px;
    font-size: 10px;
}

.quizzes-content .quizze-item .gray-small-text {
    color: #8D8D8D;
    font-weight: 500;
    font-size: 12px;
    opacity: 0.9;
    text-transform: uppercase;
}

.quizzes-content .quizze-item .coins-block {
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 11px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 15px;
}

.quizzes-content .quizze-item .coins-block svg {
    margin-right: 8px;
}

.quizzes-content .quizze-item .coins-block p:first-child {
    color: #3E3E3E;
    font-size: 18px;
    font-weight: bold;
}

.quizzes-content .quizze-item .coins-block p:last-child {
    font-size: 11px;
}

.quizzes-pagination {
    text-align: center;
    margin-top: 70px;
    padding-bottom: 50px;
}

.quizzes-pagination ul li {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #3E3E3E;
    font-size: 13px;
    border-radius: 2px;
    border: 1px solid #DFEDE7;
    font-weight: 600;
    margin: 0px 4px;
    cursor: pointer;
}

.quizzes-pagination ul li.active {
    color: #fff;
    background-color: #21A3B9;
    border: none;
}

.quizzes-pagination ul li.prev, .quizzes-pagination ul li.next {
    border: 1px solid #21A3B9;
    color: #21A3B9;
    text-transform: uppercase;
    width: auto;
    padding: 0px 12px;
}

.quizzes-pagination ul li.prev i, .quizzes-pagination ul li.next i {
    font-size: 12px;
}

.quizzes-pagination ul li.prev i {
    margin-right: 6px;
}

.quizzes-pagination ul li.next i {
    margin-left: 6px;
}

.quizzes-create-content .quizze-item-block {
    height: 500px;
    display: flex;
    flex-direction: column;
}

.quizzes-create-content .quizze-item-block .question {
    font-weight: 600;
    font-size: 33px;
    color: #252525;
}

.quizzes-create-content .quizze-item-block .question-option {
    margin-top: 30px;
}

.quizzes-create-content .quizze-item-block .question-option li {
    display: inline-block;
    margin-right: 15px;
    background-color: #fff;
    border-radius: 4px;
    color: #333333;
    font-size: 17px;
    font-weight: 600;
    padding: 5px 12px;
    padding-right: 45px;
    cursor: pointer;
    position: relative;
}

.quizzes-create-content .quizze-item-block .question-option li input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    opacity: 0;
}

.quizzes-create-content .quizze-item-block .question-option li span {
    border-radius: 50%;
    border: 2px solid #21A3B9;
    text-transform: uppercase;
    color: #21A3B9;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 15px;
}

.quizzes-create-content {
    position: relative;
}

.quizzes-create-content .disabled {
    position: absolute;
    background: #ffffff9c;
    width: 100%;
    height: 800px;
    row-gap: 0;
    left: 0;
    z-index: 1;
}

.quizzes-create-content-wrapper .dots-list {
    margin: 0px auto;
    text-align: center;
}

.quizzes-create-content-wrapper .dots-list li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: #DBDBDB;
    margin: 0px 3px;
    cursor: pointer;
}

.quizzes-create-content-wrapper .dots-list li.active {
    background-color: #21A3B9;
}

.quizzes-create-content-wrapper {
    padding: 30px;
}

.quizzes-create-content .continue-btn {
    color: #fff;
    text-transform: uppercase;
    background-color: #21A3B9;
    border-radius: 4px;
    max-width: 154px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    height: 41px;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
    margin-top: auto;
}

.quizzes-bottom-block {
    padding: 20px 40px;
    display: flex;
}

.quizzes-bottom-block p {
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    position: absolute;
}


.trim-options-wrapper {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    border-radius: 4px;
    width: 306px;
    height: 595px;
    padding: 23px 17px;
    padding-right: 16px;
}

.trim-item {
    background: #FFFFFF;
    border: 1px solid #B9B9B9;
    box-sizing: border-box;
    border-radius: 4px;
    width: 31%;
    margin-right: 3%;
    margin-bottom: 15px;
    height: 52px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.trim-item:nth-child(3n) {
    margin-right: 0;
}

.trim-item.selected {
    background: #21A3B9;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 25%);
    border-radius: 4px;
}

.trim-options-wrapper h6 {
    color: #21A3B9;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 13px;
}

.trim-options-wrapper .trim-inner {
    overflow-y: scroll;
    padding-right: 15px;
    max-height: 94%;
}

.nice-scroll::-webkit-scrollbar-track {
    background-color: #EBEBEB !important;
    border-radius: 20px;
}

.nice-scroll::-webkit-scrollbar-thumb {
    background-color: #21A3B9 !important;
    border-radius: 10px;
}

.nice-scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #21A3B9 !important;
    transition: all .5s ease-in-out;
    border-radius: 20px;
}

.item-2:not(.selected) svg .st0,
.item-3:not(.selected) svg .st0,
.item-4:not(.selected) svg .st0,
.item-5:not(.selected) svg .st0,
.item-10:not(.selected) svg .st0,
.item-31:not(.selected) svg .st0 {
    fill: #050101 !important;
}

.trim-options .item-61 svg .st0,
.trim-options .item-62 svg .st0,
.trim-options .item-63 svg .st0,
.trim-options .item-64 svg .st0,
.trim-options .item-65 svg .st0,
.trim-options .item-66 svg .st0,
.trim-options .item-67 svg .st0,
.trim-options .item-67 svg .st0,
.trim-options .item-68 svg .st0 {
    fill: #fff !important;
}

.trim-options-preview {
    width: 60%;
    display: inline-block;
    margin-left: 4rem;
    padding: 8rem 0;
}

.trim-options-preview p.trim-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    margin-left: 3rem;
    color: #3E3E3E;
}

#trim-wrapper {
    display: flex;
    /*align-items: center;*/
    width: 100%;
}

.trim-item.selected svg path {
    fill: #fff !important;
}


.industries-list {
    width: 300px;
    position: absolute;
    z-index: 2;
    top: 56px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px rgb(0 0 0 / 25%);
    border-radius: 4px;
    padding: 15px;
    max-height: 435px;
    overflow-y: scroll;
}

.header_industry-wrapper .industries-list {
    top: 40px !important;
}

.industries-list label {
    font-size: 13px;
    color: #272727;
    font-weight: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.industries-list label input {
    margin: 0 10px 0 0;
}


.industries-list label.parent_label.disabled {
    cursor: default;
    opacity: .5;
}

.ipc_selected-industry {
    border-bottom: 1px dashed #000;
    cursor: pointer;
}

.ipc_selected-industry span {
    font-size: 15px;
}

.ipc_selected-industry.open {
    border-bottom: 1px dashed #21A3B9;
    color: #21A3B9;
}

.industry-wrapper {
    display: none;
}


.hero-text-wrapper {
    color: #000;
    width: calc(100% - 500px);
    z-index: 1;
    position: absolute;
    bottom: 55px;

}

.site-main-banner-section-wrap .hero-text-wrapper {
    bottom: 0;
    transform: translateY(-50%);
    left: 50px;

}

.hero-text-wrapper p {
    display: block;
}


.hero-text-wrapper .name-online h1,
.hero-text-wrapper .name-online p {
    font-weight: 600;
    font-size: 28px;
    color: #FFFFFF;
    background: #27a3b9;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 1px;
    height: 55px;

}

.hero-text-wrapper .utm_term p {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    background: #FFFFFF;
    display: inline;
    border-radius: 1px;
    max-width: 865px;
    min-height: 42px;
    padding: 6px 13px;

}


.image-uploader label {
    background: #FFFFFF;
    border: 1px dashed #21A3B9;
    box-sizing: border-box;
    border-radius: 2px;
    width: 405px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #515151;
}

.login-message {
    margin-bottom: 20px;
    color: #FB1A1A;
    font-size: 14px;
    font-weight: 500;
}

.earn-coins-info-message {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    border-top: 1px solid #E6E6E6;
}

.earn-coins-info-message p {
    margin: 10px 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #2D2D2D;
}


.thankyou_page {
    background: #f8f8f8;
}

.thn-first {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 7%);
    border-radius: 4px;
}

.first-container {
    /*background: #f8f8f8;*/
    padding: 10px;
}

.first-container .influence-block {
    background: unset;
}

.thn-first-earned {
    display: inline-block;
    padding: 16px 20px;
    background: #FFFFFF;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 1rem;
}

.thn-first-earned-inner {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #373737;
}

.thn-first-earned-inner svg {
    margin-right: 8px;
}


.thn-first-earned-inner span.thn-first-earned-inner-span {
    font-weight: bold;
}

.thn-first-icons {
    padding-top: 36px;
    text-align: center;
}

.thn-first-h2 {
    font-weight: bold;
    font-size: 50px;
    line-height: 59px;
    text-align: center;
    color: #3E3E3E;
}

.thn-first-jobid {
    font-weight: 600;
    font-size: 16px;
    color: #373737;
    text-align: center;
}

.thn-first-info {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #7D7D7D;
    font-style: italic;
}

.thn-first-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

.thn-first-buttons span {
    color: #BEBEBE;
}

.thn-first-buttons a {
    box-shadow: 0px 2px 3px rgb(0 0 0 / 9%);
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 45%;
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin: 0 10px;
}

.thn-first-buttons a.account,
.thn-first-buttons a.account:hover {
    background: #FF6421;
    border: 1px solid #FF6421;
}

.thn-first-buttons a.continue {
    color: #AFAFAF;
    border: 1px solid #AFAFAF;
    box-shadow: none;
}

.thn-dont-miss {
    margin: 10px auto;
}

.thn-dont-miss__title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    color: #A349A4;
}

.thn-dont-miss__title hr {
    color: #D6D6D6;
    width: 40px;
    height: 1px;
    margin: 0 15px;
    padding: 0;
}

.thn-dont-miss-body__offer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.thn-dont-miss-body__offer p {
    font-weight: bold;
    font-size: 18px;
    color: #252525;
}

.thn-dont-miss-body__offer span {
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    color: #C5C5C5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thn-dont-miss-body__offer span svg {
    margin-right: 5px;
}

.thn-dont-miss-slider {
    display: flex;
    justify-content: space-between;
}

.thn-dont-miss-slider-block {
    border: 1px solid #21A3B9;
    border-radius: 3px;
    flex-basis: 32%;
    display: flex;
    align-items: center;

}

.thn-dont-miss-slider-block__img {
    flex-basis: 40%;
}

.thn-dont-miss-slider-block-info {
    padding-left: 15px;
}

.thn-dont-miss-slider-block-info-h2 {
    font-weight: 600;
    font-size: 15px;
    color: #474747;
}

.thn-dont-miss-slider-block-info span {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #21A3B9;
}

.thn-dont-miss-slider-block-info ul li {
    list-style-type: none;
    margin-left: 15px;
}

.thn-dont-miss-slider-block-info ul li::before {
    content: "\2022";
    color: #21A3B9;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.thn-dont-miss-update {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #3E3E3E;
    margin-top: 15px;
    cursor: pointer;
}

.thn-dont-miss-update svg {
    margin-right: 10px;
}

.thankyou_page {
    padding-top: 62px;
}

.thankyou_page .done {
    background: #21A3B9;
    border: 3.3px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 50px;
    position: relative;
    width: 84px;
    height: 84px;
}

.thankyou_page .done-wrapper {
    display: flex;
    justify-content: center;
}

.thankyou_page .done img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.thankyou_page h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 53px;
    text-align: center;
    color: #252525;
    margin-bottom: 25px;
}

.thankyou_page .thankyou_stage {
    background: #FFFFFF;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    padding: 23px;
    margin-bottom: 38px;
}

.thankyou_page .order_no h2 {
    padding: 0;
    margin: 0 0 11px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    color: #474747;
}

.thankyou_page .order_no p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #B6B6B6;
}

.thankyou_page .buttons {
    margin-top: 23px;
    display: flex;
    justify-content: center;
}


.thankyou_page .another-order {
    background: #21A3B9;
    border-radius: 4px;
    padding: 15px 23px;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-right: 10px;
}

.thankyou_page .another-order a {
    color: #FFFFFF;
}

.thankyou_page .to-account {
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    padding: 15px 23px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #5B5B5B;
}

.thankyou_page .to-account a {
    color: #5B5B5B;
}

.thankyou_page .social-buttons {
    padding-bottom: 30px;
}

.thankyou_page .social-buttons__title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #474747;
    margin: 35px 0;
}

.thankyou_page .social-buttons__links {
    display: flex;
    justify-content: center;
}

.thankyou_page .social-buttons__links a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 26px;
    background: #FFFFFF;
    border-radius: 4px;
    width: 112px;
    height: 112px;
}

.thankyou_page .social-buttons__links a:hover {
    border: 1px solid #D6D6D6;
}

.thankyou_page .social-buttons__links p {
    font-weight: 500;
    font-size: 13px;
    color: #000000;
}

.thankyou_page .social-buttons__img {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.thankyou_page .thankyou_must h2 {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #272727;
    margin: 32px 0;
}

.thankyou_page .thankyou_must__title {
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    color: #21A3B9;
    margin-bottom: 10px;
}

.thankyou_page .thankyou_must__title-sm {
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #3E3E3E;
    margin: 10px 0;
}

.thankyou_page .thankyou_must__block p {
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #21A3B9;
    margin: 10px 0;
}


.thankyou_must__block__items {
    display: flex;
    flex-wrap: wrap;
}

.thankyou_must__block__item {
    flex-basis: 50%;
    min-height: 225px;
    padding: 10px 10px 10px 0;
}

.thankyou_must__block__item img {
    width: 80%;
}

.thankyou_must__wrapper {
    display: flex;
    justify-content: center;
}


.thankyou_must__block {
    margin-right: 15px;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 15px 34px 30px 29px;
    width: 33%;
}

.thankyou_must__block:last-child {
    margin: 0;
}

.thankyou_success {
    display: flex;
    justify-content: center;
    padding-top: 41px;
}

.thankyou_success-block-first {
    display: flex;
    flex-direction: column;
    min-height: 580px;
    width: 50%;
    justify-content: space-between;
    padding: 52px 32px 15px 32px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
}

.thankyou_success-block-first img {
    margin-bottom: 38px;
}

.thankyou_success-block-first__automated {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #242424;
}

.thankyou_success-block-first__keep {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #242424;
}

.thankyou_success-block-first__email {
    padding-top: 22px;
    border-top: 1px solid #F6F6F6;
    font-size: 12px;
    text-align: center;
    color: #717171;
}

.thankyou_success-block-second {
    padding: 33px 33px 33px 50px;
    background: #FCFCFC;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 4px;;
    min-height: 580px;
    width: 50%;
}

.thankyou_success-block-second__number {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    width: 36px;
    height: 36px;
    position: relative;
    background: #21A3B9;
    border-radius: 50%;
    margin-bottom: 10px;
}

.thankyou_success-block-second__number p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
}

.thankyou_success-block-second span {
    color: #21A3B9;
}

.thankyou_success-block-second__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.thankyou_success-block-second__text p {
    margin-bottom: 30px;
}


@media (max-width: 1100px) {

    .thankyou_must__block {
        padding: 15px;
    }

    .thankyou_must__block__items {
        flex: 1 1 45%;
        justify-content: space-between;
    }

    .thankyou_must__block__item {
        padding: 5px
    }
}

@media (max-width: 721px) {

    .thankyou_must__wrapper {
        flex-wrap: wrap;
    }

    .thankyou_must__block {
        width: 100%;
        margin-bottom: 25px;
    }

    .thankyou_must__block__items {
        display: flex;;
        justify-content: center;
    }

    .thankyou_must__block__item {
        flex-basis: 49%;
        padding: 15px;
        text-align: center;
        margin-bottom: 15px;
    }

    .thankyou_must__title {
        font-size: 26px !important;
        text-align: center;
    }

    .thankyou_must__title-sm {
        font-size: 25px !important;
        margin: 20px 0 !important;
    }

    .thankyou_must__block__item p {
        font-size: 22px !important;
    }

    .thankyou_must__block__item img {
        width: 100%;
    }


    /*    Success*/
    .thankyou_success {
        flex-wrap: wrap;
    }

    .thankyou_success-block-first {
        margin-bottom: 20px;
        min-height: 450px !important;
    }

    .thankyou_success-block-second {
        margin-bottom: 20px;
    }
}

#main_content.container {
    width: 100% !important;
}

.thankyou__must-bg {
    background: #E7E7E7;
    padding-bottom: 51px;
}


.thn-first-earned-inner p:first-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    margin: 0;
    text-align: left;
    color: #454545;
}

.thn-first-earned-inner p:last-child {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #5C5C5C;
    margin: 0;
}

.thn-first-earned-inner-span svg {
    position: relative;
    top: 4px;
    margin-right: 0;
}

.thn-second {
    border: 2px solid #EDEDED;
    box-sizing: border-box;
    border-radius: 6px;
    background: #FFFFFF;
}

.thn-second .box-header {
    background: #EDEDED;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
}

.thn-second .box-header h4 {
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #3E3E3E;
    margin: 0;
}


.thn-second .box-header p {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #969696;
    margin: 0;
}

.thn-second .box {
    background: #fff;
}

.influence-actions-wrapper {
    padding: 0 4rem;

}

.influence-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #D5D5D5;
    padding: 10px 0;
    margin-bottom: 10px;
}

.influence-row:last-child {
    border: none;
}

.influence-row p.follow {
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #3E3E3E;
}

.influence-row p.time {
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
    font-style: italic;
    color: #969696;
    display: flex;
    align-items: center;
}

.influence-row p.follow svg {
    margin-left: 5px;
}

.influence-row p.coins {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 142%;
    text-align: right;
    color: #4F4F4F;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.influence-row p.for {
    font-weight: 600;
    font-size: 13px;
    line-height: 143%;
    text-align: right;
    color: #B5B5B5;
}

.influence-row p {
    margin-bottom: 5px;
}

.influence-row .icon {
    min-width: 40px;
}

.influence-row p svg {
    margin-right: 5px;
}

/* start dashboard new pages  */

.games-cover-block {
    width: 100%;
    border-radius: 6px;
    background-color: #b3eded;
    padding-top: 20px;
    margin-top: 30px;
}

.games-cover-block img {
    display: block;
    margin: 0px auto;
}

.account-middle-area {
    width: 100%;
    max-width: 100%;
}

.categories-list {
    display: flex;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px dashed #A3A3A3;
}

.categories-list span {
    color: #BABABA;
    font-weight: 500;
    font-size: 15px;
    margin-right: 15px;
}

.categories-list ul {
    list-style-type: none;
    margin: 0px;
}

.categories-list ul li {
    background: rgba(99, 141, 231, 0.12);
    border: 1px solid #638DE7;
    border-radius: 5px;
    color: #638DE7;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px 3px;
    padding: 5px 20px;
    font-size: 12px;
    cursor: pointer;
}

.categories-list ul li.active {
    background: #638DE7;
    color: #fff;
    font-weight: 600;
}

.dashboard-title {
    font-weight: 600;
    font-size: 17px;
    color: #3E3E3E;
    margin-bottom: 12px;
}

.dashboard-box-item {
    padding: 0px 15px;
    width: 100%;
    max-width: 285px;
    display: inline-block;
}

.dashboard-box-item-inner {
    background-color: #fff;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    padding: 20px;
}

.dashboard-box-item h4 {
    font-weight: 600;
    font-size: 18px;
    color: #3E3E3E;
    text-transform: capitalize;
}

.dashboard-box-item a.start-btn {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    color: #A8A8A8;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    padding: 9px;
    text-transform: uppercase;
    margin: 15px auto;
    overflow: hidden;
    display: block;
    text-align: center;
}

.dashboard-box-item a.start-btn.answered {
    background: #E0E6E6;
}

.dashboard-box-item a.start-btn.answered svg {
    float: left;
}

.dashboard-box-item img {
    height: 147px;
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    background: #f2f2f29c;
}

.game-list-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dashboard-box-item .time {
    color: #969696;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.dashboard-box-item .time svg {
    margin-right: 5px;
}

.dashboard-box-item .coin-text {
    font-weight: 500;
    font-size: 15px;
    color: #3E3E3E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-box-item .coin-text svg {
    margin-right: 5px;
}

.dashboard-box-item .coin-text span {
    font-weight: bold;
    margin: 0px 3px;
}

.dashboard-section {
    margin-bottom: 50px;
    margin-top: 20px;
}

.dashboard-box-item.completed a.start-btn {
    background: #E0E6E6;
    border-radius: 4px;
    border: none;
    color: #7D7D7D;
    position: relative;
    margin: 0px;
    font-weight: bold;
    height: 38px;
}

.dashboard-box-item.completed a.start-btn svg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.dashboard-box-item.completed .play-icon {
    background: #21A3B9;
    border-radius: 4px;
    width: 44px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 15px;
}

.dashboard-box-item.completed .dashboard-box-item-inner {
    background-color: #F1F4F4;
    border: none;
}

.quizzes-games-top-block {
    margin-bottom: 50px;
}

.quizzes-games-top-block a, .spin-now-btn, #startQuizBtn {
    background: #21A3B9;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    margin-top: 20px;
    max-width: 237px;
    width: 100%;
    padding: 10px;
    display: block;
    text-align: center;
}

.quiz-content-wrapper {
    position: relative;
}

.quiz-content-wrapper #startQuizBtn {
    position: absolute;
    top: 10%;
    z-index: 2;
}

.quizzes-games-top-block a:hover, .spin-now-btn:hover {
    color: #fff;
}

.quizzes-games-top-block h3 {
    font-weight: bold;
    font-size: 28px;
    color: #3E3E3E;
    margin-bottom: 15px;
}

.quizzes-games-top-block .coin-tag {
    background: #FFFFFF;
    box-shadow: 0px 0px 13px rgb(0 0 0 / 25%);
    border-radius: 64px;
    font-weight: 500;
    font-size: 16px;
    color: #3E3E3E;
    padding: 5px 10px;
    display: inline-flex;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    margin-right: 20px;
}

.quizzes-games-top-block .coin-tag svg,
.quizzes-games-top-block .time-tag svg {
    margin-right: 10px;
}

.quizzes-games-top-block .time-tag {
    border-radius: 64px;
    font-weight: 500;
    font-size: 16px;
    color: #969696;
    padding: 5px 10px;
    display: inline-flex;
    font-weight: 400;
    font-size: 15px;
    align-items: center;
    border: 1px solid #E9E9E9;
}

.quizzes-games-top-block p {
    font-weight: 500;
    font-size: 15px;
    color: #3E3E3E;
    margin: 15px 0px;
    line-height: 28px;
}

.quizzes-games-top-block .right-column img {
    display: block;
    margin-left: auto;
}

.games-create-content {
    background: #fff;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    height: 658px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-content-white {
    background-color: #fff;
}

.coin-tag-orange {
    background: #fff;
    border: 1px dashed #FD8516;
    border-radius: 3px;
    color: #FD8516;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 5px;
    font-weight: 500;
}

.coin-tag-orange svg {
    margin-right: 5px;
}

.dashboard-box-item.redeemed .dashboard-box-item-inner {
    background: #EDEDED;
    opacity: 0.5;
    border: none;
}

.dashboard-coupon-box-item {
    padding: 0px 15px;
    max-width: 220px;
    width: 100%;
}

.dashboard-coupon-box-item-inner {
    border-radius: 6px;
    padding: 40px 20px;
    position: relative;
    margin-top: 15px;
    min-height: 192px;
    max-height: 192px;
}

.dashboard-coupon-box-item.blue .dashboard-coupon-box-item-inner {
    background: rgba(104, 201, 222, 0.12);
    border: 1px solid #68C9DE;
}

.dashboard-coupon-box-item.purple .dashboard-coupon-box-item-inner {
    background: rgba(99, 141, 231, 0.12);
    border: 1px solid #638DE7;
}

.dashboard-coupon-box-item.red .dashboard-coupon-box-item-inner {
    background: rgba(249, 90, 78, 0.12);
}

.dashboard-coupon-box-item.green .dashboard-coupon-box-item-inner {
    background: #E1F6E7;
    border: 1px solid #1AC049;
    box-shadow: 0px 2px 12px rgba(39, 218, 89, 0.54);
}

.dashboard-coupon-box-item h4 {
    font-weight: 600;
    font-size: 23px;
    color: #4F4F4F;
    margin: 0px;
}

.dashboard-coupon-box-item .small-gray-text {
    font-weight: 500;
    font-size: 13px;
    color: #969696;
}

.dashboard-coupon-box-item .coin-tag-orange {
    margin-top: 10px;
}

.dashboard-coupon-box-item .lock-icon {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -25px;
}

.dashboard-coupon-box-item.blue .lock-icon {
    background: #68C9DE;
}

.dashboard-coupon-box-item.purple .lock-icon {
    background: #638DE7;
}

.dashboard-coupon-box-item.red .lock-icon {
    background: #F95A4E;
}

.dashboard-coupon-box-item.green .lock-icon {
    background: #1AC049;
}

.dashboard-coupon-box-item .tag {
    position: relative;
    width: 100%;
    display: flex;
    text-align: center;
    height: 28px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-weight: bold;
    border-radius: 3px;
}

.dashboard-coupon-box-item .tag svg {
    position: absolute;
    right: 8px;
}

.dashboard-coupon-box-item .tag.redeemed {
    color: #F95A4E;
    background: #F95A4E59;
}

.dashboard-coupon-box-item .tag.wellness {
    background-color: #27DA59;
    color: #fff;
}

.dashboard-coupon-box-item .tag.wellness:after {
    content: '';
    width: 98%;
    height: 94%;
    border: 1px dashed #FFFFFF;
    display: block;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin: 0px auto;
    border-radius: 3px;
}

.dashboard-coupon-box-item .valid-text {
    font-weight: 500;
    font-size: 11px;
    color: #444444;
    margin-top: 10px;
    margin-bottom: 0px;
}

.dashboard-coupon-box-item .valid-text span {
    font-weight: 600;
}

.how-use-coins-block {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 7px;
    padding: 20px;
}

.how-use-coins-block .item-block {
    display: flex;
    padding: 30px 0px;
}

.how-use-coins-block .item-block:not(:last-child) {
    border-bottom: 1px dashed #D5D5D5;
}

.how-use-coins-block .item-block svg {
    flex-shrink: 0;
    margin-right: 15px;
}

.how-use-coins-block .item-block h5 {
    margin: 0px;
}

.start-scratch-btn {
    background: #51C719;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 20px;
}

/*account */

.bottom-header {
    display: none !important;
}

div#account_info_menu {
    background: #F3F3F3;
    padding: 0;
    margin: 0;
}

#account_menu li {
    width: 198px;
    height: 68px;
    background: #EBEBEB;
    text-align: center;
    border-right: 1px solid #D3D3D3;
    max-width: 21.5%;
}

#orderInvoice_body {
    margin: 5rem 0;
    padding: 0 1rem;
}

#account_menu li.active, #account_menu li:hover, #account_menu li:active {
    background: #FFFFFF;
}

#account_menu li.active a, #account_menu li:hover a, #account_menu li:active a {
    background: #FFFFFF;
}

.mb-saved_design-new__img {
    display: flex;
    width: 100%;
}

.mb-saved_design-new__img img {
    margin-bottom: 10px;
    width: 100%;
    max-height: 170px;
    max-width: 170px;
    border-radius: 3px;
    object-fit: contain;
}

.mb-saved_design-new_action_btns {
    margin-top: 10px;
}

.mb-saved_design-new_action_btns a {
    height: 39px;
    width: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    cursor: pointer;
}

.mb-saved_design-new_action_btns a.print {
    background-color: #21A3B9;
    color: #fff !important;
}

.mb-saved_design-new_action_btns a.remove {
    background-color: #fff;
    color: #21A3B9;
    border: 1px solid #21A3B9;
}

.saved_design-new__date {
    min-height: 45px;
    margin-top: 10px;
    margin-left: 25px;
}

#my_account_menu {
    display: flex;
    align-items: center;
}

#account_menu li.active a {
    color: #333333;
}

.center_proof {
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 auto;
    position: relative;
}

.center_proof button.view-img {
    position: absolute;
    left: 15px;
    background: #21A3B9;
    border-radius: 33px !important;
    border: none;
    color: #fff;
    bottom: 11px;
    font-size: 12px;
    height: 32px;
    padding: 2px 10px;
}

.zoom-icon {
    width: 54px;
    height: 54px;
    background: #21A3B9;
    border-radius: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.center_proof button i {
    font-size: 12px;
    opacity: .8;
}


.file-proof-section .closeColorbox {
    display: none;
}


#browse_upload_file_now h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #4F4F4F;
    margin: 0;
}


#browse_upload_file_now p {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #BABABA;
    margin: 7px auto;
}

#browse_upload_file_now p.size-limit-mess {
    background: #F1F1F1;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 40px;
    width: 202px;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
    color: #9E9E9E;
    margin: 0 auto 10px;
    height: 23px;
    line-height: 22px;
}

.finish-upload {
    font-weight: bold !important;
    text-transform: uppercase;
    float: right;
    height: 35px;
    width: 187px !important;
    margin-left: 0 !important;
}

.upload-message p {
    text-align: right;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
    color: #7B7B7B;
    margin: 0;
}

.upload-message {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    margin-bottom: 1rem;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 2rem;
}

.upload-message p.red {
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #DF261C;
    margin: 0;
}

.custom.tooltip-wrapper .tooptip-content {
    background: #3E3E3E;
    border-radius: 4px;
    padding: .5rem 1rem;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 65px;
    width: 633px;
    display: none;
}

.bill-address-box .checkmark:after {
    border-color: #ffffff !important;
}

.bill-address-box .checkbox-element .checkmark:after {
    border-color: #008E77 !important;
}

.uploadifive-button {
    border-width: 1px !important;
    border-radius: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploadifive-button input {
    width: 100% !important;
}

.uploaded-files {
    margin: 1rem 0;
}

.uploaded_files_table {
    display: flex;
    align-items: center;
    width: 100%;
    max-height: 205px;
}

.uploaded-files .file-item p.file-date {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #BABABA;
}

.new-payment-block__cardimg {
    width: 45px;
    height: 30px;
}

.tooptip-content:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: -70%;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px #3e3e3e;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.custom.tooltip-wrapper:hover .tooptip-content {
    display: block;
}

.custom.tooltip-wrapper .tooptip-content h3 {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}

.custom.tooltip-wrapper .tooptip-content p {
    font-weight: 500;
    font-size: 11px;
    line-height: 139%;
    text-align: center;
    color: #AAAAAA;
}

.preview_image.preview_image_image {
    cursor: pointer;
    position: initial !important;
    height: 100%;
    width: 100%;
    object-fit: cover;

}

#proofImages {
    overflow: hidden;
    margin: 2rem 0;
}

#beforeYouContinuePanel button.btn-cyan-colorbox, #proofPanel button.btn-cyan-colorbox {
    width: 174px !important;
    height: 37px;
}

.preview_wrapper {
    margin: 5px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 3px;
    width: 167px;
    height: 151px;
    display: inline-block;
    padding: 5px;
}

.proofApproved, .proofMessageBox, .proofPending {
    clear: both;
    overflow: hidden;
}


#account_menu li a {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    color: #878787;
    border-bottom: none;
    padding: 24px 0;
}

#account_menu li a:hover {
    background: unset;
}


#orders_grid .hero-image {
    margin-right: 2rem;
}

#orders_grid .hero-image img {
    max-width: 100%;
    border-radius: 5px;
    width: 295px;
    height: 213px !important;
    object-fit: fill;
}

.product-name p, .job-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#orders_grid .job-item {
    margin-bottom: 1rem;
}

.couponDisplay span {
    background: rgba(217, 217, 217, 0.2);
    border: 1px dashed #AAAAAA;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    display: block;
    padding: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 142%;
    text-align: center;
    color: #4F4F4F;
    text-transform: uppercase;
}


.my_account #orders_grid input {
    width: 150px;
}

.my_account #orders_grid button {
    border-radius: 4px;
}

.my_account #orders_grid button:hover {
    background-color: #2b9681;
    color: #fff;
}

#orders_grid .job-item .inner {
    background: #FFFFFF;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 20px 22px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    min-height: 260px;
}


#orders_grid .job-item .inner p.job-status {
    font-weight: 600;
    font-size: 12px;
    margin: 5px 0;
}


#orders_grid .job-item .job-status .t-red {
    padding: 7px 18px;
    background: rgba(255, 0, 0, 0.2) !important;
    border-radius: 4px !important;
    color: #DC0808 !important;
    display: inline-block;
}


#orders_grid .job-item .job-status .t-green {
    padding: 7px 18px;
    background: rgba(129, 199, 25, 0.27);
    border-radius: 4px !important;
    color: #71B112 !important;
    display: inline-block;
}


#orders_grid .job-item .job-status .t-yellow {
    padding: 7px 18px;
    background: rgba(255, 184, 0, 0.2);
    border-radius: 4px !important;
    color: #DC9408 !important;
    display: inline-block;
}

.t-cyan {
    background: #FFFFFF;
    border: 1px solid #22D3DE;
    color: #22D3DE;
}

.t-blue {
    background: rgba(66, 139, 250, 0.15);
    border: 1px solid rgba(66, 139, 250, 0.33);
    color: #428BFA;
}

span.status-span.t-blue:after {
    background: rgb(66 139 250);
}

.t-cyan:after {
    background: #22D3DE;
}

.personal_info__title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 15px;
    color: #333333;
}

#save_password {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}

.all-order-new .all-order-new__job i {
    font-size: 12px;
    padding: 10px;
}

.inner .menu-toggle {
    background: rgba(189, 189, 189, 0.34);
    box-sizing: border-box;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #959595;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
}


.all-order-new__job {
    cursor: pointer;
}

.all-order-new__job:hover {
    background: #F1F4F4;
    border-radius: 6px;
}

.all-order-new__job:hover .collapse-btn {
    background: #21A3B9;
    color: #fff;
}


.all-order-new .collapsed-bg {
    background: #E7FAF7;
}

.order-status-content {
    background: white;
    padding: 20px 40px;
    border-radius: 4px;
}

.inner .menu {
    position: absolute;
    right: 20px;
    top: 52px;
    width: 175px;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 36%);
    border-radius: 5px;
    text-align: left;
    padding: 15px;
    transition: .5s;
}

.inner .menu.closed {
    display: none;
}

.coupon-toggle {
    font-weight: 600;
    font-size: 12px;
    line-height: 142%;
    text-align: center;
    text-decoration-line: underline;
    color: #21A3B9;
    cursor: pointer;
}

.coupon-block {
    margin: 5px 0 20px;
}

.coupon-block input {
    min-width: 65%;
}

.collapse-btn[aria-expanded='false'] .fa-minus {
    display: none;
}

.collapse-btn[aria-expanded='true'] .fa-minus {
    display: block;
}

.collapse-btn[aria-expanded='true'] .fa-plus {
    display: none;
}

.collapse-btn[aria-expanded='true'] {
    background: #21A3B9 !important;
    color: #fff;
}

.inner .menu li {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 187%;
    color: #3A3A3A;
    cursor: pointer;
}


#orders_grid .job-item .jobTotal {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: #21A3B9;
}

#orders_grid .job-item .job-name {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 2;
    color: #1D1D1D;
    margin: 0;
}


#orders_grid .job-item .quantity,
#orders_grid .job-item .job-id,
#orders_grid .job-item .project-name {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #8E8E8E;
}

table.default .grid_legend td {
    background: transparent !important;
    color: #9D9D9D !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 242%;
    color: #9D9D9D;
    text-align: left;
}

table.default {
    border: none !important;
}


table.default {
    border: none !important;
}

table.default td {
    text-align: left;
}

.table > tbody > tr > td {
    color: #4F4F4F;
    font-weight: 500;
    font-size: 13px;


}

.table.all-order-new > tbody > tr.all-order-new__job > td {
    padding: 17px 10px !important;
    vertical-align: middle !important;
}


.table.all-order-new > tbody > tr.all-order-new__job:last-child td {
    border-bottom: 1px solid #ddd;
}

.table.all-order-new > tbody > tr.all-order-new__job > td:first-child {
    border-left: 1px solid #ddd;
    border-radius: 3px 0 0 0;
}

.table.all-order-new > tbody > tr.all-order-new__job > td:last-child {
    border-right: 1px solid #ddd;
    border-radius: 0 3px 0 0;
}

.table.all-order-new > tbody > tr.active > td {
    background-color: #fff;


}

.all-order-new.table {
    border-collapse: separate;
}

.all-order-new.table .collapse.borderless td {
    border: 1px solid #D9E1E0;
    border-top: 0px;
    padding: 0px;
}

.product-td {
    display: flex;
    text-align: left;
}

.product-td img {
    width: 85px;
    height: 58px !important;
    border-radius: 3px;
    object-fit: contain;
    margin-right: 10px;
}

.product-td p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    text-transform: capitalize;
}

.product-td p:first-child {
    color: #474747;
}

.btn-cyan-new {
    background: #21A3B9 !important;
    border-radius: 2px;
    color: white;
    padding: 6px 12px;
}


#main_content .my_account {
    width: calc(100% - 300px);
    margin-left: 3rem;
    padding-right: 3rem;
}


#main_content .my_account-layout__inner {
    margin-top: 20px;
    padding-bottom: 50px;

}

.account-leftmenu {
    min-width: 290px;
    height: 266px;
    padding: 0px 20px;
}

.account-leftmenu__links {
    background: #fff;
    padding: 15px;
}

.account-leftmenu a {
    color: #515151;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid transparent;
    font-weight: 500;
    font-size: 15px;
}

.account-leftmenu a.active {
    border-color: #21A3B9;
    color: #21A3B9;
    font-weight: 600;
}

.account-leftmenu a .arrow {
    opacity: 0;
}

.account-leftmenu a.active .arrow {
    opacity: 1;
}

.account-leftmenu a.active .account-leftmenu__icon:not(.influence) svg path,
.account-leftmenu a.active .account-leftmenu__icon.influence svg circle {
    fill: rgb(26 157 179);
}

.account-leftmenu__icon {
    display: flex;
    align-items: center;
}

.account-leftmenu a span.new-yellow {
    font-weight: 600;
    font-size: 10px;
    color: #4E4E4E;
    background: #FBFF2F;
    border-radius: 2px;
    width: 34px;
    height: 16px;
    text-align: center;
    margin-left: 5px;
}

.account-leftmenu__icon svg {
    min-width: 20px;
    margin-right: 10px;
}


#side_info {
    display: none;
    position: absolute;
    z-index: 1000000;
}


.info_button {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    float: left;
    width: 66px;
    height: 32px;
    margin-top: -28px;
    margin-right: -19px;
}

.info_container {
    background: white;
    border: 2px solid #21A3B9;
    width: auto;
    max-width: 280px;
    height: auto;
    padding: 0 20px 10px 10px;
    display: none;
    margin-top: -45px;
    float: left;
}

.info_container p {
    padding: 0 26px;
    font-size: 14px;
}

form#order_search {
    float: right;
    display: flex;
    margin-top: 3rem;
}

#order_search button {
    border-radius: 4px;
    margin-left: 5px
}

form#order_search .form-group {
    margin-bottom: 0 !important;
}


.account_popup .fp_section_title h2 {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 20px;
    color: #3E3E3E;
}


#beforeYouContinuePanel {
    padding: 2rem;
}

#product-reprint-buttons {
    padding: 15px 28px;
}

#product-buttons {
    width: 100%;
}


#product-reprint-buttons button {
    width: 100%;
    background: #21A3B9;
    border: 2px solid #21A3B9;
    letter-spacing: 0.5px;
    border-radius: 5px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 142.4%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 1rem 0;
}

#shippingDetailsPopup,
#beforeYouContinuePane,
#choosePaymentPopup,
#cancelOrderPopup {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
    /*max-height: 80vh;*/
    /*overflow-y: scroll;*/
}

.orderChargePanel .bg-light {
    overflow: hidden;
    border-radius: 3px;
    margin: 2rem 0;
    padding: 2rem;
}

.orderChargePanel .bg-light .thead div {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 221%;
    color: #9D9D9D;
}

.addressDisplay .addr_box {
    min-height: 220px;

}

.calendar caption {
    border: none !important;
    height: 48px;
    border-radius: 2px;
    line-height: 1;
}

.addr_box h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #252525;
}

#turnaround_price_changes, #shipping_price_changes {
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    text-align: right;
    color: #21A3B9;
}

#delivery_estimate_edits .addr_box h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #21A3B9;
    text-align: left;
}

#delivery_estimate_edits .col-md-12 {
    padding: 0 0 !important;
}

#delivery_estimate_edits label {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #8A8A8A;
}

.turnaround_button {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

#save_turnaround_changes {
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    line-height: 142%;
    text-align: center;
    color: #21A3B9;
    background: white;
}

#reset_turnaround_changes svg {
    position: relative;
    top: 3px;
}

.orderChargePanel .bg-light .tbody div {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 221%;
    color: #3E3E3E;
    padding: 0;
}

#cboxClose {
    display: none !important;
}

#orderChargePanel {
    max-height: 90vh;
    overflow-y: scroll;
}

#shippingDetailsPopup .shipment {
    margin-top: 10px;
    background: #F5F5F5;
    border-radius: 3px;
    padding: 22px 20px;
}

.addr_box {
    margin: 15px 0;
    padding: 22px;
    background: #F8F8F8;
    border-radius: 2px;
    height: auto !important;
}


.card_details tr {
    border: none !important;
}

.card_details td span {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #4F4F4F;
}

.card_details td {
    padding: 5px 20px !important;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px !important;
    color: #4F4F4F;
}

.turnaroundDisplay {
    background: #F9F9F9;
    border-radius: 2px;
}

.card_details td:first-child {
    padding-top: 15px !important;
}

.card_details td:last-child {
    padding-bottom: 15px !important;
}

.authorizeUpdatePayment {
    background: #FFFFFF;
    border: 1px solid #21A3B9 !important;
    color: #21A3B9 !important;
}

#card_verification {
    width: 63px !important;
    height: 25px;
}

#shippingDetailsPopup .shipment h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #3E3E3E;
    margin: 0;
}

#cancelJobWhy {
    background: #F9F9F9;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 4px;
    height: 103px;
}

#choosePaymentPopup .subtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

#choosePaymentPopup .subtitle p {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #252525;
}

#choosePaymentPopup .subtitle a {
    width: 120px;
    height: 32px;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 32px;
}

.payment-methods img.cardType {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    object-fit: cover;
    margin: 0 10px;
}

.payment-methods {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 15px;
}

.payment-methods label {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #929292;
    display: flex;
    align-items: center;
}

.payment-methods .cartName {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #474747;
    margin-left: 5px;
}

.payment-methods .paypal_method label {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 3px;
    height: 49px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 198.7%;
    color: #474747;
    margin-bottom: 0;
    transition: .2s;
    width: 100%;
}

.payment-methods input:checked ~ label .selected {
    opacity: 1;
}

.payment-methods label .selected {
    opacity: 0;
    float: right;
}


.ship_to_address h5 {
    margin: 2rem 0;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #252525;
}

select.shipping_method,
.turnaroundDisplay select {
    height: 50px !important;
    border: 1px solid #CBCBCB !important;
    box-sizing: border-box;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #474747;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background: url(../img/icons/dropdown-arrow.png) no-repeat right white !important;
    background-position-x: 98% !important;
}

.btn-gray {
    background: #FFFFFF;
    border: 1px solid #D2D2D2 !important;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #8E8E8E;
}

#toCartPanel .popup-header {
    margin-bottom: 3rem;
}

#toCartPanel .popup-header button {
    width: 188px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

#toCartPanel .popup-header p {
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    text-align: center;
    color: #505050;
    margin: 0;
}


.shipping_update_box {
    display: flex;
}

.shipment-data {
    background: #FFFFFF;
    border: 1px solid rgba(193, 193, 193, 0.6);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 22px 20px;
    margin-top: 10px;
    text-align: right;
}


.shipment-data p span {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 208%;
    /*color: #898989;*/
}

.shipment .actions {
    margin: 2rem 0;
}

.ship-total {
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 208%;
    color: #21A3B9;
    border-top: 1px solid #ccc;
    margin-top: 5rem;
    width: 80%;
    margin: 2rem auto;
    padding-top: 1rem;
}

.btn-orange {
    background: #FF7F27;
    border-radius: 4px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;

}

.btn-cyan-bordered {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #21A3B9 !important;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #21A3B9;
}

.shipping_subspace_existing, .billing_subspace_existing {
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2rem 3rem;
    margin-top: 0 !important;
    position: relative;
    font-size: 18px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
}


.shipping_subspace_existing .address, .billing_subspace_existing .address {
    display: flex;
}

.shipping_subspace_existing .value,
.billing_subspace_existing .value {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    color: #4F4F4F;
    margin-left: 1rem;
}

.shipping_subspace_existing i, .billing_subspace_existing i {
    font-size: 28px;
    color: #57c8fb;
    margin-right: 10px;
}

.toggle-checkbox input:checked + .slider {
    background-color: #57c8fb;
}

.thankyou_page {
    padding-top: 62px;
}

.thankyou_page .done {
    background: #21A3B9;
    border: 3.3px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 50px;
    position: relative;
    width: 84px;
    height: 84px;
}

.thankyou_page .done-wrapper {
    display: flex;
    justify-content: center;
}

.thankyou_page .done img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.thankyou_page h1 {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 53px;
    text-align: center;
    color: #252525;
    margin-bottom: 25px;
}

.thankyou_page .order_no h2 {
    padding: 0;
    margin: 0 0 11px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #474747;
}

.thankyou_page .order_no p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #B6B6B6;
}

.thankyou_page .buttons {
    margin-top: 23px;
    display: flex;
    justify-content: center;
}

.thankyou_page .no_charge_authorize {
    background: #21A3B9;
    border-radius: 4px;
    padding: 15px 23px;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-right: 10px;
}

.thankyou_page .no_charge_authorize a {
    color: #FFFFFF;
}

.thankyou_page .no_charge_cancel {
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    padding: 15px 23px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #5B5B5B;
}

.thankyou_page .no_charge_cancel a {
    color: #5B5B5B;
}

.thankyou_page .thankyou_stage {
    background: #FFFFFF;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    padding: 23px;
    margin-bottom: 38px;
}


@media screen and (min-width: 1196px) {
    #side_info {
        display: block;
        position: fixed;
        right: 0;
        top: 30%;
    }
}


@media screen and (max-width: 500px) {
    #orders_grid .hero-image {
        margin: 0;
    }
}


@media screen and (max-width: 768px) {
    form#order_search {
        float: none;
    }

    form#order_search .form-group {
        width: 100%;
    }

    #orders_grid .hero-image {
        margin-right: 0;

    }

    #orders_grid .details {
        width: 100%;
    }

    #orders_grid .hero-image img {
        width: 100%;
        height: 230px !important;
    }

    .account-leftmenu-sublinks.active {
        display: block;
    }

    #orders_grid .job-item .inner {
        padding: 20px 15px;
    }

    #account_info_menu .account_info__desktopmenu {
        display: none;
    }

    #orders_grid .job-item .inner .menu-toggle {
        width: 30px;
        height: 30px;
        top: 30px;
        right: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    #orders_grid .job-item .inner .menu {
        top: 66px;
        right: 30px;
    }

    #orders_grid .job-item .quantity, #orders_grid .job-item .job-name {
        margin-top: 20px;
    }


    #main_content.container {
        display: block;
    }

    .account-leftmenu {
        width: 100%;
    }

    #main_content .my_account {
        width: 100%;
        padding: 0 !important;
    }

    #main_content .my_account-layout__inner {
        padding: 15px 20px !important;
    }


    .account-leftmenu__icon {
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #21A3B9;
        border-radius: 50%;
        position: relative;
    }

    .account-leftmenu__icon svg {
        fill: #21A3B9;
    }


    .account-leftmenu__links {
        border: none;
    }


    .account-leftmenu__settings a {
        display: block;
        position: relative;
        font-size: 18px;
        color: #4F4F4F;
    }

    #main_content.container {
        padding: 0 !important;
    }

    #main_content .my_account {
        margin-left: 0;
    }

    .my_account #orders_grid {
        padding: 0;
    }
}

.saved_design-new {
    background: #FFFFFF;
    box-sizing: border-box;

    position: relative;
    margin-bottom: 2rem;
}

.saved_design-new .inner {
    margin: 5px 0 5px 0;
    border-radius: 6px;
    background: #F1F4F4;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    height: 235px;
}

.saved_design-new .checkbox-panel input:checked + .checkmark:after {
    border-width: 0 3px 3px 0;
    left: 8px;
    top: 2px;
    width: 12px;
    height: 18px;
    border-color: #fff;
}

.saved_design-new .checkbox-panel {
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px
}

.saved_design-new .checkbox-panel[disabled] {
    cursor: not-allowed;
}

.saved_design-new .checkmark {
    width: 30px;
    height: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
    background: #FFFFFF;
    border: 1px solid #B7B7B7;


}

.saved_design-new__img {
    width: 100%;
    height: 171px;
    background-size: cover !important;
    margin-bottom: 10px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.saved_design-new__img img {
    border-radius: 3px;
    display: none;
}

.saved_design-new__name {
    font-weight: 600;
    font-size: 13px;
    color: #21A3B9;
    margin: 0 0 5px 0;
}

.saved_design-new .saved_design-new__date p {
    font-weight: 600;
    font-size: 16px;
    color: #3E3E3E;
    margin: 0;
}

.saved_design-new .saved_design-new__date p.saved_design-new_industry_name {
    color: #21A3B9;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
}

.saved_design-new .saved_design-new__date small {
    font-size: 13px;
    color: #969696;
    font-weight: 400;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.saved_design-new .saved_design-new__date small svg {
    margin-right: 5px;
}

.saved_design-new .inner .menu.closed {
    display: none;
}

.saved_design-new .inner .menu li, .saved_design-new .inner .menu li a {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 187%;
    color: #3A3A3A;
    cursor: pointer;
    display: block;
}

#toCartPanel .preview_wrapper {
    width: 300px !important;
    height: 300px;
}

#toCartPanel .preview_wrapper img {
    height: 300px !important;
    width: 350px !important;
    object-fit: contain;
}


.designs-inner {
    background: #FFFFFF;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 3px;
    min-height: 461px;
    padding: 30px;
}

.designs-inner h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    text-align: left;
    color: #333333;
    height: 35px;
}


.designs-inner h6 span {
    background: #21A3B9;
    border-radius: 2px;
    color: #fff;
    width: 40px;
    height: 18px;
    font-weight: 600;
    font-size: 11px;
    padding: 1px 4px;
}

#nb_designer_wrap .subttl {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #5A5A5A;
}

#nb_designer_wrap .orange-btn {
    width: 141px;
    margin: unset;
    height: 45px;
    line-height: 45px;
}

.designs-inner .alert.alert-danger {
    background-color: #FFCCCC;
    color: #FB0101;
    border: 1px solid #FB0101;
    font-size: 13px;
    text-align: center;

}

.designs-inner .alert svg {
    float: left;
    min-width: 21px;
    height: 21px;
}

.migration-button-block .alert.alert-info {
    font-size: 13px;
    background: rgba(35, 194, 168, 0.13);
    border: 1px dashed #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    padding: 10px 15px;
}

.migration-button-block .alert.alert-info svg {
    margin-top: 5px;
}

.migration-button-block .alert.alert-info p {
    margin: 0;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #21A3B9;
}

.migration-button-block .alert.alert-info b {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #008E77;
}

button[role="request_migration"] {
    text-transform: uppercase;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    padding: 12px 20px;
    margin: 0 auto 2rem;
    display: block;
    width: 215px;
}

button[role="request_migration"]:hover, button[role="request_migration"]:focus {
    color: #fff;
}


.thank-you-message {
    margin: 1rem 0;
    align-items: center;
    display: flex;
    justify-content: center;
}

.thank-you-message .icon {
    background: #71B82B;
    border: 4px solid #6DB527;
    box-sizing: border-box;
    width: 38px;
    height: 39px;
    border-radius: 50%;
    line-height: 39px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.thank-you-message p {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    color: #4F4F4F;
    margin: 0;
}

.all-order-new .order_detail_panel .section-title {
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 15px;
    color: #4F4F4F;
    display: inline-block;
}

.t-red {
    background: rgba(255, 0, 0, 0.2) !important;
    color: #DC0808 !important;
    border: 1px solid #f19d9d;
}


.t-green {
    background: #81C719;
    border: 1px solid #81C719;
    color: #fff;
}


.t-yellow {
    background: #FFF1CC;
    border: 1px solid #DC9408;
    color: #FD8516;
}

.status-span {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
}

span.status-span:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

span.status-span.t-red:after {
    background: #DF261C;
}

span.status-span.t-yellow:after {
    background: #DC9408;
}

span.status-span.t-green:after {
    background: #6AAB30;
}

td.job-status {
    padding: 20px 0;
}

.job-status .file-proof {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
}

.job-status .file-proof a {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.34);
    border-radius: 3px;
    width: 32px;
    height: 29px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.job-status .file-proof a.approveOrderLink {
    width: auto;
    background: #fff !important;
    padding: 0 10px;
    margin: 0 10px;
}

.comments-list {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 3px;
    min-height: 100px;
    margin: 10px 0;
}

.comments-list .list {
    overflow-x: hidden;
    max-height: 320px;
    min-height: 320px;
    overflow-y: scroll;
    margin-bottom: 2rem;
    padding: 0 20px;
    scrollbar-color: #21A3B9 #f4f4f4;
    scrollbar-width: thin;
}

.comments-list .list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.comments-list .list::-webkit-scrollbar-track {
    background: #fff;
}

.comments-list .list::-webkit-scrollbar-thumb {
    background: #21A3B9;
    border-radius: 3px;
}

.comments-list .form-group {
    display: flex;
    align-items: center;
    margin: 1rem auto 2rem;
    width: 90%;
    position: relative;
}

.addNoteInput {
    width: 100% !important;
    background: #FFFFFF;
    border: 1px solid #C5C5C5;
    border-radius: 3px;
    height: 40px !important;
    margin: 0 0 !important;
}

button.addNote {
    position: absolute;
    background: #21A3B9;
    border-radius: 50% !important;
    width: 27px;
    height: 27px;
    text-align: center;
    color: #fff;
    padding: 0;
    right: 10px;
}

.comments-list .comment-item {
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 11px;
    text-align: left;
    margin: 10px 0;
    max-width: 85%;
    clear: both;
}

.comments-list .comment-item.my {
    background: #F7F7F7;
    color: #4F4F4F;
    float: right;
}

.comments-list .comment-item.support {
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    float: left;
    color: #21A3B9;
}

p.title-light {
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    color: #9C9C9C;
}

.jobSecondaryEmail {
    background: #FFFFFF;
    border: 1px solid #C5C5C5;
    border-radius: 3px;
    width: 84% !important;
    height: 40px !important;
}

.all-order-new .addJobSecondaryContact {
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    border-radius: 3px;
    max-height: 40px !important;
    max-width: 78px;
    text-transform: uppercase;
    border: 1px solid #21A3B9;
    background: white;
    color: #21A3B9;
    height: 40px;
}

.all-order-new .order_detail_panel {
    padding: 0 15px !important;
}

.all-order-new .order_detail_panel td {
    padding-top: 0;
}

.pr-right-section {
    background: #EEF3F2;
    padding: 3rem
}

.order_detail_panel .pr-right-section {
    background: #E7F4F3;
    border-left: 1px solid #D9E1E0;
    height: 100%;
}

.my_account .order_detail_panel {
    border-bottom: 0px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 0px !important;
}

.close-comments {
    cursor: pointer;
}


.comments-display {
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    width: 100%;
    height: 29px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #008E77;
    padding: 0 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    padding: 0px 10px;
}

.comments-display:hover {
    background: #FFFFFF !important;
    color: #008E77 !important;
}

.comments-display span {
    background: #21A3B9;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    line-height: 20px;
    font-size: 11px;
}

.all-order-new .order_detail_panel dl {
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 7px;
}

.product-description.less {
    height: 195px;
    overflow: hidden;
}

.product-description ul li .attribute_name {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #474747;
    margin: 0;
}

.product-description-show-all {
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100% !important;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    color: #93A7A4;
    font-size: 10px;
    font-weight: 500;
    margin-top: 15px;
}

.product-description ul li .attribute_option_name {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #ABABAB;
    margin: 0;
}

.product-description ul li p.price {
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    text-align: right;
    color: #474747;
}

.product-description ul li p.price.red {
    color: #d20500 !important;
}

.addresses-tab {
    margin: 1rem 0;
}

.addresses-tab ul li {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #93A7A4;
    cursor: pointer;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #CAE9E4 !important;
    border: 1px solid #E7F4F3;
    border-radius: 3px 3px 0 0;
    background: #E3ECEA;
}

.js-update-shipping-details, .js-update-payment-method {
    background: #FFFFFF;
    border: 1px solid #21A3B9;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left: auto;
    padding: 6px 12px;
    text-transform: uppercase;
    font-size: 12px;
}

.shipping-new__text, .shipping_service {
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.shipping-new {
    display: flex;
    align-items: center;
}

.addresses-tab ul li.active {
    font-weight: 600;
    background: white;
    border: 1px solid #CAE9E4;
    color: #21A3B9;
    border-bottom: 0 !important;
}


.addresses-tab ul {
    margin: 0;
    position: relative;
    bottom: -1px;
}

.address-blocks .address-item {
    display: flex;
    font-size: 13px;
    color: #4F4F4F;
    padding: 30px 20px;
    line-height: 23px;
    background: #fff;
    border: 1px solid #CAE9E4;
    box-sizing: border-box;
    border-radius: 0px 2px 2px 2px;
}

.shipping-new__icon {
    display: flex;
    align-items: center;
}

.all-order-new .shipping-new i {
    color: #008E77;
    font-size: 25px;
    margin-right: 15px;
}

.address-blocks .address-item {
    display: none;
}

.address-blocks .address-item.active {
    display: block;
}

.all-order-new .payment-method-new {
    padding: 7px 10px;
    height: 105px;
}

.shipping-method-new {
    height: 105px;
    display: flex;
    align-items: center;
}

.all-order-new .payment-method-new div {
    display: flex;
    align-items: center;
}


a.approveOrderLink {
    background: #81C719 !important;
}

.price-dl, .total-dl dt, .total-dl dd {
    color: #008E77 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.order-steps-wrapper {
    display: flex;
    align-items: center;
    margin: 2rem 0;
}

.order-steps-wrapper span {
    display: block;
}


.order-steps-wrapper .step {
    text-align: center;
}


.order-steps-wrapper span.number {
    border: 2px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    margin: 0 auto;
    line-height: 28px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #A4A4A4;
}

.step.current span.number {
    background: #FD8516;
    border-color: #FD8516;
    color: #fff;
}

.step.current.red span.number {
    background: #DF261C;
    border-color: #DF261C;
    color: #fff;
}

.step.passed span.number {
    background: #21A3B9;
    border-color: #21A3B9;
    color: #fff
}

.step.green span.number {
    background: #81C719;
    border-color: #81C719;
    color: #fff
}

.step.green span.number svg path {
    fill: #fff;
}

.step.passed > line {
    background: #21A3B9;
}


.order-steps-wrapper span.name {
    font-weight: 500;
    font-size: 12px;
    line-height: 112%;
    text-align: center;
    color: #4F4F4F;
    margin-top: 5px;
    height: 26px;
}


.order-steps-wrapper span {
    display: block;
    text-align: center;
    /*word-break: break-word;*/
    /*width: 65px;*/
}

.order-steps-wrapper span.line {
    background: #D8D8D8;
    border-radius: 2px;
    height: 2px;
    position: relative;
    top: -15px;
    width: 44px;
}

.browse_template {
    background: #FFFFFF;
    border: 1px dashed #21A3B9;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    height: 109px;
    display: block;
    padding: 10px;
    text-align: center;
}

.proofPending .buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-description li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E3E3E3;
    padding: 9px 0;
}

.uploaded-files .file-item {
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    height: auto;
    width: 130px;
    padding-bottom: 10px;
}

.uploaded-files .file-item img {
    height: 100px !important;
    object-fit: cover !important;
}

.orderChargeWrapper {
    background: white;
    padding: 2rem;
    overflow: hidden;
}

.orderChargeWrapper .closeColorbox {
    display: none;
}


#proofImagePreview {
    position: fixed;
    border: 1px solid #ccc;
    top: 93px;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    width: 100%;
    z-index: 9;
    max-height: calc(100vh - 93px);
    min-height: calc(100vh - 93px);
    overflow-y: scroll;
    display: block;
}

#proofImagePreview .container {
    padding-top: 2rem;
}

#proofImagePreview .container .alert {
    display: block !important;
}

#proofImagePreview .images img {
    display: block;
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 4px;
}

#proofImagePreview .close-popup {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    cursor: pointer;
    color: #5d5b5b;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 1px 8px;
}

#proofImagePreview.closed {
    display: none;
}

p.approvalData {
    margin: 0
}

.proofPending.fixed, .proofApproved.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 4px;
    height: 94px;
    text-align: center;
    box-shadow: 9px 9px 15px rgba(0, 0, 0, 0.25);
    padding: 20px 0;
}

.proofPending.fixed .buttons-wrapper, .proofApproved.fixed .buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    max-width: 550px;
    margin: 0 auto;
}

.proofPending.fixed .buttons-wrapper button, .proofApproved.fixed .buttons-wrapper button {
    display: inline-block !important;
    font-size: 15px !important;
    margin: 0 10px !important;
}

.proofApproved.fixed .approvalData {
    display: block;
    text-align: center;
}

.proofApproved.fixed .continueApprove {
    margin: 0 auto;
    display: block;
    float: none;
}

.proofPending.fixed .rejectProof {
    margin-left: auto;
    text-transform: uppercase;
}

.proofPending.fixed .acceptProof {
    margin-right: auto;
    text-transform: uppercase;
}


@media (max-width: 1400px) {
    #main_content.container {
        display: block !important;
    }


    #main_content .my_account-layout__inner {
        padding: 0 0 !important;
    }
}

.saved_design-new-wrapper .inner .menu-toggle {
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #FFFFFF;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
}

button.invisible {
    display: none !important;
}

button.visible {
    display: inline-block !important;
}


.my_account-layout__inner .popupWrapper {
    display: none;
}

.all-order-new .all-order-new__job i {
    font-size: 15px;
}

.all-order-new .collapse-btn {
    background: #FFFFFF;
    border: 1px solid #CFEDE8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 30px;
    height: 54px;
    line-height: 54px;
    font-size: 22px;
    float: left;
    margin-right: 10px;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.all-order-new .project-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.all-order-new__job .inner {
    position: relative;

}


.all-order-new__job .inner .menu {
    position: absolute;
    right: 10px;
    top: 40px;
    width: 175px;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    text-align: left;
    padding: 15px;
    transition: .5s;
    z-index: 999 !important;
}

.all-order-new__job .inner .menu.closed {
    display: none;
}

.all-order-new__job .inner .menu li {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 187%;
    color: #3A3A3A;
    cursor: pointer;
}

.all-order-new .bold {
    font-weight: 600;
    font-size: 16px;
    color: #9E9E9E;
}


.all-order-new .paymentMethod {
    margin: 0 !important;
}

.all-order-new .payment-method-new__img img {
    border-radius: 50%;
    width: 23px;
    height: 23px;
    margin-right: 17px;
}

.all-order-new .payment-method-new__method {
    font-weight: 600;
    display: block;
    line-height: 1;
}


.all-order-new .shipping-method-new__text {
    font-weight: 600 !important;
    font-size: 14px;
    color: #474747;
}


.all-order-new .coloredicon i {
    color: #21A3B9;
    margin-right: 8px;
}


.all-order-new .coupon-text {
    color: #a343a4;
    text-transform: uppercase;
    text-decoration: underline;
}

.all-order-new .silver {
    color: #8d8d8d;
}

.all-order-new .couponDisplay i {
    margin-right: 5px;
}


.new-pagination {
    display: flex;
    justify-content: center;
}

/* empty orders section  */
.empty-orders-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px;
}

.empty-orders-title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
}

.all-orders-block .thn-first-buttons-continue {
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    width: 49%;
}

.all-orders-block .thn-first-buttons-continue {
    background: #21A3B9;
    border: 1px solid #21A3B9;
}

.all-orders-block .thn-first-buttons-continue span {
    color: white;
    font-size: 20px;
    margin-right: 15px;
    font-weight: 600;
}

.all-orders-block .thn-first-buttons-continue p {
    color: white;
}

.all-orders-block a.thn-first-buttons-continue {
    width: 415px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.all-orders-block .thn-first-buttons-continue div.thn-first-buttons__text {
    text-align: initial;
}

@media screen and (max-width: 767px) {
    .new-pagination {
        display: flex !important;
        overflow-x: scroll;
        padding: 15px;
        justify-content: start;
    }

    #ismobile {
        display: none;
    }

}

.new-pagination > .active > a, .new-pagination > .active > span, .new-pagination > .active > a:hover, .new-pagination > .active > span:hover, .new-pagination > .active > a:focus, .new-pagination > .active > span:focus {
    border: 1px solid #00C78A !important;
}

.new-pagination > li > a, .new-pagination > li > span {
    color: #4F4F4F !important;
}

.new-pagination > li {
    margin: 0 12px !important;
    font-weight: 600;
}

.new-pagination > li:nth-child(1) a,
.new-pagination > li:nth-child(2) a,
.new-pagination > li:nth-child(14) a,
.new-pagination > li:nth-child(15) a {
    border: 1px solid #21A3B9;
    color: #21A3B9 !important;
    border-radius: 2px;
}

.new-pagination > li:nth-child(1) a:hover,
.new-pagination > li:nth-child(2) a:hover,
.new-pagination > li:nth-child(14) a:hover,
.new-pagination > li:nth-child(15) a:hover {
    border: 1px solid #21A3B9;
    color: #21A3B9 !important;
    border-radius: 2px;
}


#orders_grid .padding {
    padding-top: 12px !important;
}

#orders_grid .order_detail_panel hr {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: #D6D6D6;
}


.mobileinfo__quantity {
    text-align: left;
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}

.mobileinfo-inner .status {
    font-weight: 500;
    font-size: 12px;
    color: #9D9D9D;
    padding: 0;
    margin: 0 0 5px 0;
}

.mobileinfo-inner .info {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #4F4F4F;
}

.mobileinfo-inner__coupon {
    margin-top: 15px;
    text-align: left;
}

.mobileinfo-inner__desc {
    padding-top: 20px;
    padding-left: 0;
}

.mobileinfo-inner__desc hr {
    margin: 0 0 10px 0;
}


.mobileinfo-inner__desc dl {
    text-align: left;
    padding: 0;
}


@media screen and (max-width: 767px) {
    .hideinmobile {
        display: none !important;
    }
}

.all-order-new__job .inner .menu-toggle {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

#orders_grid .modal-actions .inner {
    right: 10px;
    position: absolute;
}

#orders_grid .close-modal {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50% !important;
    background: #21A3B9;
    color: white;
}


.dashboard-tabs .page-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 51px;
    display: inline-block;
    margin-right: 10px;
    color: #454545;
}

.dashboard-tabs li {
    display: inline-block;
    background: #EAEAEA;

    height: 43px;
}

.dashboard-tabs ul {
    display: inline-flex;
}

.dashboard-tabs li.active, .dashboard-tabs li:hover {
    background: #21A3B9;
}


.dashboard-tabs li:first-child {
    border-radius: 5px 0 0 5px;
}

.dashboard-tabs li:last-child {
    border-radius: 0 5px 5px 0;
}

.dashboard-tabs li a {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #3E3E3E !important;
    padding: 0 25px;
    line-height: 43px;
    height: 43px;
    display: inline-block;
}

.dashboard-tabs li.active a, .dashboard-tabs li:hover a {
    font-weight: bold;
    color: #FFFFFF !important;
}

.account-leftmenu__cloudlinks {
    background: #F2F2F2;
    padding: 15px;
}


.influence-coins-wrapper {
    background: #E6E6E6;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
}

.influence-coins-wrapper__inner .first-row {
    background: #fff;
    border-radius: 2px 2px 0 0;
    margin-bottom: 2px;
    padding: 8px 0;
}

.influence-coins-wrapper__inner .inner-item {
    background: #fff;
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
}

.influence-coins-wrapper__inner .inner-item svg {
    margin-right: 5px;
}

.influence-coins-wrapper__inner .inner-item:first-child {
    border-radius: 0 0 0 2px;
}

.influence-coins-wrapper__inner .inner-item:last-child {
    margin-right: 0;
    border-radius: 0 0 2px 0;
}

.influence-coins-wrapper__inner p {
    font-weight: 500;
    font-size: 12px;
    line-height: 242%;
    color: #888888;
    margin: 0;
}

.influence-coins-wrapper__inner b {
    font-weight: bold;
    font-size: 23px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #3A3A3A;
}

.my_account-layout__inner .popupWrapper {
    display: none;
}

.all-order-new .all-order-new__job i {
    font-size: 12px;
}


.all-order-new .project-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.all-order-new__job .inner {
    position: relative;

}


.all-order-new__job .inner .menu {
    position: absolute;
    right: 10px;
    top: 40px;
    width: 175px;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    text-align: left;
    padding: 15px;
    transition: .5s;
    z-index: 999 !important;
}

.all-order-new__job .inner .menu.closed {
    display: none;
}

.all-order-new__job .inner .menu li {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 187%;
    color: #3A3A3A;
    cursor: pointer;
}

.all-order-new .bold {
    font-weight: 600;
    font-size: 16px;
    color: #9E9E9E;
}


.all-order-new .paymentMethod {
    margin: 0 !important;
}

.all-order-new .payment-method-new__img img {
    border-radius: 50%;
    width: 23px;
    height: 23px;
    margin-right: 17px;
}

.all-order-new .payment-method-new__method {
    font-weight: 600;
    display: block;
    line-height: 1;
}


.all-order-new .shipping-method-new__text {
    font-weight: 600 !important;
    font-size: 14px;
    color: #474747;
}


.all-order-new .coloredicon i {
    color: #21A3B9;
    margin-right: 8px;
}


.all-order-new .coupon-text {
    color: #a343a4;
    text-transform: uppercase;
    text-decoration: underline;
}

.all-order-new .silver {
    color: #8d8d8d;
}

.all-order-new .couponDisplay i {
    margin-right: 5px;
}


.order-pagination {
    display: flex !important;
    justify-content: center;
}

/* empty orders section  */
.empty-orders-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px;
}

.empty-orders-title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
}

.all-orders-block .thn-first-buttons-continue {
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    width: 49%;
}

.all-orders-block .thn-first-buttons-continue {
    background: #21A3B9;
    border: 1px solid #21A3B9;
}

.all-orders-block .thn-first-buttons-continue span {
    color: white;
    font-size: 20px;
    margin-right: 15px;
    font-weight: 600;
}

.all-orders-block .thn-first-buttons-continue p {
    color: white;
}


.all-orders-block .thn-first-buttons-continue div.thn-first-buttons__text {
    text-align: initial;
}

@media screen and (max-width: 767px) {
    .order-pagination {
        display: flex !important;
        overflow-x: scroll;
        padding: 15px;
        justify-content: start;
    }

    #ismobile {
        display: none;
    }

}

.order-pagination > .active > a, .order-pagination > .active > span, .order-pagination > .active > a:hover, .order-pagination > .active > span:hover, .order-pagination > .active > a:focus, .order-pagination > .active > span:focus {
    border: 1px solid #27a3b9 !important
}

.pagination > li.active a span {
    color: #27a3b9 !important;
}

.order-pagination > li > a, .order-pagination > li > span {
    color: #4F4F4F !important;
}

.order-pagination > li {
    margin: 0 12px !important;
    font-weight: 600;
}

.order-pagination > li:nth-child(1) a,
.order-pagination > li:nth-child(2) a,
.order-pagination > li:nth-child(14) a,
.order-pagination > li:nth-child(15) a {
    border: 1px solid #21A3B9;
    color: #21A3B9 !important;
    border-radius: 2px;
}

.order-pagination > li:nth-child(1) a:hover,
.order-pagination > li:nth-child(2) a:hover,
.order-pagination > li:nth-child(14) a:hover,
.order-pagination > li:nth-child(15) a:hover {
    border: 1px solid #21A3B9;
    color: #21A3B9 !important;
    border-radius: 2px;
}


#orders_grid .padding {
    padding-top: 12px !important;
}

#orders_grid .order_detail_panel hr {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: #D6D6D6;
}


.mobileinfo__quantity {
    text-align: left;
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}

.mobileinfo-inner .status {
    font-weight: 500;
    font-size: 12px;
    color: #9D9D9D;
    padding: 0;
    margin: 0 0 5px 0;
}

.mobileinfo-inner .info {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #4F4F4F;
}

.mobileinfo-inner__coupon {
    margin-top: 15px;
    text-align: left;
}

.mobileinfo-inner__desc {
    padding-top: 20px;
    padding-left: 0;
}

.mobileinfo-inner__desc hr {
    margin: 0 0 10px 0;
}


.mobileinfo-inner__desc dl {
    text-align: left;
    padding: 0;
}


@media screen and (max-width: 767px) {
    .hideinmobile {
        display: none !important;
    }
}

.all-order-new__job .inner .menu-toggle {
    top: 0;
}

#orders_grid .modal-actions .inner {
    right: 10px;
    position: absolute;
}

#orders_grid .close-modal {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50% !important;
    background: #21A3B9;
    color: white;
}


.quantity {
    background: #F8F8F8;
    border: 1px solid #CFCFCF;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 15px;
    margin: 5px 0 !important;
    display: inline-block;
}

.kids-selected-template-preview {
    background: #F5F5F5;
    border: 1px dashed #79807E;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 25px;
    margin-top: 22px;
}

.kids-selected-template-preview img {
    margin-top: 10px;
    background: #F5F5F5;
    border-radius: 2px;
    width: 100%;
    height: 170px;
    object-fit: contain;
}

.kids-selected-template-preview h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #414C52;
    margin: 0;
}

p.quantity span {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #414C52 !important;
}

.account-layout {
    width: 100% !important;
    display: flex;
    background: #fbfbfb;
    padding: 4rem 0;
}

.testimonials-hero-wrapper {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 550px;
    padding: 100px 0;
}

.testimonials-hero-wrapper h1 {
    font-weight: 600;
    font-size: 47px;
    line-height: 56px;
    color: #232323;
    margin-top: 0;
    margin-bottom: 50px;
}

.testimonials-hero-wrapper p {
    font-weight: normal;
    font-size: 15px;
    line-height: 170%;
    text-transform: uppercase;
    color: #707070;
    width: 78%;
    margin-bottom: 25px;
}

.testimonials-hero-wrapper li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.testimonials-hero-wrapper li svg {
    margin-right: 5px;
}

.testimonials-hero-wrapper li span {
    font-weight: 500;
    font-size: 15px;
    line-height: 126%;
    color: #4E4E4E;
}

.testimonials-hero-wrapper button {
    background: #21A3B9;
    border-radius: 3px;
    max-width: 302px;
    width: 100%;
    height: 54px;
    font-weight: bold;
    font-size: 17px;
    line-height: 142.4%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    margin-top: 25px;
}

.testimonials-hero-wrapper .text-wrapper {
    padding: 0 55px;
}

.testimonials-body-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.testimonials-body h2 {
    font-weight: 600;
    font-size: 30px;
    margin-top: 30px;
    color: #272727;
    text-align: center;
}

.testimonials-body .subtitle {
    font-weight: 500;
    font-size: 19px;
    line-height: 44px;
    color: #2F2F2F;
    text-align: center;
}

.testimonials-tabs-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonials-tabs-list .item {
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 8px 20px;
    margin-right: 35px;
    cursor: pointer;
    transition: .5s;
    background-color: #23C2A8;
}

.testimonials-tabs-list .item:active {
    transform: scale(.9);
}

.testimonials-tabs-list .item:not(.active) span {
    color: #fff;

}

.testimonials-tabs-list .item.active span {
    color: #fff;
}

.testimonials-tabs-list .item.active svg path {
    fill: #fff;
}

.testimonials-tabs-list .item span {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 9px;
    color: #FFFFFF;
    opacity: 0.7;
}

.testimonials-tabs-list .item:not(.active) p {
    color: #fff;
}

.testimonials-tabs-list .item svg {
    margin-right: 25px;
}

.testimonials-tabs-list .item p {
    font-weight: bold;
    font-size: 16px;
    line-height: 142.4%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 0;
}

.testimonials-tabs-list .item p svg {
    margin-right: 5px;
}

.testimonials-tabs-list .item.active p {
    color: #FFFFFF;
}

.testimonials-tabs-list .item.active {
    background: #21A3B9;
    border-radius: 3px;
}

.testimonials-products-list .pr-item {
    max-width: 130px;
    width: 100%;
}

.testimonials-products-list .pr-item img {
    width: 130px;
    height: 104px;
    border-radius: 4px;
    object-fit: cover;
}

.testimonials-products-list .pr-item a {
    display: inline-block;
}

.testimonials-products-list .pr-item p {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    margin: 10px 0;
    color: #444444;
}

.testimonials-tabs-body {
    margin: 40px auto;
}

.chose-products p.title {
    font-weight: 600;
    font-size: 19px;
    line-height: 34px;
    color: #2D2D2D;
}

.chose-products {
    padding: 0 125px;
}

.chose-products .testimonials-products-list {
    display: flex;
    justify-content: space-between;
}

.chose-products .pr-item.other {
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 4px;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
}


.chose-products .pr-item.other a {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #444444;
}

#testimonials-landing-wrapper .custom-design .body-wrap .btn-cyan {
    max-width: 170px;
}

#testimonials-landing-wrapper .testimonials-section {
    padding: 50px 0px;
}

#testimonials-landing-wrapper .benefits {
    background: rgba(126, 126, 126, 0.1);
}

#testimonials-landing-wrapper .but-wait-row {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

#testimonials-landing-wrapper .but-wait-row .introVid {
    height: 100% !important;
    object-fit: cover !important;
}

#testimonials-landing-wrapper .design-your-print .orange-btn {
    width: 169px;
}

#testimonials-landing-wrapper .orange-btn span {
    margin-left: 8px;
}

#testimonials-landing-wrapper .site-main-faqs-wrap {
    background-color: transparent;
}

#testimonials-landing-wrapper .site-main-faqs-wrap .panel-heading {
    border: 1px solid #D0D0D0;
    border-radius: 0px;
}

#testimonials-landing-wrapper .site-main-faqs-wrap .panel-body {
    border: 1px solid #D0D0D0 !important;
    margin: 0px;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes .box-item .inner-box {
    text-align: center;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes .title-icon.circle {
    display: flex;
    margin: 0px auto;
    margin-bottom: 10px;
    width: 87px;
    height: 87px;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes .title {
    margin-left: 0px;
}

#testimonials-landing-wrapper .custom-design .sub-ttl {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes .box-item .inner-box {
    padding: 20px;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes .title {
    font-size: 17px;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes .title span {
    color: #21A3B9;
    display: block;
    font-size: 20px;
}

.most-reviewed-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.most-reviewed-row img {
    max-width: 200px;
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
}

.testimonials-social-follow-section {
    margin-top: 50px;
}

#testimonials-landing-wrapper .social-widget_item a,
#social-widget.new-design .social-widget_item a {
    display: flex;
    flex-direction: row;
    height: auto;
}

#testimonials-landing-wrapper .social-widget_item .soc-name,
#social-widget.new-design .social-widget_item .soc-name {
    line-height: normal;
    font-size: 12px;
    text-align: left;
    margin: 0px 5px;
}

#testimonials-landing-wrapper .social-widget_item .coin-wrapp span,
#social-widget.new-design .social-widget_item .coin-wrapp span {
    margin-right: 3px;
}

#testimonials-landing-wrapper .social-widget_item .coin-wrapp,
#social-widget.new-design .social-widget_item .coin-wrapp {
    width: auto;
    padding: 0px 5px;
}

#testimonials-landing-wrapper .social-widget_item,
#social-widget.new-design .social-widget_item {
    margin: 0 10px 10px 0;
    width: auto;
    height: auto;
}

.testimonials-social-follow-section .text {
    font-size: 16px;
    color: #2F2F2F;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 25px;
}

#testimonials-landing-wrapper #social-widget {
    border-bottom: 1px dashed #777;
    padding-bottom: 30px;
}

.site-main-review-complate-users-review-wrap li:after {
    display: none;
}

#testimonials-landing-wrapper .site-main-standard-size-and-review-wrap h3 {
    margin: 25px 0px;
}

.review-helpful {
    color: #8F9999;
    font-size: 12px;
    margin: 0px;
}

.review-helpful svg {
    margin-left: 4px;
    vertical-align: sub;
}

.review-user-block {
    display: flex;
    align-items: center;
}

.review-author {
    justify-content: space-between;
}

.review-content {
    display: flex;
    margin-top: 10px;
}

.review-content img {
    margin-right: 30px;
    max-width: 280px;
    width: 100%;
    border-radius: 4px;
}

#testimonials-landing-wrapper .qr-builder-desc-boxes p.time {
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
    color: #969696;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.title-with-img-block {
    display: flex;
    align-items: center;
}

.guarantee-text-block {
    margin: 0px auto;
    text-align: center;
    color: #1FB89F;
}

.guarantee-text-block .icon-block {
    width: 78px;
    height: 78px;
    background-color: #21A3B9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

.guarantee-text-block p {
    font-size: 22px;
    margin-top: 15px;
    color: #21a3b9;
}


.review-buttons.testimonials-tabs-list .item > svg path {
    fill: #fff;
}

.review-buttons.testimonials-tabs-list .item {
    margin-right: 10px;
    width: 100%;

}

.review-buttons.testimonials-tabs-list .item.imageReviewPanel {
    background: #FDBC16;
}

.review-buttons.testimonials-tabs-list .item.writeReviewPanel {

    background: #57C8FB;
}

.testimonials-tabs-list .item:last-child {
    margin-right: 0px;
}


.review-buttons.testimonials-tabs-list {
    justify-content: flex-start;
}

.tips-header-block {
    display: flex;
    align-items: center;
}

.tips-header-block img {
    margin-right: 40px;
}

.tips-header-block h2 {
    color: #272727;
    font-size: 22px;
}

.tips-header-block p {
    color: #2D2D2D;
    font-size: 16px;
    line-height: 27px;
}

.tips-block-list-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tips-list li::before {
    content: "\2022";
    color: #21A3B9;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 26px;
    vertical-align: sub;
}

.tips-list {
    padding-left: 2.5rem;
}

.tips-list li {
    margin: 20px 0px;
    line-height: normal;
}

.inner-tips-box {
    background-color: #fff;
    padding: 30px;
    height: 100%;
}

#product-tips {
    background-color: #D6D6D6;
    padding: 40px;
}

.tips-box-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 30px;
}

#product-details .site-main-review-complate-review-wrap {
    padding-left: 0px;
}

#product-details .site-main-standard-size-and-review-wrap .site-main-standard-size-content-wrap .site-main-standard-size-text-content-wrap {
    padding-top: 0px;
}

#review_loading {
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.orders-welcome-message {
    text-align: left;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 2rem 0;
    margin-bottom: 25px;
}


.orders-welcome-message p:first-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    text-align: left;
    color: #454545;
    margin-bottom: 8px;
}

.orders-welcome-message p:last-child {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #A9A9A9;
    margin-bottom: 0;
}

.use-coins-section .use-points-block {
    width: 25%;
    margin-top: 0 !important;
}


.boys-girls-row .shop-for {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 0 55px;
}

.boys-girls-row .shop-for.boys {
    background: #ECF0FD;

}

.boys-girls-row .shop-for.girls {
    background: #DCF9F3;
}

.boys-girls-row .shop-for a {
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgb(1 1 1 / 13%);
    border-radius: 4px;
    width: 156px;
    height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.boys-girls-row .shop-for a:hover {
    background: #21a3b9;
}

.boys-girls-row .shop-for a:hover span {
    color: #fff;
}

.boys-girls-row .shop-for a span {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #0F92A8;
}

.boys-girls-row .shop-for a .icon-wrap {
    background: #0F92A8;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 5px;
}

.boys-girls-row .shop-for p {
    font-weight: bold;
    font-size: 22px;
    line-height: 138%;
    text-transform: uppercase;
    color: #21A3B9;
}

.boys-girls-row .shop-for h6 {
    margin: 0 0;
}

.boys-girls-row .shop-for h6 span {
    font-family: 'Sniglet', cursive !important;
    font-style: normal;
    font-weight: normal;
    font-size: 65px;
    line-height: 1;
}

.home-discount-section p.ttl {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 31px;
    text-align: center;
    color: #414C52;
}

.home-discount-section .subttl {
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: rgba(48, 90, 114, 0.39);
    margin-top: 5px;
}

.home-discount-section button {
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgb(1 1 1 / 13%);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 15px auto;
    width: 302px;
    height: 51px;
    border: none;
}

.home-discount-section  button span {
    font-weight: 600;
    font-size: 17px;
    line-height: 130%;
    text-align: center;
    color: #FD8516;
}

.home-discount-section p b {
    font-family: 'Sniglet', cursive !important;
    color: #F75435;
    font-weight: normal;
    font-size: 35px;
}

.home-discount-section p span {
    background: #57c8fb;
    color: #fff;
    border-radius: 30px;
    padding: 0 10px;
}

.home-discount-section {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.home-discount-section .inner-wrap {
    padding: 65px;
    height: 270px;
    text-align: center;
    width: 100%;
    background-size: contain !important;
}

.home-kids-wrapper section {
    margin-bottom: 35px;
}

.carousel-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    padding: 0 10px;
}

.carousel-header .controls-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.carousel-header h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #414C52;
    margin: 0 10px;
}

.controls-wrap a {
    min-width: 28px;
    max-width: 28px;
    height: 28px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.home-category-section .controls-wrap a {
    background: #FD8516;

}




.home-category-section .carousel img {
    background: #f3f3f3;
    object-fit: cover;
    width: 100%;
    height: 300px;
    border-radius: 10px;
}

.home-category-section .item-box {
    height: 300px;
}

.home-category-section .item .col-md-4 {
    margin-bottom: 20px;
}

.home-category-section .item .overlay {
    position: absolute;
    background: linear-gradient(
            180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
    opacity: 0.7;
    top: 0;
    height: 100%;
    display: block;
    right: 0;
    left: 0;
    border-radius: 3px;
}

.education-gifts h6 span {
    font-family: 'Sniglet', cursive !important;
    font-size: 65px;
}

.education-gifts p {
    font-weight: normal;
    font-size: 19px;
    line-height: 170%;
    text-align: center;
    color: #3E3E3E;
    padding: 0 34px;
    margin: 10px auto;
}

.education-gifts .row {
    display: inline-flex;
    align-items: center;
    text-align: center;
}

.education-gifts .shop-now-btn {
    width: 228px;
    display: inline-flex;
    height: 60px;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat !important;
}


.education-gifts .shop-now-btn span {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    text-transform: uppercase;
}

.education-gifts .shop-now-btn .icon-wrap {
    width: 22px;
    min-width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.education-gifts .carousel-indicators {
    left: 0;
    right: 0;
    width: 100%;
}

.education-gifts .carousel-indicators li, .kids-review-section .carousel-indicators li {
    background-color: #DBDBDB;
    width: 9px;
    height: 9px;
}

.education-gifts .carousel-indicators li.active, .kids-review-section .carousel-indicators li.active {
    background-color: #FD8516;
    width: 14px;
    height: 14px;
}

.best-selling-products .carousel-header .controls-wrap a {
    background: #23C2A8;
    border-radius: 24px;
}

.top-rated .carousel-header .controls-wrap a {
    background: #FF62BD !important;
}

.best-selling-products .item-wrap {
    border: 1px solid #EAEAEA;
    margin: 10px 0;
    border-radius: 10px;
}

.best-selling-products .item-wrap:hover {
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgb(1 1 1 / 13%);
}

.best-selling-products .item-wrap img {
    border-radius: 3px 3px 0 0;
    height: 170px;
    width: 100%;
    object-fit: cover;
    border-radius: 7px 7px 0px 0px;
}

.carousel-inner > .item {
    padding-left: 15px;
    padding-right: 15px;
}

.best-selling-products .item-wrap.catalog-item {
    min-height: 525px;
    margin-bottom: 20px;
}

.best-selling-products .item-wrap .desc li {
    font-weight: normal;
    font-size: 14px;
    line-height: 162%;
    color: #4C4C4C;
}

.best-selling-products .item-wrap .desc {
    font-weight: normal;
    font-size: 14px;
    line-height: 162%;
    color: #4C4C4C;
    border-top: 1px solid #EFEFEF;
    padding: 10px 0;
}

.best-selling-products .item-wrap .product-desc h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 115%;
    color: #414C52;
}

.best-selling-products .item-wrap .product-desc p.price {
    font-weight: 600;
    font-size: 14px;
    /* line-height: 138%; */
    text-transform: uppercase;
    color: #21A3B9;
    padding-bottom: 10px;
    text-align: left;
    padding: 0px;
    height: unset;
    line-height: normal;
}

.best-selling-products .item-wrap .product-desc {
    padding: 10px 25px;
    min-height: 90px;
    position: unset;
}

.kids-review-section .inner-wrap {
    background-repeat: no-repeat !important;
    padding: 4rem;
    position: relative;
}

.kids-review-section .inner-wrap .play-icon {
    position: absolute;
    z-index: 3;
    top: 41%;
    right: 0;
    left: 0;
    margin: 0 auto;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50%;
    width: 76px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.kids-review-section .inner-wrap img {
    background: #fff;
    border-radius: 12px;
}

.kids-review-section p.review-body {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 159.8%;
    color: #414C52;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 40px;
    min-height: 280px;
}


.kids-review-section p.review-author {
    font-weight: bold;
    font-size: 14px;
    line-height: 138%;
    /* or 19px */


    color: #FF62BD;
}

.kids-review-section .row {
    display: flex;
    align-items: center;
}

.kids-review-section .controls-wrap a {
    background: #E6E6E6;
    border-radius: 24px;
}

.gift-item {
    background: #FFFFFF;
    border-radius: 7px;
    padding: 10px;
    padding-bottom: 30px;

}

.gift-item:hover {
    box-shadow: 0px 4px 14px rgba(1, 1, 1, 0.13);
}

.gift-item img {
    margin-bottom: 20px;
}

.gift-item p.ttl {
    font-weight: 600;
    font-size: 22px;
    line-height: 115%;
    text-align: center;
    color: #414C52;
}

.gift-item p.body {
    font-weight: normal;
    font-size: 15px;
    line-height: 175%;
    text-align: center;
    color: #414C52;
    margin: 10px auto;
}

.gift-item a {
    background: #00C0CF;
    border-radius: 4px;
    width: 162px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.gift-item span {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
}

.gift-item .icon-wrap {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0;
}

.site-main-trusted-by-fortune-content-wrap .site-main-trusted-by-fortune-logo-wrap li {
    display: inline-flex;
    width: 20%;
    border: 1px solid #f2f2f1;
    align-items: center;
    padding: 20px 0;
    justify-content: center;
    transition: all .5s ease-in-out;
}

.ipc_price-submit-wrapper {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ipc_price-submit-wrapper .site-main-banner-with-custom-form-submit-total {
    min-width: 140px;
    max-width: 140px;
}

.quantity-ranger {
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity-ranger .trigger {
    background: #EEEEEE;
    border-radius: 4px;
    width: 41px;
    height: 41px;
    font-weight: 600;
    font-size: 20px;
    color: #ACADAD;
    min-width: 41px;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
}


.quantity-ranger .trigger:hover {
    background-color: #dddbdb;
}

.kids_related-products-wrapper {
    margin: 20px 0;
}

.kids_related-products-wrapper h5 {
    font-weight: 600;
    font-size: 23px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #414C52;
}

.kids_related-products-wrapper .rel-product-item {
    background: #FFFFFF;
    border-radius: 10px;
    /* max-width: 218px; */
    border: 1px solid #E6E6E6;
    /* width: 100%; */
    margin-top: 10px;
    margin-bottom: 10px;
}

.kids_related-products-wrapper .rel-product-item:hover {
    border-color: #21a3b9;
}

.kids_related-products-wrapper .rel-product-item .pr-name {
    font-weight: 500;
    font-size: 17px;
    color: #414C52;
    padding: 5px 20px;
    margin: 10px 0;
    text-transform: capitalize;
}

.kids_related-products-wrapper .rel-product-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.kids_review-block-title span {
    font-family: 'Sniglet', cursive !important;
    font-weight: normal;
    font-size: 55px;
    letter-spacing: -10px;
}

.kids_review-block-title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 112.8%;
    color: #2D2D2D;
}

.ipcContainerRow {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.checkout-steps .active p.num {
    background: #57C8FB;
    border: 1px solid #57C8FB;
    color: #FFFFFF;
}

.checkout-steps .step:not(.active) p.num {
    background: #414C52;
    border: 1px solid #D2D2D2;
    color: #fff;
}

.order-summary-title h4 {
    color: #7743A4;
}

.shipping_subspace_existing .actions .buttons .edit,
.saved-cart-item .actions .buttons .edit,
.add-ship-address, #place-order, .add-bill-address, #add-payment-method,
button.save_shipping_address, .save_billing_address {
    border-radius: 4px;
    border: 1px solid #bcced6;
    color: white !important;
    padding: 6px 12px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    height: 35px;
    background: #57c8fb;
}


#place-order i {
    background: #1f7888;
}

.edit-options a i {
    color: #57C8FB;
}

.collapse-status .do-close {
    background: #57C8FB;
}

.design-tabs .tabs-body {
    border: 1px solid #21A3B9;
}

.btn-next-step {
    background: #27a3b9;
    border: 1px solid #27a3b9;
}

.payment-methods input:checked ~ .checkmark {
    border-color: #57C8FB;
}

.payment-methods input:checked ~ .checkmark:after {
    border: solid #57C8FB;
}

.svg-preview-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.svg-preview-wrapper .loader {
    position: absolute;
    background: #fffbfb82;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: none;
}

.svg-preview-wrapper .loader img {
    width: 40px;
}


.collapse-status .do-open span {
    color: #27a3b9;
}

.collapse-status .do-open {
    background: #FFFFFF;
    border-color: #27a3b9;
}

.collapse-status .do-open svg rect, .collapse-status .do-open svg stroke {
    fill: #27a3b9;
    stroke:#27a3b9;
}

.product-section-body[assets="open"] .checkout_product, .product-section-body[assets="open"] .assets-wrapper {
    background: #e1f3f7;
}


.add-matching-checkbox {
    border: 1px dashed #79807E;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 0 10px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.add-matching-checkbox input {
    margin: 0 5px 0 !important;
}

.add-matching-checkbox p {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #414C52;
    margin: 0;
}

.add-matching-checkbox p b {
    color: #57C8FB;
}

.add_addr {
    border: 1px solid #57C8FB;
    color: #57C8FB;
}

#paymentForm #paymentForm_btn {
    background: #57C8FB;

}

.ipc_templates-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin: 10px 0;
    border-top: 1px solid #F0F0F0;
}

.ipc_templates-link-wrapper .link-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ipc_templates-link-wrapper .link-item a span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-left: 5px;
}

.ipc_templates-link-wrapper .link-item:first-child span {
    color: #21A3B9;
}

.ipc_templates-link-wrapper .link-item:last-child a span {
    color: #FF62BD;
}


#addReviewButton, .addReviewButton {
    background: #7743a4;
}

.stories-page-left-sidebar .filter-tax-title {
    color: #21A3B9 !important;
}

.teb_top_col .filter-tax-title:after {
    border-radius: 22px !important;
    background-color: #FDAE38 !important;
    color: #fff !important;
}

.stories-page-left-sidebar {
    box-shadow: 0px 1px 9px rgb(0 0 0 / 13%) !important;
    border-radius: 10px !important
}

.posts-list-item.template-item .post-image,
.posts-list-item.template-item .post-image img {
    border-radius: 9px !important;
}

.per-page-block span {
    border-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: transparent !important;
}

#templatePerPage {
    border-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#kids-carousel-1 .show-now-btn {
    display: none;
}

#kids-carousel-1 .col-md-6 > .item-box img, #kids-carousel-4 .item-box img {
    border-radius: 10px;
    height: 240px;
    object-fit: cover;
    width: 100%;
}


.design-template-list .group-prod-templates {
    margin-top: 20px;
}

.filter-tax-content .custom-checkbox-container input:checked ~ .checkmark {
    border: 1px solid #21a3b9 !important;
}

.filter-tax-content .checkmark::after,
.account_notifications__block .new-checkbox-panel input:checked + .checkmark:after {
    border: solid #21a3b9 !important;
    border-width: 0 1px 1px 0 !important;
}

.posts-list-item.template-item:hover .post-image {
    border: 2px solid #21a3b9 !important;
}

a:hover,
.article-list-content .pagination li.active a,
.account_notifications__block h3,
.account_notifications__block small,
.remember-block a,
.main-page-view-all {
    color: #21a3b9 !important;
}

.main-menu_link svg path {
    stroke: #21a3b9 !important;
}

.best-selling-products .carousel-header .controls-wrap a {
    background: #21a3b9;
}

.article-list-content .pagination li a:hover,
.article-list-content .pagination li.active a {
    border: 1px solid #21a3b9 !important;
    color: #21a3b9 !important;
}

.account_notifications__block .new-checkbox-panel input:checked + .checkmark {
    border-color: #21a3b9 !important;
}

.custom-form .form-submit-inp {
    background-color: #21a3b9 !important;
    border: 1px solid #21a3b9 !important;
}

.custom-form .form-submit-inp:hover, .custom-form .form-submit-inp:focus {
    background: transparent !important;
    color: #21a3b9 !important;
    border: 1px solid #21a3b9 !important;
}

.upload-img-block-inner {
    background-color: #21a3b9 !important;
}

.orange-btn, .purchase-now {
    background: #FDAE38 !important;
}

.orange-btn:hover, .purchase-now:hover {
    color: #fff !important;
}

.business-page-status-block .business-page-status.unpublish-status {
    background-color: #FDAE38 !important;
}

.welcome-side-bar {
    margin-bottom: 30px;
}

.quizzes-wrapper_title a,
.influence-row.has-action:not(.opened):hover .follow,
.get-rewards__title a,
.see-all-activity {
    color: #21a3b9 !important;
}

.how-to-use-coins__title:hover {
    color: #21a3b9 !important;
}

.new-register #signup_submit, .forgot-password-wrapper #repassword_submit {
    background: #27a3b9 !important;
}
optgroup {
    background: #ffffff;
    color: #27a3b9 !important;
}

.select-card-wrapper .title svg path{
    fill: #57c9fc;
}

.selected_card:checked + span + .label-text-checked{
    color: #57c9fc !important;
    border-color: #57c9fc !important;
}

.menu-dropdown-column-list.print-product-links ul {
    margin-right: 5rem !important;
}

.footer-menu.other-menu, 
.bottom-footer-menu {
    display: none !important;
}

.bottom-footer-imgs {
    margin-bottom: 30px;
}

.design-template-list .post-image img {
    height: 88%;
}

.design-template-list .post-image .template-name {
    padding-top: 6px;
}

.why-icon {
    position: absolute;
    top: 15px;
    right: -50px;
    width: 110px !important;
    height: 110px !important;
}

.shop-category-section {
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 15px;
}

.shop-category-section .left-column-item {
    background: #E4EBFF;
    border-radius: 7px 0px 0px 7px;
    padding: 40px;
    padding-bottom: 51px;
}

.shop-category-section .left-column-item h4 {
    color: #7743A4;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 5px;
}

.shop-category-section .left-column-item p {
    margin-bottom: 20px;
    color: #4C4C4C;
}

.shop-category-section .left-column-item ul {
    margin-bottom: 60px;
    margin-top: 40px;
}

.shop-category-section .left-column-item ul li {
    margin: 15px 0px;
}

.shop-category-section .left-column-item ul li a {
    font-weight: 500;
    font-size: 15px;
    color: #414C52;
}

.shop-category-section .left-column-item ul li a:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #23C2A8;
    font-weight: bold;
    display: inline-block;
    width: 1.4em;
    font-size: 12px;
    display: none;
}

.shop-category-section .left-column-item ul li a:hover:before {
    display: inline-block;
}

.shop-category-section .left-column-item ul li a:hover {
    color: #23C2A8 !important;
    font-weight: 600;
}

.shop-category-section .shopping-now-btn {
    box-shadow: 0px 4px 14px rgba(1, 1, 1, 0.13);
    border-radius: 4px;
    color: #FD8516;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    padding: 10px 20px;
    background-color: #fff;
}

.shop-category-section .dash-line {
    position: absolute;
    bottom: 60px;
}

.sajari-tab{
    display: none !important;
  }

#firstOrder{
    position: absolute;
    max-width: 302px;
    left: 329px;
    padding-right: 99px !important;
}
.sajari-showing-results span {
    color: #27a3b9;
}
#sajari .nav-tabs li.active a {
    background: #F3F3F3;
    font-weight: 600;
    border-bottom: 3px solid #27a3b9;
}
.sajari-scroll::-webkit-scrollbar-thumb {
    background-color: #27a3b9;
    border-radius: 100px;
}

.sajari-load-more {
    font-size: 15px;
    text-align: center;
    color: #27a3b9;
    align-items: center;
    cursor: pointer;
    margin: 20px auto;
    display: flex;
    justify-content:center;
    background: rgba(35, 194, 168, 0.11);
    border: 1px solid #27a3b9;
    border-radius: 3px;
    padding: 5px;
    font-weight: 600;
}

.breadcrumb-wrap li a {
    display: unset;
    padding: 0px !important;
}