/* GLOBAL STYLES start
-------------------------------------------------- */

.relate_clear{clear:both;}

@red:#c05b42;
@green:#89a3c8;
@yellow:#FAB216;
@black:#000;
@white:#FFF;
@gray:#666;
@light_gray:#7e7e7e;

@main_color:#89a3c8;
@second_color:#3f3b3a;
@third_color:#434343;

@menu_dropdown_bg:#1ABC9C;/*nav+menudrop background*/
@special_text_color:@main_color;
@products_img_border_color:#d5d9dd;
@products_subtitle_color:@main_color;
@products_subtitle_color_hover:@gray;
@bounce_range_high:translateY(-10px);
@bounce_range_low:translateY(-5px);
@bounce_range_high_x:translateX(10px);
@bounce_range_low_x:translateX(5px);

/*@font-face {
  font-family: 'Armata';
  font-style: normal;
  font-weight: 400;
  src: local('Armata'), local('Armata-Regular'), url(/css/google_fonts/DZkzoxG_919ddkf0Ia7hgQ.woff2) format('woff2'), url(/css/google_fonts/FG9R9aX-RIX_AvJI8USOWg.woff) format('woff');
}*/


/*-------------------Font-Face ~~~~ LATO ~~~~  ------------------------------------------------*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/fonts/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/fonts/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/fonts/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/fonts/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(/fonts/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(/fonts/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(/fonts/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(/fonts/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/fonts/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(/fonts/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(/fonts/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(/fonts/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}







/*-------------------------------------------------------------------*/







.box_shadow(@width:10px){-webkit-box-shadow: 0 0 @width 0 rgba(0,0,0,0.5);box-shadow: 0 0 @width 0 rgba(0,0,0,0.5);}

.special_text{color:@main_color;font-weight:bold;}
.shopping_cart_product_detail_border{border-top:1px solid @products_img_border_color; margin-top:10px;}
.shopping_cart_product_detail_border_bottom{border-bottom:1px solid @products_img_border_color;}
.shopping_cart_product_detail_padding{padding:10px 5px;}
.existing_order_detail_border{border:2px solid #DDDDDD;}
.existing_order_detail_bottom_border{border-bottom:2px solid #DDDDDD;}


/* GLOBAL STYLES end
-------------------------------------------------- */


.red{color:@red}
.green_only{color:@green;}
.green{color:@green;margin-top:10px;}
.black{color:@black}
.yellow{color:@yellow}
.white{color:@white;}
.main_color{color:main_color;}
.second_color{color:@second_color;}
.padding_zero{padding:0;}
.padding_five{padding:5px;}
.padding_three{padding:3px;}
.padding_two{padding:2px;}
.padding_one{padding:1px;}
.padding_left_ten{padding-left:10px;}
.padding_right_ten{padding-right:10px;}
.margin_ten_px{paddding:10px;}
.padding_cash{padding:5px 10px;}
.margin_top_twenty{margin-top:20px;}
.margin_bottom_fifteen{margin-bottom:15px;}
.margin_bottom_15{margin-bottom:15px;}
.margin_bottom_ten{margin-bottom:10px;}
.margin_ten{margin:10px;}
.border_radius_zero{border-radius:0;}
.border_radius_5{-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.padding_five_zero{padding-top:0.3125rem;padding-bottom:0.625rem;}
.border_4_main_color{border-top:4px solid @main_color;}

.hover_black:hover{color:@black;}

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


html,
body {
   color: @gray;
   height: 100%;
   line-height:1.5;
   font-family:"Lato", YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif;
   font-size:14px;
   background:@white;
}

a{color:@main_color;}
a:hover{color:@gray;}

.container{padding:0;margin-top:0px; }
.container_1920{padding:0;margin:0 auto;max-width:1920px;}
.container_1720{padding:0;margin:0 auto;max-width:1720px;}
.container_1440{padding:0;margin:0 auto;max-width:1440px;}
.container_1280{padding:0;margin:0 auto;max-width:1280px;}
.container_960{padding:0;margin:0 auto;max-width:960px;}

.top_line_bg{background:url(/img/bg_top.jpg) top left repeat-x; height:29px;}

h1{font-family:'Lato', YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:32px; color:@gray; font-weight:normal; text-transform:uppercase; }
h2{font-family:'Lato', YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:28px; color:@gray; font-weight:normal; text-transform:uppercase; }
h3{font-family:'Lato', YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:24px; color:@gray; font-weight:normal; text-transform:uppercase; }
h4{font-family:'Lato', YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:20px; color:@gray; font-weight:normal; text-transform:uppercase; }
h5{font-family:'Lato', YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:16px; color:@gray; font-weight:normal; text-transform:uppercase; }
h6{font-family:'Lato', YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:12px; color:@gray; font-weight:normal; text-transform:uppercase; }
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {margin-bottom: 60px;/* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ margin-top: 0px;}
/* Since positioning the image, we need to help out the caption */


/* Declare heights because of positioning of img element */
.carousel .item {height: 500px;background-color: #777;}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {padding-left: 15px;padding-right: 15px;}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {text-align: center;margin-bottom: 20px;}
.marketing h2 {font-weight: normal;}
.marketing .col-lg-4 p {margin-left: 10px;margin-right: 10px;}
/* Featurettes
------------------------- */

.featurette-divider {margin: 80px 0; /* Space out the Bootstrap <hr> more */}

/* Thin out the marketing headings */
.featurette-heading {font-weight: 300;line-height: 1;letter-spacing: -1px;}

/* Footer CSS
-------------------------------------------------- */
#wrap {min-height: 100%;height: auto !important;height: 100%;/* Negative indent footer by its height */margin: 0 auto -160px auto;/* Pad bottom by footer height */ padding: 0 0 60px;}

#wrap > .container {padding: 20px 15px 100px 15px;}

#footer {height: 160px;}

#footer > .container {padding-left: 0 15px;}

.img-responsive{height:auto;max-width:100%}

#scrollUp {bottom: 20px;right: 20px;height: 38px;  /* Height of image */width: 38px; /* Width of image */background: url("/img/top.png") no-repeat;}

/*-------------------------------------------------- */
.pagination .active a{background:@main_color; border:@main_color 1px solid}
.pagination .active a:hover{background:@second_color; border:@second_color 1px solid}
/*-------------------------------------------------- */

.gallery_td{padding:0 5px 20px 5px;}

.gallery_files_td{padding:0 0 3px 10px}

.gallery_files_td ul li{background:url(/img/download.png) left center no-repeat;padding:3px 0 3px 30px;list-style:none;width:90%}

.gallery_files_td ul li a {text-decoration:none}

.gallery_files_td ul li a:hover{color:#333;text-decoration:underline}

.faq_td{padding:0 0 3px 10px}

.faq_td ul li{padding:3px 0 3px 5px;width:90%}

.faq_td ul li a {text-decoration:none; }

.faq_td ul li a:hover{text-decoration:none}

.faq_answer{color:#666}

.black_link a{color:@gray}
.black_link a:hover{color:#E53800}

.roundCorner_5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


.fileUpload {position: relative;overflow: hidden;}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.upload_pic_border{border:2px solid #BDC3C7;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px}

/*-------------------------------------------------- */
.clear{clear:both;}
.test{outline:1px red solid;}

.top_box_mobile{display:none;}

.current_cart{margin-top:105px;}

.current_id_and_search{}
.id_update{float:left;}
.current_id_and_search{float:right;}
.searching_box{margin-left:10px;float:right;}

/*search bar color*/
.input-group-btn .btn {background-color: @main_color; border: 2px solid @main_color;color: #fff;}

.input-group-btn .btn:hover {background-color: @second_color;border-right: 2px solid @second_color;border-top: 2px solid @second_color;border-bottom: 2px solid @second_color;}

/*search bar color*/

.form-group.focus .form-control, .form-control:focus, .form-group.focus .select2-search input[type="text"], .select2-search input[type="text"]:focus{border-color:@second_color;}

.form-control, .select2-search input[type="text"]{border:2px solid @main_color;}

/*conn password border focus*/

.span_rrp_price{ color:#888; font-size:10px;  -moz-text-size-adjust: none;}

.menu_track{margin:20px 0 20px 15px;color:@gray;}
.menu_track > a {color:@gray;}
.menu_track > a:hover{color:@main_color;}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{text-shadow:none;}

.special_gray_button .btn{-webkit-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}

.button_width_full{width:98%; margin-top:40px;}
.button_width_half{width:50%; margin-top:40px;}

.form_margin_top{margin-top:10px;}

.form_margin_bottom{margin-bottom:15px;}

.form_margin_bottome_ten{margin-bottom:10px;}

.form_padding_top_bottom{padding:5px 0;}

.form_padding_top_bottom_ten{padding:10px;}

.form_padding_left{padding-left:3px;}

.select2-drop .select2-results > li:first-child > .select2-result-label{background:@main_color !important; border-top:2px solid @main_color;border-left:2px solid @main_color;border-right:2px solid @main_color;}

.select2-drop .select2-results > li:first-child > .select2-result-label:hover{color:#fff;}

.select2-drop .select2-results > li:last-child > .select2-result-label{background:@main_color; border-bottom:2px solid @main_color;border-left:2px solid @main_color;border-right:2px solid @main_color;}

.select2-drop .select2-results > li:last-child > .select2-result-label:hover{color:#fff;}

.select2-drop .select2-highlighted > .select2-result-label{background-color:@main_color !important;border-left:2px solid @main_color;border-right:2px solid @main_color !important;}

.select2-results .select2-result-label{background-color:@main_color !important;border-left:2px solid @main_color;border-right:2px solid @main_color !important;}

.select2-results .select2-result-label:hover{color:#fff !important;}

.text_align_left{text-align:left;}

.form-group{padding:0;}

.form_checkbox_margin{margin-top:40px;}

.form_padding_left{padding-left:35px;}

.select2-drop {margin-top:3px; font-size:12px;}

.register_info_box{width:50%;margin:0 auto;}

.forget_password_button_fail_margin{margin-top:17px;}

.forget_password_button_success_margin{margin-top:25px;}

.shopping_cart_price_count_div{margin:30px 15px 0 15px; padding:10px 20px;background:#d3d9dc;}

.shopping_cart_bottom_form_div{width:60%; margin:0 auto;}

.buyer_show_title_box{line-height:150%;padding:52px 25px;background:#F9BFBE;}

.buyer_show_a{float:left; color:#fff;margin-left:20px;font-size:35px;}

.buyer_show_a>a{color:#fff;}

.buyer_show_a>a:hover{color:@main_color;}

.footer_copyright_mobile{display:none;}

.products_box_padding_twenty{margin:10px;background:#FFF;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);padding:20px;}

.products_box_padding_twenty_only{padding:20px;}

.products_box_shadow_only{-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}

.products_img_thumb_box{margin:3px;background:#FFF;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);box-shadow: 0 0 5px 0 rgba(0,0,0,.2);padding:3px;}

.product_homepage_title{font-size:54px;color:@main_color;padding-top:50px; padding-bottom:30px; border-bottom:3px solid @main_color; text-align:center; line-height:1.5;}

.progress_div{margin:15px;}
.progress{height:18px;-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}

.products_img_border{border:@products_img_border_color solid 1px;}

.prescription_only_div{margin-top:5px;color:#BA2027; font-size:12px}

.product_hover_info{ position: absolute; bottom:0; width:90%; margin-left:auto; margin-right:auto;}

.products_subtitle a{color:@products_subtitle_color}
.products_subtitle a:hover{color:@products_subtitle_color_hover}

.one_product_more_photo a{color:@gray;}
.one_product_more_photo a:hover{color:@main_color;}

.second_line{padding-left:10px;}
.one_product_content{margin-left:30px;}
.one_product_delivery_info{color:@main_color; margin-bottom:20px; margin-top:20px; font-size:14px}
.one_product_price{padding:10px 0; line-height:1.1; font-size:25px;}

.product_introduction{color:#666; line-height:2.2}

.product_introduction h3{color:#2E8034;}

.promotion_count_down{border: 2px solid @main_color;border-radius: 6px;padding:6px;margin-top:10px;}

.dropdown_add_cart{background:#F00; width:100px !important;}

#div_add_product_choose_button .input-group .form-control {width: 75px !important;}

#div_add_product_choose_button .select{width: auto;min-width: 75px;border-bottom:none;border-top:none; border: #BDC3C7 solid 2px;}

.select2-drop {min-width: 75px;width:75px;}

.alert-title{background:#FAB117; color:#FFF}

.badge {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;color:@black;line-height: 1;vertical-align: baseline;white-space: nowrap;text-align: center;background:none;border-radius: 10px;}

.update_confirm_margin{margin-left:10px;}

.payment_title_font{font-size:18px;}

.special_a{color:@gray;}
.special_a>a:hover{color:#1ABC9C;}

.products_height{height:60px;}

.wallet_font{color:#666;}

.tixian_button>a{color:#fff;}
.tixian_button>a:hover{color:@gray;}

.reciver_box_a>a{color:000;}
.reciver_box_a>a:hover{color:@gray;}

.form_needed{width:65%; margin:0 auto;}
.form_needed_a>a{color:@gray;}
.form_needed_a>a:hover{color:@second_color;}

.homeTable_title{font-size:18px;margin-top:0;}
.homeTable_title>a{color:@second_color;font-weight:bold;}
.homeTable_title>a:hover{color:@black;}

.faq_td{padding:0 0 3px 10px;;}
.faq_td ul li{padding:3px 0 3px 5px;width:90%;list-style-type: decimal;color:#2e8034;}
.faq_td ul li a {color:#2e8034;text-decoration:none;}
.faq_td ul li a:hover{color:#999;text-decoration:none;}

feedback_button>a{color: @gray;}
feedback_button>a:hover{color: @second_color;}
feedback_button_ok>a{color: @gray;}
feedback_button_ok>a:hover{color: @second_color;}

/*------------------------------------------------------*/
.pagination a{background:@main_color !important; border:@main_color 1px solid !important; color:@white !important;}
.pagination a:hover{background:@second_color !important; border:@second_color 1px solid !important; color:@white !important;}
.pagination .active a{background:@second_color !important; border:@second_color 1px solid !important; color:@white !important;}
.pagination .active a:hover{background:@second_color !important; border:@second_color 1px solid !important; color:@white !important;}
.pagination .disabled a{background:@light_gray !important; border:@light_gray 1px solid !important; color:@white !important;}
/*------------------------------------------------------*/

.enlarge {width: 100%; height: 100%;overflow: hidden;position: relative;text-align: center;cursor: default;}
.enlarge .mask, .enlarge .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}
.enlarge img {display: block; position: relative;}
.enlarge a.info {background:url(/img/enlarge.png) center no-repeat;display: inline-block;text-decoration: none;padding:0;text-indent:-9999px;width:20px;height:20px;}
.enlarge-effect .mask {opacity: 0;overflow:visible;border:100px solid rgba(0,0,0,0.7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.enlarge-effect a.info { position:relative;top:-10px;opacity: 0;-webkit-transition: opacity 0.5s 0s ease-in-out;-moz-transition: opacity 0.5s 0s ease-in-out;-o-transition: opacity 0.5s 0s ease-in-out;-ms-transition: opacity 0.5s 0s ease-in-out;transition: opacity 0.5s 0s ease-in-out;}
.enlarge-effect:hover .mask {opacity: 1; border:100px solid rgba(0,0,0,0.7);}
.enlarge-effect:hover a.info {opacity:1;-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition-delay: 0.3s;}

.product_thumb_subtitle_slide{height:60px;}
.product_thumb_subtitle_slide>a{color:@main_color;font-size:16px;}
.product_thumb_subtitle_slide>a:hover{color:#666;}
.product_thumb_price_slide{margin:15px 0; font-size:20px;}
/*------------------------------------------------------*/

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: @bounce_range_high;
    transform: @bounce_range_high;
  }
  60% {
    -moz-transform: @bounce_range_low;
    transform: @bounce_range_low;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: @bounce_range_high;
    transform: @bounce_range_high;
  }
  60% {
    -webkit-transform: @bounce_range_low;
    transform: @bounce_range_low;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: @bounce_range_high;
    -ms-transform: @bounce_range_high;
    -webkit-transform: @bounce_range_high;
    transform: @bounce_range_high;
  }
  60% {
    -moz-transform: @bounce_range_low;
    -ms-transform: @bounce_range_low;
    -webkit-transform: @bounce_range_low;
    transform: @bounce_range_low;
  }
}

@-moz-keyframes bounce_x {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: @bounce_range_high_x;
    transform: @bounce_range_high_x;
  }
  60% {
    -moz-transform: @bounce_range_low_x;
    transform: @bounce_range_low_x;
  }
}
@-webkit-keyframes bounce_x {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: @bounce_range_high_x;
    transform: @bounce_range_high_x;
  }
  60% {
    -webkit-transform: @bounce_range_low_x;
    transform: @bounce_range_low_x;
  }
}
@keyframes bounce_x {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: @bounce_range_high_x;
    -ms-transform: @bounce_range_high_x;
    -webkit-transform: @bounce_range_high_x;
    transform: @bounce_range_high_x;
  }
  60% {
    -moz-transform: @bounce_range_low_x;
    -ms-transform: @bounce_range_low_x;
    -webkit-transform: @bounce_range_low_x;
    transform: @bounce_range_low_x;
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.bounce_x {
  -moz-animation: bounce_x 2s infinite;
  -webkit-animation: bounce_x 2s infinite;
  animation: bounce_x 2s infinite;
}

.top_right_search_box{width:250px}

#div_mobile_check{display:block;}

.sold_out{z-index:88;height:150px;position:relative;margin-bottom:-150px;}

.img_border_content{border:2px solid #efefef; -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}

.img_border_content_on{border:#ee2a31 solid 2px; -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}

.colur_image_choose{list-style:none;margin:0; padding:0}

.colur_image_choose li{float:left; margin-right:10px}

.size_choose{list-style:none;margin:0; padding:0}

.size_choose li{float:left; margin-right:10px}

.size_choose a{display:block; padding:5px;}

.btn_category_button > .dropdown-menu, .select2-drop { background:@main_color; color:@white;}
.btn_category_button >.dropdown-menu > li > a{ color:@white;}
.btn_category_button >.dropdown-menu > li > a:hover{ background:@second_color; color:@white;}

/*------------------------------------------------------*/

/*address finder------------------------------------------------------*/

ul.af_list {
  list-style: none;
  padding: 5px;
  margin: 5px;
  border: solid 2px #f5f5f5;
  background:#f5f5f5;
  z-index:999999;
 
  
}
li.af_item {
  cursor: pointer;
}
li.af_hover {
  background-color: #f5f5f5;
  color: #3f3b3a;
}
li.af_footer {
  font-size: 12px;
  color: #999;
  text-align: right;
}

li.af_footer a {
  font-size: 12px;
  color: #999;
  text-align: right;
}

/*------------------------------------------------------*/

.mobile_top_icons_div{display:none;}
.menu_title{font-size:50px; color:@main_color; font-weight:bold;padding:80px 0;}

.grid {background: none;}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 16.66%;
  height: auto;
  background: none;
  border: 0px solid #b6b5b4;
  border-color: hsla(0, 0%, 0%, 0.7);
  margin-bottom:20px;
  margin-left:0px;
  margin-right:0px;
}

.grid-item-inner{padding:0 10px;}

.is-checked{background:#F8B53B;}
/*-----------------------ghost-button------------------------*/

.ghost-button {
  display: inline-block;
  border-radius: 5px;
  color: @main_color;
  border: 1px solid @main_color;
  text-align: center;
  outline: none;
  text-decoration: none;
}

.ghost-button:hover,
.ghost-button:active {
  color: @black;
  border: 1px solid @black;
}
/*-----------------------ghost-button------------------------*/
.ghost-button-rounded-corners {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button-rounded-corners:hover,
.ghost-button-rounded-corners:active {
  background-color: #fff;
  color: #000;
}
/*-----------------------ghost-button------------------------*/
.ghost-button-transition {
  display: inline-block;
  width: 100%;
  padding: 0;
  color: @black;
  border: 1px solid @black;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out,
			  border 0.2s ease-out;
  
}
.ghost-button-transition:hover,
.ghost-button-transition:active {
  background-color: @white;
  color: @main_color;
  border : 1px solid @main_color;
  transition: background-color 0.2s ease-in,
              color 0.2s ease-in,
			  border 0.2s ease-in;
}
/*-----------------------ghost-button------------------------*/
.ghost-button-thick-border {
  display: inline-block;
  width: 200px;
  font-weight: bold;
  padding: 8px;
  color: #fff;
  border: 3px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button-thick-border:hover,
.ghost-button-thick-border:active {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}
/*-----------------------ghost-button------------------------*/

.ghost-button-semi-transparent {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              border-color 0.2s ease-out;
}
.ghost-button-semi-transparent:hover,
.ghost-button-semi-transparent:active {
  background-color: #fff; /* fallback */
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #fff; /* fallback */
  border-color: rgba(255, 255, 255, 0.4);
  transition: background-color 0.3s ease-in,
              border-color 0.3s ease-in;
}
/*-----------------------ghost-button------------------------*/
.ghost-button-border-color {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: border-color 0.3s ease-out,
              color 0.3s ease-out;
}
.ghost-button-border-color:hover,
.ghost-button-border-color:active {
  color: #66d8ed;
  border-color: #66d8ed;
  transition: border-color 0.4s ease-in,
              color 0.4s ease-in;
}
/*-----------------------ghost-button------------------------*/
.ghost-button-full-color {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out,
              background-color 0.3s ease-out,
              border-color 0.3s ease-out;
}
.ghost-button-full-color:hover,
.ghost-button-full-color:active {
  background-color: #E2C357;
  border-color: #fff;
  color: #fff;
  transition: color 0.3s ease-in,
              background-color 0.3s ease-in,
              border-color 0.3s ease-in;
}
/*-----------------------ghost-button------------------------*/
.ghost-button-size-transition {
  display: inline-block;
  width: 200px;
  height: 25px;
  line-height: 25px;
  margin: 0 auto;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
 
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: width 0.3s ease-out,
              height 0.3s ease-out,
              line-height 0.3s ease-out;
}
.ghost-button-size-transition:hover,
.ghost-button-size-transition:active {
  width: 220px;
  height: 45px;
  line-height: 45px;
  transition: width 0.1s ease-in,
              height 0.1s ease-in,
              line-height 0.1s ease-in;
}
/*-----------------------ghost-button------------------------*/

.btn-success {
  color: @gray;
  background:none;
  border:2px solid @main_color;
  margin-bottom:15px;
  margin-right:15px;
  margin-left:15px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: @gray;
  background:@white;
  border-color: @gray;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
  
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background:@white;
  border-color: @main_color;
}

.select-primary .select2-choice{background:@main_color;}
.select-primary .select2-choice:hover,
.select-primary .select2-choice.hover,
.select-primary .select2-choice:focus,
.select-primary .select2-choice:active {
  color: #fff;
  background-color: @black;
  border-color: @black;
  }
.select2-choice{font-size:16px;}
.input-group-addon{font-size:16px;}

.bg_video{
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}

.account_manager_div{width:80%;}

.v_center {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.product_content_line{font-size:12px; line-height:1.5; padding-bottom:10px; border-bottom:1px dashed @products_img_border_color; margin-bottom:10px;}
.product_content_line .form-group{margin-bottom:0}
.product_content_line .alert{margin-bottom:0}
.product_content_line .label{padding:6px;}

.product_content_line_red{font-size:12px; line-height:1.5; padding-bottom:10px; border-bottom:1px dashed @red; margin-bottom:10px;}

.price_now{font-size:20px; background:#D9534F; color:@white; padding:5px 0;}
.price_old{font-size:20px; background:#777; color:@white; padding:5px 0;}
.price_pass_only{ text-decoration:line-through;}



.arrow_open{background:url(/img/arrow_open.png) center right no-repeat;}

.arrow_close{background:url(/img/arrow_close.png) center right no-repeat;}

.top_shopping_cart_div{ float:right; }

.top_login_div{ float:right;padding-right:20px;}

.btn{font-size:14px;}

.buy_now_button_div{padding:0 15px; margin-bottom:20px;}

.h_center{margin-left: auto;margin-right: auto;}

.select-default .select2-choice{background:@white; color:@main_color; border:1px solid @main_color}
.select-default .select2-choice .select2-arrow{border-top-color:@main_color;}

.inner_product_full_div_category_name{color:@gray; font-size:18px;padding-bottom:10px; text-transform:uppercase;}
.inner_product_full_div_category_introduction{color:@gray;padding-bottom:10px;}

/*-------------------------------------------------------------new netpharmacy css--------------------------------------------------------------------*/
.cd-accordion-menu {
  width: 100%;
  max-width: 600px;
  background: #fff;
  margin: 0em auto;
  box-shadow: none;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: none;
  color: #2E8034;
  font-size: 14px;
  font-weight:bold;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: none;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background: url(/img/plus.svg) right no-repeat;
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  right: 0;
  
  -webkit-transform: translateY(-50%) ;
  -moz-transform: translateY(-50%) ;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

}
.cd-accordion-menu label::after {
  /* folder icons */
  right: 0;
  background:none;
  
}
.cd-accordion-menu a::after {
  /* image icon */
  right: 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  background: url(/img/minus.svg) right no-repeat;
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -2rem 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #fff;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #fff;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  right: 0;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  right: 0;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  right: 0;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  right: 0;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  right: 0;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  right: 0;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 10px;
    font-size: 14px;
  }
  .cd-accordion-menu label::before {
    right: 0;
  }
  .cd-accordion-menu label::after {
    right: 0;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 26px;
  }
  .cd-accordion-menu ul label::before {
    right: 0;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    right: 0;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    right: 0;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    right: 0;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    right: 0;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    right: 0;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
/*-------------toggle_css end-----------*/

/*-------------shoufengqin start-----------*/
ul.accordion{
    list-style:none;   
    font-size: 1rem;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:18%;
    height:30rem;
    display:block;
	background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

ul.accordion li.bleft{
    border-left:0px solid #fff;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
	

}
ul.accordion li .description{
    position:absolute;
    width:100%;
    height:200px;
    bottom:0px;
    left:0px;
    display:none;
	background:transparent url(/img/bgDescription.png) repeat-x top left;
}

ul.accordion li #description_default{
    display:block;
}

ul.accordion li #heading_default{
    display:none;
}

ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:1.5rem;
    color:#434343;
    text-align:left;
    margin:0px 0px 15px 20px;
    text-shadow:-1px -1px 1px #ccc;
}

ul.accordion li .description p{
    line-height:14px;
    margin:10px 22px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}

ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}

ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
   /* background:transparent url(/_public/img/bgDescription.png) repeat-x top left;*/
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}
/*-------------shoufengqin end-----------*/



/*-----------------------------------trung tile----------------------------------------------------------------------------------------------*/

 .tile-grid{
      display: flex;
      flex-wrap:wrap;
      justify-content:space-between;
      width:100%;
      margin:auto;
    }
   
	.tile-grid>div>a{
      width: 100%;
      display: block;
    }
    .tile-grid>div>img{
      width: 100%;
      display: block;
    }

    .tile-grid>div{
      position: relative;
    }

    .tile-grid .cell>div{
      position: absolute;
      top:0;
      left:0;
      background:none;
      width: 100%;
      height: 100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
	
	.tile-grid .cell>div>a{
      position: absolute;
      top:0;
      left:0;
      background:#252525;
	  opacity:0.2;
      width: 100%;
      height: 100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
	
	.tile-grid .cell>div>a:hover{
	  opacity:0;
    }


    body:after {
        content: 'xl';
        display: none;
    }
	
	.d-container:first-child {
    margin-top: 0
}

.d-container {
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
    margin: 2em auto;
    padding: 2em 5%;
    width: 100%
}

.d-container:after {
    clear: both;
    content: "";
    display: table
}

.d-container>h1 {
    color: #333;
    font-size: 2em;
    line-height: 1.2;
    margin: 0 0 .5em;
    text-align: center
}
.d-flex-vertical {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 15em
}

.d-flex-vertical-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    color: #333;
    padding: 2.5em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    border: 1px solid #ddd
}



	/*-----------------------for top tile-----------------------*/
 .tile-grid-top{
      display: flex;
      flex-wrap:wrap;
      justify-content:space-between;
      width:100%;
      margin:auto;
    }
   
	.tile-grid-top>div>a{
      width: 100%;
      display: block;
    }
    .tile-grid-top>div>img{
      width: 100%;
      display: block;
    }

    .tile-grid-top>div{
      position: relative;
    }

    .tile-grid-top .cell>div{
      position: absolute;
      top:0;
      left:0;
      background:none;
      width: 100%;
      height: 100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
	
	.tile-grid-top .cell>div>a{
      position: absolute;
      top:0;
      left:0;
      background:#252525;
	  opacity:0.2;
      width: 100%;
      height: 100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
	
	.tile-grid-top .cell>div>a:hover{
	  opacity:0;
    }
	/*-----------------------for top tile-----------------------*/

/*-----------------------------------trung tile----------------------------------------------------------------------------------------------*/




/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/
.inner_register_box{background:@third_color; color:@white; z-index:2000; padding:5px 15px; font-size:10px; line-height:3;}
.inner_register_box .autocomplete_result a{ color:@main_color; font-size:10px;}
.inner_register_box .autocomplete_result a:hover{ color:@second_color;}
.inner_register_box a{color:@white; font-size:10px}
.inner_register_box a:hover{color:@main_color}
.shopping_cart_product_refund{border:#ff0000 1px dashed;padding-right: 5px;margin-top: 5px;}

/*.top_box_desktop{background:@white; position: fixed; top:0; z-index:200; width:100%; max-width:1920px; border-bottom:5px solid #040000;}*/
.top_box_desktop{background:@third_color; position: fixed; top:0; z-index:200; width:100%;}
.top_social_media_group{ float:right; max-width:200px; padding-top:9px}
.top_social_media_group_single{ float:left; padding-right:13px}
.top_social_media_group_single a:hover{ opacity:0.8}
.top_delivery_info{float:left;}
.top_delivery_info a{color:#999999;}
.top_delivery_info a:hover{color:@main_color;}

.dropdown-menu, .select2-drop{left:auto;}
.dropdown_menu_inner{margin-top:10px;}
.inner_register_box .top_login_div{padding-right:10px;}

.div_account_div{ float:right;}
.div_burger_menu_div{ float:right;}
.div_outer_language_div{ float:right; margin-right:15px}
.language_a{  float:left; font-weight:bold;}
.lang_on a{color:@second_color;}
.lang_on a:hover{color:@white;}
.lang_off a{color:@white;}
.lang_off a:hover{color:@second_color;}

.div_inner_language_div{ margin-left:15px;}
.div_inner_language_div .language_a{}
.div_inner_language_div>:first-child{}
.div_inner_language_div .lang_on a{color:@main_color;}
.div_inner_language_div .lang_on a:hover{color:@white;}
.div_inner_language_div .lang_off a{color:@white;}
.div_inner_language_div .lang_off a:hover{color:@main_color;}

.top_all_div{padding:0 20px; padding-top:55px;}
.top_logo_div{padding-top:20px;}

.navbar{margin-top:0px;margin-bottom:0px; border-radius: 0px;min-height:0; text-transform:uppercase; float:left; font-style:normal; }
.navbar-inverse{background:none; border:none; padding:0;}
.navbar-inverse .navbar-text{color:@light_gray;}
.navbar-inverse .navbar-nav>li>a{color:@light_gray;font-size:12px;line-height:1.5;}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:@main_color;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:@main_color;background:none; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background:none; color:@main_color; }
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:@black;}
.navbar-inverse a{font-size:12px;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a{box-shadow:none;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: @light_gray;}
.toggle_font_span{color:@light_gray;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{text-shadow:none;}
.navbar-inverse .navbar-nav > .open > .dropdown-menu{background:@main_color; border:2px solid @main_color;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{background:@main_color; color:@white;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{background:@main_color;color:@third_color; }
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a{border-radius:0px;padding-left:6px; padding-bottom:3px;margin:0;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 9px 5px 12px !important;}
.navbar-nav > li > .dropdown-menu{border-radius:0px;margin-top:0;}
.navbar-toggle::before{font-family:none;content:none;}
.navbar-collapse{padding:0;}
.navbar-inverse .navbar-nav > .active > a:focus{color:@light_gray;}

.navbar-nav > li > a{padding-left:10px;padding-right:72px;}
.navbar-nav > li:first-child > a{padding-left:0px;}
.navbar-nav > li:last-child > a{padding-right:0px;}

.flickity-page-dots {bottom: 25px;}
.muti-image-cell-inner{padding:0 15px;}

.homepage_adv_top_div{margin-top:60px; padding:0 10px;}
.homepage_adv_bottom_div{padding:80px 10px;}

.section_homepage_product{padding:0;}
.homepage_intro_title{color: @second_color;font-size: 24px;line-height: 1.5;margin: 0 auto;max-width: 320px;padding-bottom: 10px;text-align: center; text-transform:uppercase; font-size:normal; font-weight:400;}
.homepage_intro_content{color: #999;font-size: 10px;line-height: 1.5;margin: 0 auto 30px;max-width: 360px;padding-bottom: 10px;text-align: center; text-transform:uppercase; font-size:normal; font-weight:400;}


#div_product_grid .products_box{margin-bottom:15px;}
.products_box{border:0px solid @products_img_border_color;}
.products_img_border_bottom{border-bottom:@products_img_border_color solid 0px;}
.div_sale_show_product_homepage .products_img_border_bottom{border:none;}
.products_price{margin-top:5px; font-size:12px;  color:#999;}
.products_name{margin-top:12px; font-size:12px; text-transform:uppercase;}
.products_name a{color:@second_color;}
.products_name a:hover{color:@main_color;}
.price_pass{text-decoration:line-through;}
.product_list_price_now{color:@main_color;}

.section_normal_footer_outter{background:#fff;}
.section_normal_footer{background:url(/img/footer_logo_bg.png) left top no-repeat;}
.section_normal_footer_inner{padding:100px 15px;}

.footer_sitemap_first_level{color:@white; font-size:20px; line-height:1.5; margin-bottom:15px;}
.footer_sitemap_first_level a{color:@white;}
.footer_sitemap_first_level a:hover{color:@main_color;}
.footer_sitemap_second_level{color:@white;font-size:14px; line-height:2}
.footer_sitemap_second_level a{color:@main_color;}
.footer_sitemap_second_level a:hover{color:@white;}

.section_normal_copyright{background:@main_color; padding:10px;}
.section_normal_copyright_payments{max-width:192px; margin:0 auto; padding-top:10px;}
.section_normal_copyright_payments_single{ float:left; padding-right:15px}
.section_normal_copyright_comments{color:@white; font-size:12px}
.section_normal_copyright_comments a{color:@white;}
.section_normal_copyright_comments a:hover{color:@second_color;}

.normal_hidden{display:none;}

.inner_product_selector_tool_div{padding-left:0;}
.inner_product_full_div{padding-right:0;}

.prescription_only_innerpage_div{font-size:14px; color:#434343;}

.contact_us_single_style_img{float:left; width:30px; margin-right:15px;}
.contact_us_single_style_content{float:left;line-height:30px; font-size:12px;}

.search_result_a{padding:0 0 0 2px; line-height:1.2}

.my_favorite_div{width:50%; float:left; padding-right:10px;}
.not_my_favorite_div{width:50%; float:left; padding-left:10px;}

.show_preorder_title{padding-bottom:10px;margin-bottom:10px;border-bottom:1px #d7d7d7 dotted;}
.show_preorder_single_product{padding-bottom:10px; margin-bottom:10px; border-bottom:1px #d7d7d7 dotted;}
.show_preorder_single_product:last-child{border-bottom:none;margin-bottom:0px; padding-bottom:0px;}
.check_box_pre_order{padding-left:0; margin-bottom:0; margin-top:0;}

.show_checkout_title{padding-bottom:10px;margin-bottom:10px;border-bottom:1px #d7d7d7 dotted;}
.show_check_out_single_product{padding-bottom:10px; margin-bottom:10px; border-bottom:1px #d7d7d7 dotted;}
.show_check_out_single_product:last-child{border-bottom:none;margin-bottom:0px; padding-bottom:0px;}


.not_main_page_title{font-size:24px; padding-bottom:20px;}

.show_cart_single_product_promotion_description{color:@main_color;}
.show_cart_single_product_weight{}

.wishlist_delete{position:absolute;top:5px;left:15px; z-index:99;}

.clear_wish_list_desktop{clear:both;}

#accordion .panel-title{font-size:14px;}

.self_clear:after{content: ""; display: table; clear: both;}

.search_date_button{padding:7px 15px;}

.search_group_div .input-group-addon {border-color:@main_color !important;}
.search_group_div .input-group-addon:hover{border-color:@second_color !important;}

.homepage_slide_div_bottom{margin:80px 0;}

.homepage_map_div{padding-top:60px;}

.section_normal_footer_content{margin-top:40px; text-transform:uppercase;}
.section_normal_footer_content_title{font-size:12px; padding-bottom:10px}
.section_normal_footer_content_inner{font-size:10px; max-width:700px; color:#999; text-transform:none;}
.section_normal_footer_content_inner a{font-size:10px; padding:0 10px; color:@second_color; opacity:0.6}
.section_normal_footer_content_inner a:hover{color:@main_color; opacity:1;}

.bottom_social_media_group{max-width:92px; padding-top:25px;}
.bottom_social_media_group_single{ float:left; padding-right:10px;}
.bottom_social_media_group_single a:hover{opacity:0.7}
/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/






















/*------------------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1199px)  {
.current_cart{margin-top:100px;}
.register_info_box{width:80%;margin:0 auto;}

.forget_password_button_fail_margin{margin-top:0;}

.button_width_full{margin-top:36px;}

.forget_password_button_success_margin{margin-top:25px;}

.form_padding_top_bottom{padding:5px 0;}

.form_padding_left{padding-left:10px;}

.navbar-inverse li{line-height:100%;margin-right:0;margin-left:0;}

.navbar-collapse{padding:0;}

.products_height{height:60px;}

.form_needed{width:80%;}

.product_thumb_subtitle_slide>a{font-size:12px;}
.product_thumb_price_slide{font-size:13px;}

.product_homepage_title{font-size:24px;padding:20px;}
.progress_div{margin:10px;}

.products_price{margin:10px; font-size:12px;}
.products_name{margin:10px; font-size:12px;}
.products_name a{font-size:12px;}

.btn-success {font-size:12px;}

.shopping_cart_product_detail_padding .second_line{display:block; padding-left:0;}

.clear_four{clear:both;}


/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/

/*----------------trung tile-----------------------------------------------------*/
body:after {content: "l";}
/*---------------------------------------------------------------------*/

.navbar-nav > li > a{padding-left:10;padding-right:46px;}
.navbar-nav > li:first-child > a{padding-left:0px;}
.navbar-nav > li:last-child > a{padding-right:0px;}
h1{font-size:24px;}
h2{font-size:20px;}

.muti-image-cell-inner{padding:0 10px;}
.wishlist_delete{left:15px}
.clear_wish_list_sm_desktop{clear:both;}
/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/

}






@media (min-width: 768px) and (max-width: 991px){
.current_cart{margin-top:60px;}

.register_info_box{width:80%;margin:0 auto;}

.form_checkbox_margin{margin-top:5px;}

.forget_password_button_fail_margin{margin-top:0;}

.forget_password_button_success_margin{margin-top:25px;}

.form_padding_top_bottom{padding:5px 0;}

.form_padding_left{padding-left:10px;}

.navbar-inverse li{line-height:100%;margin-right:0;margin-left:0;}
.navbar-nav > li > a{padding-right:0px; padding-left:0px; font-size:12px;}
.navbar-nav > li:last-child{}
.navbar-inverse .navbar-nav > li > a{font-size:12px;}
.navbar-collapse{padding:0;}

.products_height{height:110px;}
.form_needed{width:90%;}
.product_thumb_subtitle_slide{height:80px;}
.product_thumb_subtitle_slide>a{font-size:12px;}
.product_thumb_price_slide{font-size:13px;}

.second_line{display:block; padding-left:0;}

.nav_full_box{ margin-top:70px;}

.products_price{margin:10px; font-size:12px;}
.products_name{margin:10px; font-size:12px;}
.products_name a{font-size:12px;}

.btn-success {font-size:12px;}

.clear_three{clear:both;}
.relate_clear_four{ clear:both;}
.relate_clear{ clear:none;}

.top_box_mobile{display:block;}
.top_box_desktop{display:none;}
.top_account_box{display:none;}
.top_right_search_box{width:100%;}

.nav_normal_div{display:none;}
.mobile_top_icons_div{display:block; margin-top:50px;}
.grid-item{width:25%;}
.left_toggle_menu_div{display:none;}

.ipad_hidden{display:none;}
.normal_hidden{display:block;}

.homepage_slide_div{margin-top:10px;}
.section_homepage_product{padding:50px 0;}



/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/

/*------------------------trung tile---------------------------------------------*/
body:after {content: "m";}
/*---------------------------------------------------------------------*/
h1{font-size:28px;}
h2{font-size:24px;}

.section_mobile_footer_outter{background:#fff;}
.section_mobile_footer{background:url(/img/footer_logo_bg.png) right top no-repeat;}
.section_mobile_footer_inner{padding:60px 15px;}

.footer_sitemap_first_level{font-size:16px; margin-bottom:15px;}
.footer_sitemap_second_level{font-size:12px;}

.section_mobile_copyright{background:@main_color;padding:10px; color:@white; font-size:10px;}
.section_mobile_copyright a {color:@white;}
.section_mobile_copyright a:hover {color:@second_color;}

.search_result_a{font-size:12px; padding-left:10px;padding-top:5px;}

.muti-image-cell-inner{padding:0 5px;}
.clear_wish_list_mobile{ clear:both;}

.ipad_font_size_10{font-size:10px;}

.section_mobile_payments{padding-top:30px; max-width:250px}

.homepage_map_div{padding-top:10px;}
.homepage_slide_div_bottom{margin:20px 0;}
.homepage_adv_bottom_div{padding:40px 0 20px 0; }
.section_homepage_product{padding:20px 0;}
/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/

}


@media (max-width: 767px) {

.top_box_desktop{display:none;}

.top_account_box{background:none;}
	
.container{width:90%;}
	
.top_box{display:none;}

.top_box_mobile{display:block;}

.current_cart{color:@gray;background:none;width:100%;  font-weight:bold; float:none !important;margin:10px auto;}

.current_id_and_search{float:none; margin:10px auto;}

.id_update{margin-left:20px;}

.navbar-inverse .navbar-toggle{border-color:#fff;}

.register_info_box{width:100%;margin:0 auto;}

.button_width{width:100%;margin-bottom:10px;}

.form_checkbox_margin{margin-top:5px;}

.form_padding_left{padding-left:3px;}

.form_padding_top_bottom{padding:5px;}

.text_align_left{text-align:left;}

.shopping_cart_bottom_form_div{width:100%;}

.footer_newbee{text-align:center;}

.second_line{display:block; padding-left:0;}

.one_product_content{margin:10px;}

.wallet_margin_small{margin-bottom:10px;}

.update_confirm_margin{margin-left:0;}

.button_width_full{width:100%; margin-top:30px;}
.button_width_half{width:100%; margin-top:30px;}

.padding_top_bottom_ten_bg_dark{padding:10px 0;margin:5px 0; background:#b5b4b4;border-radius: 4px;}

.padding_top_bottom_ten_bg_light{padding:10px 0;margin:5px 0; background:#d7d7d7;border-radius: 4px;}

.special_a>a:hover{color:@white;}

.form_needed{width:100%;}

.manage_account_content{display:none;}

.logined_account_link_for_computer_view{display:none;}

.mm-listview > li > a, .mm-listview > li > span{color:@white;}

.mm-listview > li > a:hover{color:@black;}

.mm-menu .mm-header > a{color:@white;}

.mm-menu .mm-header .mm-btn::before{border-color:@white;}
.mm-menu .mm-listview > li > a.mm-prev::before, .mm-menu .mm-listview > li > a.mm-next::after{border-color:@white;}
.top_right_search_box{width:100%};

#div_mobile_check{display:none;}
	
.search_language_container{display:none;}

.product_thumb_subtitle_slide{height:90px;}
.product_thumb_subtitle_slide>a{font-size:12px;}
.product_thumb_price_slide{font-size:13px;}

.products_height{height:80px;}

.buyer_show_a{font-size:25px;}

.payment_padding{padding:0;margin:0;}

.outer-nav a{font-size:14px;}

.mobile_none{display:none;}
.bottom_number{max-width:210px;}
	
.header-unit{display:none;}

.menu_title{font-size:25px;padding:30px 0;}
.grid-item{width:50%;}

.bg_video{display:none;}

.account_manager_div{width:90%;}

.progress_div{margin:10px;}
.products_price{margin:10px; font-size:12px;}
.products_name{margin:10px; font-size:12px;}
.products_name a{ font-size:12px;}

.btn-success {
  margin-bottom:10px;
  margin-right:10px;
  margin-left:10px;
  font-size:12px;
}

.products_box .btn{padding:5px;}

.clear_two{clear:both;}
.relate_clear_two{clear:both;}
.relate_clear_four{ clear:none;}
.relate_clear{ clear:none;}

.mobile_padding_top_5{ padding-top:5px;}

.left_toggle_menu_div{display:none;}
.two_adv_div{display:none;}
.mobile_top_icons_div{display:block;margin-top:50px;}

.mobile_hidden{display:none;}
.normal_hidden{display:block;}

/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/

/*--------------------------------trung tile-------------------------------------*/
body:after {content: "s";}
.d-flex-vertical-center {-webkit-box-flex: 0;-webkit-flex: 0 0 400px;-ms-flex: 0 0 400px;flex: 0 0 400px}
/*---------------------------------------------------------------------*/

h1{font-size:20px;}
h2{font-size:16px;}

.section_homepage_product{padding:30px 0;}

.section_mobile_footer_outter{background:#fff;}
.section_mobile_footer{background:url(/img/footer_logo_bg.png) center top no-repeat;}
.section_mobile_footer_inner{padding:30px 15px;}

.footer_sitemap_first_level{font-size:16px; margin-bottom:15px;}
.footer_sitemap_second_level{font-size:12px;}

.section_mobile_copyright{background:@main_color;padding:10px; color:@white; font-size:10px;}
.section_mobile_copyright a {color:@white;}
.section_mobile_copyright a:hover {color:@second_color;}


.section_mobile_payments{max-width:200px; margin-top:20px}

.inner_product_selector_tool_div{padding:0;}
.inner_product_full_div{padding:0;}

.grid-item-inner{padding:0 5px;}

.contact_us_single_style_img{float:left; width:100%; margin-bottom:10px;}
.contact_us_single_style_content{float:left;line-height:30px; font-size:12px;}

.search_result_a{font-size:12px; padding-left:10px;padding-top:5px;}

.my_favorite_div{width:100%; float:left; padding-right:0px;}
.not_my_favorite_div{width:100%; float:left; padding-left:0px; margin-top:15px;}

.check_box_pre_order{padding-bottom:10px;}

.pre_order_sub_price{color:@main_color;}
.check_out_sub_price{color:@main_color;}

.muti-image-cell-inner{padding:0;}

.wishlist_delete{left:10px}

.clear_wish_list_mobile{clear:both;}
.clear_wish_list_sm_desktop{ clear:none;}

.homepage_map_div{padding-top:10px;}

.homepage_slide_div_bottom{margin:20px 0;}

.homepage_adv_bottom_div{padding:40px 0 20px 0; }
.section_homepage_product{padding:20px 0;}

.shopping_cart_product_refund{font-size:10px}

/*------------------------------------------new styles from timelinefunbuynz.com---------------------------------------------------*/
}