#color_search_result {position: relative;}
#color_search {position: relative;margin-top: 100px;}
#color_search > div.color_form_block {background: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
#color_search > div.color_form_block div.order_colors, #color_search > div {background: white; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);}
.color_form_block {float: right;width: 58%;}
.my_order_color {float: left;width: 40%;}
.my_order_color h2 {font-size: 25px;font-weight: bold;color: white;background: #00806E;text-align: center;line-height: 100px;}
.choosen_color {padding: 50px 40px;display: inline-block;width: 100%;}
.color_form_block label {display: inline-block;font-family: 'SimplerPro';font-weight: normal;width: 90px;vertical-align: middle;}
#prod_list {display: inline-block;position: relative;border: 1px solid #aaa;}
#tags {line-height: 40px;font-size: 17px;cursor: pointer;padding: 0 10px;border: none;position: relative;}
.banner-wrap.example-bnr img {width: 100%;}
.order_example_banner {background-size: contain;background-position: center top;background-repeat: no-repeat;background-color: #e1c9b8}
.page_text p {max-width: 80%;font-size: 25px;line-height: 30px;margin: 70px auto;text-align: center;}
.order_info {max-width: 80%;margin: auto;}
.order_info ul {display: flex;flex-wrap: wrap;}
.order_info ul li {text-align: center;list-style: none;flex-grow: 1;border-left: 1px solid #ababab;min-height: 130px;padding-top: 20px;}
.order_info ul li strong {font-size: 60px;line-height: 70px;color: black;display: inline-block;width: 100%;margin-bottom: 20px;}
.order_info ul li h3 {font-size: 22px;color: #f72646;margin: 0;line-height: 25px;font-weight: bold;}
.order_info ul li h3 span {display: block;font-size: 18px;color: black;font-weight: normal;font-weight: bold;}
#your-data {position: relative;padding: 30px;background: white;-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);width: 58%;margin-top: 30px;display: inline-block;}
#example-adress {padding: 30px;background: white;-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);width: 58%;margin-top: 30px;display: inline-block;}
#example-adress h3, #your-data h3 {font-size: 25px;margin-bottom: 30px;margin-top: 0;}
#color_search #order-button-wrapper {width: 58%;float: right;background: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;margin-top: 30px;text-align: center;}
#order-button-wrapper button {opacity: 0.7; pointer-events: none;color: white;background: #e92845;width: 30%;padding: 10px 0;font-size: 18px;display: inline-block;text-align: center;margin: 20px 0;}
#color_search .ui-tabs .ui-tabs-nav {text-align: center;background: none;border: none;border-bottom: 1px solid #959595;}
#color_search .ui-tabs .ui-tabs-nav li {margin-bottom: -7px !important;float: none;display: inline-block;background: none;border: none;}
#color_search .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #00806E;font-size: 16px;font-family: 'SimplerPro';font-weight: bold;border-bottom: 2px solid #00806E;}
.color_form_block .ui-widget input, .order_form input {line-height: 40px;font-size: 17px;padding: 0 10px;height: 3em;border-color: #aaa;-webkit-appearance: none;outline: 0;border-style: solid;border-width: 1px;}
.ui-widget .cj_inline {display: inline-block;}
.ui-widget .cj_inline.first_one {margin-left: 40px;}
.cj_inline #colors {width: 90px;}
#prod_list:after, #personal_tel_prefix_list:after {content: '';background-image: url(/wp-content/uploads/2019/01/downs.png);width: 15px;height: 14px;position: absolute;padding-left: 40px; pointer-events: none;background-repeat: no-repeat; top: 17px;left: 15px;}
.choose_error {color: red;margin: 10px 0;}
.colors_result {margin: 0;display: inline-block;width: 100% !important;}
.colors_result li img {height: 100%;}
.colors_result li {overflow: hidden;position: relative;max-height: 90px !important;cursor: pointer;list-style: none;width: 20%;float: right;border: 2px solid white;transition: all ease 0.5s;}
.colors_result .color_info_wrap {position: absolute;bottom: 0;padding: 10px;}
.colors_result .color_info_wrap h5 {color: white;font-size: 13px;line-height: 15px;text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;}
.colors_result .color_info_wrap span, .colors_result .color_info_wrap p {color: white;font-size: 11px;line-height: 15px;display: block;text-shadow: -1px -1px 0 grey, 1px -1px 0 grey, -1px 1px 0 grey, 1px 1px 0 grey;}
.colors_result li:not(.cj_cannot_order_color):hover {transition: all ease 0.5s;transform: scale(1.1);z-index: 99;border-color: transparent;}
.colors_result li.cc:before {content: ""; background: url(../images/v.png) center no-repeat; background-color: rgba(255,255,255,0.7);display: inline-block;position: absolute;width: 100%; height: 100%;top: 0;z-index: 9;}
.selected_color {clear: both;padding: 30px 0;display: flex; justify-content: space-between;;width: 100%;position: relative;border-bottom: 1px solid #e3e3e3;}
.selected_color span.del_color {cursor: pointer;background: url(../images/x.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 5px;right: -15px;z-index: 9;}
.selected_color .color_info_wrap {width: 64% !important;float: left;position: static;padding-right: 30px;margin-top: 10px;}
.selected_color .color_info_wrap h5 {color: black;font-size: 17px;line-height: 30px;}
.selected_color .color_info_wrap span {color: black;font-size: 17px;display: block;line-height: 30px;}
.selected_color .add_to_order {display: none; }
.selected_color .single-color-swatch {    margin: 0;}
.selected_color .img_wrap {flex-basis: 50%;}
.details_form_group {padding-top: 20px;}
.details_form_group_half {display: inline-block;width: 48%;}
.order_form em:after {content: "*"; position: relative;right: 10px;top: 2px;}
.details_form_group_half:nth-child(even) {margin-right: 1.5%;}
.details_form_group_half:nth-child(odd) {margin-left: 1.5%;}
.colors_result .single-color-swatch {margin-top: 0;height: 90px !important;}
.error_field {color: darkred;}
.error_field_block {display: block;}
#order-button-wrapper.submit button {opacity: 1;pointer-events: auto;}
.selected_color .selected_color img, .selected_color .single-color-swatch {max-height: 100px !important;}
.selected_color .single-color-swatch, .selected_color img {-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.75);box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.75);border: 2px solid #fff;max-height: 100px;width: 140px;max-width: 140px;}
.choosen_color_sub_total {font-weight:700;padding: 0 40px 40px;display: none;}
.inner_example_price {position: absolute;left: 0;font-size: 24px;top: 30%;}
.price_subtotal_price {float: left;}
.price_subtotal_price em, .choosen_color_shipping_price em {float: left;padding-right: 5px;}
.examples-popup strong {text-align: right;display: block;direction: rtl;}
.choosen_color_shipping_price {font-weight: 700;padding: 0 40px 0;margin-bottom: 20px;display: none;}
.choosen_color_shipping_wrap {border-bottom: 1px solid #eee;padding-bottom: 20px;}
.price_shipping_price {float: left;}

.order_example_select {line-height: 40px;font-size: 17px;cursor: pointer;padding: 0 10px 0 45px;position: relative;border: 1px solid #aaa;}
.order_example_select_js .selectize-input {font-size: 17px;padding: 0 10px;height: 50px;line-height: 50px;border: 1px solid #000;}
.order_example_select_js .selectize-input.focus {height: 50px;}
.selectize-dropdown.order_example_select_js {padding: 10px 0;font-size: 17px;top: 50px !important;}
#personal_tel_prefix_list {display: inline-block;position: relative;}
.details_form_group_three {width: 66%;display: inline-block;}
.details_form_group_two {width: 33%;display: inline-block;}
#color_search_data {height: 200px;overflow: auto;}
/* Scrollbar styles */
#color_search_data::-webkit-scrollbar {width: 12px;height: 12px;}
#color_search_data::-webkit-scrollbar-track {border: 1px solid #888;border-radius: 20px;}
#color_search_data::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
#color_search_data::-webkit-scrollbar-thumb:hover {background: #777;}
.gradiant_row {position: absolute;top: 180px;height: 20px;width: 100%;left: 0;background: linear-gradient(#ffffff20,#ffffff);}
.basketDiv, #order-button-wrapper button .price {display: none;}
span#prNum:after{content: ")";}
span#prNum:before{content: "(";}
.overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.74);opacity: 1;display: none;-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s;z-index: 9999;}

.full_content_image {display: block;width: 100%;}
.full_content_image img {width: 100%;}
.content-container.payment_page_tambour {padding-top: 82px;}
.payment_wrapper {padding: 80px 0;}
#tambour_payment_iframe {height: 100%;min-height: 100vh;width: 100%;}

.preloader_t_wrap {text-align: center;}
.preloader_t_wrap svg {width:180px;height:180px;margin: 20px;display:inline-block;}
.cj_hidden {display: none !important;}
@media screen and (max-width: 768px) {
    .color_form_block, #your-data, #example-adress, #color_search #order-button-wrapper {width: 100%;float: none;}
    #mobileBlock {display: none;}
    #color_search {margin: 40px 10px 0;}

     .basketDiv {position: absolute;background-color: #fff;z-index: 9999;}
    .basketDiv .basket_header span:first-child {flex-basis: 30%;order: 2;}
    .basketDiv .basket_header .pNum{display:block !important;flex-basis: 10%;order: 3;}
    .basketDiv .basket_header .cart-icon {background-image: url(/wp-content/uploads/2019/03/basket.png);background-repeat: no-repeat;background-size: contain;width: 20px;height: 20px;right: 20px;top: 10px;order: 1;flex-basis: 10%;margin-left: 10px;}
    .basketDiv .basket_header {position: fixed;bottom: 0;margin-top: 30px;width: 100vw;height: 40px;background: #00806E;left: 0;z-index: 999;display: flex;align-items: center;color: #fff;padding: 0 20px;}
    .basketDiv .basket_header:after {content: '';position: absolute;top: 17px;left: 40px;border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);width: 10px;height: 10px;border-color: #fff;}
    .basketDiv.open .basket_header:after {transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 12px;}
    .basketDiv.open {position: fixed;top: 0;height: 100vh;right: 0;}
    body.admin-bar .basketDiv.open {position: fixed;top: 100px;overflow-y: scroll;}
    body.admin-bar .basketDiv .basket_body {padding: 10px 10px 100px;overflow-y: scroll;height: 100%;display: none;}
    body.admin-bar .basketDiv.open .basket_body {display: block;}
    body.admin-bar .basketDiv .selected_color .single-color-swatch, body.admin-bar .basketDiv.open .selected_color img {width: 100px;max-width: 100px;height: 80px;}
    .selected_color .color_info_wrap {width: 60% !important;padding-right: 0;margin-top: 0;}
    .basketDiv .selected_color {padding: 15px 0;}
    .basketDiv.open .basket_header {position: static;margin: 0;}
    .basketDiv.open #mobileBlock {display: block;position: static;}
    .basketDiv.open #mobileBlock h2 {display: none;}
    .color_form_block .ui-widget {padding: 30px 0;}
    #prod_list {max-width: 100%;}
    .cj_mobile2 {order:2;}
    .cj_mobile1 {order:1;}
    .order_info ul li {width: 50%;display: inline-block;border: none;}
    .order_info ul li:nth-child(1), .order_info ul li:nth-child(3) {border-left: 1px solid #959595;}
    .order_info ul li:nth-child(3), .order_info ul li:nth-child(4) {border-top: 1px solid #959595;}
    .order_info ul li:nth-child(1) {padding-bottom: 30px;}
    .order_colors h3 {text-align: center;}
    .cj_inline #colors,.color_form_block .ui-widget input, #order-button-wrapper button, #prod_list {width: 100%;}
    .order_info ul li h3 {font-size: 16px;color: black;font-weight: 100;}
    .order_info ul li h3 span {font-size: 22px;color: #f72646;}
    div.main-contentarea div.container .row .col-md-12, .ui-tabs .ui-tabs-panel {padding: 0;}
    .ui-widget .cj_inline.first_one {margin-left: 0;}
    .colors_result li {width: 33%;}
    .selected_color .color_info_wrap {width: 52% !important;padding-right: 20px;margin-top: 5px;}
    .inner_example_price {left: 5%;top: 40%;font-size: 20px;}
    .selected_color span.del_color {top: 15px;right: 0;}
    .my_order_color .selected_color {padding: 30px 20px;}
    .page_text p {margin: 20px auto;}
    #order-button-wrapper .checkbx-single {width: 100%;}

}