/*Homepage*/
#Black-friday-landing .alert {
position: absolute;
width: 95%;
top: 120px;
z-index: 9999999;
margin: 30px;
}
.black-friday{
position: relative;
overflow: hidden;
width: 100%;
height: 450px;
margin-bottom: 0px;
background-color: #000;
}
.black-friday .img-container img{
margin: 0 auto;
width: 100%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -30%);
}
.black-friday .bf-logo{
width: 100%;
position: absolute;
top:10%;
text-align: center;
left: 0px;
}
.black-friday .bf-countdown{
width: 100%;
position: absolute;
bottom: 15%;
bottom: 30px !important;
text-align: center;
left: 0px;
}
.black-friday .bf-countdown h2{
color: #fff;
font-size: 0.8em;
font-family: bebas_neueregular;
letter-spacing: 0.08em;
}
.black-friday .bf-readmore{
position: absolute;
bottom: 25px;
color: #ffd919;
width: 100%;
font-size: 0.88em;
}
.black-friday .bf-readmore a{
cursor: pointer;
}
#bf-soon-counter {background-color:rgba(0,0,0,0);}
#bf-soon-counter .soon-reflection {background-color:#000000;background-image:linear-gradient(#000000 25%,rgba(0,0,0,0));}
#bf-soon-counter {background-position:top;}
#bf-soon-counter {color:#ffffff;}
#bf-soon-counter .soon-label {color:#FFFFFF;font-weight:bold;}
#bf-soon-counter .soon-ring-progress {background-color:#684e0e;}
#bf-soon-counter .soon-ring-progress {border-top-width:0.875em;}
#bf-soon-counter .soon-ring-progress {border-bottom-width:0.75em;}
.black-friday .text-container{
position: absolute;
bottom: 130px;
left: 130px;
color: #fff;
}
.black-friday .skew-btn{
opacity: 1;
-webkit-transform: skewX(-25deg) translate(-15px, 40px);
-ms-transform: skewX(-25deg) translate(-15px, 40px);
-o-transform: skewX(-25deg) translate(-15px, 40px);
transform: skewX(-25deg) translate(-15px, 40px);
-webkit-transition: transform 300ms cubic-bezier(.28,.82,.59,1.24), opacity 300ms ease-in;
-o-transition: transform 300ms cubic-bezier(.28,.82,.59,1.24), opacity 300ms ease-in;
transition: transform 300ms cubic-bezier(.28,.82,.59,1.24), opacity 300ms ease-in;
}
/*Landing page*/
.container.blackfriday {
background: #000;
}
.bg-blackfriday {
background-color: #151616;
margin: 0 auto;
text-align: center;
padding: 130px 0 160px 0;
background: url(/img/frontend/bf-landing-bg.jpg) bottom center #151616;
background-repeat: no-repeat;
}
.blackfriday-img img {
width: auto;
}
.blackfriday-text-content{
margin-top:30px;
}
.blackfriday-text{
font-size: 0.88em;
line-height: 1.3;
color: #ffffff;
text-align: center;
}
h2.blackfriday-title {
border-top: 1px solid #ffd919;
border-bottom: 1px solid #ffd919;
font-size: 1.3em;
padding: 10px;
color: #fff;
}
h2.blackfriday-title span {
color: #ffd919;
}
#BlackfridayIndexForm{
margin-top: 20px;
}
#BlackfridayIndexForm input[type="text"],
#BlackfridayIndexForm input[type="email"]{
padding: 10px 6px;
background: #282727;
border: 0;
border-radius: 5px;
color: #fff;
font-size: 0.85em;
}
#BlackfridayIndexForm .button-notifyme{
background: #ffd919;
color: #1f1f1f;
border-radius: 5px;
padding: 9px;
border: 0;
font-weight: bold;
font-size: 0.85em;
letter-spacing: 0.16em;
}
/*Offers page*/
.container.blackfriday-offers {
background: #282727;
padding-bottom: 0;
}
.blackfriday-offers .bf-header{
margin: 40px 0px 20px 0px;
width: 100%;
}
.blackfriday-offers .bf-logo{
text-align:center;
}
.blackfriday-offers .bf-logo img{
width: 100%;
}
.blackfriday-offers .bf-title {
text-align: right;
}
.blackfriday-offers .bf-title span{
text-align: right;
color: #fff;
font-family: bebas_neueregular;
font-size: 20px;
text-transform: uppercase;
vertical-align: middle;
padding: 1em 0;
display: inline-block;
letter-spacing: 3px;
font-weight: normal;
}
.blackfriday-offers .soon {
padding:0px;
}
.bf-offers-title{
text-align: center;
}
.bf-offers-title h1{
display: inline-block;
padding: 10px 30px;
background-color: #000000;
color: #FFFFFF;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
font-family: 'open_sansregular';
letter-spacing: 0.06em;
margin: 0;
}
.bf-offers-title h1 span{
font-weight: bold;
font-family: 'open_sansbold';
}
.bf-offers-slick{
position:relative;
}
.bf-offer-item {
border: 1px solid #fff;
background-color: #fff;
}
.bf-offer-thumbnails{
overflow: hidden;
position:relative;
}
.bf-offer-thumbnails img{
}
.bf-price{
position: absolute;
bottom: 0px;
left: 0px;
text-transform: uppercase;
background: linear-gradient( rgba(20,20,20, .5), rgba(20,20,20, .5));
padding: 8px 8px 12px 8px;
border-radius: 0px 5px 0px 0px;
font-family: bebas_neueregular;
letter-spacing: 0.1em;
}
.bf-price span{
display: block;
}
.bf-price-was{
color: #fdcf0b;
font-size: 0.8em;
letter-spacing: 0.03em;
line-height: 1.1em;
}
.bf-price-now{
color:#FFFFFF;
font-size: 1.52em;
line-height: 0.8em;
}
.single-modified .bf-price,
#search .bf-price {
bottom: initial;
left: initial;
background: transparent;
border-radius: 0px;
font-family: bebas_neueregular;
letter-spacing: normal;
position: initial;
text-align: left;
}
#search .bf-price {
padding: 8px 0px;
}
.single-modified .bf-price-now,
#search .bf-price-now{
color:#000;
}
.bf-offer-details {
padding: 15px;
color: #000;
}
h3.bf-offer-brand {
font-size: 1.3em;
color: #000;
text-transform: uppercase;
letter-spacing: 0.04em;
}
h3.bf-offer-model {
font-size: 1.3em;
text-transform: uppercase;
}
h3.bf-offer-description-text {
font-size: 0.75em;
}
.bf-offer-variant{
margin-top: 6px;
}
.bf-offer-details-text{
margin-top: 20px;
}
.blackfriday-offers a.bf-request-discount-btn {
background-color: #2fc751;
color: #fff;
padding: 6px 10px;
display: inline-block;
border-radius: 6px;
font-size: 16px;
margin-top: 20px;
}
.bf-brands{
margin-top: 20px;
}
.bf-brands-item {
background-color: #fff;
margin: 5px;
}
.bf-brands-item img {
padding: 15px;
width: 100px;
height: 100px;
margin: auto;
}
.carousel-prev, .carousel-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 999999999;
}
.carousel-prev:before, .carousel-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
/*opacity: .75;*/
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.carousel-prev {
left: 50px;
}
.carousel-prev:before {
content: 'â†';
content: '';
position: absolute;
top: 0px;
background: url(/img/frontend/bf-arrow-left.png) no-repeat center center;
width: 19px;
height: 37px;
background-size: 19px 37px;
-webkit-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.carousel-next {
right: 50px;
}
.carousel-next:before {
content: '→';
content: '';
position: absolute;
top: 0px;
background: url(/img/frontend/bf-arrow-right.png) no-repeat center center;
width: 19px;
height: 37px;
background-size: 19px 37px;
-webkit-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
@media screen and (max-width: 120em){
}
@media screen and (max-width: 105.000em){
}
@media screen and (max-width: 95em){
}
@media screen and (max-width: 85.375em) {
.black-friday{
height: 450px;
}
.black-friday .img-container img{
transform: translate(-50%, -25%);
}
.black-friday .bf-countdown{
bottom: 20%;
}
}
@media screen and (max-width: 80em) {
}
@media screen and (max-width: 79.938em) {
}
@media screen and (max-width: 73.750em) {
.black-friday{
height: 400px;
}
.black-friday .img-container img{
transform: translate(-50%, -25%);
}
.black-friday .bf-countdown{
bottom: 40px !important;
}
.blackfriday-img img {
width: 100%;
}
.blackfriday-text{
font-size: 0.7em;
}
h2.blackfriday-title{
font-size: 1em;
}
.bf-brands-item img {
padding: 10px;
width: 80px;
height: 80px;
margin: auto;
}
}
@media screen and (max-width: 68.750em) {
}
@media screen and (max-width: 64em) {
.black-friday{
height: 350px;
}
.black-friday .img-container img{
transform: translate(-50%, -25%);
}
.black-friday .bf-countdown{
bottom: 15%;
}
.bf-offers-slick{
height:250px;
}
h3.bf-offer-brand {
font-size: 2.3em;
}
h3.bf-offer-model {
font-size: 2.3em;
}
h3.bf-offer-description-text {
font-size: 1.35em;
}
}
@media screen and (max-width: 47.938em) {
.black-friday{
height: 300px;
}
.black-friday .img-container img{
transform: translate(-50%, -26%);
}
.black-friday .bf-countdown{
bottom: 15%;
}
.black-friday .img-container img{
width: 100%;
}
.blackfriday-offers .bf-title {
text-align: center;
}
.blackfriday-offers .bf-title span{
text-align: center;
padding: 20px 10px 10px 10px;
}
.bf-offers-slick{
height:300px;
}
.bf-brands-item img {
padding: 10px;
width: 60px;
height: 60px;
}
.blackfriday-offers .bf-header {
margin: 40px 0px 10px 0px;
}
.bf-brands{
margin-top: initial;
}
.blackfriday-offers .bf-logo img{
width: 50%;
}
.black-friday .text-container{
bottom: 100px;
left: 130px;
}
h3.bf-offer-brand {
font-size: 2.3em;
}
h3.bf-offer-model {
font-size: 2.3em;
}
h3.bf-offer-description-text {
font-size: 1.35em;
}
}
/*720px*/
@media screen and (max-width: 45em) {
.single-modified .bf-price{
text-align: center;
}
}
@media screen and (max-width: 35.438em) {
.black-friday{
height: 250px;
}
.black-friday .img-container img{
transform: translate(-50%, -27%);
}
.black-friday .bf-countdown{
bottom: 8%;
}
.black-friday .img-container img{
width: 125%;
}
.bf-offers-slick{
height:200px;
}
}
@media screen and (max-width: 30em) {
.black-friday{
height: 250px;
}
.black-friday .img-container img{
transform: translate(-50%, -25%);
}
.black-friday .bf-countdown{
bottom: 35px !important;
}
.black-friday .img-container img{
width: 150%;
}
.black-friday .bf-readmore{
bottom: 10px;
}
.bf-offers-title h1 {
font-size: 14px;
}
.skew-btn {
padding: 8px 40px 8px 25px;
}
}
@media screen and (max-width: 23.438em) {
.black-friday{
height: 200px;
}
.black-friday .img-container img{
transform: translate(-50%, -22%);
}
.black-friday .bf-countdown{
bottom: 15%;
}
.black-friday .img-container img{
width: 100%;
}
.bf-offers-slick{
height:130px;
}
h3.bf-offer-brand {
font-size: 2.8em;
}
h3.bf-offer-model {
font-size: 2.8em;
}
h3.bf-offer-description-text {
font-size: 1.85em;
}
}