body,input, textarea, select, div { 
  font-family: 'Raleway', sans-serif; font-weight:300; letter-spacing:1px;
  -webkit-font-feature-settings: "lnum";
       -moz-font-feature-settings: "lnum";
        -ms-font-feature-settings: "lnum";
         -o-font-feature-settings: "lnum";
            font-feature-settings: "lnum"; 
      font-feature-settings: "lnum" 1;
}
      
::-webkit-input-placeholder { color: #333; }
:-moz-placeholder { color: #333; }
::-moz-placeholder { color: #333; }
:-ms-input-placeholder  { color: #333; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


input[type=number] {
    -moz-appearance:textfield;
}

/*.reveal-modal { position:fixed; }*/
.reveal-modal {
        position: fixed;
     top: 150px !important;
    }
   
body.modal-open {
   overflow: hidden;
   position: fixed;
}

.eapps-instagram-feed-container { border: none!important }


div {  }
a, a:hover, a:active, a:focus { color:#7dbe31; }
.first { padding-left:0; }
.last { padding-right:0; }
.hastab #copyright { padding-bottom:100px; } 
body .mc-cycle { z-index:0!important; }/* override banner cycle default setting */
.clear { clear: both; }
.no-right-padding { padding-right: 0; }
.bold { font-weight: 600; }

#backtop { position:fixed; bottom:20px; right:20px; z-index:1000; } 
#backtop img { width:60px; }

#msgbar {   text-align:center; position:fixed; width:100%; z-index:9999; display:none; top:0; }
#msgbar .green { background:#7dbe31; color:#fff; padding:10px; font-weight:600; }
#msgbar .red { background:#f70353; color:#fff; padding:10px; font-weight:600; }

.short { height:368px!important; }
.none { height:110px!important; }

.service-list h5 { margin-bottom:30px; }
.freeshipping-desktop  {  background:url(../img/truck.png) #ddd no-repeat 10px center; background-size:20px; font-weight:600; margin:20px 0; padding:10px 10px 10px 40px; font-size:14px; }

/* customise auto complete - search 1 - desktop */
#eac-container-keyword1 { background:#fff;  top:44px; left:-20px;  }
#eac-container-keyword1 ul { top:0!important;border:#000 solid 1px!important; }
#eac-container-keyword1 li { padding-top:7px!important; padding-bottom:8px!important; float:none!important; }
.easy-autocomplete { display:inline-block; }

#eac-container-keyword2 { top:38; }
#eac-container-keyword2 ul { top:0!important;border:#000 solid 1px!important;  }
#eac-container-keyword2 li { width:100%; text-align:left; padding-top:7px!important; padding-bottom:8px!important; float:none!important; display:block; }

#hover1 { width:360px; background:#333;  }
#hover2 { width:360px; background:#333;  }
#hover3 { width:360px; background:#333;  }
#hover4 { width:360px; background:#333;  }

.dropmenu { border-color:#ccc!important; z-index:500!important; }
.dropmenu li a { display:block!important; color:#fff!important; font-size:13px!important; margin:0!important; padding:8px 13px!important; text-align:left!important; }
.dropmenu li a:hover { background:#222; color:#fff; text-decoration:none!important; }
.dropmenu li { margin:0; padding-right:0!important; float:none!important; display:block!important; }


#desktop-header { position:relative; height:550px; background-position:center center; background-size:cover;  }
#desktop-header #navbar { height:110px;  padding-top:10px; z-index:10!important; position:absolute; width:100%; }
#desktop-header #navbar.white #desktop-menu li span { display:none!important; }
#desktop-header #navbar.white #tablet-menu li span { display:none!important; }

#desktop-header #navbar.purple { background:url(../img/overlay-purple.png); }
#desktop-header #navbar.brown { background:url(../img/overlay-brown.png); }
#desktop-header #navbar.blue { background:url(../img/overlay-blue.png); }
#desktop-header #navbar.black { background:url(../img/overlay-black.png); }
#desktop-header #navbar .logo { width:100%; width:163px; margin-left:11px; }
#desktop-header ul#desktop-menu { list-style:none; margin:0; padding:17px 0 0 0; float:left; width:100%; }
#desktop-header ul#desktop-menu li { float:left; padding-right:25px; position:relative; }
#desktop-header ul#desktop-menu li:last-child { padding-right:0; }
#desktop-header ul#desktop-menu li a { color:#fff; font-size:15px; font-weight:400; padding-bottom:12px; }
#desktop-header ul#desktop-menu li a.selected, #desktop-header #navbar ul li a:hover { color:#7dbe31; } 
#desktop-header ul#desktop-menu li a.selected { font-weight:600; } 
#desktop-header ul#desktop-menu li a.arrow { font-weight:600; padding-bottom:10px; }
#desktop-header ul#desktop-menu li.bookonline { float:right;  }
#desktop-header ul#desktop-menu li.bookonline a { float:right;  }
#desktop-header ul#desktop-menu li.bookonline a:hover { text-decoration:none; }
#desktop-header ul#desktop-menu li span { font-weight:600; background:#7dbe31; position:absolute; display:block; padding:3px 5px; color:#fff; font-size:11px; top:35px; } 
#desktop-header ul#desktop-menu li span:after { font-size:11px; content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #7dbe31 transparent; display: block; width: 0; z-index: 1; top: -8px; left: 50%; margin-left:-8px; }
#desktop-header ul#desktop-menu li span a { font-size:11px; }
#desktop-header ul#desktop-menu li span a:hover { text-decoration:none; }

#desktop-header #navbar .cart { text-align:right; float:right; }
#desktop-header #navbar .cart a { font-weight:400; }
#desktop-header #navbar .mycart { text-align:right; color:#fff; font-size:12px; float:right; display:block; margin-bottom:20px; padding-left:20px; background:url(../img/icon-shopping-bag.png) no-repeat left center; background-size:12px; }
#desktop-header #navbar .mycart .number {  background:#F00; color:#fff; border-radius:15px; font-size:12px; width:18px; text-align:center; height:18px; line-height:13px; display:inline-block; font-weight:600;  }
#desktop-header #navbar .btn-book { clear:right; font-weight:600; color:#fff; display:block; padding:7px 14px; text-transform:uppercase; font-size:14px; border:#fff solid 1px; float:right; margin-top:-8px;  }
#desktop-header #navbar .btn-book:hover { color:#000; background:#fff; }
#desktop-header #navbar .member_login { color:#fff; font-size:12px; margin-right:15px; float:right; background:url(../img/icon-member-white.png) no-repeat left center; background-size:12px; padding-left:18px; }
#desktop-header #navbar .watchlist { padding-left:20px; background:url(../img/icon-watchlist-white.png) no-repeat left center; background-size:12px; }
#desktop-header #navbar .mcenter { padding-left:20px; background:url(../img/icon-member-white.png) no-repeat left center; background-size:12px; }

/* Shop Header */

#desktop-header #navbar.white { border-bottom:#000 solid 1px; }
#desktop-header #navbar.white ul#desktop-menu li a { color:#000;  }
#desktop-header #navbar.white ul#desktop-menu li a.arrow { text-decoration:underline; }
#desktop-header #navbar.white ul#desktop-menu li a.selected { text-decoration:underline; }
#desktop-header #navbar.white ul#desktop-menu li a:hover { color:#7dbe31; text-decoration:underline; }
#desktop-header #navbar.white .mycart { color:#000;  background:url(../img/icon-shopping-bag-black.png) no-repeat left center; background-size:12px; }
#desktop-header #navbar.white .member_login { color:#000; font-size:12px; margin-right:15px; float:right; background:url(../img/icon-member.png) no-repeat left center; background-size:12px; padding-left:18px; }

#desktop-header #navbar.white .btn-book { color:#000; border:#000 solid 1px;  }

#desktop-header #navbar.white .btn-book:hover { color:#fff!important; background:#000; text-decoration:none!important; }
#desktop-header #navbar.white .watchlist { padding-left:20px; background:url(../img/icon-watchlist.png) no-repeat left center; background-size:12px; }
#desktop-header #navbar.white .mcenter { padding-left:20px; background:url(../img/icon-member.png) no-repeat left center; background-size:12px; }


#desktop-shop-menu { border-bottom:#000 solid 1px; padding:0 0 0 0; height:52px; position:relative; clear:both; }
#desktop-shop-menu ul { list-style:none; padding:0; margin:0 0 0 0; }
#desktop-shop-menu ul li {  padding:0 26px; position:relative; border-left:#fff solid 1px; border-right:#fff solid 1px; display:inline-block; }
#desktop-shop-menu ul li a { font-size:17px; font-weight:600; color:#000;display:block; padding:12px 0; }
#desktop-shop-menu ul li a.arrow { padding-right:23px; background:url(../img/menu-arrow.png) no-repeat right center; background-size:10px 10px; }
#desktop-shop-menu ul li a.selected { color:#7dbe31; background:url(../img/menu-arrow-hover.png) no-repeat right center; background-size:10px 10px;} 
#desktop-shop-menu ul li:first-child a.selected { background:none; }
#desktop-shop-menu ul li.over { border-left:#000 solid 1px; border-right:#000 solid 1px; background:#fff; padding-bottom:1px; }
#desktop-shop-menu .floatmenu { display:none; position:absolute; top:52px; left:-1px; background:#fff; padding:25px; border:#000 solid 1px; border-top:none; z-index:500;width:820px;   }
#desktop-shop-menu .floatmenu .menucol { display:inline-block; margin-right:30px; width:230px; }
#desktop-shop-menu .floatmenu .menucol h4 { text-align:left; font-size:14px; padding-bottom:5px; border-bottom:#000 solid 1px; margin-bottom:15px; margin-top:0; font-weight:700; }
#desktop-shop-menu .floatmenu .menucol ol { list-style:none;  float:left; margin:0; padding:0; }
#desktop-shop-menu .floatmenu .menucol ol li { text-align:left; width:245px; margin-right:0; margin:0; padding:0; }
#desktop-shop-menu .floatmenu .menucol ol li a { color:#424242; font-size:13px; text-transform:none; font-weight:300; padding:0!important;  }
#desktop-shop-menu .floatmenu .menucol ol li a:hover { text-decoration:underline; }
#desktop-shop-menu .floatmenu .menucol ol li a.selected { color:#7dbe31; font-weight:600; }
#desktop-shop-menu .floatmenu .menucol ol.special { margin-bottom:10px; }
#desktop-shop-menu .floatmenu .menucol ol.special li a { font-weight:600; }
#desktop-shop-menu .floatmenu .menucol .allbrand { color:#424242; font-size:14px; text-transform:underland; font-weight:600; padding:0!important; float:left; margin:15px 0 0 0; }

#desktop-shop-menu .searchbox-tablet { z-index:700; position:absolute; right:0; top:0; left:0; background:#f1f1f1; padding-top:7px; height:51px; text-align:center; display:none; }
#desktop-shop-menu .searchbox-tablet span { display:inline; }
#desktop-shop-menu .searchbox-tablet .btn { width:26px; height:26px;  margin:0px 10px 0 10px; display:inline-block;   }
#desktop-shop-menu .searchbox-tablet .textbox { display:inline;  border:none; box-shadow:none; margin-bottom:0; display:inline-block; width:400px; } 
#desktop-shop-menu .searchbox-tablet .close { font-size:13px; }

#desktop-shop-menu .searchbox-btn { position:absolute; right:0; top:0;  padding-top:7px; height:51px; text-align:center; display:none; }
#desktop-shop-menu .searchbox-btn img { height:26px; width:26px; margin:4px 10px 0 0; }

#desktop-shop-menu .searchbox { position:absolute; right:0; top:0; border-left:#000 solid 1px; width:274px; padding-left:19px; padding-top:7px; height:52px; } 
#desktop-shop-menu .searchbox .box { width:300px; }
#desktop-shop-menu .searchbox .textbox {  border:none; box-shadow:none; margin-bottom:0; float:left; width:200px; } 
#desktop-shop-menu .searchbox .textbox:focus { background:#fff; }
#desktop-shop-menu .searchbox .btn { width:20px; height:20px;  margin:8px 20px 0 10px; padding:0; float:right;  }

#desktop-header .text { position:absolute; left:5%; top:200px; width:100%; color:#fff; }
#desktop-header .text h1 { font-weight:300; text-transform:uppercase; color:#fff; font-size:64px; line-height:46px; margin-bottom:30px;  letter-spacing:3px; }
#desktop-header .text h1 span { font-weight:300; display:block; font-size:26px;  }
#desktop-header .text h2 {   }
#desktop-header .text h2 span { font-weight:300; display:block; font-size:26px; font-weight:300; text-transform:uppercase; color:#fff; letter-spacing:3px;  }
#desktop-header .text .bantitle { font-weight:300; text-transform:uppercase; color:#fff; font-size:64px; line-height:46px; margin-bottom:30px; letter-spacing:3px; }

#desktop-header .banner_button { display:inline-block; padding:8px 20px; border:#fff solid 2px; color:#fff; font-weight:600; letter-spacing:3px;  }
#desktop-header .storename { width:100%; top:50%;  text-align:center; position:absolute; } 
#desktop-header .storename  h1 { display:inline-block; padding:10px 20px; color:#fff; font-size:34px; border:#fff solid 3px; }

#home #desktop-header #tablet-menu {  margin-top:20px; }
#desktop-header #tablet-div { width:100%; padding-top:23px; text-align:center; clear:both;  }
#desktop-header #tablet-menu { display:none; margin-top:0px; }
#desktop-header #tablet-menu .btn-book { float:right; margin-right:18px; }
#desktop-header #tablet-menu ul { list-style:none; margin:0; padding:0; text-align:center;   }
#desktop-header #tablet-menu li { display:inline-block; padding-right:18px; position:relative; }
#desktop-header #tablet-menu li:last-child { padding-left:0; }
#desktop-header #tablet-menu li a { color:#fff; font-size:13px; text-transform:uppercase; font-weight:400; }
#desktop-header #tablet-menu li a.selected { color:#7dbe31; }
#desktop-header #tablet-menu li a.arrow { font-weight:600; padding-bottom:10px;  }
#desktop-header #tablet-menu li span { font-weight:600; background:#7dbe31; position:absolute; display:block; padding:3px 5px; color:#fff; font-size:11px; top:35px; } 
#desktop-header #tablet-menu li span:after { content: ''; position: absolute; border-style: solid; border-width: 0 8px 8px; border-color: #7dbe31 transparent; display: block; width: 0; z-index: 1; top: -8px; left: 50%; margin-left:-8px; }

#desktop-header #navbar a.selected:hover { color:#7dbe31!important; }
#desktop-header #navbar ul li a:hover { text-decoration:underline; color:#fff; } 


#shop #desktop-header #tablet-menu li a { color:#000; padding-bottom:12px; }
#shop #desktop-header #tablet-menu li a.selected, #shop #desktop-header #navbar ul li a:hover { color:#7dbe31; } 
#shop .none1 { height:110px; }


#mobile-header { background:#000; display:none; padding:15px 0 0 0;   }
#mobile-header .logo { float:left; width:100px; margin-left:15px; }
#mobile-header #mobile-wrapper { overflow:hidden;   clear:both; margin-top:20px; }
#mobile-header #mobile-menu { padding:20px 15px 0 15px; text-align:center;   }
#mobile-header #mobile-menu ul { list-style:none; margin:0; padding:0; line-height:14px; }
#mobile-header #mobile-menu ul:after { content: '';  display: inline-block;  width: 100%; }
#mobile-header #mobile-menu li { display:block; display:inline-block; padding:0 6px; }
#mobile-header #mobile-menu li a { color:#fff; font-size:13px; padding-bottom:10px; display:block; font-weight:400; text-transform:uppercase; }
/*#mobile-header #mobile-menu li a.selected, #mobile-header #mobile-menu ul li a:hover {  border-bottom:#fff solid 3px; } */
#mobile-header #mobile-menu li a.arrow { font-weight:600; padding-bottom:10px; background:url(../img/arrow-nav.png) no-repeat center bottom; }
#mobile-header .btn-book { margin-right:15px; margin-top:10px;  font-weight:400; color:#fff; display:block; padding:5px 8px; text-transform:uppercase; font-size:12px; border:#fff solid 1px; float:right;  }
#mobile-header .btn-book:hover { color:#000; background:#fff; }
#mobile-header .mycart { float:right; margin-right:15px; margin-top:4px;}
#mobile-header .mycart img { width:26px; margin-top:3px; }

#mobile-banner  { position:relative; margin-bottom:15px; display:none; height:300px; overflow:hidden; }
#mobile-banner .link { position:absolute; top:0; left:0; bottom:0; right:0; z-index:500; }
#mobile-banner  .text { background:url(../img/overlay-black-56.png); padding:20px; position:absolute; left:0; right:0; bottom:0; width:100%; color:#fff;  }
#mobile-banner  .text h1 { font-weight:300; text-transform:uppercase; color:#fff; font-size:40px; line-height:36px; margin:0; padding:0;  letter-spacing:3px; }
#mobile-banner  .text h1 span { font-weight:300; display:block; font-size:18px; line-height:28px; }
#mobile-banner  .text h2 { font-weight:300; text-transform:uppercase; color:#fff; font-size:40px; line-height:36px; margin:0; padding:0;  letter-spacing:3px; }
#mobile-banner  .text h2 span { font-weight:300; display:block; font-size:18px; line-height:28px; }


#mobile-adv { display:none; }
#mobile-adv .freeshipping { background:#ddd; text-align:center; font-weight:600; margin-bottom:10px; padding:10px 10px 10px 10px; font-size:14px; }
#mobile-adv .freeshipping img { width:20px; margin-right:10px; }
#mobile-adv .freeshipping a { color:#000; display:block;  }

#footer { padding: 60px 0 30px 0; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; }
#footer h4 { font-size:14px; font-weight:500; padding-left:25px; background:url(../img/leaf.png) no-repeat left center; background-size:10px 17px; } 
#footer ul { list-style:none; padding:0; margin:0 0 30px 25px; }
#footer ul li { margin-bottom:4px; line-height:18px; }
#footer ul li a { font-size:14px; color:#333; }

#copyright { padding:56px 0; text-align:center;  }
#copyright .column { font-size:13px; }
#copyright .column a { color:#333; text-decoration:none; } 

.section { padding:45px 0 45px 0; }
.section h2 { text-align:center; background:url(/img/line-2px.gif) repeat-x center center; font-size:19px;  margin:0 15px 40px 15px; }
.section h2 span { display:inline-block; padding:0 20px; background:#fff; font-size:18px; color:#444; font-weight:500; text-transform:uppercase; }
.section .viewall { text-align:center; }
.section .btn-viewall { padding:12px 25px; border:#000 solid 2px; margin:74px auto 0 auto; display:inline-block; color:#000; font-weight:600;  } 



.package-list .item { margin:0 15px; position:relative; border:#ccc solid 1px; }
.package-list .item  .pic{ position:relative; }
.package-list .item  .img { width:100%; }
.package-list .item .discount { color:#fff; font-size:13px; font-weight:600; position:absolute; left:0; bottom:0; display:block; padding:5px 10px; background:url(../img/overlay-black-56.png) repeat-x center top; }
.package-list .item .discount img { width:16px; float:left; margin-right:10px; }
.package-list .item .addcart_success { display:block; clear:both; padding-top:10px; font-size:13px; display:none;  text-align:left;   }
.package-list .item .addcart_success img { float:left; margin-right:10px; width:21px; }


.package-list .item .box { padding:20px 20px 20px 20px;  }
.package-list .item .box h3 { font-size:15px; font-weight:600; color:#444; line-height:18px; }
.package-list .item .box h4 { font-size:13px; color:#7dbe31; margin:0 0 5px 0; }
.package-list .item .box .desc { font-size:14px; color:#444; }
.package-list .item .box .desc li { font-size:14px; color:#444; line-height:16px; font-weight:300; margin-bottom:3px; }
.package-list .item .box .desc p { font-size:13px; margin:0 0 0px 0; background:url(../img/bullet.png) no-repeat left 8px; background-size:6px 6px; padding-left:15px; }
.package-list .item .box .pricebox { margin-top:20px;  }
.package-list .item .box .pricebox .price { float:left; font-size:12px; color:#444; }
.package-list .item .box .pricebox .price span { display:block; font-size:20px; font-weight:600; line-height:13px; }
.package-list .item .box .pricebox .buy { float:right; margin-top:7px; }
.package-list .item .box .pricebox .buy a { background:#7dbe31; color:#fff; padding:8px 15px; border-radius:20px; font-size:15px; font-weight:600;  } 
.package-list .item .box .pricebox .buy a.purchased { background:#ff9c00; } 
.package-list .item .box .warning { color:#C60000; font-size:12px; margin-bottom:2px; font-weight:600; }
.package-list .slick-prev { background:url(/img/arrow-left.png) no-repeat center top; width:66px; height:106px; left:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; }
.package-list .slick-next { background:url(/img/arrow-right.png) no-repeat center top; width:66px; height:106px; right:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; }
.package-list .item .option { display:none; text-align:center; padding:70px 30px 0 30px; background:url(/img/overlay-white-78.png); position:absolute; border:#000 solid 2px; top:0; bottom:0; left:0; right:0; }
.package-list .item .option label { font-weight:600; margin-bottom:20px; font-size:18px; color:#222; }
.package-list .item .option .listbox { border:#000 solid 2px; }
.package-list .viewall { text-align:center; }
.package-list .btn-viewall { padding:12px 25px; border:#000 solid 2px; margin:50px auto 0 auto; display:inline-block; color:#000; font-weight:600; } 

.product-list .item  { position:relative; }
.product-list .item .like { position:absolute; top:10px; right:10px; display:block; }
.product-list .item .like img { width:29px; height:26px; }
.product-list .item .img { margin:46px 0 30px 0px; width:70%; display:inline-block; }
.product-list .item  h3 { height:100px; overflow:hidden; text-align:center; font-weight:500; font-size:18px; margin:0 20px; color:#444; line-height:24px; }
.product-list .item  h3 span { font-weight:300; display:block; margin-bottom:4px; font-size:16px; }
.product-list .item .price { text-align:center; font-weight:600; }
.product-list .item .price .cross { color:#ccc; text-decoration:line-through; }
.product-list .item .price .cross1 { color:#ccc;  }
.product-list .item .price .special { margin-left:20px; color:#7dbe31; font-weight:600; }
.product-list .item .price .normal { color:#7dbe31; font-weight:600; }
.product-list .slick-prev { background:url(/img/arrow-left.png) no-repeat center top; width:66px; height:106px; left:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; }
.product-list .slick-next { background:url(/img/arrow-right.png) no-repeat center top; width:66px; height:106px; right:0; position:absolute; z-index:500; top:50%; margin-top:-53px; text-indent:-9999px; }
.product-list .viewall { text-align:center; }
.product-list .btn-viewall { padding:12px 25px; border:#000 solid 2px; margin:50px auto 0 auto; display:inline-block; color:#000; font-weight:600; } 
.product-list .fast_shipping { color: #7dbe31; font-size: 12px; font-weight: bold; background: url('../img/icon-24hour.png') no-repeat right center; background-size: 30px; padding-right: 40px;  }
.product-list .fast_space { height: 26px; display: block;}

.product-list .notfound { text-align:center; padding:30px; border:#000 solid 1px;  }
.product-list .notfound h3 { color:#7dbe31; font-size:20px; text-transform:uppercase; }

#shop .total_record { font-size:13px; color:#666; }
#shop .oxipay_text { font-size: 13px; text-align: center; padding: 20px 0; color: #666; }

#home #text_banner { margin:50px 0 30px 0; }
#home #text_banner a { border:#000 solid 2px; display:block; padding:10px; color:#000; font-size:22px; text-align:center; }
#home #text_banner a:hover { background:#000; color:#fff; }

#home .product-list .item { margin:0 15px; border:#ccc solid 1px; text-align:center;  }

#home #tumblr { padding-bottom:60px; }
#home #tumblr .thmblrtext { text-align:center; padding-bottom:70px; font-size:17px; }
#home #tumblr .tumblr_img { }
#home #tumblr  ul { margin:0; padding:0; }
#home #tumblr  ul li { padding:0; position:relative; }
#home #tumblr  ul li img { width:100%; }
#home #tumblr  ul li .hover { display:none; padding:50px 42px; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/overlay-black-56.png); }
#home #tumblr  ul li .hover .box { border:#fff solid 2px; height:100%; padding:0 15px; }
#home #tumblr  ul li .hover .box h3 { position:relative; top:50%; transform:translateY(-50%); text-align:center; font-weight:500; color:#fff; font-size:20px; line-height:20px; }


#home #tumblr .zoom-effect-container { position: relative; width:100%; overflow: hidden; background-color: black; }
#home #tumblr .image-card { position: absolute; top: 0; left: 0; }
#home #tumblr .image-card img { -webkit-transition: 0.4s ease; transition: 0.4s ease; }
#home #tumblr .zoom-effect-container:hover .image-card img { -webkit-transform: scale(1.08); transform: scale(1.08); }


#home .social { background:#000; padding:60px 0; }  
#home .social .column { text-align:center;  }
#home .social .column h4 { font-weight:300; font-size:25px; margin-bottom:68px; color:#fff; }
#home .social .column img { margin:0 12px; width:56px; height:56px; }

#home .oxipay { text-align: center; margin-top: 30px; }

/* Page */

.nopage { margin-top:40px; text-align:center; text-transform:uppercase;  }
.nopage h1 {font-weight:500; font-size:34px; margin-bottom:20px; }

#page #page-content { padding:90px 0 60px 0; }
#page #page-content .main { border-left:#000 solid 2px; padding-left:60px; }
#page #page-content .side { padding-top:15px; }
#page #page-content .side h3 { text-transform:uppercase; font-size:21px; font-weight:500; margin:0 0 10px 0; }
#page #page-content .side ul { list-style:none; margin:0 0 38px 0; padding:0; }
#page #page-content .side ul li { margin-bottom:10px; }
#page #page-content .side ul li a { color:#000; }
#page #page-content .side ul li a:hover { color:#7dbe31; }
#page #page-content .side ul li a.selected { color:#7dbe31; font-weight:300; }
#page #page-content .main h1 { font-weight:500; font-size:34px; margin-bottom:5px; }
#page #page-content .main .path { margin-bottom:45px; font-size:13px; color: #999;  }
#page #page-content .main .path a { color:#999; }
#page #page-content .main h2 { color:#444; font-size:21px; margin-bottom:26px; font-weight:500; } 

#page #page-content .changestore { border:#ffc000 solid 1px; padding:15px; font-size:14px; margin-bottom:30px; background:#fff2ca;  font-weight:600; color:#000; }
#page #page-content .changestore a { text-decoration:underline; color:#000; }
#page #page-content ul li { font-weight:400; margin-bottom: 15px;   }


#page .package-list .img { width:100%; border:#ccc solid 1px; border-bottom:none;  }
#page .package-list .box { padding:20px; border:#ccc solid 1px; border-top:none; }
#page .package-list .box h3 { font-size:15px; font-weight:600; color:#444; line-height:18px; }
#page .package-list .box h4 { font-size:13px; color:#7dbe31; margin:0 0 5px 0; }
#page .package-list .box .desc { font-size:14px; color:#444; }

#page .package-list .pic { position:relative; }
#page .package-list .pic .discount { color:#fff; font-size:13px; font-weight:600; position:absolute; left:0; bottom:0; display:block; padding:5px 10px; background:url(../img/overlay-black-56.png) repeat-x center top; }
#page .package-list .pic .discount img { width:16px; float:left; margin-right:10px; }
#page .package-list .box .pricebox { margin-top:20px; }
#page .package-list .box .pricebox .price { float:left; font-size:12px; color:#444; }
#page .package-list .box .pricebox .price span { display:block; font-size:20px; font-weight:600; line-height:13px; }
#page .package-list .box .pricebox .buy { float:right; margin-top:7px; }
#page .package-list .box .pricebox .buy a { background:#7dbe31; color:#fff; padding:8px 15px; border-radius:20px; font-size:15px; font-weight:600;  } 
#page .package-list .box .pricebox .buy a.purchased { background:#ff9c00; } 
#page .package-list .box .pricebox .oxipay { font-size: 11px; display: block; clear: both; padding-top: 5px; }
#page .package-list .box .desc p { font-size:13px; margin:0 0 0px 0; background:url(../img/bullet.png) no-repeat left 8px; background-size:6px 6px; padding-left:15px; }
#page .package-list .box .warning { color:#C60000; font-size:12px; margin-bottom:2px; font-weight:600; }
#page .package-list .addcart_success { display:block; clear:both; padding-top:10px; font-size:13px; display:none;  }
#page .package-list .addcart_success img { float:left; margin-right:10px; width:21px; }

/* Career */
#page #page-content .career { margin-top:50px; }
#page #page-content .career .item { margin-bottom:45px; padding:20px 30px; border:#ddd solid 1px; margin-bottom:30px; }
#page #page-content .career h2 { color:#000; font-size:30px; margin-bottom:26px; font-weight:500; } 
#page #page-content .career .location { font-size:14px; margin-bottom:0; }
#page #page-content .career h3 { font-size:20px; font-weight:300; }
#page #page-content .career .detail { color:#454343; font-size:14px; padding-top:10px; border-top:#ddd solid 1px; margin-top:10px; }
#page #page-content .career .detail p { font-size:14px; }
#page #page-content .career .apply { margin-top:20px; margin-bottom:10px; }
#page #page-content .career .apply a { background:#7dbe31; display:inline-block; padding:10px 15px; font-size:15px; text-transform:uppercase; color:#fff; font-weight:600; }
#page #page-content .career-form { position:relative; padding-top:20px; border-top:#ddd solid 1px; display:none; }
#page #page-content .career-form .filebox { border:#ccc solid 1px; padding:8px; }
#page #page-content .career-form button { background:#7dbe31; display:inline-block; padding:10px 15px; font-size:15px; text-transform:uppercase; color:#fff; font-weight:600; font-weight:500; }
#page #page-content .career-form .close { position:absolute; right:0; bottom:20px; font-size:24px; display:block; color:#ccc; }
#page #page-content .career .response-success { background:#f9ffd9; border:#7dbe31 solid 1px; padding:20px 15px; font-weight:300; display:none;  }

/* Calculator */
.worth hr { height: 5px; background: #dbdbdb; border: none; }
.worth .fright { text-align: right; }
.worth .bold { padding-bottom: 16px; }
.worth .padding { margin-top: 7px; display: block; }
.worth .contactbox { padding: 26px; background: #f1f1f1; }
.worth .contactbox button { background: #7dbe31; margin-bottom: 0; }
.worth .tbox { text-align: right; }

#page .service-list { padding-bottom:20px; }
#page .service-list h5 { text-transform:uppercase; margin-bottom:20px; }
#page .service-list label { font-size:16px; font-weight:600; margin:0px; }
#page .service-list label input { margin:0 10px 0 0; }
#page .service-list p { font-size:13px; padding-left:28px; margin:0 0 10px 0; }
.package_discount { margin-bottom:30px; }
.package_discount h5 { text-transform:uppercase; margin-bottom:20px; }
.package_discount label { font-size:16px; font-weight:600; margin:0 0 5px 0; }
.package_discount label input { margin:0 10px 0 0; }
.package_discount img { width:100%; margin-bottom:5px; }
.btn-add-cart { display:block; background:#7dbe31; color:#fff; text-align:center; font-weight:600; padding:10px 0; font-size:14px; margin-bottom:15px; } 
.btn-add-cart:hover { color:#fff; }
.btn-ignore { display:block; background:#aaa!important; color:#fff!important; text-align:center; font-weight:600!important; padding:10px 0!important;  font-size:14px!important; position:relative!important; line-height:inherit!important; top:0!important; right:0!important; } 

/* Collection */
#collection .welcome { padding-top:60px; padding-bottom:15px; }
#collection .welcome h1 { text-align:center; font-weight:500; font-size:42px; margin-bottom:30px; text-transform:uppercase; }
#collection .welcome .path { margin-bottom:0px; text-align:center; font-size:13px; color:#999; }
#collection .welcome .path a { color:#999; }
#collection .welcome .path strong { color:#000; } 
#collection .section h2 { margin-bottom:25px; }
#collection .section li .box { }
#collection .section li .box a { display:block; position:relative;  }
#collection .section li img { width:100%; }
#collection .section li h3 { position:absolute; bottom:0; left:0; margin:0; width:100%; font-size:18px; display:block; padding:40px 18px 18px 18px;  color:#fff; font-weight:500; background:url(../img/collection-shade.png) repeat-x center bottom; }

.collection-list  { margin-top:60px; }
.collection-list .row { margin-bottom:70px; }
.collection-list .pic { width:100%; }
.collection-list h2 { font-size:30px; font-weight:300; margin:0 0 30px 0; }
.collection-list h3 { color:#7dbe31; font-size:18px; font-weight:300; font-style:italic; margin:0 0 12px 0; }
.collection-list .instruction ul { list-style:none; margin:0; padding:0; }
.collection-list .instruction ul li { font-size:14px; }
.collection-list .products { margin-top:30px; }
.collection-list .products .img { float:left; width:95px; height:95px; border:#ccc solid 1px; overflow:hidden; margin-right:12px; } 
.collection-list .products .img img { height:95px; }
.collection-list .products .brand { color:#000; font-size:12px; font-weight:300; display:block; }
.collection-list .products .title { font-size:14px; color:#000; font-weight:600; display:block; letter-spacing:0px; line-height:17px; margin-bottom:10px; }
.collection-list .products .price { color:#000; font-size:14px; font-weight:300; }

/* Store */
.store-list h3 { font-size:21px; margin-bottom:30px; }
.store-list .top { color:#3c3c3c; font-weight:600; margin-bottom:12px; display:block; } 
.store-list .sub { display:none; }
.store-list .show { display:block; }
.store-list ul li { margin-bottom:0px!important; }
.store-list ul li a { font-size:14px; }
.store-list ul li a.selected { color:#7dbe31!important; } 

.store-content { border-left:#000 solid 2px; padding-left:60px; }
.store-content .breadcrumb { font-size: 13px; color: #999; }
.store-content .breadcrumb a { color: #999;}

.store-content h1 { text-align:center; font-size:34px; display:none; margin-bottom:25px; text-transform:uppercase; font-weight:500; }
.store-content p.bold { text-transform:uppercase; font-weight:600; }
.store-content p.bold a {text-decoration:underline; }
.store-content .row1 { margin-bottom:30px; }
.store-content .row1 .columns .box { background:#ececec; padding:20px; height:100%; }
.store-content .row1 .columns h4 { font-size:16px; margin:0 0 15px 0; color:#3c3c3c; }
.store-content .row1 .columns p { font-size:14px; margin-bottom:0px; } 
.store-content .row1 .columns p.service { font-size:14px; margin-bottom:0px; margin-top:20px; font-weight:600 } 
.store-content .row1 .columns ul { list-style:none; margin:0; padding:0; }
.store-content .row1 .columns ul li { float:left; font-size:13px; }
.store-content .row1 .columns ul li.line0 { width:40%; }
.store-content .row1 .columns ul li.line1 { width:60%; }
.store-content .row1 .col1 { padding-left:0; }
.store-content .row1 .col2 { padding-right:0; }
.store-content h3 { color:#3c3c3c; font-size:18px; margin-bottom:20px; font-weight:500; } 
.store-content #map_canvas { height:400px; width:100%; margin-bottom:30px;}
.store-content .anchor { border:#ffc000 solid 1px; padding:15px; font-size:14px; margin-bottom:30px; background:#fff2ca; display:none; font-weight:600; color:#000; }
.store-content .anchor a { text-decoration:underline; color:#000; }
.store-content .streetview iframe { width: 100%; height: 400px; }
.store-content .streetview { margin-bottom: 30px; }

/* Package */
#shop .package-list { margin-bottom:60px; }
#shop .package-list .item { margin:0; }
#shop .package-list .filter {  font-size:13px;  } 
#shop .package-list .filter span { font-size:13px; } 
#shop .package-list .filter select { width:180px; }
#shop .package-list .filter .sort { text-align:right; }
#shop .package-list .filter .columns { padding-left:0; padding-right:0; }
#shop .package-list ul li ul { list-style:disc; }
#shop .package { padding-top:55px; text-align:center; padding-bottom:18px; }
#shop .package  h1 { font-weight:500; font-size:34px; margin-bottom:10px; text-transform:uppercase; } 
#shop .package .path { margin-bottom:30px; color: #999; font-size:13px; }
#shop .package .path a { color:#999; }
#shop .package select { border:#000 solid 3px; width:320px; padding:10px; height:auto;}
#shop .package h1.mobile { display:none; }
#shop .package h1.mobile a { color:#000; }

#shop .brand-list li { text-align:center; padding-bottom:6px; }
#shop .brand-list li a { color:#000; }
#shop .brand-list li a:hover { color:#7dbe31; text-decoration:underline; } 

#branchModal .close { font-size:24px!important; }
#branchModal .desc { font-size:13px; }
#branchModal #map_canvas { height:300px; width:100%; }
#branchModal .dontknow { color:#999; font-size:13px; text-decoration:underline; }
#menu .bold { font-weight:700; }
#menu a { font-weight:400; }

#shop .submenu { text-align:center; padding-bottom:30px; }
#shop .submenu ul { list-style:none; margin:0; padding:0; }
#shop .submenu ul li { display:inline-block; margin:0 0px 15px 0px; }
#shop .submenu ul li a { margin:0; }
#shop .submenu ul li a.selected { color:#333; text-decoration:underline; }
#shop .submenu ul li span { margin:0 10px 0 15px; }

/* Product-List */
#shop .product-list { margin-bottom:60px; padding-bottom: 5px; }
#shop .product-list .item { border:#ccc solid 1px; margin:0; position:relative; padding-bottom:15px; text-align:center; }
#shop .product-list .filter {  font-size:13px;  } 
#shop .product-list .filter span { font-size:13px; } 
#shop .product-list .filter select { width:180px; }
#shop .product-list .filter .sort { text-align:right; }
#shop .product-list .filter .columns { padding-left:0; padding-right:0; }
#shop .loading { width:50px; display:none;  }
#shop .special-desc { margin-bottom:30px; }

#shop #mobile-filter { display:none; }
#shop #mobile-filter .submenu { text-align:center; }
#shop #mobile-filter .submenu select { width:100%; }
#shop #mobile-filter h4 { font-size:18px; margin-bottom:10px; }

/* Product Detail */
.product-detail { margin:90px 0 130px 0; }
.product-detail .breadcrumb { font-size: 13px; color: #999; }
.product-detail .breadcrumb a { color: #999;}
.product-detail .gallery { text-align:center; }
.product-detail .gallery img { width:100%; }
.product-detail h1 { font-size:25px; font-weight:500; } 
.product-detail h1 span { display:block; font-size:16px; text-transform:uppercase; }
.product-detail h1 span a { color:#666;  }
.product-detail .path { font-size:14px; } 
.product-detail .path a { color:#000; }
.product-detail .btn-watchlist { margin:45px 0 12px 0; background:url(../img/btn-wishlist.gif) no-repeat left center; display:block; float:right; color:#2b2b2b; padding-left:40px; font-size:16px; font-weight:600; }  
.product-detail .btn-watchlist-added { margin:45px 0 12px 0; background:url(../img/btn-watchlist-add.png) no-repeat left center; background-size:20px 20px; display:block; float:right; color:#2b2b2b; padding-left:32px; font-size:16px; font-weight:600; }  
.product-detail .pricebox { clear:both; padding:25px 0 25px 0; border-top:#000 solid 2px; border-bottom:#000 solid 2px; overflow:auto; height:100%; }
.product-detail .pricebox .left { font-size:19px; font-weight:700; line-height:19px; }
.product-detail .pricebox .left span { display:block; color:#8d8d8d; font-size:14px; margin-top:0px; font-weight:300; } 
.product-detail .pricebox .right { font-size:37px; font-weight:600; line-height:37px; text-align: right; }
.product-detail .pricebox .right span { margin-right:20px; color:#828282; font-size:21px; text-decoration:line-through; font-weight:500; }
.product-detail .pricebox .oxipay { font-size: 12px; margin: 8px 0; }
.product-detail .options { padding:47px 0; border-bottom:#c4c4c4 solid 2px; }
.product-detail .options .item { margin-bottom:16px; overflow:auto; height:100%; } 
.product-detail .options .checkbox { width:29px; height:29px; background:url(../img/checkbox.gif) no-repeat center top; display:block; margin-right:25px; float:left; margin-top:24px; } 
.product-detail .options .checkbox.selected { background-image:url(../img/checkbox-tick.gif); }
.product-detail .options .pic { width:78px; height:78px; border:#c0c0c0 solid 1px; text-align:center; display:block; overflow:hidden; }
.product-detail .options .pic table { border:none; padding:0; margin:0; }
.product-detail .options .pic td { width:76px; height:73px; text-align:center; vertical-align:middle; border:none; padding:0; }
.product-detail .options .pic img { width:70px; height:70px; }
.product-detail .options .info { }
.product-detail .options .title { margin:0 0 6px 0; font-size:16px; font-weight:300; }
.product-detail .options .price { color:#7dbe31; font-size:22px; margin:0; }
.product-detail .options .price span { color:#888; font-size:16px;  margin-right:8px; text-decoration:line-through; }

.product-detail .rating { font-size: 13px; color: #999; }
.product-detail .rating .star { width: 18px;  vertical-align: sub; }

.product-detail .cartbox { padding-top:50px; }
.product-detail .cartbox .col1 { padding-left:0; }
.product-detail .cartbox .col2 { padding-right:0; }
.product-detail .cartbox .tick { color:#7dbe31; font-size:16px; font-weight:600; line-height:22px; }
.product-detail .cartbox .tick span.fast_shipping { padding-right: 46px; background: url('../img/icon-24hour.png') no-repeat right center; background-size: 36px; }
.product-detail .cartbox .tick span.free_shipping { display:block; color:#000; font-size:14px; letter-spacing:0px; }
.product-detail .cartbox .addcart:before { font-family:FontAwesome; content:"\f07a"; }
.product-detail .cartbox .addcart {  background:#7dbe31; border:none; color:#fff; padding:12px 0; font-size:23px; text-transform:uppercase; width:100%; margin:0 0 12px 0; } 
.product-detail .cartbox .oneclick { background:#f0f0f0; padding:18px; }
.product-detail .cartbox .oneclick select { color:#7f7f7f; font-size:17px; height:auto; font-weight:300; } 
.product-detail .cartbox .oneclick button { background:#ff9c00; color:#fff; width:100%; padding:8px 0; font-size:23px; text-transform:uppercase; margin:0; }
.product-detail .desc { margin-top:60px; }
.product-detail .desc .tabs { border-top:#000 solid 2px; border-bottom:#000 solid 2px; }
.product-detail .desc .tabs li a { padding-top:10px; padding-bottom:10px; text-transform:uppercase; font-weight:500; background:#fff; border-right:#000 solid 2px; }
.product-detail .desc .tabs li.active a { background:#eaeaea; }
.product-detail .desc .tabs-content .content { padding:40px 0; font-size:16px; font-weight:300; color:#7c7c7c; }
.product-detail .desc .tabs-content .content p { font-size:16px; font-weight:300; color:#7c7c7c; } 

.product-detail .desc-mobile { padding:30px 0; display:none; }
.product-detail .desc-mobile h4 { font-size:20px; margin:0 0 15px 0; text-transform:uppercase; }
.product-detail .desc-mobile .text { font-size:15px; font-weight:300; }
.product-detail .desc-mobile .text p { font-size:15px; font-weight:300; }

.product-detail .together { padding-bottom:80px; }
.product-detail .together h3 { background:url(../img/line-2px.gif) repeat-x center 20px; text-align:center; margin-bottom:52px; }
.product-detail .together h3 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; }
.product-detail .together .pic .product_pic { margin:0 12px; width:90px; }
.product-detail .together h4 { font-size:17px; font-weight:300; margin:0 0 4px 0; } 
.product-detail .together .price { color:#5c5c5b; font-size:19px; font-weight:600; }
.product-detail .together .price span { color:#7dbe31;  } 
.product-detail .together button { background:#7dbe31; color:#fff; padding:8px 60px 8px 30px; font-size:23px; text-transform:uppercase;  margin:0; }

.product-detail .review { padding-bottom:80px; }
.product-detail .review h3 { background:url(../img/line-2px.gif) repeat-x center 20px; text-align:center; margin-bottom:52px; }
.product-detail .review h3 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; }
.product-detail .review .text { text-align: center;  margin-bottom: 25px;  }
.product-detail .review .item h4 { font-size:16px; font-weight: 600;}
.product-detail .review .item .rating { margin-bottom: 15px; }
.product-detail .review .item .rdesc { font-size: 14px; }


.product-detail .alsolike { padding-bottom:50px; }
.product-detail .alsolike h4 { background:url(../img/line-2px.gif) repeat-x center 20px; text-align:center; margin-bottom:52px; }
.product-detail .alsolike h4 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; }

.product-detail .product-list .item { margin:0 15px!important; border:#ccc solid 1px; }

.product-detail .morefrom { text-align:center; }
.product-detail .morefrom h3 { background:url(../img/line-2px.gif) repeat-x center 20px; text-align:center; margin-bottom:52px; }
.product-detail .morefrom h3 span { background:#fff; padding:0 25px; color:#2b2b2b; font-size:19px; font-weight:500; display:inline-block; text-transform:uppercase; }
.product-detail .morefrom a { color:#999; } 



.product-detail .slick-dots { list-style:none; margin:30px 0 0 0; padding:0; }
.product-detail .slick-dots li { display:inline-block; margin:0 5px; }
.product-detail .slick-dots li button { background:#ccc; border-radius:10px; width:10px; height:10px; padding:0; text-indent:-9999px; }
.product-detail .slick-dots li.slick-active button { background:#7dbe31; }

.product-detail #addcart_success { display:none; }

.product-detail #addcart_success a { background:#ff9c00; color:#ffffff; padding:8px 0px; text-align:center; text-transform:uppercase; font-weight:600; display:block; }
.product-detail #addcart_success .text { margin-bottom:15px; font-size:14px; }
.product-detail #addcart_success span { margin-right:10px; width:20px; display:inline-block; }
.product-detail #addcart_success img { width:20px;-webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1; }


.product-detail .together_cart_success { display:none; }
.product-detail .together_cart_success a { background:#ff9c00; color:#ffffff; padding:8px 0px; text-align:center; text-transform:uppercase; font-weight:600; display:block; }
.product-detail .together_cart_success .text { margin-bottom:15px; font-size:14px; }
.product-detail .together_cart_success span { margin-right:10px; width:20px; display:inline-block; }
.product-detail .together_cart_success img { width:20px;-webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1; }


#mobile-product-header { padding-bottom:10px; margin-bottom:40px; display:none; }
#mobile-product-header h1 { font-size:17px; }
#mobile-product-header .price { font-size:24px; font-weight:700; text-align:right; } 
#mobile-product-header .price span { display:block; font-weight:300; font-size:16px; text-decoration:line-through; color:#aaa; }
#mobile-product-header .path { font-size: 13px; color: #333; border-bottom: #ccc solid 1px; padding-bottom: 14px; }
#mobile-product-header .name { padding: 10px 0; }
#mobile-product-header .rates { font-size: 12px; color: #999; border-top:#ccc solid 1px; padding-top: 10px; }
#mobile-product-header .rates .star { width: 16px;  vertical-align: sub; }

.slick-list { padding-bottom: 2px!important; }

/* checkour Result */

#shop #result-content { padding:60px 0 60px 0; }
#shop #result-content .main .resultbox { border:#000 solid 2px; padding:30px; text-align:center; }
#shop #result-content .main h1 { font-weight:500; font-size:34px; margin-bottom:5px; }
#shop #result-content .main .path { margin-bottom:45px;  }
#shop #result-content .main .path a { color:#000; }
#shop #result-content .main h2 { color:#444; font-size:21px; margin-bottom:26px; font-weight:500; } 


/* Feature */
.feature .item { height:545px;  }
.feature .item.text-right { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.feature .item.text-left { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.feature .item .main { padding-top:234px; }
.feature .item .main h2 {  font-size:27px; text-transform:uppercase; margin-bottom:20px; } 
.feature .item .main p {  font-size:18px; font-weight:300; }
.feature .item .main .btn a {  font-weight:500; padding:10px 20px; display:inline-block; text-transform:uppercase; font-size:21px; } 
.feature .item.white h2 { color:#fff; }
.feature .item.white p { color:#fff; }
.feature .item.white .btn a { border:#fff solid 3px; color:#fff; }
.feature .item.white .btn a:hover { background:#fff; color:#000; }
.feature .item.black h2 { color:#000; }
.feature .item.black p { color:#000; }
.feature .item.black .btn a { border:#000 solid 3px; color:#000; }
.feature .item.black .btn a:hover { background:#000; color:#fff; }
.feature .item .pic { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.feature .category .columns { border:#000 solid 10px; padding:140px 30px; text-align:center; }
.feature .category .col1 { border-right:#000 solid 5px; }
.feature .category .col2 { border-left:#000 solid 5px; }
.feature .category h3 { font-size:30px; margin-bottom:30px; text-transform:uppercase; letter-spacing:0px; }
.feature .category ul  { margin:0; list-style:none; }
.feature .category ul li { display:inline-block; margin-right:10px; margin-bottom:10px; }
.feature .category ul li a { color:#000; display:block; font-size:14px; padding:3px 10px; border:#000 solid 1px; }
.feature .category ul li a:hover { color:#fff; background:#000; }

/* Blog */
#blog .none2 { height:110px; }
#blog .feature { padding:30px 0; background-size: cover; background-position: center;   }
#blog .feature .topbox { background:#fff; padding: 40px; border-left: #7dbe31 solid 9px; }
#blog .feature h2 { font-size:32px; font-weight: 600; }
#blog .feature .date { display: block; margin-bottom: 15px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url(../img/icon_calendar.gif) no-repeat left center;  }
#blog .feature .desc { color:#353535; font-size:16px; margin-bottom: 45px; }
#blog .feature .more a { padding:8px 20px; border:#000 solid 2px; color:#000; font-weight:600; font-size:15px; transition: all; transition-duration: 0.3s;  }
#blog .feature .more a:hover { background:#000; color: #fff; }

#blog .path  { font-size:13px; color: #999; padding-top: 30px; text-align: center; margin-top: 20px; }
#blog .path a { color:#999; }
#blog .path h1 { font-size:32px; font-weight: 600; }
#blog .blog_list { margin-top: 50px; }
#blog .blog_list li { position: relative; }
#blog .blog_list .box { border:#ccc solid 1px; padding: 13px; top:0; width: 100%; left: 0; bottom: 0; }
#blog .blog_list .box img { width: 100%; }
#blog .blog_list .box .padding { padding: 18px 14px 0 14px; }
#blog .blog_list .box h2 { font-size:18px; color:#333; font-weight: 500; }
#blog .blog_list .box h2 a { color: #333; }
#blog .blog_list .box .date { display: block; margin-bottom: 15px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url(../img/icon_calendar.gif) no-repeat left center;  }
#blog .blog_list .box .desc  { color: #333; font-size: 13px; }
#blog .blog_list .more { margin-top:30px; }
#blog .blog_list .more a { font-size:14px; padding:8px 20px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s;  }
#blog .blog_list .more a:hover { background:#000; color: #fff; }



#blog .paging { margin-top: 60px; margin-bottom: 90px; }
#blog .paging .col1 { padding-left: 0; }
#blog .paging .col1 .btn { font-size:17px; padding:12px 18px; border:#000 solid 1px; color:#000; margin-right: 10px; transition: all; transition-duration: 0.3s; }
#blog .paging .col1 .btn:hover { background: #000; color: #fff; }
#blog .paging .col1 .selected { border-width: 2px; font-weight: 600; }
#blog .paging .col2 { text-align: right; }
#blog .paging .more { font-size:17px; padding:12px 18px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s;  }
#blog .paging .more:hover { background:#000; color: #fff; }

#blog_detail { padding: 55px 0; }
#blog_detail .path1 { color:#999; font-size: 13px; margin-bottom: 30px; }
#blog_detail .path1 a { color:#999; }
#blog_detail .col1 { padding-right: 4rem; }
#blog_detail h1 { margin-bottom: 20px; }
#blog_detail .date { display: block; margin-bottom: 5px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url(../img/icon_calendar.gif) no-repeat left center;  }
#blog_detail .content { margin-top: 30px; }
#blog_detail .mainpic { width: 100%;  margin-bottom: 60px; }
#blog_detail .desc { margin: 0 5rem; color: #232323; }
#blog_detail .desc blockquote { font-size:18px; font-weight: 800; color: #232323; margin-bottom: 40px;  }
#blog_detail .desc img { width: 100%; }
#blog_detail .pic { margin-bottom: 60px; margin-top: 60px; position: static; left: -5rem; }
#blog_detail .pic img { width: 100%; }
#blog_detail .pic label { display: block; text-align: center; font-size: 13px; color: #232323; margin-top: 10px; }
#blog_detail .col2 h2 { font-size: 18px; text-transform: uppercase; padding: 8px 0; color: #232323; border-top:#232323 solid 1px; border-bottom: #232323 solid 1px; }
#blog_detail .col2 h3 { font-size: 16px; margin-bottom: 20px; }
#blog_detail .col2 .more { margin-bottom: 30px; }
#blog_detail .col2 .more a { font-size:14px; padding:6px 14px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s; }
#blog_detail .col2 .more a:hover { background:#000; color: #fff; }
#blog_detail .col2 .item { margin: 30px 0; border-bottom: #000 solid 7px; }


#home_blog { background: #f1f1f1; padding-top: 60px; padding-bottom: 60px; }
#home_blog h2 { text-align: center; color: #3f4541; font-size: 30px; font-weight:500; margin-bottom: 80px; margin-top: 0; }
#home_blog .box { background: #fff; padding: 13px; height: 100%; }
#home_blog .box img { width: 100%; }
#home_blog .box .padding { padding: 18px 14px 0 14px; }
#home_blog .box h3 { font-size:18px; color:#333; font-weight: 500; }
#home_blog .box h3 a { color:#333; }
#home_blog .box .date { display: block; margin-bottom: 15px; font-size:14px; color: #999; font-weight: 300; padding-left: 30px; background:url(../img/icon_calendar.gif) no-repeat left center;  }
#home_blog .box .desc  { color: #333; font-size: 13px; }
#home_blog .more { margin-top:30px; }
#home_blog .more a { font-size:14px; padding:8px 20px; border:#000 solid 1px; color:#000; font-weight:400; transition: all; transition-duration: 0.3s;  }
#home_blog .more a:hover { background:#000; color: #fff; }
#home_blog .center { text-align: center; }
#home_blog a.btn-viewall { background: #fff; padding:12px 25px; border:#000 solid 2px; margin:50px auto 0 auto; display:inline-block; color:#000; font-weight:600; transition: all; transition-duration: 0.3s; } 
#home_blog a.btn-viewall:hover { background: #000; color: #fff; }

/* checkout */
.checkout { padding:26px 0.9375em 60px 0.9375em; }
.checkout .path  { font-size:13px; color: #999; }
.checkout .path a { color:#999; }
.checkout h1 { font-size:40px; font-weight:500; margin-bottom:70px; }
.checkout .cart-list { width:100%;  }
.checkout .cart-list .head { width:100%; border-bottom:#d6d5db solid 1px; padding-bottom:2px; overflow:hidden; height:100%; }
.checkout .cart-list .head .columns { text-transform:uppercase; font-size:14px; font-weight:700; padding-left:0; padding-right:0; }
.checkout .cart-list .item { width:100%; border-bottom:#d6d5db solid 1px; padding:20px 2px; overflow-y:auto; overflow-x:hidden; height:100%; }
.checkout .cart-list .item .thumb { width:90%; }
.checkout .cart-list .item .pic { text-align:left; }
.checkout .cart-list .item .title { font-weight:700; font-size:14px; margin:0px 0 5px 0; }
.checkout .cart-list .item .option { margin:0; font-size:14px; color:#666; font-size:13px; }
.checkout .cart-list .item .price { margin:0; color:#666; font-size:13px; }
.checkout .cart-list .item .columns { padding-left:0; padding-right:0; }
.checkout .cart-list .item .textbox { width:86px; padding:8px 0; text-align:center; border:#000 solid 1px; box-shadow:none; font-size:20px; margin-bottom:0px; }
.checkout .cart-list .item .btn-remove { font-size:13px; color:#000; text-decoration:underline; }
.checkout .cart-list .item .option .pic1 { width:50px; border:#ddd solid 1px; }
.checkout .cart-list .item .option .pic2 { width:30px; margin:0 20px; }
.checkout .cart-list .item .option .pic3 { width:50px; border:#ddd solid 1px; }
.checkout .cart-list .item .free_gift { background:url(../img/icon-gift.png) no-repeat left center; padding-left:25px; background-size:16px; }
.checkout .cart-list .item .subprice { font-size:13px; color:#666; display:none; }

#shop .no-cart { padding:20px; border:#000 solid 1px; text-align:center; }
#shop .no-cart .btn { display:inline-block; background:#7dbe31; border:none; color:#fff; padding:12px 20px; font-size:18px; text-transform:uppercase;  margin:25px 0 0 0; } 

.checkout .summary { background:#ececec; padding:22px 33px; overflow:auto; height:100%; margin-top:2px; } 
.checkout .summary .promobox h4  { font-weight:700; font-size:17px; margin:0 0 0px 0;  }
.checkout .summary .promobox p { margin:0 0 10px 0; font-weight:300; font-size:14px; }
.checkout .summary .promobox .textbox { width:178px; border:#bbb solid 1px; box-shadow:none; display:inline-block; margin-right:5px; margin-bottom:10px; }
.checkout .summary .promobox  button { background:#7ebe32; color:#fff; font-weight:500; padding:9px 15px; display:inline-block; font-size:14px; margin-bottom:10px; } 
.checkout .summary .promobox .msg-success { background:url(../img/icon-tick.gif) no-repeat left top; padding-left:30px; font-size:14px; }
.checkout .summary .promobox .msg-warning { background:url(../img/icon-warning.gif) no-repeat left top; padding-left:30px; font-size:14px; }
.checkout .summary .totalbox .box {float:right; }
.checkout .summary .totalbox .oxipay { margin: 8px 0; font-size: 12px; }
.checkout .summary .totalbox { text-align:right; }
.checkout .summary .totalbox p { margin:0; font-size:15px; font-weight:300; }
.checkout .summary .totalbox p label { float:left; width:190px; text-align:left; font-weight:300; font-size:15px; }
.checkout .summary .totalbox p.total { border-top:#bbb solid 1px; padding-top:8px; font-size:16px; font-weight:700; color:#000; margin-top:8px;  }  
.checkout .summary .totalbox p.total label { font-size:16px; font-weight:700; color:#000; }
.checkout .summary .ship_status { font-size: 16px; }
.checkout .summary .ship_icon { width: 30px; margin-right: 10px; }

.chknote .col1,.chknote .col2 { border-right:#bababa solid 1px;  }
.chknote .col1 { padding-left: 0; padding-right: 1.875rem; }
.chknote .col2 { padding-left: 1.4rem; padding-right: 1.875rem; }
.chknote .col3 { padding-left: 1.4rem; }
.chknote .col1 img { width: 30px; margin-right: 5px; }
.chknote .col2 img { width: 30px; }
.chknote h6 { color: #878787; font-size: 16px; font-weight: 500; margin:0;  }
.chknote p { font-size: 13px!important; }


.checkout .btnbox { text-align: right; margin-top:40px; }
.checkout .btnbox .continue { color:#000; text-decoration:underline; }
.checkout .btnbox .btn-next {  background:#7ebe32; padding:10px 30px; display:inline-block; margin:0 auto; color:#fff; font-weight:600; font-size:18px; }
.checkbox .proceed {  }

.checkout .loginbox { padding-left:0; }
.checkout .loginbox h2 { text-transform:uppercase; font-size:16px; background:url(../img/line-2px.gif) repeat-x center 11px; font-weight:500; }
.checkout .loginbox h2 span { display:inline-block; padding-right:20px; background:#fff; }
.checkout .loginbox p { font-weight:300; font-size:14px; }
.checkout .loginbox .btn-signin { background:url(../img/icon-facebook1.png) no-repeat 10px 10px; display:block; text-transform:uppercase; height:77px; padding:24px 10px 10px 78px; border:#3e5c98 solid 1px; margin-bottom:24px; font-weight:600; color:#3d5c97; font-size:18px; }
.checkout .loginbox .btn-signin span {  }
.checkout .loginbox .textbox { border:#000 solid 1px; box-shadow:none; font-size:15px; padding:10px; height:auto; }
.checkout .loginbox .box button { background:#000; float:left;  padding:8px 20px; text-transform:uppercase; margin-right:20px; }
.checkout .loginbox .box p { float:left; font-size:12px; color:#7d7d7d;  }
.checkout .loginbox .box a { text-decoration:underline; }

.panelPay { text-align: center;  }
.panelPay .paylogo { margin-bottom: 30px; }
.panelPay .close { font-size:26px; font-weight:300; }
.panelPay .red { color: #cc0000; }

#loginModal .close { font-size:26px; font-weight:300; }
#loginModal h5 { font-size:26px; text-align:center; margin:20px 0; text-transform:uppercase; }
#loginModal #login-facebook { background:#3a5ba2; color:#fff; padding:10px 0; display:block; font-size:16px; text-align:center; font-size:300; } 
#loginModal #login-facebook img { width:24px; margin-right:10px; }
#loginModal .line { background:url(../img/line-grey-2px.gif) repeat-x center center; text-align:center; margin:20px 0; }
#loginModal .line span { display:inline-block; padding:0 10px; background:#fff; background-size:1px; }
#loginModal .textbox { border:#000 solid 1px; text-align:center; box-shadow:none; font-size:16px; }
#loginModal .last { text-align:right; }
#loginModal .last a { color:#000; text-decoration:underline; font-size:14px; }
#loginModal .btn-login { width:100%; background:#7ebe32; font-size:16px; color:#fff; }
#loginModal .create_account { text-align:center; color:#000; text-decoration:underline; margin-top:10px; font-size:16px; display:block; }
#loginModal #panelRegister { display:none; }
#loginModal #panelForget { display:none; }
#loginModal .req { background:#ffebeb; }

.checkout .signup {  padding-right:0; }
.checkout .signup h2 { text-transform:uppercase; font-size:16px; background:url(../img/line-2px.gif) repeat-x center 11px; font-weight:500; }
.checkout .signup h2 span { display:inline-block; padding-right:20px; background:#fff; }
.checkout .signup p { font-weight:300; font-size:14px; }
.checkout .signup .btn1 { padding-left:0; }
.checkout .signup .btn2 { padding-right:0; }
.checkout .signup #signup-facebook { border:#000 solid 1px; padding:12px 10px 0px 70px; height:64px; overflow:hidden; background:url(../img/icon-facebook2.png) no-repeat 10px 10px; display:block; color:#000; font-size:15px; font-weight:600; line-height:18px; }
.checkout .signup #signup-facebook span { width:180px; display:block; }
.checkout .signup #signup-email { border:#7dbe31 solid 1px; padding:12px 10px 0px 70px; height:64px; overflow:hidden; background:url(../img/icon-email.png) no-repeat 10px 10px; display:block; color:#7dbe31; font-size:15px; font-weight:600; line-height:18px; }
.checkout .signup #signup-email span { width:160px; display:block; }
.checkout .signup h3 { margin:27px 0 16px 0; text-transform:uppercase; font-size:14px; color:#8d8d8d; background:url(../img/line-grey-2px.gif) repeat-x center 11px; font-weight:500; }
.checkout .signup h3 span { display:inline-block; padding-right:20px; background:#fff; }
.checkout .signup .form .col1 { padding-left:0; }
.checkout .signup .form .col2 { padding-right:0; } 
.checkout .signup .form .textbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; }
.checkout .req { background:#ffebeb; }
.checkout .signup .form .listbox { border:#000 solid 1px; box-shadow:none; background-color:#fff;  }
.checkout .signup .form  button { background:#000; padding:8px 20px; text-transform:uppercase; }
.checkout .req_red { color:#cc0000; }

/* Checkout */

.checkout .notice { border:#7dbe31 solid 1px; padding: 10px; background:#dcf4c0; margin-bottom: 20px;  }

.checkout #checkoutform h2 { text-transform:uppercase; font-size:16px; background:url(../img/line-2px.gif) repeat-x center 11px; font-weight:500; }
.checkout #checkoutform h2.grey { color:#999; }
.checkout #checkoutform h2 span { display:inline-block; padding-right:20px; background:#fff; }
.checkout #checkoutform h3 { text-transform:uppercase; font-size:14px;  font-weight:500; margin-bottom:20px; }
.checkout #checkoutform .floor { margin-bottom:43px; }
.checkout #checkoutform .floor p { font-weight:300; font-size:14px; }
.checkout #checkoutform .floor .box { padding:15px 25px; background:#ececec;border:#ececec solid 1px;  position:relative; margin-bottom:10px; position: relative; } 
.checkout #checkoutform .floor .box .update { position:absolute; bottom:15px; right:15px; color:#666; text-decoration:underline; font-size:13px; }
.checkout #checkoutform .floor .box p { margin-bottom:0; }
.checkout #checkoutform .floor .box .opt { position: absolute; top: 10px; right:10px; width: 21px; height: 21px; background: url('../img/option.png'); }
.checkout #checkoutform .floor .box .opt.tick { background: url('../img/option-tick.png'); }
.checkout #checkoutform .floor .option { color:#000; padding:0 0 0 43px; background:url(../img/option.png) no-repeat left 3px; display:block; }
.checkout #checkoutform .floor .selected {  background:url(../img/option-tick.png) no-repeat left 3px; display:block; }
.checkout #checkoutform .floor .option span { display:block; font-weight:300; font-size:14px; }
.checkout #checkoutform .floor #signin-vivo { background:#7ebe32; color:#fff; display:inline-block; padding:10px 15px; font-weight:600; margin:20px 10px 20px 0; }
.checkout #checkoutform .floor #signin-facebook { background:#3a5ba2; color:#fff; display:inline-block; padding:10px 15px; font-weight:600;  margin:20px 0px 20px 0; }
.checkout #checkoutform .floor .create-account { background:#000; color:#fff; display:inline-block; padding:10px 15px; font-weight:600; font-size:14px; }
.checkout #checkoutform .floor .textbox { border:#000 solid 1px; }
.checkout #checkoutform .floor #cancel_form { color:#000; font-size:14px; text-decoration:underline; margin-left:15px; }
.checkout #checkoutform .add {  }
.checkout #checkoutform .add a { font-weight:600; color:#545454; }
.checkout #checkoutform .add img { margin-right:20px; } 
.checkout #checkoutform .textbox { border:#000 solid 1px; padding:12px; font-size:15px; box-shadow:none; height:auto; margin-bottom:10px; }
.checkout #checkoutform .edit-shipping-form { margin-bottom:20px; }

.checkout #checkoutform  .voucher label { font-size:13px; margin:25px 0 0px 0; }
.checkout #checkoutform  .voucher label input { margin-right:21px; }
.checkout #checkoutform .form { margin-top:25px; }
.checkout #checkoutform .radio { margin:25px 0 25px 0; }
.checkout #checkoutform .radio a { color:#000; padding:2px 0 3px 40px; background:url(../img/option.png) no-repeat left 0px; display:block; font-size:13px; margin-bottom:15px; }

.checkout #skincarebox { display:none; }

.checkout #checkoutform .survey { margin-bottom:40px; }
.checkout #checkoutform .survey .box { font-size:13px; padding:15px; background:#ececec; margin-bottom:30px;margin-top:30px;  }
.checkout #checkoutform .survey p { font-weight:300; } 
.checkout #checkoutform .survey .row { margin-bottom:12px; }
.checkout #checkoutform .survey h3 { font-size:14px; }
.checkout #checkoutform .survey .question { font-size:14px; }
.checkout #checkoutform .survey .answer label { float:right; margin-left:10px; }
.checkout #checkoutform .survey .answer input { margin-bottom:0; }
.checkout #checkoutform .survey .tbox { padding-left:0; padding-right:0; }
.checkout #checkoutform .survey .textarea { padding:15px; height:105px; border:#000 solid 1px; margin-bottom:0; box-shadow:none; } 

.checkout #checkoutform .payment h3 { margin:25px 0; text-transform:uppercase; font-size:14px; background:url(../img/line-1px.gif) repeat-x center 11px; font-weight:300; }
.checkout #checkoutform .payment h3 span { display:inline-block; padding-right:20px; background:#fff; }
.checkout #checkoutform .payment .cardform .column { padding-left:0; padding-right:0; }
.checkout #checkoutform .payment .cardform .visa { background-image:url(../img/icon-vs.png); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; }
.checkout #checkoutform .payment .cardform .mc { background-image:url(../img/icon-mc.png); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; }
.checkout #checkoutform .payment .cardform .amax { background-image:url(../img/icon-amx.png); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; }
.checkout #checkoutform .payment .cardform .textbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; }
.checkout #checkoutform .payment .cardform .listbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; width:48%; padding:11px; height:auto; }
.checkout #checkoutform .payment .totalcharge { text-transform:uppercase; font-size:18px; font-weight:600; } 
.checkout #checkoutform .payment .totalcharge1 { margin:10px 0 20px 0; }
.checkout #checkoutform .payment .totalcharge2 { margin:10px 0 20px 0; }
.checkout #checkoutform .payment .oxipay {text-transform:uppercase; font-size:16px; margin:10px 0 20px 0; font-weight:600; }
.checkout #checkoutform .payment  button { background:#7ebe32; color:#fff; text-transform:uppercase; font-size:20px; padding:15px 20px; font-weight:500; } 
.checkout #checkoutform .payment  button.processing { background:#999;  } 
.checkout #checkoutform .payment .moreinfo { float: right;  }
.checkout #checkoutform .payment .moreinfo a { text-decoration: underline; font-weight: 400; font-size: 14px; }

.checkout #edit-print { display:none; }

.checkout #desktop_free_sample h1 { text-align:center; margin:25px 0 25px 0;  }
.checkout #desktop_free_sample p { text-align:center; margin-bottom:60px; }
.checkout #desktop_free_sample .pic { border-radius:250px; border:#ccc solid 1px; width:200px; margin-bottom:15px; }
.checkout #desktop_free_sample li { text-align:center; }
.checkout #desktop_free_sample li h4 { color:#7dbe31; font-size:18px; text-transform:uppercase; }
.checkout #desktop_free_sample li p { font-size:13px; margin-bottom:18px; }
.checkout #desktop_free_sample li button { background:#fff; padding:10px 20px; border:#7dbe31 solid 1px; color:#7dbe31; }
.checkout #desktop_free_sample li button:hover { background:#7dbe31; color:#fff; }

.payoption .col1 { padding-left: 0; cursor: pointer; }
.payoption .col2 { padding-right: 0; cursor: pointer; }
.payoption .col3 { padding-left: 0; cursor: pointer; }
.payoption .col4 { padding-right: 0; cursor: pointer; }
.payoption .box { border: #eee solid 1px;}
.payoption .box:hover { background: #f1f1f1!important;}
.payoption .box.checked { border: #666 solid 1px!important; }
.payoption .box.req { background:#ffebeb!important; }
.payoption h5 { font-size: 15px; margin-bottom: 14px; font-weight: 600; }
.payoption img { margin-bottom: 12px; }


.express .payoption { margin-bottom: 30px; }
.express .box { background: #fff!important; padding: 20px!important; }
.express .box p { font-size: 14px; margin-bottom: 0;}
.express .col1 { padding-left: 0.935rem;  }
.express .col2 { padding-right: 0.935rem;  }
.express .col3 { padding-left: 0.935rem;  }
.express .col4 { padding-right: 0.935rem;  }

.checkout #panel_creditcard { display: none; }


#tabbutton { display:none; background:#fff; border-top:#bdbdbd solid 1px; padding:7px 0; position:fixed; left:0; bottom:0; width:100%; z-index:1300 }
#tabbutton ul { margin:0; padding:0; list-style:none; }
#tabbutton ul li { width:20%; float:left; text-align:center; margin:0; padding:0; overflow:hidden; position:relative; }
#tabbutton ul li img { width:24px; height:24px; }
#tabbutton ul li .name { font-weight:600; letter-spacing:0px; font-size:11px; color:#999; display:block; line-height:11px; margin-top:5px; height:15px; overflow:hidden; }
#tabbutton ul li .badge { background:#F00; color:#fff; border-radius:15px; font-size:12px; width:18px; text-align:center; height:18px; line-height:18px; position:absolute; right:20px; top:0; display:block; font-weight:600; }
#tabbutton .pic-hover { display:none; }
#tabbutton .selected .pic { display:none; }
#tabbutton .selected .pic-hover { display:inline-block; }
#tabbutton .selected .name { color:#7dbe31; }


#overlaymenu {  display:none; border-top:#000 solid 1px;  background:url(../img/menu-bg.png); position:fixed; left:0; top:0; right:0; bottom:0px; z-index:1100; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom:100px; } 
#overlaymenu .toppanel { background:#eee; padding:10px; text-align:right; }
#overlaymenu .toppanel img { width:16px; }
#overlaymenu .wrapper { margin:20px auto 0 auto;width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#overlaymenu .inner { width:90%; margin:0 auto; }
#overlaymenu .search { position:relative;   background:#c1c1c1; border-radius:10px; }
#overlaymenu .search input { background:none; border:none; text-align:center; box-shadow:none; }
#overlaymenu input::-moz-placeholder { color:#333!important; }
#overlaymenu input::-webkit-input-placeholder { color:#333!important; }
#overlaymenu .search .btn-search { width:20px; position:absolute; right:15px; top:5px; }
#overlaymenu .tabs { display:none; }
#overlaymenu .tabs a { font-size:13px; width:50%; float:left; padding:5px 0; color:#000; text-align:center; display:block; border-bottom:#ccc solid 1px; font-weight:300; } 
#overlaymenu .tabs a.selected { border-bottom:#7dbe31 solid 3px; font-weight:600; }
#overlaymenu h4 { text-align:center; font-size:17px; border-bottom:#000 solid 1px; padding-bottom:5px; margin-top:30px; }
#overlaymenu .content { }
#overlaymenu .content a { text-align:center; display:block; padding:3px 0; color:#666; font-weight:300; font-size:14px; }
#overlaymenu #content3, #overlaymenu #content4 { margin-top:20px; }
#overlaymenu #content1 { display:block; }
#overlaymenu #content2 { display:none; }
#overlaymenu #content3 { display:none; }

#overlaymenu #search_result { display:none; }
#overlaymenu #search_result .brand { margin:0; font-size:13px; }
#overlaymenu #search_result h5 { margin:0 0 5px 0; }
#overlaymenu #search_result .row { padding-top:15px; padding-bottom:15px; border-bottom:#ccc solid 1px; }
#overlaymenu #search_result .shipping { margin:0; font-size:13px;  }
#overlaymenu #search_result .shipnow { color:#7dbe31; padding-left:25px; background:url(../img/tick.gif) no-repeat left center; background-size:16px; } 

/* Member Panel */
.member-panel { padding:40px 0; position:relative; }
.member-panel h1 { font-weight:500; font-size:34px; margin-bottom:5px; text-align:center; text-transform:uppercase; }
.member-panel .path { margin-bottom:25px; text-align:center;  }
.member-panel .path a { color:#000; }
.member-panel .centre { text-align:center; }
.member-panel .logout { padding:5px 8px; background:#7dbe31; color:#fff; display:inline-block; margin-bottom:30px; font-size:13px; }

.member-panel .panelbox { padding:25px; border:#000 solid 1px; margin-bottom:30px; }
.member-panel .panelbox h3 { font-size:18px; letter-spacing:0px; margin:0 0 15px 0; }
.member-panel .panelbox h3 a { float:right; font-size:14px; font-weight:normal; }
.member-panel .panelbox #panel-personal p { font-size:14px;  }
.member-panel .panelbox #edit-personal { display:none; }
.member-panel .panelbox #edit-personal label { font-size:14px; }
.member-panel .panelbox #edit-personal .textbox { border:#000 solid 1px; margin-bottom:7px; }
.member-panel .panelbox #edit-personal button { padding:10px 20px; background:#000; }

.member-panel .panelbox #password_preview { padding:10px; background:#ececec; font-size:13px; }
.member-panel .panelbox #password_form { display:none; }
.member-panel .panelbox #password_form label { font-size:14px; }
.member-panel .panelbox #password_form .textbox { border:#000 solid 1px; margin-bottom:7px; }
.member-panel .panelbox #password_form button { padding:10px 20px; background:#000; }

.member-panel .panelbox #address_preview .box { background:#ececec; padding:15px; font-size:14px; margin-bottom:8px; }
.member-panel .panelbox #address_preview .box strong { display:block; }
.member-panel .panelbox #address_preview .box a { font-size: 13px; float:right; color:#000; text-decoration:underline; }
.member-panel .panelbox #address_preview .textbox { border:#000 solid 1px; margin-bottom:7px; }
.member-panel .panelbox #address_preview button { padding:10px 20px; background:#000; }

.member-panel .panelbox #creditcard_preview {  background:#ececec; padding:10px; font-size:14px; font-size:13px; }
.member-panel .panelbox #creditcard_preview a.remove { float:right; }
.member-panel .panelbox #creditcard_form { display:none; margin-top:8px; }
.member-panel .panelbox #creditcard_form .textbox { border:#000 solid 1px; margin-bottom:7px; }
.member-panel .panelbox #creditcard_form button { padding:10px 20px; background:#000; }
.member-panel .panelbox #creditcard_form .req { background:#ffebeb; }
.member-panel .panelbox #creditcard_form .visa { background-image:url(../img/icon-vs.png); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; }
.member-panel .panelbox #creditcard_form.mc { background-image:url(../img/icon-mc.png); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; }
.member-panel .panelbox #creditcard_form .amax { background-image:url(../img/icon-amx.png); background-position:right 10px center; background-repeat:no-repeat; background-size:40px; }
.member-panel .panelbox #creditcard_form .listbox { border:#000 solid 1px; box-shadow:none; margin-bottom:10px; width:48%; padding:7px; height:auto; }


.member-panel .order-box { border:#000 solid 1px; padding:0.9375rem 0; margin-bottom:10px; }
.member-panel .summary { background:#eee; padding:8px 12px; height:100%; }
.member-panel .summary h5 { font-size:15px; }
.member-panel .summary .date { font-size:13px; color:#666; margin:0; }
.member-panel .order-box .totally { font-size:13px; text-align:right; display:block; } 


.member-panel .detail h6 { font-size:15px; margin:0; color:#000; }
.member-panel .detail .option { font-size:14px; color:#666; margin-bottom:10px; } 
.member-panel .detail .qty { font-size:14px; color:#333; }
.member-panel .detail .status .download  { float:right; color:#000; background:url(/img/icon-pdf.png) no-repeat left center; padding-left:26px; background-size:16px; }
.member-panel .detail .status { background:#eee; padding:15px; font-size:14px; } 
.member-panel .detail .process { color:#F60; font-weight:bold; }
.member-panel .detail .shipped { color:#390; font-weight:bold; } 
.member-panel .detail .cancelled { color:#666; font-weight:bold; } 
.member-panel .close { display:none; }
.member-panel .more { text-align:right; }
.member-panel .more a { color:#000; text-decoration:underline; font-size:18px; }

.member-panel .reset { text-align:center; }
.member-panel .reset label { text-align:center; margin-bottom:5px; }
.member-panel .reset .textbox { border:#000 solid 1px; margin-bottom:16px; text-align:center;  }
.member-panel .reset button { padding:10px 20px; background:#000; margin-top:30px; color:#fff; }
.member-panel .reset .req { background:#ffebeb; }


/* Deal */
#deal { margin: 45px 0;}
#deal #intro h1 { font-size: 28px; margin-bottom: 35px; font-weight: 300; }
#deal #intro span { font-size: 18px; color: #7dbe31; display: block; }
#deal #intro .col1 #large { width: 100%; }
#deal #intro .col1 .thumb { margin-top: 15px;  }
#deal #intro .col1 .thumb ul { list-style: none; margin:0; padding: 0;  }
#deal #intro .col1 .thumb ul li { margin-right: 14px; float: left; margin-bottom: 14px; }
#deal #intro .col1 .thumb ul li img { width: 114px; height: 85px; }
#deal #intro .col2 h2 { font-size: 20px; font-weight: 600; margin:0 0 23px 0; }
#deal #intro .col2 li { font-size: 14px; line-height: 20px; margin-bottom: 18px;  }
#deal #intro .col3 .box { border: #d1d1d1 solid 1px; padding: 30px 20px; }
#deal #intro .col3 .box .price { font-size: 48px; color: #fc5f00; font-weight: 600; text-align: center; line-height: 48px; }
#deal #intro .col3 .box .price span { line-height: 18px; font-size: 16px; color: #999; font-weight: 400; display: block; text-decoration:line-through; }
#deal #intro .col3 .box button { padding: 10px 0; background: url(../img/icon-shopping-bag.png) #7dbe31 no-repeat left 20px center; background-size: 26px; color: #fff; font-size: 25px; font-weight: 500; width: 100%; }
#deal #intro .col3 .box .info { margin-bottom: 25px; clear: both; }
#deal #intro .col3 .box .info .columns { padding: 0 0.625rem; text-align: center; }
#deal #intro .col3 .box .info label { text-transform: uppercase; color: #231e20; font-size: 11px;  }
#deal #intro .col3 .box .info span { font-weight: 500px;  font-size: 19px; color: #231e20; font-weight: 600;  }
#deal #intro .col3 .box .stat { margin: 25px 0;  padding: 25px 0; border-top:#d1d1d1 solid 3px; border-bottom: #d1d1d1 solid 3px; }
#deal #intro .col3 .box .stat .number { text-align: center; font-weight: 600; color: #231f20; font-size: 19px; margin-bottom: 10px; }
#deal #intro .col3 .box .stat .number img { width: 28px; margin-right: 9px; }
#deal #intro .col3 .box .stat .expiry { color:#fc5f00; font-weight: 600; font-size: 15px; text-align: center; margin-bottom: 0; }
#deal #intro .col3 .box .social { text-align: center; }
#deal #intro .col3 .box .social h5 { color:#231e22; margin-bottom: 10px; font-size: 12px; text-align: center; font-weight: 600; }
#deal #intro .col3 .box .oxipay { font-size: 12px; text-align: center; }

#deal #main .tab { border-top:#231f20 solid 2px; border-bottom:#231f20 solid 2px; margin-top: 30px; margin-bottom:28px; overflow: auto; height: 100%;  }
#deal #main .tab ul { list-style: none; margin:0; padding: 0; }
#deal #main .tab ul li { float: left;  border-right:#231f20 solid 2px;   }
#deal #main .tab ul li a { padding: 12px 40px; display: block; font-size: 15px; color: #231f20; text-transform:uppercase; font-weight: 600;  }
#deal #main .tab ul li a.selected { background: #eaeaec; }
#deal #main h3 { color: #231f20; font-weight: 600; font-size:15px; }
#deal #main .desc { font-size: 15px; }
#deal #main .desc p { font-size: 15px; }
#deal #main .box { background: #eaeaea; padding: 20px 20px 20px 20px; color: #231f20;  }
#deal #main .box h4 { font-size: 15px; font-weight: 600; }
#deal #main .box .phone {   font-size:20px; padding-left: 30px; background: url(../img/daily_phone.png) no-repeat left center; background-size: 22px;  } 
#deal #main .box .phone a { color:#231f20; }
#deal #main .box h5 { font-size: 15px; }
#deal #main .box #address p { font-size: 15px;  }

#deal .mobile-highlight { padding: 30px 0; clear: both; display: none; }
#deal .mobile-highlight h2 {color: #231f20; font-weight: 600; font-size:20px; }


#deal #other { margin: 42px 0;  }
#deal #other h3 { font-size: 22px; margin-bottom: 40px; font-weight: 600; }
#deal #other .box { border-top:#d1d1d1 solid 1px; padding-top: 42px; color:#231f20;   }
#deal #other .row1400 > .column { padding-bottom: 80px; }
#deal #other .box img { width: 100%; margin-bottom: 23px; }
#deal #other .box h4 { font-size: 17px; margin: 0 0 10px 0; }
#deal #other .box .left { color: #7dbe31; }
#deal #other .box .right { color: #7dbe31; font-size: 26px; font-weight: 600; }

#deal_checkout { margin: 30px 0; }
#deal_checkout .box { border:#ccc solid 1px; padding: 30px; background: #f1f1f1; }
#deal_checkout h1 { font-size: 24px; margin-bottom: 20px; }
#deal_checkout .qty { font-size: 12px; }
#deal_checkout .summary { background: #fff; text-align: right; margin-bottom: 30px; }
#deal_checkout .summary .column { text-align: right; padding: 10px 24px; font-size: 18px; font-weight: 600;  }
#deal_checkout h2 { font-size: 20px; margin-bottom: 25px; }
#deal_checkout h2 span { float: right; }
#deal_checkout h2 span img { height: 24px; margin-left: 10px; }
#deal_checkout .term { margin-top: 30px; }
#deal_checkout .term .column { text-align: center;}
#deal_checkout .term .btn { display: inline-block; color: #fff; background: #7dbe31; padding: 10px 20px; font-size: 20px; font-weight: 600; }
#deal_checkout .term .btn.processing { background:#999; }
#deal_checkout .req { background:#ffebeb; }
#deal_checkout .listbox { width: 45%; margin-right:10px; }
#deal_checkout .oxipay { font-size: 12px; margin: 8px 0;  }


.review { text-align: center; margin: 50px 0; }
.review h1 { font-size: 25px; }
.review .breadcrumb { font-size: 13px; color: #999; }
.review .breadcrumb a { color: #999;}
.review .item.current { border: #ddd solid 1px; }
.review .item { padding: 30px; margin-bottom: 30px; }
.review .item h2 { font-size: 20px; margin-top: 0px; }
.review .item .rating span { cursor: pointer; background: #7dbe31; color: #fff; padding: 10px 0px; font-size: 15px; width: 44px;  border-radius: 30px; display: inline-block; }
.review .item .rating span.selected { background: #ff9000; }
.review .item textarea { height: 120px; }
.review .item button { background: #000; color: #fff; }


.desc_text { margin-bottom: 30px; text-align: center; }
.desc_text .columns h4 { font-size: 13px; color: #999; }
.desc_text .columns p { font-size: 13px; color: #999; }
.desc_text .columns p a { color: #999; text-transform: none; }

.term {  font-family: 'Arial'; font-size:9px;}
.term p { font-family: 'Arial'; font-size:9px; }
.term h3 { font-size: 11px; font-weight: bold;; }

.newsletter { padding: 30px 0; background: #eee; }
.newsletter h4 { font-size: 20px;  text-align: center; margin-bottom: 25px;}
.newsletter label { color: #777; }
.newsletter button { background-color: #fff!important; padding: 6px 10px; border: #000 solid 2px; color: #000; font-weight: 300; margin-bottom: 0; }
.newsletter button:hover, .newsletter button:focus { background-color: #000!important; color: #fff!important; }
.newsletter .sub_success { background: #fff; border-top: #57d206 solid 3px; display: block; text-align: center; padding: 15px; color: #666}
.newsletter .sub_fail { background: #fff; border-top: #e60404 solid 3px; display: block; text-align: center; padding: 15px; color: #666}


/* #maximage */

.mc-hide-scrolls { overflow:hidden; }
body .mc-cycle { height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%; z-index:-1; }
div.mc-image { -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  background-position:center center;  background-repeat:no-repeat;  height:100%;  overflow:hidden;  width:100%; }
.mc-old-browser .mc-image { overflow:hidden; }



@media only screen and (min-width: 64em)  and (max-width: 78em) { 
  #desktop-header #desktop-menu { display:none; }
  #desktop-header #tablet-menu { display:block; }
  #desktop-header #navbar { height:150px; }
  
  .reveal-modal.tiny { width:450px; }
  #shop .none1 { height:150px; }

  #blog .feature { margin-top: 40px; padding: 90px 50px;  }


}

/* Tablet */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

  .reveal-modal.tiny { width:450px; }
  #shop .none1 { height:150px; }
  
  #desktop-header #navbar { height:150px; }
  #desktop-header #navbar .logo { margin-left:0px; }
  
  #desktop-header #desktop-menu { display:none; }
  #desktop-header #tablet-menu { display:block; }
  
  #desktop-shop-menu ul li { padding:0 15px; }
  
  .package-list .item .box .pricebox .price { text-align:center; float:none; }
  .package-list .item .box .pricebox .buy  { float:none;  margin:0;  }
  .package-list .item .box .pricebox .buy a { display:block; text-align:center;}  
  
  .package-list .slick-prev, .package-list .slick-next { display:none!important; }
  .product-list .slick-prev, .product-list .slick-next { display:none!important; }  
  
  #home #tumblr  ul li .hover { padding:30px; }
  #home #tumblr  ul li .hover .box h3 { font-size:16px; }
  
  #page #page-content { padding-top:30px; }
  #page #page-content .store-content { padding-left:0.9375rem!important; border:none; }
  #page #page-content .store-list { padding:30px 20px 20px 20px; background:#eee; }
  
  .feature .item .main { padding-top:150px; }
  .feature .category .columns { border:#000 solid 10px; padding:80px 30px; text-align:center; }
  
  #shop .none1 { height:150px!important; }
  #desktop-shop-menu .searchbox { display:none; }
  #desktop-shop-menu { text-align:center; }
  #desktop-shop-menu ul.topmenu { display:inline; }
  #desktop-shop-menu ul li { float:none; display:inline-block; position:inherit; }
  #desktop-shop-menu ul li .floatmenu { width:100%; border-right:none; border-left:none; left:0; }
  #desktop-shop-menu ul li .floatmenu .menucol { text-align:left; display:block; width:100%!important; height:100%; overflow:auto; margin-right:0; margin-bottom:30px;}
  #desktop-shop-menu ul li .floatmenu .menucol ol {  float:none; margin-bottom:25px; }
  #desktop-shop-menu ul li .floatmenu .menucol ol li { float:left; width:33%; }
  
  #desktop-shop-menu .searchbox-btn { display:block; }
  
  .product-detail .cartbox .oneclick button { font-size:18px; }
  .product-detail .desc .tabs li a { font-size:14px; }
  .product-detail .together .pic .product_pic { margin:0 12px; width:80px; }
  
  .checkout .cart-list .col-qty .textbox { width:60px; }
  .checkout .cart-list .item .columns { font-size:13px; }
  
  .checkout .summary { padding:0; background:#fff;  }

  .checkout .summary .promobox { background:#ececec; padding:15px 33px; margin-bottom:3px; }
  .checkout .summary .totalbox { background:#ececec; padding:15px 33px; }
  .checkout .summary .promobox .textbox { width:80%; }
  .checkout .summary .totalbox .box { width:100%; }

  .checkout .btnbox { text-align: center; padding-bottom: 40px;}
  
  .checkout .loginbox { padding-right:0; }
  .checkout .loginbox .box p { float:none; display:block; clear:both; }
  
  .checkout .loginbox .btn-signin {  padding:16px 0 0 78px; line-height:20px; }
  .checkout .loginbox .btn-signin span { display:block; width:180px;  }
  .checkout .signup { padding-left:0; }
  
  .checkout #checkoutform .first { padding-right:0; }
  .checkout #checkoutform .right { padding-left:0; padding-right:0; }
  .checkout #checkoutform .last { padding-left:0; padding-right:0; }  
  
  .store-content .anchor { display:block; }
  
  .member-panel .detail .status .download { display:block; float:none; margin-top:20px; }
  
  .linebreak { clear:both; }

  #deal #intro .col2 { display: none; }

  #deal .mobile-highlight { display: block; }

  #blog .feature { margin-top: 40px; padding: 90px 50px;  }
  #blog .paging .col1 { padding-left: 0.935rem; }

  #blog_detail .col1 { padding-right: 0.935rem; }
  #blog_detail .col2 { margin-top: 60px; }
  #blog_detail .col2 h2 { text-align: center; }
  #blog_detail .col2 .item { border-bottom: none; }
  
}


/* Mobile */
@media only screen and (max-width: 40em) { 

  .checkout #checkoutform .payment .moreinfo { float: none; display: block; margin:10px 0 20px 0;  }

  #desktop-header { display:none; }
  #mobile-header { display:block; }
  #mobile-banner { display:block; }
  #mobile-adv { display:block; }  
  /*#desktop-header #navbar { display:none; }*/
  
  .bag { width:26px; float:right; margin:5px 10px 0 0; }
  
  #desktop-shop-menu { display:none; }
  
  .section { padding:45px 0 0 0; }  
  .section  h2 { margin:0 0 25px 0;  }
  .section  h2 span { width:90%; margin:0 auto; }
  
  .section .btn-viewall { margin-top:30px; display:block; margin:30px 30px 0 30px; background:#ff9c00; color:#fff; border:none; }
  
  .package-list .item .box .pricebox .price { text-align:center; float:none; }
  .package-list .item .box .pricebox .buy  { float:none;  margin:0;  }
  .package-list .item .box .pricebox .buy a { display:block; text-align:center;}  
  
  #shop .package-list .filter .branch { text-align:center; padding-bottom:20px;   }
  #shop .package-list .filter .sort { text-align:center;  }
  #shop .package h1.desktop { display:none; }
  #shop .package h1.mobile { display:block; } 
  #shop .package .path { font-size:14px; }
  #shop .package { padding-top:30px; }
  
  .package-list .slick-prev, .package-list .slick-next { display:none!important; }
  .product-list .slick-prev, .product-list .slick-next { display:none!important; }
  
  #home #text_banner { margin:20px 0 0px 0; }
  #home #text_banner a { border:#000 solid 2px; display:block; padding:10px; color:#000; font-size:22px; text-align:center; margin-bottom:10px; }
    
  
  #home #tumblr  ul li .hover { padding:20px; }
  #home #tumblr  ul li .hover .box h3 { font-size:16px; }
  
  #home .social .column img { margin:0 6px ;}
  
  #page #page-content { padding:30px 0 0 0; }
  #page #page-content .main { padding-left:0.9375rem; border:none; }
  #page #page-content .side { padding:30px 20px 20px 20px; background:#eee; }
  
  #collection .welcome { padding-top:30px; padding-bottom:0; }
  #collection .welcome h1 { font-size:30px; } 
  #collection .section li h3 { font-size:15px; line-height:18px; padding:30px 10px 10px 10px; }
  
  .feature .item { height:250px; }
  
  /*.feature .item { background:none!important; height:auto; }*/
  
  .feature .item .main { padding-top:30px; text-align:center; }
  .feature .item .main h2 {  font-size:33px; }
  .feature .item .main p {  font-size:18px; }
  .feature .item .btn { margin-top:30px;  }
  .feature .item .btn a { font-size:15px!important; }
  
  
  .collection-list  .pic { margin-bottom:20px; }
  #page #page-content .store-content { padding-left:0.9375rem; border:none; }
  .store-content .row1 .col1 { padding-right:0; margin-bottom:20px; }
  .store-content .row1 .col2 { padding-left:0; }  
  .store-content h1 { display:block; }
  
  #copyright { padding:30px 0; }
  
  .product-list .item  h3 { font-size:12px; line-height:18px; height:108px;   }
  .product-list .item h3 span { font-size:11px; height:15px;  text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
  .product-list .item .img { margin:30px 0 15px 0; } 
  .product-list .item .price {  }
  .product-list .item .price span { display:block; }
  .product-list .item .price .special { margin-left:0; }
  
  .product-detail #mobile-product-header { display:block; }
  .product-detail #desktop-product-header { display:none; }
  .product-detail #desktop-path { display:none; }
  .product-detail .btn-watchlist { display:none; }
  .product-detail .pricebox { display:none; }
  .product-detail .breadcrumb { margin-top: 10px; }
  
  .product-detail  { margin:20px 0; }
  .product-detail .gallery { padding-bottom:30px; border-bottom:#ccc solid 1px; margin-bottom:0px; }
  .product-detail .options .title { font-size:14px; line-height:17px; }
  .product-detail .options { padding-bottom: 30px; }
  
  .product-detail .options .checkbox { width:20px; height:20px; background-size:20px 20px; margin-top:30px; } 
  .product-detail .options .col1 { padding-left:0; }
  .product-detail .options .col3 { padding-right:0; }
  .product-detail .cartbox .columns { padding-left:0; padding-right:0; }
  .product-detail .desc { display:none; }
  .product-detail .desc-mobile { display:block; }
  
  .product-detail .together .pic { text-align:center; padding-bottom:30px;  }
  .product-detail .together .info { text-align:center; }
  .product-detail .together .info .price { margin:20px 0 40px 0; }
  
  .product-detail .together .pic .product_pic { margin:0 10px; width:80px; }
  
  .checkout h1 { font-size:28px; margin-bottom:25px; }
  .checkout .cart-list .col-hide { display:none; }
  .checkout .cart-list .label-qty { text-align:right; }
  .checkout .cart-list .col-qty { text-align:right; }
  .checkout .cart-list .col-qty .textbox { float:right; margin-bottom:30px; }
  
  .checkout .cart-list .item .btn-remove { float:right; display:block; clear:right; }
  .checkout .cart-list .item .price { display:none; }
  
  .checkout .summary { padding:0; background:#fff;  }
  .checkout .summary .columns { padding:0; margin:0; }
  .checkout .summary .promobox { background:#ececec; padding:15px 20px; margin-bottom:3px; }
  .checkout .summary .totalbox { background:#ececec; padding:15px 20px; }
  .checkout .summary .promobox .textbox { width:100%; }
  .checkout .summary .promobox button { width:100%; margin-bottom:15px; }
  .checkout .summary .totalbox .box { width:100%; }
  .checkout .summary .promobox p { font-size:12px; }
  
  .checkout .summary .promobox h4 { font-size:15px; }
  .checkout .summary .totalbox p label { width:150px; }

  .checkout .btnbox { text-align: center; padding-bottom: 40px;}
  .chknote .col1,.chknote .col2 { border-right:none; margin-bottom: 30px!important;  }
  .chknote .col1,.chknote .col3,.chknote .col3 { padding: 0; }

  
  .checkout .loginbox { padding-right:0; }
  .checkout .loginbox .first { padding-right:0; }
  .checkout .loginbox .last { padding-left:0; } 
  .checkout .loginbox .box button { width:100%; }
  
  .checkout .signup { padding-left:0; margin-top:30px; }
  .checkout .loginbox .btn-signin { padding-top:20px; line-height:20px; }
  .checkout .loginbox .btn-signin span {  width:180px; display:block; }
  .checkout .signup .btn1 { padding-right:0; margin-bottom:15px; }
  .checkout .signup .btn2 { padding-left:0; }
  .checkout .signup .form .col1 { padding-right:0; }
  .checkout .signup .form .col2 { padding-left:0; }
  .checkout .signup .form  button { width:100%; }
  
  .checkout #checkoutform .first { padding-right:0; }
  .checkout #checkoutform .right { padding-left:0; padding-right:0; }
  .checkout #checkoutform .last { padding-left:0; padding-right:0; }  

  
  .checkout #checkoutform .survey .question { font-size:12px; }
  .checkout #checkoutform .survey .question strong { font-weight:300; }
  .checkout #checkoutform .no-left { padding-left:0; }
  
  .checkout #checkoutform .add { font-size:13px; padding-left:20px; }
  .checkout #checkoutform .payment .totalcharge { font-size:15px; }
  .checkout #checkoutform .payment button { font-size:15px; }
  
  .checkout #checkoutform .floor .box .update { bottom:auto; float:none; position:relative; right:auto; }
  
  #tabbutton  { display:block; }
  
  .member-panel .panelbox { padding:15px; }
  .member-panel .panelbox h3 { font-size:16px; }
  .member-panel .panelbox h3 a { font-size:13px; margin-top:3px; }
  .member-panel .detail { margin-top:12px; }
  .member-panel .detail .status .download { display:block; float:none; padding:8px 0; background:#888; color:#fff; margin:10px 0 0 0; text-align:center; }
  
  #copyright { padding-bottom:100px; } 
  
  #page #page-content .career .item { padding:15px; }
  
  #shop #desktop-filter { display:none; }
  #shop #mobile-filter { display:block; }
  
  .store-content #map_canvas { height:250px; }
  .store-content .streetview iframe { height:350px; }
  
  
  .reveal-modal { top:0!important; bottom:0; z-index:1500; overflow:auto; padding-bottom:60px; -webkit-overflow-scrolling: touch;  }
  
  .checkout #desktop_free_sample .pic { border-radius:250px; border:#ccc solid 1px; width:130px; }
  .checkout #desktop_free_sample li { padding-bottom:20px; margin-bottom:30px; }
  .checkout #desktop_free_sample li .desc {  }
  .checkout #desktop_free_sample li h4 { color:#7dbe31; font-size:18px; text-transform:uppercase; }
  .checkout #desktop_free_sample li p { font-size:13px; margin-bottom:18px; }
  .checkout #desktop_free_sample li button { width:100%;  }
  .checkout #desktop_free_sample li button:hover { background:#7dbe31; color:#fff; }

  .store-content .anchor { display:block; }
  .checkout .cart-list .item .subprice { display:block; }

  #deal { margin: 20px 0;}
  #deal #intro .col2 { display: none; }

  #deal #main .tab ul li a { padding: 12px 12px; display: block; font-size: 14px; color: #231f20; text-transform:uppercase; font-weight: 600;  }
  #deal #main .tab ul li a.selected { background: #eaeaec; }
  #deal #main .no-right-padding { padding-right: 0.935rem; }
  #deal #intro .col1 .thumb ul li img { width: 80px; height: 60px; }

  #deal_checkout { margin: 20px 0; }
  #deal_checkout .box .col2 { font-size: 14px; }

  #deal .mobile-highlight { display: block; }

.checkout .payoption .col1 { padding-left: 0; padding-right: 0; }
.checkout .payoption .col2 { padding-left: 0; padding-right: 0; cursor: pointer; }
.checkout .payoption .col3 { padding-left: 0; padding-right: 0; }
.checkout .payoption .col4 { padding-left: 0; padding-right: 0; cursor: pointer; }

 .newsletter button { width: 100%; }

  #blog .feature { padding:0; background:none!important; }
  #blog .feature .column { padding: 0; }
  #blog .feature .desc { font-size: 14px; }
   #blog .feature .desc p { font-size: 14px; }
  #blog .feature .box { padding: 15px 20px; }
   #blog .feature h1 { font-size:26px; }
  #blog .paging .col1 { padding-left: 0.935rem; }

#blog .paging { margin:10px 0 50px 0;  }
#blog .paging .more { display: block; text-align: center; }
#blog .paging .col1 { text-align: center; }
#blog .paging .col2 { padding-bottom: 30px; }

#home_blog h2 {  font-size: 24px; margin-bottom: 30px; }
#home_blog .box { margin-bottom: 15px; }

#blog_detail { padding: 30px 0; }
#blog_detail .col1 { padding-right: 0.935rem; }
#blog_detail .desc { margin: 0 0.935rem; }
#blog_detail .col2 { margin-top: 60px; }
#blog_detail .col2 .item { margin: 10px 0 0 0; border-bottom: #000 solid 7px; }




}

