.page_link{margin: 25px 0;}
.page_link  a{width: 23%;float: left;margin: 0 1% 20px 1%;}
.page_link p{text-align: center;font-size: 35px;font-weight: 500;color: #E50707;margin: 0 0 20px 0;}
/*************************Common Class**************************************/
.common_step_title{color: #1391ce;margin: 10px 0 0 0;border-bottom: 3px solid #1435A2;padding: 0 0 5px 0;}
.common_step_title h1{font-weight: 300;width: calc(100% - 140px);float: left;font-size: 34px;}
.common_step_title span{font-size: 16px;}

.product_tour_video{width: 140px;float: right;}
.product_tour_video button{line-height: 1;text-transform: uppercase;padding: 10px;border: 2px solid #707070;color: #707070;font-size: 13px;font-weight: bold;}
.product_tour_video button:hover{border-color: #ed1c24;color: #ed1c24;}
.product_tour_video button img{height: 14px;margin: 0 5px 0 0;}
.product_color_area .custom-color-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #097a89;
    min-height: 352px;
}
.product_color_area .custom-color-placeholder .custom-icon {
    font-size: 6em;
}
.product_color_area .custom-color-placeholder .custom-header {
    font-size: 2em;
    color: #046e9d;
    padding: 15px 25px;
}
.product_color_area>ul>li>ul {
	padding: 0 0 7px 7px;
	background-color: #F8F8F8;
}
.product_color_area>ul>li>ul.verti-list {
    flex-direction: column;
}
.product_color_area>ul>li>ul.verti-list li {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.product_color_area>ul>li>ul.verti-list li p {
    flex-basis: 57%;
    font-size: 15px;
    padding: 0;
    margin-right: 5%;
    text-align: left;
}
.product_color_area>ul>li>ul>li {
	margin: 0 7px 0 0;
}

@media only screen and (max-width: 767.98px) {
    .common_step_title h1{width: calc(100% - 120px);}
    .common_step_title h1{font-size: 25px;}
    .common_step_title span{font-size: 14px;}
    .product_tour_video{width: 120px;}
    .product_tour_video button{font-size: 12px;}
    .product_tour_video button img{height: 12px;}
}
@media only screen and (max-width: 500px) {
    .common_step_title h1{width: calc(100% - 100px);}
    .common_step_title h1{font-size: 20px;}
    .common_step_title span{font-size: 12px;}
    .product_tour_video{width: 100px;}
    .product_tour_video button {    font-size: 12px;    padding: 3px;}
    .product_tour_video button img{height: 10px;}
}
@media only screen and (max-width: 450px) {
  .common_step_title span{display:block;}  
  .product_tour_video button img{display:none;}
  .product_tour_video button {padding: 8px;}
}
@media only screen and (max-width: 350px) {
    .common_step_title h1{width: calc(100% - 80px);}
    .common_step_title h1{font-size: 18px;}
    .common_step_title span{font-size: 10px;}
    .product_tour_video{width: 80px;}
    .product_tour_video button {    font-size: 11px;    padding: 5px 2px;}
}
.color_item.active_item{}

.common_step_box{border-left:20px solid #1435A2;padding: 10px 15px 15px 15px;background-color: #fff;margin:10px 0 0 0;}
.common_step_box>p{font-size: 25px;color: #046E9D;font-weight: 300;line-height: 1;width: 100%;float: left;position: relative;margin: 0 0 8px 0;}
.common_step_box>p>span{font-size: 14px;padding: 0 0 0 5px;}
.common_step_box>p>span.pull-right{padding: 7px 0 0 0;}
.common_step_box h4{color: #046E9D;font-size: 14px;font-weight: 300;}
.common_step_box h3{color: #046E9D;font-weight: 300;padding: 15px 0 5px 0;}
.common_step_box img{margin: 0 auto;}
.common_step_box .productBigImg {
    position: relative;
}
.common_step_box .productBigImg img{border: 1px solid #cacaca;}
.pre_next_options{
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 24px;
    display: none;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-50%);
}
.productBigImg:hover .pre_next_options{
    display: flex;
}
.pre_next_options button{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: none;
    box-shadow: 0 1px 18px 2px #bbbaba; 
}
.pre_next_options button i{
    font-size: 28px;
}

.common_step_box ul li{
    cursor: pointer;
    text-align: center;
    margin: 0 10px 0 0;
    position: relative;
}

.common_step_box #thumbWrapper li{
    float: left;
    margin: 0 10px 10px 0;
}
.common_step_box ul li>p{color: #707070;font-size: 11px;font-weight: 300;}
.common_step_box ul li>span{color: #CCCCCC;font-size: 11px;font-weight: 300;display: block;padding: 10px 7px;}
.common_step_box ul li>span.freeQuantity{padding: 0;
    color: #2e800a;
    font-weight: 400;
    font-size: 15px;}

.product_price table,
.product_price td {border: 1px solid #C3C3C3;}
.product_price tr:first-child td{
    background-color: #cae4f1;
}
.freeProductStyle{
    color: green;
    font-weight: 500;
}
.product_price tr td{padding: 7px 0 7px 5px;color: #046E9D;font-size: 14px;text-align: center;background-color: #F7FCFD;font-weight: 300;}
.product_price tr td:first-child{text-align: left;font-size: 16px;font-weight: 500;}
@media only screen and (max-width: 1200px){
.price_div{overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;padding: 0 0 10px 0;z-index: 1;}
.product_price table>tbody>tr{overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;display: flex;}
.product_price table>tbody>tr>td{width:100px;}
}
@media only screen and (max-width: 500px){
    .common_step_box > p > span.pull-right{width: 100%;text-align: right;padding: 0;}
}
.product_size.common_step_box ul li{max-width: 25%;}
.product_type.common_step_box ul li.selected::after,
.product_size.common_step_box ul li.selected::after{border:10px solid transparent;left: 48%;z-index: 1;}
.product_type.common_step_box ul li.selected::after{ border-bottom-color: #1435A2;top: calc(100% - 19px);border-width: 22px 12px;}

.product_type.my-products ul li.selected::after{
    border-bottom-color: #1435A2;
    top: calc(100% - -16px);
    border-width: 22px 12px;
}

.product_size.common_step_box ul li.selected::after{border-top-color: #1435A2;top: -53px;border-bottom-color: transparent;border-width: 22px 12px;}


.common_customize_box{margin: 0 0 20px 0;}
.common_customize_box .common_input_box{background-color: #F4F4F4;padding:20px 15px;border-left: 65px solid #2E800A;position: relative;}
.common_customize_box .common_input_box>span{
    color: #fff;
    font-size: 36px;
    position: absolute;
    top: 96px;
    left: -96px;
    bottom: auto;
    font-weight: 300;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
    /*-webkit-transform-origin: -34px 18px;*/
    /*-moz-transform-origin: -34px 18px;*/
    /*-ms-transform-origin: -34px 18px;*/
    /*-o-transform-origin: -34px 18px;*/
    /*transform-origin: -34px 18px;*/
}

.common_customize_box>p,
.common_input_area>p,
.common_input_area ul button{color: #046E9D;font-size: 22px;font-weight: 300;padding: 0 0 10px 0;}

.common_input_area{width: 50%;float: left;padding: 0 15px;}
.common_input_area input{height: 50px;max-width: 600px;border: none;text-align: center;font-size: 30px;}
.common_input_area ul{margin: 25px 0 0 0;}
.common_input_area ul>li{width: 50%;float: left;margin: 0;max-width: 300px;padding: 0 10px 0 0}
.common_input_area ul > li:last-child{padding:0;}
.common_input_area ul button{background-color:#FFF; width: 100%;max-width: 290px;padding: 0;text-align: center;height: 45px;border: 1px solid #ddd;}
.common_input_area ul button>span.picked_color_bg{position: absolute;width: 40px;height: 43px;background-color: #046E9D;right: 1px;top: 1px;}
.tyvek_message .common_input_area ul button>span.picked_color_bg{position: absolute;width: 40px;height: 43px;background-color: #000000;right: 1px;top: 1px;}
.tyvek_message.fabric_message .common_input_area ul button>span.picked_color_bg{background-color: #ffc107;}
.lanyard_input.tyvek_message .common_input_area ul button>span.picked_color_bg{background-color: #ea1921;}

.common_input_area ul>li:last-child button{float: right;padding: 0 40px 0 0;}

.common_select_button label{color: #A59E9E;font-size: 18px;font-weight: 300;}
.common_select_button label>span{padding: 10px 0 0 50px;text-align: left;}
.common_select_button label::before{width: 40px;height: 40px;border: 1px solid #707070;padding: 0;left: 0;}
.common_select_button.fab_button label::before{width: 25px;height: 25px;}
.common_select_button label.active_art::after{left: 5px;top: 5px;width: 30px;height: 30px;background-color: #046E9D;}
.common_select_button.fab_button label.active_art::after{left: 3px;top: 3px;width: 19px;height: 19px;}
.common_select_button label.active_art:hover::after{background-color: #707070;}


.banner_section img{width: 100%;height:auto;}

.common_design{margin: 50px 0 0 0;}
.common_design p{font-size: 14px;font-weight: 300;text-align: center;color: #A59E9E;margin: 20px 0 0 0;}
.common_choice_list{margin: 30px 0;}
.common_choice_list ul{width: -moz-max-content;float: none;margin: 0 auto;}
.common_choice_list ul li{margin:0 60px 0 0;}
.common_choice_list ul li p{font-size: 18px;color: #046E9D;font-weight: 300;}
.common_select_type .common_select_button{float: none;margin: 0 auto;height: 43px;max-width: 400px;}
.common_clipart_font_etc{max-width: 980px;float: none;margin: 0 auto;}
.common_end,.common_start{width: 110px;}
.common_clipart_font_etc .common_input_area{width: 600px;margin: 0 70px;}
.common_end button,
.common_start button{border: none;height: 110px;width: 100%;}
.common_end button:last-child,
.common_start button:last-child{background-color: #F4F4F4;font-size: 11px;color: #2E800A;padding: 0;height: auto;margin: 10px 0;}
.common_end p,.common_start p{color: #046E9D;font-size: 14px;font-weight: 300;text-align: center;padding: 5px 0;}
.common_end button img,
.common_start button img{max-height: 100%;}
/******************** Production , shipping and Add to cart area***************************/
.production_addtocart_area.common_step_box{border: none;padding: 0;}
.common_production_shipping_area{padding: 25px 25px 45px 25px;}
.common_production_shipping_area h2{color:#046E9D;font-size: 26px;font-weight: 300;margin: 20px 0 5px 0;}
.common_production_shipping_area.common_select_button label{margin: 30px 0 0 30px;font-size: 28px;color: #A59E9E;font-weight: 500;position: relative;max-width: 335px;}
.common_production_shipping_area.common_select_button label>span{padding: 5px 0 0 60px;}
.common_production_time_area{max-width: 365px;float: left;background-color: #F4F4F4;margin: 0 3% 0 0;height: 160px;position: relative;width: 30%;}
.common_production_time_area.state_area{height: 70px;}
.common_production_time_area.state_area button{height: 100%;background-color: #F4F4F4;border: none;font-size: 21px;color: #046E9D;font-weight: 300;}
.common_production_time_area.state_area .btn-default:active:focus,
.common_production_time_area.state_area .btn-default:active:hover,
.common_production_time_area.state_area .btn-default:hover{background-color: #046E9D;color: #f4f4f4;font-weight: 500;}
.common_production_time_area>span{height: 50px;text-align: center;font-size: 27px;font-weight: 500;color: #fff;background-color: #2E800A;padding: 10px 0;}
.common_production_time_area p{color: #046E9D;font-size: 22px;text-align: center;margin: 10px 0;}
.production_area>div:last-child.common_production_time_area>span,
.shipping_area>div:nth-of-type(2).common_production_time_area>span{background-color: #FF320D;}
.shipping_area>div:last-child.common_production_time_area>span{background-color: #046E9D;}
.common_select_button .shipping_area>div:last-child label::before,
.common_select_button .shipping_area>div:last-child label::after{filter: alpha(opacity=0);opacity: 0;}
.common_select_button .shipping_area>div:last-child label{margin: 15px auto;max-width: 100%;}
.add_to_cart_area{border-bottom: 4px solid #2E800A;border-top: 4px solid #2E800A;padding: 30px;color: #046E9D;font-weight: 300;font-size: 16px;}
.add_to_cart_area .product_name{font-size: 21px;}
.add_to_cart_area ul li{cursor: initial;}
.add_to_cart_area .product_quantity,
.common_step_box ul li>span.total_product_quantity{font-size: 23px;padding: 5px 0;color: #046E9D;font-weight: 300;text-align: center;}
.common_step_box ul li>span.total_product_quantity,.common_step_box ul li>span.total_product_price{display:inline-block;}
.add_to_cart_area .total_price,.common_step_box ul li>span.total_product_price{font-size: 30px;font-weight: 500;color: #046E9D;text-align: center;}
.add_to_cart_area .add_to_cart, .add_to_cart_area .update_cart,
.add_to_cart_area .btn-default:active:focus,
.add_to_cart_area .btn-default:active:hover,
.add_to_cart_area .btn-default:hover{font-size: 43px;color: #FFF;background-color:#2E800A;max-width: 650px;width: 100%;margin: 25px 0;padding: 0;height: 90px; border: none;}
.add_to_cart_area .add_to_cart:hover, .add_to_cart_area .update_cart{color: #dad5d5;background-color: #237102;}

.pad_ship{padding: 0 230px 0 0;}
.pad_bil{padding: 0 0 0 230px;}
/*************************/

/***********************************************/
/***visible hidden***/
.wristbands_front_back_area,
.wristbands_custom_area,
.front_back_input_box,
.continue_input_box,
.upload_input_box,
.wristbands_input_area,
.optional_clipart_front,
.optional_clipart_back,
.optional_clipart_continue,
.wristbands_massage_area,
.front_back_table,
.continue_table,
.upload_table,
.owl-nav,.owl-dots{display: none;}
.active_design{display: block;}
.active_table{display: inline-table;}
/*********************************Wristbands Customize Page****************************************/
/******Wristbands step One*****/
#wristbands_step_one .product_type img,
#wristbands_step_one .product_size img{height: 300px;}
/******Wristbands step two*****/
#wristbands_step_two .common_step_title,
#wristbands_step_two .common_step_box.product_color,
#tyvek_step_two .common_step_title,
#tyvek_step_two .common_step_box.product_color,
#lanyard_step_two .common_step_title,
#lanyard_step_two .common_step_box.product_color,
#fabric_step_two .common_step_title,
#fabric_step_two .common_step_box.product_color,
#cooler_step_two .common_step_title,
#cooler_step_two .common_step_box.product_color,
#vinyl_step_two .common_step_box.product_color{border-color: #E50707;}
#wristbands_step_two .common_step_box.product_color{padding: 0;}

.color_mobile{display:none;}
.product_color_type_search{background-color: #046E9D;padding:15px;}
.color_search_area{width: calc(100% - 300px);float: left;}

.color_search_list{width: 100%;max-width: 450px;margin: 0 auto;position: relative;}
.color_search_list input.form-control{height: 58px;margin: 0 auto;font-size: 25px;font-weight: 500;font-style: italic;padding: 15px 20px;}
.color_search_list>p{display:none;text-align:center;font-size: 16px;color: #888;font-style: italic;padding: 10px 0 0 0;position: absolute;left: 100%;top: 10px;width: 260px;}
.pms_color_search_list{width: 100%;max-width: 450px;margin: 0 auto;position: relative;}
.pms_color_search_list input.form-control{height: 58px;margin: 0 auto;font-size: 25px;font-weight: 500;font-style: italic;padding: 15px 20px;}
.pms_color_search_list>p{display:none;text-align:center;font-size: 16px;color: #888;font-style: italic;padding: 10px 0 0 0;position: absolute;left: 100%;top: 10px;width: 260px;}

.serchBorder,.color_list,.serchBorder:focus,.serchBorderCircular,.serchBorderCircular:focus,.font_list{border: 5px solid #707;}
.color_list,.font_list, .pms_color_list{background-color:#fff;width: 100%;position: absolute;z-index: 11;display: none;max-height: 300px;height: auto;overflow-y: auto;border-top:none;}
ul.color_list>li,
ul.font_list>li,
ul.color_list>li>span,
ul.font_list>li>span{padding: 5px 0;font-size: 16px;font-weight: 500;color: #707070;}
ul.color_list>li,
ul.font_list>li{border-bottom: 2px solid #707;margin: 0;background-color: #f2f2f2;cursor:pointer;}
ul.color_list>li:last-child,
ul.font_list>li:last-child{border:none;}
ul.color_list>li:hover,
ul.font_list>li:hover{color: #F70B0B;font-weight: 500;background-color: #707070;}
ul.color_list>li>span,
ul.font_list>li>span{padding: 0;color: #F70B0B;font-weight: 500;display: inline-block;}
.pms_color_mobile {
    display: none;
}
.serchClear,
.serchClearFontColor,.serchClearFont, .pmsSerchClear{position: absolute;right: 10px;top: 14px;font-size: 25px;color: red;font-weight: 500;width: 30px;height: 30px;text-align: center;display:none;}
.serchClear:hover,
.serchClearFontColor:hover{background-color: #888;border: 1px solid #707070;}

.color_missing,.color_missing_font,.missing_font, .pms_color_missing{position: absolute;width: 100%;left: 0;top: 100%;color: #888;font-size: 14px;padding: 0;display: none;z-index:1;text-align: center;}
/*.color_missing::after,.color_missing_font::after,.missing_font:after{border: 20px solid transparent;top: 100%;left: 10%;border-top-color: #ac2925;}*/
/*.color_missing_font,.missing_font{left: 0;top: 100%;padding: 3px 10px;}*/
.missing_font,
.color_missing_font{color: #f2f2f2;}
.color_type_area{width: 350px;float: left;}
.color_type_area ul{margin: 10px 0 0 10px;}
.color_type_area img{height: 40px;}

.product_color_area{padding: 15px 0 0 15px;height: 625px; overflow-y: scroll;}
.product_color_area>ul>li{width: calc(20% - 15px);float: left;margin: 0 15px 15px 0;border: 1px solid #cccccc5c;}
.product_color_area>ul>li .mixcolorprice{
    color: #ff3b00;
    float: right;
    position: absolute;
    top: 60%;
    right: 15px;
    font-weight: 400;
    font-size: 16px;
}
.product_color_area>ul>li>img{
    height:274px; 
    border-top-right-radius: 5px; 
    border-top-left-radius: 5px;
    
}
.product_color_area>ul#Glow>li{
    background: #000;
}
#vinyl_step_two .product_color_area>ul>li>img{height:auto; margin:10px auto;}

#neoprene_step_two .product_color_area>ul>li>img{height:auto; border-top-right-radius: 5px; border-top-left-radius: 5px;}

.product_color_area>ul>li>p{border-top: 1px solid #cccccc5c;font-size: 16px;color: #046e9d;font-weight: 300;padding: 5px 0;background-color: #F8F8F8;width: 100%;float: left;}
.product_color_area>ul>li>p>span{color: #ac2925;font-weight: 500;}
.product_color_area>ul>li>ul{padding: 0 0 7px 7px;background-color: #F8F8F8;}
.product_color_area>ul>li>ul>li{margin: 0 7px 0 0;}
.product_color_area>ul>li>ul>li>input.form-control{height: 30px;font-style: italic;font-weight: 500;text-align: center;border: 1px solid #cccccc5c;}
.product_color_area>ul>li>ul>li>p{color: #A59E9E;font-size: 12px;font-weight: 500;font-style: italic;padding: 0 0 5px 0}

#tyvek_step_two .product_color_area ul #selected_color_406  ul.tyvek_img li{width: 84px;border: none;}
#tyvek_step_two .product_color_area ul #selected_color_406  ul.tyvek_img li img{border: none;}
/******Wristbands step three*****/
#wristbands_step_three .common_step_title{border-color: #07E53A;}
#wristbands_step_three .common_step_box{border: 0;padding: 20px;}

.wristbands_design_area{padding: 0 15px;}
.wristbands_design_area p{font-size: 14px;font-weight: 300;text-align: center;color: #A59E9E;}
.wristbands_design_area table{height: 100px;background-color: #14025F;margin: 10px 0;text-align: center;color: #046E9D;font-size: 55px;font-weight: bold; background-size: 100% 100%;}
.wristbands_design_area table td{padding:20px;height:100px;}
.wristbands_design_area table.front_back_table td{width: 50%;}
.debossed{
    /*text-shadow: -1px -1px 1px rgba(247, 244, 244, 0.31), 1px 1px 1px rgba(179, 172, 172, .40);*/
    /*text-shadow: -1px -1px 2px rgb(247, 244, 244), 1px 1px 1px rgba(179, 172, 172, 0.16);*/
        
    text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.55), 1px 1px 0px rgba(0,0,0,0.81);
    
}
.embossed{
   /*text-shadow: -1px -1px 2px rgba(119, 118, 118, 0.98), 1px 1px 1px rgba(16, 16, 16, 0.62);*/
   text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.55), 1px 1px 0px rgba(0,0,0,0.81);
}
    
.wristbands_design_area table td span{/*max-width: 580px;*/max-width: initial;overflow: hidden;margin: 0 10px;}
.wristbands_design_area table td .front_message, .wristbands_design_area table td .back_message, .wristbands_design_area table td .inside_message, .wristbands_design_area table td .continue_message{overflow: initial;white-space: nowrap;}
.wristbands_design_area table td .front_message,.wristbands_design_area table td .back_message, .wristbands_design_area table td .continue_message { margin: 0;}
.wristbands_design_area table .art_left_img img{margin: 0 0 0 auto;}
.wristbands_design_area table .art_right_img img{margin: 0 auto 0 0;}
.wristbands_design_area table.inside_table td span,
.wristbands_design_area table.continue_table td span{
    /*max-width: 1165px;*/
    max-width: initial;
    
}

.wristbands_select_msg_type{margin: 20px 0;}
.wristbands_select_msg_type ul{max-width: 700px;margin: 0 auto;}
.wristbands_select_msg_type ul li{width: 33.33333%;float: left;margin: 0;}

.wristbands_input_area.common_customize_box .common_input_box{border: none;}

.continue_input_box{max-width: 600px;float: none;margin: 0 auto;}
.continue_input_box .common_input_area{width: 100%;}

.optional_clipart>div{width: 33.3333%;float: left;}
.optional_clipart>.optional_clipart_continue{width: 66.6666%;}
.optional_clipart ul,
.optional_clipart h4{max-width: 310px;float: right;}
.optional_clipart h4{padding: 0 0 10px 0;}
.optional_clipart button,
.optional_clipart p{width: 100%;max-width: 110px;float: left;border: none;}
.optional_clipart button:last-child{background-color: #F4F4F4;font-size: 11px;color: #2E800A;padding: 0;}
.optional_clipart ul li p{font-size: 18px;color: #046E9D;padding: 5px 0;}
.optional_clipart li button:first-child{width: 110px;height: 110px;background: #ffffff00;}
.optional_clipart .optional_clipart_continue ul,
.optional_clipart .optional_clipart_continue h4{float: none;margin: 0 auto;}

.optional_clipart_img{padding: 20px 0;}

.inside_input_box .common_input_area{width: 66.6666%;}
.inside_input_box .common_input_area input{margin: 0 auto;max-width: 700px;}
.inside_input_box .common_input_area>ul{max-width: 700px;float: none;margin: 25px auto 0 auto;}
.inside_input_box .optional_clipart_img{width: 33.33%;float: left;}
.inside_input_box .common_input_area ul.common_select_button > li{width: auto;padding: 0 15px 20px 0;}
.inside_input_box .common_select_button label::before,
.packaging_area .common_select_button label::before,
.lanyard_safety .common_select_button label::before,
.lanyard_holder .common_select_button label::before,
.payment_method .common_select_button label::before{width: 25px;height: 25px;border-width: 1px;left: 0;top: -5px;}
.inside_input_box .common_select_button label.active_art::after,
.packaging_area .common_select_button label.active_art::after,
.lanyard_safety .common_select_button label.active_art::after,
.lanyard_holder .common_select_button label.active_art::after,
.payment_method .common_select_button label.active_art::after{width: 17px;height: 17px;left:4px;top:-1px;}
.inside_input_box .common_select_button label{font-size: 14px;color: #046E9D;}
.inside_input_box .common_select_button label > span {padding: 0 0 0 30px;font-weight: 300;}

.packaging_area .common_input_box ul>li{width: 50% ; float: left;margin: 0;max-width: 300px;}
.packaging_area .common_select_button label,
.lanyard_safety .common_select_button label,
.lanyard_holder .common_select_button label{font-size: 22px;color: #046E9D;}
.packaging_area .common_select_button label > span,
.lanyard_safety .common_select_button label > span,
.lanyard_holder .common_select_button label > span{padding:0 0 0 30px;font-weight: 300;}
.packaging_area .common_select_button label::before,
.lanyard_safety .common_select_button label::before,
.lanyard_holder .common_select_button label::before{top: -2px;}
.packaging_area .common_select_button label.active_art::after,
.lanyard_safety .common_select_button label.active_art::after,
.lanyard_holder .common_select_button label.active_art::after{top: 2px;}

/*.packaging_area.common_customize_box .common_input_box > span{*/
/*    -webkit-transform-origin:  -40px 10px; */
/*    -moz-transform-origin:  -40px 10px; */
/*    -ms-transform-origin: -40px 10px;*/
/*    -o-transform-origin:  -40px 10px;*/
/*    transform-origin: -40px 10px;*/
/*}*/

.lanyard_safety .common_select_button label,
.lanyard_holder .common_select_button label,
.packaging_area .common_select_button label{width: auto;margin: 0 auto;float: initial;}
.lanyard-upload .lanyard_rotate { overflow: hidden; }

#wristbands_step_four .common_step_title{border-color: #FF320D;}

.add_quantity {
    background: #f2dede;
    padding: 20px;
    color: #a94442;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    display: block;
    margin: auto;
    width: 650px;
    cursor:pointer;
}
.shipping-notice {
    border: 2px dashed #888;
    margin: 45px 65px 15px;
    padding: 20px;
}

.shipping-notice p {
    text-align: left;
    margin-bottom: 0;
}



.transparent_text .front_message,
.transparent_text .back_message,
.transparent_text .inside_message,
.transparent_text .continue_message {
   color: #fff;
   mix-blend-mode: multiply;
   opacity: 0.9;
   text-shadow: 0 0 4px #000;
}
/*********Lanyard***********/
#lanyard_step_one .product_size li h3{font-size: 18px;}
#lanyard_step_one .common_step_box h4{font-size: 18px;}
#lanyard_step_two .common_step_box{padding: 0;}
#lanyard_step_two .color_search_area, #lanyard_step_two .pms_color_search_area{width: 100%;}
#lanyard_step_two .product_color_area ul ul{border-top: 1px solid #cccccc5c;background-color: #F8F8F8;padding: 12px 0;}
#lanyard_step_two .product_color_area input.form-control{max-width: 155px;margin: 0 auto;height: 44px;font-size: 14px;}
#lanyard_step_two .product_color_area > ul > li > img{height: 280px;}
#lanyard_step_two .color_type_area{display:none;}
#lanyard_step_three .common_step_title{border-color: #07E53A;}
#lanyard_step_three .common_step_box{border: 0;padding: 20px;}
#lanyard_step_three .common_design p{margin: 40px;}
#lanyard_step_three .common_customize_box .common_input_box.lanyard_input,
#lanyard_step_three .common_customize_box.lanyard_clip .common_input_box{border: none;}
#lanyard_step_three .common_customize_box.lanyard_clip .common_input_box{padding:0;}
#lanyard_step_three .common_customize_box.lanyard_clip .common_input_box ul{padding: 25px 16px 0 0;}
.lanyard_clip.common_customize_box li{width: calc(12.5% - 16px);float: left;padding: 0;margin: 0 0 25px 16px;position: relative; min-height: 254px;}
.lanyard_clip.common_customize_box li button,
.lanyard_clip.common_customize_box li button.active:focus,
.lanyard_clip.common_customize_box li button.active:hover{border: none;background-color: #fff;height: 190px;padding: 0;width: 100%;}
.lanyard_clip.common_customize_box li p{font-size: 16px;text-align: center;font-weight: 300;color: #046E9D;margin: 10px 0 0 0;}
/*.lanyard_clip .lanyard_clip_price {position: absolute;top: 0;left: 0;background: #1435A2;color: #fff;padding: 4px 8px;font-weight: bold;display: none;font-size: 14px;border-radius: 6px 0 0 0;}
.lanyard_clip button.active + .lanyard_clip_price {display: block;}*/
.common_customize_box.lanyard_safety .common_input_box,
.common_customize_box.lanyard_holder .common_input_box,
.packaging_area .common_input_box{padding: 25px 50px;}
.common_customize_box.lanyard_safety .common_input_box li,
.common_customize_box.lanyard_holder .common_input_box li{max-width: 230px;float: left;margin: 0 25px 0 0;width:100%;}
.common_step_box .lanyard_safety li img,
.common_step_box .lanyard_holder li img{margin: 10px auto;}
.common_step_box .lanyard_holder li.none img{ margin: 85px auto 18px auto; }

.common_step_box .lanyard_holder li img{max-height: 220px;}
.lanyard_holder.common_customize_box .common_input_box > span{transform-origin: -80px -25px;}
.lanyard_holder.common_customize_box .common_input_box > span{-webkit-transform-origin: -53px -4px;-moz-transform-origin: -53px -4px;-ms-transform-origin: -53px -4px;-o-transform-origin: -53px -4px;transform-origin: -53px -4px;}

.main-img-wrap{width: 1370px;margin: 0;float: left;transform-origin: left top;}
#lanyard_step_three .common_design{margin:0;}

.lanyard_type_select form{max-width: 400px;margin: 0 auto;}
.lanyard_type_select form .radio-inline{background-color: #4a7ff3;height: 50px;font-size: 28px;padding: 14px 20px 10px 45px;width: 180px;margin: 0 20px 0 0;color: #00082e;border-radius: 10px;float:left;}
.lanyard_type_select form .radio-inline input{opacity:0;}
.lanyard_type_select form .radio-inline span::before{content: '';width: 20px;height: 20px;border-radius: 50%;border: 2px solid #fff;float: left;position: absolute;left: 15px;top: 15px;background-color: #fff;}
.lanyard_type_select form .radio-inline input:checked ~ span::after{content: '';width: 14px;height: 14px;border-radius: 50%;border: 2px solid #111;float: left;position: absolute;left: 18px;top: 18px;background-color: #00082e;}
/*********tyvek***********/
#tyvek_step_one .product_size ul li{padding: 10px;}
#vinyl_step_two .common_step_box,
#tyvek_step_two .common_step_box{padding: 0;}
#tyvek_step_two .color_search_area{width: 100%;}
#tyvek_step_two .product_color_area ul ul,
#vinyl_step_two .product_color_area ul ul{border-top: 1px solid #cccccc5c;background-color: #F8F8F8;padding: 12px 0;}
#tyvek_step_two .product_color_area ul ul span{font-size: 13px;position: absolute;right:10px;top: 10px;color: #046E9D;font-weight: 300;}
#tyvek_step_two .product_color_area ul ul.tyvek_img{border:none;}
#tyvek_step_two .product_color_area ul ul.tyvek_img li{height:235px;border:2px solid #333;}
#tyvek_step_two .product_color_area ul ul.tyvek_img li img{border-bottom:2px solid #333;}
#tyvek_step_two .product_color_area input.form-control,
#vinyl_step_two .product_color_area input.form-control{max-width: 155px;margin: 0 auto;height: 44px;font-size: 14px;}
#tyvek_step_two .product_color_area > ul > li > img{height: 235px;margin: 25px auto;}
#tyvek_step_three .common_step_title{border-color: #07E53A;}
#tyvek_step_three .common_step_box,
#vinyl_step_three .common_step_box{border: 0;padding: 20px;}
#tyvek_step_three .common_customize_box .common_input_box,
#vinyl_step_three .common_customize_box .common_input_box{border: none;}
img.tyvek_size_mixing_img { border-radius: 0; }
/*.tyvek_input > div{width: calc(100% - 190px);}
.tyvek_input select{height: 50px;width: 170px;margin: 0 0 0 20px;background-color: #fff;font-size: 27px;color: #046E9D;font-weight: 300;border: none;position: relative;}
.tyvek_input select::after{}*/
.tyvek_msg {width: 100%;}
.tyvek_design table{ width:1050px; margin:0 auto; float: none; border:1px solid #fac7ca;}
.tyvek_design_left,.tyvek_design_right{width:14%;}
.tyvek_design_middle{width:72%; padding-left: 25px; background-color: #782b90; text-align: left; color: #000; font-size: 55px; font-weight: bold;}
.tyvek_design_middle.front_art > span { float: left; }
.tyvek_design_middle .front_message { line-height: initial; margin-left: 10px; margin-right: 10px;}
.tyvek_design_middle .continue_table{display:block;}
.tyvek_design_left img { display: block; margin: 0 auto; }
#tyvek_customize .common_step_box h4{font-size: 22px;}

/***************Fabric****************/
#fabric_step_two .common_step_box{padding: 0;}
#fabric_step_two .color_search_area{width: 100%;}
#fabric_step_two .product_color_area ul ul{border-top: 1px solid #cccccc5c;background-color: #F8F8F8;padding: 12px 0;}
#fabric_step_two .product_color_area ul ul span{font-size: 13px;position: absolute;right:10px;top: 10px;color: #046E9D;font-weight: 300;}
#fabric_step_two .product_color_area input.form-control{max-width: 155px;margin: 0 auto;height: 44px;font-size: 14px;}
#fabric_step_two .product_color_area > ul > li > img{height: auto;margin: 30px auto;}
#fabric_step_three .common_step_title{border-color: #07E53A;}
#fabric_step_three .common_step_box{border: 0;padding: 20px;}
#fabric_step_three .common_design p{margin: 40px;}
#fabric_step_three .common_customize_box .common_input_box{border: none;}
.common_step_box ul li .aluminium_price, .common_step_box ul li .lan_price { color: #A59E9E; font-size: 14px; font-weight: 100;}
.common_step_box ul li .lan_price { margin-top:5px; }
.fabric_table{height: 100px;background-color: #178009;margin: 10px 0;text-align: center;font-size: 80px;font-weight: bold;}
.fabric_table .front_message{color:#ffc107;white-space: nowrap;}
/*.fabric_table td{ height: 100px; padding: 20px;}*/
.fabric_table .front_art {display: flex; align-items: center; justify-content: center; height: 100px;}
.fabric_table .art_left_img, .fabric_table .art_right_img { margin: 0 15px; }
.fabric_table.upload_table { display: none; }
#fabric_step_three .common_design{margin: 25px 0 0 0;}
#fabric_step_three .common_choice_list ul li{margin: 0 30px 0 0;}
#fabric_step_three .common_step_box .fabric_tool ul li{width: 32.3333%;margin: 5px 1% 5px 0;max-width: 230px;float:left;}
#fabric_step_three .common_step_box .fabric_tool .common_select_button label{font-size: 26px;color: #046E9D;font-weight: 300;width: auto;margin: 10px auto 0 4px;float: initial;}
#fabric_step_three .common_step_box .fabric_tool .common_select_button label > span{padding: 0 0 0 35px;}
/***************cooler****************/
#cooler_step_two .common_step_box{padding: 0;}
#cooler_step_two .color_search_area{width: 100%;}
#cooler_step_two .product_color_area ul ul{border-top: 1px solid #ccc;background-color: #F8F8F8;padding: 12px 0;}
#cooler_step_two .product_color_area ul ul span{font-size: 13px;position: absolute;right:10px;top: 10px;color: #046E9D;font-weight: 300;}
#cooler_step_two .product_color_area input.form-control{max-width: 155px;margin: 0 auto;height: 44px;font-size: 14px;font-weight: bold;}
#cooler_step_two .product_color_area > ul > li > img{height: 240px;margin: 30px auto 20px auto;}
#cooler_step_two .product_color_area > ul > li > p{border: none;background: inherit;font-size: 19px;padding: 0 0 20px 0;color: #046E9D;font-weight: 300;}
#cooler_step_three .common_step_title{border-color: #07E53A;}
#cooler_step_three .common_step_box .common_design_area{padding:40px 20px;}
#cooler_step_three .common_step_box p{font-size: 43px;color: #046E9D;font-weight: 300;margin: 0 0 25px 0;text-align: center}
/***************************vinyl*******************/
.vinyl_msg{
    position: absolute;
    color: #fff;
    display: flex;
    align-items: center;
}
.vinyl_msg .msg_box{
    width:auto;
}
.big_bace .vinyl_msg{
    left: 118px;
    top: 77px;
    width: 350px;
}
.big_bace .vinyl_msg .msg_box{
    font-size: 28px;
}
.l_shape .vinyl_msg{
    left: 122px;
    top: 100px;
    font-size: 50px;
    width: 450px;
    /*height: 65px;*/
}
.five_tab .vinyl_msg{
    left: 98px;
    top: 24px;
    font-size: 24px;
    width: 350px;
}
.vinyl_design_area.three_tab .vinyl_msg{
    position: absolute;
    top: 82px;
    left:70px;
    width: 300px;
    text-align: center;
}
.vinyl_design_area.wavy_shape .vinyl_msg{
    position: absolute;
    top: 132px;
    left:128px;
}
.vinyl_msg span{float:left;line-height: 1.1;}
.vinyl_msg .art_left_img, 
.vinyl_msg .art_right_img{
    width: 32px;
}
img.vinyl_left_img{margin: 0 5px 0 0;float: left;max-height: 100%;max-width: 100px;}
img.vinyl_right_img{margin: 0 0 0 5px;display: inline-block;max-height: 100%;float:left;max-width: 100px;}
.pollBoxArea{}
.vinylPollBox{width: 7%;float: left;margin: 0 1% 0 0;position: relative;}
.vinylPollBox img{max-width: 90px;margin: 10px auto;}
.vinylPollBox p{text-align: center;font-size: 16px;margin: 0 0 5px 0;color:#707070;}
.vinylItemClose{position:absolute;color: #ED2024;font-size: 20px;right: 0;top: -1px;padding:0 2px;cursor: pointer;}
.vinylItemClose:hover{color: red;}
.up_own img{max-width:100%;max-height:100%;float:left;margin:0 5px 0 0;}

@media (max-width: 1500px){
    .l_shape .vinyl_msg {
        left: 112px;
        top: 92px;
        width: 420px;
    }  
}
@media (max-width: 1400px){
    .l_shape .vinyl_msg {
        left: 104px;
        top: 86px;
        width: 400px;
    }
    .big_bace .vinyl_msg {
        left: 100px;
        top: 66px;
        width: 330px;
    }
    .five_tab .vinyl_msg {
        left: 82px;
        top: 16px;
        width: 330px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 115px;
        left:124px;
    }
    .vinyl_design_area.three_tab .vinyl_msg{
        top: 70px;
        left:64px;
        width: 260px;
    }
}
@media (max-width: 1300px){
    .l_shape .vinyl_msg {
        left: 98px;
        top: 80px;
        width: 370px;
    }
    .big_bace .vinyl_msg {
        left: 82px;
        top: 58px;
        width: 320px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 102px;
        left:112px;
        width: 350px;
    }  
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 64px;
        left: 54px;
        width: 250px;
    }
}
@media (max-width: 1199.98px){
    .vinyl_msg .art_left_img, 
    .vinyl_msg .art_right_img {
        width: 28px;
    }
    .shopping_page .l_shape .vinyl_msg{
        font-size: 26px !important;
    }
    .l_shape .vinyl_msg {
        left: 100px;
        top: 69px;
        width: 330px;
    }
    .shopping_page table tr.tw > td .vinyl_design_area.big_bace img{
        max-width: 100%;
    }
    .big_bace .vinyl_msg {
        left: 72px;
        top: 50px;
        width: 280px;
    }
    .big_bace .vinyl_msg .msg_box {
        font-size: 24px;
    }
    .five_tab .vinyl_msg{
        left: 86px;
        top: 11px;
        width: 280px;
        font-size: 20px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 90px;
        left:112px;
        width: 300px;
    }
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 56px;
        left: 68px;
        width: 220px;
    }
}
@media (max-width: 1024px){
    .pre_next_options{
        display: flex;
        padding: 0 12px;
    }
}
@media (max-width: 1100px){
    .vinyl_msg .art_left_img, 
    .vinyl_msg .art_right_img {
        width: 24px;
    }
    .shopping_page .l_shape .vinyl_msg {
        font-size: 20px !important;
    }
    .l_shape .vinyl_msg {
        left: 96px;
        top: 63px;
        width: 280px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 82px;
        left:105px;
        width: 260px;
    } 
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 50px;
        left: 64px;
        width: 200px;
    }
}
@media (max-width: 991.98px){
    .l_shape .vinyl_msg {
        left: 88px;
        top: 58px;
        width: 240px;
    }
    .big_bace .vinyl_msg {
        left: 60px;
        top: 42px;
        width: 248px;
    }
    .big_bace .vinyl_msg .msg_box {
        font-size: 22px;
    }
    .five_tab .vinyl_msg {
        left: 74px;
        top: 10px;
        width: 230px;
        font-size: 20px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 68px;
        left: 92px;
        width: 250px;
    } 
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 46px;
        left: 60px;
        width: 200px;
    }
}
@media (max-width: 920px){
    .l_shape .vinyl_msg {
        left: 80px;
        top: 52px;
        width: 230px;
    }
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 42px;
        left: 52px;
        width: 180px;
    }
}
@media (max-width: 870px){
    .l_shape .vinyl_msg {
        left: 76px;
        top: 47px;
        width: 230px;
    }
    .big_bace .vinyl_msg {
        left: 50px;
        top: 35px;
        width: 215px;
    }
    .five_tab .vinyl_msg {
        left: 63px;
        top: 7px;
        width: 200px;
        font-size: 20px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 58px;
        left: 70px;
        width: 230px;
    }
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 37px;
        left: 46px;
        width: 180px;
    }
}
@media (max-width: 800px){
    .l_shape .vinyl_msg {
        left: 67px;
        top: 41px;
        width: 230px;
    }
    .big_bace .vinyl_msg {
        left: 43px;
        top: 32px;
        width: 214px;
    }
    .big_bace .vinyl_msg .msg_box {
        font-size: 20px;
    }
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 34px;
        left: 42px;
        width: 180px;
    }
}
@media (max-width: 767.98px){
    .shopping_page .l_shape .vinyl_msg {
        font-size: 16px !important;
    }
    .l_shape .vinyl_msg {
        left: 60px;
        top: 44px;
        width: 200px;
    }
    .vinyl_msg .art_left_img, 
    .vinyl_msg .art_right_img {
        width: 18px;
    }
    .big_bace .vinyl_msg {
        left: 43px;
        top: 32px;
        width: 188px;
    }
    .big_bace .vinyl_msg .msg_box {
        font-size: 16px;
    }
    .five_tab .vinyl_msg {
        left: 50px;
        top: 8px;
        font-size: 16px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 60px;
        left: 68px;
        width: 200px;
    }  
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 36px;
        left: 38px;
        width: 180px;
    }
    #merchant_page label[for="sa_sort"], #merchant_page label[for="sa_sort"] {
        display: none;
    }
    #shopper_review_page #review_image .sa_logo{
        margin-top: 0 !important;
        float: none;
        margin: 0 auto;
    }
}
@media (max-width: 680px){
    .l_shape .vinyl_msg {
        left: 50px;
        top: 38px;
        width: 186px;
    }
    .big_bace .vinyl_msg {
        left: 37px;
        top: 28px;
        width: 174px;
    }
    .five_tab .vinyl_msg {
        left: 46px;
        top: 7px;
        font-size: 16px;
        width: 190px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 52px;
        left: 58px;
    } 
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 32px;
        left: 30px;
        width: 180px;
    }
}
@media (max-width: 580px){
    .l_shape .vinyl_msg {
        left: 44px;
        top: 30px;
        width: 166px;
    }
    .big_bace .vinyl_msg {
        left: 30px;
        top: 20px;
        width: 152px;
    }
    .five_tab .vinyl_msg {
        left: 34px;
        top: 5px;
        font-size: 16px;
        width: 150px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 40px;
        left: 46px;
        width: 150px;
    } 
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 26px;
        left: 25px;
        width: 180px;
    }
}

@media (max-width:430px){
    .vinyl_msg .art_left_img, 
    .vinyl_msg .art_right_img {
        width: 14px;
    }
    .shopping_page .l_shape .vinyl_msg {
        font-size: 10px !important;
    }
    .shopping_page .l_shape .vinyl_msg {
        top: 25px;
        left: 30px !important;
        width: 120px !important;
    }
    .checkout-artwork-modal.modal .tab-content{
        padding: 10px 0;
    }
    .checkout-artwork-modal.modal .panel-body {
        padding: 10px;
    }
    .checkout-artwork-modal.modal .big_bace .vinyl_msg {
        left: 26px;
        top: 17px;
        width: 120px !important;
    }
    .big_bace .vinyl_msg .msg_box {
        font-size: 10px;
    }
    .shopping_page table tr.tw > td .five_tab img,
    .shopping_page table tr.tw > td .l_shape img{
        max-width: 100%;
    }
    .vinyl_design_area.five_tab .vinyl_msg {
        left: 20px !important;
        top: 2px;
        font-size: 10px;
        width: 150px !important;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 29px;
        left: 34px;
        font-size: 10px;
    }
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 18px;
        left: 16px;
        width: 150px;
        font-size: 10px;
    }
}

@media (max-width:414px){
    .shopping_page .l_shape .vinyl_msg {
        top: 24px;
        left: 28px !important;
        width: 120px !important;
    }
    .checkout-artwork-modal.modal .big_bace .vinyl_msg {
        left: 25px;
        top: 16px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 27px;
        left: 32px;
    } 
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 21px;
        left: 14px;
        font-size: 10px;
    }
    .vinyl_design_area.three_tab .vinyl_three{
        height: 40px;
    }
}

@media (max-width:390px){
    .vinyl_msg .art_left_img, 
    .vinyl_msg .art_right_img {
        width: 12px;
    }
    .shopping_page .l_shape .vinyl_msg {
        top: 23px;
        left: 27px !important;
        width: 120px !important;
    }
    .checkout-artwork-modal.modal .big_bace .vinyl_msg {
        left: 23px !important;
        top: 15px;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 25px;
        left: 29px;
    } 
}

@media (max-width:375px){
    .vinyl_msg .art_left_img, 
    .vinyl_msg .art_right_img {
        width: 11px;
    }
    .shopping_page .l_shape .vinyl_msg {
        top: 21px;
        left: 26px !important;
        width: 106px !important;
        font-size: 9px !important;
    }
    .big_bace .vinyl_msg .msg_box {
        font-size: 9px;
    }
    .vinyl_design_area.five_tab .vinyl_msg {
        left: 20px !important;
        top: 2px;
        font-size: 10px;
        width: 150px !important;
    }
    .vinyl_design_area.wavy_shape .vinyl_msg{
        top: 25px;
        left: 30px;
        font-size: 9px;
    }  
    .vinyl_design_area.three_tab .vinyl_msg {
        top: 22px;
        left: 15px;
        font-size: 9px;
    }
}




/********about us************/
#aboutus h3{font-size: 45px;color: #046E9D;font-weight: 500;}
#aboutus p{font-size: 22px;color: #046E9D;font-weight: 300;position: relative;}
#aboutus .common_step_box{padding:30px;border: none;}
#aboutus .product_title span{padding: 0;}
#aboutus .product_title{margin: 5px 0 20px 0;}
.aboutus.product_title::after{top:0;}
/********************/
.checkoutHead h1{background-color: gray;color: #FFF;font-size: 70px;font-weight: 300;line-height: 1;padding: 20px 30px;}
.checkout_page .common_step_box{border: none;padding: 120px 0;}
.checkout_page .common_step_box p{position: relative;width: 100%;float: left;color: #707070;font-size: 15px;font-weight: 300;text-align: left;line-height: 1.3;padding:0 20px;}
.checkout_page .common_step_box>p{text-align: center;padding: 150px 0 0 0;}
.checkout_page ul li:last-child p{padding: 3px 10px;}
.checkout_page .common_step_box>p>img{margin: 25px auto 0 auto;}
.checkout_page a{color: #707070;font-size: 15px;font-weight: 300;text-align: left;padding:3px 10px;text-decoration: none;}
p.p_guest a,
.checkout_page .common_step_box p.p_guest{font-size: 17px;text-align:center;padding: 0 5px;}
.checkout_page .common_step_box p.p_guest{margin: 0 0 20px 0;}
p.p_guest a{color:#0a2c79;font-weight: 400;}
p.p_guest a:hover{font-weight: 400;}
.checkout_page a:hover{color: #68400c;font-weight: 300;}
.checkout_page ul{max-width: 1020px;width: 100%;float: none;margin: 0 auto;}
.checkout_page ul li{border:5px solid #ADADAD;width: 40%;float: left;padding: 35px;height: 360px;cursor: initial;}
.checkout_page ul li:last-child{float: right;}
.checkout_page ul li:last-child button{margin: 25px 0 0 0;}
.checkout_page button, .checkout_page .create_acc{font-size: 30px;color: #FFFFFF;font-weight: 300;background-color: #2E800A;line-height: 1;border: 1px solid #2e800a;height: 60px;min-width: 200px;margin:35px 0;-webkit-border-radius:30px;-moz-border-radius: 30px;border-radius: 30px;}
.checkout_page .create_acc{margin: 35px 0 3px 0;}
.checkout_page button:hover, .checkout_page .create_acc:hover{color: #f0f0f0;border: 1px solid #2e800a;background-color: #2E800A;}
.checkout_page .create_acc { padding: 0; line-height: 53px; text-align: center;}
.checkout_page button a{font-size: 30px;color: #FFFFFF;font-weight: 300;height: 100%;text-align: center;padding: 6px;}
.checkout_page button a:hover{color: #f0f0f0;font-weight: 300;}
.checkout_page h2{color: #046E9D;font-size: 43px;font-weight: 300;line-height: 1;}
.checkout_page input{margin: 20px 0 0 0;height: 45px;}

.shopping_page .common_step_box{border: none;padding: 30px 20px 30px 20px;}
.shopping_page table{font-size: 18px;color: #707070;font-weight: 400;}

.shopping_page table p{font-size: 14px;padding: 5px 0 0 0;}
/*.shopping_page table span{font-size: 11px;}*/
.shopping_page table .text_bold{font-weight: 600;}
.shopping_page tr.tr_head{border: 1px dotted #e8e8e8;background-color: #fdfdfd;}
.shopping_page tr.tr_head td{padding: 9px 5px;}
.shopping_page table td{padding: 5px;}
.shopping_page table tr.tw>td:first-child{width: 80px;float: left;text-align:center;}
.shopping_page table tr.tw>td:nth-of-type(2){width: 140px;float: left;}
.shopping_page table tr.tw>td:nth-of-type(3){width: calc(100% - 700px);float: left;}
.shopping_page table tr.tw>td:nth-of-type(4){width: 110px;float: left;text-align: right;}
.shopping_page table tr.tw>td:nth-of-type(5),
.shopping_page table tr.tw>td:nth-of-type(6){width: 135px;float: left;text-align: center;}
.shopping_page table tr.tw>td:last-child{width: 100px;float: left;}
.shopping_page table tr.tw>td{padding:10px 5px;font-size: 20px;font-weight: 500;}
.shopping_page table.msg_table tr:first-child td:first-child{width: calc(100% - 380px);float:left;}
.shopping_page table.msg_table tr:first-child{border-bottom: 1px dotted #e8e8e8;}
.shopping_page table.msg_table tr:first-child td:nth-of-type(2){width:110px;float:left;text-align: right;}
.shopping_page table.msg_table tr:first-child td:nth-of-type(3),
.shopping_page table.msg_table tr:first-child td:nth-of-type(4){width:135px;float:left;text-align: center;}
.shopping_page table tr.tw>td.cart_left_image img{max-width:110px;width: 100%;}

.shopping_page table.msg_table tr.t_w_2 td{position:relative;width: calc(100% - 200px);float: left;padding: 0 0 5px 0;font-weight: 300;}
.shopping_page table.msg_table tr.t_w_2 td:first-child{width:200px;float: left;font-size: 18px;color:#0a2c79;font-weight: 500;}
.shopping_page table.msg_table tr.t_w_2 td img{margin: 0;max-width: 25px;display: inline-block;}
.shopping_page table.msg_table tr.t_w_2 td span{width:30px;height:12px;display:inline-block;margin: 0 5px 0 0;}
.shopping_page table tr.t_w_2{font-size: 18px;}
.shopping_page .t_bottom td{padding: 5px 0 40px 0;}
.shopping_page .t_bottom>td:first-child{width: 220px;float: left;}
.shopping_page .t_bottom>td:nth-of-type(2){width: calc(100% - 600px);float: left;border-top: 1px dotted #e8e8e8;}
.shopping_page .t_bottom>td:last-child{width: 380px;float: left;border-top: 1px dotted #e8e8e8;}
.shopping_page .t_bottom p{padding: 7px 0 3px 12px;font-size: 18px;font-weight: 300;}
.shopping_page .t_bottom span{padding: 0 0 0 12px;}
.shopping_page .t_bottom.t_new_bottom>td:first-child{width: 220px;float: left;}
.shopping_page .t_bottom.t_new_bottom>td:nth-of-type(2){width: calc(100% - 750px);float: left;border-top: 1px dotted #e8e8e8;}
.shopping_page .t_bottom.t_new_bottom>td:last-child{width: 530px;float: left;border-top: 1px dotted #e8e8e8;}
.shopping_page .p_name{font-size: 20px;}
.shopping_page table.msg_table tr:first-child td{padding: 0 0 10px 0;}
.shopping_page .t_del a{color: #E50707;font-size: 16px;margin: 0 20px;font-weight:500;}
.shopping_page .t_del a:hover{color: #aaa;font-weight: 500;}
.shopping_page table.msg_table tr.t_w_2.text_bold td{font-weight:bold;position:relative;}

.shopping_page .t_info a{font-size: 22px;font-weight: 500;margin: 0 0 0 5px;float: left;border-bottom: 1px solid #707070;padding: 0 0 3px 0;}
.shopping_page .t_info a:hover{color: #046E9D;font-weight: 500;border-bottom: 1px solid #046E9D;}
.shopping_page textarea{border:2px dotted #f1f1f1;background-color:#fdfdfd;}
.shopping_page .t_casting tr{border-bottom: 1px dotted #e8e8e8;font-weight: 300;}
.shopping_page .t_casting tr td{padding: 5px 0 10px 0;}
.shopping_page .t_casting tr:last-child{border: none;}
.shopping_page .t_casting tr td:first-child{width:calc(100% - 230px);float: left;font-size: 20px;}
.shopping_page .t_casting tr td.dis_cou{padding: 19px 0;}
.shopping_page .t_casting tr td.discount_coupon_append{padding: 10px 0 10px 10px;}
.shopping_page .t_casting tr td:last-child{width: 150px;float: left;text-align: right;font-size: 20px;position: relative;}
.shopping_page .t_casting tr td button.cou_del{border: none;background-color: transparent;padding: 0;position: absolute;left: 110%;}
.shopping_page .t_casting tr td button.cou_del span{padding: 0;font-size: 15px;color: red;}
.shopping_page .t_casting .input-group input{height: 36px;}
.shopping_page table span.couponAmount{width: 100%;float: left;font-size: 20px;margin: 10px 0 0 0;}
#coupon_form>.input-group input{width: calc(100% - 50px);}
#coupon_form>.input-group button{width: 50px;height: 36px;padding: 5px;} 
#coupon_error{position: absolute;color: red;left: 0;text-align: center;font-size: 12px;}
.shopping_page .t_casting .input-group .input-group-addon{font-size: 12px;font-weight: 300;color: #fff;background-color: #2E800A;border-color: #2E800A;border: 2px solid #2E800A;}
.shopping_page .shop_button a{font-size: 33px;color: #FFFFFF;background-color: #2E800A;font-weight: 500;height: 64px;width: 100%;float: right;max-width: 500px;border: 2px solid #2E800A;padding: 12px 0 0 0;}
.shopping_page .shop_button a:hover{color:#dad5d5;border: 2px solid #2E800A;background-color: #237102;}
.shopping_page .shop_button>li.con_shop a{background-color: #046E9D;float: left;text-align:left;max-width: 350px;border: 2px solid #046E9D;position: relative;margin: 0 0 0 45px;}
.shopping_page .shop_button>li.con_shop a:hover{border: 2px solid #077EB3;background-color: #077EB3;}
.shop_button>li.con_shop{padding: 15px 50px 0 50px;}
.shop_button>li.con_shop a::after{left: -80px;border: 32px solid transparent;top: -2px;border-right-color: #046E9D;border-width: 32px 40px;}
.shop_button>li.con_shop a:hover::after{border-right-color:#077EB3;}
.shopping_page ul.shop_button{max-width: 500px;float: none;margin: 0 auto ;}
.shopping_page ul.shop_button li{width:100%;float:left;}
.proced_area{border-bottom: 4px solid #2E800A;border-top: 4px solid #2E800A;padding: 50px 0;}
.shopping_page table tr.tw.pd > td:nth-of-type(3){width: calc(100% - 320px);}
.margin_top td{margin:15px 0 0 0;}

.invoice_page .common_production_shipping_area{padding: 25px 0;}
.invoice_page .shopping_page table tr.tw > td:nth-of-type(3){width: calc(100% - 640px);}
.invoice_page .shopping_page table tr.tw > td:nth-of-type(4),
.invoice_page .shopping_page table tr.tw > td:nth-of-type(5),
.invoice_page .shopping_page table tr.tw > td:last-child{width: 140px;}
.invoice_page .shopping_page table tr.tw.pd > td:nth-of-type(3){width: calc(100% - 220px);}
.invoice_page table.msg_table tr:first-child td:first-child{width: calc(100% - 420px);}
.invoice_page  .shopping_page table.msg_table tr:first-child td:nth-of-type(2),
.invoice_page  .shopping_page table.msg_table tr:first-child td:nth-of-type(3),
 .invoice_page  .shopping_page table.msg_table tr:first-child td:nth-of-type(4){width:140px;}
 .invoice_page  .shopping_page .t_casting tr td:first-child{width: calc(100% - 180px);}
 .shopping_page table .check_art{height: 45px; background-color: #046E9D;border: 1px solid #707070;width: calc(100% - 270px);float: left;}


.production_design>td{background-color: #fdfdfd;border-bottom: 1px dotted #e8e8e8;padding:0 0 10px 0 !important;margin:0 0 10px 0;border-top:none;color: #707070 !important;}
.margin_top.production_design>td{margin:10px 0 0 0;border-top: 1px dotted #e8e8e8;padding: 10px 0 6px 0 !important;border-bottom:none;}
.shopping_page table.msg_table tr.t_w_2.production_design td:last-child{width: calc(100% - 470px);}
a.view_detail{font-weight: 300;border-bottom: 1px solid #707070;padding: 0 0 2px 0;}
a.view_detail img{margin:0 0 0 5px;display: inline-block}
a.view_detail:hover{border-bottom: 1px solid #bb1f3c;}
.barcode_ship_page{position: absolute;right: 0;top: 0;text-align: center;margin: 15px 30px 0 0;}
.barcode_ship_page p{font-weight: 300;font-size: 22px;color: #fff;}
.ship_bill_page .common_step_box{border: none;padding: 45px 20px 95px 20px;}
.ship_bill_page_area{max-width: 1140px;float: none;margin: 0 auto;}
.ship_bill_page_area h3s{font-size: 28px;font-weight: 300;padding: 20px 0 10px 15px;}
.ship_bill_page_area p{font-size: 9px;text-align: center;color: #707070;font-weight: 500;}
.common_bill_box.ship_area,
.common_bill_box.bill_area{max-width: calc(50% - 25px);}
.common_bill_box.ship_area h3,
.common_bill_box.bill_area h3{text-align: center;}
.common_bill_box.ship_area h3{padding: 0;}
.common_bill_box.ship_area p{margin: 0 0 20px 0;}
.common_bill_box.bill_area h3{margin: 0 0 30px 0;padding: 0;}
.common_bill_box .common_input_box{padding: 40px;background-color: #FAFAFA;}
.common_bill_box .common_input_box .form-control{height: 46px;color: #707070;font-size: 20px;font-weight: 500;border-color: #D0D0D0;}
.common_bill_box .common_input_box label{color: #046E9D;font-weight: 500;font-size: 17px;padding: 5px 10px;}
.common_bill_box .common_input_box span{padding: 8px 5px 5px 0;color: #f08b8b;font-size: 13px;font-weight: 500;}
.common_bill_box.ship_area{float: right;}
.ship_area h3 label{width: 25px;height: 23px;position: relative;border: 2px solid #707070;margin: 0 10px 0;} 
.common_input_left{width: 660px;}
.common_bill_box.create_acc .common_input_box{padding: 25px 30px 10px 30px;}
.right_text{width: calc(100% - 660px);font-size: 20px;color: #707070;font-weight: 300;line-height: 1.3;padding: 20px 0 0 30px;text-shadow: 0px 0px 10px #ccc;}  
.right_text p{font-size: 20px;color: #707070;font-weight: 300;line-height: 1.3;margin:10px 0 0 0;text-align: left;}
.right_text p a{font-weight: 500;color:blue;}

.common_input_left .form-group{margin: 0 0 5px 0;width: 100%;float: left;}
.common_bill_box .common_input_box .common_input_left label{width: 180px;float: left;text-align: right;padding: 14px 20px 0 0;font-weight: 500;}
.common_input_left .form-control{width: calc(100% - 180px);float: left;}
.common_input_left .form-control.sel1{width: 230px;margin: 0 15px 0 0;}
.common_input_left .form-control.sel2{width: 115px;}
.cvv img{margin: 0 0 0 10px;float: left;}
.payment_method .right_text{padding: 0 0 0 35px;}
.img_box{width: 180px;float: left;}
.bell_text{width: calc(100% - 180px);max-width: 685px;float: left;font-size: 22px;color: #046E9D;font-weight: 500;padding: 20px;}
.ship_bottom{max-width: 525px;float: none;margin: 0 auto;}
.ship_bottom label{font-size: 18px;font-weight: 300;color: #046E9D;margin: 30px 40px;position: relative;text-align: center;width: auto;float: left;padding: 3px 0 0 0;}
.ship_bottom label:before{width: 25px;height: 25px;border: 1px solid #c6c6c6;left: 0;top: 0;}
.ship_bottom label.active::after,
.ship_area h3 label.active::after{width: 30px;height: 12px;left: 3px;top: -3px;border-left: 3px solid #00aa48;border-bottom: 3px solid #00aa48;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);}
.ship_bottom button{background-color:#2e800a;color: #FFF;font-size: 33px;font-weight: bold; border: 5px solid #2e800a; padding: 0;height: 68px;}
.ship_bottom button.decide_later,
.ship_bottom button.decide_later:hover,
.ship_bottom .btn-default.active.decide_later,.ship_bottom .btn-default.decide_later:active,.ship_bottom .btn-default.decide_later:focus{border: 5px solid #fe9800;background-color: #fe9800;margin: 10px 13% 0 13%;width: 74%;font-size: 30px;height: 50px;}
.ship_bottom button:hover,
.ship_bottom .btn-default.active,.ship_bottom .btn-default:active,.ship_bottom .btn-default.focus,.ship_bottom .btn-default:focus{color: #f2f2f2;font-weight: bold;background-color:#2e850a;border: 5px solid #2e800a;}
.common_bill_box.order_summary .common_input_box{padding: 25px 70px;font-weight: bold;}
.order_detail{width: 36%;padding: 10px 0 0 0;}
.order_detail a{font-size: 17px;color: #046E9D;}
.order_detail a:hover{color: #05a512;}
.order_total{width: 28%;font-size: 36px;color: #707070;}
.order_ammount{width: 36%;font-size: 32px;color: #05a512;}
.ship_area h3 label.active::after{top: -5px;left: 1px;}
.payment_method .common_select_button{padding: 0 0 40px 180px;}
.payment_method .common_select_button label{padding: 0 0 0 30px;font-size: 20px;color: #707070;font-weight: bold;height: 23px;margin: 0 25px 0 0;}
.payment_method .common_select_button label img{height: 23px;}
.payment_method .common_select_button label::before{top: -1px;}
.payment_method .common_select_button label.active_art::after{top: 3px;}
.ship_bottom a.term_button{background-color: transparent;height: auto;border: none;font-size: 18px;font-weight: 500;color: #209DD5;display: inline-block;}
.ship_bottom a.term_button:hover{color: #707070;}
.ship_bottom label{margin: 30px 20px 40px 40px;width: 30px;}
.ship_bottom span{display: inline-block;font-size: 18px;font-weight: 300;color: #046E9D;margin: 32px 0 0 0;}
@media only screen and (max-width: 1199px) {
    .pad_bil{padding: 0 0 0 30px;}
    .pad_ship{padding: 0 30px 0 0;}
    .shopping_page table tr.tw > td{font-size: 17px;padding: 5px 0;}
    .shopping_page table tr.tw > td img{max-width: 95%;}
    .shopping_page .t_del a{margin: 0 10px;font-size: 14px;}
    .shopping_page .t_bottom td{padding: 5px 0 20px 0;}
    
    
    .shopping_page table tr.tw > td:nth-of-type(2),
    .shopping_page table tr.tw > td:nth-of-type(4),
    .shopping_page table tr.tw > td:nth-of-type(5),
    .shopping_page table tr.tw > td:nth-of-type(6){width: 100px;}
    .shopping_page table tr.tw > td:nth-of-type(3){width: calc(100% - 520px);}
    .shopping_page table tr.tw > td:first-child,
    .shopping_page table tr.tw > td:last-child{width: 60px;}
    
    .shopping_page table tr.tw.pd > td:nth-of-type(3){width: calc(100% - 220px);}
    
    .shopping_page table.msg_table tr:first-child td:first-child{width: calc(100% - 300px);}
    .shopping_page table.msg_table tr:first-child td:nth-of-type(2),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(3),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(4){width:100px;}

    .shopping_page .t_bottom > td:first-child,
    .shopping_page .t_bottom.t_new_bottom > td:first-child{width: 160px;}
    .shopping_page .t_bottom > td:last-child{width: 340px;}
    .shopping_page .t_bottom > td:nth-of-type(2){width: calc(100% - 500px);}
    
    .shopping_page .t_bottom.t_new_bottom > td:nth-of-type(2){width: calc(100% - 690px);}
    .shopping_page .t_casting tr td:first-child{width: calc(100% - 200px);}
    .invoice_page .shopping_page table.msg_table tr:first-child td:first-child{width: calc(100% - 420px);}
    .invoice_page .shopping_page table tr.tw.pd > td:nth-of-type(3){width: calc(100% - 160px);}
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(3) {    width: calc(100% - 580px);}
    
}
@media only screen and (max-width: 991px) {
    .shopping_page table,
    .shopping_page table.msg_table tr.t_w_2 td:first-child,
    .shopping_page table tr.t_w_2{font-size: 16px;}
    .shopping_page table tr.tw > td{font-size: 15px;padding: 5px 0;}
    .shopping_page table tr.tw > td img{max-width: 95%;}
    .shopping_page .t_del a{margin: 0;font-size: 12px;text-align: center;}
    .shopping_page .t_bottom td{padding: 5px 0 10px 0;}
    .shopping_page .p_name,
    .shopping_page .t_info a{font-size: 18px;}
    .margin_top td {margin: 10px 0 0 0;}
    
    
    .shopping_page table tr.tw > td:nth-of-type(2),
    .shopping_page table tr.tw > td:nth-of-type(4),
    .shopping_page table tr.tw > td:nth-of-type(5),
    .shopping_page table tr.tw > td:nth-of-type(6){width: 75px;}
    .shopping_page table tr.tw > td:nth-of-type(3){width: calc(100% - 400px);}
    .shopping_page table tr.tw > td:first-child,
    .shopping_page table tr.tw > td:last-child{width: 50px;}
    
    .shopping_page table tr.tw.pd > td:nth-of-type(3){width: calc(100% - 175px);}
    
    .shopping_page table.msg_table tr:first-child td:first-child{width: calc(100% - 225px);}
    .shopping_page table.msg_table tr:first-child td:nth-of-type(2),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(3),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(4){width:75px;}
    
    .shopping_page table.msg_table tr.t_w_2 td:first-child{width: 170px;}
    .shopping_page table.msg_table tr.t_w_2 td,
    .shopping_page table.msg_table tr.t_w_2.production_design td:last-child{width: calc(100% - 170px);}

    .shopping_page .t_bottom > td:first-child,
    .shopping_page .t_bottom.t_new_bottom > td:first-child{width: 125px;}
    .shopping_page .t_bottom > td:last-child{width: calc(100% - 450px);}
    .shopping_page .t_bottom > td:nth-of-type(2){width: 325px;}
    
    .shopping_page .t_bottom.t_new_bottom > td:nth-of-type(2){width: calc(100% - 690px);}
    .shopping_page .t_casting tr td:first-child{width: calc(100% - 200px);}
    .shopping_page .t_bottom.t_new_bottom > td:nth-of-type(2){width: calc(100% - 625px)}
    .shopping_page .t_bottom.t_new_bottom > td:last-child{width: 500px;}
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(4), 
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(5), 
    .invoice_page .shopping_page table tr.tw > td:last-child ,
    .invoice_page .shopping_page table.msg_table tr:first-child td:nth-of-type(2), 
    .invoice_page .shopping_page table.msg_table tr:first-child td:nth-of-type(3), 
    .invoice_page .shopping_page table.msg_table tr:first-child td:nth-of-type(4) {    width: 100px;}
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(3) {    width: calc(100% - 425px);}
    .invoice_page .shopping_page table tr.tw.pd > td:nth-of-type(3) {    width: calc(100% - 125px);}
    .invoice_page .shopping_page table.msg_table tr:first-child td:first-child {    width: calc(100% - 300px);}
    
    /* By Me */
    .preview-contrainer{
        display:flex;
    }
    .cloudinary-uploaded-image{
        max-width: 115px;
        margin: 0 10px 10px;
    }
    
}
@media only screen and (max-width: 767px) {
    .shopping_page table,
    .shopping_page table.msg_table tr.t_w_2 td:first-child,
    .shopping_page table tr.t_w_2{font-size: 14px;}
    .shopping_page table tr.tw > td{font-size: 12px;}
    .shopping_page table tr.tw > td img{max-width: 98%;}
    .shopping_page .p_name,
    .shopping_page .t_info a,
    .shopping_page .t_casting tr td:first-child,
    .shopping_page .t_casting tr td:last-child{font-size: 16px;}
    
    .shopping_page table tr.tw > td:nth-of-type(2),
    .shopping_page table tr.tw > td:nth-of-type(4),
    .shopping_page table tr.tw > td:nth-of-type(5),
    .shopping_page table tr.tw > td:nth-of-type(6){width: 60px;}
    .shopping_page table tr.tw > td:nth-of-type(3){width: calc(100% - 300px);}
    .shopping_page table tr.tw > td:first-child,
    .shopping_page table tr.tw > td:last-child{width: 30px;}
    
    .shopping_page table tr.tw.pd > td:nth-of-type(3){width: calc(100% - 120px);}
    
    .shopping_page table.msg_table tr:first-child td:first-child{width: calc(100% - 180px);}
    .shopping_page table.msg_table tr:first-child td:nth-of-type(2),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(3),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(4){width:60px;}
    
    .shopping_page table.msg_table tr.t_w_2 td:first-child{width: 150px;}
    .shopping_page table.msg_table tr.t_w_2 td,
    .shopping_page table.msg_table tr.t_w_2.production_design td:last-child{width: calc(100% - 150px);}

    .shopping_page .t_bottom > td:first-child,
    .shopping_page .t_bottom.t_new_bottom > td:first-child{width: 90px;}
    .shopping_page .t_bottom > td:last-child{width: calc(100% - 350px);}
    .shopping_page .t_bottom > td:nth-of-type(2){width: 260px;}
    
    .shopping_page .t_bottom.t_new_bottom > td:nth-of-type(2){width: calc(100% - 690px);}
    .shopping_page .t_casting tr td:first-child{width: calc(100% - 170px);}
    .shopping_page .t_bottom.t_new_bottom > td:nth-of-type(2){width: calc(100% - 490px)}
    .shopping_page .t_bottom.t_new_bottom > td:last-child{width: 400px;float: right;}
    
    .shopping_page ul.shop_button{max-width: 280px;}
    .shopping_page .shop_button a{font-size: 25px;padding: 5px;height: 40px;}
    .shop_button > li.con_shop{padding: 25px 0 0 40px;}
    .shopping_page .shop_button > li.con_shop a{margin:0;}
    .shop_button > li.con_shop a::after{border-width: 20px 40px;}
    .shopping_page .common_step_box{padding: 10px;}
    
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(3) {    width: calc(100% - 390px);}
    .invoice_page .shopping_page table tr.tw.pd > td:nth-of-type(3) {    width: calc(100% - 90px);}
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(4), 
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(5), 
    .invoice_page .shopping_page table tr.tw > td:last-child ,
    .invoice_page .shopping_page table.msg_table tr:first-child td:nth-of-type(2), 
    .invoice_page .shopping_page table.msg_table tr:first-child td:nth-of-type(3), 
    .invoice_page .shopping_page table.msg_table tr:first-child td:nth-of-type(4) {    width: 80px;}
    .invoice_page .shopping_page table.msg_table tr:first-child td:first-child {    width: calc(100% - 240px);}
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(3) {    width: calc(100% - 330px);}
}
@media only screen and (max-width: 500px) {
    .shopping_page table tr.tw > td:nth-of-type(2){display: none;}
    .shopping_page table tr.tw > td:nth-of-type(3) {width: calc(100% - 220px);}
    .shopping_page table tr.tw.pd > td:nth-of-type(3) {width: calc(100% - 40px);}
    .shopping_page table .text_bold {font-weight: 500;}
    .shopping_page .t_bottom > td:first-child, .shopping_page .t_bottom.t_new_bottom > td:first-child {width: 20px;}
    .shopping_page .shop_button a{font-size: 20px;padding: 7px 0;text-align: center;}
    .shopping_page .shop_button > li.con_shop a{padding: 7px 0 0 21px;}
    .shopping_page table tr.tw > td:first-child, .shopping_page table tr.tw > td:last-child { width: 20px;}
    .shopping_page table.msg_table tr:first-child td {    padding: 0 0 5px 0;}
    .shopping_page .t_bottom.t_new_bottom > td:last-child{width: 100%;}
    .shopping_page .t_casting tr td:last-child,
    .shopping_page .t_casting tr td:last-child{width: 40%;}
    .shopping_page .t_casting tr td:first-child,
    .invoice_page .shopping_page .t_casting tr td:first-child{width: 60%;}
    
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(3) {    width: calc(100% - 260px);}
    .invoice_page .shopping_page table tr.tw.pd > td:nth-of-type(3) {    width: calc(100% - 20px);}
    .pad_bil{padding: 0;}
.pad_ship{padding: 0;}
.ship_bottom button.decide_later, 
.ship_bottom button.decide_later:hover, 
.ship_bottom .btn-default.active.decide_later, 
.ship_bottom .btn-default.decide_later:active, 
.ship_bottom .btn-default.decide_later:focus{font-size: 20px;height: auto;}
}
@media only screen and (max-width: 400px) {
    .shopping_page table tr.tw > td:nth-of-type(5),
    .shopping_page table.msg_table tr:first-child td:nth-of-type(3){display: none;}
    .shopping_page table tr.tw > td:nth-of-type(3) {width: calc(100% - 160px);}
    .shopping_page table.msg_table tr:first-child td:first-child { width: calc(100% - 120px);}
    .shopping_page .p_name, .shopping_page .t_info a, .shopping_page .t_casting tr td:first-child, .shopping_page .t_casting tr td:last-child { font-size: 13px;}
    .shopping_page table.msg_table tr.t_w_2 td:first-child{font-size: 11px;width: 115px;}
    .shopping_page table.msg_table tr.t_w_2 td:last-child ,
    .shopping_page table.msg_table tr.t_w_2.production_design td:last-child{width: calc(100% - 115px);}
    .shopping_page table, .shopping_page table tr.t_w_2 {font-size: 12px;}
    .pad_bil,.pad_ship{width: 100%;}
    .common_step_box h3.unpaid{padding:0;}
    .ship_right, .barcode{float: left;}
    .invoice_page .shopping_page table tr.tw > td:nth-of-type(3) {    width: calc(100% - 180px);}
    .invoice_page .shopping_page table.msg_table tr:first-child td:first-child {    width: calc(100% - 160px);}
}
/********************/
.inside_message { display: block; margin: 0 auto !important; text-align: center;}
.p-lr-15 {
    padding: 0 15px !important;
}
div.time-line-wrap {
    width: 100% !important;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px 1px #DBDBDB;
    -moz-box-shadow: 0 1px 4px 1px #DBDBDB;
    -o-box-shadow: 0 1px 4px 1px #DBDBDB;
    box-shadow: 0 1px 4px 1px #DBDBDB;
}
.time-line-wrap.shipping_box_2,
.time-line-wrap.ship_current_2{
    border: 0 solid transparent !important;
    cursor: pointer;
}
.time-line-wrap.ship_current_2 {
    -webkit-box-shadow: 0 1px 4px 1px #434343;
    -moz-box-shadow: 0 1px 4px 1px #434343;
    -o-box-shadow: 0 1px 4px 1px #434343;
    box-shadow: 0 1px 4px 1px #434343;
    
}
.tl-heading {
    color: #fff;
    padding: 15px;
    overflow: hidden;
    padding-left: 40px;
}

.time-line-wrap.rush .tl-heading {
    background-color: #ED2024;
}

.time-line-wrap.expedited .tl-heading {
    background-color: #2478BD;
}

.time-line-wrap.priority .tl-heading {
    background-color: #6CCCDB;
}

.time-line-wrap.regular .tl-heading {
    background-color: #2D8840;
}

.tlh-plan {
    font-size: 24px;
    font-weight: 500;
    float: left;
}

.tlh-price {
    text-align: right;
    font-size: 16px;
    float: right;
    margin-top: 8px;
    font-weight: 500;
}

.tl-body {
    overflow: hidden;
    padding: 18px 5px 22px;
}

.tl-footer {
    position: absolute;
    background: #2D8840;
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 2px;
    font-weight: 100;
    height: 18px;
}
.shopping_page .tl-footer {
    font-size: 12px;
    line-height: 14px;
}
.time-line-wrap.rush .tl-footer {
    background-color: #ED2024;
}
.time-line-wrap.expedited .tl-footer {
    background-color: #2478BD;
}
.time-line-wrap.priority .tl-footer {
    background-color: #6CCCDB;
}
.time-line-wrap.regular .tl-footer {
    background-color: #2D8840;
}

.time-line-wrap .tl-body p {
    margin-bottom: 0 !important;
    line-height: 1;
    text-align: left;
}

.tlb-days {
    font-size: 90px;
    margin-top: -18px;
    width: 45%;
    float: left;
    text-align: right;
    line-height: 1;
}

.tlb-description {
    width: 55%;
    float: left;
    padding-left: 10px;
}


.tlbd-business {
    font-weight: 500;
    color: #2b2b2a !important;
}

.tlbd-days {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #333 !important;
    margin-top: 3px;
}
.shopping_page .tlbd-days {
    margin-top: 0;
}
.time-line-wrap.rush .tl-body .tlbd-days {
    color: #ED2024 !important;
}
.time-line-wrap.expedited .tl-body .tlbd-days {
    color: #2478BD !important;
}
.time-line-wrap.priority .tl-body .tlbd-days {
    color: #6CCCDB !important;
}
.time-line-wrap.regular .tl-body .tlbd-days {
    color: #2D8840 !important;
}
.tlbd-date {
    color: #000 !important;
    margin-top: 5px;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
}
.tlh-plan::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    width: 22px;
    height: 22px;
    border: 1px solid #2e3192;
    border-radius: 50%;
    background-color: #e5e7e6;
}
.tlh-plan::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 13px;
    width: 16px;
    height: 16px;
    background-color: #e5e7e6;
    border: 1px solid #2e3192;
    border-radius: 50%;
}

.ship_current_2 .tlh-plan::after {
    background-color: #2e3192;
}

@media (min-width: 1200px) and (max-width: 1366px){
    .tlh-plan {
        font-size: 18px;
        margin-top: 2px;
    }
    .tlh-price {
        margin-top: 8px;
        font-size: 11px;
    }

    .tlb-days {
        font-size: 76px;
        margin-top: -15px;
    }
    .tlbd-business {
        font-size: 12px;
    }

    .tlbd-days {
        font-size: 20px;
    }
    p.tlbd-date {
        font-size: 9px;
        font-weight: 500;
    }    
}
  
/**** wristbands style *****/
.wristbands_front_back_area td span {
    display: flex;
    align-items: center;
}
.wristband_table_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    width: 100%;
}
.front_message,
.back_message,
.continue_message,
.inside_message {
    line-height: 1.4;
    letter-spacing: 0;
}
.artworkbtn {
    background-color: green;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 1;
    margin-top: 6px;
    padding: 3px 5px;
    width: 100%;
    width: initial !important;
    height: initial !important;
    box-shadow: initial !important;
    float: none !important;
}
.removeclipart {
    background-color: red;
    border: none;
    border-radius: 4px !important;
    color: #fff;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1;
    margin-top: 6px;
    padding: 3px 5px !important;
    width: 100%;
    height: initial !important;
}
#sclipartshowhide, 
#feclipartshowhide, 
#bsclipartshowhide, 
#beclipartshowhide, 
#csclipartshowhide, 
#ceclipartshowhide {
    text-align: center;
    width: 110px;
}
.art_left_img,
.art_right_img,
.continue_left_img,
.continue_right_img {
    /*display: inline-block;*/
    width: 60px;
}
.inlineerror {
    clear:both;
    background: #FA0505;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    text-align: center;
    border-radius: 4px;
    width: 100%;
    float: left;
}
.errorfrontText,.errorbackText {
    max-width: 600px;
}
.errorinsideText{
    max-width: 700px;
    margin: 0 auto;
    float: none;
}
/* imprint color */
.hideimprintcolor {
    margin: 0 auto;
    float: initial;
    overflow: hidden;
}
.hideimprintcolor h2{
    color: #046E9D !important;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0;
}
.num_of_color button{
     position: relative;
    background-color:#FFF;
    width: 100%;
    max-width: 290px;
    padding: 0;
    text-align: center;
    height: 45px;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #046E9D;
    font-size: 22px;
    font-weight: 300;

 }
.num_of_color button > .picked_color_bg{
    position: absolute;
    width: 40px;
    height: 43px;
    background-color: #FA0505;
    top: 0;
    right: -25px;
    margin: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
}
/*upload Files*/
.upload-area{
    width: 66%;
    height: 200px;
    border: 2px dashed #bbb4b4;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    overflow: auto;
    background-color:#f0f0f0;
}
.upload-logo{
    padding-top: 10px;
}
.upload-area:hover{
    cursor: pointer;
}
.upload-title{
    box-shadow: 1px 2px 5px #ccc;
    border: 1px solid #b9b7b7;
    margin: 10px 0px;
    padding: 5px 25px;
    font-size: 18px !important;
    background-color: 65px solid #2E800A;
}
.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#file{
    display: none;
}

/* dropzone */
.dropzone {
    width: 66%;
    height: 200px;
    background: white;
    border: 2px dashed gray;
    border-radius: 3px;
    border-image: none;
    margin-left: auto;
    margin-right: auto;
}
.dropzone .dz-message {
    margin: 0;
}
/******** lanyard style **********/

.lanyard-wrap {
    background: #fff;
    margin: 25px 0;
}
.lan-icon-wrap {
    font-size: 271px; color: #162447;
}
/*.main-img.one-clip {background-image: url(/images/lanyards/lanyard_bg.png); }*/

.two-clip {
    display: none;
}

/*.main-img.two-clip {background-image: url(/images/lanyards/lanyard_bg_two_clip.png);}*/

.main-img {
    float: right;
    position: relative;
    width: 1054px; 
    height: 271px;
    background-size: cover; 
    /*background-color: #162447;*/
    
}
.top_destination {
    position: absolute;
    top: 103px;
    right: 9px;
    transform: rotate(90deg);
}
.two-clip .top_destination{
    right: 13px;
}
.lanyard_rotate {
    position: absolute;
    width: 980px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
}
.lanyard_rotate {
    color: #ea1921;
}
.lanyard_rotate > div {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    width: initial;
}
.lanyard_rotate .art_left_img, 
.lanyard_rotate .art_right_img {
    display: inline-block;
    width: 50px !important;
}
.one-clip .lanyard_rotate.lanyard_rotate_top {
    top: 104px;
    left: 2px;
    transform: rotate(-4.4deg);
    transform-origin: left top;
}
.two-clip .lanyard_rotate.lanyard_rotate_top {
    top: 23px;
    left: 2px;
}
.lanyard_rotate.lanyard_rotate_top .front_art{
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.one-clip .lanyard_rotate.lanyard_rotate_bottom {
    top: 98px;
    left: 15px;
    transform: rotate(4.8deg);
    background-color: #162447;
    transform-origin: left top;
}
.two-clip .lanyard_rotate.lanyard_rotate_bottom {
    top: 184px;
    left: 6px;
}
.lanyard_rotate img {
    display: inline;
    width: 40px !important;
    height: 40px !important;
}
.lanyard_clip.common_customize_box li button.active,
.lanyard_clip.common_customize_box li button:hover,
.lanyard_clip.common_customize_box li button:focus,
.lanyard_clip.common_customize_box li button:active {
    border: 1px solid #1435A2 !important;
    outline: none;
}


.buckle {
    position: absolute;
    top: 84px;
    left: -82px;
    transform: rotate(90deg);
}
.for_buckle_btm_color {
    width: 70px;
    height: 70px;
    border-top: 1px dotted #ccc;
    border-radius: 0px 2px 4px 4px;
    position: absolute;
    transform: rotate(90deg);
}
.one-clip .for_buckle_btm_color {top: 102px; left: -67px;}
.two-clip .for_buckle_btm_color.fbbc_top {
    left: -70px;
    top: 20px;
}
.two-clip .for_buckle_btm_color.fbbc_bottom {
    left: -70px;
    top: 181px;
}

.for_buckle_clips {
    position: absolute;
    transform: rotate(90deg);
    background-color: #fff;
}
.one-clip .for_buckle_clips { left: -186px; top: 71px;}
.two-clip .frc_top {top: -10px; left: -189px;}
.two-clip .frc_bottom { top: 150px; left: -189px;}
.for_buckle_clips img {
    width: 104px;
    height: 135px;
}

.lanyard_qty_poll {
    cursor: pointer;
    border: 1px dashed #ccc;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.lqp_img img {
    height: 110px;
    transform: rotate(45deg);
}

.lanyard_qty_poll p {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 65px;
    display: block;
    color: #707070;
    font-size: 11px;
    font-weight: 300;
}
.two-clip-price small {
    color: #A59E9E;
    font-size: 14px;
    font-weight: 100;
    margin-left: 8px;
}

/******** coaster style **********/
.coaster-image-processor{
    
}
.coaster-image-processor .uploaded-image, .coaster-image-processor .rasterized-image{
    border:1px solid #ccc;
    width: 100%;
    height: 400px;
    padding: 15px;
    margin-right:30px;
}
.coaster-image-processor h4{
    font-size: 16px;
    font-weight:600;
    margin: 30px 0 15px 0;
    color:#000;
}
.coaster-image-processor h4:hover{
    color:inherit;
}
.coaster-image-processor ul{
    margin:0;
    padding:0;
}
.coaster-image-processor ul li{
    margin:0 3px 0 0;
    padding:0;
    list-style-type:none;
    display:inline-block;
    border:1px solid #ccc;
    width:45px;
    height:45px;

}
.coaster-image-processor ul li:hover{
    border-radius:0;
}

.coaster-image-processor span.checkmark{
    margin-top:2px;
    font-size: 28px;
    color:#fff;
}

.product_size > .list-inline {
                align-items: baseline;
            }
           
            
/******** tyvek style **********/
.tyvek_design_middle.front_art img {
    display: inline-block;
    width: 60px;
    height: auto;
}
.char_left {
    font-size: 14px;
    color: green;
    font-weight: 500;
}
/********* checkout page *********/
.shipping_artwork_wrapper {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.sa_left, .sa_back, .sa_inside, .sa_continue {
    display: flex;
    vertical-align: middle;
    justify-content: center;
}
.sa_left, .sa_back {
    width: 50%;
    float: left;
}

.sa_left span, .sa_back span, .sa_continue span {
    margin: 0 5px;
}

.shopping_page table .shipping_artwork_wrapper img {
    margin: 0;
    padding: 0;
    width: 30px;
}

.shopping_page table .sa_message {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

/*.tyvek_checkout_artwork {
    overflow: hidden;
    width: 100%;
    border: 1px solid #fac7ca;
}

.tca_left, 
.tca_middle,
.tca_right {
    float: left;
}

.tca_left,
.tca_right {
    width: 20%;
}

.tca_middle {
    width: 60%;
    display: flex;
    justify-content: flex-start;
    vertical-align: middle;
    padding: 10px 0 10px 50px;
    height: 50px;
}

.shopping_page .tca_message {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 10px;
}

.tcal_img img, 
.tcar_img img {
    margin: 0;
    padding: 0;
    width: 30px;
}*/

.checkout-artwork-modal .modal-dialog {
    max-width: 1500px;
}

.checkout-artwork-modal .modal-body h2 {
    text-align: left;
    margin: 0;
    padding: 10px 0;
    font-weight: 600;
    color: #525252;
}
.checkout-artwork-modal.modal .tab-content {
    width: 100%;
    height: auto;
}
.shopping_page .checkout-artwork-modal table img {
    max-width: 100%;
}

.checkout-artwork-modal .checkout_workart_scq {
    display: flex; 
    justify-content: space-evenly; 
    color: #222;
    margin-bottom: 10px;
}
.shopping_page table .front_message {
    font-size: 55px;
}
/*.shopping_page table .tyvek_design .front_message {
     padding-left: 50px;
}*/
.checkout-artwork-modal .modal-body.wf {
    border: 5px solid #ccc;
    border-radius: 6px;
}

.checkout-artwork-modal .clipart_modal_close {
    border-left: 0 solid;
    border-bottom: 0 solid;
}


.fabric_checkout_artwork {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}

.shopping_page .fca_message {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 10px;
}

/* track order */
.track_order .form-horizontal .form-group {
    margin-bottom: 15px;
}
.tavek_qty_poll_wrapper{ 
    margin: auto;
    max-width: 1050px;
 }
 .qtyPollBox > .tavek_qty_poll {
    width: auto;
}
.tavek_qty_poll {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}

.tavek_qty_poll .tqp_img {
    border: 1px solid #333;
    padding-right: 40px;
}

.tavek_qty_poll img {
    border-right: 1px solid #333;
    width: 50px;
}

.tavek_qty_poll p{
    font-weight: 500;
    margin-top: 2px;
}
.tavek_qty_poll_wrapper .qty-pollbox-close {
    padding: 0 3px;
    color: #ED2024;
    background-color: transparent;
}
.fabric_qty_poll {
    text-align: center;
    cursor: pointer;
    border: 1px dashed #ccc;
    padding: 5px;
    margin: 5px;
}
.fabric_qty_poll p{
    padding: 0 0 5px 0;
    color: #707070;
    font-size: 11px;
    font-weight: 300;
}
.upload_design .upload-design-error {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
    float: initial;
}


.track_order {
    padding:35px 10px;
    background: #fff;
}
.checkout-artwork {
    margin: 5px 0 0 5px;
    color: #ffffff;
    box-shadow: none;
    padding: 5px 10px;
}
#track_order{max-width: 600px;margin: 0 auto;}
#track_order label{padding:7px 15px 0 0;}

#step_one_vedio{padding: 0;}
#step_one_vedio .modal-dialog{max-width: 100%;margin: 0;width: 100%;height: 100%;display: flex;}
#step_one_vedio .modal-content{margin: auto;width: 100%;max-width: 1280px;}
#step_one_vedio .modal-body{background-color: #fff;padding:0;border: none;}
#step_one_vedio .modal_custom_close.close {position:absolute;font-size: 35px;font-weight: 500;padding: 0 9px;position: absolute; color: #ffffff; background-color: #FF580F;filter: alpha(opacity=100);opacity: 1;right: -35px;   top: -35px;    margin: 0;    z-index: 1;border-radius: 50%;}

@media only screen and (max-width: 1500px) {
    .product_type img, 
    .product_size img{height: auto;margin:10px auto;max-height: 200px;}
    .product_color_area > ul > li > ul > li > input.form-control{padding: 5px;font-size: 14px;}
    .product_color_area > ul > li > ul > li {margin: 0 3px 0 0;}
    .color_search_list > p{left:0;top:-14px;width: 100%;float: left;padding: 0;font-size: 14px;}
    
}
@media only screen and (max-width: 1400px) {
   .common_customize_box.lanyard_holder .common_input_box li,
   .common_customize_box.lanyard_safety .common_input_box li{width:100%;margin:0;} 
   .common_step_box .lanyard_holder li img{max-height:170px;}
   .common_step_box .lanyard_holder li.none img {margin: 40px auto 13px auto;}
   .packaging_area .common_select_button label, .lanyard_safety .common_select_button label, .lanyard_holder .common_select_button label{font-size: 14px;}
   .lanyard_holder.common_customize_box .common_input_box > span{-webkit-transform-origin: -43px 6px;-moz-transform-origin: -43px 6px;-ms-transform-origin: -43px 6px;-o-transform-origin: -43px 6px;transform-origin: -43px 6px;}
}
@media only screen and (max-width: 1300px) {
    #lanyard_step_three .common_customize_box.lanyard_clip .common_input_box ul{padding:20px 20px 0 0;}
    .lanyard_clip.common_customize_box li{width:calc(16.66667% - 20px);margin: 0 0 20px 20px;}
}
@media only screen and (max-width: 1199px) {
    .product_color_area > ul > li {    width: calc(25% - 15px);}
    .common_customize_box > p, .common_input_area > p, .common_input_area ul button{font-size: 18px;}
    .common_production_shipping_area { padding: 20px;}
    div.time-line-wrap{margin: 0 0 15px 0;}
    .common_customize_box.lanyard_safety .common_input_box, 
    .common_customize_box.lanyard_holder .common_input_box, 
    .packaging_area .common_input_box {padding: 25px;}
    .common_customize_box.lanyard_safety .common_input_box li{width: 33.3333%;}
    #aboutus h3{font-size: 40px;}
#aboutus p{font-size: 20px;}
.checkout_page .common_step_box{padding:40px 20px;}
.checkout_page .common_step_box > p{padding:40px 0 0 0;}
.checkout_page ul{max-width: 800px;}
.checkout_page ul li {width: 49%;padding: 20px;height: 300px;max-width: 350px;margin: 0;}
.checkout_page h2 {font-size: 35px;}
.checkout_page button, .checkout_page .create_acc {font-size: 25px;height: 50px;margin: 20px 0;}
.checkout_page .create_acc {line-height: 46px;}
.checkout_page ul li:last-child button {margin: 10px 0 0 0;}
.common_bill_box .common_input_box{padding: 25px;}
.ship_bill_page .common_step_box{padding: 20px;}
.common_bill_box.ship_area, .common_bill_box.bill_area {    max-width: calc(50% - 10px);}
.common_bill_box.create_acc .common_input_box{padding: 15px;}
.common_input_left {width: 70%;}
.right_text,.payment_method .right_text{width: 30%;padding: 15px;font-size: 17px;}
.common_input_left .form-group{margin: 0;}

}
@media only screen and (max-width: 991px) {
    #wristbands_step_one .product_type img,.product_type img,
#wristbands_step_one .product_size img,.product_size img{height: auto;}
    .product_type  ul{display:block;}
    .product_type  ul li{width:33%;float:left;margin: 0 0.33333% 10px 0;border:1px solid #FFF;}
    .product_size.common_step_box ul li{border:1px solid #FFF;}
    #wristbands_step_one .product_type ul li{margin-bottom: 35px;}
    .product_type  ul li.selected,
    .product_size  ul li.selected{border:1px solid #2E800A;}
    .product_type.common_step_box ul li.selected::after,
    .product_size.common_step_box ul li.selected::after{top: 10px;left: 10px;width: 25px;height: 25px;border: 2px solid #999;background-color: #eee;-webkit-border-radius:4px;border-radius:4px;}
    .product_type.common_step_box ul li.selected::before,
    .product_size.common_step_box ul li.selected::before{z-index:11;top: 1px;left: 22px;width: 10px;height: 29px;border: 2px solid transparent;border-bottom-color:#2E800A;border-right-color:#2E800A;-webkit-transform:  rotate(45deg); -moz-transform:  rotate(45deg); -ms-transform:  rotate(45deg);-o-transform:  rotate(45deg);-transform:  rotate(45deg);}
    .product_color_area > ul > li {    width: calc(33.3333% - 15px);}
    .common_input_area input{height: 40px;font-size: 25px;}
    .lanyard_clip.common_customize_box li{width:calc(20% - 20px);}
    .common_customize_box.lanyard_safety .common_input_box {padding: 25px;}
    .common_customize_box.lanyard_safety .common_input_box li,
    .common_customize_box.lanyard_holder .common_input_box li{width:33.333%;margin:0;}
    .common_step_box .lanyard_holder li.none img {margin: 38px auto 14px;}
    .common_customize_box.lanyard_holder .common_input_box li{max-width: 100%;}
    .lanyard_holder.common_customize_box .common_input_box > span{-webkit-transform-origin: -98px -49px;-moz-transform-origin: -98px -49px;-ms-transform-origin: -98px -49px;-o-transform-origin: -98px -49px;transform-origin: -98px -49px;}
    #tyvek_customize .product_type ul li{height:auto;}
    #aboutus h3{font-size: 35px;}
#aboutus p{font-size: 18px;}
.aboutus.product_title{width:100%;margin: 15px 0;}
.checkoutHead h1{font-size:60px;}
.common_bill_box .common_input_box{padding: 15px;}
.common_bill_box .common_input_box .form-control{height: 40px;}
.common_input_left {width: 100%;}
.right_text,.payment_method .right_text{width: 100%;padding: 10px;font-size: 14px;}
.payment_method .common_select_button{max-width: 430px;padding: 0;float: none;margin: 10px auto;display: flex;}
.payment_method .common_select_button label img{height: 17px;}
.payment_method .common_select_button label{padding: 3px 0 0 25px;font-size: 14px;margin: 10px 15px 5px 0;}
.common_input_left .form-control.sel1{width:calc(100% - 310px);}
.bell_text{font-size: 18px;padding: 5px 10px;}
.thik_later  .bell_text{padding: 15px 10px;}
.payment_method .img_box img{height: 70px;}
.order_detail,.order_total,.order_ammount{width:33.333333%;text-align: center;}
.common_bill_box.order_summary .common_input_box{padding: 25px;}
.lanyard-wrap{margin:16px 0 15px 0;}
}
@media only screen and (max-width: 850px) {
    .lanyard_clip.common_customize_box li{width:calc(25% - 20px);}
    .img_box{width: 100px;}
    .bell_text{width: calc(100% - 100px);}
}
@media only screen and (max-width: 767.98px) {
    #lanyard_step_two .product_color_area{
        height: 428px;
    }
    #tyvek_step_two .product_color_area{
        height: 384px;
    }
    #fabric_step_two .product_color_area{
        height: 269px;
    }
    #wristbands_step_two .product_color_area{
        height: 469px;
    }
    #wristbands_step_two .product_color_area.stripe_wristband{
        height: 391px;
    }
    .product_color_area{
        height: 385px; 
        /*display: inherit; */
        display: -webkit-flex; 
        overflow-x: scroll; 
        -webkit-overflow-scrolling: touch;
        margin-bottom: 5px;
    }
    .product_color_area>ul{width: auto;display: -webkit-flex; -webkit-overflow-scrolling: touch;}
    .product_color_area>ul>li{width: 215px;float: inherit;}
    #wristbands_step_two .product_color_area>ul>li{width: 250px;margin-right: 5px;}
    #wristbands_step_two .product_color_area > ul > li > img{height:300px;}
    .product_color_area {
        padding: 5px 0 0 15px;
    }
    .color_search_list input.form-control{height: 40px;padding: 0 10px;font-size: 20px;}
    .color_type_area ul { margin: 5px 0 0 10px;}
    .serchClear{top: 5px;}
    .color_search_area{width: calc(100% - 240px);}
    .pms_color_search_area{width: calc(100% - 240px);}
    .color_type_area img {    height: 30px;}
    .color_missing::after, .color_missing_font::after, .missing_font::after{border: 15px solid transparent;border-top-color: #ac2925;}
    .color_missing > span, .color_missing_font > span, .missing_font > span{font-size: 15px;}
    .color_type_area{width: 240px;}
    .wristbands_select_msg_type ul {max-width: 220px;}
    .wristbands_select_msg_type ul li {width: 100%;height: 45px}
    .add_to_cart_area .add_to_cart, 
    .add_to_cart_area .update_cart, 
    .add_to_cart_area .btn-default:active:focus, 
    .add_to_cart_area .btn-default:active:hover, 
    .add_to_cart_area .btn-default:hover{max-width: 400px;height: 60px;font-size: 35px;}
    .add_quantity{width:100%;padding: 15px 0;font-size: 20px;}
    .add_to_cart_area{font-size: 14px;}
    .common_step_box .add_to_cart_area ul li{margin: 0;}
    .shipping-notice{margin: 20px;padding:15px;}
    
    .packaging_area .common_select_button label, 
    .lanyard_safety .common_select_button label, 
    .lanyard_holder .common_select_button label{font-size: 16px;}
    #fabric_step_three .common_step_box .fabric_tool .common_select_button label > span{padding: 3px 0 0 35px;}
    #fabric_step_three .common_step_box .fabric_tool .common_select_button label{font-size: 20px;}
    #aboutus h3{font-size: 32px;}
#aboutus p{font-size: 16px;}
#aboutus .common_step_box{padding:20px;}
#track_order label{padding: 0 0 5px 0;}
.checkout_page h2 {font-size: 22px;}
.checkout_page button, .checkout_page .create_acc{font-size: 18px;height: 40px;margin: 15px 0;min-width: 100%;}
.checkout_page .create_acc{line-height: 35px;}
.checkout_page ul li:last-child button{margin: 5px 0 0 0;}
.checkout_page ul li {height: 250px;}
.checkout_page .common_step_box > p {padding: 20px 0 0 0;}
.checkout_page .common_step_box p {font-size: 14px;padding: 0;}
.checkout_page input {margin: 15px 0 0 0;height: 40px;}
.checkout_page .common_step_box > p > img {margin: 15px auto 0 auto;}
.checkoutHead h1{font-size:50px;}
.checkout_page .common_step_box p.p_guest { margin: 0 0 10px 0;}
.common_bill_box .common_input_box span{padding: 0;font-size: 12px;}
.common_bill_box .common_input_box span.pull-right{padding: 8px 0 0 0;}
.common_input_left .form-group{margin:0 0 10px 0;}
}
@media only screen and (max-width: 685px) {
    .lanyard_clip.common_customize_box li{width:calc(33.333333% - 20px);}
}
@media only screen and (max-width: 670px) {
    .product_size  ul{display:block;}
    .product_type  ul li{width:45%;margin: 0 1% 10px 0;}
    .product_size.common_step_box  ul li{width:49%;margin: 0 1% 10px 0;float:left;max-width:100%;}
    #wristbands_step_one .product_type ul li{height: 270px;margin-bottom: 35px;}

    #lanyard_step_one .product_size li{max-width: 32%;}
    #fabric_step_one .product_type ul li{height:180px;}
    #fabric_step_one .product_type ul li img{height: 100px;}
    #wristbands_step_two .color_search_list{display:none;position: absolute;z-index: 1;top: 100%;padding: 0 5px 20px 5px;background-color: #046E9D;max-width: 100%;left: 0;}
    #wristbands_step_two .pms_color_search_list{display:none;position: absolute;z-index: 1;top: 100%;padding: 0 5px 20px 5px;background-color: #046E9D;max-width: 100%;left: 0;}
    .color_mobile{display:block;cursor:pointer;width: 50px;font-size: 34px;color: #fff;}
    .color_search_list input.form-control{margin:0 auto;}
    #wristbands_step_two .color_list{width: calc(100% - 10px);max-height: 250px;}
    .color_list, .font_list {width: 100%;max-height: 250px;}
    
    .color_type_area ul{margin: 0 0 0 10px;}
    .common_production_shipping_area { padding: 15px;}
    .add_to_cart_area{padding: 10px;}
    .add_to_cart_area .product_name { font-size: 16px;}
    .add_to_cart_area .product_quantity{font-size: 18px;}
.add_to_cart_area .total_price, .common_step_box ul li>span.total_product_price{font-size: 20px;}
.add_to_cart_area .add_to_cart, 
    .add_to_cart_area .update_cart, 
    .add_to_cart_area .btn-default:active:focus, 
    .add_to_cart_area .btn-default:active:hover, 
    .add_to_cart_area .btn-default:hover{font-size: 25px;}
    .common_customize_box.lanyard_safety .common_input_box li,
    .common_customize_box.lanyard_holder .common_input_box li{width:49%;margin:0 1% 15px 0;max-width: 100%;}
    .common_step_box .lanyard_holder li img {max-height: 150px;}
    .common_customize_box.lanyard_safety .common_input_box,
    .common_customize_box.lanyard_holder .common_input_box{padding: 25px 0;}
    .common_step_box .lanyard_holder li.none img {margin: 16px auto;}
    .packaging_area .common_input_box {padding: 25px 0;}
    .packaging_area .common_select_button label{font-size: 14px;}
    .packaging_area .common_select_button label > span{padding: 3px 0 0 30px;}
    /*.common_customize_box .common_input_box>span{-webkit-transform-origin: -85px -33px;-moz-transform-origin: -85px -33px;-ms-transform-origin: -85px -33px;-o-transform-origin: -85px -33px;transform-origin: -85px -33px;}*/
    .lanyard_holder.common_customize_box .common_input_box > span{-webkit-transform-origin: -155px -106px;-moz-transform-origin: -155px -106px;-ms-transform-origin: -155px -106px;-o-transform-origin: -155px -106px;transform-origin: -155px -106px;}
.color_missing{top: 38px;}
#aboutus h3{font-size: 30px;}
#aboutus p{font-size: 15px;}
   .checkout_page .common_step_box{padding:20px;} 
   .checkoutHead h1{font-size:40px;}
   .common_bill_box.ship_area, .common_bill_box.bill_area {    max-width: 100%;margin: 0 0 20px 0;}
   .common_bill_box .common_input_box .common_input_left label{width: 130px;padding: 14px 10px 0 0;font-size: 14px;}
   .common_input_left .form-control{width: calc(100% - 130px);}
   .common_input_left .form-control.sel1{width: calc(100% - 260px);}
   .bell_text{font-size: 15px;}
   .order_detail,.order_total,.order_ammount{font-size:25px;padding:0;}
.common_bill_box.order_summary .common_input_box{padding: 20px;}

}
@media only screen and (max-width: 530px) {
    #lanyard_step_three .common_customize_box.lanyard_clip .common_input_box ul{padding:10px 10px 0 0;}
    .lanyard_clip.common_customize_box li{
        width:calc(50% - 10px);
        margin: 0 0 10px 10px;
        min-height: 254px;
    }
    #fabric_step_three .common_step_box .fabric_tool ul li{width:49%;}
    .ship_bottom label{margin: 20px 5px 40px 0;width: 30px;}
    .ship_bottom span{margin: 22px 0 0 0;}
    .ship_bill_page .common_step_box{padding: 10px;}
    #wristbands_step_two .product_color_area > ul > li > img{height:225px;}
    .common_input_area ul>li {
        width: 49%;
        cursor: pointer;
        text-align: center;
        margin: 0 4px 0 0;
        position: relative;
    }
    #wristbands_step_two .product_color_area{
        height: 394px;
    }
    #wristbands_step_two .product_color_area.stripe_wristband{
        height: 316px;
    }
    .common_input_area ul>li:last-child {
        margin-right: 0;
    }
    .color_type_area img {
        height: 30px;
        width: auto;
    }
}
@media only screen and (max-width: 500px) {
    #wristbands_step_one .product_size img{max-height:140px;}
    .checkout_page ul{max-width: 350px;}
    .checkout_page ul li {width: 100%;height: auto;margin: 10px 0;}
      .checkoutHead h1{font-size:35px;}
      .common_bill_box .common_input_box .common_input_left label{width: 100%;text-align: left;padding: 0 0 5px 10px;}
      .common_input_left .form-control{width:100%;}
      .common_input_left .form-control.sel2{width:100px;}
      .common_input_left .form-control.sel1{width: calc(100% - 115px);}
      .payment_method .common_select_button{display: inherit;max-width: 220px;}
      .payment_method .common_select_button  li,
      .payment_method .common_select_button  li a{    width: 100%;float: left;}
      .payment_method .common_select_button  li img{margin:0;}
      .payment_method .common_select_button label{text-align: left;    padding: 3px 0 0 35px;}
      .img_box{width: 70px;}
    .bell_text{width: calc(100% - 70px);font-size: 13px;}
    .order_detail,.order_total,.order_ammount{font-size:20px;font-weight: 500;}
.common_bill_box.order_summary .common_input_box{padding: 15px;}
.ship_bottom label{padding: 3px 0 0 30px;text-align: left;font-size: 16px;}
.ship_bottom button{height: auto;font-size: 25px;}
.payment_method .common_select_button,
.ship_bill_page_area .tab-content{width: 100%;float: left;}
.payment_method .common_select_button{margin: 0 0 0 calc(50% - 100px);}
    .size_input_style {
        width: 29% !important;
    }
}
@media only screen and (max-width: 460px) {
    
}
@media only screen and (max-width: 440px) {
    .common_customize_box.lanyard_safety .common_input_box li,
    .common_customize_box.lanyard_holder .common_input_box li,
    .packaging_area .common_input_box ul > li{width:100%;margin:0 0 15px 0;}
    .common_customize_box.lanyard_safety .common_input_box {padding: 15px 0;}
    .common_customize_box .common_input_box{border-left: 45px solid #2E800A;}
    .common_customize_box .common_input_box>span{
        left: -88px;
    }
    .lanyard_holder.common_customize_box .common_input_box > span{
        -webkit-transform-origin: -43px 6px;
        -moz-transform-origin: -43px 6px;
        -ms-transform-origin: -43px 6px;
        -o-transform-origin: -43px 6px;
        transform-origin: -43px 6px;
        top: 88%;
        left: 8px;
    }
    .ship_bottom span{font-size: 14px;}
    .ship_bottom label::before{width: 20px;height: 20px;}
    .ship_bottom label.active::after{border-left: 2px solid #00aa48;border-bottom: 2px solid #00aa48;width: 20px;height: 10px;top: 0px;}
    .ship_bottom span{margin: 20px 0 0 0;}
    .ship_bottom a.term_button{font-size: 16px;}
    .ship_bottom label{margin: 20px 0px 40px 0;}
    
}
@media only screen and (max-width: 400px) {
    .checkoutHead h1{font-size:30px;}
    .ship_bottom label{padding: 0 0 0 30px;text-align: left;font-size: 16px;}
}
@media only screen and (max-width: 380px) {
    .lanyard_clip.common_customize_box li p{font-size: 12px;}
    .checkoutHead h1{font-size:25px;}
    .order_detail,.order_total,.order_ammount{font-size:14px;}
.common_bill_box.order_summary .common_input_box{padding: 10px;}
 .ship_bottom span{font-size: 12px;}
.ship_bottom a.term_button{font-size: 12px;}
.ship_bottom span{margin: 23px 0 0 0;}
}
@media only screen and (max-width: 350px) {
      .product_type  ul li,
      .product_size.common_step_box  ul li,
      #lanyard_step_one .product_size li,
      #fabric_step_three .common_step_box .fabric_tool ul li{width:100%;margin: 0 0 10px 0;border-bottom: 1px solid #f2f2f2;max-width: 100%;}
      #fabric_step_one .product_type ul li{height:auto;}
    #fabric_step_one .product_type ul li img{height: auto;}
      .product_type  ul li:last-child,
      .product_size.common_step_box  ul li:last-child,
      #lanyard_step_one .product_size li:last-child{border: none;}
      .product_type  ul li.selected:last-child,
      .product_size.common_step_box  ul li.selected:last-child,
      .product_size.common_step_box  ul li.selected,
      #lanyard_step_one .product_size li.selected,
      #lanyard_step_one .product_size.common_step_box li.selected:last-child{border:1px solid #2E800A;}
      .product_color_type_search{padding: 10px;}
      .color_mobile{font-size: 25px;}
      .checkoutHead h1{font-size:25px;}
}
#artworkPage{background: #fff;}
#artworkPage h2{text-align: center;background: #fff;text-align: center;font-size:40px;margin:25px 0 0 0;color:#707070;}
.app_dis{margin:25px 0;}
.app_dis ul{max-width:450px;margin:0 auto;}
.app_dis button{font-size: 25px;padding: 5px 15px;width:200px;}
.pdf_body{padding:30px;}
.pdf_inner{padding:20px;border:3px solid #707070;}



.terms_and_condition {
    background: #fff;
    padding: 30px;
}

.terms_and_condition h3,
.terms_and_condition h4{
    color: #343434;
    font-weight: 500;
    margin: 10px 0;
}
.terms_and_condition p,
.terms_and_condition ul li  {
    color: #888;
    font-weight: 500;
}
.terms_and_condition h3 {
    font-size: 26px;
}

.terms_and_condition h4 {
    font-size: 18px;
    
}

.terms_and_condition p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 15px;
}

.terms_and_condition ul {
    margin: 0;
    padding: 0;
    padding-left: 18px;
    margin-bottom: 20px;
}

.terms_and_condition ul li {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}
/******** success icon for send reset *******/
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: '';
  height: 100px;
  position: absolute;
  background: #fff;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4caf50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, .5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #fff;
}
@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
/*** contact page ***/
.social_button i {
    height: 25px;
    line-height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #757575;
    color: #fff;
    text-align: center;
}
.contact-form .form-group {
    padding: 5px;
}
.col-xs-offset-1 {
    margin-left: 8.33333333% !important;
}
.contact-form label {
    margin-bottom: 10px;
    color: #046E9D;
}
.terms_and_condition .trust {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 ;
}

.trust li {
    float: left;
    margin-right: 4px;
}
h4.band_msg_type {
    text-align: center;
    color: #807e7e;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: -5px;
    clear: both;
}
h4.band_msg_type span {
    width: 50%;
    display: block;
    float: left;
}
.upload_image img {
    height: auto !important;
    width: auto !important;
    max-height: 60px;
    margin-right: 10px;
}
.fabric_table .upload_image img {
    max-height: 80px;
}
@media (min-width: 768px) and (max-width: 1199px) {
     .upload_image img {
        max-height: 50px;
        margin-right: 5px;
    }   
}
@media (max-width: 767px) {
     .upload_image img {
        max-height: 25px;
        margin-right: 5px;
    }   
}
@media (min-width: 1400px) and (max-width: 1499px) {
    .common_customize_box.lanyard_holder .common_input_box li {
        max-width: 185px;
        margin: 0 2px 0 0;
    }
}
@media (min-width: 1500px) {
    .common_customize_box.lanyard_holder .common_input_box li {
        max-width: 210px;
        margin: 0 4px 0 0;
    }
}
.tdm_inner {
    display: flex;
    align-items: left;
    justify-content: flex-start;
    /*flex-basis: 100%;*/
}
.tyvek_design_middle .art_left_img, 
.tyvek_design_middle .art_right_img {
   width: auto;
}
.upload_table .tyvek_design_middle {
    text-align: left;
}
.tdm_inner_upload {
    display: inline-block;
    max-height: 60px;
    overflow: hidden;
    /*float: left;*/
}
.fabric_table .tdm_inner_upload { 
    max-height: 100px;
    float: none;
}
/*.upload_image {
    display: inline-block;
}*/
.upload_message{
    text-align: left;
}
@media (min-width: 1200px) {
    .upload_message{
        margin-top: 10px;
    }
}
.common_bill_box .common_input_box .optional_address {
    color: #2E800A;
}
.clipart_search { display: none; }

.metalic_gold, 
.metalic_silver {
    display: none;
}

.special-instruction {
    margin: 0 auto;
    float: initial;
    clear: both;
}

.special-instruction h2 {
    color: #046E9D;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0;
}

.special-instruction textarea {
    width: 100%;
    min-height: 80px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

/* By Me */

@media (max-width: 1199.98px) {
    .tl-heading{
        padding: 15px 5px 15px 38px;
    }
    .tlh-plan{
        font-size: 16px;
    }
    .tlh-plan::before{
        top: 13px;
    }
    .tlh-plan::after{
        top: 16px;
    }
    .tlb-days{
        width: 30%;
        font-size: 44px;
        margin-top: -10px;
    }
    .tlb-description{
        width: 70%;
        padding-left: 8px;
    }
    .time-line-wrap .tl-body p{
        font-size: 13px;
    }
    .tlbd-date{
        margin-top: 0;
    }
}

@media (max-width: 991.98px) {
    .common_production_shipping_area{
        padding: 20px 0;
    }
    .shipping_html .p-lr-15{
        flex: 0 1 50%;
        padding: 0 10px;
    }
    .checkout-artwork-modal .checkout_workart_scq {
        margin-bottom: 10px;
        font-size: 12px;
        padding-top: 10px;
    }
}