input.form-control.quantity-input {
  height: auto;
  font-weight: 700;
  width: 4rem;
}

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


.btn-cart-single:hover svg.svg-icon.text-lg.cart-single  {
transform: rotate(350deg);
}

.my-4.product-share.text-sm :hover > i {
color: #DB3C2A;
}

@media (min-width: 992px) { 
.product-share {
font-size: .875rem!important;
}
}

@media (max-width: 991.98px) { 
.product-share {
  font-size: .600rem;
}
}


@media (max-width: 991.98px) { 
h1.title-product {
  font-size: 1.3rem;
  margin-bottom: 2rem;
}
}


@media (min-width: 992px) { 
h1.title-product {
font-size: 2rem;
margin-bottom: 2rem;
}
}


/* Portrait phones and smaller */
@media (min-width: 572px) {
  .legenda_single {
    line-height: 3.5;
    font-size: 75%; 
  }
}

/* Portrait phones and smaller */
@media (max-width: 570px) {
  .legenda_single {
    line-height: 0.5;
    font-size: 67%;  
  }
}

.single-links {
color: #6c757d!important;
}

.single-links :hover{
color: #DB3C2A!important;
}

.heart-actived {
color: #DB3C2A;
}

.imaTWf {
color: #000000;
position: sticky;
background-color: rgb(255, 255, 255);
top: 56px;
left: 0px;
right: 0px;
display: flex;
flex-direction: column;
padding: 0.5rem;
z-index: 1021;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px 0px;
}

/* Style the Image Used to Trigger the Modal */
img {
  cursor: pointer;
  transition: 0.3s;
}

.single-links {
  color: #6c757d!important;
}

/* The Modal (background) */
#image-viewer {
  display: none;
  position: fixed;
  z-index: 1021;
  cursor: pointer;
  padding-top: 60px;
  left: 0;
  top: 57px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(51, 51, 51, 0.95);
}
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 740px;
}
.modal-content { 
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
#image-viewer .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
#image-viewer .close:hover,
#image-viewer .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .modal-content {
      width: 100%;
  }
}

/* Portrait phones and smaller */
@media (max-width: 570px) {
.ribbon-wrapper.mobile-single {
  top: 105px;
}
}


/* Cor single */

.color,
.color input {
  position: relative;
  overflow: hidden;

  width: 40px;
  height: 40px;

  border-radius: 50%;
}

.color {
  display: inline-block;
  margin: 3px;
}

.color input {
  position: absolute;
  top: 0;
  left: 0;

  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.color i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  background-image: url(http://cdn.nicolapps.ch/images/uploads/1478199301.png);
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center center;

  opacity: 0;
  transition: 0.15s opacity ease-in-out;
}

.color input:checked + i {
  opacity: 1;
}




.accordion{
  margin: 40px 0;
}
.accordion .item {
    border: none;
    margin-bottom: 50px;
    background: none;
}
.t-p{
   padding-top: 5px;
}
.accordion .item .item-header h2 button.btn.btn-link {
    background: #ffffff;
    color: white;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
    text-decoration: none;
}
.accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin-bottom: 6px;
}

.accordion .item .item-header h2 button {
    color: white;
    font-size: 20px;
    padding: 0px;
    display: block;
    width: 100%;
    text-align: left;
}

.accordion .item .item-header h2 i {
  float: left;
  font-size: 30px;
  color: #ffffff;
  background-color: #db3c2a;
  width: 60px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
}

button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}

/* Then style the iframe to fit in the container div with full height and width */
iframe.note-video-clip {
    max-width: 100%;
    border: 4px solid #db3c2a;
}

.product-thumbs .swiper-slide img {
  border:2px solid transparent;
  object-fit: cover;
  cursor: pointer;
}
.product-thumbs .swiper-slide-active img {
  border-color: #bc4f38;
}
.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}