body {
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-size: 12px;
    font-family: Roboto, sans-serif
}

a {
    text-decoration: none;
    color: #0fbac1;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

a:focus, a:hover {
    text-decoration: none;
    color: #ee3443
}

img {
    max-width: 100%;
    height: auto
}

.main-header {
    background: rgba(255, 255, 255, .9)
}

.top-header {
    background: #4dc2c8 none repeat scroll 0 0;
    background-image: url(https://www.brokenarrowwear.com/img/brokenarrowwear-blue-banner.png);
    background-size: 100% 100%;
    padding: 5px 0
}

.left-wrapp {
    padding-right: 45px
}

.search-form input[type=search] {
    background-color: #fff;
    border: solid 1px #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    width: 100%;
    height: 37px;
    padding: 0 10px;
    font-weight: 600;
    padding-right: 30px
}

.form-group {
    margin: 0;
    position: relative
}

.search-form button {
    position: absolute;
    top: 11px;
    right: 10px;
    background: 0 0;
    border: none;
    padding: 0;
    outline: 0
}

.top-header .navbar {
    padding: 0
}

.top-header li.nav-item {
    position: relative;
    margin: 0
}

.top-header .dropdown-menu {
    border: none;
    border-radius: 8px;
    padding: 7px 7px 10px;
    margin-top: 0;
    -webkit-box-shadow: 0 0 22px -7px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 22px -7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 22px -7px rgba(0, 0, 0, .6)
}

.top-header .dropdown-toggle::after {
    display: none
}

.top-header .navbar-nav .nav-link {
    padding: 10px 0;
    color: #000
}

.top-header font {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 19px;
    font-weight: 700
}

.dropdown-menu.soon-drop {
    font-weight: 400
}

.soon-drop p {
    margin: 0;
    line-height: 20px;
    font-size: 16px
}

.dropdown-menu h6 {
    margin: 0 0 5px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700
}

.sooner-box {
    position: relative;
    min-height: 50px;
    padding-left: 70px;
    margin: 5px 0
}

.truck-img {
    width: 70px;
    position: absolute;
    left: 0
}

.dropdown-menu p span {
    color: #ed2b43
}

.deliveryimg {
    width: 165px;
    vertical-align: bottom
}

.freedesignproofimg {
    width: 165px;
    vertical-align: bottom
}

.cart-box a {
    color: #fff;
    margin-top: 4px;
    display: inline-block
}

li.cart-box img {
    margin-right: 11px;
    float: left;
    clear: both;
    width: 37px
}

.cart-box span.cart-no {
    position: absolute;
    top: 12px;
    left: 17px;
    margin: 0;
    color: #ed2b43;
    font-size: 16px;
    font-weight: 800
}

.dropdown-menu.proof-drop h6 {
    text-align: center
}

.dropdown-menu.proof-drop p {
    line-height: 22px;
    margin: 0
}

.more-url {
    text-align: right
}

.more-url {
    color: #27bec4;
    font-size: 16px
}

.helphover img {
    width: 25px
}

.caret {
    display: inline-block;
    margin-left: 1px;
    border-top: 8px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: -1px
}

.top-header .navbar-nav .nav-item.myaccount>a {
    font-size: 12px;
    padding-top: 14px
}

.top-header .navbar-nav .nav-item.myaccount a:hover {
    color: #ee3443
}

.navbar-expand-lg .navbar-nav .helphover>a {
    font-size: 12px
}

.navbar-expand-lg .navbar-nav .helphover>a:hover {
    background: #0fbac1
}

.help-lists {
    margin: 0;
    padding: 0
}

.help-lists li {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-transform: none;
    list-style-type: none;
    border-bottom: rgba(0, 0, 0, .18) 1px solid;
    display: block
}

.help-lists li:last-child {
    border: none
}

.help-lists li a {
    color: #000;
    position: relative;
    padding: 20px 0;
    display: inline-block;
    text-decoration: none
}

.help-lists li:not(:first-child) a, .logindropbox .help-lists li:first-child a {
    position: relative;
    padding-left: 18px
}

.help-lists li:not(:first-child) a:before, .logindropbox .help-lists li:first-child a:before {
    position: absolute;
    top: 19px;
    left: 0;
    content: '>';
    font-size: 18px
}

.help-lists li a:hover {
    color: #ed2c44
}

.helphover .dropdown-menu, .loginhover .dropdown-menu {
    border-radius: 0
}

.helphover .dropdown-menu:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 15px;
    vertical-align: middle;
    border-top: 16px dashed;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    color: #2fbcc5;
    top: 0
}

.cart-box img {
    margin-right: 11px;
    float: left;
    clear: both;
    width: 37px
}

.cart-price {
    margin: 3px 0 0;
    width: 33px;
    float: left;
    clear: right;
    text-align: left;
    font-size: 11px
}

.cart-price span {
    font-weight: 700;
    display: block
}

.bottom-header {
    padding: 5px 0;
    position: relative
}

.right-header-block {
    text-align: center
}

.nav-wrap .navbar {
    padding: 0
}

.nav-wrap li.dropdown:hover .dropdown-menu {
    display: block
}

.nav-wrap .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 22px;
    line-height: 20px;
    letter-spacing: 2px;
    color: #000;
    font-family: 'Pathway Gothic One', sans-serif;
    text-transform: uppercase;
    padding: 10px 0;
    position: relative
}

.nav-wrap .dropdown-toggle::after {
    display: none
}

.nav-wrap .nav-item.dropdown {
    border-bottom: rgba(0, 0, 0, .15) 1px solid
}

.nav-wrap .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #000
}

.nav-wrap .navbar-expand-lg .navbar-nav .design-link .nav-link:before {
    display: none
}

.nav-wrap .navbar-expand-lg .navbar-nav .design-link .nav-link {
    color: #0fbac1;
    padding-right: 0
}

.nav-wrap .navbar-expand-lg .navbar-nav .design-link .nav-link:hover {
    color: #ee3443
}

.nav-wrap .dropdown-menu {
    padding: 15px 15px;
    box-shadow: none;
    border: none;
    min-width: 100%;
    border-radius: 0;
    background: #f8f8f8
}

.nav-wrap .navbar-nav {
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 15px
}

.products-box.row {
    margin-right: -4px;
    margin-left: -4px
}

.products-box.row>[class*=col-] {
    padding-right: 4px;
    padding-left: 4px
}

.pro-img {
    overflow: hidden
}

.pro-img img {
    width: 100%
}

.pro-img img, .products-box img, .t-shrt-img img {
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.pro-img:hover img, .products-box img:hover img, .t-shrt-img:hover img {
    -webkit-transform: scale(1.1) rotate(.01deg);
    -ms-transform: scale(1.1) rotate(.01deg);
    -moz-transform: scale(1.1) rotate(.01deg);
    transform: scale(1.1) rotate(.01deg)
}

.viewmorelinks {
    background: #f5f2f2;
    padding: 10px 10px 0
}

.viewmorelinks a {
    display: inline-block;
    color: #0fbac1;
    margin-bottom: 8px;
    padding-left: 12px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px
}

.viewmorelinks a:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    left: 0;
    top: 6px;
    border-radius: 50%;
    display: block
}

.viewmorelinks a:hover {
    color: #ee3443
}

.nav-wrap hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    height: 0;
    margin: 10px 0
}

.products-box p.h4, .t-shrt-desc p.h4 {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 15px 0 10px
}

.products-box p.h4 a, .t-shrt-desc a {
    color: #000
}

.products-box p.h4 a:hover, .t-shrt-desc a:hover {
    color: #ed2b43
}

.t-shrt-desc p {
    line-height: 20px;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif
}

.product-dropdown .row {
    margin: 0 -8px
}

.product-dropdown .row>[class*=col-] {
    padding: 0 8px
}

.t-shrt-img {
    margin: 5px 0;
    overflow: hidden
}

.t-shrt-img img {
    width: 100%
}

.more-dropdown .products-box p.h4 {
    text-align: center;
    margin: 8px 0
}

.bottom-search-block {
    margin-bottom: 15px
}

.bottom-search-block .search-form {
    background: #dedede;
    padding: 15px 15px
}

.bottom search-form button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    padding: 0 19px;
    color: #fff;
    background: #ee3d4c;
    font-size: 30px;
    border-radius: 0 4px 4px 0;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    width: 66px;
    height: 37px
}

.bottom-search-block .search-form-wrap {
    background: #dedede;
    padding: 15px 15px
}

.search-form-wrap {
    margin: 10px 0
}

.search-form-wrap input[type=search] {
    height: 45px;
    border: none;
    padding-right: 75px;
    color: rgba(0, 0, 0, .5);
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -ms-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -o-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    border-radius: 4px
}

.form-group {
    margin-bottom: 0;
    position: relative
}

.search-form-wrap button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    padding: 8px 20px;
    color: #fff;
    cursor: pointer;
    background: #ee3d4c;
    font-size: 30px;
    border-radius: 0 4px 4px 0;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.search-form-wrap button[type=submit]:hover {
    background: #d41c2c
}

.banner-wrap {
    background: #f06a73;
    padding: 50px 15px;
    text-align: center
}

.slick-slide {
    outline: 0
}

.single-item-banner .slick-next, .single-item-banner .slick-prev {
    height: 61px
}

.single-item-banner .slick-next, .single-item-banner .slick-prev, .testimonial-wrap .slick-next, .testimonial-wrap.slick-prev {
    z-index: 9
}

.single-item-banner .slick-prev, .testimonial-wrap .slick-prev {
    left: 0
}

.single-item-banner .slick-next {
    right: 18px
}

.single-item-banner .slick-next:before, .single-item-banner .slick-prev:before {
    width: 38px;
    height: 61px;
    text-align: center;
    line-height: 50px;
    opacity: .2;
    color: #fff;
    background: transparent url(https://www.brokenarrowwear.com/slider/img/themes.gif) no-repeat left top;
    display: block;
    content: ""
}

.single-item-banner .slick-next:before {
    background-position: right top
}

.single-item-banner .slick-next:hover:before, .single-item-banner .slick-prev:hover:before {
    opacity: 1
}

.single-item-banner img {
    width: 100%
}

svg {
    width: 100%;
    height: auto
}

.single-item-banner object {
    width: 100%;
    height: auto
}

.row.less-spaced-col {
    margin: 0 -4px
}

.row.less-spaced-col>[class*=col-] {
    padding-right: 4px;
    padding-left: 4px
}

.t-shirts-block hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    height: 0;
    margin: 25px 0
}

.all-products {
    margin-bottom: 15px
}

.t-shrt-box img {
    width: 100%
}

.image-zoom-effect {
    overflow: hidden
}

.image-zoom-effect img {
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%
}

.image-zoom-effect:hover img {
    -webkit-transform: scale(1.1) rotate(.01deg);
    -ms-transform: scale(1.1) rotate(.01deg);
    -moz-transform: scale(1.1) rotate(.01deg);
    transform: scale(1.1) rotate(.01deg)
}

.sameness-text {
    font-size: 16px;
    line-height: 26px;
    color: #ee3124;
    font-family: Roboto, sans-serif;
    text-align: center;
    margin: 0 0 15px;
    font-weight: 700
}

.t-shirts-block p {
    line-height: 16px;
    margin: 0 0 20px
}

.t-shirts-block p a {
    color: #0fbac1
}

.t-shirts-block p a:hover {
    color: #ee3443
}

.pro-block {
    background: #efefef;
    padding: 15px 0
}

.img-wrap {
    margin: 0 auto 15px;
    position: relative
}

.block-title h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.block-title h3 {
    color: #ee3443;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 0;
    line-height: 26px
}

.more-btn {
    border-radius: 8px;
    color: #000;
    padding: 14px 20px;
    background-color: #0fbac1;
    font-size: 17px;
    display: block;
    font-weight: 600;
    margin-top: 10px;
    text-align: center
}

.more-btn:hover {
    background-color: #ee3443;
    color: #000
}

.text-wrap p {
    margin: 15px 0;
    line-height: 18px
}

.embroideryexp-img {
    margin-bottom: 25px
}

.embroideryexp-img img {
    width: 100%
}

.embroideryexp-img img:last-child {
    display: none
}

.embroideryexp-img:hover img:first-child {
    display: none
}

.embroideryexp-img:hover img:last-child {
    display: inline-block
}

.testimonial-block {
    background: #efefef;
    padding: 25px 0
}

.testimonial-box {
    margin: 0 5px
}

.testi-desc {
    background-color: #86d1d5;
    padding: 15px 20px;
    line-height: 24px;
    position: relative;
    margin-bottom: 35px;
    min-height: 230px
}

.testi-desc:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-style: solid;
    border-width: 25px 20px 0 20px;
    border-color: #86d1d5 transparent transparent transparent;
    line-height: 0
}

.client-name {
    text-align: center
}

.testimonial-wrap .slick-next, .testimonial-wrap.slick-prev {
    z-index: 9
}

.testimonial-wrap .slick-next {
    right: 15px
}

.testimonial-wrap .slick-next, .testimonial-wrap .slick-prev {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 70%;
    top: 0;
    z-index: 9999
}

.testimonial-wrap .slick-next {
    right: 55px
}

.testimonial-wrap .slick-next:before, .testimonial-wrap .slick-prev:before {
    width: 75px;
    height: 100%;
    background: url(https://www.brokenarrowwear.com/ticker/images/arrow_left.png) center no-repeat #fff;
    display: block;
    content: '';
    opacity: 0;
    margin: 20px 0 0
}

.testimonial-wrap .slick-next:before {
    background: url(https://www.brokenarrowwear.com/ticker/images/arrow_right.png) center no-repeat #fff
}

.testimonial-wrap:hover .slick-next:before, .testimonial-wrap:hover .slick-prev:before {
    opacity: .5
}

.newsletter-block {
    background: url(https://www.brokenarrowwear.com/img/footerimg.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    padding: 30px 0
}

.newsletter-form h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px
}

.newsletter-form .form-group {
    margin-bottom: 0;
    position: relative
}

.newsletter-form .form-control {
    height: 40px;
    font-size: 14px;
    border: #ccc 1px solid;
    color: rgba(0, 0, 0, .75);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 10px;
    border-radius: 8px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-weight: 600
}

.newsletter-form button {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    background: #14c8c8;
    border: none;
    padding: 5px 15px;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    margin: 0;
    border-radius: 0 8px 8px 0;
    padding: 7px 12px
}

.newsletter-form button:hover {
    background: #ee3443
}

footer {
    padding: 30px 0;
    background: #fff
}

.main-footer h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 10px 0
}

.main-footer h4 {
    color: #000;
    font-size: 14px;
    margin: 0;
    font-weight: 700
}

.main-footer p {
    color: #000;
    font-size: 14px;
    line-height: 18px
}

.footer-items ul {
    margin: 0;
    padding: 0
}

.footer-items ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #000;
    font-size: 14px;
    line-height: 27px
}

.footer-items ul li a {
    color: #000
}

.footer-items ul li a:hover {
    color: #ee3443
}

.social-icons ul {
    margin: 0;
    padding: 0
}

.social-icons ul li {
    margin: 0 0 5px 0;
    list-style-type: none;
    display: inline-block
}

.social-icons ul li:last-child {
    margin: 0
}

.social-icons ul li a {
    text-align: center;
    color: #fff;
    width: 35px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 37px;
    display: inline-block
}

.copyright {
    text-align: center;
    margin-top: 15px
}

.copyright p {
    color: #000;
    line-height: 24px;
    margin: 0
}

.newsletter-form ::-webkit-input-placeholder, .search-form ::-webkit-input-placeholder, .search-form-wrap ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.newsletter-form ::-moz-placeholder, .search-form ::-webkit-input-placeholder, .search-form-wrap ::-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.newsletter-form :-ms-input-placeholder, .search-form ::-webkit-input-placeholder, .search-form-wrap :-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.newsletter-form :-moz-placeholder, .search-form ::-webkit-input-placeholder, .search-form-wrap :-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

button.navbar-toggler {
    position: absolute;
    right: 0;
    top: -32px;
    padding: 0
}

.nav-wrap button.navbar-toggler {
    right: auto;
    top: -58px;
    position: absolute;
    left: 0
}

.navbar-toggler-icon {
    width: auto;
    height: auto
}

.navbar-toggler-icon .bar-icon {
    display: block;
    width: 35px;
    height: 3px;
    margin: 4px 0;
    background-color: #000;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s
}

.logo-block {
    text-align: center;
    padding-left: 70px
}

.page-url {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 12
}

.text-wrap ul {
    margin: 0;
    padding: 0 0 0 15px;
    line-height: 24px
}

.inner-banner img {
    width: 100%
}

.content-block {
    padding: 30px 0
}

.desc-wrap h1, .desc-wrap h2 {
    line-height: 28px;
    font-weight: 500;
    font-size: 20px
}

.desc-wrap h3 {
    font-size: 18px;
    color: #ee3124;
    font-weight: 400;
    line-height: 24px;
    margin: 15px 0
}

.desc-wrap p, .sample-block p {
    line-height: 20px;
    margin: 15px 0 20px 0
}

.image-zoom-effect.pro-list-box {
    max-width: 320px;
    margin: 0 auto 10px;
    height: 100%
}

.pro-list .row>[class*=col-]:last-child .pro-list-box {
    margin-bottom: 0
}

.pro-list .product-img img {
    width: 100%
}

.pro-list .img-caption {
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    background: #ee3443;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.pro-img-links a {
    margin: 0;
    position: relative;
    padding-left: 12px
}

.pro-img-links .img-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px;
    margin: 0;
    background: #374140
}

.pro-list a:hover .img-caption {
    background: #12bac1
}

.pro-img-links {
    position: relative;
    background: url(https://www.brokenarrowwear.com/img/menu/view-more-bg.png) 0 0 repeat;
    text-align: left;
    padding: 15px 5px 50px;
    height: 100%
}

.pro-img-links a {
    display: block;
    color: #0fbac1;
    line-height: 22px;
    margin: 0 0 0 8px
}

.pro-img-links a:hover {
    color: #ee3443
}

.pro-img-links a:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    left: 0;
    top: 9px;
    border-radius: 50%;
    display: block
}

.pro-img-links .img-caption:before {
    display: none
}

.product-lists {
    text-align: center;
    margin-bottom: 30px
}

.prod-wrap {
    position: relative;
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
    list-style-type: none;
    overflow: hidden;
    margin-top: 10px;
    padding: 0 0;
    border: 1px solid transparent;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.prod-wrap:hover {
    border-color: #0fbac1
}

.ribbon-wrap {
    position: absolute;
    z-index: 99;
    right: -1px;
    font-size: 12px;
    top: 0;
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    background: url(https://www.brokenarrowwear.com/img/panelsection/nominimum.png) no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain
}

.ribbon-wrap span {
    display: none
}

.ribbon-wrap.blue-ribbon {
    background-image: url(https://www.brokenarrowwear.com/img/panelsection/minimum.png)
}

.ribbon-wrap.blue-ribbon span {
    width: 50px;
    margin: -3px 0 0 -17px
}

.prod-img {
    padding: 0 10px;
    height: 180px;
    overflow: hidden
}

.prod-img img {
    text-align: left;
    width: auto;
    height: 70%;
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
    display: block
}

.prod-img a.page-url {
    height: 70%
}

.prod-desc-wrap {
    opacity: .8;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.prod-desc {
    background: #fff;
    font-size: 10px;
    padding: 8px 5px
}

.prod-desc p.h5 {
    color: #0fbac1;
    font-weight: 400;
    font-size: 12px;
    margin: 0
}

.prod-desc p {
    margin: 0
}

.prod-btns a {
    width: 47.9%;
    background-color: #0fbac1;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 10px
}

.prod-btns a:hover {
    color: #000
}

.prod-btns a.designbtn {
    background-color: #ee3443
}

.prod-wrap:hover .prod-desc-wrap {
    bottom: 0
}

.colored-wrap {
    background: #0fbac1;
    padding: 10px 15px;
    color: #000;
    margin: 20px 0
}

.colored-wrap p {
    margin: 0;
    font-weight: 700;
    font-size: 12px
}

.block-list ul {
    margin: 0;
    padding: 0
}

.block-list ul li {
    list-style-type: none;
    display: block;
    margin: 5px 0;
    line-height: 24px;
    position: relative;
    padding-left: 20px
}

.block-list ol {
    padding-left: 15px
}

.block-list ol li {
    margin: 5px 0;
    line-height: 24px
}

.block-list ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #000;
    left: 0;
    top: 8px;
    border-radius: 50%;
    display: block
}

.colored-wrap {
    background: #0fbac1;
    padding: 10px 15px;
    color: #000;
    margin: 10px 0
}

.light-gr-bg {
    background: #e9ffe0
}

.dark-gr-bg {
    background: #21e1b9
}

.dark-pink-bg {
    background: #ea2e49
}

.orange-bg {
    background: coral
}

.purple-bg {
    background-color: #c49ff5
}

.rosered-bg {
    background-color: #fa3b56
}

.light-blue-bg {
    background: #6dcff6
}

.dark-yellow-bg {
    background: #f8d40d
}

.peach-bg {
    background: #fe7a72
}

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

.pink-bg {
    background: #fc95b8
}

.search-holder {
    margin: 15px 0 0
}

.search-title {
    background: #70dbdb;
    text-align: center;
    padding: 8px 15px 9px
}

.search-title p {
    margin: 0
}

.search-title p strong {
    margin: 0;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

.search-holder .search-form {
    margin: 0;
    background: #64d0d0;
    padding: 5px 15px
}

.product-tab-wrap .nav-pills li {
    display: block
}

.product-tab-wrap .nav-link {
    border-radius: 0;
    border-bottom: 1px solid #b0eee0;
    background-color: #e4fcfc;
    color: #000;
    font-size: 16px;
    padding: 6.2px 15px;
    line-height: 22px;
    position: relative;
    display: block
}

.product-tab-wrap .nav-link:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://www.brokenarrowwear.com/catalog/img/arrow.png) 0 0 no-repeat;
    top: 8px;
    right: 10px
}

.product-tab-wrap ul li:last-child .nav-link {
    border: none
}

.product-tab-wrap .nav-link:hover, .product-tab-wrap .nav-pills .nav-link.active, .product-tab-wrap .nav-pills .show>.nav-link {
    background: #70dbdb;
    color: #ee3443
}

.tab-big-img img {
    width: 100%
}

.product-tab-wrap .panel-body {
    padding: 22px 0;
    background-color: #fff;
    -webkit-box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, .15)
}

.product-tab-wrap .panel-body h4 {
    color: teal;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    margin: 0 0;
    line-height: 30px
}

.product-tab-wrap .panel-body h4 a {
    color: teal
}

.product-tab-wrap h4 a:hover {
    color: #ee3443
}

.type-lists h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.type-lists ul {
    margin: 0;
    padding: 0
}

.type-lists ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 14px;
    margin: 5px 5px 0 0;
    line-height: 24px;
    border-right: rgba(0, 0, 0, .14) 1px solid;
    padding: 0 9px 0 0
}

.type-lists ul li:last-child {
    border: none
}

.type-lists ul li a {
    color: #000
}

.type-lists ul li a:hover {
    color: #ee3443
}

.product-tab-wrap .prod-wrap {
    margin: 15px 0;
    max-width: 100%;
    padding: 0;
    border: none
}

.prod-btns a.designbtn.not {
    background: #dcdcdc;
    color: #fff
}

.product-tab-box {
    position: relative
}

.tab-content>.tab-pane {
    z-index: 999;
    position: relative
}

.row.small-spaced-col {
    margin-right: -5px;
    margin-left: -5px
}

.small-spaced-col.row>[class*=col-] {
    padding: 0 5px
}

.featured-wrap {
    padding: 10px 0 0
}

.featured-img {
    margin: 10px 0
}

.featured-img img, .img-wrap img {
    width: 100%
}

.product-tab-wrap .panel-heading {
    border-bottom: 1px solid #b0eee0;
    background-color: #e4fcfc;
    margin: 0 0 2px
}

.product-tab-wrap .panel-title {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 15px;
    position: relative
}

.product-tab-wrap .panel-title:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://www.brokenarrowwear.com/catalog/img/arrow.png) 0 0 no-repeat;
    top: 13px;
    right: 10px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.product-tab-wrap .panel-title a {
    color: #000
}

.products-img img {
    width: 100%
}

.product-menu-wrap ul {
    margin: 0;
    padding: 0
}

.product-menu-wrap ul li.nav-item {
    list-style-type: none;
    display: block;
    border-bottom: 1px solid #b0eee0
}

.product-menu-wrap ul li.nav-item:last-child {
    border: none
}

.product-menu-wrap ul li.nav-item .nav-link {
    background-color: #e4fcfc;
    color: #000;
    font-size: 16px;
    padding: 6.2px 15px;
    line-height: 22px;
    position: relative;
    display: block
}

.product-menu-wrap ul li.nav-item .nav-link:hover {
    background: #70dbdb;
    color: #ee3443
}

.product-menu-wrap ul li.nav-item .nav-link:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://www.brokenarrowwear.com/catalog/img/arrow.png) 0 0 no-repeat;
    top: 8px;
    right: 10px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.product-menu-wrap .dropdown-menu {
    position: relative!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    border: 0;
    background: #fff;
    margin: 0;
    border-radius: 0;
    padding: 15px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.product-menu-wrap ul {
    margin: 0;
    padding: 0
}

.product-menu-wrap ul li.nav-item {
    list-style-type: none;
    display: block;
    border-bottom: 1px solid #b0eee0
}

.product-menu-wrap ul li.nav-item:last-child {
    border: none
}

.product-menu-wrap ul li.nav-item .nav-link {
    background-color: #e4fcfc;
    color: #000;
    font-size: 16px;
    padding: 6.2px 15px;
    line-height: 22px;
    position: relative;
    display: block
}

.product-menu-wrap ul li.nav-item .nav-link:hover {
    background: #70dbdb;
    color: #ee3443
}

.product-menu-wrap ul li.nav-item .nav-link:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://www.brokenarrowwear.com/catalog/img/arrow.png) 0 0 no-repeat;
    top: 8px;
    right: 10px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.product-menu-wrap ul li.nav-item .nav-link:after {
    display: none
}

.product-menu-wrap .dropdown-menu {
    position: relative!important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    border: 0;
    background: #fff;
    margin: 0;
    border-radius: 0;
    padding: 15px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.product-menu-wrap ul {
    margin: 0;
    padding: 0
}

.product-menu-wrap ul li.nav-item {
    list-style-type: none;
    display: block;
    border-bottom: 1px solid #b0eee0
}

.product-menu-wrap ul li.nav-item:last-child {
    border: none
}

.product-menu-wrap ul li.nav-item .nav-link {
    background-color: #e4fcfc;
    color: #000;
    font-size: 16px;
    padding: 6.8px 15px;
    line-height: 22px;
    position: relative;
    display: block
}

.product-menu-wrap ul li.nav-item .nav-link:hover {
    background: #70dbdb;
    color: #ee3443
}

.product-menu-wrap ul li.nav-item .nav-link:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: url(https://www.brokenarrowwear.com/catalog/img/arrow.png) 0 0 no-repeat;
    top: 8px;
    right: 10px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.product-menu-wrap .dropdown-menu {
    position: relative!important;
    top: 0;
    left: 0;
    right: 0;
    float: none;
    z-index: 99;
    width: 100%;
    border: 0;
    background: #fff;
    margin: 0;
    border-radius: 0;
    padding: 15px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.type-lists .h4 {
    font-size: 16px;
    color: teal;
    font-weight: 700
}

.type-lists .h4 a {
    color: teal
}

.type-lists .h4 a:hover {
    color: #ee3443
}

.product-menu-wrap .prod-wrap {
    max-width: 100%;
    padding: 0
}

.grey-bg-block {
    background: #efefef;
    padding: 20px 0
}

.printing-banner {
    background-image: url(https://www.brokenarrowwear.com/img/static/submenu/all-over-menu-bar-12a.png);
    background-repeat: repeat;
    background-color: transparent;
    background-position: 50% 0;
    padding: 10px 0
}

.sticky-list {
    text-align: center
}

.sticky-list {
    text-align: center
}

.sticky-list ul {
    margin: 0;
    padding: 0
}

.sticky-list ul li {
    list-style-type: none;
    display: inline-block;
    background-image: url(../img/all-over-menu-bar-02.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    position: relative;
    vertical-align: text-top;
    text-align: center;
    background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    font-family: DueraPERSONALUSENormal-Light;
    font-size: 16px;
    line-height: 20px
}

.sticky-list ul li:first-child {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-02.png)
}

.sticky-list ul li.active, .sticky-list ul li:hover {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-07.png)
}

.sticky-list ul li:nth-child(2) {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-03.png)
}

.sticky-list ul li:nth-child(2).active, .sticky-list ul li:nth-child(2):hover {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-08.png)
}

.sticky-list ul li:nth-child(3) {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-04.png)
}

.sticky-list ul li:nth-child(3).active, .sticky-list ul li:nth-child(3):hover {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-09.png)
}

.sticky-list ul li:nth-child(4) {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-05.png)
}

.sticky-list ul li:nth-child(4).active, .sticky-list ul li:nth-child(4):hover {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-10.png)
}

.sticky-list ul li:nth-child(5) {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-06.png)
}

.sticky-list ul li:nth-child(5).active, .sticky-list ul li:nth-child(5):hover {
    background-image: url(https://www.brokenarrowwear.com/img/submenu/all-over-menu-bar-11.png)
}

.sticky-list ul li a {
    color: #000;
    padding: 0 10px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.printing-banner p {
    font-family: DueraPERSONALUSENormal-Light;
    font-size: 20px;
    text-align: center;
    margin: 0;
    line-height: 34px
}

.banner-title {
    color: #000;
    display: inline-block
}

.banner-title:hover {
    color: #ee3443
}

.read-more {
    color: #ee3124;
    font-size: 16px
}

.read-more:hover {
    color: #4dc2c8
}

.dark-orange-bg {
    background-color: #fcaf4b
}

.orange {
    background-color: #fc674d
}

.dark-green-bg {
    background-color: #aed146
}

.turquoise {
    background-color: #00cfe2
}

.dark-pink-bg {
    background-color: #fc6173
}

.dark-grey-bg {
    background-color: #747372
}

.view-all-block a {
    color: #000;
    text-decoration: underline
}

.dark-pinky-bg {
    background-color: #f9438e
}

.dark-lgreen-bg {
    background-color: #34cda9
}

.dark-orangy-bg {
    background-color: #fc674d
}

.dark-gold-bg {
    background-color: #d9c875
}

.block-list .inner-blocklist {
    padding-left: 20px
}

.block-list .inner-blocklist li:before {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-family: DueraPERSONALUSENormal-Light
}

.alt-text {
    color: #ed3544
}

.default-btn {
    border-radius: 8px;
    color: #000;
    padding: 16px 20px;
    background-color: #0fbac1;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    border: none;
    cursor: pointer;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.default-btn:hover {
    background-color: #ee3443;
    color: #000
}

.search-holder h1 {
    margin: 0;
    padding: 4px 0 4px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    text-align: center
}

.alt-bg-banner {
    background-image: url(https://www.brokenarrowwear.com/specialeffectprinting/img/menu-bg.png)
}

.blue-bg {
    background-color: #24a0d6
}

.skyblue-bg {
    background-color: #62c9e6
}

.green-bg {
    background-color: #2e8b57
}

.dark-green {
    background-color: #2eb26f
}

.light-g {
    background-color: #c2d968
}

.orange-dark-bg {
    background-color: #ff5335
}

.ash-bg {
    background-color: #3a424c
}

.limegreen-bg {
    background-color: #779324
}

.lime {
    background-color: #68d17d
}

.peachgreen-bg {
    background-color: #005e20
}

.golden-bg {
    background-color: #b69310
}

.light-pink-bg {
    background-color: #ff636d
}

.dark-purple-bg {
    background-color: #74253f
}

.russellpurple-bg {
    background-color: #452a4d
}

.teal-bg {
    background-color: #3cb3a3
}

.navyblue-bg {
    background-color: #37465d
}

.black-bg {
    background-color: #3c4444
}

.crimson-bg {
    background-color: #6c0320
}

.darkblue-bg {
    background-color: #1f394d
}

.armygreen-bg {
    background-color: #3f6551
}

.brown-bg {
    background-color: #594836
}

.brown1-bg {
    background-color: #464133
}

.brown2-bg {
    background-color: #614a3e
}

.light-black-bg {
    background-color: #464646
}

.beanblue-bg {
    background-color: #034f84
}

.yellow-bg {
    background-color: #eccb17
}

.dark-teal-bg {
    background-color: #10d0cf
}

.light-green-bg {
    background-color: #00c489
}

.dark-ground-bg {
    background-color: #306e73
}

.light-purple-bg {
    background-color: #946b9d
}

.light-brown-bg {
    background-color: #5e5a59
}

.view-all-block, .view-all-block-w {
    text-align: right;
    font-size: 12px
}

.view-all-block-w a {
    color: #fff
}

.card-wrap {
    position: relative;
    margin: 15px 0 30px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .61);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .61);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    background: #fff
}

.card-wrap:hover {
    transform: scale(1.1) rotate(.01deg);
    -webkit-transform: scale(1.1) rotate(.01deg);
    -moz-transform: scale(1.1) rotate(.01deg)
}

.figure-wrap img {
    width: 100%
}

.figure-desc {
    text-align: center;
    padding: 15px;
    background: #fff
}

.figure-desc h2, .figure-desc h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0;
    color: #000
}

.solid-btn {
    background: #0fbac1;
    color: #fff;
    border-radius: 8px;
    padding: 12px 10px;
    width: 190px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px
}

.solid-btn:hover {
    box-shadow: rgba(0, 0, 0, .3) 0 16px 16px 0;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 10px 0;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 10px 0;
    color: #fff;
    background: #29989d
}

.round-figure {
    max-width: 322px;
    margin: 0 auto
}

.gradient-bg-block {
    border-radius: 8px;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0, #dbf2f6 100%);
    background: -webkit-linear-gradient(left, #fff 0, #dbf2f6 100%);
    background: linear-gradient(to right, #fff 0, #dbf2f6 100%);
    padding: 15px;
    margin: 25px 0 0
}

.title-wrap {
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    text-align: center
}

.alt-bg-block {
    background: #dbf2f6;
    background: -moz-linear-gradient(left, #dbf2f6 0, #fff 98%);
    background: -webkit-linear-gradient(left, #dbf2f6 0, #fff 98%);
    background: linear-gradient(to right, #dbf2f6 0, #fff 98%)
}

.banner-image-wrap img, .banner-img-wrap img {
    width: 100%
}

.light-blue {
    background-color: #5772a5
}

.dark-brown-bg {
    background-color: #805841
}

.puff-wrap {
    margin: 0 0 15px
}

.puff-caption {
    background: #0fbac1;
    text-align: center;
    font-weight: 700;
    padding: 6px 0
}

.puff-caption p {
    margin: 0
}

.grey-bg {
    background-color: #5b605f
}

.sweater-bg {
    background-color: #6aa9bb
}

.brown-block-bg {
    background-color: #bf8a49
}

.mediumbrown-bg {
    background-color: #555245
}

.light-purple-bg {
    background-color: #6c83b7
}

.light-purple {
    background-color: #ada7db
}

.dark-crimson {
    background-color: #be353d
}

.light-pink-bg {
    background-color: #e96060
}

.yellowmix-bg {
    background-color: #7f8967
}

.brightred-bg {
    background-color: #dc3522
}

.dark-gray {
    background-color: #3e606f
}

.mudbrown-bg {
    background-color: #534444
}

.lightmint-bg {
    background-color: #e9ffe0
}

.brightmint-bg {
    background-color: #21e1b9
}

.rosepink-bg {
    background-color: #ff7b73
}

#op1, #op2, #op3, #op4, #op5, #op6 {
    position: absolute
}

.neon-bg {
    background-color: #13939f
}

.page-content-block>.content-block {
    padding-top: 20px
}

.breadcrumb-box {
    padding-bottom: 10px
}

.breadcrumb-box .breadcrumb {
    background-color: #fff;
    padding: 0;
    margin: 0
}

.breadcrumb-box .breadcrumb-item {
    vertical-align: middle;
    display: inline-block;
    padding: 0 12px 0 0;
    position: relative;
    line-height: 24px
}

.breadcrumb-box .breadcrumb-item:last-child {
    padding: 0
}

.breadcrumb-box li a {
    color: #000
}

.breadcrumb-box li a:hover {
    color: #ee3d4c
}

.breadcrumb-box .breadcrumb-item.active {
    color: #0fbac1
}

.breadcrumb-box .breadcrumb-item {
    position: relative;
    font-size: 13px
}

.breadcrumb-box .breadcrumb-item+.breadcrumb-item::before {
    content: '>';
    position: absolute;
    left: -10px
}

.prod-search-block input {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -ms-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -o-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600
}

.prod-search-block button {
    background-color: #ee3d4c;
    padding: 5px 20px
}

.prod-search-block button img {
    height: 25px
}

.inner-search {
    padding: 2px 0 0
}

.prod-search-block input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.prod-search-block input::-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.prod-search-block input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.prod-search-block input:-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.menu-wrap .product-menu-wrap {
    position: absolute;
    width: 100%;
    z-index: 99;
    display: none
}

.product-wrap {
    position: relative;
    border: rgba(0, 0, 0, .15) 1px solid
}

.product-tab-box .product-wrap {
    padding: 0
}

.outer-wrap {
    position: relative
}

.menu-wrap .search-title {
    position: relative;
    z-index: 999;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.printing-wrap {
    top: 0;
    right: 0;
    position: absolute;
    width: 75%
}

.menu-wrap .product-wrap:hover .product-menu-wrap {
    display: block
}

.menu-wrap .product-menu-wrap .dropdown-menu {
    top: 0
}

.menu-wrap .search-title {
    max-width: 100%
}

.printing-wrap {
    position: relative;
    width: 100%;
    z-index: 99
}

.menu-wrap .product-menu-wrap {
    position: relative;
    display: block
}

.prod-search-block input:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11)
}

.brand-logo {
    padding: 0 5px
}

.labelShirts {
    text-align: center
}

.light-green {
    background-color: #73d1b5
}

.no-effect .prod-desc-wrap {
    bottom: 0
}

.labelfig-wrap {
    max-width: 320px;
    padding: 1px
}

.image-wrap {
    border: #000 1px solid;
    text-align: center;
    margin: 0 0 15px
}

.labelfig-wrap p span {
    color: rgba(220, 41, 30, 1)
}

.image-group .image-wrap {
    margin: 0 0 15px
}

.step-box {
    background-image: url(https://www.brokenarrowwear.com/fundraising/img/stepsbg.png);
    padding: 20px;
    text-align: center;
    margin: 0 0 15px
}

.step-desc {
    padding: 15px 0 0
}

.step-desc p.h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 0
}

.graybg {
    background-color: #f0f0f0;
    padding: 12px 20px;
    font-weight: 700;
    text-align: center;
    font-size: 18px
}

.puff-caption p big {
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 20px
}

.puff-caption p a {
    color: #000
}

.puff-caption p a:hover {
    color: #fff
}

.puff-figure img {
    width: 100%
}

.graybg p {
    margin: 0
}

.graybg p big {
    color: #ee3443
}

.dark-grey-bg {
    background: #dad9d8
}

.puff-caption h5 {
    margin: 5px 0
}

.prod-desc-wrap .prod-desc a p {
    color: #000
}

.image-block .prod-wrap {
    padding: 0
}

.image-block .prod-img {
    padding: 0;
    height: 165px
}

.image-block .prod-img img {
    height: 100%;
    padding-top: 0;
    width: 100%
}

.turquoise-btn {
    background-color: #0fbac1;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin: 5px
}

.notice-box:before {
    content: url(https://www.brokenarrowwear.com/images/2013/warning-icon.png);
    position: absolute;
    top: 18px;
    left: 0
}

.notice-box {
    position: relative;
    padding-left: 75px;
    padding: 10px 0 10px 75px;
    background-color: #b1b1b1;
    border-radius: 8px
}

.bold-divider {
    border-top: 3px solid #3c3d40
}

.color-box-wrap {
    text-align: center
}

.color-box-wrap p {
    margin: 5px 0 15px 0;
    text-transform: uppercase
}

.color-box {
    border: 1px solid #000;
    min-height: 30px;
    border-radius: 8px
}

.burgandy {
    background-color: #650619;
    border: 1px solid #650619
}

.deconblue {
    background-color: #2e3192;
    border: 1px solid #2e3192
}

.darkbrownrt {
    background-color: #2f2902;
    border: 1px solid #2f2902
}

.russellgray {
    background-color: #d8d9da;
    border: 1px solid #d8d9da
}

.maroon {
    background-color: #400;
    border: 1px solid #400
}

.pms658 {
    background-color: #97bee5;
    border: 1px solid #97bee5
}

.spicebrown {
    background-color: #8a5838;
    border: 1px solid #8a5838
}

.darkgray {
    background-color: #a5a7aa;
    border: 1px solid #a5a7aa
}

.brandywine {
    background-color: #c02c92;
    border: 1px solid #c02c92
}

.contactblue {
    background-color: #00a6d6;
    border: 1px solid #00a6d6
}

.pms466 {
    background-color: #e1c181;
    border: 1px solid #e1c181
}

.coolgray {
    background-color: #63666a;
    border: 1px solid #63666a
}

.purple {
    background-color: #6b489d;
    border: 1px solid #6b489d
}

.deepaqua {
    background-color: #008189;
    border: 1px solid #008189
}

.rebelfish {
    background-color: #fed092;
    border: 1px solid #fed092
}

.black {
    background-color: #000;
    border: 1px solid #000
}

.russellpurple {
    background-color: #410d54;
    border: 1px solid #410d54
}

.kellygreen {
    background-color: #196430;
    border: 1px solid #196430
}

.lightpink {
    background-color: #fad1e3;
    border: 1px solid #fad1e3
}

.gold {
    background-color: #f5ac15;
    border: 1px solid #f5ac15
}

.pms2567 {
    background-color: #b3a1cd;
    border: 1px solid #b3a1cd
}

.blacklightgreen {
    background-color: #8cc63f;
    border: 1px solid #8cc63f
}

.pantherpink {
    background-color: #f176ae;
    border: 1px solid #f176ae
}

.russellcardinal {
    background-color: #8e1c34;
    border: 1px solid #8e1c34
}

.bearsnavy {
    background-color: #0b004a;
    border: 1px solid #0b004a
}

.darkchromegreen {
    background-color: #003610;
    border: 1px solid #003610
}

.pms213 {
    background-color: #ee2375;
    border: 1px solid #ee2375
}

.content-image {
    margin-bottom: 20px
}

.helpful-tip-block {
    background-color: #b1b1b1;
    padding: 5px;
    border-radius: 5px
}

.helpful-tip-block ul {
    padding-left: 0
}

.helpful-tip-block ul li {
    display: inline-block;
    text-align: center;
    margin: 5px
}

.helpful-tip-block a img {
    display: block
}

.helpful-tip-block a {
    color: #000;
    text-align: center
}

.helpful-tip-block .tip {
    position: relative;
    padding-left: 70px
}

.helpful-tip-block .tip::before {
    content: url(https://www.brokenarrowwear.com/images/2013/lightbulb_icon.png);
    position: absolute;
    top: -8px;
    left: 0
}

.sticky .prod-desc {
    background-color: transparent
}

.sticky .prod-desc-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0
}

.sticky .prod-img {
    position: relative;
    height: 240px
}

.sticky p {
    font-size: 16px;
    font-family: DueraPERSONALUSENormal-Light;
    line-height: 20px;
    margin: 0
}

.sticky .prod-desc p a {
    color: #000
}

.sticky .prod-desc p a:hover {
    color: #ee3443
}

.file-icons {
    margin: 20px 0
}

.file-icons ul {
    margin: 0;
    padding: 0
}

.file-icons ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin: 30px 15px 0 0
}

.more-img {
    position: relative
}

.more-prod a {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #000;
    font-family: DueraPERSONALUSENormal-Light;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%)
}

.more-prod:hover a {
    color: #ee3443
}

.tab-wrap .nav-pills .nav-link {
    border-radius: 0;
    padding: 20px 15px;
    background: #0fbac1;
    color: #fff;
    position: relative;
    display: block;
    z-index: 1;
    margin: 0 0 5px;
    line-height: 24px
}

.tab-wrap .nav-pills .nav-link:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, .49);
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.tab-wrap .nav-pills .nav-link:after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    content: '';
    left: 100%;
    width: 0;
    height: 0;
    display: none;
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #085f63;
    line-height: 0
}

.tab-wrap .nav-pills .nav-link:hover:before {
    width: 100%
}

.tab-wrap .nav-pills .nav-link.active, .tab-wrap .nav-pills .show>.nav-link {
    background-color: #085f63
}

.tab-wrap .nav-pills .nav-link.active:after {
    display: block
}

.tab-contents {
    border: #085f63 2px solid;
    padding: 20px 15px;
    border-right: none;
    border-bottom: none
}

.red-btn {
    background: #dc1122;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 15px 15px;
    line-height: 24px;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.red-btn:hover {
    background: #bd0514;
    cursor: pointer
}

.fee-table .bg-danger {
    color: #fff
}

.fee-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff
}

.fee-table.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, .05);
    background-image: linear-gradient(0deg, #6ab7bd 0, #6ab7bd 2%, #8ddee4 42%, #8ddee4 59%, #2bacb7 100%);
    border-color: rgba(30, 120, 128, .7)
}

.fee-table .bg-danger {
    background-color: #dc291e!important
}

.fee-table.table-bordered td, .fee-table.table-bordered th {
    border: 1px solid #000;
    font-size: 12px;
    padding: 10px 5px
}

.calendar-text {
    border: solid 1px #0fbac1;
    background-color: #ee3443;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    padding: 12px 0
}

.calendar-text p {
    margin: 0
}

.datetimepicker-block {
    border: 1px solid #0fbac1
}

.datetimepicker-block thead tr:first-child {
    border: 1px solid #0fbac1;
    background-color: #000;
    color: #fff
}

.datetimepicker-block .bootstrap-datetimepicker-widget table td, .datetimepicker-block .bootstrap-datetimepicker-widget table th {
    border-radius: 0
}

.datetimepicker-block li.picker-switch {
    display: none
}

.datetimepicker-block .bootstrap-datetimepicker-widget table td, .datetimepicker-block .bootstrap-datetimepicker-widget table th {
    border: 1px solid #0fbac1;
    font-weight: 700
}

.datetimepicker-block .bootstrap-datetimepicker-widget table td.active, .datetimepicker-block .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #0fbac1;
    color: #fff;
    text-shadow: none
}

.datetimepicker-block .bootstrap-datetimepicker-widget table td.today:before {
    display: none
}

.datetimepicker-block .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #0fbac1
}

.date_box {
    background: #e7e8e9;
    border-radius: 10px 10px 0 0;
    margin: 15px 0
}

.date-title {
    background: #ec3143;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    border-radius: 10px 10px 0 0
}

.date-title h4 {
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px
}

.date-icon {
    text-align: center;
    padding: 25px 0
}

.day-holder {
    padding: 10px 20px
}

.day-holder h3 {
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 10px
}

.day-holder big {
    color: #ee3443;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px
}

.day-holder p {
    margin: 0
}

.day-holder p.h5 {
    color: #0fbac1;
    margin: 0 0;
    font-size: 16px
}

.date-box a {
    background: #0fbac1;
    display: block;
    color: #000;
    text-align: center;
    font-size: 20px;
    padding: 12px 10px;
    line-height: 20px;
    font-weight: 700
}

.date-box a:hover {
    color: #ee3443
}

.deco-img {
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.deco-img figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.deco-img:hover figcaption {
    opacity: 1;
    visibility: visible
}

.learnmore {
    font-size: 12px;
    display: inline-block;
    border-radius: 5px;
    background-color: #0fbac1;
    color: #fff;
    padding: 10px 7px;
    text-align: center
}

.learnmore:hover {
    background-color: #ee3443;
    color: #fff
}

.deco-img .learnmore {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    -webkit-transform: translate(0, -50%) scale3d(.8, .8, 1);
    -o-transform: translate(0, -50%) scale3d(.8, .8, 1);
    transform: translate(-50%, -50%) scale3d(.8, .8, 1)
}

.deco-img:hover a {
    opacity: 1;
    -webkit-transform: translate(0, -50%) scale3d(1, 1, 1);
    -o-transform: translate(0, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1)
}

.deco-img img {
    width: 100%
}

.bordered-box {
    border: solid 2px #ebebeb
}

.puff-desc {
    padding: 0 10px;
    text-align: center
}

.fig-wrap {
    margin: 20px 0;
    position: relative
}

.puff-wrap.bordered-box {
    margin: 20px 0
}

.design-form label {
    margin: 15px 0
}

.file-upload-wrap .file {
    position: relative;
    overflow: hidden
}

.file-upload-wrap input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.file.file-upload-btn {
    background: #fff;
    padding: 20px 15px;
    margin: 20px 0;
    line-height: 24px;
    text-align: center;
    -webkit-box-shadow: 0 1px 10px 0 rgba(36, 83, 107, .15);
    -moz-box-shadow: 0 1px 10px 0 rgba(36, 83, 107, .15);
    box-shadow: 0 1px 10px 0 rgba(36, 83, 107, .15)
}

.file.file-upload-btn i {
    font-size: 40px;
    color: #ee3724
}

.file.file-upload-btn span {
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

.file.file-upload-btn span.drag-text {
    font-size: 14px;
    margin: 15px 0;
    font-weight: 600;
    letter-spacing: 1px
}

.file.file-upload-btn span.select-btn {
    background: #37c1c6;
    color: #fff;
    padding: 15px 10px;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    margin: 15px 0
}

.file.file-upload-btn:hover span.select-btn {
    background: #0e9398
}

.design-form input[type=submit] {
    font-size: 16px;
    display: inline-block;
    border-radius: 5px;
    background-color: #0fbac1;
    color: #fff;
    padding: 15px 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 600;
    border: none;
    outline: 0;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    cursor: pointer
}

.design-form input[type=submit]:hover {
    background-color: #ee3443
}

.up-ico {
    display: inline-block;
    max-width: 80px;
    margin: 0 auto
}

.color-choices {
    display: inline-flex;
    position: relative
}

.color-choices img {
    margin-left: 10px
}

.color-choices img:hover+.pop-up {
    display: inline-block
}

.pop-up {
    display: none;
    width: 300px;
    background-color: #ed1c24;
    padding: 10px 8px;
    border-radius: 5px;
    color: #fff;
    position: absolute;
    left: 100%
}

.pop-up p {
    font-size: 14px;
    line-height: 16px;
    margin: 0
}

.color-choices h3 {
    display: inline;
    padding-right: 15px
}

.red-border img {
    border: 6px solid #dc291e
}

.font-image {
    text-align: center;
    margin-bottom: 15px
}

.font-image h5 {
    font-size: 16px
}

.date-box {
    height: 100%;
    max-width: 320px;
    display: block;
    margin: 10px auto
}

.date_box .header {
    background-color: #ee3443;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-top-left-radius: 7px;
    -moz-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    margin-bottom: -130px
}

.date_box .header img {
    max-height: 223px;
    display: block;
    margin: 0 auto
}

.date_box .body {
    text-align: center;
    background-color: #eeeced;
    margin-top: -20px;
    padding: 145px 15px 15px 15px
}

.date_box .body ul {
    text-align: left;
    line-height: 24px;
    margin-bottom: 0
}

.date_box .body hr {
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin: 5px 0
}

.date_box .body p.h4 {
    font-size: 52px;
    line-height: 52px;
    font-weight: 700
}

.date_box .body p.h5 {
    font-style: italic;
    font-size: 16px
}

.date_box .footer {
    background-color: #0fbac1;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.date_box .footer p {
    margin: 0;
    font-size: 22px
}

.date_box .footer p a {
    color: #000
}

.date_box .footer p a:hover {
    color: #ee3443
}

.embroideryexp {
    margin-bottom: 10px
}

.embroideryexp img {
    margin: 0 auto;
    display: block
}

.submission-guideline h3 {
    color: #000
}

.guideline-box {
    text-align: center
}

.guide-heading {
    background-color: #0fbac1;
    padding: 10px 5px;
    margin-bottom: 25px;
    max-width: 315px;
    margin: 25px auto
}

.guide-heading p {
    margin: 0
}

.guideline-box ul {
    padding-left: 0;
    margin-bottom: 30px
}

.guideline-box ul li {
    display: inline-block;
    margin-bottom: 15px
}

.guideline-box ul.low-res li {
    max-width: 175px;
    vertical-align: top;
    margin: 0 10px
}

.guideline-box ul li img {
    width: 100px
}

.note {
    text-align: center;
    background-color: #d40821;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: 700
}

.note p {
    margin: 0
}

#fancybox-wrap {
    z-index: 111111
}

.fancy-image {
    text-align: center;
    margin-bottom: 30px
}

.fancy-image .share-button .fb-share-button {
    bottom: -4px
}

.fancy-image a#single_image img {
    max-height: 230px
}

.fancy-image .number {
    background-color: #0fbac1;
    max-width: 25px;
    color: #000;
    border-radius: 25px;
    margin: 0 auto
}

.other-topic-list ul {
    margin: 0;
    padding: 0
}

.other-topic-list ul li {
    list-style-type: none;
    display: block;
    margin: 5px 0;
    line-height: 24px;
    position: relative
}

.other-topic-list ul li a {
    color: #0fbac1
}

.other-topic-list ul li a:hover {
    color: #0fbac1
}

.other-topic-list ul li a:hover, .other-topic-list ul li.active a {
    color: #ee3124
}

.shop-btn {
    background-image: -moz-linear-gradient(18% 77% 0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: -webkit-gradient(linear, 18% 77%, 18% -3%, color-stop(0, #ad2018), color-stop(.53, #dc291e), color-stop(1, #ad2018));
    background-image: -webkit-linear-gradient(90deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: -o-linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: -ms-linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    border-color: #500f0c;
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .52);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .52);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .52);
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    text-transform: lowercase;
    color: #fff;
    display: inline-block;
    margin: 10px 0;
    padding-top: 0;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .6);
    background-color: #dc291e;
    padding: 0 40px
}

.shop-btn:hover {
    color: #fff;
    background-image: -moz-linear-gradient(17% 91% 0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: -webkit-gradient(linear, 17% 91%, 17% -11%, color-stop(0, #961b14), color-stop(.04, #961b14), color-stop(.23, #b62018), color-stop(.58, #e33931), color-stop(.76, #dc291e), color-stop(1, #881b15));
    background-image: -webkit-linear-gradient(90deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: -o-linear-gradient(0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: -ms-linear-gradient(0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: linear-gradient(0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-color: #b52119
}

.related-topics h5 {
    color: grey
}

.related-topics ul {
    padding-left: 0
}

.related-topics ul li {
    list-style-type: none;
    line-height: 24px
}

.approval-artwork a.btn {
    border: 1px solid #500f0c;
    background-color: #dc291e;
    background-image: linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    color: #fff;
    padding: 3px 50px;
    font-size: 20px
}

.approval-info {
    background-color: #e8e8e8;
    box-shadow: inset 1px 1px 3px 1px #999;
    -moz-box-shadow: inset 2px 2px 2px 1px #999;
    -webkit-box-shadow: inset 2px 2px 2px 1px #999;
    padding: 5px 10px 10px;
    border-radius: 8px;
    margin: 15px 0
}

.approval-artwork span {
    color: #ee3443
}

.approval-info ul {
    padding-left: 15px
}

.approval-info ul li {
    line-height: 22px
}

.approval-artwork .card-header {
    background-color: transparent;
    border-bottom: 1px solid #000;
    padding: 0;
    border-radius: 0;
    position: relative
}

.approval-artwork .card-header:hover {
    background-color: #e3e3e3;
    cursor: pointer
}

.approval-artwork .card {
    border: none
}

.approval-artwork .card .card-body {
    border-bottom: 1px solid #000
}

.approval-artwork .card .card-body ul {
    padding: 0
}

.approval-artwork .card .card-body ul li {
    border-bottom: 1px dotted #3c3d40;
    list-style-type: none;
    line-height: 24px;
    padding: 8px 2px
}

.approval-artwork .card .card-body ul li a {
    color: #3c3d40;
    display: block
}

.approval-artwork .card .card-body ul li:hover {
    background-color: #df3d34;
    color: #fff
}

.approval-artwork .card .card-body ul li:hover a {
    color: #fff
}

.approval-artwork .card .btn-link {
    color: #000;
    font-size: 16px
}

.approval-artwork .card .btn-link img {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 1px
}

.approval-artwork .card .btn-link:focus, .approval-artwork .card .btn-link:hover {
    text-decoration: none
}

.hover-img {
    margin: 15px 0
}

.share-button {
    margin: 0 0 10px
}

.fig-caption {
    background: #7a7a7a;
    color: #fff;
    text-align: center;
    padding: 14px 0;
    font-size: 16px
}

.fig-caption p {
    margin: 0
}

.grey-block {
    background-color: #f7f7f7
}

.helpcenter-img-block {
    text-align: center;
    padding: 15px 0
}

.helpcenter-img-block h3 {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px
}

.helpcenter-img-block img {
    max-width: 110px;
    margin: 0 auto
}

.helpcenter-img-block h3:hover {
    color: #ee3443
}

.faq-list {
    padding: 15px 0
}

.faq-list ul li a {
    color: #000;
    line-height: 24px
}

.faq-list ul li a:hover {
    color: #ee3443
}

.helpcenter-sideblock ul {
    padding-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px
}

.helpcenter-sideblock h3 {
    color: #000
}

.helpcenter-sideblock ul li {
    list-style-type: none;
    line-height: 32px;
    font-size: 16px
}

.helpcenter-sideblock ul li a {
    color: #000
}

.helpcenter-sideblock ul li a:hover {
    color: #ed2c44
}

.helpcenter-sideblock ul li a.active {
    color: #ed2c44
}

.head-5 {
    font-size: 18px;
    line-height: 30px;
    margin: 5px 0 10px;
    font-weight: 500
}

.contacthelp {
    position: relative;
    padding-left: 90px
}

.contacthelp.chat {
    display: flex
}

.contacthelp p {
    color: #ed2c44;
    font-size: 18px
}

.contacthelp p strong {
    font-size: 14px
}

.contacthelp a {
    color: #ed2c44
}

.contacthelp a:hover {
    color: #0fbac1;
    cursor: pointer
}

.text-red {
    color: #ed2c44
}

figure.zoom {
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

figure.zoom img:hover {
    opacity: 0
}

figure.zoom img {
    transition: opacity .5s;
    display: block;
    width: 100%
}

.background-red-banner {
    background: url(https://www.brokenarrowwear.com/digitalprinting/img/dtgbanner-background.jpg);
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover
}

.desc-block {
    padding: 0;
    text-align: center
}

.desc-block p:first-child {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 32px
}

.desc-block p:last-child {
    line-height: 20px
}

.not-available-wrap {
    color: #0fbac1
}

.order-table {
    font-weight: 700;
    text-align: center
}

.order-table tbody tr td:first-child {
    text-align: left
}

.order-table p {
    color: #0fbac1;
    font-style: italic
}

.alt-color p {
    color: #0fbac1
}

.prod-search-block {
    margin: 20px 0
}

.modal-backdrop {
    z-index: 0
}

.modal {
    z-index: 999999
}

.modal-header button.close {
    padding: 0
}

.modal-header .close:not(:disabled):not(.disabled):focus, .modal-header .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    opacity: 1
}

.modal-header {
    border-bottom: none;
    background: #ee3443;
    text-align: center;
    font-weight: 600;
    position: relative;
    padding: 10px 10px
}

.approval-block .modal-btn {
    width: auto;
    margin: 20px 0 0
}

.checklist-img {
    text-align: center
}

.main-header-wrap {
    background: #fff;
    padding: 0 0 10px;
    -webkit-box-shadow: -1px -1px 16px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: -1px -1px 16px 0 rgba(0, 0, 0, .2);
    box-shadow: -1px -1px 16px 0 rgba(0, 0, 0, .2)
}

.top-header-wrap {
    background: #4dc2c8 none repeat scroll 0 0;
    background-image: url(../../img/top-header.jpg);
    background-size: 100% 100%
}

.search-form-holder {
    margin: 8px 0;
    padding-right: 50px
}

.search-form-holder .form-group {
    margin: 0;
    position: relative
}

.search-form-holder input[type=search] {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, .08);
    color: #b1b1b1;
    height: 36px;
    padding: 0 5px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    padding-right: 50px;
    font-size: 10px;
    border-radius: 6px;
    letter-spacing: .5px
}

.search-form-holder button {
    position: absolute;
    top: 0;
    right: 0;
    background: #ee3443;
    border: none;
    padding: 9px 11px;
    outline: 0;
    border-radius: 0 6px 6px 0
}

.top-header-wrap .navbar {
    padding: 0
}

.top-header-wrap .navbar-expand-lg .navbar-nav .nav-link {
    padding: 11px 0;
    color: #000;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer
}

.top-header-wrap .navbar-expand-lg .navbar-nav .nav-link .fa-shopping-cart {
    font-size: 18px
}

.top-header-wrap .navbar-expand-lg .navbar-nav .call-nav .nav-link {
    font-weight: 700;
    text-transform: uppercase
}

.top-header-wrap .nav-item {
    margin: 0
}

.top-header-wrap .nav-item:first-child {
    margin: 0
}

.cart-nav {
    position: relative
}

.cart-nav a {
    position: relative
}

.item-no {
    position: absolute;
    top: 3px;
    right: -13px;
    background: #d6201a;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    width: 25px;
    height: 25px;
    line-height: 25px
}

.designer-page .item-no {
    top: -3px
}

.help-nav .dropdown-toggle::after {
    border-top: 8px solid;
    border-right: 7px solid transparent;
    border-bottom: 0;
    border-left: 7px solid transparent;
    vertical-align: middle
}

.top-header-wrap .nav-item.dropdown.show .dropdown-toggle::after, .top-header-wrap .nav-item.dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-right: 7px solid transparent;
    border-bottom: 8px solid;
    border-left: 7px solid transparent
}

.top-header-wrap .help-lists li:not(:first-child) a:before, .top-header-wrap .logindropbox .help-lists li:first-child a:before {
    display: none
}

.top-header-wrap .help-lists li {
    border: none
}

.top-header-wrap .navbar-expand-lg .navbar-nav .helphover .dropdown-menu, .top-header-wrap .navbar-expand-lg .navbar-nav .loginhover .dropdown-menu {
    padding: 0;
    left: auto;
    right: 0
}

.right-header-wrap .dropdown-menu, .top-header-wrap .dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 8px 0;
    margin-top: 0;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .5)
}

.top-header-wrap .navbar-expand-lg .navbar-nav .dropdown-menu a {
    display: block;
    font-size: 12px;
    line-height: 24px;
    font-family: Poppins, sans-serif;
    color: #000;
    padding: 3px 15px;
    font-weight: 600;
    cursor: pointer
}

.top-header-wrap .navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
    background: rgba(0, 0, 0, .05)
}

.right-header-wrap {
    padding-right: 45px;
    margin: 10px 0 0
}

.right-header-wrap ul {
    margin: 0;
    padding: 0
}

.right-header-wrap ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
    color: #000;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    font-family: Poppins, sans-serif
}

.right-header-wrap ul li .nav-link {
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    color: #000;
    padding: 0
}

.right-header-wrap ul li:first-child {
    margin-right: 10px
}

.post-link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 9
}

.ico-box {
    width: 25px;
    position: absolute;
    top: 5px;
    left: 0
}

.right-header-wrap ul li span.ico-box {
    display: none
}

.right-header-wrap ul li:nth-child(2) .ico-box {
    width: 20px
}

.right-header-wrap ul li span {
    display: block;
    color: #ed2b43;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.right-header-wrap ul li:first-child:before {
    position: absolute;
    right: -7px;
    width: 1px;
    height: 100%;
    content: '';
    background: #898989
}

.right-header-wrap .dropdown-menu {
    padding: 10px 10px
}

.right-header-wrap .dropdown-toggle::after {
    display: none
}

.right-header-wrap .dropdown-menu p {
    font-weight: 500;
    margin: 0;
    line-height: 20px
}

.right-header-wrap .dropdown-menu p span {
    text-transform: uppercase
}

.right-header-wrap .dropdown-menu p:last-child small {
    font-size: 10px
}

.logo-block-wrap {
    padding: 12px 0 0
}

.logo-block-wrap img {
    float: none!important;
    width: auto!important;
    max-width: 100%!important;
    margin: 0!important;
    max-height: 55px
}

.top-header-wrap .navbar-nav .dropdown-menu {
    position: relative
}

.top-header-wrap .navbar-expand-lg .navbar-nav .cart-nav .dropdown-menu {
    padding: 60px 0 0;
    min-width: 100%;
    position: relative
}

.cart-nav .dropdown-toggle::after {
    display: none
}

.mobile-header .info-wrap>ul>li>div>a {
    padding: 0
}

.mobile-header .dropdown-menu {
    min-width: 317px;
    border: none;
    border-radius: 0;
    padding: 8px 0;
    margin-top: 22px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .5);
    float: none;
    left: auto;
    right: 0;
    padding: 0
}

.jddHeadTitle {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 20px;
    background: #0fb8c0
}

.cart-body {
    max-height: 225px;
    overflow-y: scroll
}

.cart-lists {
    position: relative;
    min-height: 70px;
    margin: 15px 0 0;
    border-bottom: rgba(0, 0, 0, .15) 1px solid;
    padding: 0 15px 7px 80px
}

.cart-lists:last-child {
    border: none
}

.cart-fig {
    position: absolute;
    width: 65px;
    left: 15px;
    top: 0
}

.cart-desc {
    font-size: 12px;
    font-weight: 500
}

.cart-desc p {
    margin: 0;
    font-size: 12px;
    line-height: 18px
}

.price-cols {
    font-size: 16px;
    padding: 15px 20px
}

.price-cols p {
    margin: 0;
    line-height: 1.6
}

.subtotal-col {
    width: 40%;
    float: left
}

.price-col {
    width: 60%;
    float: left;
    text-align: right
}

.dropdown-menu .cart-lists p span {
    color: #000
}

.cart-nav .checkout-btn {
    padding: 0
}

.bottom-header-wrap {
    padding: 5px 15px
}

.custom-scroll::-webkit-scrollbar {
    width: 5px
}

.custom-scroll::-webkit-scrollbar-track {
    border-radius: 10px
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.main-header-wrap .main-nav-wrap .navbar-toggler {
    top: -30px
}

.main-nav-wrap .navbar-nav {
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 15px
}

.main-nav-wrap .navbar {
    padding: 0
}

.main-nav-wrap .navbar-nav {
    list-style-type: none
}

.main-nav-wrap .nav-item {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: rgba(0, 0, 0, .2) 1px solid
}

.main-nav-wrap .nav-item:last-child {
    border: none
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 0;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0;
    line-height: 20px;
    display: inline-block;
    vertical-align: -21px;
    text-align: center
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link {
    color: #0fbac1
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link:last-child:before {
    display: none
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-item:last-child {
    margin: 0 0 8px;
    padding: 0
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-item.design-link .nav-link {
    color: #0fbac1;
    border: #0fbac1 1px solid;
    padding: 5px 15px;
    border-radius: 20px;
    display: block;
    margin: 15px 0 0
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-item.design-link .nav-link:hover {
    color: #fff;
    background: #0fbac1;
    text-shadow: none
}

.main-nav-wrap .navbar-expand-lg .navbar-nav .nav-item.design-link .nav-link:after {
    display: none
}

.main-nav-wrap .navbar-nav .dropdown-menu {
    width: 100%;
    margin: -1px 0 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, .08);
    padding: 10px 15px;
    position: relative;
    background: #f8f8f8
}

.submenu-wrap p.h4 {
    color: #16c5cc;
    margin: 5px 0 8px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: Poppins, sans-serif;
    font-weight: 700
}

.submenu-wrap p.h4 small {
    font-size: 9px;
    letter-spacing: 0;
    text-transform: initial;
    color: #000;
    font-weight: 600
}

.submenu-wrap hr {
    border-top: 1px solid rgba(0, 0, 0, .3);
    margin: 8px 0
}

.submenu-list {
    margin: 0;
    padding: 0 0 15px
}

.submenu-list li {
    list-style-type: none;
    display: block;
    margin: 0 0 -2px;
    line-height: 20px
}

.submenu-list li a {
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    font-weight: 500
}

.submenu-list li a:hover {
    color: #16c5cc
}

.submenu-list li a.view-all {
    font-weight: 800
}

.submenu-list.products-list li a {
    color: #16c5cc;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px
}

.submenu-list.products-list li a:hover {
    color: #ee3443
}

.product-wrap {
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    padding: 0 15px;
    margin: 0 0 15px;
    background: #fff
}

.dropdown-cols .product-wrap:hover {
    -webkit-box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .16);
    border-color: #4bcbd1
}

.dropdown-cols .fig-wrap {
    margin: 10px 0 0
}

.fig-wrap img {
    width: 100%
}

.fig-desc {
    font-family: Poppins, sans-serif;
    padding: 10px 0
}

.fig-desc p.h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #0fbac1;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0;
    line-height: 24px
}

.fig-desc p {
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    margin: 0
}

.learn-more {
    border-radius: 10px;
    display: block;
    background: #4bcbd1;
    color: #000;
    padding: 15px 35px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
    -webkit-box-shadow: inset 3px 4px 7px 7px rgba(0, 0, 0, .26);
    -moz-box-shadow: inset 3px 4px 7px 7px rgba(0, 0, 0, .26);
    box-shadow: inset -5px -4px 7px 0 rgba(0, 0, 0, .26)
}

.learn-more:hover {
    background: #22a5ab;
    color: #fff
}

.allover-dropdown p.h4 {
    margin: 10px 0 10px
}

.iconed-col {
    position: relative;
    min-height: 52px;
    padding-left: 60px;
    margin: 10px 0
}

.icon-wrap {
    position: absolute;
    left: 0;
    top: 0
}

.allover-dropdown .dropdown-cols .product-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.captioned-fig {
    position: relative;
    margin: 12px 15px
}

.captioned-fig img {
    width: 100%
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .45)
}

.fig-over {
    text-align: center;
    margin: 3px 0
}

.dropdown-cols p.h5 {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    font-family: Poppins, sans-serif;
    letter-spacing: 1px;
    line-height: 26px;
    margin: 0 0
}

.dropdown-cols p.h5 a {
    color: #000
}

.dropdown-cols p.h5 a:hover {
    color: #d6201a
}

.full-width-slider .container-fluid {
    padding: 0
}

.main-header-wrap .navbar-toggler {
    top: -40px
}

.more-dropdown .product-wrap {
    margin: 10px 0;
    padding: 15px 15px 0
}

.more-dropdown .fig-desc {
    padding: 11px 0
}

.more-dropdown .fig-desc p.h4 {
    font-size: 16px;
    text-align: center;
    letter-spacing: 0
}

.art-block {
    padding: 20px 0
}

.art-block .row {
    margin-right: -7px;
    margin-left: -7px
}

.art-block [class*=col-] {
    padding-right: 7px;
    padding-left: 7px
}

aside.sidebar-wrap {
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -ms-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -o-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    padding: 20px 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px
}

.sidebar-wrap h6 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin: 0 20px
}

.sidebar-wrap hr {
    border-top: 1px solid #eee;
    margin: 15px 0
}

.check-wrap {
    font-size: 12px;
    color: #494b4c;
    padding: 0 20px
}

.check-wrap input[type=checkbox] {
    margin: 0
}

.check-wrap [type=checkbox]:checked, .check-wrap [type=checkbox]:not(:checked) {
    position: absolute
}

.check-wrap span.chheck-caption {
    margin: 0 25px 10px 20px
}

.load-more-btn {
    padding: 10px 20px 0
}

.load-more-btn a {
    color: #11bbc1;
    font-size: 20px
}

.load-more-btn a:hover {
    color: #08a9af
}

.art-cols {
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -ms-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -o-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    border-radius: 4px;
    padding: 15px;
    margin: 0 0 20px
}

.inline-elements ul {
    margin: 0;
    display: inline-block;
    padding: 0
}

.art-cols .inline-elements ul:last-child {
    margin-left: 0
}

.inline-elements ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 -2px 0 0;
    position: relative;
    vertical-align: middle
}

.art-cols label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0
}

.art-cols .form-group {
    margin-bottom: 10px;
    position: relative
}

.icn {
    position: absolute;
    top: 5px;
    left: 10px
}

.art-cols .form-control {
    width: 112px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #000;
    height: 28px;
    font-size: 12px;
    color: #000;
    padding-left: 32px
}

.art-cols input[type=text].search {
    width: 100%;
    padding: 0 15px;
    font-style: italic
}

.art-cols button[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: #11bbc1;
    border-radius: 0 4px 4px 0;
    outline: 0;
    padding: 6px 8px;
    height: 28px;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear
}

.art-cols button[type=submit]:hover {
    background: #057d82
}

.art-cols .pagination-wrap {
    text-align: left;
    margin-bottom: 0
}

.art-cols .pagination-wrap .pagination {
    margin: 8px 0 0
}

.pagination-wrap .pagination>li {
    display: inline-block
}

.pagination-wrap .pagination>li>a, .pagination-wrap .pagination>li>span {
    background-color: #fff;
    border: none;
    background: 0 0;
    font-size: 11px;
    color: #000;
    padding: 0 6px
}

.pagination-wrap .pagination>li>a:hover, .pagination-wrap .pagination>li>span:hover {
    color: #44b4a6
}

.tech-box {
    position: relative;
    border-radius: 4px;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -ms-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -o-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .11);
    margin: 0 0 20px
}

.tech-img {
    overflow: hidden
}

.tech-img img {
    width: 100%;
    border-radius: 4px;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear
}

.tech-box:hover .tech-img img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.tech-desc {
    padding: 15px 10px;
    font-size: 12px
}

.tech-btns a {
    display: block;
    float: left;
    width: 50%;
    color: #fff;
    text-align: center;
    padding: 12px 2px;
    background: #79d3d7;
    font-size: 8px;
    border-radius: 0 0 0 4px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    line-height: 14px
}

.tech-btns .red-btn {
    background: #fc3b4b;
    border-radius: 0 0 4px 0
}

.tech-btns a:hover {
    background: #108e94
}

.tech-btns .red-btn:hover {
    background: #e2081a
}

.art-search-col .tech-btns a {
    width: 100%;
    float: none;
    border-radius: 0 0 4px 4px
}

.admin-block {
    padding: 15px 0
}

.admin-block .block-title {
    margin-bottom: 10px
}

.admin-block .block-title h3 {
    color: #000;
    font-weight: 600
}

.box-wrap {
    margin: 25px 0 0;
    padding-bottom: 30px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.shipping-box.box-wrap {
    padding: 15px 15px;
    margin-top: 25px;
    font-size: 18px;
    line-height: 24px
}

.shipping-box h6 {
    font-size: 24px
}

.panel-head {
    background: #a0f0f3;
    padding: 1px 0 15px
}

.box-wrap h5 {
    font-size: 19px;
    color: #000;
    margin: 15px 20px 0;
    line-height: 24px
}

.box-wrap h5 strong {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.table-wrap {
    margin: 20px 0 0
}

.table-wrap .table>tbody>tr>td, .table-wrap .table>tbody>tr>th, .table-wrap .table>tfoot>tr>td, .table-wrap .table>tfoot>tr>th, .table-wrap .table>thead>tr>td, .table-wrap .table>thead>tr>th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle
}

.table-wrap .table>caption+thead>tr:first-child>td, .table-wrap .table>caption+thead>tr:first-child>th, .table-wrap .table>colgroup+thead>tr:first-child>td, .table-wrap .table>colgroup+thead>tr:first-child>th, .table-wrap .table>thead:first-child>tr:first-child>td, .table-wrap .table>thead:first-child>tr:first-child>th {
    border: 0
}

.table-wrap .table>tbody>tr.no-border>td {
    border: none
}

.pay-block p, .table-wrap p, .two-col p {
    font-size: 19px;
    color: #000;
    margin: 5px 0;
    line-height: 24px
}

.table-wrap.admin-table .table-title p {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 19px;
    color: #000;
    margin: 5px 0;
    line-height: 24px
}

.table-wrap.admin-table p {
    font-size: 18px
}

.pay-block p strong, .table-wrap strong, .two-col p strong {
    font-weight: 600
}

.table-wrap span, .two-col p span {
    font-weight: 600;
    color: #fe0101;
    font-size: 22px
}

a.add {
    color: #23bec4;
    text-decoration: underline;
    font-size: 19px
}

a.add:hover {
    color: #06878c
}

.checkout-btn {
    padding: 20px 25px
}

.admin-quote-block .checkout-btn {
    padding: 20px 10px
}

.checkout-btn a, .checkout-btn button, .checkout-btn input {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-align: center;
    padding: 18px 25px;
    background: #de2838;
    position: relative;
    cursor: pointer;
    z-index: 99;
    border: none;
    outline: 0;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.checkout-btn a:before, .checkout-btn button:before {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background: #b70714
}

.checkout-btn a:hover:before, .checkout-btn button:hover:before {
    height: 100%
}

.checkout-btn input:hover {
    background: #b70714
}

.two-col {
    border-top: 1px solid #959595;
    margin: 0 10px;
    padding: 20px 15px
}

.price-list ul {
    margin: 0;
    padding: 0
}

.price-list ul li {
    list-style-type: none;
    margin: 0 0;
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #000
}

.admin-quote-block .price-list ul li {
    font-size: 18px
}

.price-type {
    width: 60%;
    float: left
}

.price-no {
    width: 40%;
    float: left;
    text-align: right;
    padding-right: 10px
}

.price-list ul li span {
    font-weight: 700;
    color: #fe0101
}

.color-swatch-box-color-name {
    margin: 0 0 10px;
    line-height: 22px
}

.survey .submit:not([href]):not([tabindex]) {
    color: #fff
}

.survey .submit:not([href]):not([tabindex]):hover {
    color: #000
}

.success-wrap {
    position: relative;
    text-align: center;
    padding: 15px
}

.ico-wrap {
    max-width: 800px;
    padding: 50px 0;
    margin: 0 auto 30px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px rgba(0, 0, 0, .1)
}

.success-wrap svg {
    width: 100px;
    display: block;
    margin: 0 auto 0
}

.success-wrap p {
    margin: 30px 0;
    font-size: 14px;
    color: #73af55;
    line-height: 24px
}

.invoice-row {
    position: relative;
    line-height: 20px
}

.summary-title {
    font-size: 22px;
    line-height: 24px;
    padding: 25px 20px
}

.admin-quote-block div#thank-you {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee
}

.product-cell {
    width: 100px
}

.card-box {
    padding-top: 20px
}

.pay-block {
    padding: 0 10px
}

.pay-box {
    border: #959595 1px solid;
    border-radius: 5px;
    margin: 0 10px
}

.pay-box ul {
    margin: 0;
    padding: 0
}

.pay-box ul li {
    list-style-type: none;
    display: block;
    padding: 8px 12px
}

.pay-box li:last-child {
    background: #e0dfdf;
    border-top: #959595 1px solid;
    border-radius: 0 0 5px 5px
}

.pay-box .radio-wrap {
    width: 50%;
    float: left;
    margin-bottom: 0
}

.radio-wrap [type=radio]:checked, .radio-wrap [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.radio-wrap [type=radio]:checked+label, .radio-wrap [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #6d6c6c;
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

.radio-wrap [type=radio]:checked+label, .radio-wrap [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: #6d6c6c;
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.pay-box .radio-wrap [type=radio]:checked+label, .pay-box .radio-wrap [type=radio]:not(:checked)+label {
    line-height: 24px;
    color: #000;
    font-size: 19px;
    padding-left: 30px
}

.radio-wrap [type=radio]:checked+label:before, .radio-wrap [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, .51);
    -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, .51);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, .51)
}

.radio-wrap [type=radio]:checked+label:before, .radio-wrap [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, .51);
    -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, .51);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, .51)
}

.pay-box .radio-wrap [type=radio]:checked+label:before, .pay-box .radio-wrap [type=radio]:not(:checked)+label:before {
    width: 10px;
    height: 10px;
    top: 7px
}

.radio-wrap [type=radio]:checked+label:after, .radio-wrap [type=radio]:not(:checked)+label:after {
    content: '';
    width: 4px;
    height: 4px;
    background: #0fbac1;
    position: absolute;
    top: 5px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.radio-wrap [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio-wrap [type=radio]:checked+label:after, .radio-wrap [type=radio]:not(:checked)+label:after {
    content: '';
    width: 13px;
    height: 13px;
    background: #0fbac1;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.radio-wrap [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.pay-box .radio-wrap [type=radio]:checked+label:after, .pay-box .radio-wrap [type=radio]:not(:checked)+label:after {
    width: 8px;
    height: 8px;
    background: #959595;
    top: 8px;
    left: 1px
}

.pay-box .card-img {
    width: 50%;
    float: left;
    text-align: right
}

.order-btn {
    text-align: right;
    padding: 0 0 0;
    margin-top: 20px
}

.pay-form {
    background: #f3f2f2;
    padding: 20px 30px;
    margin: 0 10px
}

.pay-form .form-group {
    position: relative;
    margin: 0 0 15px
}

.pay-form label {
    margin: 10px 0;
    font-weight: 400;
    color: #000;
    font-size: 16px
}

.pay-form .form-control {
    height: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e0dfdf;
    height: 37px;
    font-size: 16px;
    color: #000
}

.pay-form .form-control.error {
    border-color: #ee4f4f
}

.pay-form .validated .form-control {
    border-color: #46ad37
}

.pay-form .form-group.validated:before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #46ad37;
    right: 12px;
    bottom: 11px
}

.pay-block hr {
    border-top: 1px dashed #b6b6b6;
    margin: 15px 0
}

.pay-block h4 {
    font-size: 18px
}

.search-form-holder ::-webkit-input-placeholder {
    color: #b1b1b1
}

.search-form-holder ::-moz-placeholder {
    color: #b1b1b1
}

.search-form-holder :-ms-input-placeholder {
    color: #b1b1b1
}

.search-form-holder :-moz-placeholder {
    color: #b1b1b1
}

.modal {
    background: rgba(0, 0, 0, .52)
}

input.add-btn, input.remove-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 12px 20px;
    background: #de2838;
    position: relative;
    z-index: 99;
    border: none;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    vertical-align: middle
}

input.general-btn:hover, input.remove-btn:hover {
    background: #c51020
}

input.add-btn {
    background: #64c3c9
}

input.add-btn:hover {
    background: #32a7af
}

input.general-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 13px 15px;
    background: #de2838;
    position: relative;
    z-index: 99;
    border: none;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    vertical-align: middle
}

.modal-footer .btn {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    background: #ccc;
    border: none;
    color: #000;
    border-radius: 0
}

.radio-wrap [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radio-wrap {
    margin-bottom: 12px;
    margin-top: 15px
}

.modal-btn {
    background: #00a99d;
    font-size: 20px;
    padding: 25px 15px;
    font-weight: 600;
    border-radius: 8px;
    width: 100%;
    color: #fff;
    border: none;
    outline: 0;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    margin-bottom: 15px!important
}

.modal-header button.close {
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: 400;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 30px;
    width: 40px;
    height: 40px;
    background: #0fbac1;
    border-radius: 50%;
    border: none;
    outline: 0
}

.modal-header h4 {
    color: #fff
}

.approval-block p small {
    font-size: 14px
}

.approval-block p {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 15px
}

.modal-content p {
    font-weight: 600;
    color: #191818;
    font-size: 14px;
    line-height: 30px
}

.check-wrap label {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #191818
}

.check-wrap [type=checkbox]:checked+label, .check-wrap [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

.check-wrap [type=checkbox]:checked+label:before, .check-wrap [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 21px;
    border: 2px solid #989898;
    background: #fff;
    border-radius: 4px
}

.check-wrap {
    margin: 20px 0
}

.artwork-form .form-control {
    height: 30px;
    border: 2px solid #a1a1a1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-footer .btn-default {
    color: #fff;
    background-color: #00a99d;
    border-color: #00a99d
}

.artwork-form label {
    font-weight: 400;
    font-size: 14px;
    margin: 20px 0
}

.modal-footer {
    padding: 15px;
    text-align: left;
    border-top: none;
    justify-content: left
}

.check-wrap [type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.check-wrap [type=checkbox]:checked+label:after, .check-wrap [type=checkbox]:not(:checked)+label:after {
    content: '??';
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    line-height: .8;
    color: #8f9090;
    transition: all .2s
}

.check-wrap [type=checkbox]:checked+label:before, .check-wrap [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 21px;
    border: 2px solid #989898;
    background: #fff;
    border-radius: 4px
}

.check-wrap [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.questions p {
    margin-bottom: 5px;
    line-height: 24px
}

.inline-list {
    list-style: none;
    margin: 0 auto 1.0625rem;
    padding: 0
}

.inline-list>li {
    display: inline-block;
    list-style: none
}

.alert-box, .breadcrumbs, .inline-list>li>* {
    display: block
}

.survey-list>li {
    width: 144px;
    background: #fcebd1;
    margin-right: -4px
}

.survey-list>li>a {
    text-align: center;
    padding: 15px 0;
    border: 1px solid wheat
}

.survey-list .fa {
    font-size: 1.1em;
    padding: 0 2px
}

.survey-list>li>a, .survey-list>li>a:not([href]):not([tabindex]), .survey-list>li>a:not([href]):not([tabindex]):focus {
    color: #0fbac1;
    cursor: pointer
}

.survey-list>li>a:hover, .survey-list>li>a:not([href]):not([tabindex]):focus, .survey-list>li>a:not([href]):not([tabindex]):hover {
    color: #ee3443
}

.survey-list>li.selected, .survey-list>li>a.selected {
    color: #fff!important;
    background: #0fbac1
}

.upload p {
    line-height: 1.4;
    margin-bottom: 5px
}

p.head {
    font-size: 24px;
    color: #000;
    margin: 20px 0;
    font-weight: 600
}

.upload input[type=file] {
    width: 100%
}

.survey .cancel, .survey .submit {
    font-weight: 700;
    font-size: 22px;
    width: 49%;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 24px;
    cursor: pointer
}

.survey .submit {
    background-color: #0fbac1;
    padding: 10px 50px;
    max-width: 300px;
    display: inline-block;
    margin: 30px 0 40px
}

.choosefile:hover, .survey .cancel:hover, .survey .submit:hover {
    color: #000
}

.survey .head {
    color: #0fbac1;
    font-size: 2em;
    border-bottom: gray solid 1px;
    font-weight: 700;
    padding-bottom: 6px
}

.order-survey-form h1.head {
    text-align: left;
    margin: 20px 0 20px
}

.order-survey-form h3 {
    font-size: 1.2rem;
    margin: 20px 0
}

.pay-form label.error {
    color: Red
}

.sample-img {
    margin: 15px 0
}

#facebook ul {
    list-style: none
}

#facebook li {
    display: inline;
    padding-left: 100px
}

.fancybox-container {
    z-index: 99999
}

.modal-form .custom-file {
    height: 38px
}

.modal-form .custom-file-label {
    height: 38px
}

.modal-form .form-group {
    margin-bottom: 20px
}

span.error-holder {
    margin: 10px 0 0;
    display: block;
    color: red
}

.shadowded-box {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .61);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .61);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out
}

.career-url {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 20px 15px;
    text-align: center
}

.career-url:hover {
    background: rgba(0, 0, 0, .08)
}

.right-header-block ul {
    margin: 0;
    padding: 0
}

.right-header-block ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    max-width: 126px
}

.right-header-block ul li:first-child {
    border-right: rgba(0, 0, 0, .15) 2px solid;
    padding: 0 5px 0 0;
    margin: 0 2px 0 0
}

.helpful-block {
    background-color: #b1b1b1
}

.helpful-tip {
    position: relative;
    color: #000;
    padding: 5px 10px 5px 85px;
    background: url(../images/2013/static/lightbulb_icon.png) 0 50% no-repeat
}

.aiIcon li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
    margin-right: 15px
}

.aiIcon li a {
    color: #000
}

.fulfilment-form {
    border: 2px solid #8ddee4;
    padding: 0 10px
}

.form-head {
    background: -moz-linear-gradient(top, rgba(71, 181, 187, 1) 0, rgba(140, 221, 228, 1) 50%, rgba(71, 181, 187, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(71, 181, 187, 1) 0, rgba(140, 221, 228, 1) 50%, rgba(71, 181, 187, 1) 100%);
    background: linear-gradient(to bottom, rgba(71, 181, 187, 1) 0, rgba(140, 221, 228, 1) 50%, rgba(71, 181, 187, 1) 100%);
    padding: 10px 10px;
    text-align: center;
    margin: 0 -10px
}

.fulfilment-form h2 {
    margin: 0;
    font-size: 18px
}

.fulfilment-form label {
    margin: 15px 0
}

.form-error {
    display: inline-block;
    color: red;
    margin: 10px 0
}

.fulfilment-form .form-check-input {
    position: relative;
    margin: 0;
    display: block
}

.fulfilment-form .form-group {
    padding: 0
}

.fulfilment-form .default-btn {
    padding: 10px 20px
}

.fulfilment-form input[type=radio] {
    margin: 0 0 0 10px
}

.fulfilment-form h2.alt-text {
    margin: 15px 0
}

.table-wrap.border-0 .table-wrap .table>tbody>tr>th, .table-wrap.border-0 .table-wrap .table>tfoot>tr>td, .table-wrap.border-0 .table-wrap .table>tfoot>tr>th, .table-wrap.border-0 .table-wrap .table>thead>tr>td, .table-wrap.border-0 .table-wrap .table>thead>tr>th, .table-wrap.border-0 .table>tbody>tr>td {
    border: none
}

.inline-ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
}

.inline-icon-block {
    position: relative;
    min-height: 50px;
    padding-left: 65px;
    padding-top: 5px;
    margin: 20px 0 0;
    font-size: 14px
}

.inline-icon-block h6 {
    font-size: 16px;
    margin: 5px 0 0;
    color: #ed2c44
}

.inline-icon-block p {
    margin: 0
}

.block-list ul.red li:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    content: "\f0da";
    color: #ee3124;
    background: 0 0;
    font-weight: 900;
    top: 0
}

.block-list ul.red li {
    text-transform: capitalize;
    border-bottom: 1px dashed #aaa
}

.block-list ul.red li:last-child {
    border-bottom: none;
    list-style-type: none;
    display: block;
    margin: 5px 0;
    line-height: 24px;
    position: relative;
    padding-left: 20px
}

.block-list ul.red {
    background-color: #d7f2f4;
    padding: 15px
}

.block-list ul.red li a:hover {
    color: #ee3124
}

.fig-caption.red {
    background-color: #ee3443
}

.fig-caption.red a {
    color: #fff
}

.fig-caption.red:hover a {
    color: #000
}

.simple-blocklist li {
    list-style-type: none;
    margin-bottom: 10px;
    font-size: 16px
}

.simple-blocklist ul {
    padding-left: 0;
    padding: 15px 0
}

.full-width .prod-img img {
    width: 100%;
    height: 100%;
    padding-top: 0
}

.full-width .prod-img {
    padding: 0
}

.prod-wrap.full-width {
    padding: 0
}

.full-width .prod-btns a {
    width: 100%
}

.site-list ul {
    margin: 0;
    padding: 0
}

.site-list ul li {
    line-height: 24px;
    margin: 15px 0;
    display: block;
    list-style-type: none;
    background: #bebfc2;
    border-radius: 5px;
    padding: 10px 15px
}

.cities-block {
    border: rgba(0, 0, 0, .15) 1px solid;
    padding: 10px 15px;
    margin: 0 0 20px
}

.cities-block ul {
    margin: 0;
    padding: 0
}

.cities-block ul li {
    line-height: 24px;
    display: block;
    list-style-type: none;
    border-bottom: rgba(0, 0, 0, .1) 1px solid;
    padding: 10px 0
}

.cities-block ul li:last-child {
    border-bottom: none
}

.cities-list {
    margin: 0 0 25px
}

.cities-list ul {
    margin: 0 -15px;
    padding: 0;
    counter-increment: auto;
    column-count: 2
}

.cities-list ul li {
    list-style-type: none;
    display: block;
    margin: 0 0;
    padding: 0 15px;
    line-height: 24px
}

.gallery-wrap img {
    width: 100%
}

.big-fig {
    border: rgba(0, 0, 0, .1) 1px solid;
    padding: 4px
}

.thumb-fig {
    margin: 10px 5px 0;
    border: rgba(0, 0, 0, .1) 1px solid;
    padding: 4px
}

.costBox {
    border-top: medium solid #dc291e;
    border-bottom: medium solid #dc291e
}

.costBox p big {
    font-size: 28px
}

.long-red-btn {
    background-image: -moz-linear-gradient(18% 77% 0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: -webkit-gradient(linear, 18% 77%, 18% -3%, color-stop(0, #ad2018), color-stop(.53, #dc291e), color-stop(1, #ad2018));
    background-image: -webkit-linear-gradient(90deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: -o-linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: -ms-linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    background-image: linear-gradient(0deg, #ad2018 0, #dc291e 53%, #ad2018 100%);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .52);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .52);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .52);
    font-size: 20px;
    border: none;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    margin: 25px 0;
    text-shadow: 1px 1px 2px rgba(51, 51, 51, .6);
    background-color: #dc291e;
    padding: 0 20px
}

.long-red-btn:hover {
    background-image: -moz-linear-gradient(17% 91% 0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: -webkit-gradient(linear, 17% 91%, 17% -11%, color-stop(0, #961b14), color-stop(.04, #961b14), color-stop(.23, #b62018), color-stop(.58, #e33931), color-stop(.76, #dc291e), color-stop(1, #881b15));
    background-image: -webkit-linear-gradient(90deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: -o-linear-gradient(0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: -ms-linear-gradient(0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-image: linear-gradient(0deg, #961b14 0, #961b14 4%, #b62018 23%, #e33931 58%, #dc291e 76%, #881b15 100%);
    background-color: #b52119;
    color: #fff
}

.fig-wrap:hover .prod-desc-wrap {
    bottom: 0
}

.product-lists .fig-wrap {
    margin: 4px 0
}

.digitalscreen-tab .tab-content {
    border: 1px solid #ddd;
    padding: 15px
}

.digitalscreen-tab .tab-heading {
    color: #000;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 16px;
    line-height: 22px;
    padding: 15px 0
}

.digitalscreen-tab .nav-link:hover {
    background-color: #dcdcdc;
    color: #ee3443
}

.sticky3 {
    background-image: url(https://www.brokenarrowwear.com/img/static/panelsection/post-it-orange.jpg);
    background-repeat: no-repeat;
    background-size: 180px;
    padding-top: 45px;
    color: #000;
    font-family: DueraPERSONALUSENormal-Light;
    font-size: 1.8em;
    text-align: center;
    margin-top: -41px;
    line-height: 32px;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin-left: -10px;
    padding-right: 20px;
    padding-bottom: 14px
}

.deco-img {
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.deco-img img {
    width: 100%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.jazz-effect figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.jazz-effect .learnmore {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    -webkit-transform: translate(0, -50%) scale3d(.8, .8, 1);
    -o-transform: translate(0, -50%) scale3d(.8, .8, 1);
    transform: translate(-50%, -50%) scale3d(.8, .8, 1)
}

.note-box p {
    margin: 0;
    color: #0fbac1;
    font-weight: 700;
    font-size: 14px
}

.digitalscreen-tab .nav-tabs {
    display: flex;
    margin: 15px 0;
    border-bottom: none
}

.tab-wrap .digitalscreen-tab .nav-link {
    padding: 20px 45px;
    border-radius: 8px;
    padding: 10px;
    color: #222;
    font-size: 12px
}

.tab-wrap .digitalscreen-tab .nav-link.active {
    color: #0fbac1;
    background-color: #e1e1e1
}

.tab-wrap .digitalscreen-tab .nav-item {
    margin: 0 10px
}

.digitalscreen-tab .tab-content .tab-pane {
    display: none
}

.digitalscreen-tab .tab-content .tab-pane.active {
    display: block
}

.block-nav {
    background-color: #e5f9fa;
    border-radius: 8px;
    padding: 10px 15px
}

.block-nav ul {
    margin: 0;
    padding: 0
}

.block-nav ul li {
    list-style-type: none;
    display: block;
    line-height: 24px
}

.block-nav ul li a {
    color: #0fbac1
}

.block-nav ul li a:hover, .block-nav ul li.active a {
    color: #ee3443
}

.left-nav {
    margin: 0 0 30px
}

.left-nav .default-btn {
    color: #fff;
    width: 100%;
    position: relative
}

.left-nav .default-btn:before {
    position: absolute;
    right: 10px;
    top: 18px;
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.left-nav .default-btn.collapsed:before {
    content: "\f067"
}

.left-nav .default-btn:hover {
    color: #fff
}

.share-btns ul {
    margin: 0;
    padding: 0
}

.share-btns ul li {
    margin: 0 10px 0 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: middle
}

.share-btns a {
    display: inline-block
}

.partner-block {
    background: #efefef;
    padding: 30px 0
}

.partner-logo {
    position: relative;
    height: 60px;
    max-width: 90%;
    margin: 10px auto 0
}

.partner-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    max-height: 50px
}

.partner-logo img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.anniversary-block {
    background: url(https://www.brokenarrowwear.com/img/anniversary/background.jpg) 0 0 no-repeat;
    background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    padding: 30px 20px
}

.shoppingcart {
    border: none;
    width: 38px;
    height: 35px;
    position: relative;
    margin: 0 0 0;
    overflow: auto
}

.cartlink {
    height: 40px;
    width: 85px;
    margin-top: -1px;
    position: absolute;
    margin-left: 178px
}

button:focus {
    outline: 0
}

.main-header-wrap.mobile-header {
    position: relative;
    padding: 0
}

.mobile-header~main.page-content-block {
    padding: 0
}

.bar-icon {
    display: block;
    width: 35px;
    height: 3px;
    margin: 4px 0;
    background-color: #000;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s
}

.hamburger-icon {
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    display: inline-block
}

.col-wrap {
    height: 65px;
    position: relative
}

.menu-wrapp {
    width: 50px;
    float: left;
    padding: 14px 0 0
}

.mobile-logo {
    width: 80%;
    float: left;
    padding: 15px 10px;
    border-left: rgba(0, 0, 0, .1) 1px solid;
    height: 65px;
    padding-right: 65px;
    text-align: left
}

.mobile-logo img {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.info-wrap {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0
}

.info-wrap ul {
    margin: 0;
    padding: 0
}

.info-wrap ul li {
    list-style-type: none;
    display: inline-block;
    margin: 18px 5px 0 0;
    vertical-align: text-bottom
}

.info-wrap ul li a {
    display: inline-block;
    position: relative
}

.info-wrap .item-no {
    top: -8px;
    right: -15px
}

.mobile-search-wrap {
    background: #4dc2c8 none repeat scroll 0 0;
    background-image: url(../../img/top-header.jpg);
    background-size: 100% 100%;
    padding: 10px 0
}

.mobile-search-wrap .search-form-holder {
    margin: 0;
    padding: 0;
    max-width: 100%
}

.offers-wrap {
    background: rgba(233, 230, 227, .5);
    text-align: center;
    padding: 8px 0
}

.offers-wrap ul {
    margin: 0;
    padding: 0
}

.offers-wrap ul li {
    list-style-type: none;
    display: inline-block;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 9px;
    font-weight: 700;
    padding: 0 5px;
    border-right: #000 1px solid
}

.offers-wrap ul li:last-child {
    border: none
}

.offers-wrap ul li a {
    display: inline-block;
    color: #000
}

.offers-wrap ul li a:hover {
    color: #d6201a
}

.offers-wrap ul li span {
    color: #ed2b43
}

.offers-wrap ul li:last-child a {
    text-decoration: underline
}

.menu-close {
    position: absolute;
    top: 10px;
    left: -38px;
    z-index: 9;
    color: #000;
    font-size: 28px
}

.site-logo {
    text-align: left;
    padding: 0;
    padding-right: 25px;
    height: 66px
}

a.mm-navbar__title {
    text-align: left
}

a.mm-btn.mm-btn_close.mm-navbar__btn {
    position: absolute;
    left: auto;
    right: 0;
    z-index: 999
}

.mm-navbars_top .mm-navbar:first-child {
    height: 66px;
    padding: 0 20px 10px 15px;
    background: #4dc2c8 none repeat scroll 0 0;
    background-image: url(../../img/top-header.jpg);
    background-size: 100% 100%
}

.mm-menu_navbar_top-2 .mm-panels {
    top: 110px
}

.mm-btn_close:before {
    border-color: #000;
    border-width: 2px;
    width: 12px;
    height: 12px;
    right: 8px
}

.mm-btn_close:after {
    width: 12px;
    height: 12px;
    border-color: #000;
    border-width: 2px
}

.mm-navbar.mm-navbar_has-btns:last-child {
    border-bottom: #40c4d7 2px solid;
    padding: 0 15px
}

.site-logo img {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.mm-menu a:not([href]):not([tabindex]):focus, .mm-menu a:not([href]):not([tabindex]):hover {
    color: #000
}

.mm-menu a.mm-listitem__text:hover {
    color: #ee3443
}

.mm-listitem:after {
    left: 0
}

.mm-hidden~a.mm-navbar__title {
    text-indent: 0;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px
}

.mm-hidden~a.mm-navbar__title:after {
    display: none
}

a.mm-navbar__title {
    text-indent: -999999px;
    position: relative
}

.mm-btn_prev:before {
    left: 15px
}

a.mm-navbar__title:after {
    position: absolute;
    content: 'Back To Main Menu';
    text-indent: 0;
    top: 0;
    left: 0;
    right: 0;
    padding: 11px 0 0 25px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px
}

.mm-listitem__text {
    padding: 15px 15px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px
}

.mm-menu, .mm-navbar, .mm-panel, .mm-panels {
    background: #fff
}

.mm-slideout:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .25);
    content: '';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.mm-wrapper_opened .mm-slideout:before {
    opacity: 1;
    visibility: visible
}

.mm-menu ul.pro-lists li a, .sub-menu-title span {
    color: #2cb7cc
}

.mm-menu ul.pro-lists li a.mm-listitem__btn {
    padding-right: 30px
}

.mm-menu ul.pro-lists li a:hover {
    color: #ee3443
}

.mm-menu .mm-listitem__text.all-url {
    text-align: right;
    text-decoration: underline;
    color: #000;
    text-decoration: underline
}

li.mm-listitem.mm-listitem_divider {
    padding: 0;
    min-height: auto;
    border-bottom: #40c4d7 6px solid
}

.mm-btn_next:after {
    right: 15px
}

.cart-nav .cart-url {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.account-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 16ch
}

.contact-form-wrap {
    background: url(https://www.brokenarrowwear.com/fundraising/img/fundraising-bg.png) no-repeat;
    padding: 10px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover
}

.white-overlay {
    background: rgba(255, 255, 255, .8);
    padding: 10px 0
}

#my-menu:not(.mm-menu) {
    display: none
}

.designer-box {
    padding: 15px 0
}

.designer-box .top {
    margin-top: 75px
}

.designer-box .callquote {
    margin-top: -35px;
    margin-right: 17px
}

.designer-box .callquote img {
    width: 176px;
    float: right!important
}

.designer-box .phonenumber {
    margin-left: 158px;
    margin-top: 43px;
    font-size: 1.4em
}

.designer-box .menulinks {
    width: 200px;
    float: left;
    margin-left: 340px;
    margin-top: -34px;
    position: absolute
}

.designer-box .menulinks a {
    color: #000;
    font-weight: 700
}

.designer-box .menulinks a:hover {
    color: #ee3443
}

.designer-box .help a {
    margin-top: 4px
}

.designer-box .logindropbox {
    margin-top: 50px;
    right: 4px
}

.designer-box .margintop {
    margin-top: -3px
}

.designer-box .logindropbox hr {
    margin: 8px 1px
}

.designer-box #LinkButton2 {
    width: 45px;
    margin-left: -30px
}

.designer-box .cart {
    padding-top: 10px
}

.designer-box img.cart {
    margin-right: 40px;
    padding-top: 12px
}

.designer-box .scMain {
    margin-top: -8px!important
}

.designer-box #Cart1_Img1 {
    width: 26px!important;
    margin-top: 13px!important;
    margin-left: 7px!important
}

.designer-box .scInner2 {
    padding-right: 14px!important;
    padding-top: 15px!important
}

.designer-box h1 {
    font-family: inherit
}

.designer-box .socialframe {
    width: 100%!important
}

.designer-box .tealfooterframe {
    margin-top: 0
}

.designer-box input[type=text] {
    margin-top: initial!important;
    height: initial!important;
    margin-left: initial!important;
    padding: initial!important;
    margin: initial!important
}

.designer-box .top-bar {
    height: 55px
}

.designer-box .logo {
    margin-top: -43px!important;
    width: 62%!important
}

.designer-box .menulinks {
    margin-top: -27px
}

.designer-box .isd-page {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.isd-custom-control {
    padding-top: 0!important
}

.isd-products .isd-select-arrow {
    top: -3px!important
}

span.ng-binding {
    margin: 10px 0;
    display: inline-block
}

.isd-color-selector {
    margin-left: 0!important
}

.isd-up-down-btn .isd-down, .isd-up-down-btn .isd-up {
    height: 18px!important
}

img#isd-shape-selected {
    height: 30px!important;
    margin: 2px 0 2px -4px!important
}

.isd-search-form input {
    width: 100%!important
}

.isd-button-primary {
    background-color: #0fbac1!important
}

.isd-btn:hover:not(.isd-disabled) {
    background: #42cde0!important
}

.isd-button-default, .isd-button-primary {
    width: 100%!important;
    margin-top: 25px!important
}

.designer-box .isd-link-block {
    width: 100%!important;
    float: none!important;
    padding-top: 0!important
}

.isd-main-content {
    width: 100%!important;
    float: none!important
}

.isd-sidebar {
    margin-left: 0!important;
    width: 100%!important;
    float: none!important
}

.designer-box .isd-header {
    background-color: #0fbac1;
    color: #fff;
    border: none;
    padding: 10px 15px!important;
    text-align: center
}

.designer-box .isd-btn.isd-button-default.ng-binding.isd-disabled {
    background-color: #0fbac1;
    color: #fff!important;
    cursor: pointer!important
}

.designer-box #angularAppElement {
    border: 1px solid #d3d3d3
}

.designer-box .top input[type=text] {
    margin-top: initial;
    height: initial;
    margin-left: initial
}

.designer-box input.ng-pristine.ng-valid {
    height: 36px!important
}

.designer-box .isd-numColorChoices input.ng-pristine.ng-valid {
    height: auto!important
}

.designer-box .isd-up-down-btn .isd-spinner-btn {
    float: left!important
}

.designer-box .isd-flat-icons {
    margin-left: 0;
    right: 0;
    margin-top: -6px
}

.ng-dirty label {
    margin: 10px 0
}

.designer-box .isd-btn.isd-button-default.ng-binding::before {
    content: "Get a Quote";
    font-size: 18px;
    color: #fff
}

.designer-box a.isd-btn.isd-button-default.ng-binding:before {
    content: "Add to Cart"
}

.designer-box .isd-btn.isd-button-default.ng-binding {
    font-size: .001px;
    color: transparent!important;
    background-color: #0fbac1
}

.designer-box .isd-up-down-btn .isd-txt-btn {
    margin-top: 7px!important
}

.designer-box #isd-labelChooseProduct::before {
    content: "1. Select/ Change Product"!important;
    color: #fff;
    font-size: 12px
}

.designer-box #isd-labelChooseProduct {
    font-size: .001px!important;
    color: #0fbac1
}

#isd-labelProducts:before {
    color: #4c4c4c;
    font-size: 14px!important
}

.designer-box #isd-labelProducts:before {
    content: ""!important
}

.designer-box #isd-labelProductColors:before {
    font-size: 12px!important;
    color: #4c4c4c
}

.designer-box #isd-labelProductColors {
    font-size: 12px
}

.designer-box #isd-labelProductsSides:before {
    content: "Change Product Side";
    font-size: 12px;
    color: #4c4c4c
}

.designer-box #isd-labelProductsSides {
    font-size: .001px
}

.designer-box #isd-labelEditArtwork:before {
    content: "2. Create/ Change Design ";
    color: #fff;
    font-size: 12px
}

.designer-box #isd-labelEditArtwork {
    font-size: .001px!important
}

.designer-box #isd-labelArtwork:before {
    content: "Image Gallery";
    font-size: 12px;
    color: #4c4c4c
}

.designer-box #isd-labelArtwork {
    font-size: .001px!important;
    color: transparent
}

.designer-box #isd-labelFinalize:before {
    content: "3. Finalize ";
    color: #fff;
    font-size: 13px
}

.designer-box #isd-labelFinalize {
    font-size: .001px!important
}

.designer-box .isd-search-form input.ng-pristine {
    padding: 0 30px 0 10px!important;
    box-sizing: border-box!important
}

.designer-box .isd-select-arrow {
    height: 40px
}

.designer-box .isd-select-wrap select {
    margin: 0
}

.designer-box .isd-select-wrap {
    margin-bottom: 15px
}

.designer-box .isd-slider-4 ul li {
    margin: 0 8px 0 0;
    display: block;
    vertical-align: text-top;
    float: none;
    width: 100%
}

.designer-box .isd-slider-4 ul li a {
    margin: 0 8px 12px 0;
    height: inherit
}

.designer-box .isd-product-li {
    height: inherit!important;
    overflow: visible
}

.designer-box a.p {
    height: inherit!important;
    padding: 10px 10px;
    box-sizing: border-box
}

.designer-box #dsContainer, .designer-box #dsContainer * {
    box-sizing: border-box
}

.designer-box .isd-product-img {
    width: 100%;
    height: 80px
}

.designer-box .isd-light-main {
    padding: 0 15px 10px
}

.designer-box .isd-add form#isd-product-category-search-form~div {
    width: 100%!important
}

.designer-box .isd-lightbox-slider .isd-slider-4 .isd-clip-art-thumbs li, .isd-lightbox-slider .isd-slider-4 .isd-design-ideas li {
    width: 48%;
    display: inline-block;
    margin-bottom: 8px
}

.designer-box .isd-sub-hover.isd-product-colors-hover {
    max-width: 170px
}

.designer-box div.isd-productStyleColor1, .designer-box div.isd-productStyleColor2 {
    width: 30px
}

.designer-box .isd-flat-icons {
    right: -11px;
    margin-top: 0;
    top: 1px
}

.designer-box .isd-search-form .isd-flat-icons {
    right: -7px;
    margin-top: 0;
    top: -5px
}

.designer-box form#isd-product-category-search-form {
    width: 220px
}

.designer-box .isd-light-container label input[type=checkbox] {
    height: inherit!important;
    margin: 0 0;
    vertical-align: text-bottom;
    margin-right: 5px
}

.designer-box #uploadForm .isd-btn {
    margin-bottom: 3px
}

.designer-box .isd-uploaderModal fieldset {
    height: auto!important
}

.designer-box #uploadForm .mobile-text {
    font-size: 12px
}

.designer-page footer {
    padding: 30px 0
}

.designer-page .main-footer p {
    margin: 0 0 15px
}

.isd-slider-4.isd-products ul li {
    float: left;
    width: 91px;
    color: #fff;
    margin: 0 8px 22px 0;
    cursor: pointer;
    height: 176px!important;
    overflow: hidden;
    background-color: transparent!important;
    border: 1px solid transparent!important
}

.isd-slider-3 ul li a:not([href]):not([tabindex]) {
    color: #fff
}

#dsContainer {
    width: 100%!important
}

.designer-box #ink_overlayWrap~div {
    width: 100%!important
}

.designer-box #ink_overlayWrap~.isd-tooltip-color {
    width: auto!important
}

.designer-box h2 {
    font-size: 20px!important;
    margin: 10px 0
}

.steps-block {
    background: url(https://www.brokenarrowwear.com/designer/img/bg.jpg) repeat;
    padding: 15px 15px 10px
}

.steps-col {
    position: relative;
    min-height: 50px;
    padding-left: 55px
}

.step-no {
    width: 45px;
    position: absolute;
    left: 0;
    top: 0
}

.steps-col .step-desc {
    padding: 0
}

.step-desc p {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    font-size: 14px
}

.step-desc p big {
    font-size: 26px;
    letter-spacing: 1px;
    color: #ee3443;
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif
}

.designer-banners .banner-image-wrap {
    margin: 10px 0
}

.steps-col:after {
    position: absolute;
    content: '';
    background: url(https://www.brokenarrowwear.com/designer/img/arrows.png) repeat;
    width: 25px;
    height: 31px;
    left: 100%;
    margin: 9px 0 0 -50px;
    top: 0
}

.steps-block .row [class*=col-]:nth-child(3) .steps-col:after {
    display: none
}

.newsletter-img {
    padding: 10px 0
}

.newsletter-desc {
    position: relative;
    padding: 15px 0 0
}

.newsletter-desc p {
    line-height: 20px;
    font-size: 12px
}

.newsletter-desc p span {
    color: #0fbac1;
    font-style: italic
}

.newsletter-desc input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    background: #0fbac1;
    color: #fff;
    border: none;
    padding: 11px 10px;
    font-weight: 600;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.newsletter-desc input[type=submit]:hover {
    background: #087d82
}

.newsletter-desc input[type=email] {
    padding-right: 75px;
    font-size: 14px;
    height: 35px
}

.newsletter-modal-wrap .modal-body {
    border: 16px solid transparent;
    border-image: 16 repeating-linear-gradient(-45deg, #f36174 0, #f36174 1em, transparent 0, transparent 2em, #5fb8be 0, #5fb8be 3em, transparent 0, transparent 4em)
}

.newsletter-desc p small {
    line-height: 14px;
    display: inline-block;
    margin: 10px 0 0
}

.stamp-wrap img {
    max-width: 110px;
    margin: 0 0 15px
}

.newsletter-modal-wrap .modal-body {
    padding: 25px 25px 0
}

.large-image-wrap {
    max-width: 200px;
    margin: 0 auto
}

.thumblist span {
    display: block;
    margin: 10px 0
}

.thumblist {
    margin: 0 0 20px
}

.gray-bg {
    background: rgba(0, 0, 0, .2);
    padding: 15px 15px
}

#lblColorSizeAvailable {
    font-size: 16px;
    margin: 0 0 0;
    display: inline-block;
    line-height: 24px
}

.sizes-wrap {
    margin: 15px 0
}

.btnDesign {
    display: block;
    color: #fff;
    border: none;
    background: #ed3749;
    border-radius: 4px;
    padding: 9px 20px;
    cursor: pointer;
    margin: 20px 0 0 15px;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.btnDesign:hover {
    background: #e40c21
}

.designer-tab-wrap {
    line-height: 22px
}

.designer-tab-wrap .tab-content {
    border: #dee2e6 1px solid;
    padding: 15px
}

.designer-tab-wrap .nav-tabs {
    border: none
}

.designer-tab-wrap .nav-tabs .nav-link {
    color: #000;
    font-size: 16px
}

.designer-tab-wrap .nav-tabs .nav-item.show .nav-link, .designer-tab-wrap .nav-tabs .nav-link.active, .designer-tab-wrap .nav-tabs .nav-link:hover {
    color: #0fbac1;
    font-weight: 600
}

#divFees .default-btn {
    color: #fff;
    padding: 6px 10px;
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 10px 0
}

.size-chart-modal table tr td, .size-chart-modal table tr th {
    padding: 15px
}

a:not([href]):not([tabindex]).clicktoseesizechart {
    color: #0fbac1;
    text-decoration: underline;
    margin: 0 20px;
    cursor: pointer;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

a:not([href]):not([tabindex]).clicktoseesizechart:hover {
    color: #000
}

.pro-desc {
    border: #000 1px solid;
    border-radius: 4px
}

.pro-desc {
    border: #000 1px solid;
    border-radius: 4px;
    padding: 15px 15px
}

.pro-desc h1 {
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    color: #000;
    line-height: 36px
}

.rating-wrap {
    margin: 15px 0
}

.star-rating {
    display: inline-block
}

.rating-wrap .rating-stars {
    color: #ee3443;
    top: 1px
}

.rating-wrap .rating-xs {
    font-size: 18px
}

span.stars, span.stars span {
    display: block;
    background: url(https://www.ulmanen.fi/stuff/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px
}

span.stars span {
    background-position: 0 0
}

span.gotoreviews {
    color: #0fbac1;
    cursor: pointer
}

span.gotoreviews:hover {
    color: #000
}

.sectionheaders {
    background-color: #b0e9eb;
    margin: 15px -15px;
    font-weight: 600;
    padding: 10px 15px
}

.dropzone input[type=file] {
    background: 0 0;
    margin-bottom: 0
}

.uploaded-image {
    z-index: 0!important;
    position: inherit!important;
    width: auto!important;
    margin-left: 0!important;
    margin-top: 26px!important;
    height: auto!important;
    display: block!important
}

.item-related .prod-img input {
    text-align: left;
    width: auto;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    display: block
}

.tiny-btn {
    background: rgba(0, 0, 0, .2);
    border: none;
    cursor: pointer;
    color: #000;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 0 0 15px;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.tiny-btn i {
    margin: 0 5px
}

.tiny-btn:hover {
    background: rgba(0, 0, 0, .3)
}

.socialIcon {
    display: inline-block;
    margin: 4px 5px;
    width: 30px;
    height: 30px;
    background: #16bbc3;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    color: #fff;
    vertical-align: middle
}

.socialIcon:hover {
    background: #068e94;
    color: #fff
}

.divReviewPaging ul {
    margin: 0;
    padding: 0
}

.divReviewPaging ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px;
    vertical-align: sub
}

.divReviewPaging ul li select {
    margin: 0
}

.product-details-page input, .product-details-page select {
    width: 100%;
    padding: 0 8px;
    height: 35px;
    border: rgba(0, 0, 0, .15) 1px solid;
    margin: 10px 0 0
}

.product-details-page label {
    margin: 0 0 15px;
    display: inline-block
}

.product-details-page table input {
    margin: 0
}

.product-details-page textarea {
    width: 100%;
    padding: 0 8px;
    border: rgba(0, 0, 0, .15) 1px solid;
    margin: 10px 0 0
}

.delivery-text {
    padding: 10px 0 0
}

.garment-col {
    margin: 0 0 15px
}

.product-details-page label small {
    color: #ee3443
}

.product-details-page .shipping-rows label {
    margin: 0
}

.product-details-page .shipping-rows input, .product-details-page .shipping-rows select {
    margin: 0
}

.shippinginfoheader {
    background-color: #b0e9eb;
    text-align: center;
    padding: 10px 0;
    margin: 0 0 10px
}

.pricebox {
    background: #f0f0f2;
    border-radius: 8px;
    padding: 16px 10px;
    text-align: left;
    font-size: 16px;
    line-height: 24px
}

.btnPostReview .default-btn {
    cursor: pointer;
    width: auto;
    color: #fff;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.product-details-page .sortme-wrap label, .product-details-page .writeReview label {
    margin: 15px 0 0
}

.shipping-rows {
    margin: 0 0 15px
}

.label.info {
    color: #ee3443;
    font-size: 11px;
    font-style: italic;
    padding: 10px 0
}

.pnlSizes a, .pnlSizes a:not([href]):not([tabindex]) {
    text-decoration: underline;
    color: #0fbac1;
    cursor: pointer;
    font-style: italic;
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0
}

.total-btn {
    background: #ffcdcc;
    width: auto;
    display: inline-block;
    padding: 12px 25px;
    border-radius: 5px
}

.pnlSizes {
    padding: 25px 0 0
}

.pnlControl ul {
    margin: 0;
    padding: 0
}

.pnlControl ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 0 0
}

.pnlControl ul li select {
    max-width: 158px;
    display: block
}

.drag-wrap {
    border: 1px dashed #000;
    margin: 15px 0;
    padding: 10px 15px
}

.product-details-page .drag-wrap input {
    border: none;
    height: auto;
    padding: 0
}

.drop-text {
    color: #ee3443
}

.dropzone {
    color: #ee3443
}

.garment-color-wrap img {
    border-radius: 10px;
    margin-right: 10px;
    max-height: 32px
}

.respo-row.form-group {
    margin: 0 0 15px
}

.respo-row label {
    font-weight: 600
}

.respo-row label small {
    display: block;
    color: #ee3443;
    margin: 5px 0 0
}

.qn-btn {
    margin: 15px 0 0
}

.default-btn.small-btn {
    color: #fff;
    padding: 10px 15px
}

.pricebox span b {
    display: block;
    color: #ee3443;
    font-size: 16px
}

.swap-on-hover {
    position: relative;
    margin: 0 auto
}

.swap-on-hover img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.swap-on-hover .swap-on-hover__front-image {
    z-index: 9;
    transition: opacity .5s linear;
    cursor: pointer
}

.swap-on-hover:hover>.swap-on-hover__front-image {
    opacity: 0
}

.pro-list .row>[class*=col-], .product-lists .row>[class*=col-] {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.helpcenter-sideblock {
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    padding: 15px 20px 25px
}

.modal-content {
    position: relative
}

.newsletter-modal-wrap .close {
    position: absolute;
    top: 12px;
    right: 8px;
    background: url(https://www.brokenarrowwear.com/information/img/stamp.png) 0 0 no-repeat;
    width: 110px;
    height: 63px;
    z-index: 1;
    opacity: 1;
    padding: 0
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    width: 100%
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.top-header-wrap .navbar-expand-lg .navbar-nav .static-cart-holder .dropdown-menu {
    padding: 0;
    min-width: 317px;
    right: 15px
}

.static-cart-holder:hover .dropdown-menu {
    display: block
}

.empty-cart-wrap {
    text-align: center;
    padding: 15px 15px
}

.empty-cart-wrap p {
    font-weight: 600;
    line-height: 24px;
    font-size: 14px;
    margin: 0 0 10px
}

.newsletter-wrap {
    position: relative;
    padding: 30px 0;
    overflow: hidden
}

.bg-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.banner-over {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(139, 219, 226, 1) 0, rgba(18, 157, 177, 1) 62%, rgba(18, 157, 177, 1) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(139, 219, 226, 1) 0, rgba(18, 157, 177, 1) 62%, rgba(18, 157, 177, 1) 62%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(139, 219, 226, 1) 0, rgba(18, 157, 177, 1) 62%, rgba(18, 157, 177, 1) 62%, rgba(0, 0, 0, 0) 100%)
}

.newsletter-elements {
    margin: 0;
    color: #000;
    position: relative;
    z-index: 2
}

.newsletter-elements .form-group {
    position: relative
}

.newsletter-elements h3 {
    font-size: 22px;
    margin: 10px 0;
    line-height: 32px;
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 800
}

.newsletter-elements p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px
}

.newsletter-elements .form-control {
    border: none;
    border-radius: 0;
    height: 42px;
    padding: 5px 15px;
    font-size: 14px;
    letter-spacing: 2px;
    padding-right: 75px;
    margin: 0
}

.newsletter-elements button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-size: 12px;
    outline: 0;
    padding: 10px 17px 11px;
    cursor: pointer;
    background: #ee3443;
    color: #fff;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
    margin: 0;
    height: 42px
}

.newsletter-elements button:hover, .newsletter-elements input.form-control:focus~button {
    background: #65d5e3
}

.newsletter-elements button img {
    width: 30px
}

.bg-wrap img {
    height: 100%
}

.social-shares ul {
    margin: 0;
    padding: 0
}

.social-shares ul li {
    list-style-type: none;
    display: inline-block;
    margin: 8px 20px 0 0
}

.social-shares ul li img {
    height: 16px
}

.footer-items ul li {
    display: inline-block;
    margin: 4px 6px 4px 0;
    border-right: #c5c5c5 1px solid;
    padding: 0 6px 0 0;
    line-height: 15px
}

.footer-items ul li:last-child {
    border: none
}

.footer-main h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #000;
    margin: 10px 0;
    line-height: 22px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif
}

.footer-logo {
    max-width: 200px
}

.contact-cols {
    position: relative;
    min-height: 30px;
    padding-left: 40px;
    margin: 0 0 5px
}

.contact-cols h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0 0 0;
    line-height: 24px
}

.contact-cols b, .contact-colsstrong {
    font-weight: 600
}

.icons-wrap {
    width: 20px;
    position: absolute;
    top: 5px;
    left: 3px
}

.contact-cols p {
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

.contact-cols p a {
    color: #000;
    cursor: pointer
}

.contact-cols p a:hover, .contact-cols p a:not([href]):not([tabindex]):focus, .contact-cols p a:not([href]):not([tabindex]):hover {
    color: #ee3443
}

.bottom-footer {
    border-top: #e4e4e4 1px solid;
    padding: 10px 0 0;
    margin: 20px 0 0
}

.bottom-footer p {
    margin: 10px 0 0;
    font-size: 14px
}

.mm-menu_offcanvas.mm-menu_opened {
    display: block!important
}

.static-cart-holder .dropdown-menu:before {
    position: absolute;
    left: 0;
    bottom: 100%;
    right: 0;
    height: 25px;
    content: ''
}

a.svg {
    position: relative;
    display: block
}

a.svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

embed {
    max-width: 100%;
    height: auto
}

.figcaption-col {
    font-family: Poppins, sans-serif;
    padding: 0 25px
}

.about-block, .humble-wrap {
    font-family: Poppins, sans-serif
}

.item-wrap {
    display: flex;
    margin: 0 auto;
    font-family: Poppins, sans-serif
}

.date-wrap {
    position: relative;
    text-align: center;
    margin-left: 30px
}

.date-wrap::after {
    content: '';
    width: 100%;
    width: 145px;
    height: 5px;
    background: #e1e1e1;
    position: absolute;
    border-radius: 10px;
    top: 38px;
    left: 50%;
    transform: translate(56px, 0);
    z-index: -1
}

.date-wrap span {
    display: block;
    background: #0fbac2;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    font-weight: 600;
    font-size: 16px
}

.details-wrap {
    position: relative;
    flex-grow: 1;
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .08);
    border: 1px solid transparent;
    margin: 15px 0;
    padding: 30px;
    margin-left: 180px;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.details-wrap p {
    margin: 0 0 10px;
    line-height: 24px
}

.details-wrap p:last-child {
    margin: 0
}

.details-wrap::before {
    content: '';
    width: 0;
    height: 109%;
    border-left: 5px solid #e2e2e2;
    position: absolute;
    top: 0;
    right: 100%;
    margin: 0 217px 0 0;
    z-index: -1
}

.item-wrap:last-child .details-wrap:before {
    display: none
}

.item-wrap:hover .details-wrap {
    border-color: #0fbac2
}

.counter-block {
    background: #e2e2e2;
    padding: 30px;
    text-align: center
}

.counter-block p {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    font-family: Poppins, sans-serif
}

.counter-block .count-no {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px
}

.about-blocks {
    padding: 70px 0;
    line-height: 24px;
    font-family: Poppins, sans-serif
}

.about-blocks h4, .block-title h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 25px 0 20px
}

.superior-col {
    padding: 50px
}

.quality-col {
    padding: 40px 0 0
}

.quality-col h4 {
    margin: 20px 0 15px
}

.quiality-img img {
    width: 100%
}

.about-block h1, .about-blocks h4, .humble-wrap h4, .quality-col h4 {
    color: #ee3443;
    font-family: Roboto, sans-serif
}

.about-block h1 {
    margin-top: 10px
}

.dif-col p {
    margin: 0 0 10px
}

.video-block .embed-responsive video {
    height: 540px
}

.playpause {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 90px;
    z-index: 99;
    left: 50%;
    background: rgba(255, 255, 255, .95);
    border-radius: 50%;
    text-align: center;
    line-height: 90px;
    font-size: 34px;
    padding: 0 0 0 7px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    cursor: pointer
}

.embed-responsive-video {
    position: relative
}

.embed-responsive-video video {
    width: 100%
}

.bg-banner {
    background: url(https://www.brokenarrowwear.com/img/help-banner.jpg) 0 0 no-repeat;
    min-height: 300px;
    background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    margin: 15px 0 0;
    padding: 92px 0
}

.bg-banner p {
    line-height: 28px;
    font-weight: 600;
    font-size: 24px;
    margin: 0 0 30px;
    font-family: Poppins, sans-serif
}

.help-block h1 {
    line-height: 28px;
    font-weight: 600;
    font-size: 24px;
    font-family: Poppins, sans-serif
}

.help-block h2 {
    font-family: Poppins, sans-serif
}

.banner-form {
    max-width: 470px;
    margin: 0 auto
}

.banner-form input.form-control {
    border: none;
    border-radius: 50px;
    height: 50px;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    text-align: center;
    padding: 0 15px;
    padding-right: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}

.banner-form button {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #5fcfd3;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear
}

.banner-form input.form-control:focus~button {
    background: #ee3443
}

.helpcenter-cols {
    margin: 30px 0 0
}

.helpcenter-img-block {
    text-align: center;
    padding: 15px 0;
    margin: 15px 0;
    position: relative;
    background: #fff;
    border: transparent 1px solid;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5)
}

.helpcenter-img-block:hover {
    border-color: #00cbc8;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .35)
}

.help-accordion h2 {
    margin: 0;
    color: #000
}

.help-accordion .card {
    border: none;
    margin: 0 0 20px
}

.help-accordion .card-header {
    padding: 0;
    background: 0 0;
    border: none
}

.help-accordion .btn-link {
    padding: 0;
    color: #000;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none
}

.help-accordion .btn-link, .help-accordion .btn-link.collapsed {
    font-weight: 400
}

.help-accordion .btn-link, .help-accordion .btn-link:hover {
    font-weight: 700
}

.help-accordion .btn-link.focus, .help-accordion .btn-link:focus {
    color: #000;
    text-decoration: none
}

.help-accordion .card-body {
    padding: 0
}

.inner-list ul {
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
    border-left: #b7b7b7 1px solid
}

.inner-list ul li {
    display: block;
    margin: 2px 0;
    padding: 6px 0;
    font-size: 14px;
    position: relative
}

.inner-list ul li a {
    color: #000
}

.inner-list ul li:before {
    position: absolute;
    content: '';
    left: -12px;
    top: 0;
    width: 3px;
    height: 100%;
    background: #00cccd;
    opacity: 0;
    visibility: hidden;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear
}

.inner-list ul li.active:before, .inner-list ul li:hover:before {
    opacity: 1;
    visibility: visible
}

.inner-list ul li.active a {
    font-weight: 700
}

.bordered-col {
    border-top: #c6c6c6 1px solid;
    padding-top: 15px;
    margin-top: 20px
}

.faq-list ul li a {
    color: #000
}

.bordered-col p {
    line-height: 22px
}

.help-detail-block {
    font-family: Poppins, sans-serif
}

.steps-blocks {
    text-align: center;
    background: #f7f7f7;
    -webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .07);
    padding: 15px 0
}

.steps-blocks ul {
    margin: 0;
    padding: 0
}

.steps-blocks ul li {
    list-style-type: none;
    display: inline-block;
    margin: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px
}

.steps-blocks ul li span {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #c6c5c5;
    border-radius: 50%
}

.steps-blocks ul li.active span {
    background: #4dcacf
}

.box-wrap {
    margin: 25px 0 0;
    padding-bottom: 30px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.order-summary-block .table-wrap .table>tbody>tr>td, .order-summary-block .table-wrap .table>tbody>tr>th, .order-summary-block .table-wrap .table>tfoot>tr>td, .order-summary-block .table-wrap .table>tfoot>tr>th, .order-summary-block .table-wrap .table>thead>tr>td, .order-summary-block .table-wrap .table>thead>tr>th {
    border-top: none
}

.small-text-block p {
    font-size: 15px
}

.underlined-text {
    text-decoration: underline
}

.btns-group {
    padding: 0 20px
}

.bordered-btn {
    display: inline-block;
    border: #de2838 2px solid;
    padding: 6px 12px;
    border-radius: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: 1px;
    vertical-align: top;
    line-height: 24px
}

.bordered-btn:hover {
    background: #de2838;
    color: #fff
}

.order-summary-block hr {
    border-top: 1px solid #959595;
    margin: 20px 10px 10px
}

.order-summary-block textarea.form-control {
    border: #959595 1px solid;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px
}

.order-summary-block .checkout-btn input {
    font-size: 19px
}

.order-summary-block .two-col {
    padding: 10px 15px
}

.order-summary-block .price-list {
    padding: 10px 0 0
}

.inline-divider-items {
    padding: 20px 0
}

.inline-divider-items ul {
    margin: 0;
    padding: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.inline-divider-items ul li {
    list-style-type: none;
    display: block;
    border-right: #959595 1px solid;
    text-align: center;
    padding: 5px 0;
    font-size: 12px
}

.inline-divider-items ul li:last-child {
    border: none
}

.inline-divider-items ul li a {
    color: #3c3d41;
    font-weight: 600;
    letter-spacing: 1px
}

.inline-divider-items ul li a:hover {
    color: #de2838
}

.inline-divider-items ul li img {
    margin-right: 15px
}

.modal-wrap .close {
    position: absolute;
    right: -14px;
    top: -17px;
    height: 33px;
    width: 33px;
    background: #05e9f2;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    border-radius: 50%;
    line-height: 33px
}

.color-list {
    margin-bottom: 8px
}

.color-list ul {
    padding: 0;
    margin: 0
}

.color-list ul li {
    list-style-type: none;
    display: inline-block;
    margin: 2px 0 2px 0;
    height: 46px;
    width: 46px;
    background: #ebebeb;
    text-align: center;
    font-size: 10px;
    border: 2px transparent solid;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.color-list ul li span {
    color: #fff
}

.color-list ul li:hover {
    -webkit-box-shadow: 6px 0 16px 0 rgba(0, 0, 0, .18);
    -moz-box-shadow: 6px 0 16px 0 rgba(0, 0, 0, .18);
    box-shadow: 6px 0 16px 0 rgba(0, 0, 0, .18);
    border-color: #ef392c;
    cursor: pointer
}

.color-list ul li.black-color {
    background: #000
}

.color-list ul li.cherry-color {
    background: #bc203b
}

.color-list ul li.igreen-color {
    background: #39b44a
}

.color-list ul li.jd-color {
    background: #14c8c8
}

.color-list ul li.sapphire-color {
    background: #00aeef
}

.color-list ul li.gray-color {
    background: #acacac
}

.color-list ul li.pink-color {
    background: #f58bb8
}

.color-list ul li.berry-color {
    background: #942e4c
}

.color-list ul li.cobalt-color {
    background: #1b1464
}

.color-list ul li.orange-color {
    background: #fd6541
}

.color-list ul li.cornsilk-color {
    background: #fff799
}

.color-list ul li.gold-color {
    background: #ffb825
}

.color-list ul li.to-color {
    background: #f26522
}

.color-list ul li.og-color {
    background: #d5a929
}

.color-list ul li.khaki-color {
    background: #d3a676
}

.color-list ul li.safety-color {
    background: #f3677d
}

.color-list ul li.brown-color {
    background: #986829
}

.color-list ul li.ig-color {
    background: #cbd5d9
}

.color-list ul li.kg-color {
    background: #00a651
}

.color-list ul li.rb-color {
    background: #0072bc
}

.color-list ul li.ng-color {
    background: #0f0
}

.color-list ul li.berry1-color {
    background: #ec6b65
}

.color-list ul li.char-color {
    background: #ec6b65
}

.color-list ul li.cp-color {
    background: #f3677d
}

.color-list ul li.sg-color {
    background: #d4ccc1
}

.color-list ul li.purple-color {
    background: #a186be
}

.color-list ul li.coral-color {
    background: #f26d7d
}

.color-list ul li.sand-color {
    background: #9c9080
}

.color-list ul li.hg-color {
    background: #8da583
}

.color-list ul li.red-color {
    background: #ee2d24
}

.color-list ul li.sp-color {
    background: #f06eaa
}

.color-list ul li.orchid-color {
    background: #a864a8
}

.color-list ul li.lime-color {
    background: #8dc63f
}

.color-list ul li.yh-color {
    background: #f9c711
}

.color-list ul li.berry2-color {
    background: #605ca8
}

.color-list ul li.pink1-color {
    background: #ec008c
}

.color-list ul li.tb-color {
    background: #00bff3
}

.color-list ul li.sunset-color {
    background: #f5803d
}

.product-options-wrap h2 {
    color: #000;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.modal-wrap .modal-body {
    padding: 25px 30px 0
}

.btn-red, .modal-wrap .modal-footer .btn-red {
    font-size: 15px;
    display: inline-block;
    background: red;
    color: #fff;
    padding: 9px 40px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 10px;
    outline: 0
}

.btn-red:hover, .modal-wrap .modal-footer .btn-red:hover {
    background: #ee2d24
}

.btn-no-bg, .modal-wrap .modal-footer .btn-no-bg {
    font-size: 15px;
    display: inline-block;
    background: 0 0;
    color: #000;
    padding: 9px 10px;
    font-weight: 400;
    letter-spacing: 1px;
    outline: 0
}

.btn-no-bg:hover, .modal-wrap .modal-footer .btn-no-bg:hover {
    color: red
}

.modal-wrap .modal-content {
    border-radius: 0
}

.small-text {
    font-size: 12px;
    font-weight: 400
}

.product-options-wrap h2 img {
    vertical-align: sub;
    margin: 0 5px 0 15px
}

.inline-inputs {
    padding: 0 15px
}

.inline-inputs ul {
    margin: 0;
    padding: 0
}

.inline-inputs ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle
}

.inline-inputs label, .inline-inputs p {
    font-size: 15px
}

.inline-inputs input {
    width: 41px;
    height: 36px;
    padding: 0;
    text-align: center;
    border: #959595 1px solid
}

.garment-img {
    margin: 4px 0
}

.quantity-table-wrap {
    margin: 0 0 20px
}

.quantity-table-wrap .table {
    margin-bottom: 6px
}

.quantity-table-wrap .table>caption+thead>tr:first-child>td, .quantity-table-wrap .table>caption+thead>tr:first-child>th, .quantity-table-wrap .table>colgroup+thead>tr:first-child>td, .quantity-table-wrap .table>colgroup+thead>tr:first-child>th, .quantity-table-wrap .table>thead:first-child>tr:first-child>th, .quantity-table-wrap .table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
    background: #0fbac1;
    color: #fff
}

.quantity-table-wrap .table>tbody>tr>td, .quantity-table-wrap .table>tbody>tr>th, .quantity-table-wrap .table>tfoot>tr>td, .quantity-table-wrap .table>tfoot>tr>th, .quantity-table-wrap .table>thead>tr>td, .quantity-table-wrap .table>thead>tr>th {
    padding: 1px 15px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #959595;
    border-right: 1px solid #959595;
    text-align: center;
    border-bottom: 1px solid #959595;
    font-size: 12px;
    font-weight: 400
}

.quantity-table-wrap .table>thead>tr>td {
    padding: 0
}

.quantity-table-wrap .table>thead:first-child>tr:first-child>th {
    border-bottom: 0
}

.quantity-table-wrap .table>thead:first-child>tr>th:first-child, .quantity-table-wrap .table>thead:first-child>tr>th:nth-child(7) {
    border-bottom: 1px solid #0fbac1;
    border-top: 1px solid #0fbac1
}

.order-summary-block .card-body {
    padding: 0 25px;
    border: none;
    max-width: 490px
}

.quantity-table-wrap .btn-red {
    background: #de2838;
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 12px
}

.no-border-input {
    border: none;
    width: 40px;
    height: 30px;
    padding: 0;
    text-align: center
}

.dotted-border {
    border-top: #959595 1px dashed;
    margin: 15px 20px
}

.cart-block p {
    font-size: 19px;
    line-height: 28px;
    margin: 0 20px
}

.cart-block .pay-box {
    margin: 25px 20px
}

.cart-block .pay-box ul li {
    border-top: #959595 1px solid
}

.cart-block .pay-box ul li:first-child {
    border: none
}

.cart-block .pay-box ul li.no-bg {
    background: 0 0
}

.cart-block .pay-box .radio-wrap {
    margin-top: 0
}

.cart-block .radio-wrap [type=radio]:checked+label, .cart-block .radio-wrap [type=radio]:not(:checked)+label {
    font-weight: 400
}

.cart-block .pay-form {
    margin: 0 20px
}

.inline-bordered {
    margin: 25px 0 0
}

.inline-bordered ul {
    margin: 0;
    padding: 0
}

.inline-bordered ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    border-right: #777 1px solid
}

.inline-bordered ul li:last-child {
    border: none
}

.inline-bordered ul li a {
    color: #777
}

.inline-bordered ul li a:hover {
    color: #fe0101
}

.new-content-block {
    font-family: Poppins, sans-serif;
    letter-spacing: 1px
}

.work-block {
    position: relative
}

.work-block:after {
    position: absolute;
    content: '';
    display: block;
    width: 112px;
    height: 53px;
    background: url(https://www.brokenarrowwear.com/additionalservices/img/Ellipse-2.png) 0 0 no-repeat;
    top: 0;
    left: 100%;
    margin: 21px 0 0 -40px;
    background-size: contain
}

.work-ico {
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .2);
    width: 150px;
    height: 150px;
    margin: 0 auto;
    line-height: 150px;
    border-radius: 50%;
    text-align: center
}

.work-ico img {
    max-width: 190px
}

.work-desc {
    padding: 20px 40px
}

.work-desc p {
    margin: 0
}

.work-desc p strong {
    display: block;
    margin: 0 0 10px;
    font-size: 16px
}

.work-block {
    margin-top: 40px
}

.work-block1, .work-block3 {
    margin-top: 110px
}

.work-block2:after {
    transform: rotate(215deg);
    -webkit-transform: rotate(215deg);
    -moz-transform: rotate(215deg);
    -ms-transform: rotate(215deg);
    margin: 64px 0 0 -40px
}

.work-block4:after {
    display: none
}

.pricing-chart-block {
    border: #acacac 1px solid;
    border-top: none
}

.pricing-title {
    background: #20354e;
    padding: 1px 0;
    margin: 35px 0 0
}

.pricing-title h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.pricing-box {
    margin: 40px 25px;
    position: relative
}

.pricing-box:after {
    position: absolute;
    content: '+';
    font-size: 40px;
    color: #000;
    font-weight: 600;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    margin: -25px 0 0 30px
}

.pricing-chart-block>.row [class*=col-]:last-child .pricing-box:after, .three-cols>.row [class*=col-]:last-child .work-block:after {
    display: none
}

.pricing-ico img {
    height: 100px
}

.contact-block {
    margin: 50px 0 0
}

.contact-form-wrapper {
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .2);
    margin: 0 0 0 25px;
    padding: 7px 25px
}

.contact-form-wrapper .form-group {
    margin-bottom: 15px
}

.inline-items ul {
    margin: 0;
    padding: 0
}

.inline-items ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 0
}

.contact-form-wrapper .radio-wrap [type=radio]:checked+label, .contact-form-wrapper .radio-wrap [type=radio]:not(:checked)+label {
    color: #000;
    font-weight: 400
}

.contact-form-wrapper .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff
}

.contact-form-wrapper .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: #0fbac1
}

.contact-form-wrapper .form-control {
    border: 1px solid #acacac;
    border-radius: 8px
}

.contact-form-wrapper button {
    background: #0fbac1;
    border: none;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear
}

.contact-form-wrapper button img {
    max-width: 40px;
    margin-left: 10px
}

.contact-form-wrapper button:hover {
    background: #ee3443
}

.three-cols .work-ico {
    width: 190px;
    height: 190px;
    line-height: 180px
}

.three-cols .work-block:after {
    width: 128px;
    height: 80px;
    margin: 21px 0 0 -50px
}

.three-cols .work-block2:after {
    margin: 64px 0 0 -40px
}

.detail-block h2 {
    margin: 0
}

.detail-block p {
    margin: 0 0 4px
}

.detail-block p strong {
    display: inline-block;
    margin: 10px 0 0
}

.create-cols {
    position: relative;
    padding-left: 100px;
    min-height: 70px;
    padding-top: 1px;
    margin: 30px 0 0
}

.create-ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px
}

.shadowed-box {
    box-shadow: 0 0 5px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .2)
}

.img-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: 600
}

.table-wrap.pricing-table .table thead th, .table-wrap.pricing-table .table>tbody>tr>th {
    background: #e7e7e7
}

.table-wrap.pricing-table .table td, .table-wrap.pricing-table .table th {
    padding: 15px 10px
}

.table-wrap.pricing-table .table>tbody>tr>td, .table-wrap.pricing-table .table>tbody>tr>th, .table-wrap.pricing-table .table>tfoot>tr>td, .table-wrap.pricing-table .table>tfoot>tr>th, .table-wrap.pricing-table .table>thead>tr>td, .table-wrap.pricing-table .table>thead>tr>th {
    border-color: #acacac
}

.pricing-table.table-wrap .table>caption+thead>tr:first-child>td, .pricing-table.table-wrap .table>caption+thead>tr:first-child>th, .pricing-table.table-wrap .table>colgroup+thead>tr:first-child>td, .pricing-table.table-wrap .table>colgroup+thead>tr:first-child>th, .pricing-table.table-wrap .table>thead:first-child>tr:first-child>td, .pricing-table.table-wrap .table>thead:first-child>tr:first-child>th {
    border-right: #acacac 1px solid
}

.table-wrap .table>thead:first-child>tr:first-child>th {
    border-left: #acacac 1px solid
}

.rating-ico {
    color: #f3bf13
}

img.lazy {
    border: 0;
    opacity: 0
}

img.lazy:not(.initial) {
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
}

img.lazy.error, img.lazy.initial, img.lazy.loaded {
    opacity: 1
}

img.lazy:not([src]) {
    visibility: hidden
}

.bright-lime {
    background-color: #c9e752
}

.bright-gold {
    background-color: #fec200
}

.mustard {
    background-color: #e7af64
}

.bud {
    background-color: #e0485f
}

.forest {
    background-color: #80a571
}

.aubergine {
    background-color: #7d6a8a
}

.light-brick {
    background-color: #e4845e
}

.true-blue {
    background-color: #4490d9
}

.aquamarine {
    background-color: #28c1df
}

.garment-cols {
    position: relative;
    min-height: 115px;
    padding-left: 95px;
    padding-top: 10px;
    line-height: 24px
}

.garment-icon {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 75px
}

.garment-desc p {
    margin: 0;
    font-size: 16px
}
.bg-block{
    background: url(https://www.brokenarrowwear.com/img/designer/handpick/greybg.png) 0 0 no-repeat;
    background-size: cover;
    position: relative;
}
.all-products {
    position: relative
}

.all-img {
    position: relative
}

.all-captions {
    padding: 15px
}

.all-captions p {
    font-size: 16px;
    line-height: 30px
}

.all-urls {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    line-height: 24px;
    font-size: 12px;
}

.bg-designnow-banner {
    background: url(https://www.brokenarrowwear.com/img/designer/designnowbanner.jpg) 0 0 no-repeat;
    min-height: 380px;
    background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    margin: 15px 0 0;
    padding: 92px 0
}

.prod-desc-wrap.static-holder {
    position: relative;
    bottom: 0;
    opacity: 1;
    background: #f2f4f4;
    min-height: 95px;
}

.static-holder .prod-desc {
    background: #f2f4f4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 95px;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
}

.prod-desc-wrap.static-holder .h5 {
    color: #000;
    font-size: 15px;
    margin: 0 0 5px;
}

.prod-desc-wrap.static-holder p {
    font-size: 13px;
    line-height: 18px;
    padding-left: 15px;
}

.static-holder .prod-btns {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
}

.all-img {
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
}

.all-img:hover {
    -webkit-box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, .2);
}
.all-products:hover .static-holder .prod-desc{
    top:-20px
}
.all-products:hover .prod-btns {
    bottom: 0;
}
.contact-info-form-bg {
   position: relative;
}
.bg-1{
  
     position: absolute;
     display: block;
     top:0;
     left:0;
     z-index: -1;
}
.bg-2{
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: -1;
}
.bg-3{
    position: absolute;
    display: block;
    bottom: -50px;
    right: -30px;
    z-index: -1;
}
.contact-info-form {
    -webkit-box-shadow: -1px -1px 16px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: -1px -1px 16px 0 rgba(0, 0, 0, .2);
    box-shadow: -1px -1px 16px 0 rgba(0, 0, 0, .2);
    background: #fff;
    padding: 20px 30px;
}
.contact-info-form h5 {
    margin: 0 0 15px -15px;
}
.contact-info-form .form-group {
    margin-bottom: 15px;
}
.contact-info-form .form-control{
    border: #acacac 1px solid;
}

.contact-info-form  button {
    background: #0fbac1;
    padding: 16px 45px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    border-radius: 10px;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
}
.contact-info-form  button:hover{
    background: #ee3443;
}
.contact-info-form  button img{
    max-width: 30px;
}
.sign-wrap {
    max-width: 200px;
    margin: 50px 0 0;
}
.satis-block{
}
.satis-block h5 {
    line-height: 32px;
    letter-spacing: 1px;
    font-family: Poppins, sans-serif;
    font-size: 18px;
}
.satis-block .block-list ul li {
    margin: 25px 0;
}