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

.relate_clear{clear:both;}

@red:#c05b42;

@green:#ffb3b5;

@yellow:#FAB216;

@black:#252525;

@white:#FFF;

@gray:#666;

@light_gray:#999;

@main_color:#ffb3b5;

@second_color:#aecee7;

@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');
}

  
.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_ten{margin-bottom:10px;}
.margin_ten{margin:10px;}

.hover_black:hover{color:@black;}

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


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


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

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

h1{font-family:"Armata", YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:32px; color:@gray; font-weight:normal; text-transform:uppercase; line-height:1.5 }
h2{font-family:"Armata", YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:30px; color:@gray; font-weight:normal; text-transform:uppercase; line-height:1.5 }
h3{font-family:"Armata", YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:20px; color:@gray; font-weight:normal; text-transform:uppercase; line-height:1.5 }
h4{font-family:"Armata", YouYuan, "Microsoft YaHei", NSimSun, Hiragino Sans GB ,Arial, Helvetica, sans-serif; font-size:26px; color:@gray; font-weight:normal; text-transform:uppercase; line-height:1.5 }
/* 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;}

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




.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;}

.register_box{color:#fff; float:right; z-index:2000;}
.register_box a{color:#FFF}
.register_box a:hover{color:@white}


.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*/





/*.top_box_desktop{background:@white; position: fixed; top:0; z-index:200; width:100%; max-width:1920px; border-bottom:5px solid #ffb3b5;}*/
.top_box_desktop{background: url(/img/animal_bg_top.jpg) no-repeat bottom center; position: relative; top:0; z-index:200; width:100%;}
.big_slide_show_box{position:relative; top:0;}


.promotion_single_box{ float:left;}


.nav_full_box{ margin-top:70px;}

.navbar{ margin-top:0px;margin-bottom:0px; border-radius: 0px;min-height:0; text-transform:uppercase; float:left;}
.navbar-inverse{background:none; border:none; padding:0;}
.navbar-inverse .navbar-text{color:@white;}
.navbar-inverse .navbar-nav>li>a{color:@white;font-size:12px;line-height:24px;}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:@black;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:@black;background:none; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background:@main_color; }
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:@white;}
.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: @white;}
.toggle_font_span{color:@white;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{text-shadow:none;}
.navbar-inverse .navbar-nav > .open > .dropdown-menu{background:@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{border-radius:0px; padding-bottom:3px;margin:0;text-align:center;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:@black; background:@main_color;}
.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:@white;}
.navbar-nav > li > a{}











.payment_div{width:230px;margin:40px auto;margin-bottom:20px;}

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

.new_account_title_div{margin:0 auto;}

.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;}

.two_brand_box{margin-top:10px;margin-bottom:30px;}

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

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

.forget_password_button_fail_margin{margin-top:17px;}

.forget_password_button_success_margin{margin-top:25px;}

.brand_box{background:@white;padding-top:10px;padding-bottom:10px;}

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

.one_brand_box{margin-top:10px;margin-bottom:10px;}

.brand_logo_border{.box_shadow(10px)}


.healthy_function_box{background:@white;padding-top:10px;padding-bottom:10px;}

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



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

.shopping_cart_bottom_form_div{width:60%;}

.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;}

.brand_show_a{float:left; color:#fff;margin-left:20px; font-size:14px; font-weight:normal;}
.brand_show_a>a{color:#fff;}
.brand_show_a>a:hover{color:@gray;}







.about_us_homepage{ background:url(/img/about_us_bg.png) top left no-repeat; min-height:650px;padding:120px;}
.about_us_homepage_content{}
.about_us_homepage_content h1{padding:0 15px; color:#252525; font-weight:bold;}
.about_us_homepage_content{color:#252525; line-height:2;}





.footer_white{color:#fff;font-size:20px;font-weight:bold;margin-bottom:10px;margin-top:22px;text-align:left;}

.footer_white a{color:#fff;}
.footer_white a:hover{color:#666;}

.footer_black{padding-bottom:3px;text-align:left;}
.footer_black a{color:#666;}
.footer_black a:hover{color:#fff;}

.footer_copyright{padding:15px 35px; background:@main_color; color:@white; font-size:14px; line-height:30px; display:block;}
.footer_copyright a{color:@white;}
.footer_copyright a:hover{color:@black;}
.footer_payment_outer{margin:0 auto; max-width:630px;margin-top:25px;}
.footer_payment{ float:left;}
.footer_copyright_right{}


.footer_copyright_mobile{display:none;}



.products_box{border:2px solid @products_img_border_color; border-radius:3px;}

.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;}
.products_img_border{border:@products_img_border_color solid 1px;}
.products_img_border_bottom{border-bottom:@products_img_border_color solid 2px;}

.products_price{margin:15px 15px 5px 15px; font-size:14px;font-weight:bold; color:@main_color;}
.products_name{margin:15px 15px 5px 15px; font-size:16px;}
.products_name a{color:@gray; font-size:16px;font-weight:bold;}
.products_name a:hover{color:@main_color;}

.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}


.price_pass{text-decoration:line-through; color:@gray}

.progress{ border-radius:5px; height:18px;}

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



.second_line{padding-left:10px;}
.font_size_12{font-size:12px;}
.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}

.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;
}


.brand_div{padding:10px 0;}



h1{font-size:26px; text-transform:none; padding-top:0; margin-top: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:@second_color;}


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

.faq_td ul li a:hover{color:@gray;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: #aecee7;
}
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;}

/*---------------*/
/***** Zoe *****/
/*---------------*/
single_product_img_border{margin:0 auto;border:3px solid #252525;-webkit-border-radius: 5px; border-radius: 5px;}

.grid{max-width:1920px; margin-top:30px;}

.grid figure{
	background:none;
    cursor: pointer;
   /* float: left;*/
    float:none;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.grid figure img{ opacity:1;}

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 0em;
	height: auto;
	background: none;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe div.icon-links a {
	float: left;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover div.icon-links a:hover,
figure.effect-zoe:hover div.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe div.description {
	position: absolute;
	bottom: 0em;
	padding: 1em;
	color: @white;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	background:@main_color;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
	text-align:left;
	width:100%;
}

figure.effect-zoe h2,
figure.effect-zoe div.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe div.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover div.description {
	opacity: 0.9;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover div.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover div.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover div.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover div.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}





.best_seller_description_name{ font-size:16px; line-height:1.5;}
.best_seller_description_price{ font-size:16px;line-height:1.5; color:@white;}
.best_seller_description_button .btn-success{margin-right:0;margin-top:5px;margin-bottom:5px; border-color:@main_color; background:@white; color:@main_color;}
.best_seller_description_button .btn-success:hover{border-color:@white; background:@main_color; color:@white;}





/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: @main_color;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	color:@white;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	color:@white;
	font-size:12px !important;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	text-align:left;
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-65px,0);
	transform: translate3d(0,-65px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}











/*---------------*/
/***** Zoe *****/
/*---------------*/

.four_category_box figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 0em;
	height: auto;
	background: none;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.four_category_box figure.effect-zoe h2 {
	float: left;
}

.four_category_box figure.effect-zoe div.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.four_category_box figure.effect-zoe:hover div.icon-links a:hover,
.four_category_box figure.effect-zoe:hover div.icon-links a:focus {
	color: #252d31;
}

.four_category_box figure.effect-zoe div.description {
	position: absolute;
	bottom: 0em;
	padding: 1.5em;
	color: @white;
	text-transform: none;
	font-size: 1rem;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	background:@main_color;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
	text-align:left;
	width:100%;
	
}

.four_category_box figure.effect-zoe h2,
.four_category_box figure.effect-zoe div.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.four_category_box figure.effect-zoe div.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.four_category_box .icon-eye::before {
	content: '\e000';
}

.four_category_box .icon-paper-clip::before {
	content: '\e001';
}

.four_category_box .icon-heart::before {
	content: '\e024';
}

.four_category_box figure.effect-zoe h2 {
	display: inline-block;
}

.four_category_box figure.effect-zoe:hover div.description {
	opacity: 0.9;
}

.four_category_box figure.effect-zoe:hover figcaption,
.four_category_box figure.effect-zoe:hover h2,
.four_category_box figure.effect-zoe:hover div.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.four_category_box figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.four_category_box figure.effect-zoe:hover div.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.four_category_box figure.effect-zoe:hover div.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.four_category_box figure.effect-zoe:hover div.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}



/*-----------------------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%;}

.top_best_sell_div{background:@white; margin-top:15px;}

.best_seller_div{background:@white;}

.best_seller_div_title{font-size:16px; color:@white; padding:10px 0; text-align:left;  margin:0 auto; text-transform:uppercase;padding-top:10px; padding-bottom:10px; padding-left:15px; line-height:1.5; background:#2E8034; font-weight:bold;}

.best_seller_div_intro{font-size:14px; color:@gray; padding:30px 0; text-align:center; max-width:850px; margin:0 auto;}

.about_us_homepage_content h1{padding:0;}




.best_seller_div_title .flex-viewport{height:100%;}



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

.footer_top{padding:70px 10px;}






.product_content_line{font-size:14px; 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:14px; line-height:1.5; padding-bottom:10px; border-bottom:1px dashed @red; margin-bottom:10px;}

.price_now{font-size:24px; background:#D9534F; color:@white; padding:5px 0;}
.price_old{font-size:24px; 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;
}







/*-------------------------------------------------------------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.bg1{
    background-image:url(/img/shoufengqin.jpg);
}
ul.accordion li.bg2{
    background-image:url(/img/shoufengqin.jpg);
}
ul.accordion li.bg3{
    background-image:url(/img/shoufengqin.jpg);
}
ul.accordion li.bg4{
    background-image:url(/img/shoufengqin.jpg);
}
ul.accordion li.bg5{
     background-image:url(/img/shoufengqin.jpg);
}*/



ul.accordion li.bleft{
    border-left:0px solid #fff;
    /*border-left:2px 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-----------*/





.border_radius_zero{border-radius:0;}

.cp_div{ background:@third_color;font-weight:bold; padding:0 10px; line-height:3; position:fixed; max-width:1920px; width:100%; z-index:999;}

.cp_div_left{ color:@white; font-size:14px;}

.cp_div_left a{ color:@white; text-decoration:none;}

.cp_div_left a:hover{ color:@second_color;}

.cp_div_right{ color:@white; font-size:14px;text-transform:uppercase;}

.cp_div_right a{ color:@second_color; text-decoration:none;}

.cp_div_right a:hover{ color:@white;}

.top_shopping_cart_div{ float:right; }

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

.register_box .dropdown-menu{ width:220px; left:auto;}

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

.top_center_div{padding:0 20px; margin-top:10px;}

.top_phone_number{ margin-top:2.2rem;}

.top_phone_number a{ color:#2E8034; text-decoration:none; font-weight:bold;}

.top_phone_number a:hover{ color:#434343;}

.top_input_div{width:18.75rem; padding-right:0;margin-top:1rem; float:right;}

.border_radius_5{-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

.six_adv_div{background:@second_color;margin-top:10px;}

.six_adv_div div{padding:0.75rem;}

.six_adv_div .clear{padding:0rem; }

.padding_five_zero{padding-top:0.3125rem;padding-bottom:0.625rem;}

.border_4_main_color{border-top:4px solid @main_color;}

.btn{font-size:14px;}

.left_why_choose_us_div{margin-top:10px;}

.left_why_choose_us_img{padding-top:15px; padding-bottom:5px;}

.left_supercard_div{margin-top:10px;}

.left_supercard_img{padding:15px 0;}

.brand_div_box{padding-left:10px; margin-top:35px;}

.top_four_category{padding-right:0;}

.progress{-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}

.div_sale_show_product_homepage .products_box{border:2px solid #aecee7;-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}

.div_sale_show_product_homepage .products_img_border_bottom{border:none;}

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

.about_us_div{ padding:1.75rem; color:#434343; line-height:1.6;}

.about_us_title{ font-size:1.5rem; font-weight:bold; margin-bottom:1rem;}

.about_us_content_div{ margin-top:1.75rem;}

.about_us_content{ padding:0 1rem;}

.footer_normal{background: url(/img/animal_bg.jpg) bottom right no-repeat;}

.footer_content_div_title{font-size:1rem; text-transform:uppercase; margin-bottom:1.75rem;}

.footer_content_div_content{ font-size:0.875rem; line-height:2;}



.footer_normal_copyright_div{ background:@main_color; padding:10px; text-align:center; line-height:1.5; color:@white; font-size:12px;}

.footer_normal_copyright_div a{color:@white; }

.footer_normal_copyright_div a:hover{color:@black; }

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

.top_slide_show_div{padding-left:0;padding-right:0;}

.bottom_slide_show_div{padding-left:0;padding-right:0;}

.top_group_right_mid_div{margin-top:35px;}





/*---------------------------------------------------------------------------------------------------------------------------------*/
.top_logo_div{float:left; padding-top:10px; padding-left:20px;}
.top_contact_div{display:inline-block; float:right; padding-top:52px; padding-right:20px;}

.top_section_left{float:left;}
.top_section_right{float:right;}
.div_sale_show_product_homepage{margin:50px auto;}
/*------------------------------------------------------------------------*/



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

.top_box_normal_logo_div{max-width:250px; float:left;}

.inner_register_box .autocomplete_result a{ color:@main_color; font-size:12px;}
.inner_register_box .autocomplete_result a:hover{ color:@second_color;}
.inner_register_box{background:@second_color; color:@white; z-index:2000; padding-right:20px; font-size:12px; line-height:3;}
.inner_register_box a{color:@white;}
.inner_register_box a:hover{color:@main_color}

.top_logo_div{float:left; padding-top:10px; padding-left:20px;}
.top_contact_div{display:inline-block; float:right; padding-top:52px; padding-right:20px;}

.top_section_left{float:left;}
.top_section_right{float:right;}
.div_sale_show_product_homepage{margin:50px auto;}

.homepage_top_normal_div{background: url(/img/top_image_no_slogen.jpg) top left no-repeat; min-height:100vh; position:relative; z-index:10;

 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.homepage_top_normal_div_bottom{ position: absolute; bottom:0;}
.homepage_top_normal_div_top{position: relative; top:0; padding:0 80px; padding-top:40px;}

.homepage_top_normal_div_cp_nav {margin-top:10px;}

.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;}

.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;}

.div_account_div{ float:right;}

.box_shadow_white{-webkit-box-shadow: 0 0 10px 3px rgba(255,255,255,0.9);box-shadow: 0 0 10px 3px rgba(255,255,255,0.9);}

.section_homepage_adv{padding:70px 0; background:@white;}

.section_footer_contact{padding:50px 10px;}

.section_footer_contact_single_contact_links{padding-top:15px;}

.section_footer_contact_single_media{padding-top:10px;}
.section_footer_contact_single_media_icon{ float:left}
.section_footer_contact_single_media_content{ float:left;line-height:40px; padding-left:15px;}
.section_footer_contact_single_payment{max-width:370px; margin:0 auto;padding-top:4px;}
.section_footer_contact_single_payment_single{ float:left;}

.footer_normal{display:block;}
.footer_mobile{display:none;}

.content_box{margin-bottom:30px;}
/*---------------------------------------------------------------------------------------------------------------------------------*/
.dropdown-menu, .select2-drop{left:auto; right:30;}
/*.dropdown_menu_inner{margin-top:-90px;} open it if cp style is normal*/ 
.inner_register_box .top_login_div{padding-right:0;}

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

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-sm > .select2-search input[type="text"]{font-size:10px;}

.section_homepage_category{padding:70px 0;}

.section_homepage_product_title{background:@main_color; padding:15px; font-size:18px; color:@white; text-transform:uppercase; font-weight:bold; margin-bottom:50px}

.section_homepage_product{background: url(/img/animal_bg.jpg) bottom right no-repeat;padding-bottom:70px;}

.section_footer_contact_single_content{ text-align:center; font-size:16px; line-height:1.6}

.section_footer_contact_social_group{}
.section_footer_contact_social_group_single{ float:right; padding-left:15px; padding-top:20px;}



@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-nav > li > a{ }

.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;
}




.best_seller_div_title{font-size:18px; padding:10px; padding-left:15px; margin-top:20px; line-height:1.5;}
.best_seller_div_intro{font-size:12px; padding:20px;}
.best_seller_description_name{ font-size:12px; line-height:1.5;}
.best_seller_description_price{ font-size:12px;line-height:1.5; color:@white;}
.best_seller_description_button .btn-success{font-size:16px;}
.best_seller_description_button .btn-success:hover{font-size:16px;}


.nav_full_box{ margin-top:70px;}
.logo_image{margin-top:35px;}
.four_category_box figure.effect-zoe div.description {
	padding: 1.5em;
	font-size: 1.5rem;
}



.about_us_homepage{padding:50px;}
.about_us_homepage_content{ margin-bottom:50px;}

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


.clear_four{clear:both;}

.footer_normal_top{padding:2rem}
.footer_content_div_title{margin-top:1.75rem;}
.footer_normal_copyright_div_top{width:90%;}
.footer_normal_payment_div{text-align:center; font-size:0.875rem; padding-top:2rem; padding-bottom:2rem;}
.footer_normal_payment_div_title{font-size:1rem; margin-top:1rem;}
.footer_normal_payment_div_content{margin-top:0.2rem;}
.top_four_category{padding-right:0;padding-left:0;margin-top:35px;}
.top_right_site_div{padding-left:0;padding-right:0;}
.brand_div_box{padding-left:0; margin-top:15px;}









.homepage_top_normal_div{min-height:100vh;}
.homepage_top_normal_div_top{padding:20px;}

.top_box_normal_logo_div{max-width:150px;}
.navbar-inverse .navbar-nav > li > a{line-height:28px;}

}






@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;}

.footer_white{margin-top:18px;margin-bottom:8px;}

.footer_black{padding-bottom:2px;}

.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:10px; 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%;}

.footer_copyright{font-size:12px;}



.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;}

.best_seller_div_title{font-size:18px; padding:10px; padding-left:15px; margin-top:20px; line-height:1.5;}
.best_seller_div_intro{font-size:12px; padding:20px;}
.best_seller_description_name{ font-size:16px; line-height:1.5;}
.best_seller_description_price{ font-size:16px;line-height:1.5; color:@white;}
.best_seller_description_button .btn-success{font-size:16px;}
.best_seller_description_button .btn-success:hover{font-size:16px;}


.nav_full_box{ margin-top:70px;}
.logo_image{margin-top:50px;}


.four_category_box figure.effect-zoe div.description {
	padding: 1.5em;
	font-size: 1.5rem;
}


.about_us_homepage{padding:50px 20px;}
.about_us_homepage_content{ margin-bottom:50px;}

.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;}

.top_best_sell_div{margin-top:10px;}


.cp_div{display:none;}

.about_us_img{ margin-bottom:1.75rem}
.footer_normal_top{padding:2rem}
.footer_content_div_title{margin-top:1.75rem;}
.footer_normal_copyright_div_top{width:90%;}
.footer_normal_payment_div{text-align:center; font-size:0.875rem; padding-top:2rem; padding-bottom:2rem;}
.footer_normal_payment_div_title{font-size:1rem; margin-top:1rem;}
.footer_normal_payment_div_content{margin-top:0.2rem;}
.top_four_category{padding-right:0;padding-left:0; margin-top:35px;}
.top_right_site_div{padding-left:0;padding-right:0;}
.brand_div_box{padding-left:0; margin-top:15px;}

.ipad_hidden{display:none;}






.homepage_top_normal_div{display:none;}

.footer_normal{display:none;}
.footer_mobile{display:block;}
.clear_ipad{clear:both;}

.content_box{margin-top:0px;}

.section_homepage_category{padding:30px 0;}
.section_homepage_product{padding-bottom:30px;}

}


@media (max-width: 767px) {

.top_box_desktop{display:none;}

.top_account_box{background:none;}
	
.container{width:90%;}
	
.register_box{-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
	
.top_box{display:none;}

.top_box_mobile{display:block;}

.top_box_left{margin-top:30px;}

.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%;}




.about_us_homepage{padding:50px 20px;}
.about_us_homepage_content{ margin-bottom:50px;}




.footer_newbee{text-align:center;}

.footer_shopping_condition{text-align:center;}

.footer_pay{text-align:center;}

.footer_white{font-size:10px;}

.footer_black{font-size:9px;}


.footer_copyright{display:none;}


.footer_top{padding:20px 10px;}

.footer_copyright_mobile{display:block;font-size:12px; color:@main_color; background:@white; line-height:30px; }
.footer_copyright_top{margin:0 auto; width:100%;  background:@main_color;}
.footer_copyright_mobile a{color:@main_color;}
.footer_copyright_mobile a:hover{color:@black;}

.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;}
.logo_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;}

.big_slide_logo{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;}

.best_seller_div_title{font-size:20px; padding:15px;margin-top:20px; line-height:1.5;}
.best_seller_div_intro{font-size:12px; padding:20px;}
.best_seller_description_name{ font-size:12px; line-height:1.5;}
.best_seller_description_price{ font-size:12px;line-height:1.5; color:@white;}
.best_seller_description_button .btn-success{font-size:16px;}
.best_seller_description_button .btn-success:hover{font-size:16px;}


.four_category_box figure.effect-zoe div.description {
	padding: 1.5em;
	font-size: 1rem;
}

.clear_two{clear:both;}
.footer_payment_outer{ display:none}

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


.mobile_padding_top_5{ padding-top:5px;}


.top_best_sell_div{margin-top:10px;}

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

.div_sale_show_product_homepage{margin:15px auto;}

.cp_div{display:none;}

.about_us_img{ margin-bottom:1.75rem}
.footer_normal_top{padding:2rem}
.footer_content_div_title{margin-top:1.75rem;font-size:0.875rem;}
.footer_content_div_content{font-size:0.75rem;}
.footer_normal_copyright_div_top{width:90%;}
.footer_normal_payment_div{text-align:center; font-size:0.75rem; padding-top:2rem; padding-bottom:2rem;}
.footer_normal_payment_div_title{font-size:0.875rem; margin-top:1rem;}
.footer_normal_payment_div_content{margin-top:0.2rem;}
.footer_content_div{ text-align:center;}
.about_us_div{padding:2rem 0 2rem 0;}
.about_us_content{font-size:0.75rem; padding:0;}
.about_us_title{font-size:0.875rem;}
.top_four_category{padding-right:0;padding-left:0; display:none;}
.top_right_site_div{padding-left:0;padding-right:0;}
.top_group_right_mid_div{ display:none;}
.brand_div_box{padding-left:0; margin-top:15px;}

.mobile_hidden{display:none;}

.mobile_margin_bottom_20px{ margin-bottom:20px}

.homepage_top_normal_div{display:none;}

.footer_normal{display:none;}
.footer_mobile{display:block;}
.section_homepage_adv{padding:20px 0;}
.clear_mobile{clear:both;}

.content_box{margin-top:0px;}

.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;}

.section_homepage_category{padding:30px 0;}
.section_homepage_product{padding-bottom:30px;}
}