/* -- CONTENT -- */
html {
width:100%;
margin:0;
padding:0;
background-color:#232323;
scroll-behavior:smooth;
}
body {
width:100%;
margin:0;
padding:0;
}
.bg {
animation: bg 4s;
-webkit-animation: bg 4s;
-moz-animation: bg 4s;
-o-animation: bg 4s;
-ms-animation: bg 4s;
animation-fill-mode: forwards;
}
@keyframes bg {
0% {opacity:0;}
100% {opacity:0.9;}
}
@-moz-keyframes bg {
0% {opacity:0;}
100% {opacity:0.9;}
}
@-webkit-keyframes bg {
0% {opacity:0;}
100% {opacity:0.9;}
}
@-o-keyframes bg {
0% {opacity:0;}
100% {opacity:0.9;}
}
@-ms-keyframes bg {
0% {opacity:0;}
100% {opacity:0.9;}
}
.mI {
animation: mI 4s;
-webkit-animation: mI 4s;
-moz-animation: mI 4s;
-o-animation: mI 4s;
-ms-animation: mI 4s;
}
@keyframes mI {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes mI {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes mI {
0% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes mI {
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes mI {
0% {opacity:0;}
100% {opacity:1;}
}
.h1 {
animation: h1 1s;
-webkit-animation: h1 1s;
-moz-animation: h1 1s;
-o-animation: h1 1s;
-ms-animation: h1 1s;
animation-delay: 1.5s;
-webkit-animation-delay: h1 1.5s;
-moz-animation-delay: h1 1.5s;
-o-animation-delay: h1 1.5s;
-ms-animation-delay: h1 1.5s;
opacity:0;
animation-fill-mode: forwards;
}
.hdpr {
animation: h1 1s;
-webkit-animation: h1 1s;
-moz-animation: h1 1s;
-o-animation: h1 1s;
-ms-animation: h1 1s;
animation-delay: 2.5s;
-webkit-animation-delay: h1 2.5s;
-moz-animation-delay: h1 2.5s;
-o-animation-delay: h1 2.5s;
-ms-animation-delay: h1 2.5s;
opacity:0;
animation-fill-mode: forwards;
}
@keyframes h1 {
from {transform: translateY(100px); opacity: 0;}
to { transform: translateY(0); opacity: 1;}
}
@-moz-keyframes h1 {
from {transform: translateY(100px); opacity: 0;}
to { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes h1 {
from {transform: translateY(100px); opacity: 0;}
to { transform: translateY(0); opacity: 1;}
}
@-o-keyframes h1 {
from {transform: translateY(100px); opacity: 0;}
to { transform: translateY(0); opacity: 1;}
}
@-ms-keyframes h1 {
from {transform: translateY(100px); opacity: 0;}
to { transform: translateY(0); opacity: 1;}
}
.hd {
animation: hd 2s;
-webkit-animation: hd 2s;
-moz-animation: hd 2s;
-o-animation: hd 2s;
-ms-animation: hd 2s;
}
@keyframes hd {
0% {opacity:0; right:-150px;}
100% {opacity:1; right:0rem;}
}
@-moz-keyframes hd {
0% {opacity:0; right:-150px;}
100% {opacity:1; right:0rem;}
}
@-webkit-keyframes hd {
0% {opacity:0; right:-150px;}
100% {opacity:1; right:0rem;}
}
@-o-keyframes hd {
0% {opacity:0; right:-150px;}
100% {opacity:1; right:0rem;}
}
@-ms-keyframes hd {
0% {opacity:0; right:-150px;}
100% {opacity:1; right:0rem;}
}
.mU {
animation: hd 1.5s;
-webkit-animation: hd 1.5s;
-moz-animation: hd 1.5s;
-o-animation: hd 1.5s;
-ms-animation: hd 1.5s;
}
.header-link {
color:#fff;
text-decoration:none;
outline:none;
}
#scroll {
position:absolute;
float:left;
height:0;
width:0;
/*margin:-20px 0 0 0;*/
}
.sc {
position:absolute;
float:left;
margin:-80px 0 0 0;
padding:0;
}
.sc-sc {
position:absolute;
float:left;
margin:0;
padding:0;
}

#bg {
position: fixed; 
width:100%;
opacity:0.9;
z-index:-1;
}
#bg img {
position: absolute; 
top: 0;
margin: auto;
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
z-index:-1;
}
.menuRight-a {
position:absolute;
position:fixed;
top:50px;
right:0;
width:90px;
margin:0;
padding:12px 0;
background:#D83A5699;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1rem;
font-weight:700;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
text-transform:uppercase;
transition: 0.2s ease-in-out;
cursor:pointer;
z-index:3;
}
.menuRight-a:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.barz {
margin-right:10px;
}
.menuRight-b {
position:absolute;
position:fixed;
top:50px;
right:-1300px;
float:left;
width:280px;
padding:15px 0 25px 25px;
background:#000;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:1rem;
text-transform:uppercase;
text-shadow:none;
transition: 0.2s ease-in-out;
z-index:999;
}
.mrb-a {
float:left; 
width:280px;
}
.mrb-b {
float:left;
width:80%;
font-size:1.8rem;
}
.mrb-c {
float:left;
max-height:60vh;
width:280px;
overflow-x:hidden;
overflow-y:auto;
}
.mrb-d {
float:left;
width:260px;
border-top:4px dotted #989898;
}
.mrb-e {
float:left;
width:280px;
margin:20px 0 0 0;
}
.menuRight-b ul {
margin:0;
padding:0;
list-style-type:none;
}
.menuRight-b li {
margin:25px 0;
font-size:1.3rem;
color:#fff;
list-style: none;
background-color:none;
}
.menuRight-b a {
border:none;
color:none;
text-decoration:none;
color:#F5C70A;
}
.menuRight-b li:hover {
color:#F5C70A;
}
.closeMenu-a {
position:absolute;
top:5px;
right:12px;
width:100%;
font-size:1.7rem;
}
.closeMenu-b {
float:right;
padding:10px 10px 25px 35px;
}
.colorClose {
color:#fff;
cursor:pointer;
}
.colorClose:hover {
color:#D83A56;
}


.header {
position: relative;
float: left;
width: 95%;
margin: 2.5%;
padding:0;
z-index: 2;
}
.section-a {
position: relative;
float: left;
width: 94.5%;
margin:2.5% 0 2.5% 2.5%;
padding:0;
z-index: 2;
}
.section-b {
position: relative;
float: left;
width: 93%;
margin:2.5% 0 0 2.5%;
padding: 0;
background-color:rgba(0,0,0,0.75);
z-index: 2;
}
.mainIco-a {
float:left;
width:100%;
z-index:3;
}
.mainIco-b {
position:relative;
height:110px;
width:110px;
margin:100px auto 50px auto;
padding:28px;
border-radius:100%;
background:#D83A5699;
text-align:center;
color:#fff;
box-shadow:1px 1px 2px rgba(0,0,0,0.95);
}
.mainIco-c {
font-size:90px;
text-shadow:1px 1px 2px rgba(0,0,0,0.85);
}

h1 {
position:relative;
margin:0 0 20px 0;
font-family: 'Dancing Script', cursive;
font-size:6.05rem;
font-weight: 600;
line-height: 1.5;
color: rgba(255,255,255,1);
letter-spacing: 0.075em;
text-align: center;
text-shadow:1px 1px 2px rgba(0,0,0,0.85);
z-index:3;
}

a {
margin:0;
padding:0;
text-decoration:none;
color:none;
border:none;
}
a, a:active, a:focus {
outline: none;
}
.link-b {
color: #fff;
}
.link-b:hover {
color: #D83A56;
border-bottom-color: transparent;
}

.hdPara {
position:relative;
margin: 0 0 50px 0;
font-family: 'Merriweather', Helvetica, sans-serif;
font-size:1.05rem;
font-weight: 300;
line-height:2.6rem;
text-align: center;
font-style:italic;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
z-index:3;
}
@media screen and (max-width: 480px) {
.hdPara {
width:90%;
margin: 0 5% 50px 5%;
}
}

.sort-bar {
float:left;
height:50px;
width:93%;
margin:0 0 30px 2.5%;
background-color: rgba(255,255,255,0.175);
z-index:3;
}
.sort-bar-right {
float:right;
}
.sb-social-a {
float:left;
margin:0;
padding:13px 20px 0 20px;
text-align:center;
font-weight:normal;
color:#fff;
transition:ease-in-out 0.3s;
cursor:pointer;
}
.sb-social-a:hover {
color:#D83A56;
}
.sb-social-b {
font-size:1.3rem;
}
.sort-ico {
width:25px;
font-size:1.2rem;
text-align:center;
}

.home {
float: left;
height:50px;
width:50px;
background-color:#c0264299;
transition: 0.3s ease-in-out;
padding:0;
font-size:1.3rem;
color:#fff;
text-align: center;
text-shadow:1px 1px 2px rgba(0,0,0,0.85);
border: none;
cursor: pointer;
}
.home:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.home-ico {
margin-top:14px;
}

/* Style The Dropdown Button */
.dropbtn {
height:50px;
background-color:rgba(0,0,0,0.85);
margin:0;
padding:16px;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:1rem;
letter-spacing: 0.075em;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.85);
border: none;
cursor: pointer;
z-index:3;
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
 margin:0;
position: relative;
display: inline-block;
transition: 0.3s ease-in-out;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: rgba(0,0,0,0.85);
width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 99;
}
.dc-currency {
width: 100px;
}

/* Links inside the dropdown */
.dropdown-content a {
padding: 16px;
text-decoration: none;
display: block;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:1rem;
letter-spacing: 0.075em;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.85);
z-index: 99;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color:#D83A5695;
transition: 0.3s ease-in-out;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
/*   background-color: #3e8e41; */
}

.socCont-a {
float:right;
background-color:none;
}
.socCont-b {
float:left;
width:100%;
}
.socCont-c {
float:left;
width:100%;
}

.socDisplay-c {
float:left;
height:45px;
width:45px;
margin:0 15px 0 0;
border:4px solid #D83A56;
border-radius:100%;
text-align:center;
color:#fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
transition:ease-in-out 0.2s;
cursor:pointer;
}
.socDisplay-c:hover {
border:4px solid #D83A56;
color:#fff;
background-color:#D83A56;
}
.socDisplay-d {
margin:11px 0 0 0;
font-size:21px;
}
.socDisplay-e {
float:left;
height:45px;
width:45px;
margin:0 15px 0 0;
border:4px solid #eee;
border-radius:100%;
text-align:center;
color:#fff;
transition:ease-in-out 0.2s;
cursor:pointer;
}
.socDisplay-e:hover {
border:4px solid #D83A56;
}
.socDisplay-f {
margin:12px 0 0 0;
font-size:21px;
}

img {
float:left;
width:100%;
margin:0;
padding:0;
}

.item-cont {
position: relative;
float:left;
width:29.5%;
margin:0 5% 60px 0;
padding:0 0 50px 0; 
background-color:rgba(0,0,0,0.75);
}
.ic-lst-mar {
margin-right:0;
}
.ic-spc {
float:left;
width:100%;
margin:0;
padding:0;
}
.item-img {
display: block;
height:300px;
width: 100%;
object-fit: cover;
}
.item-ttl {
float:left;
width:90%; 
margin:40px 5% 30px 5%;
font-family:'Dancing Script', cursive;
font-size:2.4rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.item-section {
float:left;
width:100%;
}
.item-intro {
float:left;
width:80%; 
margin:0 10% 10px 10%;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight:300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.item-intro a {
font-weight:900;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,0.55);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
outline: none;
text-decoration: none;
border-bottom:2px dotted rgba(255,255,255,0.55);
transition:0.5s ease;
}
.item-intro a:hover {
color:rgba(255,255,255,0.95);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.read-more {
font-size:0.9rem;
font-weight:300;
color:#F5C70A;
}
.item-view {
float:left;
width:80%; 
margin:20px 0 10px 10%;
padding:20px 0;
border:3px solid #fff;
background-color:#D83A5699;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.3rem;
font-weight:700;
letter-spacing:0.075em;
color:#fff; 
text-transform:uppercase;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
/*background-image: url(../media/repeat.png);*/
}
.item-view:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.item-desc {
float:left;
width:84%; 
margin:25px 0 10px 5%;
padding:0 0 0 5%;
border-left:4px solid #D83A56;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.is-price-tags {
float:left;
width:95%;
margin:0 0 0 5%;
}
.item-price {
float: left;
margin:3px 10px 10px 0;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 600; 
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.item-add {
float: left;
margin:10px 0 10px 5%;
padding:10px 15px;
background-color:#fff;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 600; 
color:#000;
text-align: left;
}
.item-fav {
float: left;
margin:10px 0 10px 15px;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:2.1rem;
font-weight: 600; 
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.if-favd {
color:#f00;
}
.cart-ico {
margin-right:7px;
font-size:1.4rem;
}
.artifact-sec-dsktp {
float:left;
width:60%;
margin:20px 0 0 20%;
padding:0;
}
.artifact-cont {
position:relative;
float:left;
width:60%; 
margin:0 20%;
padding:0 0 50px 0;
background-color:#000;
}
.artifact-img {
display: block;
height:300px;
width: 100%;
object-fit: cover;
}
.artifact-ttl {
float:left;
width:90%;
margin:15px 5%;
font-family:'Dancing Script', cursive;
font-size:2.3rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.artifact-intro {
float:left;
width:80%; 
margin:10px 10%;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.artifact-list {
float:left;
width:90%; 
margin:10px 0;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.artifact-ico {
float:left;
width:20px;
margin:7px 10px 10px 0;
font-size:1.2rem;
color:#F5C70A;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.artifact-desc {
float:left;
width:87%; 
margin:25px 0 10px 0;
padding:0 0 0 5%;
border-left:4px solid #D83A56;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.artifact-view {
float:left;
width:80%; 
margin:20px 0 10px 10%;
padding:20px 0;
border:3px solid #fff;
background-color:#D83A5699;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.3rem;
font-weight:700;
letter-spacing:0.075em;
color:#fff; 
text-transform:uppercase;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
/*background-image: url(../media/repeat.png);*/
}
.artifact-view:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.artifact-section {
float:left;
width:100%;
margin:0;
padding:0;
}
.artifact-price {
float: left;
margin:4px 20px 0 0;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 600; 
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.artifact-box {
float: left;
margin:15px 10px 10px 0;
padding:7px 12px;
background-color:#D83A5699;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.9rem;
font-weight:700;
letter-spacing:0.075em;
color:#fff; 
text-transform:uppercase;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.ab-antique {
background-color:#00994d99;
}
.ab-handmade {
background-color:#008ae699;
}
.artifact-add {
float: left;
margin:10px 0;
padding:10px 15px;
background-color:#fff;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 600; 
color:#000;
text-align: left;
}
.artifact-fav {
float: left;
margin:10px 0 10px 15px;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:2.1rem;
font-weight: 600; 
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.artifact-shipping {
float: left;
margin:10px 0;
padding:10px;
border: 2px solid #fff;
border-radius:5px;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.9rem;
font-weight:700;
letter-spacing:0.075em;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.as-ico {
margin-right:7px;
font-size:1.3rem;
}
.artifact-add-btn {
float:left;
width:80%; 
margin:20px 0 10px 10%;
padding:20px 0;
border:3px solid #fff;
background-color:#D83A5699;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.3rem;
font-weight:700;
letter-spacing:0.075em;
color:#fff; 
text-transform:uppercase;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
box-shadow:rgba(0,0,0,0.75);
transition:0.5s ease;
cursor:pointer
/*background-image: url(../media/repeat.png);*/
}
.artifact-add-btn:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.zoom-info {
position:relative;
position:absolute;
bottom:30px;
left: 0;
right: 0;
width:220px;
margin: 0 auto;
padding:7px 0;
border-radius:15px;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
background-color:rgba(0,0,0,0.75);
font-size:0.9rem;
font-weight:400;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:#fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
z-index:99;
}
.zoom-info-mobile {
display:none;
}

.sc-ico {
float:left;
width:100%;
margin:60px 0 0 0;
font-size:5rem;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
}
.nfav-ico {
float:left;
width:100%;
margin:40px 0 0 0;
font-size:3.6rem;
color:#f00;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
}
.cart-item {
float:left;
width:100%;
margin:40px 0 0 0;
}
.cart-img {
float:left;
margin:0 5% 0 0;
display: block;
width: 40%;
object-fit: cover;
}
.cart-section {
float: left;
width:90%;
margin:0 5%;
padding:0;
}
.cart-ttl {
float:left;
width:90%; 
margin:10px 5% 25px 5%;
font-family:'Dancing Script', cursive;
font-size:2.7rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align:center;
}
.sc-bdr {
float:left; 
width:90%; 
margin:15px 5% 0 5%; 
border-bottom:4px solid #D83A56;
}
.cart-blrb {
float:left;
width:55%;
}
.cart-price {
float: left;
width:90%; 
margin:5px 5% 10px 0;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1.2rem;
font-weight: 600; 
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.cart-wght {
float:left;
width:90%; 
margin:5px 5% 10px 0;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:0.9rem;
font-weight: 600; 
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.cw-ico {
float:left;
width:20px;
margin:-3px 7px 0 0;
font-size:1.2rem;
color:#F5C70A;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.cart-cont {
float:left;
width:100%;
margin:20px 0 10px 0;
}
.cart-field {
float:left;
width:270px;
margin:0 0 10px 0;
padding:12px 2.5%;
border:none;
outline:none;
background-color:#fff;
font-family: 'Merriweather', Helvetica, sans-serif;
font-size:1rem;
font-weight:300;
font-style:italic;
color:#434343;
text-shadow:none;
}
.cart-sold-out {
float:left;
width:70%;
margin:0 0 10px 0;
padding:12px 2.5%;
background-color:#f00;
box-shadow:1px 1px 2px rgba(0.0.0.80);
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:400;
font-size:1rem;
letter-spacing: 0.075em;
text-transform: uppercase;
color:#fff;
text-align:left;
text-shadow:1px 1px 2px #000;
}
.cart-remove {
float:left;
margin:5px 0 0 10px;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1rem;
font-weight:400;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:#fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.cr-ico {
font-size:1.2rem;
color:#fff;
}
.cr-fav-ico {
margin:12px 0 0 10px;
font-size:1.6rem;
color:#fff;
}
.cart-total {
float:left;
width:100%;
margin:20px 0;
padding:13px 0;
border-top:4px solid #D83A56;
border-bottom:4px solid #D83A56;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:1.4rem;
font-weight:900;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:#fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.footer {
position: relative;
float: left;
width: 95%;
margin:2.5% 0 0 0;
padding:20px 2.5%;
z-index: 2;
background-color:rgba(0,0,0,0.75);
}
.footer-section {
float: left;
width:20%;
margin:10px 2.5%;
}
.footer-ttl {
float:left;
width:100%;
margin:20px 0 0 0;
font-family:'Dancing Script', cursive;
font-size:2.2rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.footer-para {
float:left;
width:100%;
margin:10px 0 0 0;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left;
}
.footer-flag {
float:left;
height:35px;
width:50px;
margin:15px 15px 0 0;
object-fit: cover;
}
.footer-social {
float:left;
width:100%;
margin:20px 0 10px 0;
text-align: center;
}
.footer-link {
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:900;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,0.55);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
outline: none;
text-decoration: none;
border-bottom:2px dotted rgba(255,255,255,0.55);
transition:0.5s ease;
}
.footer-link:hover {
color:rgba(255,255,255,0.95);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.footer-ico-bdr {
float:left;
width:80%;
margin:20px 0 0 0;
padding:10%;
border:5px solid #999;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
transition:0.5s ease;
}
.footer-ico-bdr:hover {
border:5px solid #fff;
}
.footer-ico {
float:left;
width:100%;
text-align: center;
font-size:4rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.fip-pp {
font-size:4.9rem;
}
.fip-visa {
font-size:2.5rem;
color:#ff8c1a;
}
.fip-mast {
font-size:2.5rem;
color:#00b386;
}
.fip-ppal {
font-size:2.5rem;
color:#0086b3;
}
.fipc-marg {
margin-right:10px;
}
.ct-pp {
float:left;
width:100%;
margin:0 0 20px 0;
font-size:5.9rem;
color:#797979;
text-align:center;
}

.footer-ico-para {
float:left;
width:100%;
margin:10px 0 0 0;
text-align: center;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
line-height:1.3;
font-size:1.2rem;
font-weight:900;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.footer-ico-para span {
float:left;
width:100%;
margin:10px 0 0 0;
line-height:1.5;
font-size:0.8rem;
font-weight:600;
color:#fff;
}
.footer-copy {
float:left;
width:100%;
margin:0;
padding:5px 0;
text-align: center;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:0.80rem;
letter-spacing: 0.075em;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.85);
background-color: rgba(255,255,255,0.175);
}
.footer-copy span {
font-size:0.8rem;
}
.usr {
position:absolute;
position:fixed;
z-index:2;
right:0;
top:130px;
width:50px;
margin:0;
padding:0;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.usr-box {
float: left;
width:100%;
margin:0;
padding:5px 0;
text-align:center;
font-size:1.8rem;
color:#fff;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.75);
background-color:#D83A5699;
transition: ease 0.5s;
}
.usr-box:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}
.hme-ico {
font-size:1.8rem;
}
.user-ico {
font-size:2rem;
}
.shop-ico {
font-size:1.7rem;
}
.up {
position:absolute;
position:fixed;
z-index:2;
right:0;
bottom:70px;
margin:0;
padding:8px 12px;
font-size:1.6rem;
color:#fff;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
background-color:#D83A5699;
transition: ease 0.5s;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.up:hover {
background-color:#fff;
color:#616161;
text-shadow:none;
}

.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #D83A5699;
}
.ribbon span {
position: absolute;
display: block;
width: 225px;
padding: 15px 0;
background-color:#D83A5699;
color:rgba(255,255,255,.90);
box-shadow: 0 5px 10px rgba(0,0,0,.1);
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
font-size:1rem;
letter-spacing: 0.075em;
text-shadow: 1px 1px 2px rgba(0,0,0,.75);
text-transform: uppercase;
text-align: center;
}
.ribbon-top-left {
top: -10px;
left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
border-top-color: transparent;
border-left-color: transparent;
}
.ribbon-top-left::before {
top: 0;
right: 0;
}
.ribbon-top-left::after {
bottom: 0;
left: 0;
}
.ribbon-top-left span {
right: -25px;
top: 30px;
transform: rotate(-45deg);
}
.forgot {
float:left;
width:100%;
text-align:center;
}
.forgot-link {
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:700;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:center;
color:rgba(255,255,255,0.85);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
outline: none;
text-decoration: none;
border-bottom:2px dotted rgba(255,255,255,0.55);
transition:0.5s ease;
}
.forgot-link:hover {
color:rgba(255,255,255,0.95);
text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}
.cur-ico {
margin-right:4px;
}
.msg-bar {
position:absolute;
position:fixed;
width:500px;
top:20px;
left: 0;
right: 0;
margin:0 auto;
padding:10px;
box-shadow:1px 1px 2px rgba(0.0.0.80);
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-weight:400;
font-size:1rem;
letter-spacing: 0.075em;
text-transform: uppercase;
color:#fff;
text-align:left;
text-shadow:1px 1px 2px #000;
z-index:999999;
}
.msg-bar-con {
float:left;
width:100%;
margin:0;
padding:0;
}
.mb {
float:left;
width:440px;
}
.msg-ico {
float:left;
width:30px;
margin:0;
padding:0;
font-size:1.3rem;
}
.mb-close {
float:right;
width:15px;
margin-top:-5px;
padding:0;
font-size:1.4rem;
cursor:pointer;
}
.success {
background-color:#00994d;
}
.warning {
background-color:#e6b800;
}
.error {
background-color:#f00;
}
.standard-txt {
float:left;
width:90%; 
margin:5px 5% 5px 0;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.8rem;
font-weight:400;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:left;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.standard-txt span {
font-weight:700;
font-size:0.9rem;
color:#aa223b;
}
.st-ico {
margin:0 5px 0 0;
font-size:1rem;
}
.express-txt {
float: left;
width:90%; 
margin:5px 5% 5px 0;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.8rem;
font-weight:400;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:left;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.express-txt span {
  font-weight:700;
font-size:0.9rem;
color:#666699;
}
.et-ico {
margin:0 5px 0 0;
font-size:1rem;
}
.pp-cont {
float:left;
width:70%;
margin:10px 0 10px 10%;
padding:20px 5%;
border-radius:5px;
background-color:#fff;
box-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.pp-buy-now {
float:left;
width:90%; 
margin:100px 0 10px 5%;
padding:0 0 10px 0;
font-family:'Dancing Script', cursive;
font-size:3.3rem;
font-weight: 600;
color:#F5C70A; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
border-bottom:4px solid #D83A56;
}
.pp-intro {
float:left;
width:80%; 
margin:10px 10%;
font-family:'Merriweather', Helvetica, sans-serif; 
font-size:1.1rem;
font-weight: 300;
line-height:2.2rem;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: center;
}
.pp-shipping-field {
float:left;
width:350px;
margin:15px 0 20px 10%;
padding:14px 0 14px 5%;
border:none;
outline:none;
background-color:#fff;
font-family: 'Merriweather', Helvetica, sans-serif;
font-size:1rem;
font-weight:300;
font-style:italic;
color:#434343;
text-shadow:none;
}
.pp-ship {
float: left;
width:80%; 
margin:5px 0 10px 15%;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.8rem;
font-weight:400;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:left;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
text-align: left; 
}
.pp-ship span {
font-weight:700;
font-size:0.9rem;
}
.pps-free-col {
color:#aa223b;
}
.pps-exp-col {
color:#666699;
}
.pp-ship-ico {
margin:0 5px 0 0;
font-size:1rem;
}
.pp-fm-cont {
float:left;
width:90%;
padding:20px 5% 0 5%;
border-radius:5px;
background-color:#fff;
}
.pp-ship-cont {
float:left;
width:60%;
margin:5px 20% 20px 20%;
}
.pp-ship {
float:left; 
width:220px;
margin:5px 0 10px 0;
font-family: 'Source Sans Pro', Helvetica, sans-serif;
font-size:0.8rem;
font-weight:400;
letter-spacing:0.075em;
text-transform:uppercase;
text-align:left;
color:#fff; 
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
}
.pp-ship span {
font-weight:700;
font-size:0.9rem;
}
.pps-free-col {
color:#aa223b;
}
.pps-exp-col {
color:#666699;
}
.pp-ship-ico {
margin:0 5px 0 0;
font-size:1rem;
}
.pp-fm-cont {
float:left;
width:90%;
padding:20px 5% 0 5%;
border-radius:5px;
background-color:#fff;
}