@font-face {
    font-family: 'SaitakIranSans';
    src: url('/assets/fonts/iransans/IRANSansWeb(FaNum).eot');
    src: url('/assets/fonts/iransans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum).woff2') format('woff2'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum).woff') format('woff'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'SaitakIranSans';
    src: url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Medium.eot');
    src: url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal; 
}

@font-face {
    font-family: 'SaitakIranSans';
    src: url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Light.eot');
    src: url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Light.woff') format('woff'),
         url('/assets/fonts/iransans/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal; 
}

*{margin:0 auto;padding:0;}
.clear{clear: both;}
.clear5{clear: both;height:5px;}
.clear10{clear: both;height:10px;}
.clear20{clear: both;height:20px;}
.clear30{clear: both;height:30px;}
.clear40{clear: both;height:40px;}
.center_align {text-align: center;}
.no_padding {padding: 0;}
.padding20 {padding: 20px;}
.padding40 {padding: 40px;}
.inline {display: inline-block;}
.hiden {display: none;}
.red_color {color:#cc0000;}
:focus {outline: none;}

body {
    background:#fff;
    font: 12px SaitakIranSans,'IRANSansWeb(FaNum)',Iransans,'B Yekan',Yekan,'f Yekan','2 Yekan',tahoma;
    line-height: 2.1;
    color:#333;
}

body.gray{
    background: #f9f9f9;
}
a {
    text-decoration: none; 
    color: inherit;
}

a:focus {outline: none;}

.container {
    position: relative;
    width: 95%;
    max-width: 1600px;
    direction: rtl;
    box-sizing: border-box;
}
.home_container {
    max-width: 1200px;
}
.container_404{
    position: static;
}

.container_thin {
    max-width: 800px;
}



h1.title {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}

h1.title b {
    color: #2fc3ca;
    white-space: nowrap;
}

h2.main_des {
    font-size: 16px;
    color:#555;
    font-weight: normal;
    text-align: center;
    position: relative;
    line-height: 30px;
    padding: 10px 0;
    padding-bottom: 15px;
}

h2.main_des i {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 2px;
    margin-left: -40px;
    background: #2fc3ca;
}

.white_box {
    padding: 15px;
    background:#fff;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 28px;
}

.white_box_icon {
    font-size: 13px;
    padding-right: 85px;
    border-radius:5px;
}

.white_box_icon .icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70px;
    border-left:1px solid #eee;
}

.white_box_icon .icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    margin-top: -15px;
    margin-left: -15px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat top center;
    background-size: 100% auto;
}

.white_box_icon .icon i.cod {background-position: 0 -544px;}
.white_box_icon .icon i.delivery {background-position: 0 -1428px;}
.white_box_icon .icon i.comments {background-position: 0 -1496px;}
.white_box_icon .icon i.reserve {background-position: 0 0;height: 33px;}
.white_box_icon .icon i.bike {background-image: url('https://static.1dayoff.com/assets/images/shipping.png');background-position: 0 0;}
.white_box_icon .icon i.post {background-image: url('https://static.1dayoff.com/assets/images/shipping.png');background-position: 0 -34px;}

.white_box .left a {
    white-space: nowrap;
    float: left;
    margin-right: 20px;
}

.fix_cover {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default;
    display: none;
}

.absolute_loading, .absolute_loading_qty {
    width:100%;
    height: 100%;
    top:0;
    left: 0;
    position: absolute;
    z-index: 12;
    background: rgba(255,255,255,0.8) url('https://static.1dayoff.com/assets/images/loading.svg') no-repeat center;
    background-size: 60px auto;
    display: none;
}

.absolute_loading_qty {
    background-size: 18px auto;
}

.page_fade_full_loading {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.full_loading {
    position: fixed;
    background: rgba(255,255,255,0.8) url('https://static.1dayoff.com/assets/images/loading.svg') no-repeat center;
    background-size: 180px auto;
    z-index: 16;
}

.page_fade_active {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.page_fade_active_bank {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.back_free {background: #f9f9f9;display: block;}

.full_error {
    width: 100%;
    min-height: 60px;
    font-size: 16px;
    line-height: 30px;
    padding: 15px 30px;
    color:#fff;
    background:#cc0000;
    box-sizing: border-box;
    display: none;
    direction: rtl;
    text-align: center;
    position: fixed;
    bottom: -400px;
    z-index: 100;
    left: 0;
}

.full_error a {
    border-bottom:1px solid #777;
}

.full_error a:hover {opacity:0.8}

.inline_gallery {
    margin-top: 7px;
}

.inline_gallery a {
    float: right;
    width: 170px;
    height: 100px;
    overflow: hidden;
    position: relative;
    margin: 5px;
    max-width: 100%;
    background:#f9f9f9;
}


/* ******************* BIG Message ************ */

.big_message {
    margin-top: 10px;
    position: relative;
    min-height: 480px;
    background:#fff;
    position: relative;
    padding: 50px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
}

.msg_text {
    padding: 130px 100px 0 100px;
    text-align: justify;
    text-align-last: center;
}

.big_message .big_icon i {
    width: 110px;
    height: 110px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -2530px;
}

.big_message .big_icon_join i {background-position: 0 -1870px;}
.big_message .big_icon_sad i {background-position: 0 -2750px;}
.big_message .big_icon_hooray i {background-position: 0 -2090px;}
.big_message .big_icon_login i {background-position: 0 -4510px;}

.big_message .big_icon h3 {
    margin-top: 10px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.right{float: right;}
.left{float: left}

.ltr {direction: ltr;}
.english{font:11px Arial;}


.container_text {
    padding: 50px 15px;
    color:#333;
    font-size: 14px;
    line-height: 1.9;
    max-width: 760px;
    text-align: justify;
}

.container_text h1 {
    text-align: center;
}

.shipping_header {
    width: 100%;
    height: auto;
    display: block;
}

.container_text img {
    max-width: 100%;
}

.container_text ul {
    padding-right: 40px;
    margin-top:10px;
}

.container_text ul li {
    margin-bottom:10px;
}

.container_text iframe {
    border: 0;
    width: 100%;
}

.wide_banner, .wide_banner_res {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
}
.wide_banner_res {display: none;}

.wide_banner img, .wide_banner_res img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.container_text .english {font-family: Arial;font-size: 110%;}

.container_text a {
    color: inherit;
    border-bottom:1px solid #ddd;
}

.container_text a:hover {color:#209da4;}

.container_text h3 {
    margin-top: 20px;
    color:#209da4;
    margin-bottom: 7px;
}
.container_text table {
    border-radius : 3px;
}
.container_text td {
    padding: 10px 15px;
}

.newsletter_form{
    position: relative;
    width: 550px;
    height: 50px;
    border-radius: 40px;
    padding: 0;
    overflow: hidden;
    position: relative;
    border:1px solid #ddd;
    margin-top: 30px;
    background:#fff;
}

.footer_newsletter .newsletter_form {
    border-top:0;
}


.newsletter_form .name, .newsletter_form .email{
    position: absolute;
    top: 0;
    right: 20%;
    width: 40%;
    height: 50px;
    border: 0;
    font-size: 14px;
    direction: rtl;
    font-family: inherit;
    background: none;
    color: #666;
    padding:0 20px;
    box-sizing: border-box;
}

.newsletter_form .email{
    right: auto;
    left: 0;
    border-right: 1px solid #dddddd;
    direction: ltr;
    padding-left: 30px;
    font-family: arial;
}

.newsletter_form .submit{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-family: inherit;
    width: 20%;
    height: 100%;
    border:0;
    background: #333;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.newsletter_form .submit:hover {
    opacity: 0.9;
}

.newsletter_error, .newsletter_success {
    display: none;
    text-align: center;
    color:#cc0000;
}

.newsletter_success {color:#006600;}



.buy_button{
    width: 220px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 40px;
    background: #209da4;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    padding-right: 80px;
    font-family: inherit;
    font-weight: bold;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
}

.buy_button i{
    width: 32px;
    height:32px;
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -16px;
    margin-left: -16px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 32px auto;
    background-position: 0 -288px;
}

.buy_button_box a:hover{background: #1a8e94;opacity: 1;}


.footer_newsletter{
    background: #f8de00 url('https://static.1dayoff.com/assets/images/newsletter.png');
    padding: 40px 0;
    box-sizing: border-box;
    font-size: 12px;
    min-height: 134px;
    border-bottom: 10px solid #e6e6e6;
}

.footer_newsletter .container {overflow: visible;}

.footer_newsletter .text{
    max-width: 550px;
    text-align: center;
    font-size: 12px;
    line-height: 160%;
}

.footer_newsletter .title{
    font-size: 20px;
    font-weight: bold;
    line-height: 180%;
}

.footer_newsletter .newsletter_form{
    position: absolute;
    left: 50%;
    bottom: -70px;
    transform: translate(-50%, 0);
}

#footer{
    color: #404040;
    background:#fff;
}


#footer .boxes{
    padding: 70px 0;
    box-sizing: border-box;
}

#footer .boxes .section{
    width: 20%;
    float: right;
    padding-right: 10px;
    box-sizing: border-box;
}

#footer .boxes .last_section {width: 40%;color:#404040;font-size:12px;}


#footer .boxes .section a{
    color: #404040;
    font-size: 12px;
    line-height: 255%;
}

#footer .boxes .section a:hover {color:#197d83;}

#footer .socials {
    margin-top: 20px;
}

#footer .res_socials {
    text-align: center;
    display: none;
    text-align: center;
    clear: both;
    padding-top: 40px;
}

#footer .socials a{
    width:28px;
    height:28px;
    float: left;
    margin: 5px;
    opacity:1;
    position:relative;
    text-align:center;
}
#footer .socials a:hover {opacity:0.8;}
#footer .res_socials a {float: none;display: inline-block;} 

#footer .socials a.tel , a.tel_contact {
    width: 120px;
    padding-left: 30px;
    background: #368b08;
    overflow: hidden;
    color:#fff;
    border-radius:14px;
    padding-right: 10px;
    overflow: hidden;
}
#footer .socials a.tel:hover{color:#fff;} 
.cantact_tel{color: #444;display: block;background: none;text-align: right;float: right;width: auto;text-align: left;}
.cantact_tel span{direction: ltr;float: left;margin-right: 5px;}
#footer .socials a i{
    width: 28px;
    height:28px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -28px;
    border-radius: 100%;
}

#footer .socials a i.ig {background-position: 0 -28px;}
#footer .socials a i.tw {background-position: 0 -56px;}
#footer .socials a i.tg {background-position: 0 -84px;}
#footer .socials a i.fb {background-position: 0 -112px;}
#footer .socials a i.tl {background-position: 0 -140px;}
#footer .socials a i.yb {background-position: 0 -896px;}

.bottom_footer{
    background: #f7f7f7;
    min-height: 60px;
    box-sizing: border-box;
    font-size: 10px;
    color: #404040;
    opacity: 0.8;
    text-align: center;
    line-height: 20px;
    padding: 20px 0;
}

.bottom_footer a{color: #404040;}


/* ************ 404 Page *************** */

.not_found {
    min-height: 280px;
    width: 80%;
    max-width: 700px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    
}
.not_found a{
    color: #1eb7b8;
    border-bottom: 1px solid #ddd;
}
.not_found a:hover{
    opacity: 0.8;
}
.not_found i, .not_found b{
    width: 164px;
    height: 164px;
    background: url('https://static.1dayoff.com/assets/images/ghost.png') no-repeat center top;
    background-size: 100% auto;
    display: block;
    position: relative;
    overflow: visible;
}
.not_found b {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-position: bottom center;
}

.not_found h1 {
    width: 168px;
    overflow: hidden;
    font: 18px Arial;
    font-weight: normal;
    color:#777;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-top: 17px;
}

.not_found .text_nfound{
    text-align: right;
    padding: 40px 0;
    box-sizing: border-box;
    line-height: 25px;
}
.logo_nfound{
    width: 120px;
    height: 120px;
    background: url('https://static.1dayoff.com/assets/images/404_logo.png') no-repeat center;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 30px;
}

.invite_icon {
    display: block;
    width: 60px;
    height: 60px;
    font-size:50px;
    color:#cc0000;
}

.member_container {
   max-width: 870px;
}

/* ************** Members *************** */
a.return{
    color:#888;
    font-size: 14px;
    direction: rtl;
    position: absolute;
    top: 20px;
    right: 30px;
    width: auto;
    height: 20px;
    z-index:3;
}

a.return i {
    font-size: 8px;
}

.in_logo{
    width: 100%;
    max-width: 430px;
    height: 60px;
    display: inline-block;
    overflow: hidden; 
    margin-top: 60px;
    text-indent: -99999px;
    background: url('https://static.1dayoff.com/uploads/logo-gray.png') no-repeat center;
    background-size: auto 100%;
}

.mobile, .tel {
    direction: ltr;
    letter-spacing: 2px;
}

.members_sign {
    text-align: center;
    width: 100%;
    max-width: 430px;
    min-height: 350px;
    margin-top:10px;
    margin-bottom: 50px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #29c1c9;
    overflow: hidden;
    box-sizing: border-box;
    position:  relative;
}

.members_sign h3 small {
    float: left;
    color:#006699;
    font-size: 11px;
}

.member_side_right {
    font-size: 13px;
    margin-bottom:20px;
    float: right;
}

.member_side_left {float: left;}

.sign_box{
    padding: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    color: #777;
}

.sign_box .inputcover {
    margin-bottom: 20px;
}

.sign_form {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    display: block;
    height: auto;
    padding: 40px;
    opacity: 1;
}

.members_sign .error, .members_sign .success {
    display: block;
    color:#cc0000;
    text-align: right;
    font-size:12px;
    line-height: 20px;
    display: none;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 2;
    width: 100%;
    padding: 0 40px;
    padding-bottom: 7px;
    box-sizing: border-box;
}

.members_sign .error a {color: #333;}

.members_sign .success {
    color:#006600;
}

.members_sign .error i, .members_sign .success i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background:#cc0000;
}

.members_sign .success i {background:#006600;}

.sign_box .inputcover label{
    display: block;
    text-align: right;
    line-height: 30px;
}

.sign_box .inputcover_right {text-align: right;}

.sign_box .inputcover label.inline {display: inline-block;}

.textput{
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: inherit;  
    height: 45px;
    line-height: 45px;
    border-radius:0;
    font-size:16px;
    color:#555;
    font-weight: 200;
}

.emailput {
    font-family: arial;
    letter-spacing:1px;
    font-size: inherit;
    font-size: 14px;
    direction: ltr;
}

.members_sign .links {
    font-size: 12px;
    text-align: right;
    line-height: 20px;
}

.members_sign .links a {
    display: block;
    color:#555;
    padding: 15px 20px;
    border-top:1px solid #f5f5f5;
    position: relative;
    padding-left: 35px;
}

.sign_box .submit, .subput{
    display: inline-block;
    background: #209ea5;
    color: #fff;
    padding: 0 30px;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    position: relative;
    text-align: center;
}

.subput_i {
    padding-left: 50px;
}

.subput_i i {
    position: absolute;
    left: 20px;
    top: 50%;
    font-size: 13px;
    margin-top: -22px;
    text-align: left;
}

a.subput{
    float: left;
    margin-top: 20px;
}

.sign_box .submit:hover, .subput:hover{background: #29c1c9;}

.members_sign .links a:hover {
    color:#209ea5;
}

.inputcover_name, .inputcover_mobile, .inputcover_sep {float: right;}
.inputcover_name, .inputcover_mobile {width: 48%}
.inputcover_sep {width: 4%;height: 36px;}

.pass_cover {
    height: 45px;
    width: 100%;
    background:#333;
    overflow: hidden;
    position: relative;
}

.sign_box .pass_cover .textput {
    padding-right: 55px;
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 2px;
}

.sign_box .pass_cover .show_pass {
    position: absolute;
    right: 1px;
    top:1px;
    width: 43px;
    height: 43px;
    border-left: 1px solid #ddd;
    background:#fff;
    cursor: pointer;
    text-align: center;
}
.sign_box .pass_cover .show_pass i {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 16px;
    height: 20px;
    line-height: 16px;
    margin-top: -8px;
    color:#888;
}

.sign_box .inputcover .verify_code {
    direction: ltr;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 10px;
    padding-right: 0;
}

.members {
    padding-top: 70px;
    box-sizing: border-box;
    border-bottom: 2px solid #eee;
}

.members .container {
    min-height: 450px;
}

.members h2 {
    font-weight: normal;
    font-size: 24px;
    color:#555;
    padding-bottom: 30px;
    border-bottom:1px solid #f5f5f5;
}
.members h2.two {
    padding-bottom: 10px;
}

.members h2 small {
    font-size:11px;
    color:#555;
}

.members .members_content {
    position: relative;
    padding: 30px 0;
    padding-right: 280px;
    min-height: 430px;
    box-sizing: border-box;
}

.members_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    margin: 20px auto;
    padding:10px 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.member_content {
    float: right;
}

.members_menu ul {
    list-style-type: none;
}

.members_menu ul li a {
    display: block;
    line-height: 45px;
    color:#333;
    position: relative;
    border-bottom:1px solid #eee;
}

.members_menu ul li a.disable, .members_menu ul li a.disable:hover {cursor: default;opacity:0.5;border-color:#eee;}

.members_menu ul li:last-child a {border:0;}

.members_menu ul li a i {
    position: absolute;
    top: 50%;
    display: none;
    left: 0;
    margin-top: -5px;
    width: 18px;
    font-size: 10px;
    line-height: 10px;
}

.members_menu ul li.selected a i {display: block;}

.members_menu ul li a:hover {
    color:#000;
    border-color:#ddd;
}


.members_menu ul li.selected a, .members_menu ul li.selected a:hover {
    color:#197d83;
}

.balance .textput {
    margin-top: 10px;
    border-radius: 3px;
}

.balance .subput {margin-top:10px;}

.balance .inputcover {
    position: relative;
}

.balance .inputcover .subput {
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 3px;
    height: 41px; 
    line-height: 41px; 
}

.balance .error_message, .balance .message {
    color:#ee0000;
    display: none;
    text-align: center;
    margin-top: 10px;
}

.balance .message {
    color:#333;
}
.balance .message a {
    color:#333;
    border-bottom:1px solid #ddd;
}


.alert {
    width: 100%;
    max-width: 500px;
    margin-top:  40px;
    height: auto;
    line-height: 24px;
    padding: 10px 20px;
    position: relative;
    border-bottom: 2px solid #333;
    box-sizing: border-box;
    color:#333;
    margin-bottom: 20px;
    display: none;
    text-align: justify;
}

.add_address_error {
    margin-top: 0;
    width: 90%;
    max-width: 800px;
}

.alert b {font-size:13px;}
.alert small {font-size: 11px;}

.alert_display {display: block;}

.alert .circle {
    position: absolute;
    top: 18px;
    right: 5px;
    left: auto;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background:#333;
}

.alert .icon-cancel {
    position: absolute;
    top: 16px;
    left: 10px;
    cursor: pointer;
    color:#999;
    height: 10px;
    width: 10px;
    font-size: 16px;
    line-height: 10px;
}

.alert .icon-cancel:hover {color:#333;}

.alert a {
    color: inherit;
    border-bottom:1px solid #ddd;
}

.alert small {color:#333;}

.alert_success {border-color:#669900;color:#006600;}
.alert_success .circle {background:#669900;}
.alert_error {border-color:#cc0000;color:#aa0000;}
.alert_error .circle {background:#cc0000;}

.table {
    width: 100%;
    display: table;
    margin-top: 7px;
    color:#444;
    box-sizing: border-box;
    padding: 30px;            margin: 20px;
                
}

.table .tr {
    width: 100%;
    display: table-row;
}

.table .tr .td {
    display: table-cell;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    background:#f9f9f9;
    border-bottom:1px solid #eee;
}

.table .tr:nth-child(even) .td {
    background:#fff;
}

.table .tr_title .td {
    background:#dee3e3;
    color:#000;
    border: 0;
}

.table .tr .td a {color: inherit;border-bottom:1px solid #ddd;}
.table .tr .td a:hover {color:#000;}

.green {color:#71a335;}
.red {color:#cc0000;}
.blue {color:#19a7ae;}
.yellow {color:#e3c201;}

.table .number {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 20px;
}

.table .letterspace {letter-spacing: 1px;}


section.body .full_alert {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    background:#e55c5d;
    display: block;
    color:#fff;
    font-weight: bold;
    position: relative;
    font-size: 16px;
}

section.body .full_alert_big {
    font-size: 22px;
}

section.body .full_alert small {color:#fff;font-size: 12px;}

section.body .full_alert .more {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 12px;
}

section.body .full_alert .more i {font-size:10px;}

section.body .slide {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    min-height: 80px;
    display: block;
    background:#f5f5f5 url(https://static.1dayoff.com/uploads/v2/pattern.png) repeat;
    background-size: 50px;
}

section.body .slide img {
    border: 0;
    display: block;
    color:#333;
    width: 100%;
    height: auto;
    text-align: center;
}

.full_alert {
    padding: 60px 20px;
    text-align: center;
    font-size: 14px;
    color:#555;
    background:#f9f9f9;
    box-sizing: border-box;
    margin-top: 10px;
    padding-top: 140px;
    position: relative;
    line-height: 2.1;
}

.profile_page .full_alert {
    max-width: 450px;
    background:#fff;
}

.full_alert form {
    text-align: right;
}

.full_alert_no_icon {
    padding-top: 60px;
}

.full_alert_disable {color:#999;}

.full_alert a {color: inherit;border-bottom:1px solid #ddd;}
.full_alert a:hover{border-color:#aaa;}

.full_alert a.subput {color:#fff;}

.full_alert i.big {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -15px;
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
}

.full_alert_green {color:#006600}
.full_alert_yellow {color:#bd7a1b}
.full_alert_red {color:#bb0000}
.full_alert small {color:#555;}

.in_alert {display: none;color:#333;background: #fff0f0;margin-bottom:20px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.in_alert_show {display: block;}
.in_alert b {color:#bb0000;}

.change_pass{
    width:300px;
    margin-top:7px;
}

.change_pass .inputcover{
    text-align: right;
    margin-top: 20px;
}

.change_pass input[type="password"]{
    margin-bottom:10px;
    font-size: 13px;
    text-align: left;
    direction: ltr;
    letter-spacing: 2px;
    padding-right: 50px;
}

.change_pass .inputcover{
    position: relative;
}

.change_pass .show_pass {
    position: absolute;
    right: 1px;
    top:1px;
    width: 43px;
    height: 43px;
    border-left: 1px solid #ddd;
    background:#fff;
    cursor: pointer;
    text-align: center;
}

.change_pass .show_pass i {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    font-size: 16px;
    height: 20px;
    line-height: 16px;
    margin-top: -8px;
    margin-left: -5px;
    color:#888;
}

.change_pass .inputcover .submit{
    font-size: 16px;
    font-family: inherit;
    width: inherit;
    height: 100%;
    border:0;
    background: #333;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: 0.9;
}

.change_pass .submit:hover {
    opacity: 0.8;
}

.code_cover {
    position: relative;
    width:300px;
    margin-top:7px;
}


.verifyform {display: none;}

.verify_code {
    direction: ltr;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    padding-right: 100px;
    box-sizing: border-box;
    letter-spacing: 10px;
    margin-bottom:7px;
}

.code_cover .subput {
    width: auto;
    right: 2px;
    top: 2px;
    position: absolute;
    height: 41px;
    line-height: 41px;
    text-align: center;
}


/* ********** Comment ************* */

.comments h3 {
    font-size: 24px;
    text-align: center;
    color:#196266;
    line-height: 50px;
    display: block;
    
}

.add_comment {
    background:#fcfcfc;
    margin-top: 20px;
    border:1px solid #f9f9f9;
    padding: 20px;
    color:#333;
    line-height:2;
    box-sizing: border-box;
}

.add_comment span.red {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background:#cc0000;
    display: inline-block;
    margin: 0 2px;
}

.add_comment .section_title {
    padding: 0 5px;
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.add_comment .form_part {
    width: 50%;
    float: right;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    line-height: 40px;
}

.add_comment .form_part_full {
    width: 100%;
    text-align: center;
}

.add_comment .form_part label {
    display: block;
    padding-right: 5px;
    padding-bottom:3px;
    text-align: right;
    line-height: 20px;
}

.add_comment .form_part .textput {
    font-size: 12px;
    padding: 7px 15px;
    border:1px solid #eee;
    border-radius: 3px;
}

.add_comment .form_part .textput::placeholder {
    font-family: SaitakIranSans;
    direction: rtl;
    text-align: right;
    letter-spacing: 0;
}

.add_comment .form_part .textput:focus {
    border-color:#e5e5e5;
    box-shadow: 0 0 3px rgba(0,0,0,0.05);
}
.ltr {direction: ltr;}

.add_comment .form_part textarea.textput {
    height: 80px;
    resize: none;
    line-height: 1.8;
}

.add_comment .form_part textarea.textput_big {height: 140px;}

.add_comment .form_part .subput:hover{opacity:0.9;}

.add_comment .form_part .cm_messager {
    font-size:10px;
    color:#777;
    line-height: 40px;
    margin-right: 2px;
}

.comment {
    border:1px solid #eee;
    margin: 10px auto;
    border-radius: 3px;
    position: relative;
    margin-top: 70px;
    padding: 20px;
    padding-top: 50px;
    box-sizing: border-box;
}
.comment .photo {
    position: absolute;
    top: -40px;
    left: 50%;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    border:2px solid #eee;
    box-sizing: border-box;
    overflow: hidden;
    margin-left: -40px;
}

.comment .photo img {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5 url(https://static.1dayoff.com/assets/images/tloading.svg) no-repeat center;
    background-size: 50px auto;
    border-radius: 100%; 
    color:#f5f5f5;
    border:2px solid #fff;
    box-sizing: border-box;
}

.comment .cm_name, .comment .cm_date {
    position: absolute;
    width: 50%;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color:#777;
    right: 0;
    top: -30px;
    text-align: right;
    padding-left: 50px;
    padding-right: 5px;
    box-sizing: border-box;
}
.comment .cm_date {
    right: auto;
    left: 0;
    width: auto;
    white-space: nowrap;
    padding-right: 0;
    cursor: default;
    padding-left: 5px;
    font-size: 11px;
    line-height: 24px;
    text-align: left;
}

.comment .reply {
    display: block;
    color:#444;
    border:1px solid #eee;
    padding: 10px;
    background:#ffffef;
    border-radius: 3px;
    margin-top: 7px;
}

.buy_content {position: relative;}

.comment_alert {
    display: none;
    line-height: 20px;
    color:#fff;
    padding: 20px;
    direction: rtl;
}

.comment_alert_success {background:#669900;}
.comment_alert_error {background:#cc0000;}

/*.part {
    width: 70%;
    max-width: 300px;
}

.part .textput {
    font-size: 15px;
}

.address {
    height: 80px;
    line-height: 22px;
    padding-top: 10px;
    resize: none;
}*/

.justify {
    text-align: justify;
}

.highlight {
    color:#209da4;
    padding: 10px 0;
}

.product_qty_noput {
    text-align: center;
    border: 0;
    font-size: 18px;
}


/* ******************** VERSION 3 *********************************** */
.navbar {
    width: 100%;
    height: 96px;
    background: #fff;
    position: relative;
}

.navbar .container {
    overflow: visible;
    display: flex;
}

.navbar .logo{
    height: 96px;
    width:260px;
    overflow: hidden;
    position: relative;
    text-indent: -1400px;
    background: url("https://static.1dayoff.com/uploads/logo.png") no-repeat right center;
    background-size: auto 60%;
}

.navbar a:hover {color: #2fc3ca;}

.quantity {display: none;}
.quantity .qty_count{
    color:#aa0000;
}

.quantity span.cart_text {
    font-style: normal;
    position: absolute;
    left: 50%;
    text-align: left;
    top: 50%;
    line-height: 18px;
    transform: translate(0, -50%);
    direction: rtl;
    padding-left: 20px;
    box-sizing: border-box;
    width: auto;
    white-space: nowrap;
}

.added_message {
    width: 100%;
    max-width: 500px;
    background:#669900;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    direction: rtl;
    padding: 20px 10px;
    box-sizing: border-box;
    position: fixed;
    bottom: -120px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    z-index: 1000003;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: none;
}

.added_message_error {
    background:#cc0000;
}
.added_message_alert {
    background:#dbbb01;
}

.added_message a {
    border-bottom:1px dashed rgba(255,255,255,0.7);
}

.navbar .cart{
    width:38px;
    height:32px;
    border-radius:3px;
    font-size:13px;
    position:relative;
    margin-top:32px;
    box-sizing:border-box;
    color:#2fc3ca;
    line-height:28px;
    margin: 32px 10px;
    width: 30px;
}
.navbar .cart:hover{
    opacity:0.9;
}
.navbar .cart .icon{
    width: 20px;
    height: 20px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.navbar .cart .quantity{
    width: 18px;
    height: 18px;
    border-radius: 100%;
    font-size: 14px;
    line-height: 18px;
    background: #2fc3ca;
    color: #fff;
    position: absolute;
    left: auto;
    right: -8px;
    top: -8px;
    box-sizing: border-box;
    text-align: center;
}
.navbar .cart .cart_amount {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    color: #29acb2;
}
.navbar .user{
    position:relative;
    margin-top:32px;
    box-sizing:border-box;
    margin: 32px 10px;
    width: 30px;
}

.navbar .user .icon{
    width: 20px;
    height: 20px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -160px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.navbar .user .icon:hover {opacity:0.9;}

.navbar .user .icon_selected {
    background-position: 0 -270px;
}

.navbar .big_search {
  width: 100%;
  display: block;
  padding: 0 20px;
  padding-top: 15px;
  box-sizing: border-box;
}

.navbar .big_search input {
  width: 100%;
  border-radius: 25px;
  box-sizing: border-box;
  font: inherit;
  padding: 10px 15px;
  border:1px solid #ddd;
}
.navbar .big_search input:focus {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.navbar .big_search h3 {
    display: inline-block;
    font-weight: normal;
    margin-left: 5px;
    font-size: 10px;
}

.navbar .big_search ul.popular_search_keywords {
    list-style-type: none;
    padding:0 20px;
    font-size:10px;
}
.navbar .big_search ul.popular_search_keywords li {
    display: inline-block;
    border-bottom:1px dashed #ddd;
    margin-left:10px;
}

.signin .error {
    display: none;
    color:#cc0000;
    margin-top: 20px;
    background: #fff9f9;
    padding: 10px;
}

.signin a{
    color: #159096;
}
.signin a:hover{
    opacity: 0.8;
}
.signin .forgot{
    font-size: 11px;
}
.signin .form{
    width: 100%;
    height: auto;
    padding: 15px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.signin .form .part{
    width: 50%;
    float: right;
    margin-top: 15px;
}

.signin .form .part_submit {
    margin-top: 0;
}
.signin .form .part label{
    color:#555;
    box-sizing: border-box;
}
.signin .form .fullpart{
    width: 100%;
}
.signin .form .textput{
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font: inherit;
    border-radius: 3px;
    border: 2px solid #f4f4f4;
    height: 41px;
    margin-top: 5px;
}
.signin .form .subput{
    width: auto;
    height: 41px;
    background: #2fc3ca;
    font-weight: bolder;
    border: 0;
    font: inherit;
    text-align: center;
    cursor: pointer;
    line-height: 41px;
    box-shadow: none;
    border-radius: 3px;
    color: #fff;
    float: left;
}
.signin .form .subput:hover{
    opacity: 0.9;
}
.signin .form .part_link{
    margin-top: 25px;
}

.signed_in {
    line-height: 15px;
    padding: 3px 0;
    color:#0e878f;
    cursor: pointer;
} 

.new {
    background:#cc0000;
    float: left;
    color:#fff;
    border-radius: 5px;
    font-size: 9px;
    padding: 2px 5px;
    margin-top: -2px;
}

.s_row .tag {
    background:#333;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    border-radius: 7px;
    font-size: 9px;
    padding: 2px 7px;
    display: inline;
    line-height: 1.4;
}

.s_row .tag_soon {background:#069;}
.s_row .tag_new {background:#c00;}

.res_cart_icon {display: none;}
.shipping_fast .tag {background: #c00;}

/* ************ HOME menu *************** */

.menubar{
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    background: #fff;
    list-style-type: none;
    border-top:1px solid #ddd;
    box-shadow: 0 5px 7px rgba(0,0,0,0.05); 
}
.menubar li{float: right;}

.menubar li.anti{float: left;}

.menubar li a {
    font-size: 12px;
    font-weight: bold;
    margin: 0 7px;
    display: block;
    box-sizing: border-box;
    padding: 10px 10px;
    line-height: 30px;
}

.menubar li.anti a {
    margin: 6px 0;
    margin-right: 24px;
    padding: 0;
}

.menubar li:first-child a {padding-right: 0;margin-right: 0;}
.menubar li:last-child a {padding-left: 0;margin-left: 0;}

.menubar a:hover , .menubar li.selected a{opacity: 0.7;}

/* ************ HOME latest product *************** */

.latest_product{
    margin-top: 30px;
}


/* ************ HOME About *************** */

.aboutus{
    background: #f8de00;
    min-height: 150px;
    padding: 40px 0;
    margin-top: 60px;
    font-size: 15px;
    color: #000;
    box-sizing: border-box;
    position: relative;
    text-align: right;
}
.aboutus .content {
    padding-left: 230px;
    max-width: 780px;
    display: inline-block;
    font-weight: bold;
}
.aboutus a.more{
    background: #f8de00;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #000;
    width: 210px;
    min-height: 50px;
    padding: 11px 0;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

/* ************ HOME Features *************** */

.features_index{
    width: 100%;
    background: #f9f9f9;
    padding: 30px 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}
.features_index h3{
    font-size: 17px;
}
.features_index .info{
    width: 25%;
    float: right;
    padding: 15px 10px;
    box-sizing: border-box;
    position:relative;
}
.features_index .info .icon{
    width: 110px;
    height: 55px;
    display: block;
    position: relative;
}
.features_index .info .icon i{
    width: 110px;
    height: 34px;
    background: url('https://static.1dayoff.com/assets/images/feat_ic2.png') no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.features_index .info .icon i.ic_warranty{
    width: 52px;
    height: 52px;
    background-position: 0 -52px;
}
.features_index .info .icon i.ic_payment{
    width: 58px;
    height: 43px;
    background-position: 0 -129px;
}
.features_index .info .icon i.ic_phone{
    width: 49px;
    height: 49px;
    background-position: 0 -147px;
}

/* ************ testimonial *************** */

.testimonial{
    width: 800px;
    max-width: 90%;
    height: auto;
    position: relative;
    direction: rtl;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 40px;
    margin: 80px auto;
}

.testimonial .swiper-slide{
    padding: 40px 90px;
    box-sizing: border-box;
}

.testimonial .title{
    height: 115px;
    position: relative;
    padding-top: 58px;
}
.testimonial .avatar{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    overflow: hidden;
    border: 6px solid #fff;
    box-sizing: border-box;
}

.testimonial .avatar img {
    width: 100%;
}

.testimonial .line{
    width: 100%;
    float: right;
    color:#333;
    border-bottom: 2px solid #ddd;
    text-align: right;
}

.testimonial .text{
    width: 80%;
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    text-align: justify;
    text-align-last: center;
}

.testimonial .text .sign {
    text-align: left;
    text-align-last: left;
    font-style: italic;
    line-height: 1.6;
    color:#777;
    font-size: 13px;
    margin-top: 30px;
    display: block;
}

.testimonial .text .q {
    font-size: 24px;
    color:#777;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-style: italic;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -720px;
    opacity: 0.2;
}
.testimonial .text .q2 {
    background-position: 0 -740px;
    margin-bottom:-5px;
}

.testimonial .text .sign b {
    display: block;
}

.testimonial .arrow{
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0.4;
    z-index:2;
}
.testimonial .arrow_right{
    right: 0;
    left: auto;
}
.testimonial .arrow i{
    width: 34px;
    height: 34px;
    background:url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -918px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.testimonial .arrow i.right_ic{background-position: 0 -952px;}
.testimonial .arrow:hover {opacity: 0.7;}

.intro_video {
    background: #fff url('https://static.1dayoff.com/assets/images/newsletter.png');
    padding: 50px 0;
}

.intro_video .videoplayer {
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
}

.invite_link {
    width: 100%;
    padding: 10px 0;
    background:#fff;
    box-sizing: border-box;
    direction: ltr;
    color:#333;
    height: 50px;
    border:1px dashed #ccc;
    border-radius: 5px;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom:20px;
    position: relative;
}

.invite_link .link {
    border: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font: 14px Arial;
    direction: ltr;
    text-align: left;
    color:#333;
    padding: 0 20px;
}

.invite_link .copy {
    position: absolute;
    top: 0;
    right: 0;
    width:  auto;
    padding: 10px;
    line-height: 30px;
    cursor: pointer;
    background:#555;
    color:#fff;
}

.share_invite a {
    display: block;
    border: 0;
    color:#fff;
    padding: 10px 20px;
    border-radius: 7px;
    text-align: right;
    padding-right: 60px;
    line-height: 30px;
    text-decoration: none;
    background: #333;
    box-sizing: border-box;
    margin-top: 5px;
    position: relative;
}

.share_invite a:hover {opacity:0.9;}

.share_invite a.tg {background: #3f9ee6;}
.share_invite a.tw {background: #55acee;}
.share_invite a.fb {background: #3b5998;}

.share_invite a i {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    border-radius:100%;
}
.share_invite a.tg i {background-position: 0 -96px;}
.share_invite a.tw i {background-position: 0 -64px;}
.share_invite a.fb i {background-position: 0 -128px;}

.invite_small {
    color:#666;
    font-size: 11px;
    margin-top: 30px;
    line-height: 20px;
}


/* ************ top information *************** */

.top_information {
    margin-top: 40px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    margin-bottom: 20px;
}

.price .discount{
    width: auto;
    height: 30px;
    background: #cc0000;
    text-align: center;
    color: #fff;
    font-size: 75%;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    line-height: 20px;
    box-sizing: border-box;
}
.price .original_price{
    color: #b6bdc6;
    font-size: 25px;
    line-height: 45px;
    text-decoration: line-through;
}
.price .current_price{
    color: #000;
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
}
.price a.buy{
    width: 100%;
    max-width: 240px;
    height: 60px;
    background: #1c8e19;
    color: #fff;
    padding-left: 70px;
    padding-right: 30px;
    line-height: 60px;
    border-radius: 5px;
    position: relative;
    font-size: 17px;
    box-sizing: border-box;
    float: left;
    margin-top: 40px;
    cursor: pointer;
}
.price a.buy .icon{
    width: 30px;
    height: 30px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -1350px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px;
}
.price a.buy:hover{
    opacity:0.9
}
.price a.buy_disable, .price a.buy_disable:hover {
    background:#aaa;
    opacity:1;
}


.gallery_title {
    position: relative;
    padding-right: 740px;
    box-sizing: border-box;
    min-height: 440px;
}

.photobox {
    display: block;
}

.photobox img {
    width: 100%;
    height: auto;
    display: block;
    border-radius:5px;
}


.infobox .top_texts {
    min-height: 300px;
    display: block;
    font-size: 16px;
    line-height:2.1;
    text-align: justify;
}

.infobox h4 {font-size:14px;font-weight: normal;line-height:30px;}
.infobox h1 {font-size: 25px;line-height:40px;}
.infobox h2 {font-size:20px;color:#0a757b;}

.infobox a.buy{
    text-align: right;
    width: 100%;
    max-width: 240px;
    height: 60px;
    background: #1c8e19;
    color: #fff;
    padding: 0 20px;
    padding-left: 70px;
    line-height: 60px;
    border-radius: 5px;
    position: relative;
    font-size: 17px;
    box-sizing: border-box;
    float: left;
    margin-top: 40px;
    cursor: pointer;
}
.infobox a.buy .icon{
    width: 30px;
    height: 30px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -1350px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -15px;
}
.infobox a.buy:hover{
    opacity:0.9
}
.infobox a.buy_disable, .infobox a.buy_disable:hover {
    background:#aaa;
    opacity:1;
}

.full_content {
    display: flex;
    flex-direction: row-reverse; 
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.full_content_flex_noreverse {
    flex-direction: row; 
}

.full_content .left_side {width: 27%;}
.full_content .flex_space {width:2%;}
.full_content .flex_right {width: 71%;position: relative;}
.full_content .flex_right_wide {width: 83%;}
.full_content .flex_options {width:15%;}

.full_content .flex_options ul {list-style-type: none;}

.full_content li {
    margin-right: 35px;
    font-size: inherit;
}

.full_content #categories_tree .inner {
    background:#fff;
    max-height: 600px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 7px;
}

.full_content #categories_tree li {
    margin-right: 15px;
    font-size: inherit;
    display: block;
    cursor: pointer;
    position: relative;
}

.full_content #categories_tree li .detail {
    float: left;
    margin-left: 10px;
    font-size: 10px;
    line-height: 24px;
    color:#777;
}

.full_content #categories_tree li i {
    display: inline-block;
    width:6px;
    height:6px;
    background:#777;
    border-radius:100%;
    margin-left: 4px;
}

.full_content #categories_tree li a.selected i {background:#069;}

.full_content #categories_tree li .text {display: block;}
.full_content #categories_tree .head_li ul li {
    display: none;    
    padding: 3px 0;
    border-top:1px solid #f5f5f5;
}
.full_content #categories_tree .head_li ul li:first-child {border:0;}

.full_content #categories_tree li.title {margin-right: 0;}
.full_content #categories_tree li.head_li {
    border-top:1px solid #eee;
    margin-top: 10px;
    padding-top: 7px;
}
.full_content #categories_tree li.head_li:first-child {
    border:0;
    margin-top: 0;
    padding-top: 0;
}

.mainphoto img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.top_slider {
    box-sizing: border-box;
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}

.flex_left {
    position: relative;
    flex: 0 1 27%;
    margin-right: 3%;
}

.top_slider .slide {
    flex: 0 1 70%;
}

.top_slider .price {margin-top: 40px;}

.left_side .parts {
    box-sizing: border-box;
    color: #555;
    font-size: 13px;
    line-height: 30px;
    text-align: justify;
    background:#fff;
    padding: 30px;
    margin-bottom: 20px;
    position: relative;
}

.request {
    padding: 10px 20px;
    background:#ffffe6;
    border-radius:7px;
    position: relative;
    overflow: hidden;
}

.request .input {
    width: 100%;
    background:#fff;
    padding: 5px 7px;
    border:1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    font: inherit;
    margin: 5px 0;
}

.request .success, .request .error {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    color:#fff;
    text-align: center;
    background:#669900;
    display: none;
    box-sizing: border-box;
    font-size: 24px;
    z-index: 4;
    padding-top: 60px;
    cursor: pointer;
}

.request .error {
    background:#cc0000;
}

.left_side h3.title{
    color: #0d898f;
    padding: 10px 0;
    font-size: 20px;
}
#real_discount .store {
    width: 100%;
    min-height: 154px;
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    display: block;
    padding: 10px;
    overflow: hidden;
    padding-left: 105px;
    line-height: 20px;
}
#real_discount .store:hover{
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

#real_discount .store .photo{
    width: 85px;
    height: 85px;
    position: absolute;
    top: 10px;
    overflow: hidden;
    left: 10px;
}

#real_discount .store .photo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#real_discount .store img.related_logo{
    height: 32px;
}

#real_discount .store .end{
    width: 100%;
    height: 47px;
    font-size: 13px;
    border: 1px solid #f3f3f3;
    background: #f9f9f9;
    padding: 10px;
    box-sizing: border-box;
    line-height: 27px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#real_discount .store .end .date{
    width: 50%;
    font-size: 9px;
    margin-bottom: 0;
    float: right;
    box-sizing: border-box;
}
#real_discount .store .end .price{
    width: 50%;
    float: left;
    text-align: left;
}



/* ************ features *************** */


.features{
    width: 100%;
    min-height: 100px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0 35px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
}
.features h3{
    font-size: 17px;
}
.features .info{
    width: 33.3%;
    float: right;
    padding: 20px 110px;
    padding-left: 20px;
    box-sizing: border-box;
    position:relative;
}
.features .delivery{
    padding-right: 115px;
} 

.features .info .icon{
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    right: 0;
    background: url('https://static.1dayoff.com/assets/images/feat_ic.png') no-repeat center top;
    background-size: 100% auto;
}
.features .info .ic_warranty{
    background-position: center;
}
.features .info .ic_payment{
    background-position: center bottom;
}

/* ************ products *************** */

.addtocart_message {
    position: fixed;
    display: none;
    width: 90%;
    max-width: 440px;
    background:#fff;
    padding: 40px;
    padding-bottom: 90px;
    padding-top: 100px;
    box-sizing: border-box;
    margin-top: 25px;
    top: 50%;
    left: 50%;
    z-index: 8;
    direction: rtl;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 0 7px rgba(0,0,0,0.4);
    border-radius: 7px;
    transform: translate(-50%, -50%);
}

.discount_red {
    position: absolute;
    top: 10px;
    font:bold 13px Arial;
    left:  0;
    color:#fff;
    width: auto;
    padding: 0 10px;
    padding-right: 15px;
    box-sizing: border-box;
    text-align: left;
    line-height: 30px;
    overflow: hidden;
    background:#cc0000;
    border-bottom-right-radius: 23px;
    z-index: 2;
    opacity: 0.9;
    cursor: pointer;
}

.discount_red_fa {
    font-family: 'SaitakIranSans';
}

.en {
    font-family: Arial;
    direction: ltr;
    display: inline-block;
}

.addtocart_message b small {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.addtocart_message .photo {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-left: -60px;
    overflow: hidden;
    background:#fff;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    
}

.addtocart_message .checkout_button{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    background:#669900;
    height: 55px;
    line-height: 55px;
    color:#fff;
    text-align: center;
    border-bottom-left-radius: 7px;
    box-sizing: border-box;
}

.addtocart_message .close_button {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    background:#333;
    color:#fff;
    text-align: center;
    line-height: 35px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    height: 55px;
    border-bottom-right-radius: 7px;
}

.addtocart_message a:hover {
    opacity: 0.9;
}

.hide_poids {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    min-height: 300px;
}

.total_counter {
    display: inline-block;
    background:#333;
    color:#fff;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    font: bold 13px Arial;
    margin: 20px auto;
}

.filter_link {
    float: right;
    padding: 5px 20px;
    background:#fff;
    box-sizing: border-box;
    color:#333;
    font-size: 14px;
    cursor: pointer;
    margin: 3px;
    border:1px solid #f5f5f5;
    border-bottom: 2px solid #ddd;
}


.filter_link:first-child {margin-right:0;}

.filter_link_selected {
    border-bottom-color: #29c1c9;
    color:#28aeb5;
}

.filter_link small {opacity:0.7;font-size:12px;}

.full_content .flex_options h3 {
    margin-bottom:10px;
}


.category_show, .sort_show {
    min-height: 40px;
}

.sort_show_res, .category_show_res {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 7;
    padding: 50px;
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
}

.category_show .inner, .sort_show .inner, .brand_show .inner {
    display: block;
    max-height: 600px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.category_show_res .inner, .sort_show_res .inner, .brand_show_res .inner {
    max-height: none;
}


.category_show_FMCG {max-height:none;}

.sort_show a, .brand_show a, .category_show a {
    float: none;
    display: block;
    margin:0;
    box-sizing: border-box;
    color:#333;
    cursor: pointer;
    background:#fff;
    border: 0;
    font-size: 13px;
    line-height: 20px;
    padding: 7px 20px;
    padding-left:50px;
    position: relative;
}

.brand_show a .en {
    display: block;
    direction: ltr;
    font:10px Arial;
    color:#555;
    text-align: right;
}

.sort_show a i, .brand_show a i, .category_show a i {
    position: absolute;
    top: 50%;
    left: 20px;
    box-sizing: border-box;
    width:8px;
    height: 8px;
    background:#fff;
    border-radius: 100%;
    margin-top: -4px;
} 
.brand_show a i {
    background: none;
}

.sort_show a .detail, .brand_show a .detail, .category_show a .detail {
    position: absolute;
    left: 32px;
    color:#777;
    font-size: 9px;
    top: 50%;
    transform: translate(0, -50%);
}


.category_show .filter_link_highlight {border-right:4px solid #006699}
.category_show .filter_link_highlight_fresh {border-right:4px solid #669900;}

.sort_show a.red_bub {color:#cc0000;border-right:4px solid #cc0000;}

.category_show a.selected, .sort_show a.selected, .brand_show a.selected {
    color:#006699;
}
.brand_show a.selected {
    background:#e5fffe;
}

.category_show a.selected i, .sort_show a.selected i {
    background:#006699;
}

.brand_show a.selected i {
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -112px;
}

.sort_show_icon, .category_show_icon {
    background: #fff;
    height: 36px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    margin-top: 20px;
    float: left;
    position: relative;
    line-height: 36px;
    padding: 0 10px;
    padding-left: 40px;
    cursor: pointer;
    display: none;
}
.category_show_icon {
    float: right;
    padding-left: 10px;
    padding-right: 40px;
}
.sort_show_icon i , .category_show_icon i {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: auto;
    background-size: 100% auto;
    background-position: 0 -1000px;
}

.category_show_icon i {
    background-position: 0 -960px;
    left: auto;
    right: 12px;
}

/* ************ information *************** */
 
.information{
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
    line-height: 2.3;
}

.information_t {margin-top: 40px;}

.information .description{
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
}
.information .explanation{
    height: auto;
    padding: 50px;
    box-sizing: border-box;
    width: 90%;
    max-width: 900px;
}

.information .explanation_with_relateds {
    padding-left: 480px;
    width: 100%;
    max-width: none;
}

.information .explanation .text{
    display: none;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    box-sizing: border-box;
    text-align: justify;
}


.information .explanation .text_selected{
    display:block;
}

.information .videoplayer {
    margin: 10px auto;
}

.information li {
    margin-right: 35px;
    font-size: inherit;
}

.information .tab a{
    box-sizing: border-box;
    margin-right: 20px;
	float:right;
    padding: 5px 7px;
    font-size: 18px;
    line-height: 45px;
}
.information .tab a:first-child{
    margin-right: 0;
}
.information .tab a:hover{
    color:#17979D;
}
.information .tab a.selected{
    border-bottom: 4px solid #29c1c9;
    color: #333;
}




.gateways div {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    margin-top: 15px;
    cursor: pointer;
    font-size: 10px;
    color:#333;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    background:#fff;
    margin-left: 12px;
}

.gateways div.selected {
    box-shadow:0 0 7px rgba(41,193,201,0.5);
    cursor: default;
}

.gateways div img {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 56px;
    height: 56px;
    border-radius: 3px;
    line-height: 58px;
}


/* ****************** RESPONSIVE ********************* */

.res_nav {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 20px;
    margin-top: -18px;
    cursor: pointer;
    display: none;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -1080px;
}

.res_nav_selected {
    background-position: 0 -1116px;
}

.res_menu {
    position: absolute;
    width: 240px;
    max-width: 90%;
    height: auto;
    background:#fff;
    z-index: 3;
    direction: rtl;
    border-top: 6px solid #f8de00;
    top: 96px;
    left: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-sizing: border-box;
    display: none;
}

.res_menu .arrow_icon{
    width: 17px;
    height: 9px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -176px;
    position: absolute;
    top: -15px;
    left: 14px;
}

.res_menu a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding: 7px 20px;
    border-bottom: 1px solid #eee;
}

.top_information .content_info {
    height: 340px;
}


.gallery_full {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}


.slide_cover {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity:0;
    background:#fff;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.gallery_full a{
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    height: auto;
    position: relative;
    border-radius: 5px;
}

.gallery_full a img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 80px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.12);
}


.res_price {
    display: none;
    margin-top: 7px;
}
.row_cart .res_price .original_price {font-size: 14px;display: inline-block;margin-right: 5px;line-height: 18px;}
.row_cart .res_price .current_price {font-size: 16px;display: inline-block;line-height: 18px;}

.res_quantity {
    width: 120px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 30px;
    text-align: center;
    padding: 0 35px;
    box-sizing: border-box;
    background:#f9f9f9;
    border-radius:5px;
    font-size: 18px;
    line-height: 30px;
}

.res_quantity .arrow{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 2;
}
.res_quantity .arrow_down{
    right: auto;
    left: 2px;
}
.res_quantity .arrow i{
    width: 14px;
    height: 14px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -280px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
.res_quantity .arrow_down i{
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -294px;
}
.res_quantity .arrow:hover i {opacity:0.7;}

.res_cart_bottom, .res_total {
    display: none;
}

.sign_panel {
    float: right;
    width: 50%;
    height: auto;
    border-left: 10px solid #f9f9f9;
    box-sizing: border-box;
    background:#fff;
    padding: 20px;
    padding-top: 50px;
    text-align: center;
    margin-top: 15px;
}

.signup_panel {
    border-left: 0;
    border-right: 10px solid #f9f9f9;
}

.sign_panel .big_icon {
    position: relative;
    top: auto;
    right: auto;
    z-index: 1;
}

.sign_panel .big_icon i {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    top: auto;
    left: auto;
    margin-left: 0;
    margin-top: 0;
}

.sign_panel .big_icon h3 {
    position: relative;
    top: auto;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
}

.sign_panel .big_icon h3 small{
    color:#777;
    font-size: 14px;
    font-weight: normal;
}

.sign_panel .register .form .part_full{
    width: 100%;
    display: block;
    float: none;
    max-width: 350px;
    text-align: right;
}

.sign_panel .signup .form .part_full{
    text-align: right;
    max-width: 100%;
}

.sign_panel .register .form .part label {
    text-align: right;
    display: block;
}

.sign_panel .register .form .part_full .subput{
    max-width: 100%;
    float: none;
    width: 100%;
    padding: 0;
}
.sign_panel .signup .form .part_full .subput{
    max-width: 250px;
    float: left;
}

.sign_panel .register .form{
    padding: 30px 0 0 0;
}

.forgot_pass {
    float: left;
    color:#555;
    font-size: 11px;
    font-weight: normal;
}

.forgot_pass:hover {
    color:#29c1c9;
}

.deliver_date {
    border:2px dashed #ddd;
    border-radius: 20px;
    padding: 5px 20px;
    cursor: pointer;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.deliver_date_disabled {
    cursor: default;
    opacity:0.5;
}

.deliver_date_selected {
    background:#29c1c9;
    color:#fff;
    border-color:#29c1c9;
}

.hint {
    background: #fffff5;
    padding: 10px 25px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 20px;
    border:1px dashed #aaa;
}


/* //////////////////////////// TOOLTIPSTER ///////////////////////////////////// */ 
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #333;
	background: #333;
	color: #fff;
}

.tooltipster-light {
	border-radius: 5px; 
	border: 2px solid #fff;
	background: #fff;
	color: #444;
}

.tooltipster-light-bordered {
	border-radius: 5px; 
	border: 1px solid #ddd;
	background: #fff;
	color: #444;
 }

.tooltipster-ajax {
	background: #333;
    border-radius: 2px;
    height: 288px;
	color: #444;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-content{
    direction: rtl;
	font-family: inherit;
	font-size: 11px;
	line-height: 24px;
	padding: 0 5px;
	overflow: hidden;
    box-sizing: border-box;
}

.tooltipster-ajax .tooltipster-content{padding: 3px;}
.tooltipster-light-bordered .tooltipster-content{padding: 3px 5px;}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 1px;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.center_text {
    max-width: 600px;
    color:#333;
    font-size: 15px;
    text-align: justify;
    text-align-last: center;
    padding: 100px 0 50px 0;
    line-height: 35px;
}

.center_text h1 {
    color: #0a757b;
    margin-bottom: 20px;
}

.landing_photo {
    width: 100%;
    display: block;
    padding-top: 50px;
}

.landing_photo_base {
    padding-top: 0;
}

.landing_photo img {
    display: block;
    width: 100%;
    height: auto;
}

.product_slider {
    display: flex;
    flex-wrap: wrap;
}

.product_slider a{
    flex: 0 1 calc(50% - 5px);
    box-sizing: border-box;
    overflow: hidden;
    height: auto;
    position: relative;
    border-radius: 5px;
    margin: 5px auto;
}

.product_slider a:nth-child(odd) {
    margin-right: 0;
}

.product_slider a:nth-child(even) {
    margin-left: 0; 
}

.product_slider_home a {
    width: 100%;
    float: none;
    display: block;
}


.product_slider_home {
  display: flex;
  flex-direction: row;
}
.product_slider_home .main_slide {
  flex: 0 1 81.3%;
}
.product_slider_home .side_slides {
  flex: 0 1 18.7%;
}
.product_slider_home .main_slide_full {flex: 0 1 100%;}
.product_slider_home .side_slides img {min-height: 0;}

.product_slider a img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 80px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.12);
}

.product_slider .mark_sell{
    position: absolute;
    left: 5px;
    bottom: 15px;
    background: rgba(36,175,182,0.9);
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    z-index: 2;
    text-align: left;
    padding: 3px 15px;
    border-top-right-radius: 40px;
}

.product_slider .mark_sell_over {
    background-color: rgba(170,0,0,0.9);
}

.product_slider .time {
    width: auto;
    overflow: hidden;
    background: rgba(249,249,249,0.9);
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    position: absolute;
    left: 0;
    padding: 13px 0;
    box-sizing: border-box;
    line-height: 20px;
    overflow: hidden;
    top: 20px;
    border-radius: 0;
    height: 46px;
    border-bottom-right-radius: 46px;
    padding-left: 160px;
    padding-right: 35px;
    cursor: default;
}
.product_slider .time b{
    position: absolute;
    top: 0;
    color: #cc0000;
    direction: ltr;
    text-align: left;
    left: 55px;
    width: 100px;
    font-size: 20px;
    line-height: 47px;
    overflow: hidden;
    cursor: default;
}
.product_slider .time .icon{
    background:  url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 0;
    position: absolute;    
    width: 28px;
    height: 27px;
    top: 9px;
    left: 15px;
}

.new_bullet {
    display: inline-block;
    border-radius:5px;
    padding: 0 2px;
    box-sizing: border-box;
    background:#cc0000;
    margin-left: 4px;
    color:#fff;
    font-size: 7px;
    line-height: 12px;
    letter-spacing: 0.5px;
}

.menubar .new_bullet {
    padding: 1px 7px;
    border-radius:3px;
}

.menubar li.anti .new_bullet {
    margin-right: 4px;
    margin-left: 0;
}



.banbar {width: 100%;height: auto;}
.banbar img {width:100%;display: block;height: auto;}

.banbar img.normal {display: block;}
.banbar img.res {display: none;}

/* Compatible with Leaflet 0.7 */
.leaflet-control-locate a{font-size:1.4em;color:#444;cursor:pointer}.leaflet-control-locate.active a{color:#2074b6}.leaflet-control-locate.active.following a{color:#fc8428}.leaflet-control-locate-location circle{animation:leaflet-control-locate-throb 4s ease infinite}@keyframes leaflet-control-locate-throb{0%{r:9;stroke-width:1}50%{r:7;stroke-width:3}100%{r:9;stroke-width:1}}/*# sourceMappingURL=L.Control.Locate.min.css.map */


/*# sourceMappingURL=L.Control.Locate.css.map */

.alert_yellow, .alert_green {
    border:2px solid #ebc200;
    border-radius: 5px;
    padding: 10px;
    background:#fff7d0;
    color:#333;    
}
.alert_green {
    border:2px solid #006600;
    background:#ecffe6;
}

.inline_loading {
    width: 100%;
    height: 100px;
    background: url('https://static.1dayoff.com/assets/images/loading.svg') no-repeat center;
    background-size: auto 100%;
    display: none;
}

.product_loading_full {
    width: 100%;
    height: 70vh;
    background: url('https://static.1dayoff.com/assets/images/loading.svg') no-repeat center top 150px;
    background-size: 150px auto;
    display: none;
    z-index: 5;
}

.red_box {
    background:#aa0000;
    font-size: 11px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    color:#fff;
    padding: 0 5px;
}

.box_small {
    background: #fff5f5;
    border:1px solid #aa0000;
    color:#aa0000;
    font-size: 9px;
    padding: 2px 7px;
    border-radius:5px;
}

.box_small_yellow {
    background: #ffffee;
    border-color: #dfa801;
    color: #333;
}

/* ************ Cart Page *************** */

.cart_page {
    margin: 40px auto;
    margin-top: 20px;
}

.cart_page_fuctor {margin:0;}

.empty_box {
    background:#fff;
    padding: 50px;
    margin-top: 10px;
}

.row_cart{
    background: #fff;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #f9f9f9;
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px 150px 20px 480px;
}

.title_cart {
    margin-bottom:10px;
}

.title_cart h1, .title_cart .empty{
    float: right;
    font-size: 21px;
    line-height: 36px;
    overflow: hidden;
    height: 36px;
}
.title_cart .empty{
    float: left;
    font-size: 13px;
    line-height: 36px;
}
.title_cart .empty:hover{
    opacity: 0.8;
}
.title_cart .qnt{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #29c1c9;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}
.headline_cart{
    border-bottom: 5px solid #f9f9f9;
    font-size: 17px;
    font-weight: bold;
    color: #555;
    line-height: 20px;
    padding: 15px 20px;
}

.left_cart{
    width: 450px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.cell_cart{
    float: right;
    text-align: center;
    height: 100%;
    position: relative;
    line-height: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.headline_cart .cell_cart{
    border-right: 2px solid #f9f9f9;
    box-sizing: border-box;
    padding: 15px;
}

.center_cell{
    width: 100%;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% , -50%);
      -khtml-transform:translate(-50% , -50%);
       -moz-transform: translate(-50% , -50%);
        -ms-transform: translate(-50% , -50%);
         -o-transform: translate(-50% , -50%);
            transform: translate(-50% , -50%);
}
.row_cart .original_price{
    font-size: 17px;
    color: #9f9f9f;
    text-decoration: line-through;
}
.row_cart .current_price{
    font-size: 24px;
}
.row_cart .price{width: 35%;}
.row_cart .quantity{width: 30%;}
.row_cart .quantity .inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 120px;
    margin-top: -60px;
}
.row_cart .total{width: 35%;}
.product_cart .quantity{
    font-size: 24px;
}
.product_cart{
    position: relative;
    min-height: 140px;
}
.row_cart .photo_cart{
    width: 120px;
    height: 120px;
    border: 1px solid #f9f9f9;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -60px;
    z-index: 2;
}

.row_cart h3{
    font-size: 15px;
}
.row_cart .cart_title {
    padding-bottom: 32px;
    display: block;
}

.row_cart .delete{
    width: 20px;
    height: 20px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -680px;
    position: absolute;
    bottom: 12px;
    right: 150px;
    opacity: 0.4;
}
.row_cart .delete:hover{
    opacity: 1;
}
.row_cart .quantity .arrow{
    width: 100%;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.row_cart .quantity .arrow_down{
    bottom: 0;
    top: auto;
}
.row_cart .quantity .arrow i{
    width: 14px;
    height: 14px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -280px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
.row_cart .quantity .arrow_down i{
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -294px;
}
.row_cart .quantity .arrow:hover i {opacity:0.7;}

.sum_total{
    position: relative;
    padding: 20px 0;
}
.sum_total .total, .sum_total .quantity{
    float: left;
}
.sum_total .left_cart{
    position: relative;
    left: auto;
    top: auto;
    float: left;
}

.total_title {
    width: 30%;
    text-align: left;
    float: left;
    margin-left: 10px;
}

.cell_cart_left{
    float: left;
    font-size: 17px;
    font-weight: bold;
    line-height: 40px;
    padding: 30px 0;
    text-align: left;
}
.profit, .active_discount{
    padding: 20px 30px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #669900;
    text-align: left;
    box-sizing: border-box;
}
.active_discount{color:#006699;}
.res_center {
    text-align: center;
    display: block;
}
    
.continue, .retrun {
	min-width: 200px;
	height: 50px;
	background: #29c1c9;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	box-sizing: border-box;
	border-radius: 25px;
	position: relative;
    padding: 15px 0;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

.continue i{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -10px;  
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size: 100% auto;
    background-position: 0 -360px;  
}

.continue:hover, .retrun:hover{
    opacity: 0.9;
}

.retrun{
    color:#333;
    background: none;
}


.cart_inner {
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index:4;
    background:#fff;
    width: 100%;
    height: 80%;
    box-sizing: border-box;
    direction: rtl;
    box-shadow: 0 0 50px rgba(0,0,0,0.6);   
    display: none;
}

.cart_inner .title {
    background:#209da4;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    position: relative;
    padding-right: 45px;
    color:#fff;
    z-index: 4;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
}

.cart_inner .title i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 15px;
    margin-top: -10px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center top;
    background-size: 100% auto;
    background-position: 0 -140px;
}

.cart_inner .title a {
    position: absolute;
    top: 50%;
    left: 15px;
    text-align: left;
    transform: translate(0, -50%);
    font-size: 12px;
    line-height: 50px;
    color: #fff;
    border-bottom:1px dashed #fff;
}

.cart_inner .cart_list {
    overflow-y: auto;
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    z-index: 3;
    padding-top: 50px;
}

.cart_inner .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background:#fff;
    z-index: 4;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);  
    padding-bottom: 10px;
    box-sizing: border-box;
}
.cart_inner .bottom .payable_inner {
    font-size: 16px;
    color:#333;
    text-align: left;
    display: block;
    border-top:1px solid #eee;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 15px;
}
.cart_inner .bottom .total_discount {
    border-top:1px solid #eee;
    color:#669900;
    text-align: left;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 15px;
}

.menu_inner {
    position: fixed;
    bottom: 70px;
    right: 0;
    width: 100%;
    height: auto;
    z-index:4;
    background:#fff;
    box-sizing: border-box;
    direction: rtl;
    box-shadow: 0 0 50px rgba(0,0,0,0.6);
    display: none;
}

.menu_inner li {
    display: block;
    padding: 10px 15px;
    border-bottom:1px solid #eee;
    font-size: 14px;
}

.loading_static {
    background:#f8d800 url(https://static.1dayoff.com/assets/images/newsletter.png) repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.loading_static .load {
    background: url('https://static.1dayoff.com/assets/images/loading.svg') no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 120px auto;
    width: 100%;
    height: 100%;
}

.loading_static .logo {
    position: fixed;
    bottom: 5%;
    left: 50%;
    background: url('https://static.1dayoff.com/assets/images/black_logo.png') no-repeat center;
    background-size: 100% auto;
    width: 64px;
    height: 64px;
    margin-left: -32px;
}

.user_inner {
    position: fixed;
    bottom: 70px;
    right: 0;
    width: 100%;
    height: auto;
    z-index:4;
    background:#fff;
    box-sizing: border-box;
    direction: rtl;
    box-shadow: 0 0 50px rgba(0,0,0,0.6);
    display: none;
}
    
.product_cart .discount {
    position: absolute;
    top: 10px;
    font:bold 10px Arial;
    right: 10px;
    color:#fff;
    box-sizing: border-box;
    overflow: hidden;
    background:#cc0000;
    z-index: 2;
    opacity: 0.9;
    cursor: default;
    width: 24px;
    height: 24px;
    padding: 0;
    text-align: center;
    line-height: 24px;
    border-radius: 100%;
        
}


.inline_alert_red {
    display: block;
    background:#cc0000;
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    color:#fff;
}

@font-face {
  font-family: 'the1dayoff';
  src: url('/assets/fonts/the1dayoff/the1dayoff.eot?573606949');
  src: url('/assets/fonts/the1dayoff/the1dayoff.eot?573606949#iefix') format('embedded-opentype'),
       url('/assets/fonts/the1dayoff/the1dayoff.woff2?573606949') format('woff2'),
       url('/assets/fonts/the1dayoff/the1dayoff.woff?573606949') format('woff'),
       url('/assets/fonts/the1dayoff/the1dayoff.ttf?573606949') format('truetype'),
       url('/assets/fonts/the1dayoff/the1dayoff.svg?573606949#the1dayoff') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'the1dayoff';
    src: url('../font/the1dayoff.svg?57360694#the1dayoff') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "the1dayoff";
  font-style: normal;
  font-weight: normal;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-globe:before { content: '\e800'; } /* '?' */
.icon-instagram-1:before { content: '\e802'; } /* '?' */
.icon-key:before { content: '\e803'; } /* '?' */
.icon-plus:before { content: '\e804'; } /* '?' */
.icon-minus:before { content: '\e805'; } /* '?' */
.icon-cancel:before { content: '\e806'; } /* '?' */
.icon-arrow-down-sign-to-navigate:before { content: '\e807'; } /* '?' */
.icon-avatar:before { content: '\e808'; } /* '?' */
.icon-user:before { content: '\e809'; } /* '?' */
.icon-eye:before { content: '\e80a'; } /* '?' */
.icon-eye-off:before { content: '\e80b'; } /* '?' */
.icon-logout:before { content: '\e80c'; } /* '?' */
.icon-lock:before { content: '\e80d'; } /* '?' */
.icon-undo:before { content: '\e80e'; } /* '?' */
.icon-tag:before { content: '\e80f'; } /* '?' */
.icon-ok:before { content: '\e810'; } /* '?' */
.icon-closed-envelope:before { content: '\e811'; } /* '?' */
.icon-delete:before { content: '\e812'; } /* '?' */
.icon-success:before { content: '\e813'; } /* '?' */
.icon-facebook-logo:before { content: '\e814'; } /* '?' */
.icon-left-arrow:before { content: '\e818'; } /* '?' */
.icon-left-arrow2:before { content: '\e819'; } /* '?' */
.icon-right-arrow:before { content: '\e821'; } /* '?' */
.icon-twitter-logo-silhouette:before { content: '\e825'; } /* '?' */
.icon-up-arrow:before { content: '\e826'; } /* '?' */
.icon-placeholder:before { content: '\e828'; } /* '?' */
.icon-payment:before { content: '\e829'; } /* '?' */
.icon-mobileverified:before { content: '\e82a'; } /* '?' */
.icon-emailverified:before { content: '\e82b'; } /* '?' */
.icon-emailpending:before { content: '\e82c'; } /* '?' */
.icon-mobilepending:before { content: '\e82d'; } /* '?' */
.icon-fingerprint:before { content: '\e82e'; } /* '?' */
.icon-error:before { content: '\e82f'; } /* '?' */
.icon-wallet:before { content: '\e830'; } /* '?' */
.icon-invite:before { content: '\e831'; } /* '?' */
.icon-gift:before { content: '\e832'; } /* '?' */
.icon-ribbon:before { content: '\e834'; } /* '?' */
.icon-pinterest-logo:before { content: '\e835'; } /* '?' */
.icon-security:before { content: '\e836'; } /* '?' */
.icon-searching-interface-symbol-of-magnifying-glass:before { content: '\e837'; } /* '?' */
.icon-shopping-basket:before { content: '\e838'; } /* '?' */
.icon-small-mail-envelope:before { content: '\e839'; } /* '?' */
.icon-telegram-logo:before { content: '\e83a'; } /* '?' */
.icon-youtube:before { content: '\e83b'; } /* '?' */
.icon-alarm:before { content: '\e83c'; } /* '?' */
.icon-alarm-selected:before { content: '\e83d'; } /* '?' */
.icon-auricular-phone-symbol-in-a-circle:before { content: '\e83e'; } /* '?' */
.icon-credit-card:before { content: '\e840'; } /* '?' */
.icon-heart:before { content: '\e841'; } /* '?' */
.icon-heart-selected:before { content: '\e842'; } /* '?' */
.icon-comment-circular-shape:before { content: '\e84a'; } /* '?' */
.icon-delivery-truck:before { content: '\e84b'; } /* '?' */
.icon-comment:before { content: '\e816'; } /* '?' */
.icon-text:before { content: '\f0f6'; } /* '?' */

.icon-delivery-truck {font-size:130%;} /* '?' */




/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #333;
	background: #333;
	color: #fff;
}

.tooltipster-light {
	border-radius: 5px; 
	border: 2px solid #fff;
	background: #fff;
	color: #444;
}

.tooltipster-light-bordered {
	border-radius: 5px; 
	border: 1px solid #ddd;
	background: #fff;
	color: #444;
 }

.tooltipster-ajax {
	background: #333;
    border-radius: 2px;
    height: 288px;
	color: #444;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-content{
    direction: rtl;
	font-family: inherit;
	font-size: 11px;
	line-height: 24px;
	padding: 0 5px;
	overflow: hidden;
    box-sizing: border-box;
}

.tooltipster-ajax .tooltipster-content{padding: 3px;}
.tooltipster-light-bordered .tooltipster-content{padding: 3px 5px;}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 1px;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.address_pop {
    display: none;
    position: fixed;
    top: 80px;
    direction: rtl;
    left: 50%;
    width: 90%;
    max-width: 800px;
    background:#fff;
    z-index: 5;
    border-radius: 5px;
    transform: translate(-50% , 0);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    max-height: calc(100% - 120px);
    overflow: auto;
}

.address_pop .pop_title {
    border-bottom:1px solid #eee;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;    
    line-height: 20px;
    color:#888;
    box-sizing: border-box;
}

.address_pop .pop_title .close_pop {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.address_pop .pop_title .close_pop i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat top center;
    background-size: 100% auto;
    background-position: 0 -264px;
}

.address_pop .pop_content {
    padding: 20px;
    padding-bottom: 0;
}

.address_pop .part {
    width: 33.33%;
    padding: 10px;
    box-sizing: border-box;
    float: right;
    position: relative;
    min-height: 100px;
}

.address_pop .part25 {
    width: 25%;
}

.address_pop .part_full {
    width: 100%;
}

.address_pop  .part_half {
    width: 50%;
}

.address_pop .part75 {
    width: 75%;
}

.address_pop .part_full .subput {
    float: left;
}
.address_pop .part_map {
    width: calc(100% - 20px);
    margin-right:10px;
}

.address_pop .part label {
    display: block;
    line-height: 36px;
    color:#444;
    position: relative;
    height: 36px;
}

.address_pop .part label small {
    display: inline;
    line-height: 36px;
    height: 36px;
}


.address_pop .part label.required {
    padding-right: 10px;
}

.address_pop .part .textput{
    width: 100%;
    border-radius: 3px;
    background:#fff;
    border:1px solid #ddd;
    font: inherit;
    height: 42px;
    padding: 5px 15px;
    box-sizing: border-box;
}

.address_pop .part .textput:focus {border-color:#aaa;}

.address_pop .part .textput::placeholder {
    color:#999;
    text-align: right;
    direction: rtl;
}

.address_pop #part_submit label {height:10px;}

.address_pop .part .subput {
    width: auto;
    color: #fff;
    font-weight: bold;
    background: #29c1c9;
    border: 0;
    cursor: pointer;
    border-radius: 3px;
    height: 40px;
    padding: 10px 40px;
    line-height: 20px;
}

.address_pop .part .subput:hover {opacity: 0.8;}

.address_pop .part label i {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background:#cc0000;
    display: inline-block;
    margin-right: 3px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
}


.address_pop #part_region {display: none;}

.map {
    direction: ltr;
    width: 100%;
    height: 100%; 
    position: absolute;
    top:0;
    left: 0;
}

.address_pop .part_map {
    position: relative;
    background: #f5f5f5 url('https://static.1dayoff.com/assets/images/loading.svg') no-repeat center;
    background-size:90px auto;
    height: 300px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.leaflet-bottom {display: none;}
.find_location {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #fff url('https://static.1dayoff.com/assets/images/marker.png') no-repeat center;
    background-size: 18px auto;
    z-index: 999;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.find_location:hover {
    background-color:#f5f5f5;
}

.map_searchput { 
    position:absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    width: calc( 100% - 100px);
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    border:0;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    font: inherit;
    height:45px;
    display: none;
}

.part_map .submit_map {
    position: fixed;
    bottom: 100px;
    left: 5%;
    width:90%;
    height: 50px;
    background:#f9d308;
    border-radius: 25px;
    color:#000;
    z-index:400;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    display: none;
}

.searcher_box {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background:#eee;
    border:1px solid #ddd;
    border-radius:5px;
}

.searcher_box a {
    width: 24px;
    height: 24px;
    top: 20px;
    left: 20px;
    background: url('https://static.1dayoff.com/assets/images/search.png') no-repeat center;
    background-size: 100% auto;
    position: absolute;
}

.barcode {
    position: absolute;
    top: 0;
    left: 10px;
    height: auto;
    width: auto;
    font:11px Arial;
    font-weight: bold;
    padding-left: 20px;
    line-height: 12px;
}

.barcode i {
    position: absolute;
    top:0;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url('https://static.1dayoff.com/assets/images/barcode.png') no-repeat center;
    background-size: 100% auto;
}



.product_show_main {
    background:#fff;
    margin: 40px auto;
    padding: 5px 0;
    box-sizing: border-box;
    position: relative;
    width: 95%;
    max-width: 950px;
    direction: rtl;   
    text-align: center;
    padding-top: 50px;
    overflow: hidden;
}

.product_show_main img {
    width: 100%;
}

.product_show_main .product_main_title {
    text-align: center;
    color:#333;
    width: 80%;
    box-sizing: border-box;
    padding-top: 20px;
}

.product_show_main .product_main_title h1 {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    display: block;
}

.product_show_main .main_barcode {
    font:10px Arial;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    margin-top: 5px;
}
.product_show_main .main_barcode i {
    position: absolute;
    top:0;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url('https://static.1dayoff.com/assets/images/barcode.png') no-repeat center;
    background-size: 100% auto;
}

.product_show_main .product_price {
    text-align: center;
	font-size: 26px;
    margin-bottom:30px;
}

.product_show_main .product_price .current {
    line-height:24px;
    margin-top:10px;
}
.product_show_main .product_price .original {
    font-size: 14px;
    line-height: 24px;
}
.product_show_main .product_price .discount_percent {
    font-size: 16px;
    line-height: 14px;
}

.addtocart_box {
    text-align: center;
    max-width: 300px;
}

.addtocart_box .button_box {
    padding:10px 15px;
    position: relative;
    bottom: auto;
    height:40px;
    left: auto;
}

.product_show_main .addtocart {
    display: inline-block;
    font-size: 18px;
    float: none;
	line-height: 45px;
    padding: 0 30px;
}


.discount_percent_div {
    display: block;
    height: 20px;
}

.product_show_main .content_box {
    padding: 20px;
    margin-top: 30px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    background:#fff;
    text-align: right;
    font-size: 18px;
    line-height: 2.1;
}

.product_show_main .content_box h4 {
    font-size: 20px;
    color:#000;
    padding-bottom:5px;
}



.product_show_main .addtocart_alert {
    background: #fff;
    border:1px solid #777;
    color:#333;
    padding-right:48px;
}
.product_show_main .addtocart_alert:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.product_show_main .addtocart_alert i {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 24px;
    height: 24px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -744px;
    margin-top:-12px;
}
.product_show_main .alert_active {
    background:#cc0000;
    color:#fff;
    border-color: #cc0000;
}
.product_show_main .alert_active i {
    background-position: 0 -1272px;
}


.product_show_main .top_relateds {
    width: 320px;
    padding: 20px;
    box-sizing: border-box;
    border-right:1px solid #f5f5f5;
    position: absolute;
    top: 50px;
    left: 0;
    height: 100%;
    z-index: 3;
    text-align: right;
}

.product_show_main .top_relateds h4 {margin-bottom:20px;}

.product_text {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2.8;
}

.related_product {
    display: block;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin-bottom: 10px;
    position: relative;
    height: 80px;
    padding-right: 85px;
    overflow: hidden;
}

.related_product:last-child {border:0;}

.related_product .related_photo {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    border:1px solid #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}

.related_product .related_photo img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, 0);
}

.related_product .title {
    font-weight: bold;
    padding-top:7px;
    line-height: 24px;
}

.product_buy_button {
    position: absolute;
    text-align: right;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 80px;
    padding-right: 570px;
    padding-left: 350px;
    box-sizing: border-box;
}

.product_buy_button a.buy{
    width: auto;
    height: 60px;
    background: #1c8e19;
    color: #fff;
    padding-left: 70px;
    padding-right: 30px;
    line-height: 60px;
    border-radius: 5px;
    position: relative;
    font-size: 17px;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
}
.product_buy_button a.buy .icon{
    width: 30px;
    height: 30px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -1350px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px;
}
.product_buy_button a.buy:hover{
    opacity:0.9
}
.product_buy_button a.buy_disable, .product_buy_button a.buy_disable:hover {
    background:#aaa;
    opacity:1;
}

.price_in {
    float: right;
}

.product_buy_button .discount {
    position: absolute;
    background:#cc0000;
    color:#fff;
    padding: 0 10px;
    border-radius: 10px;
    line-height: 18px;
}

.product_buy_button .original_price {
    text-decoration: line-through;
    color:#555;
    font-size: 18px;
    display: block;
    line-height: 24px;
    margin-right: 45px;
}

.product_buy_button .current_price {
    font-size: 32px;
    color:#000;
    display: block;
    line-height: 40px;
}

.res_categories_show {
    position: relative;
    box-sizing: border-box;
    background:#f5f5f5;
    line-height: 20px;
    padding: 10px 15px;
    padding-right: 50px;
    color:#333;
    cursor: pointer;
    display: none;
}

.res_categories_show i {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 30px;
    height: 30px;
    margin-top:-15px;
    background: url('https://static.1dayoff.com/assets/images/bar_icons.png') no-repeat top center;
    background-size: 100% auto;
    background-position: 0 -120px;
}

.res_categories_show_select i {
    background-position: 0 -150px;
}

.top_banner {
    width: 100%;
    height: 60px;
    position: relative;
    display: block;
}
.top_banner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 60px;
}

.product_show_details {
  background:#fff;
  display: block;
  margin: 50px auto;
  width: 95%;
  max-width: 1600px;
  direction: rtl;
}

.spec_nav_bar {
  display: block;
  background:#f9f9f9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.spec_nav_bar::after {
  content: "";
  flex: auto;
}

.spec_nav_bar a {
  width: auto;
  padding: 10px 20px;
  line-height: 30px;
  background:#eee;
}

.spec_nav_bar a.nav_title_selected {
  background:#fff;
}

.spec_box {
  display: none;
  padding: 10px 30px;
  box-sizing: border-box;
}

.spec_box_selected {
  display: block;
}

.spec_table_flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.spec_table_flex .spec_title {
  flex: 0 1 200px;
  line-height: 30px;
  padding: 10px 20px;
  background:#eee;
  margin: 1px auto;
  box-sizing: border-box;
}

.spec_table_flex .spec_description {
  flex: 0 1 calc(100% - 200px);
  line-height: 30px;
  padding: 10px 20px;
  background:#f9f9f9;
  margin: 1px auto;
  box-sizing: border-box;
}


.spec_table_flex:after {
  content: "";
  flex: auto;
}

.comment_box_product {
    max-width: 700px;
}

.cashback_box img {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  border-radius:7px;
  box-shadow: 0 0 14px rgba(0,0,0,0.2);
  margin: 10px auto;
  width: 100%;
}


.fast_delivery, .special_offer {
    position: relative;
    background: #fc0;
    width: auto;
    height: 16px;
    z-index: 3;
    border-radius: 5px;
    padding-right: 13px;
    padding-left: 5px;
    color: #000;
    font-size: 9px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
}
.old_price_alert {display: block;}
.old_price_alert_in {
    display: block;
    color: #cc0000;
    background: #eee;
    padding: 3px 10px;
    margin: 10px 15px 0 15px;
    border-radius: 5px;
}

.special_offer {
    background:#c00;
    color:#fff;
    padding-right: 15px;
    margin-top: 5px;
}

.fast_delivery i, .special_offer i {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    background: url(https://static.1dayoff.com/assets/images/light.png) no-repeat center;
    background-size: 100% auto;
}
.special_offer i {
    background-image: url(https://static.1dayoff.com/assets/images/star.png);
    width: 8px;
    height: 8px;
    top: 4px;
    right: 4px;
}

.special_offer_big {
    font-size: 18px;
    padding: 5px 15px;
    padding-right: 25px;
}
.special_offer_big i {
    right: 5px;
    top: 50%;
    margin-top: -6px;
    width :12px;
    height: 12px;
}

.cc-unoo {
    bottom: 80px !important;
}

.res_product_menu_icon, .res_product_menu {display: none;}


#paginate {
  margin: 20px auto;
  text-align: center;
}

#paginate a, #paginate span, #paginate .rad {
  display: inline-block;
  padding: 0 5px;
  border-radius: 5px;
  box-sizing: border-box;
  background:#fff;
  margin: 5px;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  border:1px solid #ddd;
  position: relative;
}

#paginate .rad {
    background: none;
    border: none;
    width: 20px;
}

#paginate a:hover {
  border-color: #999;
}

#paginate .current {
  color:#198ebe;
  border-color: #198ebe;
  background:#f9f9f9;
}

#paginate .disabled {
  opacity: 0.3;
  cursor: default;
}

#paginate i.next, #paginate i.prev {
  width: 20px;
  height: 20px;
  background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
  background-size: 100% auto;
  background-position: 0 -540px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
#paginate i.prev {
  background-position: 0 -560px;
}


.product_flex {
    display: flex;
    flex-wrap: wrap;
}

.product_flex .product_photo {
    flex: 0 1 100%;
    padding: 10px 20px;
    box-sizing: border-box;
}

.product_flex .product_photo img {
	width: 80%;
	height: auto;
	display: block;
	overflow: hidden;
	text-indent: -90000px;
	background: #fff url('https://static.1dayoff.com/assets/images/product.png') no-repeat center;
	min-height: 100px;
	background-size: 36px auto;
}
.FMCG_swiper .product_flex .product_photo img, 
.FMCG_swiper_home .product_flex .product_photo img {min-height: 0;}

.product_flex .product_details {
    flex: 0 1 100%;
}

.full_content .time {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  padding-left: 95px;
  font-weight: bold;
  color:#333;
  line-height: 30px;
}
.full_content .time b {
  color: #aa0000;
  position: absolute;
  top: 0;
  left: 25px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
}

.full_content .time a.icon {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  left: 0;
  background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
  background-size: 100% auto;
  background-position: 0 -688px;
  opacity: 0.7;
}
.full_content .time a.icon:hover {
  background-position: 0 -704px;
}

.full_content .hidden_part {
    display:none;
    background:#fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius:10px;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    margin-top: 20px;
    position: relative;
}

.full_content .hidden_part i {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    left:5px;
    background:url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size:100% auto;
    background-position:0 -1320px;
}

.fix_login_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 16;
    background: rgba(255,255,255,0.8);
    display: none;
}
.fix_login_box {
    width: 90%;
    max-width: 380px;
    position:fixed;
    top:50%;
    left:50%;
    z-index:17;
    background:#fff;
    transform:translate(-50%,-50%);
    padding:10px 20px;
    box-shadow:0 0 30px rgba(0,0,0,0.25);
    border-radius:7px;
    direction:rtl;
    display: none;
    box-sizing: border-box;
}

.user_stick_menu_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}

.stick_menu {
    position: absolute;
    top: 50px;
    left: 0;
    background:#fff;
    box-sizing: border-box;
    width: auto;
    min-width: 210px;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    border-radius: 7px;
    z-index: 4;
    display: none;
}

.stick_menu a {
    display:block;
    line-height:25px;
    color:#333;
    padding:8px 10px;
    border-bottom:1px solid #eee;
    padding-right: 35px;
    position: relative;
}

.stick_menu a i {
    position:absolute;
    top:50%;
    right:10px;
    width:16px;
    height:16px;
    background:url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat;
    background-size:100% auto;
    background-position:0 -128px;
    margin-top:-8px;
}

.stick_menu a i.orders {background-position:  0 -480px;}
.stick_menu a i.balance_icon {background-position:  0 -464px;}
.stick_menu a i.exit {background-position:  0 -448px;}
.stick_menu a small {display: block;}

.promotion_slides {
    width: 100%;
}
.promotion_slides img {
    width: 100%;
    float: right;
    border-radius: 15px;
}

.web_image {display: block;}
.res_image {display: none;}
.paginationjs-pages ul {
  list-style-type: none;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}
.paginationjs-pages ul li {
  display: inline-block;
  background:#fff;
  border-radius: 5px;
  width: 35px;
  padding: 0 5px;
  line-height: 30px;
  box-sizing: border-box;
  margin: 2px 5px;
  border:1px solid #ddd;
}
.paginationjs-pages ul li.active {
  opacity: 0.7;
  cursor: default;
  color:#999;
}
.res_product_menu h3 {
  padding: 5px 20px;
  margin-top: 25px;
  color: #215a8c;
  font-weight: normal;
}

.category_load_json {
    width: 100%;
    height: auto;
    background:#fff;
    display: block;
    text-align: center;
    font-size: 9px;
    line-height: 400px;
    min-height: 400px;
    color:#555;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.category_load_json_pure {
    min-height: 0;
    font-size: 12px;
    line-height: 1.8;
    color:#333;
    text-align: right;
    box-shadow: none;
    border-radius: 0;
    background: none;
}

.category_load_json i.inload_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -12px;
    width: 20px;
    height: 20px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5');
    background-size: 100% auto;
    background-position: 0 -960px;
    opacity: 0.5;
}

.fix_search {
    display: none;
    position: fixed;
    z-index:14;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    text-align:center;
    overflow: auto;
}
.fix_search form {
    width:80%;
    max-width:300px;
    direction:rtl;
    padding-top:150px;
}
.fix_search form input {
    border-color:#333;
    border-radius:80px;
    font-size:14px;
    padding:10px 20px;
}
.fix_search ul {
    direction:rtl;
    list-style-type:none;
    text-align:right;
    width:80%;
    max-width:260px;
    margin-top:20px;
    color:#777;
    padding-bottom: 40px;
}
.fix_search ul li a {
    display:block;
    border-bottom:1px solid #ddd;
    padding:10px;
    line-height:1.6;
}

.fix_search ul li:last-child a {border:0;}

.close {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 20px;
    height: 20px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -1040px;
    cursor:  pointer;
}

.not_start_alert {
    background:#fff;
    padding: 10px;
    border-radius: 10px;
    border:1px solid #aaa;
    box-shadow:  0 0 7px rgba(0,0,0,0.2);
    margin: 10px auto;
}
.not_start_alert b {
    display: block;
    color:#cc0000;
}

.breadcrumb {
    border-bottom: 1px solid #eee;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 49px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    text-align: right;
    line-height: 20px;
    padding: 14px 10px;
    box-sizing: border-box;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    flex-direction: row-reverse;
}
.breadcrumb::before {
  content: '';
  flex: auto;
}
.breadcrumb a {
    display:inline-block;
    padding:0 10px;
    padding-left: 20px;
    position: relative;
}
.breadcrumb a i {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -280px;
    margin-top: -5px;
}

.alert_highlight{
    padding: 10px;
    border: 1px solid #e3cd8b;
    margin: 10px auto;
    border-radius: 15px;
    background: #fff7b3;
    cursor: pointer;
    display: none;
}

.navbar .container_res_search {
    display: none;
}

.res_searcher {
    background: #fff;
    border-radius: 20px;
    height: 40px;
    border-color: #333;
    font-size: 13px;
}

.underproduct_slides {
    display:  flex;
    flex-wrap: wrap;
}

.underproduct_slides .underproduct_slide {
    flex: 0 1 25%;
    box-sizing: border-box;
    padding: 0 10px;
}

.shipping_alert {
    display: block;
    background: #fff;
    position: absolute;
    bottom: 94px;
    right: 0;
    padding: 5px 10px;
    direction: rtl;
    text-align: right;
    color: #669900;
    border-top: 1px solid #690;
    line-height: 1.8;
    width: 100%;
    box-sizing: border-box;
}

.full_link_flex {
    
}

.full_link {
    background: url('https://static.1dayoff.com/assets/images/product.png') no-repeat center;
    background-size: 20px auto;
    background-position: 50% 90px;
    font-size: 14px;
    line-height: 260px;
    text-align: center;
    display: block;
    
}

.wholesalable_attend {
    display: block;
    border:1px solid #ffd700;
    margin: 20px auto;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    text-align: right;
    overflow: hidden;
    max-width: 800px;
}

.wholesalable_attend .description_whole {
    flex: 0 1 100%;
    box-sizing: border-box;
    padding: 40px;
    font-size: 150%;
    background: #ffd700;
}

.wholesalable_attend .whole_product {
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    white-space: nowrap;
    min-width: 250px;
}

.wholesalable_attend .whole_product img {
    max-width: 100px;
}

.bottom_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 4;
    box-sizing: border-box;
    background: #fff;
    border-top: 1px solid #ddd;
    direction: rtl;
    display: flex;
    display: none;
}

.bottom_bar a {
    position: relative;
    padding-top: 34px;
}

.bottom_bar a i {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 24px;
    height: 24px;
    background: #333;
    margin-left: -12px;
}
#main {display: none}






/******* NEW Home Template ********/

.main_slides {margin-top:30px;}
.main_slides .container {
    display:flex;
}
.main_slides .big_slide {
    flex:0 1 73.5%;
    width:75%;
    overflow:hidden;
}
.main_slides img {
    max-width:100%;
    border-radius:15px;
    display: block;
}
.main_slides .side_slides {
    flex:0 1 36.5%;
    box-sizing:border-box;
    padding-right:20px;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}
.main_slides .side_slides a {
    width: 100%;
    display: block;
    position: relative;
}

.main_slides .side_slides a img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.main_slides .side_slides a:not(:last-of-type) img {
    bottom: auto;
    top: 0;
}

.product_group {
    padding-top:50px;
}
.daily_offers {
    margin-top:30px;
    background:#ffcc00;
    padding:30px 0;
}
.product_group .head {
    text-align:right;
    position:relative;
}
.product_group .head h3 {
    font-size:18px;
    color:#333;
    line-height:30px;
}
.product_group .head a.anti {
    text-align:left;
    padding-left:20px;
    position:relative;
    line-height:30px;
    left:0;
    top:0;
    position: absolute;
}
.product_group .head a.anti i {
    position:absolute;
    left:0;
    top:50%;
    width:10px;
    height:10px;
    background:url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size:100% auto;
    background-position:0 -270px;
    margin-top:-5px;
}
.product_group .head .discount {
    display:inline-block;
    background:#cc0000;
    color:#fff;
    border:1px solid #cc0000;
    box-sizing: border-box;
    padding:2px 5px;
    border-radius:5px;
    font-size:13px;
    line-height:1;
}

.product_group .products {
    margin-top: 10px;
}

.product_group .products .whitefade {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.daily_offers .products .whitefade {display: none;}


.products .product {
    width: 100%;
    height: auto;
    background:#fff;
    border:1px solid #eee;
    box-sizing: border-box;
    position: relative;
    border-radius: 7px;
    max-width: 600px;
    padding-bottom: 100px;
    margin: 0;
    display: inline-block;
}

.hide_poids .product {
    width: calc(20% - 6px);
    margin: 3px;
}

.hot_discount {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 5px;
    background: url('https://static.1dayoff.com/assets/images/hot-sale.png') no-repeat center;
    background-size: 100% auto;
}

.products_flex {
    display: flex;
}

.products_flex .product {
    flex: 0 1 24%;
    margin: 0.5%;
}

.products .product .photo {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 7px;
    text-align: center;
    padding: 15px 0;
}

.product_show_main .product .photo {
    padding: 0;
}

.products .product .photo img {
    width: 70%;
    height: auto;
    background: url('https://static.1dayoff.com/assets/images/tloading.svg') no-repeat center;
    background-size: 50px auto;
}

.products .product .photo_full {padding: 0;}
.products .product .photo_full img {width: 100%;}

.products .product_inner {
  border:0;
  margin: 0 auto;
  text-align: right;
}

.products .product_inner .photo img {
  width: 100%;
}

.top_details {
    padding:0 20px;
    display:flex;
    line-height:18px;
}
.top_details .price {
    flex:0 1 50%;
    text-align:left;
}
.top_details .discount {
    flex:0 1 50%;
    text-align:right;
    font-size:10px;
    white-space: nowrap;
}
.top_details .price b {
    font-size:18px;
    display:block;
    white-space: nowrap;
}
.top_details .price del {
    color:#777;
    font-size:10px;
}
.top_details .discount b {
    display:inline-block;
    background:#fff;
    color:#cc0000;
    border:1px solid #cc0000;
    box-sizing: border-box;
    padding:2px 5px;
    border-radius:5px;
    font-size:13px;
    line-height:1;
}
.top_details .high_discount b {
    background:#cc0000;
    color:#fff;
}

.option_not_ready {
    flex: 1;
    display: block;
    font-weight: bold;
    text-align: right;
}

.option_not_ready_soldout {color:#c00;}
.option_not_ready_soon {color:#069;}
.option_not_ready_limited {color:#333;}

.product .title {
    margin: 5px 15px;
    padding: 5px;
    border-top: 1px solid #f5f5f5;
    line-height: 1.6;
}

.pack_title {
    display: block;
    padding: 9px 10px;
    line-height: 14px;
    background: #e5e5e5;
    border-radius: 5px;
    margin: 6px auto;
    position: relative;
    overflow: hidden;
    max-width: 400px;
    text-align: right;
}
.pack_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 100px solid #ccc;
    border-right: 80px solid transparent;
}
.pack_title .box_info {
    position: absolute;
    left: 0;
    top: 0;
    font:bold 12px Arial;
    line-height:14px;
    padding: 9px 25px;
    padding-left: 25px;
    z-index: 2;
  
}
.pack_title .box_info i {
    position:absolute;
    top:50%;
    left:10px;
    width:12px;
    height:12px;
    margin-top:-6px;
}

.product .details {
    padding: 0 20px;
    display: flex;
    text-align: right;
    position: absolute;
    width: calc(100% - 40px);
    bottom: 65px;
    left: 0;
}

.product .details .each_price, .qty_details .each_price {
    text-align: left;
    flex: 0 1 50%;
    font-size: 10px;
    line-height: 20px;
    white-space: nowrap;
}

.product .details .box_info, .qty_details .box_info {
    flex:0 1 100%;
    padding-right:17px;
    position:relative;
    box-sizing:border-box;
    color:#777;
    line-height:20px;
    text-align: right;
    font-size: 10px;
    font-weight: bold;
}
.product .details .box_info i, .qty_details .box_info i {
    position:absolute;
    top:50%;
    right:0;
    width:12px;
    height:12px;
    margin-top:-6px;
    background:url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size:100% auto;
    background-position:0 -48px;
    opacity: 0.7;
}

.button_box {
    padding:10px 15px;
    width: calc(100% - 30px);
    height:40px;
    position: absolute;
    bottom: 20px;
    left: 0;
}
.button_box .addtocart {
    display:block;
    background:#f9d308;
    text-align:center;
    font-weight:bold;
    color:#000;
    box-sizing:border-box;
    border-radius:20px;
    height:40px;
    line-height:40px;
}
.button_box .addtocart:hover {
    background:#f9bd08;
}
 
.button_box .addtocart_box {display: none;}
.button_box .addtocart_box_show {display: block;}

.button_box .alter {
    display: flex;
    background:#fff;
    border:1px solid #aaa;
    text-align:center;
    font-weight:bold;
    color:#000;
    box-sizing:border-box;
    border-radius:20px;
    position:relative;
    height:40px;
    line-height:38px;
    overflow:hidden;
}
.button_box .alter a {
    flex:0 1 38px;
    width:38px;
    height:38px;
    font:18px Arial;
    color:#777;
    line-height:38px;
    box-sizing:border-box;
    border-right:1px solid #ddd;
    text-align:center;
    position:relative;
}
.button_box .alter a.minus {
    border:0;
    border-left:1px solid #ddd;
}
.button_box .alter a:hover {
    background:#f5f5f5;
}

.button_box .alter a.plus_disabled {cursor: not-allowed;opacity:0.5;}

.button_box .alter a.minus_hide,
.button_box .alter a.plus_hide {display: none;}

.button_box .alter .qty {
    flex:0 1 calc(100% - 76px);
    border: 0;
    background: #fff;
    font: inherit;
    text-align: center;
}
.button_box .alter a .delete {
    position:absolute;
    top:50%;
    left:50%;
    width:16px;
    height:16px;
    margin-top:-8px;
    margin-left:-8px;
    background:url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size:100% auto;
    background-position:0 -544px;
}

.cart_fix_row .button_box {
    left: auto;
    right: 10px;
    width: 50%;
    padding: 0;
    margin: 0;
}

.option_box {
    position:relative;
    width:100%;
    background:#fff;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    padding:20px;
    box-sizing:border-box;
    margin-top: 20px;
}

a.center_button {
    padding: 5px 15px;
    display: block;
    text-align: center;
    max-width: 160px;
    background: #f9d308;
    border-radius: 20px;
    font-weight: bold;
}
a.center_button_light {
    background: #fff;
    border: 1px solid #ddd;
}

.product_price {
    display: flex;
    flex-direction: row-reverse;
}

.product_price .price_left {
    flex: 0 1 50%;
    text-align: left;
}

.product_price .price_right {
    flex: 0 1 50%;
    text-align: right;
}

.product_price .discount_percent_div {
    background: #c00;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 7px;
}

.qty_details {
    display: flex;
    max-width: 400px;
    padding: 0 20px;
}
.current_price {
    line-height: 1;
    font-size: 10px;
}

.products .product .sell_stat {
	width: calc(100% - 30px);
	display: block;
	border-radius: 5px;
	height: 3px;
	overflow: hidden;
	background: #ddd;
	position: absolute;
	bottom: 9px;
	left: 15px;
}

.products .product .sell_stat .fill {
    background:#ea5c5c;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.products .product .stat_shower {
	position: absolute;
	bottom: 10px;
	color: #aa0000;
	font-size: 8px;
	right: 15px;
}

.products .product .expire_tag {
    position: absolute;
    right: 20px;
    top: 20px;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 7px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    line-height: 1;
    cursor: default;
}

.products .product .addtocart_disable, .products .product .addtocart_disable:hover {
    background:#aaa;
    opacity:1;
    cursor: default;
}


.products .product .addtocart_alert, 
.products .product .addtocart_alert:hover {
    background: #fff;
    border:1px solid #777;
    color:#333;
    padding-right:18px;
    cursor: pointer;
    line-height: 36px;
}
.products .product .addtocart_alert:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.products .product .addtocart i, 
.product_show_main .addtocart i, 
.products .product .addtocart_alert i {
    position: absolute;
    top: 50%;
    right: 32px;
    width: 16px;
    height: 16px;
    background: url('https://static.1dayoff.com/assets/images/icons_new.png?v=5') no-repeat center;
    background-size: 100% auto;
    background-position: 0 -112px;
    margin-top:-8px;
}
.products .product .addtocart_alert i {
    background-position: 0 -496px;
}
.products .product .alert_active, .products .product .alert_active:hover {
    background-color: #aa0000;
    color:#fff;
    border-color: #aa0000;
}

.products .product .alert_active i, .products .product .alert_active:hover i {
    background-position: 0 -848px;
}

.wholesale_button {
    display: inline-block;
    padding: 5px 15px;
    background:#333;
    color:#fff;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 5px;
}

@media all and (max-width:700px) {
    .main_slides .container {
        display: block;
    }
    .main_slides .big_slide {
        flex: none;
        width:100%;
        display: block;
    }
    
    .main_slides .side_slides {
        flex: none;
        padding:0;
        margin-top: 10px;
        flex-wrap:no-wrap;
        -webkit-box-orient: none;
        -moz-box-orient: none;
    }
    .main_slides .side_slides a {
        flex: 0 1 calc(50% - 5px);
        display: block;
        position: relative;
        margin-left: 5px;
    }
    .main_slides .side_slides a:last-child {margin-left:0;margin-right:5px;}
    
    .main_slides .side_slides a img {
        position: relative;
        bottom: auto;
        left: auto;
        display: block;
    }
}