@media (max-width:629px) {
img#hideMobile {
display: none;
}
#hidetextMobile{
display: none;
}
}
@media (min-width:629px) {
img#displayMobile {
display: none;
}
#displaytextMobile{
display: none;
}
}
.gfg {
width:auto;
text-align:center;
padding:0px;
}
img {
max-width:100%;
height:auto;
}
.button_container {
display: flex;
flex-wrap: wrap;
}
.button_container .image {
width: 33.3333%;
}
.button_container .image_banner {
width: 65%;
margin-left: auto;
margin-right: auto;
}
.button_container .image_banner_full {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.button_container img {
width: calc(100% - (15px * 2));
margin: 20px;
}
.button_container img {
transition: .5s ease;
}
.button_container img:hover{
box-shadow:
1px 1px #373737,
2px 2px #373737,
3px 3px #373737,
4px 4px #373737,
5px 5px #373737,
6px 6px #373737;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
}
.button_container_mobile {
display: flex;
flex-wrap: wrap;
}
.button_container_mobile .image {
width: 50%;
}
.button_container_mobile img {
width: calc(100% - (10px * 1));
margin: 2px;
}
.button_container_mobile img {
transition: .5s ease;
}
.button_container_2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.button_container_2 .image {
width: 33.3333%;
}
.button_container_2 img {
width: calc(100% - (15px * 2));
margin: 20px;
}
.button_container_2 img {
transition: .5s ease;
}
.button_container_2 img:hover{
box-shadow:
1px 1px #373737,
2px 2px #373737,
3px 3px #373737,
4px 4px #373737,
5px 5px #373737,
6px 6px #373737;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
}
.button_container_mobile_2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.button_container_mobile_2 .image {
width: 50%;
}
.button_container_mobile_2 img {
width: calc(100% - (10px * 1));
margin: 2px;
}
.button_container_mobile_2 img {
transition: .5s ease;
}
.hover_change {
width: 130px;
height: 195px;
position: relative;
display: inline-block;
}
.hover_change .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.hover_change:hover .img-top {
display: inline;
box-shadow:
1px 1px #373737,
2px 2px #373737,
3px 3px #373737,
4px 4px #373737,
5px 5px #373737,
6px 6px #373737;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
}
/* generic css */
.view {
margin: 10px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
background: #fff url(../images/bgimg.jpg) no-repeat center center
}
.view .mask,
.view .content {
width: 292px;
height: 249px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view img {
display: block;
position: relative
}
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
font-family: Raleway, serif;
padding: 10px;
/*background: rgba(0, 0, 0, 0.8);*/
margin: 20px 0 0 0
}
.view p {
font-family: Merriweather, serif;
font-style: italic;
font-size: 14px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center
}
.view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
font-family: Raleway, serif;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.view a.info:hover {
box-shadow: 0 0 5px #000
}
/*1*/
.view-first img {
/*1*/
transition: all 0.2s linear;
width: 292px;
height: 249px;
}
.view-first .mask {
opacity: 0;
background-color: rgba(58, 1, 132, 0.44);
transition: all 0.4s ease-in-out;
}
.view-first h2 {
transform: translateY(-100px);
opacity: 0;
font-family: Raleway, serif;
transition: all 0.2s ease-in-out;
}
.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.view-first a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}
/* */
.view-first:hover img {
transform: scale(1.1);
}
.view-first:hover .mask {
opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
opacity: 1;
transform: translateY(0px);
}
.view-first:hover p {
transition-delay: 0.1s;
}
.view-first:hover a.info {
transition-delay: 0.2s;
}
/*@keyframes pulse_animation {
0% { transform: scale(1); filter: saturate(100%);}
10% { transform: scale(1.05); filter: saturate(200%);}
20% {transform:scale(1); filter: saturate(100%);}
30% { transform: scale(1); filter: saturate(200%);}
40% { transform: scale(1.08); filter: saturate(100%);}
50% { transform: scale(1); filter: saturate(200%);}
60% { transform: scale(1); filter: saturate(100%);}
70% { transform: scale(1.05); filter: saturate(200%);}
80% { transform: scale(1); filter: saturate(100%);}
100% { transform: scale(1.03); filter: saturate(200%);}
}*/
@keyframes pulse_animation {
0% { transform: scale(1);;}
10% { transform: scale(1.005);}
20% {transform:scale(1);}
30% { transform: scale(1);}
40% { transform: scale(1.005);}
50% { transform: scale(1);}
60% { transform: scale(1);}
70% { transform: scale(1.005);}
80% { transform: scale(1);}
100% { transform: scale(1);}
}
.pulse {
animation-name: pulse_animation;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
Use Promo Code: SAVE100
and Save $100 (Rings only)
(Avaiable until the end of June)
Use Promo Code: SAVE100
and Save $100 (Rings only)
(Avaiable until the end of June)
Follow us on social media to stay up-to-date on sales, events, special hours and more!
@media(max-width:642px) {
#bulletinWrap center a img {
width:45%;
height: auto;
}
}
Having trouble viewing our site? Try our mobile version.