.swiper-slide .step{
padding: 40px 50px;
}
.main-container{ display: flex; }
.left-container{ display: inline-block; width: 57%; background-color: black; color: white;}
.left-container .main-title{
border-width: 1px;
border-style: solid;
border-color: gray;
border-radius: 25px;
padding: 7px;
margin-left: 50px;
margin-top: 25px;
margin-right: 320px;
text-align: center;
font-weight: 600;
}
.right-container{ display: inline-block; width: 44%; }
.right-container .scs-price{
display: flex;
justify-content: center;
}
.right-container .scs-price .label{
margin-right: 10px;
}
.right-container .scs-price .label, .right-container .scs-price .price-container{
font-weight: 600;
}
.value .icon {
display: inline-block;
}
.step .value > p {
display: inline-block;
margin-left: 15px;
margin-bottom: 0px;
margin-top: 15px;
}
.step .item-content {
width: 70%;
display: inline-block;
margin-left: 10px;
margin-top: 15px;
}
.step .short-desc {
font-size: 12px;
}
.step .value { }
.step .value .wrapper .label-wrapper{
display: flex;
justify-content: flex-start; }
.step .value .wrapper .label-wrapper img{
height: 20px;
margin-right: 10px;
}
.step .value .wrapper .select-buton,
.step .value .wrapper .option-buton{
border-radius: 25px;
padding: 5px 10px;
background-color: #00ade6;
color: white;
width: 80px;
font-weight: 500;
text-align: center;
font-size: 13px;
}
.step .value .wrapper .option-buton{
width: 100px;
}
.step .value .wrapper .select-buton.outer,
.step .value .wrapper .option-buton.outer{
background-color: black;
padding: 3px 2px;
border-radius: 25px;
border-width: 1px;
border-style: solid;
width: 86px;
text-align: center;
border-color: #ffffff00;
}
.step .value .wrapper .option-buton.outer{
width: 107px;
}
.step .value .wrapper .select-buton.outer.selected,
.step .value .wrapper .option-buton.outer.selected{
background-color: black;
padding: 3px 2px;
border-radius: 25px;
border-width: 1px;
border-style: solid;
width: 86px;
text-align: center;
border-color: #ffffffff;
}
.step .value .wrapper .option-buton.outer.selected{
width: 107px;
}
.step table.field, .step table.field td{
border: none;
}
.step table.field tr:last-child td{
border-bottom: 1px solid #ddd;
}
.step .receta .value {
display: table-cell;
}
.step table.field .value .wrapper input[type="radio"]{
display:none;
visibility: hidden;
}
.step table.field .value .wrapper .buton-group.multiple{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: start;
}
.left-container .nav-buttons{
display: flex;
justify-content: space-between;
padding: 20px 10px;
}
.left-container .nav-buttons .next,.left-container .nav-buttons .forward, .nav-buttons .add-crystal-to-cart {
padding: 10px 15px;
border-radius: 0px;
color: white;
background-color: black;
flex-basis: 30%;
text-align: center; }
.left-container .nav-buttons .next:hover,.left-container .nav-buttons .forward:hover,.nav-buttons .add-crystal-to-cart:hover{
color: white;
background-color: #ff3535;
cursor: pointer;
}
.step .option-aditional-imgs{
display: flex;
justify-content: space-around;
}
.step .option-aditional-imgs .img-itm:nth-of-type(1){
background-color: black;
border-radius: 25px;
}
.step .option-aditional-imgs .img-itm:nth-of-type(2){
border:#ddd 1px solid;
padding: 1px;
height: 49px;
}
.step .option-aditional-imgs .img-itm{
width: 80px;
}
.help-box{
position: absolute;
background-color: rgba(255, 255, 255, 1);
border: black 1px solid;
border-radius: 3px;
padding: 10px;
z-index: 10;
box-shadow: 5px 5px 15px gray;
}
.help-box .close-buton{
float:right;
background-color: black;
color: white;
border-radius: 5px;
margin-bottom: 10px;
padding: 5px 8px
}
.pum-theme-22554 .pum-container, .pum-theme-lightbox .pum-container{
padding: 0px !important;
border-radius: 1px !important;
border-width: 1px !important;
}
.right-container .header{
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.right-container .primary-product-details{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.right-container .header .title-1,
.right-container .primary-product-details .title-1{
border-width: 1px;
border-style: solid;
border-color: gray;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
font-weight: 500;
padding: 4px 6px 4px 40px;
}
.right-container .header .SKU{
color: white;
background-color: #00ade6;
font-weight: 500;
border-radius: 25px;
padding: 4px 6px;
}
.right-container .primary-product-details .brand{
display: flex;
justify-content: flex-end;
align-items: center;
}
.single-product .bwp-single-info .button-select-crystals{
margin-top: 2px;
width: 100%;
}
.single-product .bwp-single-info .button-select-crystals button {
-webkit-transition: none;
transition: none;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
line-height: 64px;
position: relative;
background: #000;
color: #fff;
text-align: center;
margin-right: 20px;
padding: 0 15px;
cursor: pointer;
display: inline-block;
vertical-align: top;
flex: 1;
margin: 0;
white-space: nowrap;
font-family: Jost,sans-serif;
width: 100%;
}
.single-product .bwp-single-info .button-select-crystals button:hover {
background: #ff0202;
color: #fff;
cursor: pointer;
}
.right-container .price-container{
display: flex;
justify-content: space-between;
align-items: center;
}
.right-container .without-discount-price{
color: gray;
text-decoration-line: line-through;
text-decoration-style: solid;
font-size: 14px;
margin-right: 5px;
}
.right-container .percent-discount{
background-color: yellow;
padding: 3px 5px;
font-size: 9px;
border-radius: 5px;
margin-left: 5px;
}
.left-container .step.step-last .content-inner-atc-wrapp,
.left-container .step.step-last .content-inner-description,
.left-container .step.step-last .content-inner-title {
padding: 16px 30px;
}
.left-container .step.step-last .content-inner-title {
text-transform: uppercase;
}
.left-container .step.step-last .content-inner-description{
font-size: medium;
font-style: normal;
font-weight: 500;
margin-bottom: .5rem;
}
.step-last .content-inner-button > .add-crystal-to-cart {
background-color: blue; display: inline-block;
padding: 10px 15px;
border-radius: 25px;
font-weight: 400;
}
.step-last .content-inner-button > .add-crystal-to-cart:hover {
background-color: red; display: inline-block;
padding: 10px 15px;
border-radius: 25px;
font-weight: 400;
cursor: pointer;
}
.content-inner-button {
text-align: center;
margin-top: 20px;
}
.content-inner-image {
text-align: center;
}