/*
Theme Name: 13th Shoes
Theme URI: http://rubahbesi.com/
Author: Rubahbesi team
Author URI: http://rubahbesi.com/
Description: Custom online store theme for 13th Shoes
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout
Text Domain: 13thshoes
*/

* {
  margin: 0px auto;
}
html,
body {
  height: 100%;
}
body {
  background: #fbfbfb;
  line-height: 1.5em;
  font-family: 'Lato', calibri, sans-serif;
  min-height: 100%;
  font-size: 14px;
  overflow-x: hidden;
}
/*MIXINS*/
/*DEFAULT VALUE*/
header,
main,
section,
footer,
nav,
aside,
div {
  position: relative;
}
.container {
  position: relative;
}
.alleft {
  text-align: left;
}
.alright {
  text-align: right;
}
.alcenter {
  text-align: center;
}
.nopadd {
  padding: 0;
}
.oh {
  overflow: hidden;
}
.bgwhite {
  background: #fff;
  padding: 2em;
}
.nopadd {
  padding: 0;
}
a {
  color: #484848;
}
a:focus,
a:hover {
  color: #F7635A;
  text-decoration: none;
}
.red,
.red a {
  color: #F7635A;
}
.red:hover,
.red:hover a {
  text-decoration: underline;
}
img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: .05em;
}
h4 {
  font-size: 1.2em;
}
input {
  outline: none;
}
.txtbox,
.txtfield {
  background: transparent;
  border: none;
  padding: .5em 0;
  border-bottom: 2px solid #D0D0D0;
  outline: none;
  width: 100%;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
}
.txtbox.filled,
.txtfield.filled,
.txtbox:focus,
.txtfield:focus {
  border-bottom: 2px solid #000;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
.button,
input[type=submit] {
  border: 2px solid #000;
  background: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1em 2em;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
  cursor: pointer;
  border-radius: none;
}
.woocommerce #respond input#submit{
  margin-top: 10px;
}
.woocommerce #respond input#submit[disabled],
.woocommerce a.button[disabled],
.woocommerce button.button[disabled],
.woocommerce input.button[disabled],
button[disabled],
.button[disabled],
input[type=submit][disabled],
.woocommerce #respond input#submit.disabled,
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled,
button.disabled,
.button.disabled,
input[type=submit].disabled {
  background: #ddd!important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
.button:hover,
input[type=submit]:hover {
  background: #000;
  color: #fff;
}
@media (max-width: 767px) {
  .woocommerce #respond input#submit.btn-block,
  .woocommerce a.button.btn-block,
  .woocommerce button.button.btn-block,
  .woocommerce input.button.btn-block,
  button.btn-block,
  .button.btn-block,
  input[type=submit].btn-block {
    padding: 1em;
  }
}
.hpadd {
  padding: 1em 0;
}
.vpadd {
  padding: 0 1em;
}
.vpaddLeft {
  padding-left: 1em;
}
.vvpadd {
  padding: 0 2.5em;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clear {
  clear: both;
}
.bggray {
  background: #fbfbfb;
  padding: 0 1em;
  margin-top: 1em;
}
.bgwhite {
  background: #fbfbfb;
  padding: 0 1em;
  margin-top: 1em;
}
.bbottom {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 1em;
}
hr {
  color: #cfcfcf;
  background: #F0F0F0;
}
label {
  cursor: pointer;
}
button.btn-black {
  background: #000;
  color: #fff;
}
button.btn-black:hover {
  background: #fff;
  color: #000;
}
button.btn-red {
  background: #f7635a;
  color: #fff;
  border: none;
}
button.btn-red:hover {
  background: #D7433A;
  color: #fff;
}
.blank {
  height: 2em;
}
.select-noline {
  position: relative;
  display: inline-block;
}
.select-noline label {
  position: absolute;
  right: 0;
  z-index: 1;
  line-height: 2em;
}
.select-noline select {
  line-height: 30px;
  height: 30px;
  border: none;
  appearance: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1em;
  background: transparent;
  z-index: 2;
  outline: none;
}
.sml {
  font-size: .9em;
}
/*LAYOUT SECTION*/
header {
  background: #fff;
  padding: 15px 0 20px 0;
  border-bottom: 1px solid #f3f3f3;
}
header form.form-lang {
  display: inline-block;
  line-height: 60px;
}
header form.form-lang .custom-select {
  position: relative;
  display: inline-block;
}
header form.form-lang .custom-select label {
  position: absolute;
  right: .25em;
  z-index: 1;
}
header form.form-lang .custom-select select {
  line-height: 30px;
  height: 30px;
  border: none;
  appearance: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1em;
  background: transparent;
  z-index: 2;
  outline: none;
}
header form.search {
  display: inline-block;
  line-height: 60px;
}
header form.search .btn {
  color: #AEAFB1;
}
header form.search .btn:hover {
  color: #9C9D9F;
}
header form.search span.btn {
  position: absolute;
  line-height: 46px;
  top: 0;
}
header form.search .searchbox {
  display: none;
  opacity: 1;
}
header form.search .searchbox input {
  padding-right: 2em;
  width: 0;
  border:none; 
  border-radius:0;
  -moz-border-radius:0;
  border-bottom:2px solid #000;
}
header form.search .searchbox .btn {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
}
header a.logo {
  display: inline-block;
  position:relative;
  text-decoration:none;
}
header a.logo:hover{
	color:#111;
}

header a.logo h1.title,
header a.logo h2.subtitle {
  position: relative; 
  padding-left:110px;
  top:5px;
  font-weight:bold;
  font-family: "Avenir", Verdana, Helvetica, Arial, sans-serif;
}
header a.logo h1.title{
  color: #333333;
  font-weight: bold;
  font-size: 34px;
  line-height: 100px;
  letter-spacing: 0;
}
header a.logo h2.subtitle{
  color: #333333;
	font-size: 1em;
  font-size:17px;
  font-weight: 100;
  letter-spacing: 1px;
}
header a.logo h2.subtitle .red{
  color: #FF5F5F;
}

header a.logo img{ height: 100px; position:absolute; top:0; left:0;}
header .part {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 1em;
  line-height: 60px;
}
header .part:first-child::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 30%;
  background: #F2F2F2;
  right: 0;
  top: 35%;
}
header .part a {
  padding: .5em;
}
header .sp-link {
  cursor: pointer;
}
header .scart {
  position: absolute;
  width: 300px;
  border: 1px solid #f5f5f5;
  right: 0;
  background: #fff;
  z-index: 100;
  text-transform: none;
  top: 50px;
  font-size: 10px;
  display: none;
}
header .scart .all-item {
  position: relative;
  max-height: 300px;
  overflow-y: auto;
}
header .scart .item-holder {
  border-bottom: 1px solid #d0cfcf;
  margin: 2em;
  position: relative;
}
header .scart .item-holder .img-cont {
  width: 70px;
  position: relative;
  float: left;
}
header .scart .item-holder .img-cont img {
  width: 100%;
  height: auto;
}
header .scart .item-holder .txt-desc {
  float: left;
  padding-left: .5em;
  padding-top: 1em;
  text-align: left;
  line-height: 1em;
  font-size: 1.25em;
}
header .scart .item-holder .txt-desc strong {
  font-size: 1.15em;
}
header .scart .item-holder .txt-desc .price,
header .scart .item-holder .txt-desc .qty {
  color: #666666;
}
header .scart .item-holder .txt-desc .qty {
  margin-top: .5em;
}
header .scart .item-holder a.close {
  position: absolute;
  top: 0;
  right: 0;
}
header .scart .scart-foot {
  line-height: 1.5em;
  margin: 0 1em;
  font-size: 1.5em;
  padding: 1em 0;
}
header .scart .scart-foot a.button {
  font-size: .8em;
  margin-top: 5px;
  line-height: 1.5em;
}
header .scart .scart-foot .row {
  margin-bottom: 1em;
}
header .scart .scart-foot .btn-black {
  background: #000;
  color: #fff;
}
@media (max-width: 767px) {
  header .part {
    padding: 0 .4em;
    line-height: 1.25em;
    padding-bottom: 2em;
  }
  header .scart {
    position: relative;
    top: 0;
    width: 100%;
  }
  header .scart .scart-foot a.button {
    padding: .65em;
  }

  .product-detail{padding-top:1em;}
}
nav {
  background: #fff;
}
nav ul {
  list-style: none;
  position: relative;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
}
nav ul a {
  color: #484848;
  letter-spacing: .1em;
  font-size: .9em;
}
nav ul li,
nav ul a {
  display: block;
}
nav ul > li {
  display: inline-block;
  position: relative;
}
nav ul > li > a {
  padding: 1em 3em;
  text-transform: uppercase;
}
nav ul > li.has-child > a::after {
  content: "\f107";
  font-family: "FontAwesome", serif;
  position: absolute;
  display: inline-block;
  right: 1em;
}
nav ul > li ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 10000;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  left: 0;
  margin: 0;
  padding: 0;
  min-width: 100%;
}
nav ul > li ul.sub-menu li,
nav ul > li ul.sub-menu a {
  display: block;
  text-align: left;
  min-width: 100%;
}
nav ul > li ul.sub-menu a {
  padding: .5em 2em;
  white-space: nowrap;
  min-width: 100%;
}
nav ul > li:hover > a {
  color: #F7635A;
}
nav ul > li:hover > ul.sub-menu {
  display: block;
}
@media (max-width: 767px) {
  nav {
    display: none;
  }

  main .comment .chat .comment-content p{text-align:center; padding-right:0;}
}
footer .btn-follow {
  text-transform: uppercase;
  background: #222;
  color: #fdfdfd;
  padding: 1em;
  font-size: 1em;
  border-radius: 0;
  -moz-border-radius: 0;
}
footer .foot-img .item {
  padding: 0;
}
footer .foot-img .item img {
  width: 100%;
  height: auto;
}
footer .foot-img .item a.desc {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  color: #fff;
  padding: 3em 2em;
  opacity: 0;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
}
footer .foot-img .item a.desc .detail {
  padding: 1em 0;
}
footer .foot-img .item a.desc .detail .dt-part {
  width: 50%;
  float: left;
  font-weight: 100;
}
footer .foot-img .item a.desc .detail .dt-part span.fa {
  font-weight: bold;
  font-size: 1.25em;
}
footer .foot-img .item a.desc .detail:after {
  content: "";
  position: relative;
  display: block;
  clear: both;
}
footer .foot-img .item a.desc .desc {
  font-weight: 100;
}
footer .foot-img .item a.desc:hover {
  opacity: 1;
}
footer .arrow {
  position: absolute;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  line-height: 34px;
  text-align: center;
  top: -55px;
  left: 50%;
  margin-left: -17px;
  z-index:10;
}
footer .arrow .fa {
  font-weight: bold;
  font-size: 1.25em;
}
footer .footnote {
  text-transform: uppercase;
  margin-top: 3em;
}
footer .footnote h3 {
  font-size: 1em;
  font-weight: bold;
}
footer .footnote ul.foot {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1em;
  font-size: .85em;
}
footer .footnote ul.foot.lipadd li {
  padding: .25em 0;
}
footer .footnote ul.foot li {
  letter-spacing: -1px;
}
footer .footnote .padd {
  padding: 0 1em;
}
footer .newsletter {
  width: 100%;
  position: relative;
  margin-top: 2em;
}
footer .newsletter button {
  margin: 0 1em;
  position: absolute;
  right: 0;
  bottom: 0;
  outline: 1em solid #fbfbfb;
}
@media (max-width: 767px){
  footer .newsletter button{
    position: relative;
    outline: none;
    margin: 0;
    margin-top: 5px;
  }
}
footer .newsletter input {
  border-bottom: 2px solid #000;
}
footer .follow {
  font-size: .9em;
  text-transform: uppercase;
  line-height: 1.5em;
  margin-top: 2em;
}
footer .follow .fa {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
}
@media (max-width: 767px) {
  footer .footnote .padd {
    padding: 0;
  }
  footer .foot-img .item a.desc .desc {
    display: none;
  }
}
/*MAIN AND ALL SECTION PART*/
main {
  /*COMMON USE SECTION*/
}
main .jumbotron {
  padding: 1.5em 0;
  background: transparent;
  text-align: center;
  font-weight: bold;
  font-size: 3.5em;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  main .jumbotron {
    font-size: 2.5em;
  }
}
main section {
  padding-bottom: 4em;
}
main #home{
  padding-bottom: 0;
}
main #login h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.25em;
  letter-spacing: 1px;
}
main #login .or {
  background: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  text-align: center;
  width: 80px;
  height: 80px;
  font-size: 2em;
  line-height: 80px;
  position: relative;
  top: 150px;
}
main #home #slider,
main #product #slider {
  width: 100%;
}
main #home #slider .slide-text,
main #product #slider .slide-text {
  position: absolute;
  width: 100%;
  top: 40%;
}
main #home #slider .slide-text h2,
main #product #slider .slide-text h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 5.5em;
  letter-spacing: .05em;
  color: #fff;
  text-align: center;
  padding: 0 4em;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
}
main #home #slider .slide-text h3,
main #product #slider .slide-text h3 {
  color: #fff;
  text-align: center;
  font-weight: 100;
}
@media (max-width: 1200px) {
  main #home #slider .slide-text h2,
  main #product #slider .slide-text h2 {
    font-size: 5em;
  }
  main #home #slider .slide-text h3,
  main #product #slider .slide-text h3 {
    font-size: 1.75em;
  }
}
@media (max-width: 975px) {
  main #home #slider .slide-text h2,
  main #product #slider .slide-text h2 {
    font-size: 3em;
  }
}
@media (max-width: 768px) {
  main #home #slider .slide-text,
  main #product #slider .slide-text {
    top: 10%;
  }
  main #home #slider .slide-text h2,
  main #product #slider .slide-text h2 {
    font-size: 1.5em;
    padding: 2em;
    padding-bottom: 0;
  }
  main #home #slider .slide-text h3,
  main #product #slider .slide-text h3 {
    font-size: 1.1em;
    padding: 0 2em;
  }
  main #home .shop .item .desc .price,
  main #product .shop .item .desc .price{
    text-align: left;
  }
}
main #home .home-collection,
main #product .home-collection {
  display: block;
  position: relative;
  color: #fff;
  overflow: hidden;
}
main #home .home-collection img,
main #product .home-collection img {
  width: 100%;
  height: auto;
}
main #home .home-collection .txt-container,
main #product .home-collection .txt-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 5%;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
}
main #home .home-collection .txt-container .white-box,
main #product .home-collection .txt-container .white-box {
  height: 100%;
  border: 2px solid #fff;
  padding: 20% 5%;
  text-align: center;
}
main #home .home-collection .txt-container h4,
main #product .home-collection .txt-container h4 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  font-size: 2.25em;
}
main #home .home-collection .txt-container button,
main #product .home-collection .txt-container button {
  text-align: center;
  background: transparent;
  border: 2px solid #fff;
}
main #home .home-collection:hover .txt-container,
main #product .home-collection:hover .txt-container {
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  main #home .home-collection .txt-container h4,
  main #product .home-collection .txt-container h4 {
    font-size: 1.5em;
  }
}
main #home .simple-nav,
main #product .simple-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  top: -4em;
}
main #home .simple-nav li,
main #product .simple-nav li,
main #home .simple-nav a,
main #product .simple-nav a {
  display: inline-block;
}
main #home .simple-nav a,
main #product .simple-nav a {
  text-transform: uppercase;
  margin: 0 1em;
}
main #home .simple-nav a:hover,
main #product .simple-nav a:hover,
main #home .simple-nav a.active,
main #product .simple-nav a.active {
  border-bottom: 2px solid #000;
}
@media (max-width: 767px) {
  main #home .simple-nav,
  main #product .simple-nav {
    top: -1em;
  }
}
main #home .shop,
main #product .shop {
  margin-top: 3em;
  position: relative;
  z-index: 8;
}
main #home .shop .item,
main #product .shop .item {
  position: relative;
  z-index: 8;
  margin-bottom: 2em;
}
main #home .shop .item .img-holder,
main #product .shop .item .img-holder {
  display: block;
  background: #fff;
}
main #home .shop .item .img-holder img,
main #product .shop .item .img-holder img {
  width: 100%;
  height: auto;
}
main #home .shop .item .desc,
main #product .shop .item .desc {
  color: #828282;
  text-transform: uppercase;
  padding:1em 0;
}
main #home .shop .item .desc a,
main #product .shop .item .desc a {
  color: #828282;
  font-size: 1em;
}
main #home .shop .item .desc a:hover,
main #product .shop .item .desc a:hover {
  color: #f7635a;
}
main #home .shop .item .desc .ket,
main #product .shop .item .desc .ket {
  font-size: .8em;
  color: #f7635a;
}
main #home .shop .item .desc .price,
main #product .shop .item .desc .price {
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #000;
}
main #home .view,
main #product .view {
  padding: 3em;
  text-align: center;
}
main .label-holder {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 10;
}
main .label-holder label {
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #000;
  font-size: .75em;
  text-align: center;
  position: relative;
}
main .label-holder label.sale {
  background: #f7635a;
  text-transform: uppercase;
}
main #product h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2em;
  text-align: center;
  padding: 2em;
}
@media (max-width: 767px) {
  main #product h3{
    padding-right: 0;
    padding-left: 0;
  }
}
main #product .pdd {
  padding-top: 5em;
}
main #product form.filter {
  border: 2px solid #f1f1f1;
  padding: 1.5em;
  border-left: none;
  border-right: none;
}
main #product form.filter .vvpadd {
  line-height: 47px;
  padding-left: 1em;
}
main #product form.filter .vvpadd label {
  line-height: 47px;
}
main #product .img-gallery {
  position: relative;
}
main #product .img-gallery img {
  width: 100%;
  height: auto;
}
main #product .product-detail .heading h3 {
  padding: 0;
  font-size: 2.25em;
  text-transform: uppercase;
  text-align: left;
}
main #product .product-detail .heading .label-holder {
  position: absolute;
  top: 0;
  right: 0px;
  left: auto;
}
main #product .product-detail .heading label {
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #000;
  font-size: .75em;
  text-align: center;
  position: relative;
}
main #product .product-detail .heading label.sale {
  background: #f7635a;
}
main #product .product-detail .keterangan {
  padding: 2.5em 0;
  font-size: 1.1em;
}
main #product .product-detail .shoe-detail .part {
  background: #F8F8F8;
  padding: 1em 3em;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
}
main #product .product-detail .shoe-detail .part:hover {
  background: #EDEDED;
}
main #product .product-detail .shoe-detail .part b {
  line-height: 30px;
}
main #product .product-detail .ktr .gray {
  color: #AFAFAF;
  display: inline-block;
  font-size: .9em;
}
@media (max-width: 767px) {
  main #product .product-detail .heading .label-holder {
    position: relative;
    text-align: right;
  }
  main #product .product-detail .price div {
    display: block;
  }
}
main #product .price {
  font-size: 1.75em;
}
main #product .price div {
  display: inline-block;
  margin-right: 1em;
  font-weight: bold;
  color: #8B8B8B;
}
main #product .price .coret {
  text-decoration: line-through;
  font-weight: light!important;
}
main #product .price .disc {
  color: #f7635a;
}
main #product .limiter {
  overflow: hidden;
}
main #product .review {
  position: relative;
  overflow-x: visible;
  width: 100%;
}
main #product .review .bg-white {
  background: #fff;
}
main #product .review .bg-gray {
  background: #f8f8f8;
}
main #product .review .fullLeft {
  width: 200%;
  position: absolute;
  height: 1000%;
  right: 0;
}
main #product .review .fullRight {
  width: 200%;
  position: absolute;
  height: 1000%;
  left: 0;
}
main #product .review .content {
  padding: 3em 0;
}
main #product .review .content h4 {
  font-weight: bold;
  font-size: 1.25em;
}
main #product .review textarea {
  height: 15em;
}
main #product .related {
  list-style: none;
}
main #product .related li {
  position: relative;
}
main #product .related .label-holder {
  top: 0;
  left: 0;
}
main #product .related img {
  width: 100%;
  height: auto;
  padding:5px;
}
main #product .related .desc {
  color: #b1b1b1;
  text-transform: uppercase;
}
main #product .related .desc .price {
  font-size: 1em;
}
main #product .related .desc strong {
  color: #828282;
}
main #product .related .desc .price {
  color: #000;
}
main #cart,
main #checkout {
  margin-top: 5em;
}
main #cart h3,
main #checkout h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.75em;
}
main #cart table.cart,
main #checkout table.cart {
  width: 100%;
  margin: 1em 0;
}
@media (min-width: 992px) {
  main #cart table.cart .prod,
  main #checkout table.cart .prod
  {
    min-width: 200px;
  }
}
main #cart table.cart thead,
main #checkout table.cart thead {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
main #cart table.cart thead th,
main #checkout table.cart thead th {
  padding: 1em;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.1em;
}
main #cart table.cart thead td,
main #checkout table.cart thead td {
  padding: 1em 0.5em;
  font-size: 1.1em;
}
main #cart table.cart tbody tr,
main #checkout table.cart tbody tr {
  border-bottom: 1px solid #CFCFCF;
}
main #cart table.cart tbody td,
main #checkout table.cart tbody td {
  padding: 1em;
  font-size: 1.05em;
}
main #cart table.cart tbody a,
main #checkout table.cart tbody a {
  display: block;
}
/* main #cart table.cart tbody button,
main #checkout table.cart tbody button {
  padding: 0;
} */
main #cart table.cart tfoot,
main #checkout table.cart tfoot {
  border-top: 2px solid #000;
}
main #cart table.cart tfoot td,
main #checkout table.cart tfoot td,
main #cart table.cart tfoot th,
main #checkout table.cart tfoot th {
  padding: 1em .5em;
}
main #cart table.cart tfoot td,
main #checkout table.cart tfoot td {
  text-align: right;
}
main #cart table.cart tfoot .bold-in-checkout,
main #checkout table.cart tfoot .bold-in-checkout {
  text-align: left;
  font-weight: bold;
}
main .spinner {
  display: block;
  width: 70px;
  float: left;
}
main form.variations_form .spinner{
  margin-right: 10px; 
}
main .spinner input[type=text] {
  height: 50px;
  line-height: 50px;
  border: 2px solid #efefef;
  width: 100% !important;
  padding: 0 .25em;
  outline: none;
  text-align: center;
  padding-right: 25px;
}
main .spinner button {
  border: 2px solid #EFEFEF;
  padding: 0 .5em;
  height: 26px;
  line-height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
}
main .spinner button#downnum {
  top: auto;
  bottom: 0;
  outline: none;
}
main .spinner button:hover {
  background: #f7f7f7;
  color: #000;
}
main #cart table.cart.total,
main #checkout table.cart.total {
  border-top: 1px solid #cfcfcf;
}
main #cart table.cart.total tbody td,
main #checkout table.cart.total tbody td {
  padding: 1em .5em;
  vertical-align: top;
  font-weight: 100;
}
@media (max-width: 768px) {
  main #cart table.cart.total tbody td:first-child{
    display: none;
  }
}
main #cart table.cart.total tbody td:last-child,
main #checkout table.cart.total tbody td:last-child {
  text-align: right;
}
main #cart input.border,
main #checkout input.border {
  border: none;
  border-bottom: 2px solid #000;
  padding: .5em;
  background: #FBFBFB;
  margin-right: 2em;
}
main #cart .cart-btn,
main #checkout .cart-btn {
  text-align: center;
}
main #cart .cart-btn a,
main #checkout .cart-btn a {
  display: block;
  padding: 1em;
}
main #cart .cart-btn a.btn-yellow,
main #checkout .cart-btn a.btn-yellow {
  background: #FFF701;
  text-transform: uppercase;
}
main #cart .cart-btn a.btn-yellow:hover,
main #checkout .cart-btn a.btn-yellow:hover {
  color: #000;
}
main #cart h4,
main #checkout h4 {
  text-transform: uppercase;
  font-weight: bold;
}
main #cart .billing,
main #checkout .billing,
main #cart .checkout,
main #checkout .checkout {
  margin-top: 2em;
}
main #cart .billing .row,
main #checkout .billing .row,
main #cart .checkout .row,
main #checkout .checkout .row {
  margin-top: 1em;
}
main #cart .billing label,
main #checkout .billing label,
main #cart .checkout label,
main #checkout .checkout label {
  margin: 0;
  line-height: 30px;
  cursor: pointer;
}
main #cart .billing label.required::after,
main #checkout .billing label.required::after,
main #cart .checkout label.required::after,
main #checkout .checkout label.required::after {
  content: " *";
  color: #f7635a;
}
main #cart .billing .txtfield,
main #checkout .billing .txtfield,
main #cart .checkout .txtfield,
main #checkout .checkout .txtfield {
  font-size: 1em;
  line-height: 40px;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
}
main #cart .billing textarea.txtfield,
main #checkout .billing textarea.txtfield,
main #cart .checkout textarea.txtfield,
main #checkout .checkout textarea.txtfield {
  line-height: 1.5em;
  height: 10em;
  margin-top: 1em;
}
main #cart .billing .form-row input.input-text,
main #checkout .billing .form-row input.input-text,
main #cart .checkout .form-row input.input-text,
main #checkout .checkout .form-row input.input-text,
main #cart .billing .form-row textarea,
main #checkout .billing .form-row textarea,
main #cart .checkout .form-row textarea,
main #checkout .checkout .form-row textarea {
  width: 66%;
  line-height: 30px;
}
main #cart .billing .diff,
main #checkout .billing .diff,
main #cart .checkout .diff,
main #checkout .checkout .diff {
  padding: 2em 0;
  padding-top: 5em;
}
main #cart .billing .diff label,
main #checkout .billing .diff label,
main #cart .checkout .diff label,
main #checkout .checkout .diff label {
  margin-right: 1em;
}
main #cart .billing .diff .df-check,
main #checkout .billing .diff .df-check,
main #cart .checkout .diff .df-check,
main #checkout .checkout .diff .df-check {
  cursor: pointer;
}
main #cart .billing .diff .df-check::after,
main #checkout .billing .diff .df-check::after,
main #cart .checkout .diff .df-check::after,
main #checkout .checkout .diff .df-check::after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  background: url(images/check-sprites.png) no-repeat right;
  opacity: 1!important;
  left: -1px;
  top: -1px;
}
main #cart .billing .diff .df-check:checked::after,
main #checkout .billing .diff .df-check:checked::after,
main #cart .checkout .diff .df-check:checked::after,
main #checkout .checkout .diff .df-check:checked::after {
  background-position: left;
}
@media (max-width: 543px) {
  header a.logo img{height:50px;}
  header a.logo h1.title{line-height:50px; padding-left:60px; font-size:28px;}

  main #cart h4 {
    margin-top: 2em;
  }
  main #cart form.billing label {
    line-height: 1em;
  }
  main #cart form.billing .txtfield {
    margin-bottom: 1em;
  }
}
main #cart .payment {
  padding: 1.5em;
  background: #f8f8f8;
}
main #cart .payment h5 {
  text-transform: uppercase;
  font-size: 1.3em;
}
main #cart .payment .pay-item {
  display: block;
  margin: .5em 0;
}
main #cart .payment .pay-item input.bank {
  cursor: pointer;
  position: absolute;
  left: 0;
}
main #cart .payment .pay-item input.bank::before {
  content: "";
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: absolute;
  background: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
  -khtml-transition: 0.25s ease-out;
}
main #cart .payment .pay-item input.bank::after {
  content: "";
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  background: transparent;
  transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
  -khtml-transition: 0.25s ease-out;
}
main #cart .payment .pay-item input.bank:checked::before {
  background: #3C9AFA;
}
main #cart .payment .pay-item input.bank:checked::after {
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px #000000 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px #000000 rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px #000000 rgba(0, 0, 0, 0.25);
}
main #cart .payment .pay-item label {
  padding-left: 2em;
}
main #cart .payment .pay-item .pay-detail {
  margin-left: 2em;
  background: #ededed;
  padding: .5em;
  display: none;
}
main #cart .payment .pay-item .pay-detail p:last-child{
  margin-bottom: 0;
}
main #cart .payment .btn-yellow {
  background: #FFF701;
  border: none;
  text-transform: uppercase;
}
main #cart .payment .btn-yellow:hover {
  color: #000;
}
main .mainpage {
  padding: 0;
}
main .mainpage .leftwing {
  min-height: 500px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
main .mainpage .leftwing img {
  position: relative;
  min-height: 100%;
}
main .mainpage .leftwing h2 {
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
main .mainpage .leftwing .breadcrumb {
  width: 100%;
  text-align: center;
}
main .mainpage .leftwing .breadcrumb li {
  float: none;
  display: inline-block;
}
@media (max-width: 991px) {
  main .mainpage .leftwing {
    min-height: auto;
  }
  main .mainpage .leftwing h2 {
    margin-top: 0;
    bottom: auto;
    top: 20%;
  }
  main .mainpage .leftwing img {
    width: 100%;
    position: relative;
    height: auto;
  }
  main .mainpage .leftwing .breadcrumb {
    margin-top: 0;
    bottom: auto;
    top: 30%;
  }
}
@media (max-width: 400px) {
  main .mainpage .leftwing h2 {
    font-size: 1.5em;
  }
}
main .mainpage .leftwing {
  width: 50%;
  position: absolute;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
main .mainpage .leftwing .pc-container {
  width: 200%;
  position: relative;
  height: 100%;
  text-align: center;
  left: -50%;
}
main .mainpage .leftwing picture,
main .mainpage .leftwing img {
  text-align: center;
  display: inline-block;
  height: 100%;
}
main .mainpage .leftwing .txt-content {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
}
main .mainpage .leftwing .txt-content h2 {
  position: relative;
}
main .mainpage .leftwing .txt-content .breadcrumb {
  position: relative;
}
@media (max-width: 991px) {
  main .mainpage .leftwing {
    width: 100%;
    position: relative;
  }
  main .mainpage .leftwing .pc-container {
    position: relative;
    width: auto;
    height: auto;
    left: auto;
  }
}
main .mainpage .stock-isi {
  position: relative;
  width: 50%;
  padding: 2em;
  margin-left: 50%;
  min-height: 500px;
}
main .mainpage .stock-isi h5,
main .mainpage .stock-isi h4,
main .mainpage .stock-isi h3,
main .mainpage .stock-isi h2,
main .mainpage .stock-isi h1,
main .mainpage .stock-isi .heading,
main .mainpage .stock-isi b,
main .mainpage .stock-isi strong {
  padding-top: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
main .mainpage .stock-isi p {
  padding: .5em 0;
}
@media (max-width: 1200px) {
  main .mainpage .stock-isi {
    font-size: 1em;
  }
}
main .mainpage .stock-isi.isi-img {
  text-align: center;
}
main .mainpage .stock-isi img {
  max-width: 100%;
}
main .mainpage .stock-isi .stock-content {
  margin-bottom: 3em;
  padding: 1em 2em;
}
main .mainpage .stock-isi .stock-content h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.5em;
}
main .mainpage .stock-isi .stock-content .url {
  line-height: 1.5em;
  font-size: 1.15em;
}
main .mainpage .stock-isi .infograph {
  display: block;
  margin: 2em 0;
  margin-bottom: 8em;
  position: relative;
  z-index: 11;
}
main .mainpage .stock-isi .infograph .item {
  float: left;
  width: 60px;
  position: relative;
  margin-right: 3.5em;
}
main .mainpage .stock-isi .infograph .item .icon {
  width: 54px;
  height: 54px;
  background: #f7635a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  color: #fff;
  position: relative;
}
main .mainpage .stock-isi .infograph .item .icon span.fa {
  font-size: 1.5em;
  line-height: 54px;
}
main .mainpage .stock-isi .infograph .item label {
  text-align: center;
  padding: 1em 0;
  position: absolute;
  width: 60px;
  top: 55px;
}
main .mainpage .stock-isi .infograph .item .keterangan {
  position: absolute;
  bottom: 70px;
  left: -30px;
  width: 120px;
  background: #323232;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -khtml-transition: 0.3s ease-out;
  padding: .5em;
  font-size: .8em;
  text-align: center;
  z-index: 12;
  border-radius: 4px;
}
main .mainpage .stock-isi .infograph .item .keterangan:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  border: 8px solid transparent;
  border-top: 8px solid #323232;
  left: 50%;
  margin-left: -8px;
}
main .mainpage .stock-isi .infograph .item:hover .keterangan {
  visibility: visible;
  opacity: 1;
}
main .mainpage .stock-isi .infograph .item::before {
  content: "";
  display: block;
  position: absolute;
  width: 140%;
  height: 1px;
  margin-top: 27px;
  background: #f7635a;
  left: 90%;
}
main .mainpage .stock-isi .infograph .item:last-child::before {
  display: none;
}
main .mainpage .stock-isi .infograph::after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
@media (max-width: 1350px) {
  main .mainpage .stock-isi .infograph .item {
    margin-right: 2.5em;
  }
}
@media (max-width: 1200px) {
  main .mainpage .stock-isi .infograph {
    margin: 0em;
    margin-bottom: 8em;
  }
  main .mainpage .stock-isi .infograph .item {
    margin-right: 1.5em;
  }
}
@media (max-width: 991px) {
  main .mainpage .stock-isi .infograph .item {
    display: block;
    float: none;
    margin-right: auto;
    margin: 1em;
    width: auto;
  }
  main .mainpage .stock-isi .infograph .item .icon {
    float: left;
  }
  main .mainpage .stock-isi .infograph .item label {
    float: left;
    position: relative;
    top: auto;
    width: auto;
    line-height: 54px;
    margin: 0;
    padding: 0 1em;
  }
  main .mainpage .stock-isi .infograph .item .keterangan {
    position: absolute;
    bottom: auto;
    left: auto;
    right: 0;
  }
  main .mainpage .stock-isi .infograph .item .keterangan:after {
    border-top: 8px solid transparent;
    border-right: 8px solid #323232;
    bottom: auto;
    left: -8px;
    top: 50%;
    margin-top: -8px;
  }
  main .mainpage .stock-isi .infograph .item:before {
    width: 1px;
    height: 200%;
    margin-top: auto;
    left: 27px;
  }
  main .mainpage .stock-isi .infograph .item:after {
    content: "";
    display: block;
    position: relative;
    clear: both;
  }
}
main .mainpage .stock-isi .panel {
  margin: 1em 2em;
}
main .mainpage .stock-isi .panel .part {
  border-top: 1px solid #CFCFCF;
}
main .mainpage .stock-isi .panel .part .part-head {
  font-weight: bold;
  padding: 1em 0;
  font-size: 1.25em;
  cursor: pointer;
}
main .mainpage .stock-isi .panel .part .part-head .ic-stat {
  position: absolute;
  top: 1em;
  right: 1em;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #868185;
  text-align: center;
  line-height: 20px;
}
main .mainpage .stock-isi .panel .part .part-head .ic-stat::before {
  content: attr(data-stat);
  position: relative;
  display: inline;
}
main .mainpage .stock-isi .panel .part .part-body {
  line-height: 2em;
  display: none;
}
main .mainpage .stock-isi .panel .part .part-body ol {
  margin: 0;
  padding-left: 1em;
  font-size: 1.1em;
}
main .mainpage .stock-isi .panel .part .part-body ol li {
  margin-bottom: 1em;
}
main .mainpage .stock-isi .panel .part:first-child .part-body {
  display: block;
}
@media (max-width: 991px) {
  main .mainpage .stockish {
    height: auto;
  }
  main .mainpage .stock-isi {
    padding: 2em;
    min-height: auto;
    width: 100%;
    margin-left: 0;
  }
}
main #blogpost h2.jumbotron {
  padding: 1em 0 .5em 0;
}
main #blogpost .post {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 4em;
}
main #blogpost .post img {
  width: 100%;
  height: auto;
}
main #blogpost .post h4 {
  padding: .5em;
  padding-top: 1.5em;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
}
main #blogpost .post .keterangan {
  color: #B1B1B1;
  font-size: .8em;
  text-transform: uppercase;
}
main #blogpost .post .keterangan .viewers {
  color: #8D8D8D;
}
main #blogpost .post .keterangan .viewers .padd {
  display: inline-block;
  padding: .5em;
  font-size: 1.25em;
}
main #blogpost .post a.button {
  display: inline-block;
}
main #blogpost .blog {
  padding: 1em;
  background: #fff;
}
main #blogpost .blog .blog-head img {
  width: 100%;
  height: auto;
}
main #blogpost .blog .blog-head h3 {
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 1em;
  margin: 0;
}
main #blogpost .blog .blog-head .keterangan {
  color: #B1B1B1;
  font-size: .9em;
  text-transform: uppercase;
  padding-bottom: 1em;
}
main #blogpost .blog .blog-head .keterangan .viewers {
  color: #8D8D8D;
  display: inline-block;
}
main #blogpost .blog .blog-head .keterangan .viewers .padd {
  display: inline-block;
  padding: .5em;
}
main #blogpost .blog .blog-head .keterangan:after {
  content: "";
  display: block;
  position: relative;
  clear: both;
}
main #blogpost .blog .blog-foot {
  color: #B1B1B1;
  font-size: .9em;
  text-transform: uppercase;
  padding-bottom: 1em;
}
main #blogpost .blog .blog-foot .padd {
  display: inline-block;
  padding: .5em;
}
main #blogpost .comment-action {
  padding: 1em;
  background: #fff;
}
main #blogpost .comment-action h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6em;
  padding: 1em 0;
}
main #blogpost .comment-action textarea {
  height: 10em;
}
main #contact h3 {
  font-size: 1.6em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  padding: .5em 0;
  padding-bottom: .5em;
}
main #contact .map {
  position: relative;
  margin-bottom: 1em 0;
}
main #contact .map .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
main #contact form .padd {
  padding-bottom: 1.5em;
}
main #contact form textarea {
  height: 20em;
}
main #account {
  padding-top: 4em;
}
main #account .sidenav .welcome {
  padding: 1em;
  background: #fff;
  font-weight: bold;
}
main #account .sidenav ul.list {
  display: block;
  background: #fff;
  border-top: 1px solid #f8f8f8;
  list-style: none;
  padding: 0;
  margin: 0;
}
main #account .sidenav ul.list li,
main #account .sidenav ul.list a {
  display: block;
}
main #account .sidenav ul.list a {
  padding: 1em 10px;
}
main #account .sidenav ul.list li.active a,
main #account .sidenav ul.list li.is-active a,
main #account .sidenav ul.list li:hover a {
  border-left: 3px solid #000;
  padding-left: 7px;
  color: #000;
}
main #account .account-holder {
  margin-bottom: 2em;
}
main #account .account-holder .account-head {
  padding: 1em;
  background: #000;
  color: #fff;
  font-size: 1.25em;
}
main #account .account-holder .account-body {
  padding: 1em;
  line-height: 2em;
  background: #fff;
}
main #account .account-holder .account-body table td {
  min-width: 3em;
}
main #account .account-holder .account-body a.btn-action {
  position: absolute;
  top: 1em;
  right: 1em;
  padding: .5em 1.5em;
}
main #account .account-holder .account-body .padd {
  padding: 2em 0;
}
main #account .account-holder .account-body table.tbvertical {
  width: 100%;
}
main #account .account-holder .account-body table.tbvertical th {
  background: #fff;
  padding: 0 0.5em;
}
main #account .account-holder .account-body table.tbvertical td {
  border-top: 1px solid #CFCFCF;
  background: #F6F6F6;
  padding: .5em;
}
main #account .account-holder .account-body table.tbvertical a {
  white-space: nowrap;
  text-decoration: underline;
}
main #account .account-holder .account-body table.tbvertical .order-actions a{
  padding: 0 6px;
}
main #account .account-holder .account-body table.tbwhite th,
main #account .account-holder .account-body table.tbwhite td {
  background: #fff;
}
main #account .account-holder .account-body table.tbwhite td {
  padding: .5em 0;
}
main #account .account-holder .account-body table.tborder {
  border-bottom: 1px solid #cfcfcf;
}
main #account .account-holder .account-body table.tborder img {
  max-height: 80px;
  width: auto;
}
main #account .account-holder .account-body table.tborder td,
main #account .account-holder .account-body table.tborder th {
  padding: 0 1em;
}
main #account .account-holder .account-body table.tborder span.lbl {
  display: block;
}
main #account .account-holder .account-body table.tborder span.lbl.lbl-green {
  color: #4CA458;
}
main #account .account-holder .account-body table.tborder span.lbl.lbl-red {
  color: #f7635a;
}
main #account .account-holder .account-body table.tborder span.lbl.lbl-blue {
  color: #4CA4BE;
}
main #account .account-holder .account-body table.tborder span.lbl.lbl-orange {
  color: #D5B244;
}
main #account .account-holder .account-body table.tborder tfoot td {
  background: #fff;
  padding-top: .5em;
}
@media (max-width: 543px) {
  main #account .account-holder .account-body a.btn-action {
    position: relative;
    top: auto;
    right: auto;
  }
  main #account .account-holder .tbscrollr,
  main #account .account-holder .tbscrollr table {
    overflow-x: auto;
  }
}
main .comment {
  padding: 1em;
  background: #fff;
  margin-top: 2em;
}
main .comment h4 {
  text-transform: uppercase;
  font-weight: bold;
}
main .comment .chat {
  padding: 1em 0 2em 0;
  border-bottom: 1px solid #f0f0f0;
}
main .comment .chat .img-container {
  border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  border: 2px solid #d2d2d2;
  margin: 1em auto;
}
main .comment .chat .img-container img {
  width: 100%;
  height: auto;
}
main .comment .chat .comment-content p {
  /* padding-right: 15%; */
}
main .comment .chat .alcenter b {
  word-wrap: break-word;
}
main .comment h5 {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1em;
}
main .comment a.reply {
  position: absolute;
  top: 0;
  right: 1em;
  color: #cbcbcb;
}
main .comment a.reply:hover {
  color: #f7635a;
}
main .navigation {
  text-align: center;
  margin-top: 3em;
  border-top: 1px solid #F0F0F0;
  padding-top: 3em;
}
main .navigation ul {
  list-style: none;
  padding: 0;
}
main .navigation ul li,
main .navigation ul a {
  display: inline-block;
}
main .navigation ul a,
main .navigation ul span.current {
  display: block;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: #CFCFCF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #CFCFCF;
}
main .navigation ul a.prev,
main .navigation ul a.next {
  text-indent: -98765px;
  background: url(images/arrow-only.png) no-repeat top left;
}
main .navigation ul a.next {
  background-position: top right;
}
main .navigation ul span.current {
  border: 2px solid #f7635a;
  color: #f7635a;
}
main .navigation ul li:hover a {
  border: 2px solid #f7635a;
  color: #f7635a;
}
main .navigation ul li:hover a.prev {
  background-position: bottom left;
}
main .navigation ul li:hover a.next {
  background-position: bottom right;
}
main .breadcrumb a {
  color: #AAAAAA;
  cursor: pointer;
}
main .breadcrumb a span {
  color: #000;
}
main .breadcrumb a:hover {
  color: #f7635a;
  text-decoration: underline;
}
main .sidemenu h3 {
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
}
main .sidemenu .sidepart {
  padding: .5em 0;
}
main .sidemenu .sidepart ul {
  list-style: none;
  padding: 0;
}
main .sidemenu .sidepart ul li,
main .sidemenu .sidepart ul a {
  display: block;
}
main .sidemenu .sidepart ul a {
  padding: .5em;
  font-size: 1.1em;
  font-weight: 100;
}
main .sidemenu .sidepart .padd {
  line-height: 2em;
  margin-bottom: 2em;
}
main .custom-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
main .custom-select label {
  position: absolute;
  right: .25em;
  z-index: 1;
  line-height: 30px;
  cursor: pointer;
}
main .custom-select select {
  line-height: 30px;
  height: 30px;
  border: none;
  appearance: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 3em;
  background: transparent;
  z-index: 2;
  outline: none;
  cursor: pointer;
}
.close {
  width: 14px;
  height: 14px;
  position: relative;
  overflow: hidden;
  opacity: .7;
}
.close::before {
  content: "";
  width: 1px;
  height: 26px;
  background: #000;
  position: absolute;
  display: block;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  left: 50%;
  top: -50%;
}
.close::after {
  content: "";
  width: 1px;
  height: 26px;
  background: #000;
  position: absolute;
  display: block;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  right: 50%;
  top: -50%;
}
.close:hover::before,
.close:focus::before,
.close:hover::after,
.close:focus::after {
  background: #f7635a;
}
.cs-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: .5em;
}
.cs-icon.sm {
  width: 16px;
  height: 16px;
}
.cs-icon img {
  width: 100%;
  max-height: 100%;
  height: auto;
}
/*NEW N OVERRIDE*/
.checkout_coupon {
  padding: 1em!important;
}
.checkout_coupon input.border {
  width: 100%;
}
.checkout_coupon input.button {
  padding: 1em 2em;
}
.ship-content p.form-row,
.billing p.form-row,
.ship-content p.form-row-first,
.billing p.form-row-first,
.ship-content p.form-row-last,
.billing p.form-row-last {
  width: 100%;
}
.ship-content p.form-row label,
.billing p.form-row label,
.ship-content p.form-row-first label,
.billing p.form-row-first label,
.ship-content p.form-row-last label,
.billing p.form-row-last label {
  width: 33%;
  float: left;
}
.ship-content p.form-row::after,
.billing p.form-row::after,
.ship-content p.form-row-first::after,
.billing p.form-row-first::after,
.ship-content p.form-row-last::after,
.billing p.form-row-last::after {
  content: "";
  position: relative;
  display: block;
  clear: both;
}
.ship-content p.form-row .select2-choice,
.billing p.form-row .select2-choice,
.ship-content p.form-row-first .select2-choice,
.billing p.form-row-first .select2-choice,
.ship-content p.form-row-last .select2-choice,
.billing p.form-row-last .select2-choice,
.ship-content p.form-row select,
.billing p.form-row select,
.ship-content p.form-row-first select,
.billing p.form-row-first select,
.ship-content p.form-row-last select,
.billing p.form-row-last select,
.ship-content p.form-row .select2-container,
.billing p.form-row .select2-container,
.ship-content p.form-row-first .select2-container,
.billing p.form-row-first .select2-container,
.ship-content p.form-row-last .select2-container,
.billing p.form-row-last .select2-container {
  float: right;
  width: 100%;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  border-bottom: 2px solid #d0d0d0;
  background: #FBFBFB;
}
.ship-content p.form-row select,
.billing p.form-row select,
.ship-content p.form-row-first select,
.billing p.form-row-first select,
.ship-content p.form-row-last select,
.billing p.form-row-last select,
.ship-content p.form-row .select2-container,
.billing p.form-row .select2-container,
.ship-content p.form-row-first .select2-container,
.billing p.form-row-first .select2-container,
.ship-content p.form-row-last .select2-container,
.billing p.form-row-last .select2-container {
  width: 66% !important;
}
.ship-content p.form-row textarea,
.billing p.form-row textarea,
.ship-content p.form-row-first textarea,
.billing p.form-row-first textarea,
.ship-content p.form-row-last textarea,
.billing p.form-row-last textarea,
#order_comments_field textarea {
  height: 10em;
  margin-top: 1em;
  line-height: 1em!important;
}
/*new override*/
.comment-form .form-submit {
  margin: 1em 0;
}
.comment-form textarea {
  min-height: 10em;
}
header .scart .scart-foot a.button {
  line-height: 1.5em;
  margin-top: 5px;
  border-radius: 0;
}
.form-create input,
.form-create label {
  display: inline-block;
}
.woocommerce-password-strength {
  clear: both;
  position: relative;
  top: 5px;
}
.woocommerce form .form-row label {
  margin: 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row .input-text {
  width: 100%;
  float: right;
  border: none;
  border-bottom: 2px solid #D0D0D0;
  padding: 0 .5em;
  line-height: 30px;
  transition: 0.25s ease-out;
  -moz-transition: 0.25s ease-out;
  -o-transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
  -khtml-transition: 0.25s ease-out;
  background: #FBFBFB;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row .select2-choice:focus {
  border-bottom-color: #000;
}
.woocommerce form .form-row {
  margin: 6px 0;
}
legend {
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding-top: 1em;
}
.reset input.button {
  padding: 1em 2em!important;
}

.breadcrumb > span{padding:.5em;}
.breadcrumb a:hover{text-decoration:none!important;}

/*override*/
.instashow-gallery-media-link:hover .instashow-gallery-media-info{top:50px!important;}
.depth-2{margin-left:3em; border-bottom:none!important; border-top:1px solid #f0f0f0;}
.depth-3{margin-left:6em;}
.depth-4{margin-left:9em;}

.product-thumbs {
    position:absolute;
    top:0;
    width:80px!important;
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product-thumbs ul{padding-left:0;}
.product-thumbs li {
	display:block;
    height:auto!important;
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    width: 80px;
    height: 80px;
    margin-bottom:5px;
}
.product-thumbs li:hover img{
    border:2px solid #d0d0d0;
}
.product-thumbs img {
    display: block;
    height: auto;
    max-width: 100%;
}
.product-thumbs:before, .product-thumbs:after {
    content: " ";
    display: table;
}

#main-image{
  float:right;
  padding-left:80px;
  background:#fff;
}

.product-detail{background:#FBFBFB; padding-left:1em;}
.breadcrumb{padding:2em 0; margin-bottom:0;}
.single_add_to_cart_button{margin-bottom:1em;}
.order_details td p, #order_review .shop_table td p{ margin-bottom: 0; }
.text-center{ text-align: center; }
.woocommerce-variation-add-to-cart-disabled{ display: none; }
p.stock.out-of-stock{ color: #f7635a; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; }
a.img-holder.out-of-stock{ position: relative; }
.overlay{ background: rgba(0,0,0,0.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
a .overlay-note{ color: #fff; letter-spacing: 0.1em; font-weight: 700; position: relative; top: 50%; text-align: center; text-transform: uppercase; transform: translateY(-50%); }

.bottom-foot .bank {
  margin-top: 10px;
  margin-bottom: 40px;
}