label{font-weight: normal}
.font28px{font-size: 28px}
.font16px{font-size: 16px}
.font22px{font-size: 22px}
.fix-text{line-height: 75px}
.display_block {display: block}
.order-content{margin:20px 0;color:#0d0d0d;position:relative}
.img-step1{margin-left: 8%;}
body.language_fr .img-step1 {width: 260px}
body.language_fr .instead-of-order-left {width: 35%}
body.language_fr .line_step .line_arrow {left: 53.5%}
body.language_fr .line_step .line_arrow.line_arrow2 {left: 65%;}
body.language_fr .line_step .line_arrow.line_arrow3 {left: 77%}
body.language_fr .new_order_content .frame_price {
    font-size: 14px;
    height: 25px;
}
body.language_fr .new_order_content .frame_price_rolled {
    font-size: 14px;
    height: 25px;
}
@media only screen and (max-width: 1200px) {
    body.language_fr .new_order_content .frame_price {
        height: 45px;
    }
    body.language_fr .new_order_content .frame_price_rolled {
        height: 45px;
    }
}
.text-banner-order{
    float: right;margin-right: 15px;
    width: 90%;}
.color-h2{color: var(--blue-secondary-color)}
.fix-h2{margin-left:10px }
.wrapper-70{width:70%;margin:0;float: left}
.wrapper-30{width:30%;margin:0;float: left}
.fix-point{margin: 20px auto}
.banner_discount {
    background: url('/themes/newPainting/img/order/banner.png') no-repeat scroll 0 0;
    width: 481px;
    height: 77px;
}
.banner_discount.paypal_banner {
    background: url('/themes/newPainting/newPainting/img/paypal_coupon_small.jpg') no-repeat scroll 0 0;
    width: 481px;
    height: 53px;
}
.box_content_left {width: 71%}
.box_content_right {width:23.3%;}
#box_content {position: relative; float: left;width: 100%;min-height: 500px}
#box_content .img_bootom_cart {margin-top: 20px; text-align: center}
.title h2{color: var(--blue-secondary-color)}
.title h2 i {
    color: #747474;
}
.width_full{width: 100%}
#send_type_required{color: #F4380B}
.required {
    margin-left: 20px;
    margin-top: 25px;
    display: none;
}
#upload1 .title{position: relative}
#size_required, #upload1 #send_type_required {right: 65px!important;}
.more_info {position: relative}
.more_info a.add, #order-step2 #box_background .order_blue_small a.add, .remm .add {
    background: url("/themes/newPainting/img/order/info-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 24px;
    width: 24px;
    display: block;
    position: absolute;
    right: 20px;
    top: 24px;
}
.more_info a.add.add-phone-info-v2 {
    top: 10px;
}
.remm .add {right: 39px; cursor: pointer}
.img_remm {
   right: -39px; top: 58px
}
#comments .img_remm .img_top {
    top: -14px
}
.img_middle, #upload1 .img_middle, #uploadr .img_middle, #order_type .img_middle, #order-step2 .img_middle{
    background-color: #fdf6cc;
    background-image: url("/themes/popart/images/entry_description_bg.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #bababa;
    border-radius: 5px;
    box-shadow: 0 2px 5px #a6a6a6;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px !important;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
    width: 180px;
    z-index: 1000;
}
.img_upload .img_top, #upload1 .img_upload .img_top, #uploadr .img_upload .img_top, #order_type .img_upload .img_top, #order-step2 .img_upload .img_top,
#order-step3 .img_upload .img_top
{
    border: medium none !important;
    height: 8px;
    left: 140px;
    position: absolute;
    top: -14px;
    width: 22px;
    z-index: 1001;
}
.img_upload,  #upload1 .img_upload, #uploadr .img_upload, #order_type .img_upload, #order-step2 #box_background .img_upload,
#order-step3 .img_upload.open_more_info {
    display: none;
    margin-left: -182px;
    margin-top: 55px;
    position: absolute;
    width: 190px;
    z-index: 1001;
}
#upload1 #open_default {
    display: block;
    margin-left: 2px;
    margin-top: 15px;}
#upload1 #open_default .img_top{
    left: -21px;
    top: 15px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg);
}

.title {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;}
#comments .title {
    border-top: 1px solid #dddddd;
    border-bottom: none;
    padding-bottom: 10px;
    position: relative; }
.custom_texarea {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 5px 20px;
    width: 100%;}
.new_order_content .customFileInput1, .new_order_content .customFileInput2 {float: right;margin-bottom: 0;}
.new_order_content .customFileInput {float: right;margin-bottom: 0;}
.new_order_content .customFileInput .fileName {
    background: url("/themes/newPainting/img/order/bg_input.jpg") repeat-x; border-radius: 5px;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    float: left;
    height: 40px;
    width: 72%;
    margin-right: 10px;
    line-height: 40px;
}

.new_order_content .customFileInput1 .fileName1, .new_order_content .customFileInput2 .fileName2 {
    background: url("/themes/newPainting/img/order/bg_input.jpg") repeat-x; border-radius: 5px;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    float: left;
    height: 40px;
    width: 439px;
    margin-right: 10px;
    line-height: 40px;
}
.new_order_content .customFileInput input {width: 100%}
.new_order_content .customFileInput1 input, .new_order_content .customFileInput2 input {width: 100%}
.new_order_content .customFileInput .browseBtn {
    background-color: #ff135e;
    background-image: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: auto;
    line-height: 23px;
    padding: 8px 0px;
    text-shadow: none;
    width: 25%;
}
.new_order_content .customFileInput1 .browseBtn1, .new_order_content .customFileInput2 .browseBtn2 {
    background-color: #ff135e;
    background-image: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: auto;
    line-height: 23px;
    padding: 8px 34px;
    text-shadow: none;
    width: auto;
}
.new_order_content .customFileInput .browseBtn:hover {background-color: #ca0e4a}
.new_order_content .customFileInput1 .browseBtn1:hover, .new_order_content .customFileInput2 .browseBtn1:hover {background-color: #ca0e4a}
.main_upload {padding: 30px 0px}
.main_upload label.left {margin-top: 8px;}
.new_order_content .social {
    color: #000;
    margin-right: 3%;
    width: 31%;
    background-color: #f7f7f7; border: 1px solid #dddddd; border-radius: 5px;
    padding: 1% 0 4.5% 2%;cursor: pointer}
.new_order_content .social.facebook {
    background-image: url("/themes/newPainting/img/order/facebook_icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}
.new_order_content .social.picasa {
    background-image: url("/themes/newPainting/img/order/picasa_icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}
.new_order_content .social.instagram {
    background-image: url("/themes/newPainting/img/order/instagram_icon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}
.new_order_content .social span{margin-left: 30px; color: #000}
.new_order_content .social:last-child{margin-right: 0}
.new_order_content .social:hover {text-decoration: none; background-color: #f1f1f1}
.import_social, .new_order_content .customFileInput,.new_order_content .customFileInput1,.new_order_content .customFileInput2  {width: 67%}
.import_left {width: 26%}
.option span.left {margin-top: 8px;}
.new_order_content span, .new_order_content label, .box_content_right span {color: #949494}
.new_order_content span.color-violet {color: #ff306b}
.new_order_content a{color: #ff306b}
.new_order_content .color-black {color: #000}
.box_content_right span.pets-num, .box_content_right span.people-num, .box_content_right span.subject-text {
    color: #000;
}
/*reference upload*/
.ref_upload h2,.ref_upload2 h2, .select_background h2 {color: #565656; margin: 0}
.ref_upload h2 span,.ref_upload2 h2 span, .select_background h2 span {font-style: italic}
.ref_upload,.ref_upload2, .select_background {background-color: #f7f7f7; padding: 20px}
.ref_upload h2,.ref_upload2 h2, .select_background h2 {
    background: url("https://newpyl.s3.amazonaws.com/cdn/images/close_icon.png") no-repeat;
    height: 24px;
    padding-left: 35px;
line-height: 24px}

.open .ref_upload h2,.open .ref_upload2 h2, .open .select_background h2 {background: url("/themes/newPainting/img/order/open_icon.png") no-repeat;color: #0fb5b6;}
.new_order_content #uploadr .box-content, .new_order_content #second_upload .box-content {display: none}
.new_order_content #uploadr.open .box-content, .new_order_content #second_upload.open .box-content {display: block}
.new_order_content #uploadr .more_info a.add{top: -24px}
#second_upload {display: none;}
.new_order_content #uploadr .img_upload {margin-top: 10px}
.ref_upload,.ref_upload2, .select_background {cursor: pointer}
.new_order_content #uploadr  .main_upload:last-child, .new_order_content #second_upload  .main_upload:last-child{border-bottom: 1px solid #dddddd; margin-bottom: 30px}
.new_order_content #uploadr .ref_upload, .new_order_content #second_upload .ref_upload2 {margin-bottom: 30px}
.new_order_content #uploadr.open .ref_upload, .new_order_content #second_upload.open .ref_upload2 {margin-bottom: 30px}
.div_button .button {border: none;}
.margin-bottom-continue{margin-bottom: 0}
#select_currency .custom-select-text {text-transform: uppercase}
.div_button .input_disable {
    background-color: #dddddd;
    padding: 8px 0 5px 15px;
    line-height: 22px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    background-image: none;
    font-size: 16px;
}
.disabled {opacity: 0.5;}
.div_button a.back_button {
    padding: 8px 15px 5px 0;
    background-color: #D2D2D2;
}
.div_button a.back_button:hover {
    background-color: #D2D2D2;
    text-decoration: none;
}
.div_button a.back_button span.tick-button, .div_button a.back_button:hover span.tick-button {
    background: url("/themes/newPainting/img/order/arrow_button_back.jpg") no-repeat;
    float: left;
}
.div_button .input_disable:hover{background-image: none;background-color: #dddddd;}
.div_button .input_disable:hover span.tick-button {background: url("/themes/newPainting/img/order/arrow_button_disable.png") no-repeat;}
.div_button .input_blue {
    background-color: #38d119;
    background-image: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 8px 0 5px 15px;
}
.button span.tick-button {background: url("/themes/newPainting/img/order/arrow_button_disable.png") no-repeat;
    float: right;
    height: 26px;
    width: 24px!important;
    margin-left: 10px;
    margin-right: 15px;}
.button span.tick-button-blue {background: url("/themes/newPainting/img/order/tink_green.png") no-repeat;
    float: right;
    height: 26px;
    width: 24px!important;
    margin-left: 10px;
    margin-right: 15px;}
.div_button {text-align: right;margin-bottom: 30px}
#button2{margin-top: 16px}
#box_content #button3{border-top: 1px solid #dddddd;
    margin-bottom: 30px;
    padding-top: 30px;
    text-align: right;}
.margin-bottom-continue{margin-bottom: 0}
.div_button .input_blue:hover {background-image: none; background-color: #449d44}
.div_button .input_blue:hover span.tick-button-blue {background: url("/themes/newPainting/img/order/tink_green.png") no-repeat; }

/*right cart*/
.box_content_right #message_box {
    padding: 0 20px 20px;
    box-shadow: 1px 1px 11px 0 #dddddd;
    position: inherit;
    width: 280px;
    background-color: #fff;
    float: left;
}
#trustpilot_order {
    border: 3px solid #ededed;
    padding: 10px;
    margin-top: 20px;
}
.show_trustpilot #box_content {min-height: 808px}
.box_content_right #message_box h2{color: #ff306b; font-weight: bold}
.summary_content .summary_show {background: url("/themes/newPainting/img/order/arrow_icon.png") no-repeat;
    height: 56px;
    margin-top: 30px;
    width: 85px;}
.new-order-content {margin-top: 20px}

.new_order_content div.file {padding:20px 30px}
.new_order_content div.file img {
    max-height: 180px; max-width: 180px;border: 3px solid #fff;
box-shadow: 1px 1px 5px 0 #666;float: left}
.new_order_content div.file .info {float: left; margin-left: 60px;line-height: 40px;
background: url("/themes/newPainting/img/order/upload_success_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 90px;}
.font-georgia {font-family: Georgia}
.font60px {font-size: 60px}
.new_order_content span.green-text, .box_content_right span.green-text{color: #38d119}
.new_order_content span.blue-text, .box_content_right span.blue-text{color: var(--blue-secondary-color)}
.new_order_content span.black-text {color: #000}
.font38px {font-size: 38px}

.summary_content #c_image img{max-width: 48px; max-height: 48px;
    border: 1px solid #fff;
    box-shadow: 1px 1px 5px 0 #666;
float: left}
.summary_content #c_image .left{margin-left: 10px}
.summary_content #c_image .left a {
    color: var(--blue-secondary-color);
    text-decoration: underline;
    font-weight: bold;
}
.summary_content .white-text {color: #fff}
.summary_content #c_image #original_image img {width: 48px; height: 48px;box-shadow: none}
#cart_content_summary.show-discount-percent .summary-item {
    height: 20px;
    min-height: 20px;
}
#cart_content_summary.show-discount-percent .summary-item span,
#cart_content_summary.show-discount-percent .deposit_text .deposit_value {
    display: none;
}
#original_image {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    float: left;
    position: relative;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    margin-bottom: 20px;
    z-index: 1;
}
#original_image:before {
    width: 48px;
    height: 48px;
    content: "";
    background: #eff4de;
    border: 2px solid #fff;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -6px;

    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
#original_image:after {
    width: 48px;
    height: 48px;
    content: "";
    background: #768590;
    border: 2px solid #fff;
    position: absolute;
    z-index: -1;
    top: 3px;
    left: 0px;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}
#block_coupon {
background: url("/themes/newPainting/img/order/bg_coupon.png") no-repeat;
    height: 113px;
    width: 299px;
    margin-left: -30px;
    margin-top: 20px;
}
#block_coupon .coupon_content {padding: 10px 15px}
input.custom_input {
    border: 1px solid #dddddd;
    border-radius: 5px;
    height: 44px;
}
.black_button { background: none repeat scroll 0 0 #000;
    border: medium none;
    border-radius: 5px;
    color: var(--blue-secondary-color);
    font-weight: bold;
    padding: 7px 25px;}
#upload1 .title .div_button, #sizing .title .div_button {margin-bottom: 0;
    margin-top: 17px;}
/*popup email*/
.popup_email{text-align: center}
.skip-email-popup{cursor: pointer;color: var(--blue-secondary-color);text-decoration: underline}
.skip-email-popup:hover{text-decoration: underline;color: var(--blue-secondary-color)}
#wrapper_popup
{ background-color: #000;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
display: none;}
#popup_block_order {
    display: none;
    background-color: #fff;
    left: 29%;
    position: fixed;
    top: 30%;
    width: 650px;
    z-index: 12;
    text-align: center;
}
.margin-bottom-popup-email{margin-bottom: 10px;}
.align_center {text-align: center}
.popup_email .font38px {
    color: #000;
    font-size: 26px;
    font-weight: 700;
}
.popup_email .font24px {color: #686868; margin-bottom: 30px}
.popup_email span{line-height: 35px}
.error {color: red; display: none;}
div.register .error {display: block}
#couponcode.error {display: block;float: left;margin-right: 5px}
.popup_email span.error {margin-top: -20px}
.popup_email .custom_input {height: 45px; width: 325px}
.popup_email .blue-button {border: none; padding: 2% 10%; color: #fff; font-size: 18px}
#block_coupon .font {
    font-family: BebasNeue;
}
#block_coupon .coupon_content .span{margin-bottom: 0}
/*step2*/
.radio-check{background: rgba(0, 0, 0, 0) url("https://newpyl.s3.amazonaws.com/cdn/images/radio-check.png") no-repeat scroll 100% center;;margin-right: 5px;display: block;
    float: left;
    height: 17px;
    margin-top: 2px;
    width: 18px;}
#box_background .radio-check {margin-top: 4px;}
.radio-checked{background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/order/radio-checked.png") no-repeat scroll 100% center;margin-right: 5px}
.h2-order-type{margin-bottom: -5px}
.choose_style {padding: 20px 0}
#order_type .choose_style {padding: 0}
.medium_item {position: relative;margin-right: 2.8%; cursor: pointer;margin-bottom: 10px;width: 122px}
.medium_item .medium_item_img img{border: 18px solid #f7f7f7; border-radius: 5px}
.medium_item_img {border: 1px solid #dddddd; border-radius: 5px;margin-bottom: 10px}
.medium_item label {
    color: #595959;display: inline-block;
    width: 118px;}
.medium_item input[type=radio] {margin-right: 5px}

/*Re-align frame item to flex, order step 4: choose frame*/
#framesdiv {
    display: flex;
    flex-direction: column;
}
#framesdiv .row {
    display: flex;
    flex-wrap: wrap;
}
.popup_email.has-name-field .custom_input {
    padding-left: 17px;
}
.popup_email .blue-button {
    border: none;
    padding: 2% 10%;
    color: #fff;
    font-size: 18px;
    background: var(--pink-primary-color)!important;
    font-weight: 700;
}
.medium_item div.popular, #framesdiv .frame_check .popular {
    background: url("/themes/newPainting/img/order/popular_icon.png") no-repeat;
    width: 66px;
    height: 67px;
    display: block;
    position: absolute;
    right: -2px;
    top: -2px;
}
.medium_item div.popular span, #framesdiv .frame_check .popular span {
    color: #fff;
    margin-left: 20px;
    margin-top: 15px;
}
.medium_item:last-child {margin-right: 0}
.medium_item.selected .medium_item_img img {border: 18px solid #fff}
.medium_item.selected .medium_item_img {box-shadow: 1px 1px 5px 0 #ddd}
.rotate {
    /* Safari */
    -webkit-transform: rotate(45deg);
    /* Firefox */
    -moz-transform: rotate(45deg);
    /* IE */
    -ms-transform: rotate(45deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}
#order_type .title h2 {color: #585858}
#order_type .title {border-bottom: none; border-top: 1px solid #dddddd}
#order_type .medium_item .medium_item_img {
    background: url("https://new_order.s3.amazonaws.com/subject/1person.png") no-repeat scroll center center #f7f7f7;
width: 100px; height: 73px;padding: 60px}
#order_type .medium_item .medium_item_img.two-persons {background: url("https://new_order.s3.amazonaws.com/subject/2presons.png") no-repeat scroll center center #f7f7f7;}
#order_type .medium_item .medium_item_img.pet {background: url("https://new_order.s3.amazonaws.com/subject/pet.png") no-repeat scroll center center #f7f7f7;}
#order_type .medium_item .medium_item_img.pet_person {background: url("https://new_order.s3.amazonaws.com/subject/pet-person.png") no-repeat scroll center center #f7f7f7;}
#order_type .medium_item .medium_item_img.landscape {background: url("https://new_order.s3.amazonaws.com/subject/landscape.png") no-repeat scroll center center #f7f7f7;}

#order_type .medium_item.selected .medium_item_img {background: url("https://new_order.s3.amazonaws.com/subject/1person_hover.png") no-repeat scroll center center #fff}
#order_type .medium_item.selected .medium_item_img.two-persons {background: url("https://new_order.s3.amazonaws.com/subject/2presons_hover.png") no-repeat scroll center center #fff}
#order_type .medium_item.selected .medium_item_img.pet {background: url("https://new_order.s3.amazonaws.com/subject/pet_hover.png") no-repeat scroll center center #fff}
#order_type .medium_item.selected .medium_item_img.pet_person {background: url("https://new_order.s3.amazonaws.com/subject/person-pet_hover.png") no-repeat scroll center center #fff}
#order_type .medium_item.selected .medium_item_img.landscape {background: url("https://new_order.s3.amazonaws.com/subject/landscape_hover.png") no-repeat scroll center center #fff}



#order_type .medium_item .medium_item_img.custom{background-color: #f7f7f7; background-image: none; padding: 5px 10px;
height: 122px; width: 100%}
#order_type .medium_item.custom .custom_input {width: 50px; font-style: normal}
.select_background .more_info a.add,#order-step2 #box_background .order_blue_small a.add {top: -20px}
span.popular2 {background: url("https://newpyl.s3.amazonaws.com/cdn/images/popular_icon2.png") no-repeat;
    color: #fff;
    display: block;
    float: left;
    height: 32px;
    line-height: 35px;
    text-align: center;
    width: 74px;
margin: 0}
.add_background {float: left; margin-top: 4px;margin-left: 4px; color: #000 !important;}
.background_content .select_item {margin-right: 10px; margin-right: 20px;padding: 10px;
    border: 1px solid transparent;
cursor: pointer}
.background_content .select_item.solid_select {margin-right: 0}
.background_content .select_item:first-child {margin-top: 0}
.background_content{float: left;
    padding: 20px 0;
    width: 100%;
    display: none;
}
.background_content .select_item.selected {box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);border: 1px solid #dddddd; border-radius: 5px;background: #fff }
.background_content .select_item.has_popular{padding: 7px 10px 7px 0}
.solid_backgound {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    margin-top: -1px;
    position: relative;
    z-index: 1;
    padding: 20px;
    display: none;
}
.background_content .select_item.solid_select.selected{border: none; box-shadow: none;padding: 0;margin-top: -8px;position: relative;
    z-index: 10;}
.background_content .select_item.solid_select.selected .shadow_left {background:url("/themes/newPainting/img/order/bg_shadow_left.jpg") no-repeat; width: 11px; height: 70px; float: left}
.background_content .select_item.solid_select.selected .shadow_right {background:url("/themes/newPainting/img/order/bg_shadow_right.jpg") no-repeat; width: 11px; height: 70px;float: left}
.background_content .select_item.solid_select.selected .shadow_center {background:url("/themes/newPainting/img/order/bg_shadow.jpg") repeat-x; height: 70px;float: left; padding: 20px}
body.language_fr .background_content .select_item.solid_select.selected .shadow_center {padding: 20px 0}
.background_item {height: 110px;padding: 3px; cursor: pointer;margin-right: 15px; width: 76px}
.background_item:last-child{margin-right: 0}
#box_background_color .background_item:hover, #box_background_color .background_item.selected{background: var(--blue-secondary-color);}
#box_background_color .background_item:hover label, #box_background_color .background_item.selected label {color: #fff}
#box_background_color .background_item label {width: auto!important;}
#box_background_color .background_item label img {margin: 0}
#signature .box-content {color:#585858; padding: 30px 0; border-bottom: 1px solid #dddddd; margin-bottom: 30px}
.open .background_content {display: block}
.check {background:url("/themes/newPainting/img/order/check.png") no-repeat;
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
    margin-top: 3px;
    width: 20px;
    cursor: pointer;
}
.check.checked {background:url("/themes/newPainting/img/order/checked.png") no-repeat;
    height: 24px;
    margin-top: 0;
}
#order-step2 #box_background .img_upload {margin-top: 12px}
.style-item {
    border-top: 1px solid #ddd;
    padding: 5px 0;}
.style-item .style_title {color: #808080}
.style-item .style_value {color: #000; font-weight: bold}
.style-item a{color: var(--blue-secondary-color); text-decoration: underline; font-weight: bold}
.style-item.disable_update a, .disable_update a{display: none;}
.style-item.disable_update .style_value, .style-item.disable_update .style_title, .disable_update .style_title,.disable_update .choosen_image {color: #cacaca}
#medium .colorSelection a {
    background-color: #dfdfdf;
    border-radius: 3px;
    color: #5c5c5c;
    padding: 5px 10px;
}
#medium .colorSelection a.selected{background-color: #0FB3B5; color: #fff;}
#medium .colorSelection a:hover{text-decoration: none;}
#medium .colorSelection {display: none}
body.language_fr .medium_item.custom .font14px {font-size: 11px}
/*step3*/
.margin-left-order-size{margin-left: -5px}
#sizing .title,
#choose_frame_order .title{
    border: none;
    position: relative;
}
#sizing #size_required {right: 160px!important;}
.sizing_content {
    padding: 20px 0;

    border-top: 1px solid #DDDDDD;
}
.size_selection {
    margin-left: 10px;
    background-color: #fff;
    border-radius: 5px;
    font-weight: bold;
    padding: 8px 10px 8px 39px;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    width: 30%;
    position: relative;
    box-shadow: 1px 1px 4px 1px #d0d0d0;
}

.size_selection.canadian-only #size_show {
    margin-left: -30px;
}
.size_selection.canadian-only #price_show, .size_selection.canadian-only .price_show {
    margin-left: 0;
}
.size_selection.canadian-only .second-measure {
    font-size: 13px;
}

.size_selection.canadian-only ul li {
    padding-right: 10px;
}

.size_selection ul li.li_selected {
    background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/order/selected_icon.png") no-repeat scroll left center;
}
.size_selection .arrow-down {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}
.size_selection ul li {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    font-weight: normal;
    padding: 8px 22px 8px 28px;
    width: 100%;
}
.size_selection ul li:last-child {border-bottom: none}
.size_selection ul {
    display: none;
    position: absolute;
    background-color: #F7F7F7;
    z-index: 10;
    border-left: 1px solid #ddd;
    width: 100.9%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    left: -1px;
    top: 39px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px 0 5px 5px;
    box-shadow: 1px 3px 4px 1px #d0d0d0;
}
.size_selection span.right {margin-left: 30px}
.image_demo {
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #EEEEEE;
    margin: 20px 0;
}
.popular_new {
    color: #fff!important;
    background: transparent url('/themes/newPainting/img/order/popular_icon_new.png') no-repeat;
    width: 73px;
    height: 32px;
    float: left;
    text-align: center;
    line-height: 35px;
    padding-left: 6px;
    margin-left: 20px;
    margin-top: 7px;
}
.new_order_content .pink-text {color: #ff135e; line-height: 25px}

.new_order_content .dark-purple {color: rgb(89, 0, 95)}

.new_order_content .blue-text {color: var(--blue-secondary-color)}
.sizing_content table thead{
    font-weight: bolder;
}
.sizing_content table thead i{
    font-weight:  normal;
}
.box-option{
    position:relative;
    margin: 0 -10px;
    padding-bottom: 20px;
    z-index: 1;
}
.sizing_content .table-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.sizing_content .table-bg .col-xs-3, .sizing_content .table-bg .col-xs-4{
    height: 100%;
    padding: 0 10px 30px 10px;
}
.sizing_content .h-info{
    width: 80%;
    margin: 10px auto;
    position: relative;
    cursor: pointer;
}
.sizing_content .h-info img{
    width: 100%;
}
.sizing_content .table-bg .col-xs-3:before, .sizing_content .table-bg .col-xs-4:before{
    content: " ";
    display: block;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 6px;
    height: 100%;
}
.sizing_content .table-bg .col-xs-3.disable {opacity: 0.5}
.sizing_content .table-bg .col-xs-3.active:before, .sizing_content .table-bg .col-xs-4.active:before{
    content: "";
    background: none;
}


.sizing_content .table .col-sm-3, .sizing_content .table .col-sm-4{
    text-align: center;
}
.sizing_content .table .col-sm-3:first-child, .sizing_content .table .col-sm-4:first-child{
    text-align: left;
    padding-left: 30px;
}

.sizing_content select.input-lg{
    font-weight: normal;
    font-size: 15px;
    color: var(--blue-secondary-color);
    height: 28px;
    line-height: 35px;
    padding: 0;
    width: 95%;
}
.sizing_content .btn{
    padding: 10px 15px;
    background-color: var(--blue-secondary-color);
    color: #FFFFFF;
    margin: 30px 0 30px;
}
.sizing_content .btn-show-all .btn {
    background: url('https://newpyl.s3.amazonaws.com/cdn/images/eye_icon.png') no-repeat 5px center;
    padding: 5px 15px 5px 40px; margin: 5px 0px 0px 15px;
}
.sizing_content .btn-show-all .btn:hover, .sizing_content .btn-show-all .btn:focus, .sizing_content .btn-show-all .btn:active {color: #fff}
.sizing_content .custom-select {color: var(--blue-secondary-color); width: 90px;margin-top: 9px; height: 28px}

.sizing_content .size-text{
    padding-top: 10px;
    color: #595959
}
.sizing_content .size_selection .original-price {
    font-weight: 100;
    margin-right: 10px;
}

div[data-index-box="3"].sizing_content .table-bg .col-last{
    padding-bottom: 0;
    overflow: hidden;
}
div[data-index-box="3"].sizing_content .table-bg .col-last:before{
    border: 0;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    margin:2px 2px 0 0;
    border-radius: 6px 6px 0 0;
}

.box-option-show{
    display: none;
    position: relative;
    border-radius: 15px 0 15px 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 0px 40px 30px 15px;
    margin: 330px 2px 0;
}
#framesdiv1 {display: none}

#framesdiv .frame_name {
    height: 75px;
    margin-bottom: 0;
}
#framesdiv .frame_orther.selected {
    padding: 15px !important;
}
#frame-detail {
    z-index: 14;
    background-color: #fff;
}
@media only screen and (max-width: 1360px) {
    #framesdiv .frame_orther {
        padding: 15px !important;
    }
    #framesdiv .frame_orther.selected {
        padding: 10px !important;
    }
    #framesdiv .frame_orther .frame_name span{
        font-size: 14px;
    }
    #framesdiv .frame_orther .frame_name {
        height: 145px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px){
    #framesdiv .frame_orther .frame_name {
        height: 125px !important;
    }
}

#framesdiv .frame_orther .frame_name b{
    display: block;
    padding-bottom: 5px;
}
#framesdiv .frame_orther .frame_name {
    height: 160px;
}

/*Re-center clock image in "choose later" frame option (Order step 4)*/
#framesdiv .frame_orther img {
    padding: 10% 30%;
}

div[data-index-box="3"].sizing_content .box-option-show, div[data-index-box="3"].sizing_content #framesdiv1{
    display: block;
}
.box-option-show .title{
    padding: 20px 0;
    font-family: 'Source Sans Pro',Arial,Helvetica, sans-serif;
}
.box-option-show .title i{
    font-weight:  normal;
    font-size: 14px;
}

.box-option-content .row{
    margin-left: 0;
}
.box-option-show .radio{
    padding: 0;
    margin: 0;
}
.box-option-show .radio label{
    padding: 0;
    display: block;
    position: relative;
}
.box-option-show .radio input[type=radio] {
    margin: 10px;
    z-index: -1;
}
.radio-img{
    display: block;
    padding: 5px;
    text-align: center;
    min-height: 120px;
}
.radio-img img{
    width: 100%;
    margin-bottom: 5px;
}
#order-step3 .frame_check .radio-img img {
    width: 147px;
    height: 135px;
}
#order-step3 .frame_check.frame_orther .radio-img img {
    width: auto;
    height: 77px;
}
#seeOnWallModal .close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 31px;
    height: 31px;
    background-color: white;
    opacity: 1;
    font-size: 22px;
    line-height: 13px;
    border-radius: 15px;
    font-weight: normal;
}
span.popular_right {background: url("/themes/newPainting/img/order/popular_right.png") no-repeat; margin-left: 10px}
.more_info .add_white {background: url("/themes/newPainting/img/order/question_icon_white.png") no-repeat;
    bottom: -12px;
    height: 28px;
    position: absolute;
    right: -13px;
    width: 28px;
}
.white_info .img_upload {top: 0;
    margin-top: 156px;
    margin-left: -172px;}
.white_info .img_upload .img_top {left: 82px; top:-14px}
.h-info:hover .img_upload{display: block}
.h-info .more_info {position: static}
.summary-item {border-bottom: 1px solid #ddd;
    padding: 10px 0;min-height: 50px;line-height: 30px}
.font-oswald {font-family: Oswald}
.box_content_right .summary-item .item1 {color: #000;; margin-right: 5px; margin-top: 0}
.box_content_right .summary-item .item3{color: #808080; font-style: italic; margin-left: 5px}
#content .col-checkout-finish a {
    color: #ffffff;
    cursor: pointer;
}
#coupon_block {margin: 0 auto;width: 100%;}
#block_coupon span{margin-bottom: 0}
#content .btn-checkout-shoppingcart {
    background: #33cc00 none repeat scroll 0 0;
    border-radius: 5px;
    min-height: 40px;
    padding: 12px 20px;
    text-decoration: none;
}
.tick-checkout-shoppingcart {
    background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/order/icon-checkout.png") no-repeat scroll 0 0;
    float: left;
    height: 26px;
    margin-right: 9px;
    width: 27px;
}
#content .col-checkout-finish a:hover{color: #ffffff;background: none repeat scroll 0 0 #449d44;}
.col-checkout-finish {margin-top: 10px}
#cart_content_summary .black-color {color: #000}
#cart_content_summary .light-color {color:#808080}
.small {font-size: 11px}
.deposit_text {margin-top: 10px}
#sample1 {display: none}
.middle {vertical-align: middle!important;}
#font-size-table-order-step3{font-size: 15px}
.label-left{float:left}

/*custom for other languages*/
body.language_de #order-step1 .banner_discount .fix-img img {height: 77px;width: 510px}
body.language_de #order-step1 .new_order_content .customFileInput .browseBtn,
body.language_de #order-step1 .new_order_content .customFileInput1 .browseBtn1,
body.language_de #order-step1 .new_order_content .customFileInput2 .browseBtn2 {padding: 8px 32px}
body.language_de #medium .colorSelection a{padding: 5px; }
body.language_de .black_button, body.language_fr .black_button {padding: 7px 10px}
body.language_de .text-banner-order .font28px,body.language_es .text-banner-order .font28px, body.language_it .text-banner-order .font28px   {font-size: 26px}

body.language_fr #order-step1 .new_order_content .customFileInput .browseBtn,
body.language_fr #order-step1 .new_order_content .customFileInput1 .browseBtn1,
body.language_fr #order-step1 .new_order_content .customFileInput2 .browseBtn2 {padding: 8px 28px}
body.language_fr .text-banner-order .font28px  {font-size: 23px}
body.language_fr .text-banner-order {margin-top: 6px}
body.language_fr #block_coupon .coupon_content .font22px {font-size:23px}
body.language_fr .import_social, body.language_fr .new_order_content .customFileInput, body.language_fr .new_order_content .customFileInput1, body.language_fr .new_order_content .customFileInput2 {
    width: 63%;
}

body.language_nl .black_button {padding: 7px 8px}
body.language_es .black_button, body.language_it .black_button {padding: 7px 16px}
#checkCookieEnabled.modal .modal-dialog {
    width: 630px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
}
.order-content-v2 .order-header {
    padding-top: 20px;
}
.line_step {float: left;padding-top: 10px;position: relative;width: 71%;margin-top: 15px}
.line_step.no-banner {margin-top: 20px}
.line_step .line_left {background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/line_left.jpg") no-repeat scroll 0 0;height: 4px; width: 260px}
.order-content-v2 .line_step .line_left {background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/line_center.jpg") repeat-x;height: 4px; width: 260px}
.line_step .line_center {background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/line_center.jpg") repeat-x;height: 4px; width: 330px}
.line_step .line_right {background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/line_right.jpg") no-repeat scroll 0 0;height: 4px; width: 260px}
.order-content-v2 .line_step .line_right {background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/line_center.jpg") repeat-x;height: 4px; width: 260px}
.line_step .line_arrow {background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/line_arrow.jpg") no-repeat; width: 30px; height: 18px;position: absolute;top:-4px; left: 44%}
.line_step .line_arrow.line_arrow2{left: 56.7%;}
.line_step .line_arrow.line_arrow3{left: 69.8%;}
.order-content-v2 .line_step .line_arrow.line_arrow3{left: 87.7%;}
.change_button {
    background: var(--blue-secondary-color) none repeat scroll 0 0;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
    cursor: pointer;
}
.change_button span{color: #fff; font-size: 16px}
.popup_content{float: left;width: 100%; padding: 30px; position: relative}
#popup_block_order span.close {
    background-color: #fff;
    border-radius: 20px;
    font-size: 20px;
    line-height: 15px;
    opacity: 1;
    padding: 6px 11px 10px;
    position: absolute;
    right: -15px;
    top: -15px;
}
.block_progress {
    height: 50px;
    margin: 15px 0;}
.block_progress p{line-height: 50px; margin-bottom: 0; text-align: center}
.block_progress p img {margin-top: -10px; margin-right: 5px}
.box-content #framesdiv .box-option-content label {
    padding-left: 0;
    width: 100%!important;
    border-radius: 5px;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    padding: 20px;
}
div.radio {
    width: 23%;
    float: left;
    margin: 0 1% 3% 1%;
    min-height: 265px;
}
.box-content #framesdiv .radio+.radio, .box-content #framesdiv .checkbox+.checkbox {
    margin-top: 0;
}
.box-content #framesdiv .box-option-content label.selected {
    background-color: #fff;
    border: 5px solid var(--blue-secondary-color);
    box-shadow: 1px 1px 13px 0 #ddd;
    padding: 16px;
}
.new_order_content .no-price, .new_order_content label.selected .frame_price {color: #FD3E6D}
.new_order_content .frame_price {display: block; text-align: center;}
.new_order_content .frame_price_rolled {
    display: block; text-align: center;
}
.image_demo img {width: 100%}
.size_choosing span.size_title {line-height: 40px}
/*New order step section*/
.font36px {font-size: 36px}
.white-color {color: #fff}
.steps .active.step_number {
    background: rgba(0, 0, 0, 0) url("https://newpyl.s3.amazonaws.com/cdn/images/circle_current.png") no-repeat scroll 0 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    background-size: 100% auto;
}
.steps .non-active.step_number {
    background: rgba(0, 0, 0, 0) url("https://newpyl.s3.amazonaws.com/cdn/images/circle_non_active.png") no-repeat scroll 0 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    background-size: 100% auto;
}
.steps .passed.step_number {
    background: rgba(0, 0, 0, 0) url("/themes/newPainting/img/order/circle_passed.png") no-repeat scroll 0 0;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    color: var(--blue-secondary-color);
    text-decoration: none;
    background-size: 100% auto;
}
.steps .active.step_line,.steps .non-active.step_line {
    border-bottom: 4px solid #DDDDDD;
    width: 50px;
    height: 34px;
}
.steps .passed.step_line{
    border-bottom: 4px solid var(--blue-secondary-color);
    width: 50px;
    height: 34px;
}
.steps .passed.step_number:hover {text-decoration: none}
.banner_discount.paypal_banner .text-banner-order {display: none}

/*order step 3 v4*/
.order_v4 li.custom_size{color: var(--blue-secondary-color)}
#custom_size .modal-dialog {width: 500px}
#custom_size .modal-dialog h2 {color: #595959; margin-bottom: 30px}
#custom_size .modal-dialog .modal-content {border-radius: 0px}
.field {margin-bottom: 10px}
.field span {color: var(--blue-secondary-color)}
.field .first_text {float: left; width: 30%; color: #595959; margin-top: 5px}
.field .custom_input {width: 40%}
.field span.font16px.bold {color: #595959; float: left; margin-left: 5px; line-height: 24px}
.buttons {float: left; width: 100%; margin-top: 20px}
.cancel_button {
    color: #fff;
    text-transform: uppercase;
    border: none;
    background: #DDDDDD;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
}
.cancel_button.close {opacity: 1}
.red_submit_button {
    color: #fff;
    border: none;
    background: #FD3D6C;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
}
.buttons .cancel_button {
    color: #fff;
    text-shadow: none;
    line-height: 25px;
}
.order_v4 li.custom_size a {float: left; margin-left: 5px; color: #5FC9C9; text-decoration: underline}
.custom-field input.custom_input.error {
    display: inline;
    border-color: var(--error-color);
    color: #333;
}
#custom_size .modal-dialog .medium-img .close {
    margin-top: 4px;
    border-radius: 50%;
}
#custom_size .modal-dialog .medium-img .close span{
    margin: 10px;
}
#custom_size .flex-items {
    display: flex;
}
#custom_size .custom-field {
    width: 50%;
    margin-bottom: 15px;
}
#custom_size .custom-field .first_text {
    color: #5F5F5F;
}
#custom_size .custom_input::placeholder {
    color: #949494;
    font-size: 18px;
}
/*media*/
@media (min-width:750px) and (max-width:800px){
    div.radio { min-height: 205px}
    .steps .active.step_number,.steps .passed.step_number, .steps .non-active.step_number {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
    .steps .active.step_line, .steps .non-active.step_line, .steps .passed.step_line {
        width: 25px;
        height: 23px;
    }
    #steps_section {
        margin-left: 6px;
        margin-top: 20px;
    }
    .summary_content #c_image #original_image img,
    #original_image::before,
    #original_image::after,
    #original_image{
        width: 35px;height: 35px;
    }
    .choosen_image {font-size: 12px}
    .size_selection {width: 50%}
    div.radio {width: 31%}
    .new_order_content .customFileInput .browseBtn {width: 22%}
    .block_progress {
        height: 30px;
    }
    .block_progress p{line-height: 30px;}
    .block_progress p img {margin-top: -10px; width: 30px}
    body.language_nl .info .font38px {font-size: 20px}
    body.language_nl .font60px {font-size: 36px}
    body.language_nl .black_button {padding: 7px 6px}
    body.language_nl .coupon_content .custom_input {
        width: 98px;
    }
    body.language_nl .new_order_content .customFileInput .fileName,
    body.language_nl .new_order_content .customFileInput1 .fileName1,
    body.language_nl .new_order_content .customFileInput2 .fileName2 {
        width: 225px;
    }
    body.language_de .text-banner-order .font28px, body.language_es .text-banner-order .font28px, body.language_it .text-banner-order .font28px  {
        font-size: 18px;
    }
    body.language_de #block_coupon .coupon_content .font22px {font-size:22px}
    body.language_de .coupon_content .custom_input, body.language_fr .coupon_content .custom_input {
        width: 92px;
    }
    body.language_de .new_order_content .customFileInput .fileName, body.language_de .new_order_content .customFileInput1 .fileName1, body.language_de .new_order_content .customFileInput2 .fileName2 {
        width: 226px;
    }
    body.language_fr .text-banner-order .font28px  {font-size: 16px}
    body.language_fr #block_coupon .coupon_content .font22px {font-size:16px}
    body.language_fr .new_order_content .customFileInput .fileName, body.language_fr .new_order_content .customFileInput1 .fileName1, body.language_fr .new_order_content .customFileInput2 .fileName2 {
        width: 204px;
    }

    body.language_it .coupon_content .custom_input, body.language_es .coupon_content .custom_input {
        width: 110px;
    }

    body.language_es .new_order_content .customFileInput .fileName, body.language_es .new_order_content .customFileInput1 .fileName1, body.language_es .new_order_content .customFileInput2 .fileName2 {
        width: 226px;
    }
    .img-step1 {width: 205px}
    .banner_discount img {width: 285px; height:77px}
    .banner_discount.paypal_banner img {height: auto; margin-top: 20px}
    .font28px {font-size: 20px}
    .fix-text {line-height: 58px}
    .font16px {
        font-size: 10px;
    }
    .new_order_content .customFileInput .fileName, .new_order_content .customFileInput1 .fileName1, .new_order_content .customFileInput2 .fileName2 {width: 268px}
    .box_content_right #message_box {width: 186px; padding: 0 10px 10px}
    .new_order_content .social {padding: 3% 0 4.5% 2%}
    .new_order_content .social span {float: left; margin-top: -4px}
    .new_order_content div.file {padding: 10px}
    .new_order_content div.file img { max-width: 160px; max-height: 160px}
    .new_order_content div.file .info { margin-left: 40px;
        margin-top: 30px;}
    .coupon_content .custom_input {width: 125px}
    .coupon_content .black_button {padding: 7px 10px}
    .box_content_right {
        width: 25%;
    }
    #block_coupon {width: 206px;margin-left: -20px}
    #block_coupon .coupon_content {padding: 10px}
    #popup_block_order {top:10%; left: 10%}
    .medium_item {margin-left: 6%}
    .background_item {margin-right: 22px}
    span.popular2 {width: 49px}
    .white_info .img_upload {
        margin-left: -142px;
        margin-top: 98px;
    }
    .box_content_right .summary-item .item1 {width: 35%}
    body.language_de #order-step1 .banner_discount .fix-img img {width: 310px}
    body.language_de #order-step1 .text-banner-order {width: 80%}
    .instead-of-order-left .font40px {font-size: 26px!important}
    .instead-of-order-left, .img-step1 {margin-top:20px}
    .line_step .line_left {width: 100px}
    .line_step .line_center {width: 172px}
    .line_step .line_arrow.line_arrow2 {left: 61%}
    .line_step .line_arrow.line_arrow3 {
        left: 76.8%;
    }
    .banner_discount {
        background-size: 100% auto;
        height: 50px;
        margin-top: 10px;
        width: 315px;
    }
}
@media (min-width:801px) and (max-width:979px){
    div.radio { min-height: 210px}
    .steps .active.step_number,.steps .passed.step_number, .steps .non-active.step_number {
        width: 50px;
        height: 50px;
        font-size: 28px;
        line-height: 50px;
    }
    .steps .active.step_line, .steps .non-active.step_line, .steps .passed.step_line {
        width: 30px;
        height: 30px;
    }
    #steps_section {
        margin-left: 2px;
        margin-top: 20px;
    }
    .summary_content #c_image #original_image img,
    #original_image::before,
    #original_image::after,
    #original_image{
        width: 35px;height: 35px;
    }
    .size_selection {width: 50%}
    div.radio {width: 31%}
    .block_progress {
        height: 30px;
    }
    .block_progress p{line-height: 30px;}
    .block_progress p img {margin-top: -10px; width: 30px}
    body.language_nl .new_order_content .customFileInput .fileName, body.language_nl .new_order_content .customFileInput1 .fileName1, body.language_nl .new_order_content .customFileInput2 .fileName2 {
        width: 242px;
    }
    body.language_nl .info .font38px {font-size: 20px}
    body.language_nl .font60px {font-size: 36px}
    body.language_nl .black_button {padding: 7px 6px}
    body.language_nl .coupon_content .custom_input {
        width: 108px;
    }
    body.language_de .coupon_content .custom_input, body.language_fr .coupon_content .custom_input {
        width: 100px;
    }
    body.language_de #block_coupon .coupon_content .font22px {font-size:24px}

    body.language_de .text-banner-order .font28px, body.language_es .text-banner-order .font28px, body.language_it .text-banner-order .font28px  {
        font-size: 20px;
    }
    body.language_de .new_order_content .customFileInput .fileName, body.language_de .new_order_content .customFileInput1 .fileName1, body.language_de .new_order_content .customFileInput2 .fileName2 {
        width: 242px;
    }
    body.language_es .black_button, body.language_it .black_button {
        padding: 7px 8px;
    }
    body.language_es .new_order_content .customFileInput .fileName, body.language_es .new_order_content .customFileInput1 .fileName1, body.language_es .new_order_content .customFileInput2 .fileName2 {
        width: 242px;
    }
    body.language_it .coupon_content .custom_input, body.language_es .coupon_content .custom_input {
        width: 120px;
    }
    body.language_fr .text-banner-order .font28px  {font-size: 18px}
    body.language_fr #block_coupon .coupon_content .font22px {
        font-size: 18px;
    }
    body.language_fr .new_order_content .customFileInput .fileName, body.language_fr .new_order_content .customFileInput1 .fileName1, body.language_fr.new_order_content .customFileInput2 .fileName2 {
        width: 222px;
    }
    .img-step1 {width: 225px}
    .banner_discount img {width: 289px; height:77px}
    .banner_discount.paypal_banner img {height: auto; margin-top: 28px}
    .font28px {font-size: 22px}
    .fix-text {line-height: 58px}
    .font16px {
        font-size: 11px;
    }
    .new_order_content .customFileInput .fileName, .new_order_content .customFileInput1 .fileName1, .new_order_content .customFileInput2 .fileName2 {width: 268px}
    .box_content_right #message_box {width: 197px; padding: 0 10px 10px}
    .new_order_content .social {padding: 3% 0 4.5% 2%}
    .new_order_content .social span {float: left; margin-top: -4px}

    .new_order_content div.file {padding: 10px 15px}
    .new_order_content div.file img { max-width: 165px; max-height: 165px}
    .new_order_content div.file .info { margin-left: 45px;
        margin-top: 30px;}
    .coupon_content .custom_input {width: 130px}
    .coupon_content .black_button {padding: 7px 10px}
    .box_content_right {
        width: 25%;
    }
    #block_coupon {width: 220px;margin-left: -20px}
    #block_coupon .coupon_content {padding: 10px 12px}
    #popup_block_order {top:12%; left: 12%}
    .medium_item {margin-left: 7%}
    .background_item {margin-right: 27px}
    span.popular2 {width: 49px}
    .white_info .img_upload {
        margin-left: -150px;
        margin-top: 104px;
    }
    body.language_de #order-step1 .banner_discount .fix-img img {width: 335px}
    body.language_de #order-step1 .text-banner-order {line-height: 27px;
        width: 82%;}
    .instead-of-order-left .font40px {font-size: 26px!important}
    .instead-of-order-left, .img-step1 {margin-top:20px}
    .line_step .line_left {width: 100px}
    .line_step .line_center {width: 200px}
    .line_step .line_arrow.line_arrow2 {
        left: 62.7%;
    }
    .line_step .line_arrow.line_arrow3 {
        left: 78.8%;
    }
    .banner_discount {
        background-size: 100% auto;
        height: 52px;
        margin-top: 20px;
        width: 315px;
    }
}
@media (min-width:980px) and (max-width:1023px){
    div.radio { min-height: 200px}
    .size_selection {width: 40%}
    div.radio {width: 23%}
    #choose_frame_order.new_page  div.radio {width: 31%}
    .block_progress {
        height: 40px;
    }
    .block_progress p{line-height: 40px;}
    .block_progress p img {margin-top: -10px; width: 40px}
    body.language_it .coupon_content .custom_input, body.language_es .coupon_content .custom_input {
        width: 135px;
    }
    body.language_de .coupon_content .custom_input, body.language_fr .coupon_content .custom_input {
        width: 120px;
    }
    body.language_de #block_coupon .coupon_content .font22px {font-size:26px}
    body.language_de .text-banner-order .font28px, body.language_es .text-banner-order .font28px, body.language_it .text-banner-order .font28px  {
        font-size: 18px;
    }
    body.language_fr #block_coupon .coupon_content .font22px {
        font-size: 20px;
    }
    body.language_fr .text-banner-order .font28px  {font-size: 16px}
    body.language_fr .new_order_content .customFileInput .fileName, body.language_fr .new_order_content .customFileInput1 .fileName1, body.language_fr .new_order_content .customFileInput2 .fileName2 {
        width: 280px;
    }
    body.language_nl .info .font38px {font-size: 20px}
    body.language_nl .font60px {font-size: 40px}
    body.language_nl .black_button {padding: 7px}
    body.language_nl .coupon_content .custom_input {
        width: 124px;
    }

    #pastel_item {clear:left}
    .img-step1 {width: 250px}
    .banner_discount img {width: 310px; height:77px}
    .banner_discount.paypal_banner img {height: auto; margin-top: 16px}
    .font28px {font-size: 24px}
    .text-banner-order .font28px {font-size: 20px}
    .fix-text {line-height: 58px}
    .font16px {
        font-size: 12px;
    }
    .new_order_content .customFileInput .fileName, .new_order_content .customFileInput1 .fileName1, .new_order_content .customFileInput2 .fileName2 {width: 290px}
    .box_content_right #message_box {width: 224px; padding: 0 10px 10px}
    .new_order_content .social {padding: 3% 0 4.5% 2%}
    .new_order_content .social span {float: left; margin-top: -4px}

    .new_order_content div.file {padding: 10px 15px}
    .new_order_content div.file img { max-width: 165px; max-height: 165px}
    .new_order_content div.file .info { margin-left: 45px;
        margin-top: 30px;}
    .coupon_content .custom_input {width: 150px}
    .coupon_content .black_button {padding: 7px 12px}
    .box_content_right {
        width: 25%;
    }
    #block_coupon {width: 245px;margin-left: -20px}
    #popup_block_order {top:18%; left: 18%}
    .medium_item {margin-left: 3%}
    .background_item {margin-right: 23px}
    span.popular2 {width: 67px;background-position: -8px center}
    .white_info .img_upload {
        margin-left: -150px;
        margin-top: 119px;
    }
    .sizing_content .table .col-sm-3:first-child, .sizing_content .table .col-sm-4:first-child {padding-left: 15px}
    .sizing_content .custom-select {width: 80px}
    body.language_de #order-step1 .banner_discount .fix-img img {width: 400px}
    .line_step .line_left {width: 150px}
    .line_step .line_center {width: 229px}
    .instead-of-order-left, .img-step1 {margin-top:12px}
    .line_step .line_arrow.line_arrow2 {
        left: 62.7%;
    }
    .line_step .line_arrow.line_arrow3 {
        left: 78%;
    }
    .banner_discount {
        background-size: 100% auto;
        height: 60px;
        width: 340px;
    }
}
@media (min-width:1024px) and (max-width:1200px){
    .size_selection {width: 40%}
    div.radio { min-height: 230px}
    .block_progress p.font24px {font-size: 18px}
    body.language_nl .coupon_content .custom_input {
        width: 136px;
    }
    body.language_it .coupon_content .custom_input, body.language_es .coupon_content .custom_input {
        width: 135px;
    }
    body.language_nl .info .font38px {font-size: 20px}
    body.language_nl .font60px {font-size: 40px}
    body.language_fr #block_coupon .coupon_content .font22px {
        font-size: 20px;
    }
    body.language_fr .text-banner-order .font28px  {font-size: 16px}
    body.language_fr .new_order_content .customFileInput .fileName, .new_order_content .customFileInput1 .fileName1, .new_order_content .customFileInput2 .fileName2 {
        width: 300px;
    }
    body.language_fr .import_social, body.language_fr .new_order_content .customFileInput {
        width: 61%;
    }
    body.language_de #block_coupon .coupon_content .font22px {font-size:28px}
    body.language_de .coupon_content .custom_input, body.language_fr .coupon_content .custom_input {
        width: 120px;
    }
    body.language_de .text-banner-order .font28px, body.language_es .text-banner-order .font28px, body.language_it .text-banner-order .font28px  {
        font-size: 18px;
    }

    body.language_es .font60px {font-size: 50px}
    #pastel_item {clear:left}
    .img-step1 {width: 250px}
    .banner_discount img {width: 310px; height:77px}
    .banner_discount.paypal_banner img {height: auto; margin-top: 16px}
    .font28px {font-size: 26px}
    .text-banner-order .font28px {font-size: 20px}
    .font40px {font-size: 33px!important;}
    .fix-text {line-height: 58px}
    .font16px {
        font-size: 14px;
    }
    .import_left {width: 28%;}
    .import_social, .new_order_content .customFileInput {width: 67%}
    .new_order_content .customFileInput .fileName, .new_order_content .customFileInput1 .fileName1, .new_order_content .customFileInput2 .fileName2 {width: 315px}
    .box_content_right #message_box {width: 240px; padding: 0 10px 10px}
    .new_order_content .social {padding: 3% 0 4.5% 2%}
    .new_order_content .social span {float: left; margin-top: -6px}
    #block_coupon {width: 260px;margin-left: -20px}
    .coupon_content .custom_input {width: 150px}
    .coupon_content .black_button {padding: 7px 19px}
    .box_content_right {
        width: 25%;
    }
    #popup_block_order {top:18%; left: 18%}
    .medium_item {margin-left:4%}
    .background_item {margin-right: 15px}
    .white_info .img_upload {
        margin-left: -156px;
        margin-top: 128px;
    }
    body.language_de #order-step1 .banner_discount .fix-img img {width: 460px}
    .instead-of-order-left .font40px {font-size: 32px !important}
    .instead-of-order-left, .img-step1 {margin-top:10px}
    .line_step .line_center {width: 161px}
    .line_step .line_arrow.line_arrow2 {
        left: 61%;
    }
    .line_step .line_arrow.line_arrow3 {
        left: 75.8%;
    }
    .banner_discount {
        background-size: 100% auto;
        height: 60px;
        width: 360px;
    }
}
.new_process .line_arrow.line_arrow4 {
    left: 72%;
}

.flag_note, .flag_note_uk {
    display: inline;
}

#total_price {
    color: var(--blue-secondary-color);
}

.choose_frame_de .frame_price, .choose_frame_de .frame_price_rolled {
    height: 25px;
    line-height: 1.1;
}

.selecting-frame div.radio{
    width: 48%;
}

.selecting-frame .radio-img img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.selecting-frame #framesdiv .box-option-content label {
    background-color: #ffffff;
}
/*
* German
*/
.language_nl #framesdiv .frame_orther .frame_name b {
    font-size: 15px;
}
.language_nl #framesdiv .frame_orther .frame_name span {
    font-size: 14px;
}

.language_de #framesdiv .frame_price,.language_de #framesdiv .frame_price_rolled  {
    height: 25px;
    line-height: 1.1;
}
#choose_frame_order.new_page .box_content_left {width:48%}
#choose_frame_order.new_page .box_content_right {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    width: 48.3%;
    margin-bottom: 20px;
}

#choose_frame_order.new_page .box_content_right.has-frame-cut {
    border: none;
    padding: 0;
}
#choose_frame_order.new_page .box_content_right.has-frame-cut > .summary {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}

#choose_frame_order.new_page .box_content_right.has-frame-cut .frame-cut-thumbnails img
{
    width: 120px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px
}

#choose_frame_order.new_page div.radio {
    margin-bottom: 2%;
    min-height: 178px;
}
#choose_frame_order.new_page .frame_image img {max-width: 100%}
#choose_frame_order.new_page #button_right {width: 100%; text-align: center}
#choose_frame_order.new_page #button_right button {
    color: #fff;
    display: inline;
    margin: 0;
    padding: 0 15px;
    width: auto;
}
#choose_frame_order.new_page .frame_image {margin: 15px 0; text-align: center}
#choose_frame_order.new_page .color-pink {color: #fe456e}



@media only screen and (min-width: 1201px) {
    #choose_frame_order.new_page .radio-img img {
        width: 83px;
        height: 77px;
    }
}



@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    #choose_frame_order.new_page .radio-img img {
        width: 76px;
        height: 70px;
    }

    #order-step3 .frame_check .radio-img img {
        width: 108px;
        height: 99px;
    }
    #choose_frame_order.new_page .radio label {
        padding: 10px;
    }
    #choose_frame_order.new_page .radio label.selected  {
        padding: 6px;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1023px) {
    #choose_frame_order.new_page .radio-img img {
        width: 88px;
        height: 81px;
    }

    #order-step3 .frame_check .radio-img img {
        width: 98px;
        height: 90px;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1200px) {
    /*Adjust font size in Choose later option*/
    #framesdiv .frame_orther .frame_name span.first-child {
        font-size: 12px;
    }
    #framesdiv .frame_orther .frame_name span.last-child {
        font-size: 12px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 979px) {
    #choose_frame_order.new_page .radio-img img {
        width: 50px;
        height: 47px;
    }
    #order-step3 .frame_check .radio-img img {
        width: 127px;
        height: 116px;
    }
}

@media only screen and (min-width: 750px) and (max-width: 799px) {
    #choose_frame_order.new_page .radio-img img {
        width: 64px;
        height: 60px;
    }
    #order-step3 .frame_check .radio-img img {
        width: 118px;
        height: 108px;
    }
}

@media only screen and (max-width: 767px) {
    #custom_size .flex-items {
        display: inline;
    }

    #custom_size .custom-field {
        width: 100%;
    }
}
/** DEV-3111 - show high cost **/
.frm-highCost {
    font-weight: 400;
    text-decoration: line-through;
    color: #e95d2a !important;
    margin-right: 10px;
}