/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2025-01-02 06:57:21 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
        width: 49%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
        width: 49%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 36.75%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 36.75%;
    }
}

/* ======FIX EVERYTHING====== */
#new-stamp-3 p strong {font-weight: 500;}



@media all and (min-width:768px) {
.customer-welcome .action.switch {color: #fff;}
}

.product-item-photo {
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.block.related .field.choice {
     display: none;
}

#ia-social-footer-section .social-icons [class^="porto-icon-"] {
    color: #fff;
}

.product-info-main .stock.available, .product-info-main .stock.unavailable {
     display: none;
}

.stay-tuned-text p a {color: #fff;}

.stay-tuned-text a.artisan-btn {
    color: #666;
    margin: 15px 0 5px;
    padding: 8px 15px;
    background: #fff;
}

body:not(.cms-home-new) footer .block .block-content ul.links li.separator + li {
    margin-top: 10px;
}

.breadcrumbs strong {
     padding: 1px 0 0;
}

.collapse-row.mobile-row [id*="answer-"] {
    margin-top: 0;
}

.red-section-para b {font-weight: 500;}

@media all and (min-width: 768px) {
.page-header.type5.header-newskin .minicart-wrapper .action.showcart .counter.qty {
     font-weight: 300;
}

.page-header.type5.header-newskin .minicart-wrapper .action.showcart .counter.qty span.counter-number {
    padding: 0 2px 0 0;
}

.page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1 > a {
font-weight: 500;
}

@media all and (min-width: 768px) {
.page-header.type5.header-newskin .navigation > ul > li {
    font-style: normal;
}
}

@media all and (max-width: 475px) {
    table>tbody>tr>th {
        padding: 11px 3px;
    }
}


/* =======FOOTER STYLING======= */

body > div.page-wrapper > footer > div > div.footer-top > div > div > div > div > div > div > div.col-md-8 > div > div, 
body > div.page-wrapper > footer > div > div.footer-top > div > div > div > div > div > div > div.col-md-8 > div > div > div,
body > footer > div > div.footer-top > div > div > div > div > div > div > div.col-md-8 > div > div > div {
  padding: 0;
  margin: 10px 0;
  width: 100%;
}

div#amasty_locator_filter .column_right {
    display: none;
}

/* -----positions newsletter block----- */
#newsletter-validate-detail {
   width: 100%;
}

.newsletter.block {
    width: 100%;
}

body > div.page-wrapper > footer > div > div.footer-top > div > div > div > div > div > div > div > div.col-md-7 > div > div,
body > footer > div > div.footer-top > div > div > div > div > div > div > div > div.col-md-7 > div > div {
   width: 100%;
}

/* -----spacing & styles for footer middle----- */
body > div.page-wrapper > footer > div > div.footer-middle.footer-middle-2,
body footer > div > div.footer-middle.footer-middle-2
 {
  padding: 0;
}

body > div.page-wrapper > footer > div > div.footer-middle.footer-middle-2 > div > div > div,  
body footer div.footer-middle.footer-middle-2 > div > div > div > div > div.block-title{
   margin-bottom: 1.2rem;
}

/* add responsive styles to footer subscribe */
.footer-newsletter-col-lg {
     padding-left: 0;
     padding-right: 1%;
     padding-top: 2px;
} 

.block .block-title.footer-newsletter-label-title {
     text-align: center; 
     font-size: 20px; 
     color: #666; 
     font-family: 'Roboto Slab'; 
     font-weight: 400;
}

@media all and (min-width: 768px) {
     .block .block-title.footer-newsletter-label-title {
          font-size: 18px;
          text-align: right;
}}


/* -----links styling----- */
footer > ul.links > li > a {
   font-size: 1.5em;
}

body > div.page-wrapper > footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-content > ul > li,
body footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-content > ul > li
 {
   padding-top: 0;
   padding-bottom: 0;
   font-size: 14px;
   font-weight: 300;
   margin: 6px 0;
}

body > div.page-wrapper > footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-title, 
footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-title {
   font-size:1.75rem;
   font-family: 'Roboto Slab', serif;
   font-weight: 400;
   margin-bottom: 10px;
}

.footer-middle .block .block-title strong {
    font-size: 18px;
    text-transform: uppercase;
    /*font-family: "Oswald", georgia, serif;*/
    padding: 8px 0;
}

.footer-middle a {
    color: #a2a4a3;
    line-height: 21px;
}

/* -----margins & padding to newsletter section----- */
div.footer-top {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  background-color: #eeeeee;
}

#footer_newsletter { 
   border-radius: 0;
}

/* -----newsletter btn styles----- */
#newsletter-validate-detail > div.actions > button {
   background-color:#1b7d76;
   border-color: #1b7d76;
   border-radius: 0 4px 4px 0;
   border-right-color: #ccc;
   border-top-color: #ccc;
   border-bottom-color: #ccc;
}


/* -----social icon hover effects----- */


.footer-middle a.facebook-link:hover {
       transition: 0.2s background-color;
}

.footer-middle a.youtube-link:hover {
     background-color: #FC0D1B;
     -moz-transition: background-color 0.2s ease;
     -webkit-transition: background-color 0.2s ease;
     -o-transition: background-color 0.2s ease;
     transition: background-color 0.2s ease;
}

.footer-middle a.pinterest-link:hover {
     background-color: #BB0F23;
     -moz-transition: background-color 0.2s ease;
     -webkit-transition: background-color 0.2s ease;
     -o-transition: background-color 0.2s ease;
     transition: background-color 0.2s ease;
}

.footer-middle a.instagram-link:hover {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
       -moz-transition: background-color 0.2s ease;
     -webkit-transition: background-color 0.2s ease;
     -o-transition: background-color 0.2s ease;
     transition: background-color 0.2s ease;
}

/* -----social icon section positioning----- */

.social-icons>li {
   margin-left: 3px;
}

.social-icons>li:first-child {
   margin-left: 0;
}


.social-icons>li>a {
   height: 40px;
   width: 40px;
}

#ia-icon-set > ul > li > a > em {
   line-height: 41px;
   font-size: 25px;
}

#ia-social-footer-section table > tbody > tr > td.hr-cell:first-child {
         padding-right: 0;
         padding-left: 20px;
}

#ia-social-footer-section table > tbody > tr > td.hr-cell:last-child {
         padding-left: 0;
         padding-right: 20px;
}



@media all and (min-width: 375px) {
  /* .social-icons>li:first-child {
   margin-left: 0;
     }*/
    .social-icons>li>a {
        height: 45px;
        width: 45px;
     }

     #ia-icon-set > ul > li > a > em {
        line-height: 45px;
        font-size: 25px;
     }
}

@media all and (min-width:520px){
    .social-icons>li>a {
       height: 36px;
       width: 36px;
    }
   #ia-icon-set > ul > li > a > em {
       line-height: 36px;
       font-size: 18px;
    }
}



/* -----copyright text styles----- */
.footer-bottom address {
    color: #a2a4a3;
    font-weight: 300;
    text-align: left;
    padding: 0;
    display: inline-block;
}
body > div.page-wrapper > footer > div > div.footer-bottom, 
footer > div > div.footer-bottom  {
    padding: 10px 0;
}


@media screen and (max-width: 500px) {
    #ia-social-footer-section > div:nth-child(1),
    #ia-social-footer-section > div:nth-child(3) {
          width: 0; 
    }
    #ia-social-footer-section > div:nth-child(2) {
          width: 100%;}
}

#ia-social-footer-section > div:nth-child(1),
#ia-social-footer-section > div:nth-child(3) {
    width: 0; 
}
#ia-social-footer-section > div:nth-child(2) {
    width: 100%;
}
}
@media all and (min-width: 520px) {
    #ia-social-footer-section > div:nth-child(1),
    #ia-social-footer-section > div:nth-child(3) {
          width: 25%; 
    }
    #ia-social-footer-section > div:nth-child(2) {
          width: 40%;
    }
}

@media all and (min-width: 992px) {
    #ia-social-footer-section > div:nth-child(1),
    #ia-social-footer-section > div:nth-child(3) {
          width: 30%; 
    }
    #ia-social-footer-section > div:nth-child(2) {
          width: 30%;
    }
}

/*adjust spacing on mobile view */

footer > div > div.footer-middle,
footer > div > div.footer-middle, 
footer > div > div:nth-child(2), 
footer > div > div:nth-child(2)  {
         padding-top: 0;
         padding-bottom: 0;
}

@media all and (min-width: 768px){
footer > div > div.footer-middle,
footer > div > div.footer-middle,
footer > div > div:nth-child(2), 
footer > div > div:nth-child(2) {
         padding-top: 15px !important;
}}

@media all and (max-width: 767px) {
    .footer-middle .block {
         text-align: center;
    }

    .footer-middle .block .block-title strong {
         font-size: 2.5rem;
    }

    footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-content > ul > li,     
footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-content > ul > li {
       font-size: 1.6rem;
    }

    #ia-social-footer-section table > tbody > tr > td.hr-cell {
         min-width: 100px;
    }
}

@media all and (max-width: 767px){
    header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus{color: #ffffff;}
}

@media all and (max-width: 475px) {
    #ia-social-footer-section table > tbody > tr > td.hr-cell {
         min-width: 75px;
    }
}

@media all and (max-width: 425px) {
    #ia-social-footer-section table > tbody > tr > td.hr-cell {
         min-width: 50px;
    }
}

div.footer-top {
    background-color: #636363;
}

div.footer-top-inner {
    margin-bottom: 15px;
}


h3.block-title.footer-newsletter-label-title {
    display: inline-block;
    margin-top: 0;
}

.block .block-title.footer-newsletter-label-title {
    color: #fff;
    font-weight: 300;
}

.newsletter.block {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

.signup-text {
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.signup-form {
    display: inline-block;
    width: 55%;
    margin-top:4px;
    float: left;
}

.social-icons > li > a {
    background-color: #1b7d76;
}

div.special-hr-rule > hr {
    border-top-color: #1b7d76 !important;
    margin: 10px 0 !important;
}

.block-title.footer-newsletter-label-title {
    color: #ffffff;
    font-weight: 300;
}

#footer_newsletter {
    border-radius: 0;
    border-color: #fff;
    background: #fff;
}

#newsletter-validate-detail > div.actions > button, button.artisan-join-btn{
    background-color: #f7c605;
    border-color: #f7c605; 
    border-radius: 0;
    color: #000;
    font-weight: 400;
}

#newsletter-validate-detail > div.actions > button:hover, button.artisan-join-btn:hover {
    background-color: #f7c605;
    border-color: #f7c605;
    color: #000;
}

@media all and (min-width: 520px){
.social-icons>li>a {
    height: 40px;
    width: 40px;
}
}

[class^="porto-icon-"]:before, [class*=" porto-icon-"]:before {
    font-size: 24px;
    line-height: 40px;
}


.box-tocart [class^="porto-icon-"]:before, 
.box-tocart [class*=" porto-icon-"]:before,
.cart-qty-changer [class^="porto-icon-"]:before, 
.cart-qty-changer [class*=" porto-icon-"]:before {
    font-size: 18px;
    line-height: 16px;
    max-width: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.qty-changer.cart-qty-changer a.increaseQty, .qty-changer.cart-qty-changer a.decreaseQty, .qty-changer button.increaseQty, .qty-changer button.decreaseQty {
    width: 20px;
}


@media all and (min-width: 768px) {
    .signup-custom {
        text-align: center;
        margin-left: 8%;
    }

    .signup-form {
        width: 50%;
    }
}

@media all and (min-width: 1024px) {
    .signup-custom {
        text-align: center;
        margin-left: 16%;
    }

    .signup-form {
        width: 50%;
    }
}

@media all and (min-width: 1440px) {
    .signup-custom {
        text-align: center;
        margin-left: 23%;
    }

    .signup-form {
        width: 40%;
    }
}

@media all and (max-width: 425px) {
    .signup-custom {
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .signup-text {
         float: none;
         margin-right: 0;
         margin-bottom: 0;
    }

    #newsletter-validate-detail {
         width: 80%;
         float: none;
         margin: 0 auto;
    }
}

footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-content > ul > li.separator {
     margin: 10px 0 0;
     padding-top: 10px;
     border-top: 1px solid #aaa;
     width: 65%;
}

@media all and (max-width: 767px) {
     footer > div > div.footer-middle.footer-middle-2 > div > div > div > div > div.block-content > ul > li.separator {
          text-align: center;
          margin: 10px auto 0;
     }
}

@media (min-width: 520px)
#ia-icon-set > ul > li > a > em {
    line-height: 40px;
    font-size: 24px;
}


/* ****END**** */

/* ****TECHNIQUE TEMPLATE***** */

.top-wrap .panel .panel-content .title_5 {
     font-size: 16px;
}

.cms-page-view .howtometalstamp .optional_steps_wrap h2.red-section-header {
    font-family: 'Roboto Slab', serif;
    font-weight: 200;
    color: #1b7d76;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
    font-size: 32px;
    margin-left: 30%; 
    margin-right: 30%;
    line-height: 1.3;
}

.cms-page-view .howtometalstamp .optional_steps_wrap ul li p.red-section-para.optional-header {
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: .5px;
     padding-bottom: 7px;
     border-bottom: 1px solid #ccc;
     width: fit-content;
     margin: 0 auto;
}

.cms-banner-text.one-third {
    padding: 30px !important;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: initial;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
}

#resources-cat .bkgd-tech {
    background: url(https://dev.impressart.com/media/wysiwyg/Resources-btn_1.jpg);
    background-size: cover;
    background-position: center;
     background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#tutorials-cat .bkgd-tech {
    background: url(https://dev.impressart.com/media/wysiwyg/Tutorials-Btn.jpg);
    background-size: cover;
    background-position: center;
     background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#techniques-cat .bkgd-tech {
    background: url(https://dev.impressart.com/media/wysiwyg/Techniques-Btn.jpg);
    background-size: cover;
    background-position: center;
     background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#techniques-cat a.bkgd-img:hover .my-overlay,
#tutorials-cat a.bkgd-img:hover .my-overlay,
#resources-cat a.bkgd-img:hover .my-overlay {
     background: rgba(150, 150, 150, 0.6);
}

.current-cat .my-overlay {
     background: rgba(150, 150, 150, 0.6) !important;
}

#tutorials-banner a {color: #fff; font-weight: 400;}

#tutorials-cat .my-overlay,
#resources-cat .my-overlay,
#techniques-cat .myoverlay
#tutorials-cat .my-overlay {
     position: absolute;
     height: 100%;
     overflow: hidden;
     top: 0;
     left: 0;
     width: 100%;
}

#tutorials-cat .my-overlay {
     background: rgba(27, 125, 118, 0.7);
}

#resources-cat .my-overlay {
     background: rgba(21, 127, 90, 0.7);
}

#techniques-cat .my-overlay {
     background: rgba(21, 107, 128, 0.7);
}

.flex_left > h2 > a {
     padding-bottom: 0;
}
.flex_left > h2 > a > img,
.flex_left > h2 > img {
     max-height:25px;
     margin-top: 10px;
}

 #tutorial-block .level-name h2 {
    font-size: 28px;
}
.cms-page-view .howtometalstamp .steps-wrap .steps .steps-info .note {
    margin-top: 25px;
}

.tutorial_page, .howtometalstamp > div:not(.get-started) {
      padding: 0;
}

.cms-page-view .howtometalstamp .steps-wrap .steps .img-wrap {
    max-width: 450px;
    text-align: right;
}

.cms-page-view .howtometalstamp .optional_steps_wrap {
    margin: 0px 65px 30px;
}

.cms-page-view .howtometalstamp .optional_steps_wrap ul {
    padding: 0 25px;
}

.cms-page-view .howtometalstamp .optional_steps_wrap {
    padding-bottom: 40px;
}

.optional_steps img {
    width: 85%;
}

.stay-tuned-div {
    min-width: 400px;
}
.cms-page-view .howtometalstamp .optional_steps_wrap h2:after {
     display: none;
}

.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
    padding-left: 0px;
}

.cms-page-view .howtometalstamp .optional_steps_wrap h2,
.cms-page-view .howtometalstamp .steps-wrap .steps .steps-info h2 {
     font-weight: 200;
}

.top-wrap .panel .panel-heading .title_4:before {
    content: url('https://api.iconify.design/simple-line-icons:close.svg?color=%23ffffff&height=20');
    vertical-align: -0.1em;
    margin-right: 8px;
    background: none;
    transform: initial;
}

.top-wrap .panel .panel-heading .plus:before {
    content: url('https://api.iconify.design/simple-line-icons:plus.svg?color=%23ffffff&height=20');
    vertical-align: -0.1em;
    margin-right: 8px;
    background: none;
    transform: initial;
}

.steps-wrap.container {
    width: 90%;
}

div#cta-container {
    padding: 0;
    max-width: 100%;
}

.cms-page-view .howtometalstamp .steps-wrap .steps .steps-info {
        max-width: 520px;
        margin-left: 20px;
    }

.cms-page-view .howtometalstamp .steps-wrap .steps {
    margin: 60px 90px;
}
.cms-page-view .howtometalstamp .steps-wrap .steps:first-child {
    margin: 60px 90px 90px;
}

    .cms-page-view .howtometalstamp .steps-wrap .steps .img-wrap img,
    .cms-page-view .howtometalstamp .optional_steps_wrap ul li img,
    .cms-page-view .howtometalstamp .top-wrap .panel .panel-content .tools_img img {
           width: 80%;
     }

.tutorial_page .tutorial_top h3 {
     font-weight: 300;
     margin-bottom: 5px;
     margin-top: 10px;
     color: #666;
     }

.cms-page-view .howtometalstamp .steps-wrap .steps .steps-info p {
    font-size: 20px;
    color: #666;
    line-height: 30px;
}

.cms-page-view .howtometalstamp .optional_steps_wrap ul li p {
    font-size: 20px;
    color: #666;
    margin: 20px 0 0;
    font-weight: 300;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
}

 .cms-page-view .page-main .tutorial_page > div.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
    max-width: 1230px;
    padding: 0 15px;
}

@media all and (min-width: 992px) {
     iframe {
    padding: 0 15px;
     }
}

@media all and (max-width: 1439) {
.step1 .flex_right img {
      margin-right: -50px;
  }
}

@media all and (max-width: 1279px) {

.steps-wrap.container {
    width: 100%;
}
}

@media all and (max-width: 1199px) {
.cms-page-view .page-main .tutorial_page > div.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
    max-width: 960px;
}
}

@media all and (max-width: 1024px) {
    .cms-page-view .howtometalstamp .steps-wrap .steps .img-wrap {
    max-width: 400px;
    text-align: center;
}
}

@media all and (max-width: 992px) {
    .tutorial_page .tutorial_top h3 {
          margin-top: 15px;
     }

     .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info {
          max-width: 520px;
          margin-left: 20px;
    }
    .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info p {
        font-size: 16px;
        color: #666;
        font-weight: 300;
        line-height: 25px;
    }

    .cms-page-view .howtometalstamp .optional_steps_wrap ul li p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        padding: 0 15px;
    }

    .cms-page-view .howtometalstamp .top-wrap .panel .box-list {
        border: 0;
        padding-right: 30px;
        min-width: 300px;
    }

    .cms-page-view .howtometalstamp .steps-wrap .steps {
        margin: 90px;
    }

    .cms-page-view .howtometalstamp .steps-wrap .steps:first-child {
        margin: 60px 90px 90px;
    }

    .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info .note {
        margin-top: 20px;
    }

    .cms-page-view .howtometalstamp .optional_steps_wrap ul {
        padding: 0 18px;
    }
 
     .top-wrap .panel {
           padding: 0 0 0 15px;
     }

    .cms-page-view .page-main .tutorial_page > div.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
        max-width: 720px;
        padding-left: 15px;
    }
}
@media all and (min-width: 768px) {
.cms-page-view .page-main .tutorial_page > div.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
    max-width: 720px;
    padding-left: 15px;
}

.top-wrap .note {
    line-height: 30px;
}
}

@media all and (min-width: 992px) {
.cms-page-view .page-main .tutorial_page > div.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
    max-width: 960px;
}
}

@media all and (min-width: 1200px) {
     .cms-page-view .page-main .tutorial_page > div.flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
    max-width: 1230px;
}
}

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

     .top-wrap .panel .box-list {
          padding-bottom: 25px;
     }

     .top-wrap .panel .box-list:last-child {
          padding-bottom: 10px;
     }

     .cms-page-view .howtometalstamp .steps-wrap .steps .img-wrap {
         margin-right: 0px;
     }

    .cms-page-view .howtometalstamp .steps-wrap .steps, .cms-page-view .howtometalstamp .steps-wrap .steps:first-child {
        margin: 50px 30px 10px;
        align-items: center;
    }

    .flex.flex_ai_jc.tutorial_top, .page-wrapper > .breadcrumbs .items {
        padding-left: 20px;
    }

     .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info {
           margin: 5px auto 0;
           padding: 0 20px;
    }

    .cms-page-view .howtometalstamp .steps-wrap .steps .img-wrap img,
    .cms-page-view .howtometalstamp .optional_steps_wrap ul li img,
    .cms-page-view .howtometalstamp .top-wrap .panel .panel-content .tools_img img {
           width: 60%;
     }

    .tutorial_page .tutorial_top h3 {
        margin-top: 5px;
        font-size: 24px;
    }

.cms-page-view .howtometalstamp .optional_steps_wrap h2.red-section-header {
     margin-left: 20%;
     margin-right: 20%;
     }

.cms-page-view .howtometalstamp .optional_steps_wrap ul li img {
        width: 50%;
    }

    .cms-page-view .howtometalstamp .optional_steps_wrap {
        margin: 50px 15px 30px;
    }

    .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info p {
           margin-bottom: 0;
     }

     .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info .note {
          margin-bottom: 9px;
     }

     .cms-page-view .howtometalstamp .optional_steps_wrap ul li:last-child {
           margin-bottom: 5px;
     }

     .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info h2 {
           margin-top: 15px;
     }

    .stay-tuned-text h3 {
        font-size: 20px;
        line-height: 24px;
    }

#stay-tuned {
    background: url(https://impressart.com/media/wysiwyg/Stay-Tuned-2.jpg) no-repeat;
    background-size: cover;
    height: 150px;
    margin-top: 30px;
    background-position-y: center;
}

.parallax-wrapper, .overlay.overlay-color {
     height: 100%;
}

.cms-page-view .howtometalstamp .optional_steps_wrap h2.red-section-header {
     margin-left: 20%;
     margin-right: 20%;
     }

.cms-page-view .howtometalstamp .optional_steps_wrap ul li img {
        width: 50%;
    }
}

@media all and (max-width: 639px) {
 #tutorial-block .level-name h2 {
    font-size: 24px;
}

    .stay-tuned-div {
         width: 80%;
         max-width: 300px;
         position: relative;
         min-width: initial;
    }
}

@media all and (max-width: 574px) {
    .cms-page-view .howtometalstamp .steps-wrap .steps .img-wrap img{
           width: 85%;
     }

.cms-page-view .howtometalstamp .optional_steps_wrap ul li img {
        width: 65%;
    }
}

@media  all and (max-width: 474px) {
    .cms-page-view .howtometalstamp .steps-wrap .steps .steps-info {
        padding: 0;
        max-width:95%;
    }

.cms-page-view .howtometalstamp .optional_steps_wrap h2.red-section-header {
     margin-left: 10%;
     margin-right: 10%;
     }

.cms-page-view .howtometalstamp .optional_steps_wrap ul li img {
        width: 70%;
    }
}

@media all and (max-width: 375px) {
     .cms-page-view .howtometalstamp .optional_steps_wrap ul li p {
          padding: 0;
     }
}


/* *****END***** */

/* *****TUTORIAL TEMPLATE***** */

.tutorial_page .tutorial_top h4.tech-subheader {
    font-family: 'Roboto', arial, sans-serif;
    margin: 15px 0 5px;
    font-style: italic;
    line-height: 1.6;
}

@media all and (max-width: 991px){
.tutorial_page .tutorial_top h4.tech-subheader {
    font-family: 'Roboto', arial, sans-serif;
    margin: 15px 0 5px;
    font-style: italic;
    line-height: 1.6;
}
}
.back-btn {
     margin-top: 20px;
}


.back-btn h6.red-section-subheader:first-child {
    margin-top: 30px;
    margin-bottom: 15px;
}

.back-btn h6.red-section-subheader:last-child {
    margin-bottom: 30px;
}

.top-wrap .panel .level-list-wrap ul li {
    font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 14px;
}

span.skill {
    font-size: 16px;
    vertical-align: bottom;
    margin-right: 2px;
}

.level-num {
    font-family: 'Roboto', arial, sans-serif;
    font-size: 20px;
    vertical-align: 0px;
}

span.level-span {
    vertical-align: .025rem;
    font-size: 20px;
}

.top-wrap .panel .level-list-wrap span.level-num {
    font-family: 'Roboto', arial, sans-serif;
    background-color: #1b7d76;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 1px 7px;
    border-radius: 15px;
    line-height: 22px;
}

.top-wrap .panel .level-list-wrap li:nth-child(3) span.level-num {
    padding-left: 7px;
}

.top-wrap .panel .level-list-wrap li:nth-child(4) span.level-num {
    padding-left: 5px;
}

a.btn_pdf:after {
     margin-left: 5px;
     margin-right: -2px;
}

.tutorial_page .tutorial_top .flex_right a.btn_pdf {
     padding: 8px 8px 8px 11px;
}

.tutorial_page .tutorial_top .flex_right a.btn_pdf:hover {
     text-decoration: none;
}

.cms-page-view .page-main .tutorial_page > div.video_container {
     margin-top: 20px;
}

.tutorial_page .tutorial_top h4 {
    font-size: 20px;
    font-weight: 300;
}

span.level-span {
    vertical-align: -.1rem;
}


.flex_left > h2 > a {
     padding-bottom: 0;
}

.flex_left > h2 > a > img,
.flex_left > h2 > img {
     max-height:25px;
     margin-top: 10px;
}

.steps .flex_left .flex_center_container {
    width: 450px;
    flex-basis: 450px;
    margin: 0 auto 0 30px;
}

.step1 .flex_right img {margin-right: 0;}

.step2 .flex_left .flex_center_container,
.step4 .flex_left .flex_center_container,
.step6 .flex_left .flex_center_container,
.step8 .flex_left .flex_center_container {
    width: 450px;
    flex-basis: 450px;
    margin: 0 auto 0 30px;
}

.step1 .flex_left .flex_center_container,
.step3 .flex_left .flex_center_container,
.step5 .flex_left .flex_center_container,
.step7 .flex_left .flex_center_container {
    width: 450px;
    flex-basis: 450px;
    margin: 0 30px 0 auto;
}

.top-wrap .panel .panel-content.flex-container {
      margin-bottom: 0;
}
.top-wrap .panel .level-list-wrap span.level-num { 
     font-size: 18px; 
}

.tutorial_page, .howtometalstamp > div:not(.get-started) {padding: 0;}
.tutorial_page .tutorial_top h4 {font-size: 22px;}

.cms-page-view .howtometalstamp .top-wrap .panel .panel-content .tools_img {
     text-align: center;
}

.top-wrap .panel .panel-content .tools_img img {
    width: 90%;
    padding-left: 15px;
}

.top-wrap .panel .panel-content .btn-wrap a.shop-project-btn:hover {
     background-color: #1c6c66;
}

.top-wrap .panel .panel-content .btn-wrap a.shop-stamping-btn:hover {
     background-color: #1b7d76;
     border-color: #1b7d76;
     color: #fff;
}
.top-wrap .panel .panel-content .tools_img {
    text-align: center;
}
.non-banner-main-img {
    width: 90%;
}

iframe {
    padding: 0;
}

.tutorial_page .tutorial_top img {
    vertical-align: -.2rem;
}

@media all and (min-width: 1200px) {
.top-wrap .panel .box-list {
    padding-right: 50px;
}

}

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

.top-wrap .panel .box-list {
    padding-right: 35px;
    margin-left: 30px;
}
.top-wrap .panel .level-list-wrap img {
     max-height: 20px !important;
}

.top-wrap .panel .level-list-wrap {
    padding: 0;
}
}

@media all and (max-width: 1023px) {
.top-wrap .panel .panel-content .tools_img img {
       width: 50%;
      padding-left: 0;
     padding-bottom: 40px;
    }
}

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

    .top-wrap .panel .box-list {
         padding-right: 50px;
         max-width: unset;
         margin-left: 20px;
    }

    .top-wrap .panel .panel-content .btn-wrap ul li {
        max-width: 168px;
        padding: 0;
        display: inline-block;
    }

    .top-wrap .panel .panel-content .btn-wrap ul {
        text-align: center;
        padding-left: 0;
        padding-top: 30px;
    }

    .top-wrap .panel .btn-wrap {
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
        max-width: 700px;
        margin: 0 auto;
    }

    .top-wrap .panel .panel-content .btn-wrap a {
        text-align: center;
        display: inline-block;
        font-family: 'Roboto';
        font-weight: normal;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .top-wrap .panel .panel-content .btn-wrap a:first-child {
        margin-right:10px;
    }

    .top-wrap .panel .panel-content .btn-wrap a:last-child {
        margin-left:10px;
    }

    .top-wrap .panel .level-list-wrap{
        padding: 0;
        max-width: unset;
    }

    .top-wrap .panel .panel-content .tools_img img {
        width: 50%;
        padding-left: 0;
        padding-bottom: 40px;
    }

    .top-wrap .panel .panel-content .btn-wrap ul li {
        max-width: unset;
    }

    .top-wrap .panel .level-list-wrap, .top-wrap .panel .box-list {
        width: 45%;
    }
}

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


    .top-wrap .panel .panel-content .btn-wrap ul li {
        margin-right: 15px;
    }

    span.level-span {
        vertical-align: .08rem;
    }

    .level-num {
        vertical-align: .2rem;
    }

    .top-wrap .panel .level-list-wrap, .top-wrap .panel .box-list {
        width: 100%;
    }

    .top-wrap .panel .level-list-wrap {
        margin-left: 20px;
        margin-top: 35px;
    }

    .cms-page-view .page-main .tutorial_page > .top-wrap {
        padding: 0 10px;
    }
}


@media all and (max-width: 575px) {
.level-num {
    font-size: 14px;
    padding: 1px 5px;
}

span.level-span {
    vertical-align: .08rem;
    font-size: 14px;
}

.tutorial_page .tutorial_top .flex_right a.btn_pdf {
    padding: 6px 4px 6px 6px;
}

.tutorial_page .tutorial_top h4 img {
    max-height: 14.5px !important;
}

.tutorial_page .tutorial_top h4 {
     font-size: 16px;
}

.tutorial_page .tutorial_top h3 {
    font-size: 20px;
    line-height: 1.4;
}

span.skill {
    font-size: 14px;
}

a.btn_pdf:after {
     display: none;
}

.top-wrap .panel .panel-content .tools_img img {
    width: 60%;
}

h6.red-section-subheader {
    margin: 0 5% 20px;
}
}

@media all and (min-width:992px) and (max-width:1200px) {
.top-wrap .panel .panel-content .tools_img {
    max-width: 220px;
}
.top-wrap .panel .panel-content .tools_img img {
    width: 100%;
}

.top-wrap .panel .box-list {
    padding-right: 25px;
    margin-left: 0;
    max-width: 250px;
}

}

.cms-page-view .page-main .tutorial_page > div.top-wrap.note-wrap .note {
     line-height:1.6;
}

.top-wrap .note {
     margin: 0;
}
.cms-page-view .page-main .tutorial_page > div.top-wrap.note-wrap {
     max-width: 90%;
     margin: 20px auto;
}

@media all and (min-width: 768px) {
.cms-page-view .page-main .tutorial_page > div.top-wrap.note-wrap {
     max-width: 720px;
     margin: 20px auto;
     padding-left: 15px;
}
}

@media all and (min-width: 992px) {
.cms-page-view .page-main .tutorial_page > div.top-wrap.note-wrap {
     max-width: 960px;
     padding: 0 40px;
}
}

@media all and (min-width: 1200px) {
.cms-page-view .page-main .tutorial_page > div.top-wrap.note-wrap {
     max-width: 1230px;
}
}

/* *****END***** */

/* ****FOOTER**** */
.icons-cell { width: 30%;}

#ia-social-footer-section {
      margin: 12px auto; 
      text-align: center;
}
@media all and (max-width: 991px) {
     .icons-cell {width: 40%;}
}
@media all and (max-width: 768px) {
     .icons-cell {width: 50%;}
}
@media all and (max-width: 575px) {
     .hr-cell {display: none;}
     .icons-cell {width: 100%;}
}
@media all and (max-width: 475px) {
     #ia-social-footer-section [class^="porto-icon-"]:before, [class*=" porto-icon-"]:before {
          line-height: 44px;
     }
}
@media all and (max-width: 375px) {
.social-icons>li>a {
    height: 45px;
    width: 45px;
}
}

/* ****END**** */

/* *****HEADER***** */
.page-header.type5.header-newskin .block-search .action.search {
     border: none;
     height: 30px;
     line-height: 30px;
}

.page-header.type5.header-newskin .block-search {
    right: -10px;
    margin-top: 10px;
}

.mst-searchautocomplete__highlight {
    font-weight: 400;
    color: #333333;
}

.mst-searchautocomplete__autocomplete ul li a.title {
     font-weight: 400;
     color: #666666;
}

.mst-searchautocomplete__item.magento_catalog_product .title a {
    color: #666666;
    font-weight: 500;
}

#search {
    background: #fff;
    height:36px;
}

@media (min-width: 768px)
.page-header.type5.header-newskin .minicart-wrapper .action.showcart .counter.qty span {
     font-size: 16px;
     font-weight: 300;
}
}

.cart-item .porto-icon-down-dir:before,
.cart-item .porto-icon-up-dir:before {
    font-size: 16px;
    line-height: 16px;
    text-align: left;
}

.cart.table-wrapper .actions-toolbar > .action-edit > span, .cart.table-wrapper .actions-toolbar > .action-delete > span {
     overflow: visible;
}

.page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1.menu-getting-started > a, 
.page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1.menu-how-to-metal-stamp > a,
.page-header.header-newskin .navigation li.level0.fullwidth .submenu li.ui-menu-item.level1.level1.new-product.desktop > a,
.page-header.header-newskin .navigation li.level0.fullwidth .submenu li.ui-menu-item.level1.level1.new-product.desktop > a {
    border-bottom: none;
}

.page-header.header-newskin .navigation li.level0.fullwidth .submenu a, .page-header.header-newskin .navigation li.level0.classic .submenu a, .page-header.header-newskin .navigation li.level0.staticwidth .submenu a {
     font-weight: 400;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 .subchildmenu .subchildmenu li.level3 a {
     text-transform: none;
}

@media all and (min-width: 768px) {
.page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1 > a {
    border-bottom: solid 1px #ccc;
    margin-right: 10px;
    margin-left: 7px;
}

.page-header.type5.header-newskin .panel.header .top-links-area ul li {
    border-right: solid 1px #fff
}

.page-header.header-newskin .navigation li.level0.fullwidth .submenu  li.ui-menu-item.level1.level1.new-product.desktop > a {
     margin-top: 0;
     margin-bottom: 0;
}

.page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1>a {
    margin-top: 0;
}

ul.subchildmenu.col-md-12.mega-columns.columns4 .ui-menu-item.level1.parent {
     padding-top: 7px;
}
}

@media all and (max-width: 767px) {
header.page-header .nav-sections-item-content {
    border-top: 5px solid #1b7d76;
}

.sw-megamenu.navigation .parent .level-top:after, .sw-megamenu.navigation .parent .level-top.ui-state-active:after,
.sw-megamenu.navigation .parent .level-top.ui-state-active:after {
    width: 25px;
    height: 25px;
    background: none; 
    content: url(https://api.iconify.design/simple-line-icons:plus.svg?color=%23666&height=20);
}

.sw-megamenu.navigation .parent .level-top.ui-state-active:after {
    content: url(https://api.iconify.design/simple-line-icons:minus.svg?color=%23666&height=20);
}

.sw-megamenu.navigation ul li.level0.parent .submenu.opened ul.subchildmenu li.parent {
    padding-left: 10px;
}
}



/* *****END HEADER***** */

/* *****CHECKOUT/ACCOUNT***** */

.opc-block-shipping-information .shipping-information-title .action-edit:hover:before {
     color: #1c6b66;
}

.opc-block-shipping-information .shipping-information-title .action-edit:before {
     margin-top: -20px;
}


/* ****CATEGORY PAGES**** */
.category-description.custom-margin {
    width: 100%;
    max-width: 540px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
    margin-right:  auto;
}

.content.category-page-caption {
     width: fit-content;
     padding: 2.5%;
     text-align: center;
     top: 45% !important;
}

.content.category-page-caption.detail-caption {
     top: 40% !important;
}

.content.category-page-caption h2 {
     text-align: center;
}

.content.category-page-caption img {
    max-width: 100%;
    max-height: 40px;
    vertical-align: -5px;
    margin-right: 8px;
}

.content.category-page-caption h4 {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
}

@media all and (max-width: 479px) {
       .content.category-page-caption h2 {
          font-size: 33px;
     }

   .full-width-image-banner {
          height:200px;
    }
}

@media all and (max-width: 575) {
       .content.category-page-caption h2 {
          font-size: 36px;
     }

.content.category-page-caption h4 {
      font-size: 18px;
}
}

@media all and (max-width: 640px) {
    .content.category-page-caption {
          top: 40% !important;
     }

   .full-width-image-banner {
          height:250px;
    }
}
@media all and (max-width: 767px) {
     .content.category-page-caption h2 {
          font-size: 40px;
     }
     .content.category-page-caption {
          padding: 3.5%;
     }
.mobile-sticky .category-description.custom-margin {
    margin-top: 64px;
}

.mobile-sticky .category-description.custom-margin + #maincontent {
    margin-top: 0px;
}
}


@media all and (min-width: 768px) {
   .category-description.custom-margin {
          max-width: 768px;
    }
   .full-width-image-banner {
          height:300px;
    }
}

@media all and (min-width: 992px) {
   .category-description.custom-margin {
          max-width: 960px;
    }
}

@media all and (min-width: 1200px) {
   .category-description.custom-margin {
          max-width: 1230px;
    }
}

@media all and (max-width: 1023px) {
   #gs-parallax-banner {
             padding: 175px 100px;
    }
}


/* *******MOBILE HEADER******* */
@media all and (max-width: 767px) {

     .sw-megamenu.navigation ul li.level0.parent .submenu.opened ul.subchildmenu li.parent > a{
          padding: 15px 15px 13px;
          letter-spacing: .5px;
          border-bottom: solid 1px #cccccc;
          border-top: none;
          margin-left:10px;
     }

.sw-megamenu.navigation ul li.level0.parent .submenu.opened ul.subchildmenu li.level1.parent > ul.subchildmenu {
    border-bottom: 1px solid #cccccc;
}

.sw-megamenu.navigation ul li.level0.parent .submenu.opened ul.subchildmenu li.parent ul.subchildmenu li a {
    line-height: 1.4;
}

.sw-megamenu.navigation ul li.level0.parent .submenu.opened ul.subchildmenu li.parent > a:before {
     color: #666;
}
.sw-megamenu.navigation ul li.level0.parent .submenu.opened ul.subchildmenu li.parent > a.ui-state-active:before {
    color: #1b7d76;
}

.page-header .nav-sections .header.links > li > a {
    font-size: 1.4rem;
}

.nav-sections .header.links {
     background-color: #fff;
}

.customer-welcome .action.switch:after {
     color: #fff;
     margin-top: 3px;
}
}

/* *****FIX ARTISAN PAGE***** */

.container.artisan-info-intro-block {
     padding: 0;
}

button.artisan-join-btn {
    border-radius: 5px;
    margin-top: 20px;
}

.container.artisan-join-block {
    width: fit-content;
    padding: 25px;
}

.artisan-table-block {
    margin: 0 auto 20px;
}

/* *****END***** */

/* *****HOMEPAGE***** */

#sos-text{
    margin-left: 10px;
}

#new-stamping .row .col-12 {
     padding: 0;
}

#new-stamp-3 .grid-uniform, #cta-banner {
     padding: 0 20px;
     min-height: 275px;
}

#cta-col {
    padding: 15px 20px;
}

#latest_news a, #cta-row .content .btn.btn-default, #build-text-2 a {
    color: #fff;
}

#build-text-2 h1 a:hover {
    text-decoration: none;
}

#new-stamping-2 .row:first-child .col-12{
     padding: 0 0 20px;
}

#new-stamping-2 .row:last-child .col-12 {
     padding: 20px 0 0;
}

#latest_news .one-third {
     width: 45%;
}

#latest_news .two-third {
     width: 55%;
}

#latest_news h1 {
     color: #fff;
     margin-top:25px;
     margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.4;
}

.one-third {
     background: #1b7d76;
}

.homepage-featured-section a.hover-overlay:hover {
    background: #fff;
    opacity: .4;
}

#latest_news .one-third img {
    position: relative;
    width: 88%;
    margin: 0 auto 25px;
}

#latest_news #build-text img {
     margin-bottom: 0;
}

.parallax-wrapper, .overlay.overlay-color {
     height: 100%;
}

h1.red-section-header {
    margin: 20px 20% 15px;
    line-height: 1.3;
}

h6.red-section-subheader {
    margin: 0 10% 20px;
}

.para, .new-step-para p {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 10px;
}

#make-it-personal {
    max-width: 45%;
    margin: 0 auto 50px;
}

#siy {
     margin: 0 auto 60px;
     max-width: 95%;
}

#new-stamp-3 #cta {
     margin: 20px auto; 
     padding: 100px 30px; 
}

#parallax_home .btn, #cta-row .btn {
     background: #1b7d76;
     padding: 15px 20px;
     color: #fff;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .5px;
     border-radius: 8px;
     font-size: 16px;
}

#parallax_home .btn:hover, #cta-row .btn:hover {
     color: #fff;
     background: #1b6c66;
}

.parallax-slider .owl-carousel p {
     font-size: 20px;
     line-height: 30px;
     padding: 0 20px;
}

@media all and (max-width: 1199px) {
    #new-stamp-3 .grid-uniform, #cta-banner {
        padding: 0 15px;
        min-height: 275px;
    }
    #cta-col {
        padding: 8px 15px;
    }
}

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

    #cta-col {
        padding: 3px 13px;
    }

    #latest_news .one-third img {
        width: 100%;
    }

    #latest_news .one-third {
     width: 78%;
     }

    #latest_news .one-third img {
        width: 100%;
    }

    #latest_news h1 {
        font-size: 22px;
        margin-top: 5px;
    }


    #new-stamp-3 .grid-uniform, #cta-banner {
        padding: 0 13px;
    }

    .new-parallax-banner {
        padding: 50px 20px;
    }

    .homepage-featured-section .homepage-section-text p {
        font-size: 14px;
    }
}

@media all and (max-width: 767px) {
    #stamp-with-us .tri-col-para {
        margin-top: 0;
    }
    #stamp-with-us {
        margin-bottom: 30px;
    }

    #stamp-with-us .tri-col-table{
        width: 75%;
    }

    br#sk-break {
        display: none;
    }

    #latest_news .one-third img {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #latest_news .one-third {
        height: 170px;
    }

    #latest_news h1 {
        font-size: 24px;
    }

    .two-thirds {
        min-height:250px;
        height: 300px;
    }

    #build-box-2, #sos-box-2 {
        margin-bottom: 25px;
    }

    #new-stamp-3 #cta {
        margin-top: 0;
    }

    div#latest_news, #cta-row {
        width: 96%;
        margin: 0 auto;
    }

    .homepage-featured-section .homepage-section-text p {
        font-size: 16px;
    }

    #build-div, #iau-div {
        height: 300px !important;
    }
    #why-stamp .col-sm-12.col-md-4.tri-col-entry    
    #ways-to-learn .col-sm-12.col-md-4.tri-col-entry {
          padding-left: 0;
          padding-right: 0;
     }
}
@media all and (max-width: 575px) {
    #stamp-with-us .col-sm-12.col-md-4.tri-col-entry {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    .parallax-slider .owl-carousel p {
        font-size: 18px;
        padding: 0 20px;
     }

    #latest_news .one-third img {
        width: 60%;
    }

}

@media all and (max-width: 375px) {

    #new-stamping-2 .homepage-featured-section:first-child {
        padding-right: 10px;
    }

    #new-stamping-2 .homepage-featured-section:last-child {
        padding-left: 10px;
    }

    #latest_news #build-text-2 img {
        margin-bottom: 0;
    }

    #latest_news #build-text-1 img {
        margin-bottom: 0;
    }
}

/* ******END****** */

/* ******SHOP****** */
#shop-banner {
     margin-top: 0;
     margin-bottom: 10px;
}

#shop-parallax-banner .content {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

#shop-new img.product-image-photo.default_image {
    padding: 15px;
}

.products-grid img.product-image-photo.default_image {
    padding: 8px;
}

a:hover img {opacity: .6;}
.mobile-show, .product-labels, .product.actions.product-item-actions {display: none;}
.owl-bottom-narrow .owl-controls  {bottom: -5px;}
.owl-theme .owl-dots .owl-dot span { height: 3px;}
div#shop-featured {margin-top: 15px;}
div#shop-all { margin-top: 40px; margin-bottom: 0;}
.filterproduct-title {
     background-image: none;
     text-transform: none;
}
.product-item-photo {border: none;}
#shop-new h6.red-section-subheader {margin-bottom: 0;}
#shop-featured h1.red-section-header, #shop-all h1.red-section-header {margin-bottom: 30px; margin-top: 10px;}
h6.category-name {
    margin-top: 0;
    font-size: 15px;
    font-variant: small-caps;
    text-transform: lowercase;
    font-weight: 500;
    letter-spacing: .25px;
    margin-bottom: 0;
}
#shop-all .col-xs-6.col-md-4 {
    padding-right: 20px;
    padding-left: 20px;
}
#shop-featured .row:last-child,
#shop-all .row:last-child {
    width: 95%;
    margin: 0 auto;
}

.non-banner-main-img {
    margin: 10px auto 25px;
}

#shop-new .products-grid .owl-carousel .product-item { padding-top: 0;}
#shop-featured h1.red-section-header {
    margin-top: 30px;
}

#shop-featured h6.category-name, #shop-all h6.category-name {
    margin-bottom: 30px;
}

.project-caption .category-name + p {
    margin-bottom: 20px;
}

@media all and (max-width: 991px) {
     #shop-parallax-banner .content img {
         max-height: 185px;
         transform: translate(-50%, 0%);
     }

    h6.red-section-subheader {
        margin: 0 5% 20px;
    }
}
@media all and (max-width:767px) {
    #shop-all .col-xs-6.col-md-4 {
        padding-right: 15px;
        padding-left: 15px;
    }
     #shop-parallax-banner .content img {
         max-height: 140px;
         transform: translate(-50%, 25%);
     }

    h1.red-section-header {margin:20px 10% 15px;}
    h6.red-section-subheader {margin: 0 2% 20px;}
    #sos-levels, #build-toolbox, #sos-intro {margin-top: 0;}
    .non-banner-main-img {width: 90%}
}


@media all and (max-width: 992px) {
     .tutorial_page.howtometalstamp 
     .tutorial_top h3 {
          margin-top: 5px;
          font-size: 30px;
     }
}

@media all and (max-width: 767px) {
     .tutorial_page.howtometalstamp 
     .tutorial_top h3 {
          font-size: 28px;
     }
     .tutorial_page .top-wrap{padding: 0 10px;}

    .filter.active .filter-subtitle {
        font-size: 14px;
        font-family: 'Roboto';
    }

    .filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle {
        padding-left: 10px;
        padding-right: 10px;
    }
    .filter-options-title:after {
        right: 6px;
    }
    .filter.active .block-category-list .block-content, .filter.active .filter-options-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .filter-options-title:hover:after {
        color: #ffffff;
    }
    .block-category-list .block-content ol li.item, .sidebar > .block.filter ol li.item {
        padding: 7px 7px;
    }
    .filter.active .filter-current {
    padding: 17px 10px;
    }
    .product.description .value > ul {
        margin-left: 0;
        padding-left: 15px;
    }
    body .cms-page-view .page-main .tutorial_page .top-wrap {
         padding: 0 10px;
    }
}

@media all and (max-width: 640px) {
    h1.red-section-header {margin:20px 2% 15px;}
}

@media all and (max-width: 575px) {
     .tutorial_page.howtometalstamp 
     .tutorial_top h3 {
          font-size: 24px;
     }
     h6.red-section-subheader {
         margin: 0 5% 20px;
      }
}


/* *****TUTORIAL TEMPLATE***** */
@media all and (min-width: 520px) and (max-width: 767px) {
.top-wrap .panel .level-list-wrap, .top-wrap .panel .box-list {
    width: 45%;
}
.top-wrap .panel .box-list {
    padding-right: 25px;
    max-width: unset;
    margin-left: 0;
    border-right: 1px solid #acacac;
    position: relative;
    border-bottom: none;
    width: 50%;
     padding-bottom: 0;
}

.top-wrap .panel .level-list-wrap {
    padding: 0;
    max-width: unset;
}

.top-wrap .panel .level-list-wrap {
    margin-top: 0;
}

.top-wrap .panel .box-list:after {
    position: absolute;
    top: 45%;
    padding: 14px 0;
    position: absolute;
    right: -40px;
    line-height: 16px;
    margin: 0 0 0 auto;
    max-height: fit-content;
}
}
@media all and (max-width: 574px) {
#stay-tuned {
    background-size: cover;
}
}
@media all and (max-width: 519px) {
.top-wrap .panel .panel-content .btn-wrap a{
    margin: 0 0 20px 0;
}

.top-wrap .panel .panel-content .btn-wrap a.shop-stamping-btn{
    margin: 0;
}

.top-wrap .panel .panel-content .btn-wrap ul{
    padding-top: 10px;
    margin-bottom: 0;
}
}

/* FIX TUTORIAL TEMPLATE */
div.tutorial_page.iau_tutorial h1.red-section-header, 
div.tutorial_page.iau_tutorial .red-section-subheader, 
div.tutorial_page.iau_tutorial .red-section-para { 
    text-align: center;
}

div.tutorial_page.iau_tutorial .steps.step1 {margin-top: 20px;}
div.tutorial_page.iau_tutorial .top-wrap .note {
    margin: 10px 10px 0;
    font-size: 14px;
}

.flex_center_container p.note.red-section-para {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

div.tutorial_page.iau_tutorial span.level-span {margin-left: -3px;}

div.tutorial_page.iau_tutorial [class^="step"] .flex_right img {
    overflow: hidden;
    position: relative;
    /*min-width: 130%;*/
    height: auto;
}

div.tutorial_page.iau_tutorial .steps:nth-of-type(even) .flex_left .flex_center_container {
    margin: 0 auto 0 0;
}
div.tutorial_page.iau_tutorial .steps:nth-of-type(odd) .flex_left .flex_center_container {
    margin: 0 0 0 auto;
}

div.tutorial_page.iau_tutorial [class^="step"] .flex_left .flex_center_container {
    width: 450px;
    flex-basis: 450px;
}
div.tutorial_page.iau_tutorial .steps_container .steps .flex_right {
    flex-basis: 55%;
    overflow: hidden;
    align-items: unset;
}
div.tutorial_page.iau_tutorial .mobile-block, 
div.tutorial_page.iau_tutorial .mobile-row, 
div.tutorial_page.iau_tutorial #mobile-supplies {display: none;}
div.tutorial_page .top-wrap .note.red-section-para span {text-transform: uppercase;}

@media all and (max-width: 1199px) {
    div.tutorial_page.iau_tutorial [class^="step"] .flex_left .flex_center_container {
        width: 400px;
        flex-basis: 400px;
    }
}

@media all and (max-width: 1023px) {
    div.tutorial_page.iau_tutorial .steps_container .steps .flex_left { 
    flex-basis: 50%; 
    }
    div.tutorial_page.iau_tutorial [class^="step"] .flex_left .flex_center_container {
        width: 375px;
        flex-basis: 375px;
    }


}

@media screen and (max-width: 991px) {
    div.tutorial_page.iau_tutorial [class^="step"] .flex_left .flex_center_container {
        width: 335px;
        flex-basis: 335px;
    }

     div.tutorial_page.iau_tutorial #desktop-supplies {display: none;}
     div.tutorial_page.iau_tutorial #mobile-supplies {display: flex; width: 100%;}
}

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

     div.tutorial_page.iau_tutorial .desktop-block, 
     div.tutorial_page.iau_tutorial .desktop-projects-row{
        display: none;
    }
    div.tutorial_page.iau_tutorial  .mobile-show {
        display: flex;
    }
     div.tutorial_page.iau_tutorial .mobile-block, 
div.tutorial_page.iau_tutorial .row-collapse-row, 
div.tutorial_page.iau_tutorial .mobile-row {
        display: flex;
    }
    div.tutorial_page.iau_tutorial .flex_center_container h2 {
         font-size: 32px;
    }
    div.tutorial_page.iau_tutorial [class^="step"] .flex_left .flex_center_container {
        width: 80%;
    }
    div.tutorial_page.iau_tutorial [class^="step"] .flex_right img {
        min-width: 100%;
    }
    div.tutorial_page.iau_tutorial .steps:nth-of-type(odd) .flex_left .flex_center_container,
    div.tutorial_page.iau_tutorial .steps:nth-of-type(even) .flex_left .flex_center_container {
        margin: 0 auto;
    }
}

@media all and (max-width: 575px) {
    div.tutorial_page.iau_tutorial [class^="step"] .flex_left .flex_center_container {
        width: 90%;
    }
}

@media all and (min-width: 768px) {
    div.tutorial_page.iau_tutorial .steps_container .steps:nth-of-type(even) .flex_left {
        order: 2;
    }
    div.tutorial_page.iau_tutorial .steps_container .steps:nth-of-type(even) .flex_right {
        order: 1;
    }
}

/* SHOW DISCOUNT PRINCE */
#amasty-shopby-product-list span.old-price {
    display: inline-block;
    vertical-align: -.21rem;
}

.product-labels {
     display: block;
}

.product-labels .product-label.new-sale-label{
    margin-top: 10px;
    background: #FF6A39;
}

#amasty-shopby-product-list span.saving-price {
    display: none;
}

#amasty-shopby-product-list .old-price .price-container .price {
    font-size: 14px;
    color: #aaa;
    font-weight: 300;
    margin-left: 3px;
}

.catalog-product-view .product-info-main .product-info-price > .price-box > .old-price > .saving-price > .saving-text,
.catalog-product-view .product-info-main .product-info-price span.saving-price {
     font-size: 16px;
}

.cms-page-view .page-main .tutorial_page.resources > .tutorial_top h3 {
     margin-bottom: 20px;
}

/*Custom css B-0526*/


body{
	font-family: Arial, Helvetica, sans-serif;
}
.return-to-cart {float: right;margin-left: 10px;}
.return-to-cart a span {line-height: normal;font-size: 15px;padding: 17px 0;display: inline-block;}
.return-to-cart a:hover span{text-decoration: none;}

.products.wrapper .product-item .qty-box {
   min-width: 100px;
   width: 100px;
}

.products.wrapper .product-item .qty-box input {
    width: 40px;
}

.form.create.account > .fieldset {
    border-bottom: 1px solid #1b7d76;
    margin-top: 10px;
}

.login-container,
#form-validate.form.create.account.form-create-account {
     border-top: 4px solid #ff6a39;
}


#form-validate > fieldset.fieldset.business-info-2 > h3:nth-child(1) {
    width: 85%;
}

#form-validate > fieldset > h3 {
    line-height: 2.25rem;
}

@media all and (max-width: 767px){
    #form-validate > fieldset.fieldset.business-info-1 > h3:nth-child(4) + div.input-box.display-inline + div.input-box.display-inline {
          margin-left: 10px;
    }

    .form.create.account > .fieldset {
          margin-bottom: 10px;
    }
}

@media all and (max-width: 320px) {
        #form-validate > fieldset.fieldset.business-info-2 > div.input-box.display-inline {
           width: 75%;
    }

    #form-validate > fieldset > h3 {
         width: 75%;
    }

    #form-validate > fieldset.fieldset.business-info-2 > div.admin__field.field-recaptcha {
         width: 75%;
    }

}

.catalog-product-view .product-info-main .product-info-price > .price-box > .old-price {
   display: none !important;
}


.page-main-subtitle {font-weight:300;}

/*=====FIX CATEGORY LISTINGS=====*/


.products-list .product-item-photo {
    width: 20%;
}


@media all and (min-width: 768px) {
    .products-list .product-item-details {
        width: 69%;
    }

    .products-list .product-item-photo {
         width: 30%;
    }
}

@media all and (min-width: 1024px) {
    .products-list .product-item-details {
        width: 75%;
    }

    .products-list .product-item-photo {
         width: 165px;
    }
}

@media all and (min-width: 1440px) {
    .products-list .product-item-details {
        width: 80%;
    }

    .products-list .product-item-photo {
         width: 165px;
    }
}




/*=====WHOLESALE HOMEPAGE======*/

#homepage-title {
	margin-bottom: 0;
	font-family: 'Roboto Slab', serif;
	text-align: center;
        margin-top: 10px;
}


/*@media all and (min-width: 768px) {
.page-header.type18 .panel.header .customer-menu .header.links > li > a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .6px;
}

.page-header.type18 .panel.header .customer-menu .header.links > li > a:hover {
    background: #f4f4f4;
    color: #1b7d76 !important;
    text-decoration: none;
}

.customer-welcome ul li:first-child {
    text-align: right;
    padding: 0;
    font-size: 12px;
    margin-top: 0;
}

.customer-welcome ul li:hover {
    background: #fff;
    cursor: pointer;
}
}*/

#wholesale-new-product-list > div > div.content {
     display: inline-block; 
     position: absolute; 
     min-width: 15%; 
     min-height: auto; 
     max-width: 70%;
     z-index: 2; 
     top: 30%; 
     left: 10%; 
     text-align: left; 
     padding: 20px; 
     background-color: rgba(255,255,255,.85);
}

#wholesale-new-product-list > div.full-width-image-banner {
    height: 250px;
    max-height: 300px;
}

#processing-time{
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    margin-top: 0;
    margin-bottom: -70px;
    color: #1b7d76;
}

#processing-time > span#current-process-time {
	color: #666;
}

#wholesale-new-product-list > div:last-child {
	margin-bottom: 0;
}

/* -----styles h1 in slider----- */

#wholesale-new-product-list > div > div > a > h1 {
     font-family: 'Roboto', sans-serif; 
     color: #666; 
     font-weight: 300; 
     margin-bottom: 7px;
     line-height: 1.2;
}

/* -----styles h3 in slider----- */

#wholesale-new-product-list > div > div > a > h3 {
     font-family: 'Roboto', sans-serif; 
     color: #1b7d76; 
     font-weight: 400; 
     margin: 0;
}
     

@media all and (max-width: 767px){
    #wholesale-new-product-list > div.row.full-width-image-banner.wholesale-product-list-image{
       margin-top: 0;
    }
}

@media all and (min-width: 768px){
    #wholesale-new-product-list > div.full- 
    width-image-banner {
        height:300px;
     }
    #wholesale-new-product-list > div > div.content {
        top: 33%;
    }

	h1#homepage-title {
		margin-top: 0px;
	}

	#wholesale-new-product-list > div.full-width-image-banner {
		margin-top: 0;
	}

     h1#homepage-title {
	margin-bottom: 0;
	font-family: 'Roboto Slab', serif;
	text-align: center;
}}


#wholesale-new-product-list > div > div > a:hover, 
#wholesale-new-product-list > div > div > a:hover > h3,
 #wholesale-new-product-list > div > div > a:hover > h1{
     color: #666;
}

.opc-wrapper .form-discount .field .label.existing-cc-label {
    position: static;
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 8px;
}

form#purchaseorder-form + div.checkout-agreements-block .payment-option.opc-payment-additional.comment.last .label.existing-cc-label:first-child {
    display: none;
}

input.input-text.order-ponumber.order-ponumber-input,
#purchaseorder-form .field.field-number.required {
    margin-bottom: 10px;
}

@media all and (min-width: 768px) {
#purchaseorder-form .field.field-number.required,
.checkout-payment-method .payment-option-content {
    padding-left:10px;
}
}

input#po_number {
    width: 100%;
   max-width: 500px;
}

textarea.input-text.order-comment.order-comment-input, input.input-text.order-ponumber.order-ponumber-input {
    margin-top: 8px;
}

.account .column.main .box.box-newsletter, 
.account.page-layout-2columns-left .sidebar-additional,
.product-options-bottom .price-box .old-price, 
.product-info-price .price-box .old-price
 {
    display: none;
}


/*=========MOBILE LIST=========*/



.product-list-price-subgroup,
.product-list-sku {
	color: #999;
}

@media all and (max-width: 639px){


.products-list .product-item-name {
	font-size: 16px;
	margin: 5px auto;
}

.products-list .product-item-details {
	text-align: left

}

.price-box {
    margin: 0 0 5px 0;
    margin-bottom5px;
    display: inline-block;
    margin-right: 8px;
}

.product-list-price-subgroup {
	display: inline-block;
	margin-left: 10px;
}

.product-list-map, .product-list-msrp {
	font-size: 12px;
	line-height: 18.2px;

}

.product-list-map {
    margin-left: 5px;
    padding-left: 7px;
}

#amasty-shopby-product-list button.action.tocart.primary {
    margin-top: -3px;
}

.products-list .product-item-photo {
    width: 35%;
    margin-right: 15px;
}

.products-list .product-item {
	margin-bottom: 0;
}

}

@media all and (max-width: 425px) {
	.product-list-price-subgroup {
		margin-left: 0;
	}

	.price-box
	 {
		margin-bottom: 5px;
	}
}

@media all and (max-width: 375px) {

	.price-box
	 {
		margin-bottom: 0;
	}

	.products-list .product-item-photo {
    	width: 40%;
        margin-bottom:10px;
	}

	.product-list-sku {
    	margin: 0 0 5px;
	}

	.product-list-price-subgroup {
		margin-bottom: 0;
	}


}