#translate-inline-trig { z-index: 90000 !important; }
#overlay_modal { z-index: 91001 !important; }
#translate-inline { z-index: 91002 !important; }
.offscreen * { box-sizing: border-box; }
.offscreen { font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
.control-overlay { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; height: 100%;left: 0; /* opacity: 0.3; */ position: absolute;top: 0;width: 100%;z-index: 9999; position: fixed; display: none; }
.offscreen {
    background: none repeat scroll 0 0 #dad9ce;
	color: #222222;
    display: block;
	height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    z-index: 10000;
	overflow-x: hidden;
    overflow-y: hidden;
	-webkit-overflow-scrolling: auto;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	text-align: left;
}
.offscreen.active {overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: auto;}


body.active-offcanvas-checkout .offscreen {
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
/*
See:
- https://github.com/scottjehl/Device-Bugs/issues/14#issuecomment-5533973				
- https://devforums.apple.com/message/885616#885616
- http://stackoverflow.com/questions/18736297/webkit-overflow-scrolling-touch-broken-in-ios7

iOS 7 scrolling appears not to be enabled for elements intially off screen.

*/ }
.offscreen em { color: #f46353; }
.offscreen.active { width: 400px; }
.offscreen.active.step2 { width: 800px; }
.offscreen.active.step3 { width: 1200px; }

.offscreen .close-offcanvas-checkout { background: none repeat scroll 0 0 rgb(218, 217, 206); border: 1px solid #333; cursor: pointer; display: none;font-size: 20px;font-weight: normal;margin: 0;padding: 3px 6px;position: fixed;right: 24px;top: 5px;z-index: 100; }
.offscreen.active .close-offcanvas-checkout { display: block; }
.offscreen h2 {
    border-bottom: 5px solid #f46353;
    color: #222222;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-align: left;
}
.offscreen label { font-weight: normal; }
.offscreen .checkbox, .offscreen .radio { display: inline-block;margin: 4px 0 0 !important; }
.offscreen .checkbox + label,.offscreen .radio + label  {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;display: inline-block;margin: 0;padding: 0 0 0 5px;}

/* .active-offcanvas-checkout { bottom: 0; overflow: hidden; position: absolute; top: 0; } 
body.active-offcanvas-checkout , html.active-offcanvas-checkout  { overflow: hidden; }*/

.offscreen #cart-step { position: absolute; left: 0; top: 30px; min-width: 300px; }
.offscreen .step-offcanvas-checkout:after {
    background: none repeat scroll 0 0 #f4f2e6;
    bottom: 30px;
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 30px;
    width: 5px;
}
.offscreen #shipping-step {
    left: 395px;
    /* padding: 30px; */ 
    position: absolute;
    top: 30px;
    /*width: 400px;*/
}
.offscreen .cart-item-delete{margin: 0px;position: absolute;right: 30px;}
.offscreen .cart-item-delete .fa-edit  {color: #222222; padding: 5px 0 5px 5px;text-decoration: none;}
.offscreen .cart-item-delete span { cursor: pointer;padding: 5px; }
.offscreen .cart-item-delete .delete_product_cart  { cursor: pointer; font-size: 18px; margin: 0 3px 0 0; }
.offscreen .cart-item-delete .delete_product_cart:hover  { color: #f46353; }
.offscreen .loading_image{
    left: 50%;
    position: absolute;
    top: 25rem;
    transform: translateX(-50%);
    width: 80px;
    }
.offscreen #review-step {
    left: 795px;
    /* padding: 30px; */ 
    position: absolute;
    top: 30px;
    /*width: 400px;*/
}
.offscreen .step-offcanvas-checkout  { width: 400px; padding: 40px 30px 30px 35px; height: 100%;}
.offscreen .review-step-shipping, .offscreen .review-step-payment{
    text-align: left;
}
/* Cart */
.offscreen #cart-step { /* padding: 30px; */ }
.offscreen .product-name a { color: #222222; text-decoration: none; }
.offscreen .table-layout-image img { border-radius: 5px; }
.offscreen .offcanvascheckout-subtotal { font-size: 18px; }
.offscreen .offcanvascheckout-subtotal .value { color: #f46353; }
.offscreen button.goto-shipping-step  , .offscreen button.close-off-canvas { display: none; }
.offscreen .qty_product_cart-quick { width: 40px; }

/* button */
.offscreen button.offcanvas-checkout-button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 2px solid #f46353;border-radius: 5px;color: #f46353; padding: 10px; width: 100%; height: auto; }
.offscreen button.offcanvas-checkout-button:hover { background: #BB544A; color: #fff; border: 2px solid #BB544A; }
.offscreen button.offcanvas-checkout-button span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    color: #f46353;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.offscreen button.offcanvas-checkout-button:hover span { color: #fff; }

/* ----------- ----------- ------------------------  -- */
.offscreen .box{
	clear: both;
    position: relative;      
    width: 500px;
}

.offscreen .box .hidden-mst{    
   background: yellow;
    height: 300px;    
    position: absolute; 
    top: 0;
    right: 0;    
   
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 0;
}
.offscreen .box:hover .hidden-mst{
    opacity: 1;
    width: 500px;
}
.offscreen .hidden-mst-active{
    width: 500px  !important;
}
/* Ken bay */
.offscreen .table-layout{
    float:left
}
.offscreen .table-layout-image{
    margin: 0px;
    float:left
}
.offscreen .table-layout-deltail{
    float: left;margin: 0px;
    text-align: left;
}
.offscreen .table-layout-cart-item{
    width:190px;margin:0px 10px;
}
.offscreen .cart-item{
    border-bottom: 1px solid #B0AFA6; 
    margin-bottom: 20px; 
    padding-bottom: 20px;
}
.offscreen .offcanvascheckout-coupon,.offscreen .offcanvascheckout-totals{
    float: right;
    margin: 10px 0px;
}
.offscreen .offcanvascheckout-other{
    float: left;
    width: 100%;
}
.offscreen .discount, .offscreen .comment, .offscreen .suvery, .offscreen .agreements{
    margin:10px 0px; text-align: left;
}
.offscreen .newsletter-signup { text-align: left; }
.offscreen .offcanvascheckout-subtotal, .offscreen .opc_billing_content{
    margin-bottom: 30px; 
}
.offscreen .cart-item-link {
    width: 90%; margin: 0 0 5px; min-height: 93px;
}
.offscreen .input-text.qty_product_cart {
    width: 30px;height: 25px; line-height: 25px;
}
/* tem and condition*/
.offscreen #control_overlay {
    background: none repeat scroll 0 0 black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.65;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10009;
}
.offscreen .close {
    bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
}
/* bill shipng form*/
.offscreen .opc_billing_content, .offscreen .opc_shipping_content{
    text-align: left; 
}
.offscreen .shipping-step-content ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.offscreen  #billing_customer_address , .offscreen  #shipping_customer_address  { width: 100% !important; }
.offscreen  .data_area {  margin: 0 0 10px; }
.offscreen .warning-message{
    display: none;
}
.offscreen .opc_wrapper ul {
    list-style: none outside none;
}
.offscreen .two-fields, .offscreen .one-field {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}
.offscreen .two-fields .field {
    float: left;
    width: 50%;
}
.offscreen .two-fields .field:first-child { padding: 0 2.5% 0 0; }
.offscreen .two-fields .field:last-child { padding: 0 0 0 2.5%; }
.offscreen .opc_content .input-box {
    clear: both;
    display: block;
}
.offscreen .opc_wrapper .field label {
    float: left;
    position: relative;
}
.offscreen .two-fields select {
    width: 90%;
}
.offscreen .two-fields .field .input-text {
    min-width: 0;
    padding: 0 2%;
    width: 100%;
}
.offscreen .one-field .field .input-text {
    min-width: 0;
    width: 100%;
}
.offscreen .billing_full_info li {
    margin-bottom: 5px !important;
}
.offscreen #ship_form input, .offscreen #ship_form select {
    margin-bottom: 5px !important;
}

/*  style text */
.offscreen .input-text  { border: 2px solid white; border-radius: 6px !important;height: 32px;line-height: 32px;text-indent: 3px;}
.offscreen .input-text:focus  { border: 2px solid #b0afa6; }

.offscreen .input-text , .offscreen select { padding: 0 5px; text-indent: 3px; font-size: 12px; }
.offscreen .validation-advice {
    color: red;
    font-size: 11px;
    margin: 0 0 5px;
}
.offscreen .login-forget .validation-advice { margin: 5px 0; }
.offscreen .validation-advice {
    background: url("../images/validation_advice_bg.gif") no-repeat scroll 2px 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #eb340a;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    margin: 3px 0 0;
    min-height: 13px;
    padding-left: 17px;
}
/* shipping method */
.offscreen .street2 { margin: 5px 0 0 ; }
.offscreen #onepage-checkout-shipping-method-additional-load h3, .offscreen #onepage-checkout-shipping-method-additional-load h4 {
    color: #222222;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 0;
    text-transform: capitalize;
}
.offscreen #onepage-checkout-shipping-method-additional-load  .input-box, .offscreen #onepage-checkout-shipping-method-additional-load  select  { max-width: 300px; }
.offscreen .gift-messages-form .item { margin: 10px 0 0; } 
.offscreen .gift-messages-form .form-list input.input-text , .offscreen .gift-messages-form .form-list li.wide textarea  { width: 240px !important; }
.offscreen .gift-messages p.control { color: #222222 }
.offscreen .gift-messages-form .item .product-img-box {float: left;margin: 0;padding: 0 15px 0 0;width: auto;}
.offscreen .gift-messages-form .item .details {float: left;width: 240px;  margin: 0; padding: 0; }
/* Review step */
.offscreen .offcanvas-checkout-button { margin-bottom: 20px;}
.offscreen #shopping-cart-totals-table .a-right { padding-right: 10px; }
.offscreen #shopping-cart-totals-table strong { font-size: 18px; }
.offscreen #shopping-cart-totals-table strong .price { color: #f46353; }
.offscreen #checkout-review-submit { margin:15px 0 0; }
.offscreen .error-msg { color: red; }
.offscreen .success-msg { color: #3399cc; }
.offscreen  #coupon-cancel  { margin: 0 0 0 5px; }
.offscreen  #order-comment {
    border: 2px solid white;
    border-radius: 5px;
    height: 80px;
}
.offscreen  #suvery_other {
    border: 2px solid white;
    border-radius: 5px;
    height: 80px;
}
.offscreen  #order-comment:focus , .offscreen  #suvery_other:focus { border:2px solid #b0afa6 ; }
.offscreen .discount-form  { padding: 0; margin: 0; }
.offscreen .discount-form .input-box { padding: 0; margin: 0; }
.offscreen #coupon-code { width: 120px; }
.offscreen .dropdown:after {
    background: none repeat scroll 0 0 #f46353;
    border-radius: 0 5px 5px 0;
    bottom: 0;
    color: #f4f2e6;
    content: "\f0dd";
    display: block;
    font-family: "FontAwesome";
    font-size: 21px;
    line-height: 25px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    top: 0;
    width: 32px;
    z-index: 10;
}
.offscreen .dropdown {
    background: none repeat scroll 0 0 #f46353;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.offscreen .dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
	height: 32px;
    margin: 0 !important;
    outline: medium none;
    padding: 0 5px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.offscreen .dropdown select  {  background: none repeat scroll 0 0 #f46353; }
.offscreen .dropdown select  option { padding: 0 5px; }

/* Popup loading ajax cart */

.popup_loading{
    background: none repeat scroll 0 0 white;
    border: 1px solid silver;
    border-radius: 10px;
    display: none;
    height: 50px;
    left: 50%;
    padding: 10px 10px 20px;
    position: fixed;
    top: 200px;
    transform: translateX(-50%);
    width: 53px;
    z-index: 10010;
}

.header-minicart .count { color: #3399cc !important; } 
.header-minicart #header-cart { display: none !important; } 

/* .term_conditions { overflow-y: scroll; } */
.content_term_conditions { overflow-y: scroll; height: 100%; }
.term_conditions .close {float: right;}
.term_conditions .close a {color: #000;font-size: 14px;text-decoration: underline;}
.term_conditions{ 
	position: fixed;
	border: 1px solid silver;
	border-radius: 10px;
	background: white;
	top: 50%;
	display: none;
	z-index: 10010;
	padding: 10px 10px 25px ;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) 
	translateY(-50%);
	left: 50%;
}
.login-forget .input-text { width: 100%; }
.login-forget .buttons-set  { margin: 10px 0; }
.login-forget .buttons  { margin: 0; }
.login-forget .page-title  {margin: 5px 0;}
.search_address_email_phone .error { font-weight: normal; }
.item-options dt{width: 90%;}

/* Responsive */
@media only screen and ( max-width: 650px )  { 
	.offscreen.active { width: 100% !important; }
	.offscreen .cart-item-delete { right: 15px; }
	.offscreen #cart-step { clear: both; float: left; position: static; }
	.offscreen #shipping-step { clear: both; float: left; position: static; }
	.offscreen #review-step { clear: both; float: left; position: static; }
	.offscreen .step-offcanvas-checkout { padding: 30px 15px 0 !important; width: 100% !important; }
	.step-offcanvas-checkout .loading_image { position: fixed; }
	.term_conditions{ top: 50%; height: 80% !important;  width: 80% !important; }
	
}
@media only screen and ( max-width: 371px )  { 
	.offscreen .table-layout-image { width: 30%; }
	.offscreen .table-layout-image img { width: 100%; }
	.offscreen .table-layout-deltail { width: 70%; }

}
@media only screen and ( min-width: 651px )  {  
	.offscreen  #review-step h2.payment-method , .offscreen  #review-step h2.review  { margin-top: 15px; }
}