/* Menu Trigger ***/
.menu-trigger {
    display: inline-block;
    position: relative;
}
.menu-trigger a {
    color: #585858;
    display: inline-block;
    text-decoration: none;
    padding: 19px 20px 19px 20px;
    font-size: 12px;
}
.menu-dropdown, .cart-dropdown, .sign-up-dropdown, .filter-dropdown {
    display: none;
    min-width: 400px;
    -moz-animation: fadeInDown .3s ease-in;
    -webkit-animation: fadeInDown .3s ease-in;
    animation: fadeInDown .3s ease-in;
    z-index: 11;
}
.menu-dropdown.active, .cart-dropdown.active, .sign-up-dropdown.active, .filter-dropdown.active {
    display: block;
    -moz-animation: fadeInUp .3s ease-in;
    -webkit-animation: fadeInUp .3s ease-in;
    animation: fadeInUp .3s ease-in;
    z-index: 20;
}
.menu-dropdown.active {
    position: absolute;
}
/* Cart */


.cart-dropdown, .sign-up-dropdown {
    position: absolute;
    right: 16px;
    margin-top: 46px;
    display: none;
    z-index: 11;
}
.empty-cart-dropdown {
    text-align: center;
    background: #fff;
    padding: 20px 80px;
    display: inline-block;
}
.empty-cart-dropdown p {
    margin-bottom: 0;
}
.full-dropdown {
    background: #fff;
    padding: 15px;
}
.full-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 15px 10px;
}
.full-dropdown ul li {
    margin-top: 10px;
}
.cart-item-wrapper {
    border: 1px solid #e7e7e7;
}
.cart-item-remove {
    float: right;
}



.cart-item-remove a {
    color: #242424;
    font-weight: 900;
    display: block;
    position: absolute;
    top:50px;
    right: 10px;
}
.cart-item-wrapper {
    display: inline-block;
    min-width: 390px;
}
.item-cart-image {
    float: left;
}
.item-cart-content {
    text-align: right;
    padding-top: 10px;
    padding-right: 30px;
}
.item-cart-content p {
    text-align: right;
    margin-bottom: 0;
    margin-top: 6px;
}
.item-cart-content a {
    color: #242424;
    font-weight: 300;
    letter-spacing: 2px;
}
p.cart-item-price {
    color: #242424;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 2px;
}
.cart-total {
    padding: 5px 25px 15px 15px;
}
.cart-total a.wishlist {
    color: #767676;
}
.cart-total a.total {
    float: right;
    font-weight: 300;
    font-size: 14px;
    color: #242424;
}
.cart-total a.total span {
    font-weight: 300;
}
.cart-buttons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cart-buttons ul li {
    display: block;
    width: 50%;
    float: left;
    padding: 0;
    margin: 0;
    background: #242424;
    text-align: center;
}
.cart-buttons ul li a {
    padding: 15px;
    color: #fff;
    display: block;
}
.red-btn {
    background: #c95b5b;
}
.orange-btn {
    background: #e1501d;
}
.bege-btn {
    background: #cebd95;
}
/* 2d. Right Menu */

.cart {
    float: right;
    padding-top: 20px;
}
.cart a {
    text-decoration: none;
    color: #585858;
}
.cart a i {
    color: #242424;
    font-size: 15px;
}
.cart a:hover {
    text-decoration: underline;
}
/******** 31. SHOPPING CART ********/
.shopping-cart {
    padding-bottom: 0;
}
.shopping-cart .panel-info {
    margin: 0;
    padding: 30px 0;
    border: none;
    border-radius: 0;
}
.shopping-cart .panel-info .panel-heading {
    background-color: #fff;
    border: none;
    border-radius: 0;
}
.shopping-cart .s-cart-heading {
    padding: 0 30px;
}
.shopping-cart .content-button {
    margin: 0;
}
.shopping-cart h5 {
    font-size: 12px;
}
.shopping-cart h4 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.shopping-cart h6 {
    color: #585858;
}

/* 31a. Cart Item *****/
.shopping-cart .cart-item {
    position: relative;
    margin: 20px 0;

}
.shopping-cart .cart-item-content {
    width: 92%;
    margin-left: 5%;
    padding: 48px 0 0 0;
    border: 1px solid #e7e7e7;
    min-height: 124px;
}
.shopping-cart .cart-info  {
    vertical-align: middle;

}
.shopping-cart .cart-item-content img {
    margin: -36px 10px 10px;
}
.shopping-cart .cart-item-remove {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 2.5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.shopping-cart .update-cart {
    margin: 20px 0;
    padding: 0 30px;
}
.shopping-cart .select-box {
    width: 100%;
}
.shopping-cart .select-box input {
    min-width: 40px;
    max-width: 100%;
}

/* 31b. Cart Item Footer ****/
.shopping-cart .panel-footer {
    padding: 35px 15px 0;
    background-color: #fff;
    border-color: #e7e7e7;
}
.shopping-cart .to-checkout {
    padding: 0 30px;
}
.shopping-cart .total h4 {
    font-weight: 700;
    font-size: 14px;
    color: #242424;
}
.shopping-cart .total strong {
    font-weight: 900;
}
.s-cart-btn {
    display: block;
    padding: 12px 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.s-cart-btn:hover,
.s-cart-btn:focus {
    color: #fff;
}
.s-cart-btn.red-btn {
    background-color: #c95b5b;
}
.s-cart-btn.orange-btn {
    background-color: #e1501d;
}
.s-cart-btn.bege-btn {
    background-color: #cebd95;
}
.s-cart-btn.green-btn {
    background-color: #8dc0b3;
}

/* WP */
img {
    max-width: 100%;
}


/* 18. SINGLE PRODUCTS ***********/
.body-content.products {
    background-color: #fff;
}
.product-single-wrap {
    padding: 30px;
    background: #fff;
}
.product-single-media {
    display: block;
    float: right;
    width: 100vw;
    max-width: 100%;
}
.product-content-wrap {
    width: 100%;
    float: left;
    display: block;
}
.product-single-wrap.full-width .product-content-wrap {
    width: 840px;
    max-width: 100%;
}
p.product-short-description {
    color: #7a7a7a;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
}
.simpleLens-container {
    display: table;
    position: relative;
    float: left;
}
.simpleLens-big-image-container {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    position: relative;
    width: 600px;
    max-width: 100%;
}
.simpleLens-big-image {
    max-width: 100%;
}
.simpleLens-lens-image {
    height: auto;
    width: 392px;
    max-width: 100%;
    text-align: center;
    margin: 0;
    box-shadow: none;
    float: none;
    position: relative;
}
.simpleLens-mouse-cursor {
    background-color: #242424;
    opacity: 0.2;
    filter: alpha(opacity=20);
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #242424;
    box-shadow: none;
    cursor: none;
}
.simpleLens-lens-element {
    background-color: #242424;
    box-shadow: none;
    height: 200px;
    left: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 9999;
    text-align: center;
    border: 3px solid #e7e7e7;
}
.simpleLens-lens-element img {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    max-width: none;
}
.simpleLens-thumbnails-container {
    float: right;
    display: block;
    margin-left: 20px;
}
.simpleLens-thumbnails-container a {
    display: inline-block;
    overflow: hidden;
}
.simpleLens-thumbnails-container a img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.simpleLens-thumbnails-container a:hover img {
    -webkit-transform:  scale(1.2);
    -moz-transform:  scale(1.2);
    -ms-transform:  scale(1.2);
    -o-transform:  scale(1.2);
    transform:  scale(1.2);
}
a.simpleLens-thumbnail-wrapper {
    margin-bottom: 2px;
    margin-right: 2px;
    display: block;
    width: 184px;
    /*height: 230px;*/
}

/* SUGESTÕES */

a.sugestoes-thumbnail-wrapper {
    margin-bottom: 2px;
    margin-right: 2px;
    display: block;
    width: 100%;
}


.product-content-wrap {
    background: #fff;
    padding: 0 30px;
}
.product-ratings span {
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 15px;
}
.product-single-title h1 {
    font-size: 26px;
    margin: 0 0 10px;
    font-weight: 900;
}
.product-single-title .product-ratings {
    margin-bottom: 10px;
    color: #242424;
}
.product-single-date {
    font-size: 12px;
}
.product-single-title span.bottom-border {
    margin: 25px 0;
}
.product-single-price {
    margin-top: 10px;

}
/*.product-single-price p {
    font-weight: 900;
    font-size: 14px;
    color: #242424;
    text-align: left;
}*/
/*.product-single-price p span.new-price {
    font-size: 20px;
    color: #c95b5b;
    margin-left: 5px;
}
.product-single-price p span.old-price {
    font-size: 20px;
    color: #dbdbdb;

}*/
.add-to-cart {
    margin: 30px 0 0 0;
}
.add-to-cart label {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 900;
    display: block;
    color: #242424;
}
.add-to-cart label a i {
    font-size: 11px;
    font-weight: 400;
    color: #7a7a7a;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.add-to-cart label a:hover i {
    color: #242424;
}
.add-to-cart select {
    margin: 0;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    background: #f9f9f9;
    color: #7a7a7a;
    padding: 5px;
    border: none;
    border: 1px solid #e7e7e7;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 120px;
    min-width: 120px;
    text-transform: uppercase;
    position: relative;
}
.select-box {
    display: inline-block;
    width: 120px;
    margin-bottom: 20px;
}
.select-box.clear {
    width: 40px;
}
.select-box.clear a {
    font-size: 12px;
    color: #c95b5b;
    font-weight: 900;
    letter-spacing: 2px;
}
.select-box.button {
    width: auto;
    display: inline-block;
}
.select-box.button.icon a {
    padding: 10px 11px 10px 13px;
    border: 2px solid #242424;
    font-size: 12px;
    color: #242424;
    background: #fff;
    display: block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.select-box input[type="number"] {
    margin: 0;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    background: #f9f9f9;
    color: #7a7a7a;
    padding: 6px 7px;
    border: none;
    border: 1px solid #dbdbdb;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 60px;
    min-width: 60px;
    text-transform: uppercase;
    position: relative;
}
.select-box input[type="submit"] {
    display: inline-block;
    font-size: 12px;
    color: #242424;
    background: #e1501d;
    font-weight: 900;
    border: 2px solid #e1501d;
    padding: 10px 25px;
    letter-spacing: 4px;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
}
.select-box input[type="submit"]:hover, .select-box input[type="submit"].active, .select-box.button.icon a:hover {
    color: #fff;
    background: #e1501d;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.select-box input[type="submit"].active:hover {
    color: #242424;
    background: #fff;
}
.blog-single-meta.product {
    margin: 0;
}
.blog-single-meta.product .blog-single-meta-wrap {
    padding: 0;
}
.blog-single-meta.product .blog-single-meta-background {
    padding: 40px 0 50px 0;
    width: 100%;
    display: block;
    border-top: 1px solid #e7e7e7;
    background-image: url(images/jonas-border-horizontal.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.product_title {
  color: black;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
}

.product_price{
  color: #666;
  font-size: 17px;
  font-weight: 100;
  letter-spacing: 1px;

}
.old-price, .price span.product_price_old {
    text-decoration:line-through;
    display: inline-block;
    margin-right: 15px;
    font-size: 17px;
    color: #999;
}
.product_price_discount{
  color: #e1501d;
  letter-spacing: 1px;
  font-size: 17px;
  font-weight: 700;
}
.price {
    color: black;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left;
    letter-spacing: 2px;
}
.price span.old {
    text-decoration:line-through;
    display: inline-block;
    margin-right: 5px;
    padding: 0!important;
    font-size: 14px;
    color: #999;
}
.price span.new {
  color: #e1501d;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700;
}
.product_size_head{
  color: black;
  font-weight: 400;
  line-height: 24px;
  margin-left: 0px;
  text-align: left;
}

.product_order_email{
  color: black;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  letter-spacing: 2px;
}

.product_head_info{
  /* Text style for "INFO DE PRODUT" */

  color: black;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.align_button-left{
   height: 20px;
   margin-right: 15px;
   margin-top: -7px;
}
.align_button-right{
   height: 20px;
   margin-right: 12px;
   margin-top: -5px;
   margin-bottom: -2px;
   margin-left: -15px;
}
.close_button{
   float: right;
   margin-top: -10%;
}

.product_button{
  display: inline-block;
  font-size: 12px;
  color: white;
  background: #e1501d;
  font-weight: 500;
  border: 2px solid #e1501d;
  padding: 10px 25px;
  letter-spacing: 4px;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
}
.product_button:hover{
  color: black;
  background: white;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product_button_whishlist{
 display: inline-block;
 font-size: 12px;
 color: #242424 ;
 background: white;
 font-weight: 500;
 border: 1px solid black;
 padding: 10px 25px;
 letter-spacing: 4px;
 margin-top: 0;
 margin-bottom: 0;
 text-transform: uppercase;
 -moz-transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 border-radius: 0;
 min-width:194.266px;
 min-height: 41px;
}
.product_button_whishlist:hover{
  color: #fff;
  background: #e1501d;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.product-form ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-form li {
    float: left;
    zoom: 1;
    margin: 0 0 0 3px;
}

.size-link {
    color: #aaa;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    min-width: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.color-link {

    font-weight: 500;
    line-height: 18px;
    height: 18px;
    width: 18px;
    min-width: 18px;
    margin-left: 12px;
    margin-right: 20px;
}

.available{
  color: black;
  font-weight: 500;
  line-height: 20px;
}

.available-color{
  color: #e1501d;
  font-weight: 500;
  line-height: 30px;
  border: 1px solid #aaa;
  display: block;
  text-align: center;
  text-decoration: none;
  box-sizing: content-box;
}

.selected{
  color: #e1501d;
  font-weight: 500;
  line-height: 20px;
  border: 2px solid #d9d9d9;
  display: block;
  text-align: center;
  text-decoration: none;
  box-sizing: content-box;

}

}
.no-border{
  border: 0;
}

.noti_bubble {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: 18px;
    right:190px;
    padding:1px 2px 1px 2px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:0.65em;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:30px;
    box-shadow:1px 1px 1px gray;

}

.noti_bubble_mobile {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: 0px;
    right:99px;
    padding:1px 2px 1px 2px;
    color:Black;
    font-weight:bold;
    font-size:0.65em;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:30px;

}
.noti_bubble_mobile_wishlist {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: 0px;
    right:61px;
    padding:0 2px 1px 2px;
    color:Black;
    font-weight:bold;
    font-size:0.65em;
}
.noti_bubble_wishlist {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: 18px;
    right:230px;
    padding:1px 2px 1px 2px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:0.65em;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:30px;
    box-shadow:1px 1px 1px gray;

}


.right {
    float: right;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
  .close_button{
     float: right;
     margin-top: -20%;
  }

  .mobile-left{
    text-align: left;
  }

  .mobile-full-with{
    width: 100%
  }

  .conten-btn-orange{
    text-align:center;display:block;

  }

}