.flex-container-row{
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
overflow: auto;
position: relative;
justify-content: space-between;
align-items:start;
align-content:start;
margin:auto;
}
.flex-item-left{
max-width:100%;
flex: 1 0 100%;
align-items:center;
}
@media (min-width: 768px){
.flex-item-left{
flex: 1 0 60%;
}
}
@media (min-width: 1700px){
.flex-item-left{
max-width:55%;
}
}
.flex-item-right{
word-wrap: break-word;
flex: 1 0 40%;
align-items:start;
}
@media (min-width: 1700px){
.flex-item-right{
max-width:30%;
}
}
img.gallery-img{
background-color:transparent;
}
#viewport{
display: -webkit-flex;
display: flex;
flex-flow: row nowrap;
justify-content: center;
height:100%;
position:relative;
}
#viewport #slider{
flex: 1 1 auto;
position:relative;
overflow:hidden;
max-width:90%;
height:100%;
cursor:pointer;
}
.animate-height{
transition: height .5s ease-out;
}
.animate{
transition: left .5s ease-out;
}
#viewport > #slider img.slide{
position:absolute;
left:0;
top:0;
width:100%;
}
#viewport > #slider img.right{
left:100%;
}
#viewport > #slider img.left{
left:-100%;
}
#viewport > #slider img.center{
left:0;
}
#slider{
border-radius:0.15rem;
}
#slide-icons{
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content:space-evenly;
margin-top:1rem;
}
#slide-icons > div{
flex:0 0 80px;
margin:.5rem;
max-width:100px;
max-height:100px;
cursor:pointer;
position:relative;
overflow:hidden;
}
@media (min-width: 768px){
#slide-icons > div{
flex:0 0 90px;
}
#slide-icons{
justify-content:start;
}
}
@media (min-width: 992px){
#slide-icons > div{
flex:0 0 100px;
}
}
@media (min-width: 1200px){
#slide-icons{
justify-content:center;
}
#slide-icons > div{
flex:0 0 110px;
}
}
#slide-icons > div img{
width:100%;
transition: .15s ease-out;
}
#slide-icons > div:hover img{
transform:scale(1.15);
}
div.spin{
display: -webkit-flex;
display: flex;
justify-content:center;
align-items:center;
position:absolute;
margin: 0;
top:0;
left: 0;
bottom:0;
right:0;
background-color:initial!important;
}
div.cert-spin{
display: -webkit-flex;
display: flex;
justify-content:center;
align-items:center;
position:absolute;
margin: 0;
top:0;
left: 0;
bottom:0;
right:0;
background-color:rgba(170,170,170,.4);
}
div.spin > div.small-spinner{
border-radius:.125rem;
background-image: radial-gradient(circle rgba(0,0,0,.2), rgba(255,255,255,.1));
padding:3rem;
}
div.spin > div.big-spinner{
border-radius:.125rem;
background-image: radial-gradient(circle rgba(180,180,180,.4), rgba(255,255,255,.8));
border:1px solid rgba(255,255,255,.5);
box-shadow: 2px 2px 3px rgba(0,0,0,.3);
padding:2.5rem;
}
.flex-container-right{
display: -webkit-flex;
display: flex;
justify-content: center;
flex-flow: column wrap;
background-color:#eee;
margin:0;
position:relative;
}
@media (min-width: 576px){
.flex-container-right{
margin:2rem;
}
}
@media (min-width: 768px){
.flex-container-right{
margin:0;
}
}
img.slide{
position:relative;
}
.description{
margin: 5rem 2rem 0 2rem;
}
.size-select-tr{
vertical-align: middle;
display:inline-block;
cursor:pointer;
}
.size-select-tr + div{
display:inline-block;
line-height:0;
cursor:pointer;
}
.size-select-tr .hide{
display:none;
}
.size-select-tr .size-cm,
.size-select-tr .size-inch{
transform-origin: 50% 50%;
transition: .15s linear;
opacity:1;
visibility: visible;
white-space:nowrap;
}
.size-inch > div,
.size-cm > div{
display:inline-block;
}
.size-text{
font-size:90%;
color: #6c757d;
line-height:.5;
}
#delete-product,
#goToCardBlock,
#addToCart{
transition: opacity 0.4s ease;
}
.table.border-last-child:last-child{
border-bottom: 1px solid #dee2e6;
margin-top:6rem;
}
.table.border-last-child:first-child{
border-top: 1px solid #dee2e6;
}
.img-original{
position:absolute;
bottom:70%;
right:0;
max-width:40%;
}
.img-handpainted{
padding:.5rem;
position:absolute;
top:0;
right:0;
max-width:30%;
}
.flex-container-right .title{
padding-right:30%;
}
.img-cert{
position:absolute;
top:2rem;
right:2rem;
max-width:25%;
}
.img-cert1{
position:absolute;
top:-5rem;
right:1rem;
max-width:35%;
}
.img-cert2{
position:absolute;
top:-6rem;
right:.5rem;
max-width:20%;
}
@media (min-width: 576px){
.img-original{
bottom:0;
max-width:40%;
}
}
@media (min-width: 768px){
.img-original{
bottom:80%;
max-width:40%;
}
}
@media (min-width: 992px){
.img-original{
bottom:50%;
max-width:40%;
}
}
.flex-container-row2{
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
overflow: auto;
position: relative;
justify-content: space-between;
align-items:start;
align-content:start;
}
.flex-item-left2{
flex: 0 0 50%;
align-items:start;
padding-left:2rem;
padding-top:4rem;
}
.flex-item-right2{
word-wrap: break-word;
flex: 0 0 50%;
align-items:center;
}
.flex-item-right2 a{
outline:0;
}
.flex-container-right2{
display: -webkit-flex;
display: flex;
justify-content: space-evenly;
flex-flow: row wrap;
}
@media (min-width: 768px){
.flex-container-right2{
justify-content: center;
}
}
.flex-container-right2 img{
height:80px;
}
@media (min-width: 576px){
.flex-container-right2 img{
height:90px;
}
}
@media (min-width: 768px){
.flex-container-right2 img{
height:100px;
}
}
@media (min-width: 992px){
.flex-container-right2 img{
height:120px;
}
}
@media (min-width: 1200px){
.flex-container-right2 img{
height:130px;
}
}
.btn-buy:focus,
.btn-buy:hover{
color:#FFA0FF;
}
.btn-buy{
background: linear-gradient(45deg, rgba(31,25,67,.46), rgba(12,0,38,.54), rgba(47,33,73,.57)), linear-gradient(to left, rgba(85,17,55,.73), rgba(13,12,63,.51));
background-image: linear-gradient(45deg, hsla(249, 46%, 18%, 0.36), hsla(259, 100%, 7%, 0.67), hsla(261, 38%, 21%, 0.41)), linear-gradient(to left, hsla(326, 67%, 20%, 0.28), hsla(241, 68%, 15%, 0.48));
box-shadow: inset 1px 1px 2px rgba(255,255,255,.55), inset -1px -1px 1px rgba(255,255,255,.55), 0 0 1px hsl(279, 16%, 75%);
color:rgba(255,221,68,.8);
text-shadow: .5px .5px 0 rgba(110,110,110,.6), 0px .5px 0 rgba(110,110,110,.6), -.5px -.5px 0 rgba(110,110,110,.7), -.5px -.5px 0 rgba(110,110,110,.7), -.5px .5px 0 rgba(110,110,110,.7), .5px -.5px 0 rgba(110,110,110,.7);
text-align: center;
border-radius: 0.125rem;
text-transform: uppercase;
letter-spacing: 0.2rem;
border-radius:0.2rem;
}
.product-favorite{
position:absolute;
right:1rem;
top:1rem;
}
.product-favorite i.fa-heart{
cursor:pointer;
color:#fff;
font-size:1.3em;
text-shadow:0 0 3px black;
transition: .15s ease;
}
.product-favorite > div > div{
opacity:0;
white-space:nowrap;
transition: opacity .15s linear;
padding-left:0.5rem;
padding-right:0.5rem;
background-color: #E8E8E8;
border: 1px solid hsl(279, 16%, 65%);
font-size:.9em;
border-radius:0.15rem;
overflow:hidden;
}
.product-favorite i.fa-heart:hover + div{
opacity:1;
}
.product-favorite.active .fa-heart{
color:hsl(40, 100%, 80%);
text-shadow:0 0 2px hsl(0, 100%, 10%);
transform: scale(1.2);
}
.cert-modal{
display:flex;
justify-content:center;
align-items:center;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.5);
z-index:1000;
opacity:0;
transition: .4s ease;
}
.cert-modal-hidden{
display:none;
}
.cert-modal-show{
opacity:1;
}
.cert-modal-content{
position:relative;
border-radius:.125rem;
padding:.5rem;
background-color:white;
box-shadow: 0 0 5px #333;
display:flex;
justify-content:center;
flex-direction:column;
align-items:center;
align-content:center;
max-height:auto;
max-width:auto;
}
.cert-modal-content img{
max-height:80vh;
max-width:80vw;
}
.cert-modal-close{
position:absolute;
display:flex;
justify-content:center;
align-items:center;
top:-.8rem;
right:-.8rem;
color:white;
background: radial-gradient(farthest-side ellipse at top left, white, #000);
border:2px solid white;
border-radius:50%;
width:1.5rem;
height:1.5rem;
box-shadow: 0 0 3px black;
cursor:pointer;
}
a#cert{
outline:none;
}
.cert-modal-close div{
text-align:center;
}
.viewed{
padding:2rem 0 0 3rem;
}
.viewed-item{
padding:.5rem 1rem 1rem 1rem;
}
.viewed-item a{
outline:0;
}
.prefooter a:hover,
.prefooter a:focus,
.prefooter a{
text-decoration:none;
}
.prefooter a{
color:#212529;;
}
#slide-icons > div,
.flex-container-right2 img,
.viewed-img > img{
border-radius:.125rem;
box-shadow: 0px 0px 3px #bbb, 2px 2px 4px #ccc;
transition: .15s ease;
}
#slide-icons > div:hover,
.flex-container-right2 img:hover,
.viewed-img:hover > img{
box-shadow: 0px 0px 4px #aaa, 3px 3px 6px #aaa;
}
.viewed-img img{
max-height:100%;
max-width:100%;
}
.original-text{
position:absolute;
right:1rem;
top:-50px;
display:inline-block;
padding:1px 3px;
line-height:1;
font-family: monospace;
font-weight: bold;
font-size:1.2rem;
color:#DF4C33;
border: 5px solid #DF4C33;
border-radius:4px;
transform-origin: 50% 50%;
transform: rotateZ(-6deg);
}
.artist-td a{
outline:0;
}
.artist-td img{
height:2rem;
}
.size-80{
font-size:80%;
}
@media (min-width: 576px){
.size-80{
font-size:inherit;
}
.btn-buy-sm{
width:50%;
display:inline-block;
text-align:center;
}
}