@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,800italic,300italic,600,700,800);

* {
box-sizing: border-box;
}

.clearfix::after {
content: "";
clear: both;
display: table;
}

/* NAV PANEL */

.more-products-nav {
display: flex;
height: auto;
z-index: 9;
background: linear-gradient(160deg,#2b0608,#4a0c12);
border: solid 2px #c9a24a;
flex-direction: column;
box-shadow: 0 6px 20px rgba(0,0,0,.6);
}

.more-products-nav h3 {
text-align: center;
font-size: 11px;
line-height: 17px;
color: #f3d98c;
font-weight: 700;
height: 45px !important;
background: linear-gradient(145deg,#8b1c24,#5c0f15);
font-family: arial;
margin: 0;
padding: 5px 0 0;
border-bottom: 1px solid rgba(201,162,74,.6);
}

.more-products-nav .vs-slides {
position: relative;
}

.more-products-nav .vs-slides .vs-slides-inner {
height: 70px;
overflow: hidden;
}

.more-products-nav .vs-products {
height: 66px;
width: 100%;
}

.more-products-nav .vs-products a.vs-product {
display: block;
height: 60px;
margin: 4px 10px;
border-radius: 6px;
}

.more-products-nav .vs-products a.vs-product:hover {
background-color: rgba(201,162,74,.1);
}

.more-products-nav .vs-products a.vs-product .vs-image {
width: 100%;
height: 100%;
position: relative;
display: flex;

box-shadow:
0 4px 10px rgba(0,0,0,.6),
0 0 10px rgba(201,162,74,.2);

background: linear-gradient(145deg,#2b0608,#4a0c12);
border: 1px solid rgba(201,162,74,.4);
}

.more-products-nav .vs-products a.vs-product .vs-image img {
max-height: 100%;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50%;
transform: translateY(-50%);
max-width: 90%;
}

.more-products-nav .vs-products a.vs-product .vs-title {
width: 66.66667%;
position: relative;
float: right;
height: 100%;
}

.more-products-nav .vs-products a.vs-product .vs-title h4 {
color: #f3d98c;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
}

/* RECENTLY VIEWED BLOCK */

.recently-viewed-block {
position: fixed;
right: 0;
width: 70px;
display: flex;
flex-direction: row;
top: 150px;
z-index: 110 !important;
transition: all .5s ease;
height: fit-content;
}

.recently-viewed-block::after {
content: '';
display: none;
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
background: #00000080;
opacity: 0;
transition: all 0.2s ease;
z-index: -2;
}

.recently-viewed-block.open::after {
opacity: 1;
display: block;
}

.recently-viewed-block.ubuy_web_versus .horizontal-slider {
background: linear-gradient(160deg,#2b0608,#4a0c12);
border: 1px solid rgba(201,162,74,.5);
}

.recently-viewed-block.open {
width: 450px;
}

.recently-viewed-block-open,
.recently-viewed-block-open:hover {

background: linear-gradient(145deg,#8b1c24,#5c0f15);

width: 50px;
height: 45px;
border-radius: 100%;
padding: 0px 3px;
position: absolute;
left: -27px;
top: 85px;

display: flex;
align-items: center;

border: 2px solid #c9a24a;

box-shadow:
0 0 10px rgba(201,162,74,.6);

text-decoration: none;
}

.recently-viewed-block-open i {
color: #f3d98c;
padding: 14px 5px;
}

/* SLIDER */

.recently-viewed-block .horizontal-slider {
margin: 40px 0px;
width: 450px;

box-shadow:
0 6px 25px rgba(0,0,0,.7),
0 0 20px rgba(201,162,74,.2);

height: 300px;
margin-right: -540px;

transition: all .5s ease;
}

.recently-viewed-block .horizontal-slider .header-part {
padding: 0 0 0 15px;
height: 35px;

background: linear-gradient(145deg,#8b1c24,#5c0f15);

display: flex;
justify-content: space-between;
width: 100%;

border-bottom: 1px solid rgba(201,162,74,.6);
}

.recently-viewed-block .horizontal-slider p {
font-family: arial;
color: #f3d98c;
font-weight: bold;
font-size: 15px;
margin: 0;
align-self: center;
}

.recently-viewed-block .horizontal-slider .header-part .actions a {
color: #f3d98c;
}

.recently-viewed-block .horizontal-slider .item {
padding: 10px;
margin: 2px 0;
border-radius: 5px;
text-align: center;
background: linear-gradient(145deg,#2b0608,#4a0c12);
border: 1px solid rgba(201,162,74,.3);
}

.recently-viewed-block .horizontal-slider .item:hover {
box-shadow:
0 0 12px rgba(201,162,74,.5);
}

/* PRODUCT BUTTON */

.recently-viewed-block .horizontal-slider .owl-carousel .go-to-product {

border: 1px solid #c9a24a;

height: 25px;
padding: 2px 10px;

background: linear-gradient(145deg,#8b1c24,#5c0f15);

color: #f3d98c;

font-weight: 700;
font-family: arial;

border-radius: 40px;

text-decoration: none;
font-size: 14px;

box-shadow: 0 0 8px rgba(201,162,74,.4);
}

.recently-viewed-block .horizontal-slider .owl-carousel .go-to-product:hover {

background: linear-gradient(145deg,#a3212b,#6e1218);

box-shadow: 0 0 15px rgba(201,162,74,.8);

}