html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/* =====================css3================================================================== */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-300%);
transform: translateX(-300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-300%);
transform: translateX(-300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(300%);
transform: translateX(300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(300%);
transform: translateX(300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(300%);
transform: translateY(300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(300%);
transform: translateY(300%);
opacity: 0;
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/**
* Copyright © 2015 PlazaThemes.com. All rights reserved.
* @author PlazaThemes Team <contact@plazathemes.com>
*/
.pt-banner-container {
margin: 0 0 20px;
position: relative;
zoom: 1;
}
.pt-banner-container .owl-carousel .owl-controls {
margin-top: 0 !important;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
width: 18px;
height: 43px;
display: block;
background: #e6e6e6 url(../images/bg_nav.png) no-repeat 0 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
text-indent: -9999px;
z-index: 9;
opacity: 1;
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div:hover {
background-color: #f45c5d;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div.owl-prev {
left: -18px;
}
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div.owl-next {
background-position: 100% 0;
right: -18px;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination {
text-align: center;
position: absolute;
width: 100%;
bottom: 30px;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page span {
vertical-align: middle;
background: none;
border: 1px solid #fff;
display: inline-block;
height: 17px;
margin: 0 3px;
font-size: 0;
width: 17px;
cursor: pointer;
position: relative;
z-index: 9;
border-radius: 100%;
opacity: 1;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page span:before {
content: "";
display: block;
position: absolute;
top: 4px;
bottom: 4px;
right: 4px;
left: 4px;
background: #fff;
border-radius: 100%;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page:hover span,
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page.active span {
border-color: #f45c5d;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page:hover span:before,
.pt-banner-container .owl-carousel .owl-controls .owl-pagination .owl-page.active span:before {
background: #f45c5d;
}
.pt-banner-container .pt-url {
display: block;
}
.pt-banner-container .pt-url img {
width: 100%;
vertical-align: middle !important;
}
.pt-banner-container .pt-banner-caption {
color: #fff;
height: 100%;
overflow: hidden;
background: none;
font-size: 16px;
z-index: 999;
left: 85px;
text-align: left;
margin-top: -135px;
width: 655px;
position: absolute;
top: 50%;
}
.pt-banner-container .pt-banner-caption .pt-banner-content h1,
.pt-banner-container .pt-banner-caption .pt-banner-content h2,
.pt-banner-container .pt-banner-caption .pt-banner-content h3 {
text-transform: inherit;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
margin: 0 0 5px;
color: #fff;
font-size: 24px;
text-transform: uppercase;
font-weight: 800;
font-family: Poppins;
animation: slideInRight 0.5s linear alternate;
-webkit-animation: slideInRight 0.5s linear alternate;
-moz-animation: slideInRight 0.5s linear alternate;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
text-transform: uppercase;
font-weight: 800;
font-family: Poppins;
color: #fff;
font-size: 70px;
line-height: 70px;
animation: slideInRight 0.5s linear alternate;
-webkit-animation: slideInRight 0.5s linear alternate;
-moz-animation: slideInRight 0.5s linear alternate;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title3 {
color: #fff;
font-size: 36px;
text-transform: capitalize;
font-weight: 800;
font-family: Poppins;
animation: slideInUp 0.5s linear alternate;
-webkit-animation: slideInUp 0.5s linear alternate;
-moz-animation: slideInUp 0.5s linear alternate;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
margin: 20px 0;
font-size: 24px;
font-weight: 300;
animation: slideInDown 1s linear alternate;
-webkit-animation: slideInDown 1s linear alternate;
-moz-animation: slideInDown 1s linear alternate;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des p {
margin-bottom: 0;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
margin-top: 50px;
font-size: 14px;
font-weight: 600;
color: #fff;
border: 2px solid #fff;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
line-height: 42px;
padding: 0 25px;
letter-spacing: 2px;
animation: slideInUp 0.5s linear alternate;
-webkit-animation: slideInUp 0.5s linear alternate;
-moz-animation: slideInUp 0.5s linear alternate;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow:hover {
color: #f45c5d;
border-color: #f45c5d;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-1 .pt-title2 .word2 {
color: #f7941d;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-2 .pt-title1 {
color: #ef8e2f;
font-size: 48px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-2 .pt-title2 {
color: #fff;
font-size: 48px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-2 .pt-title3 {
color: #6fc559;
font-size: 24px;
text-transform: uppercase;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-2 .pt-banner-des {
margin: 0;
}
@media screen and (max-width: 1200px) {
.pt-banner-container .pt-banner-caption {
margin-top: -130px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 50px !important;
line-height: 50px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 18px;
margin: 10px 0;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .readmore {
line-height: 35px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
margin-top: 20px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-2 .pt-title1 {
font-size: 20px;
line-height: 20px;
}
}
@media screen and (max-width: 992px) {
.pt-banner-container .pt-banner-caption {
width: auto;
margin-top: -80px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 16px;
line-height: 16px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 35px !important;
line-height: 35px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 14px;
margin: 10px 0;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
line-height: 35px;
margin-top: 10px;
}
.pt-banner-container #pt-banner-caption1 {
margin-top: -100px;
}
}
@media screen and (max-width: 767px) {
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.pt-banner-container .pt-banner-caption {
margin-top: -60px;
left: 40px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title1 {
font-size: 14px;
line-height: 14px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 30px !important;
line-height: 30px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title3 {
font-size: 16px !important;
line-height: 16px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content.ptslider-2 .pt-title1 {
font-size: 12px;
line-height: 12px;
}
.pt-banner-container #pt-banner-caption1 {
margin-top: -81px;
}
.pt-banner-container #pt-banner-caption1 .pt-banner-content .readmore .shopnow {
margin-top: 10px;
}
}
@media screen and (max-width: 700px) {
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination {
display: none;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title3 {
font-size: 14px !important;
}
.pt-banner-container #pt-banner-caption1 {
margin-top: -60px;
}
.pt-banner-container #pt-banner-caption1 .pt-banner-content .pt-title1 {
font-size: 14px;
}
.pt-banner-container #pt-banner-caption1 .pt-banner-content .readmore .shopnow {
margin-top: 0;
}
}
@media screen and (max-width: 580px) {
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination {
display: none;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 20px !important;
}
}
@media screen and (max-width: 480px) {
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.pt-banner-container .pt-banner-caption {
display: none !important;
margin-top: -70px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-title2 {
font-size: 20px !important;
line-height: 25px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .pt-banner-des {
font-size: 12px;
}
.pt-banner-container .pt-banner-caption .pt-banner-content .shopnow {
font-size: 12px;
line-height: 29px;
font-weight: 400;
margin-top: 30px;
}
}
@media screen and (max-width: 350px) {
.pt-banner-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.pt-banner-container .owl-carousel .owl-controls .owl-pagination {
display: none;
}
.pt-banner-container .pt-banner-caption {
display: none !important;
}
}
/*===custommenu==============*/
.nav-container {
position: relative;
z-index: 9;
}
.pt_custommenu {
position: relative;
z-index: 111;
font-size: 14px;
border-color: #f9f9fa;
border-style: solid;
border-width: 1px 0;
margin-left: 300px;
padding-right: 50px;
}
.pt_custommenu div.pt_menu {
display: inline-block;
vertical-align: middle;
float: left;
}
.pt_custommenu div.pt_menu.pt_menu_no_child .parentMenu a:after,
.pt_custommenu div.pt_menu#pt_menu_link .parentMenu a:after {
display: none;
}
.pt_custommenu div.pt_menu.act .parentMenu a,
.pt_custommenu div.pt_menu.active .parentMenu a {
color: #59627c;
}
.pt_custommenu div.pt_menu.act .parentMenu a:after,
.pt_custommenu div.pt_menu.active .parentMenu a:after {
color: #59627c;
}
.pt_custommenu div.pt_menu#pt_menu_home a {
position: relative;
border-top-left-radius: 4px;
padding-left: 0;
}
.pt_custommenu div.pt_menu#pt_menu_home a:after {
display: none;
}
.pt_custommenu div.pt_menu#pt_menu_home a span {
display: inline-block;
}
.pt_custommenu div.pt_menu .parentMenu {
padding: 10px 0;
position: relative;
}
.pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title {
color: #9e9e9e;
font-size: 14px;
text-decoration: none;
display: block;
line-height: 43px;
height: 43px;
padding: 0 15px;
text-transform: uppercase;
font-weight: 700;
}
.pt_custommenu div.pt_menu .parentMenu a:hover,
.pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
.pt_custommenu div.pt_menu .parentMenu a.act,
.pt_custommenu div.pt_menu .parentMenu span.block-title.act {
color: #59627c;
}
.pt_custommenu div.pt_menu .parentMenu a:hover:after,
.pt_custommenu div.pt_menu .parentMenu span.block-title:hover:after,
.pt_custommenu div.pt_menu .parentMenu a.act:after,
.pt_custommenu div.pt_menu .parentMenu span.block-title.act:after {
color: #59627c;
}
.pt_custommenu div.pt_menu .parentMenu a:after,
.pt_custommenu div.pt_menu .parentMenu span.block-title:after {
display: inline-block;
font-family: FontAwesome;
content: "\f0d7";
margin-left: 10px;
color: #ababab;
font-size: 12px;
}
.pt_custommenu div.pt_menu .parentMenu p {
margin: 0;
padding: 0;
}
.pt_custommenu div.popup {
border: 1px solid #e1e1e1;
border-top: 2px solid #f45c5d;
position: absolute;
z-index: 3000;
background-color: #fff;
text-align: left;
padding: 0;
margin: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
top: 63px !important;
width: 904px;
overflow: hidden;
display: none;
}
.pt_custommenu div.popup a {
text-decoration: none;
font-size: 12px;
display: block;
line-height: 26px;
color: #6a6a6a;
text-transform: capitalize;
}
.pt_custommenu div.popup a.actParent {
color: #1a75bb;
}
.pt_custommenu div.popup a.act {
color: #1a75bb !important;
}
.pt_custommenu div.popup .itemMenu a.level1,
.pt_custommenu div.popup .itemMenu h4.level1 {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #545454;
cursor: pointer;
line-height: 25px;
}
.pt_custommenu div.popup .itemMenu a.level1:hover,
.pt_custommenu div.popup .itemMenu h4.level1:hover {
color: #f45c5d;
}
.pt_custommenu div.popup .itemMenu a.level2,
.pt_custommenu div.popup .itemMenu h4.level2,
.pt_custommenu div.popup .itemMenu a.level3,
.pt_custommenu div.popup .itemMenu h4.level3 {
font-weight: normal;
font-size: 12px;
}
.pt_custommenu div.popup .itemMenu a.level2:hover,
.pt_custommenu div.popup .itemMenu h4.level2:hover,
.pt_custommenu div.popup .itemMenu a.level3:hover,
.pt_custommenu div.popup .itemMenu h4.level3:hover {
color: #f45c5d;
}
.pt_custommenu div.popup .itemMenu .itemSubMenu {
margin-top: 20px;
}
.pt_custommenu div.popup .block1 {
overflow: hidden;
float: left;
padding: 40px;
border-top: none;
}
.pt_custommenu div.popup .block1 .column {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.pt_custommenu div.popup .block2 {
margin-top: 10px;
float: left;
}
.pt_custommenu div.popup .blockright img {
max-width: 100%;
}
.pt_custommenu div.column {
float: left;
width: 200px;
margin-right: 30px;
}
.pt_custommenu div.column.last {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
.pt_custommenu div.column.last .itemMenu {
background: none;
}
.pt_custommenu #pt_menu_link {
padding: 0;
}
.pt_custommenu #pt_menu_link .parentMenu ul li {
float: left;
list-style: none;
position: relative;
}
.pt_custommenu .clearBoth {
clear: both;
}
.pt_custommenu .menu-sale,
.pt_custommenu .menu-new {
position: absolute;
color: #fff;
background: url(../images/hot-sale.png) no-repeat center center;
width: 47px;
height: 31px;
line-height: 26px;
top: -15px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
right: 0;
pointer-events: none;
z-index: 1;
}
.pt_custommenu .menu-new {
background: url(../images/news.png) no-repeat center center;
}
.menu-link {
display: inline-block;
padding: 25.7px 0;
}
.menu-link ul li {
display: inline-block;
}
.menu-link ul li a {
padding-right: 45px;
color: #fff;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.menu-link ul li a:hover {
color: #48a9ee;
}
.menu-link ul li:last-child a {
padding: 0;
}
/* =============================================Mobile Menu ========================================== */
.ma-nav-mobile-container .navbar {
background: none;
border-radius: 0;
border: 0;
margin: 0;
}
.ma-nav-mobile-container .navbar .navbar-inner {
background: #fff;
border: 0 !important;
box-shadow: none !important;
padding: 0;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile {
display: none;
background: #f45c5d;
float: left;
width: 100%;
padding: 0 2%;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .btn-navbar {
display: none;
margin-top: 10px;
border: 0 !important;
box-shadow: none !important;
background: url("../images/bg-menu-mobile.png") no-repeat 50% 50%;
padding: 10px;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .btn-navbar.navbar .btn-navbar:hover {
background: url("../images/bg-menu-mobile.png") no-repeat 50% 50% !important;
font-family: 'helvetica';
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .btn-navbar .icon-bar {
box-shadow: none !important;
border-radius: 0 !important;
background-color: inherit !important;
}
.ma-nav-mobile-container .navbar .navbar-inner .menu-mobile .brand {
color: #fff;
text-transform: uppercase;
text-shadow: none;
font-size: 18px;
font-weight: 700;
padding: 15px 0;
height: auto;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu {
height: auto;
display: block;
float: left;
width: 100%;
margin: 10px 0 0;
list-style-type: none;
padding: 0;
margin: 0;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul {
padding: 0;
margin: 0 0 3px;
float: left;
display: block;
width: 100%;
background: #fff;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu ul li a {
border: 0;
margin: 0;
font-size: 12px;
padding: 5px 10px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li {
background: none;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
float: left;
display: block;
width: 100%;
position: relative;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li .level0.last {
margin-bottom: 10px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li div {
padding: 20px;
background: #aef;
display: block;
clear: both;
float: left;
width: 360px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li.active > a {
color: #f45c5d;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li.active span.head a:before {
content: "\f106";
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li a {
color: #666;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu li a:hover {
color: #f45c5d;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu span.head {
position: absolute;
top: 16px;
right: 15px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu span.head a {
border: 0;
color: #fff;
display: block;
height: 15px;
padding: 0;
margin: 0;
width: 15px;
}
.ma-nav-mobile-container .navbar .navbar-inner .mobilemenu span.head a:before {
content: "\f107";
display: block;
font-family: FontAwesome;
line-height: 15px;
text-align: center;
}
.ma-nav-mobile-container .navbar .navbar-inner a {
text-decoration: none;
border: 1px solid #444444;
line-height: 25px;
padding: 10px;
font-weight: normal;
color: #666;
margin: 0 0 3px;
display: block;
cursor: pointer;
font-size: 14px;
text-transform: capitalize;
}
.ma-nav-mobile-container .navbar .nav li {
padding: 10px 30px 20px 0;
}
.mobilemenu ul a {
padding-left: 15px;
}
.mobilemenu ul ul a {
padding-left: 30px;
}
.mobilemenu ul ul ul a {
padding-left: 45px;
}
.mobilemenu ul ul ul ul a {
padding-left: 60px;
}
.mobilemenu ul ul ul ul ul a {
padding-left: 75px;
}
/*----------- button mobilemenu -------------*/
@media screen and (max-width: 1200px) {
.pt_custommenu {
margin-left: 0;
}
}
html,
body {
display: block !important;
}
body {
background: #ffffff;
font-size: 16px;
font-family: "Roboto Condensed", sans-serif;
color: #3d3d3d;
text-align: left;
font-weight: 400;
}
a {
color: #f45c5d;
}
a:hover {
color: #f45c5d;
text-decoration: none;
}
img {
max-width: 100%;
vertical-align: middle;
height: auto;
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
input,
select,
textarea,
button {
vertical-align: middle;
display: inline-block;
font: 12px/15px Arial, Helvetica, sans-serif;
color: #2f2f2f;
background: #fff;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 5px;
line-height: 1.35;
color: #3d3d3d;
}
p {
margin-bottom: 10px;
}
input.input-text,
select,
textarea {
height: 34px;
background: #fff;
border: 1px solid #e1e1e1;
outline: none;
padding: 0 10px !important;
}
*:focus,
a:focus {
outline: none;
}
big {
font-size: 125%;
}
dd {
margin-bottom: 24px;
}
ul,
ol {
padding: 0;
margin: 0;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
ul > li,
ol > li {
margin: 0;
}
button,
.action.primary,
a.action.primary {
overflow: visible;
width: auto;
border: 0;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
button:hover,
.action.primary:hover,
a.action.primary:hover {
background: none;
border: 0;
text-shadow: none;
color: #fff;
}
button:hover span,
.action.primary:hover span,
a.action.primary:hover span {
background-position: 0 100%;
border-color: #f45c5d;
color: #f45c5d;
}
button:focus,
.action.primary:focus,
a.action.primary:focus,
button:active,
.action.primary:active,
a.action.primary:active {
background: none;
border: 0;
}
button span,
.action.primary span,
a.action.primary span {
line-height: 34px;
padding: 0 25px;
display: block;
text-transform: uppercase;
color: #3f3f3f;
font-size: 11px;
font-weight: 700;
border: 2px solid #f2f2f2;
border-radius: 20px;
text-align: center;
white-space: nowrap;
}
button span span,
.action.primary span span,
a.action.primary span span {
line-height: initial;
padding: 0;
border: 0 !important;
}
.modal-popup {
z-index: 9999 !important;
}
.modal-popup .modal-header .action-close {
padding: 20px;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
border: 0;
}
.modal-popup .modal-content {
border: 0;
box-shadow: none;
}
.owl-container {
margin: 0 -15px;
}
.owl-container .owl-carousel .owl-item {
padding: 0 15px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons {
position: absolute;
top: -31px;
right: 25px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div {
font-size: 0;
z-index: 1;
display: block;
float: left;
color: #fff;
text-align: center;
width: 22px;
height: 22px;
border-radius: 100%;
border: 1px solid #fff;
cursor: pointer;
margin: 0;
padding: 0;
background: none;
opacity: 1;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div:hover {
color: #59627c;
border-color: #59627c;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div:before {
font-size: 13px;
font-family: FontAwesome;
line-height: 20px;
display: block;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-prev {
margin-right: 5px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
content: "\f104";
}
.owl-container .owl-carousel .owl-controls .owl-buttons div.owl-next:before {
content: "\f105";
}
.product-reviews-summary {
margin: 0px 0 0 !important;
display: block;
}
.product-reviews-summary.empty {
display: none;
}
.product-reviews-summary .reviews-actions {
line-height: 25px;
display: inline-block;
width: auto;
margin-top: 2px;
margin-left: 6px;
}
.product-reviews-summary .rating-summary {
left: inherit;
display: inline-block;
width: auto;
}
.product-reviews-summary .rating-summary .rating-result {
margin: 0;
width: 67px;
}
.product-reviews-summary .rating-summary .rating-result:before {
font-family: FontAwesome;
content: "\f005 \f005 \f005 \f005 \f005";
color: #bfbfbf;
font-size: 12px;
letter-spacing: 0;
line-height: 12px;
height: 12px;
right: 0;
margin: 0;
letter-spacing: 2px;
}
.product-reviews-summary .rating-summary .rating-result > span:before {
font-family: FontAwesome;
content: "\f005 \f005 \f005 \f005 \f005";
color: #ffc600;
font-size: 12px;
letter-spacing: 2px;
line-height: 12px;
height: 12px;
right: 0;
margin: 0;
}
.ma-breadcrumbs {
font-size: 14px;
line-height: 33px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.breadcrumbs {
padding: 24px 0 0;
line-height: 15px;
margin: 0 0 24px;
text-transform: capitalize;
}
.breadcrumbs .items {
font-size: inherit;
}
.breadcrumbs .items .item {
display: inline;
margin-right: 10px;
}
.breadcrumbs .items .item:not(:last-child):after {
padding: 0px 0px 0px 10px;
content: "\f105";
font-family: FontAwesome;
color: #000;
font-size: 14px;
line-height: 14px;
}
.breadcrumbs .items .item a,
.breadcrumbs .items .item strong {
font-size: 13px;
color: #373737;
text-decoration: none;
}
.breadcrumbs .items .item a:hover,
.breadcrumbs .items .item strong:hover {
color: #f45c5d;
}
.breadcrumbs .items .item strong {
text-transform: capitalize;
font-size: 13px;
font-weight: normal;
color: #f45c5d;
}
.breadcrumbs .items .item strong:before {
color: #555;
}
.category-image {
margin-bottom: 30px !important;
}
.page-title-wrapper {
position: static;
height: auto;
width: auto;
}
.page-title-wrapper .page-title {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 30px 0 0;
}
.checkout-index-index .page-title-wrapper {
position: static;
height: auto;
width: auto;
}
.checkout-index-index .header-bottom {
display: none;
}
.checkout-index-index .header-content {
border-bottom: 1px solid #ccc;
margin-bottom: 40px;
}
.checkout-index-index .action.action-auth-toggle {
color: #999999;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.checkout-index-index .action.action-auth-toggle span:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f090";
font-size: 14px;
margin-right: 5px;
}
.checkout-index-index .opc-progress-bar {
text-align: center;
margin: 0 0 50px;
}
.checkout-index-index .opc {
background: #f5f5f5;
padding: 20px;
}
.checkout-index-index .opc-sidebar {
margin: 0 0 30px !important;
}
.checkout-index-index .opc-sidebar .product-item-details {
padding-left: 120px !important;
}
.checkout-index-index .opc-sidebar .product-item-details .product-item-name-block {
display: inline-block !important;
}
.toolbar-bottom .toolbar .toolbar-sorter,
.toolbar-bottom .toolbar .limiter,
.toolbar-bottom .toolbar .modes {
display: none !important;
}
.toolbar-bottom .toolbar .pages {
display: block;
float: right;
}
.toolbar {
overflow: hidden;
margin: 0;
padding: 10px 0;
border-top: 2px solid #ebebeb;
border-bottom: 2px solid #ebebeb;
}
.toolbar .toolbar-amount {
display: none;
}
.toolbar .toolbar-sorter {
border-radius: 2px;
float: left;
position: relative;
margin-right: 25px;
margin: 0;
padding: 0;
}
.toolbar .toolbar-sorter .sorter-action {
position: absolute;
left: 100%;
top: 0;
bottom: 0;
}
.toolbar .toolbar-sorter .sorter-action:before {
width: 10px;
height: 10px;
content: "";
padding: 16px 0px;
background: url(../images/i_asc_arrow.gif) no-repeat center center;
}
.toolbar .limiter {
float: right;
position: relative;
}
.toolbar .limiter .control {
margin: 0;
}
.toolbar .limiter .control select {
margin: 0;
}
.toolbar .limiter .limiter-text {
display: none;
}
.toolbar .modes {
display: block;
float: left;
margin: 0;
width: 32%;
position: relative;
z-index: 2;
}
.toolbar .modes .modes-label {
display: none;
}
.toolbar .modes .modes-mode {
width: 28px;
height: 28px;
border: 0;
padding: 0;
line-height: 18px;
float: left;
color: #ccc;
font-weight: normal;
}
.toolbar .modes .modes-mode span {
width: 100%;
height: 100%;
text-transform: capitalize;
position: inherit;
font-size: 0;
}
.toolbar .modes .modes-mode:hover,
.toolbar .modes .modes-mode.active {
background: none;
}
.toolbar .modes .modes-mode:hover:before,
.toolbar .modes .modes-mode.active:before {
color: #f45c5d;
border-color: #f45c5d;
}
.toolbar .modes .modes-mode:hover span,
.toolbar .modes .modes-mode.active span {
color: #f45c5d;
}
.toolbar .modes .modes-mode:hover span:hover,
.toolbar .modes .modes-mode.active span:hover {
color: #f45c5d;
}
.toolbar .modes .modes-mode:before {
border: 1px solid #f2f2f2;
display: block;
font-family: FontAwesome;
font-size: 18px;
text-align: center;
color: #ddd;
line-height: 26px;
}
.toolbar .modes strong.mode-grid:before {
content: "\f009";
}
.toolbar .modes a.mode-grid:before {
content: "\f009";
}
.toolbar .modes a.mode-list {
margin-left: 5px;
}
.toolbar .modes a.mode-list:before {
content: "\f00b";
}
.toolbar .modes strong.mode-list {
margin-left: 5px;
}
.toolbar .modes strong.mode-list:before {
content: "\f00b";
}
.toolbar .pages .label.pages-label {
position: static;
display: none;
font-weight: normal;
}
.toolbar .pages .pages-items {
display: inline-block;
vertical-align: middle;
}
.toolbar .pages .pages-items .item {
display: inline-block;
font-size: 14px;
line-height: 29px;
padding: 0 5px;
margin: 0;
font-weight: normal;
}
.toolbar .pages .pages-items .item.current {
color: #f45c5d;
color: #373737;
}
.toolbar .pages .pages-items .item .page {
display: inline;
padding: 0;
background: none;
border: none;
border-radius: 0;
color: #f45c5d;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.toolbar .pages .pages-items .item .page:hover {
color: #f45c5d;
}
.toolbar .pages .pages-items .item strong.page {
color: #f45c5d;
font-weight: normal;
}
.toolbar .pages .pages-items .item .action {
background: #fff;
display: block;
color: #373737;
height: 29px;
width: auto;
padding: 0;
margin: 0;
border: 0;
}
.toolbar .pages .pages-items .item .action span {
font-size: 0;
color: #f45c5d;
text-transform: capitalize;
position: inherit;
}
.toolbar .pages .pages-items .item .action:hover {
border-color: #f45c5d;
color: #f45c5d;
}
.toolbar .pages .pages-items .item .action:hover:before {
color: #f45c5d;
}
.toolbar .pages .pages-items .item .action:hover span {
color: #f45c5d;
}
.toolbar .pages .pages-items .item .action:before {
display: inline-block;
color: #5a5a5a;
font-size: 14px;
font-family: FontAwesome;
}
.toolbar .pages .pages-items .item .action.next:before {
content: "\f101";
}
.toolbar .pages .pages-items .item .action.previous:before {
content: "\f100";
}
.toolbar .pages .pages-items .item .action .label {
display: none;
}
.toolbar label {
padding: 0;
vertical-align: middle;
margin: 0;
text-transform: capitalize;
color: #3e3e3e;
font-size: 12px;
line-height: 30px;
font-weight: 300;
}
.toolbar select {
padding: 0 0 0 5px !important;
margin: 0;
vertical-align: middle;
height: 28px;
display: inline-block;
font-size: 14px;
border: 1px solid #e5e5e5;
}
.toolbar select:focus {
box-shadow: none;
}
.bundle-actions .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart,
.cart-container .checkout-methods-items .action.primary,
.block-minicart .block-content > .actions > .primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.multicheckout .action.primary {
line-height: 49px;
padding: 0 28px;
font-size: 18px;
}
.cms-index-index .main-content {
margin: 0;
}
.cms-index-index .main {
margin: 0 auto;
}
/*Header----------------------------------*/
.header-container {
position: relative;
color: #9c9c9c;
}
.header-container .toplink-contaner {
position: relative;
color: #9c9c9c;
background: #252b3d;
z-index: 9997;
border-bottom: 1px solid #2e3445;
}
.header-container .top-link .box-left {
float: left;
line-height: 0;
}
.header-container .top-link .box-left .phone {
display: inline-block;
vertical-align: top;
color: #fff;
line-height: 36px;
padding: 10px 0 10px 30px;
}
.header-container .top-link .box-left .phone label {
color: #9c9c9c;
margin: 0 5px 0 0;
font-weight: 400;
}
.header-container .top-link .box-left .language-currency {
display: inline-block;
float: left;
}
.header-container .top-link .box-left .language-currency .switcher-language,
.header-container .top-link .box-left .language-currency .switcher-currency {
display: inline-block;
position: relative;
border-right: 1px solid #2e3445;
vertical-align: middle;
cursor: pointer;
}
.header-container .top-link .box-left .language-currency .switcher-language {
float: right;
border-left: 1px solid #2e3445;
}
.header-container .top-link .box-left .language-currency .switcher-language .label {
display: none;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options {
padding: 10px 30px;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options:hover .ui-dialog {
display: block !important;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options:hover .ui-dialog .switcher-dropdown {
display: block;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options .switcher-trigger {
line-height: 36px;
cursor: pointer;
text-transform: uppercase;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options .switcher-dropdown {
box-shadow: none;
margin: 0;
z-index: 101;
display: none;
position: absolute;
top: 56px;
right: 0;
opacity: 0;
background: #fff;
padding: 5px 15px;
border-top: 3px solid #f45c5d;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options .switcher-dropdown li {
line-height: 40px;
border-bottom: 1px solid #e5e5e5;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options .switcher-dropdown li:hover a {
color: #f45c5d;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options .switcher-dropdown li:last-child {
border-bottom: 0;
}
.header-container .top-link .box-left .language-currency .switcher-language .switcher-options .switcher-dropdown a {
white-space: nowrap;
padding: 0 15px;
color: #7e7e7e;
display: block;
text-decoration: none;
font-size: 12px;
text-transform: capitalize;
font-weight: normal;
border-radius: 0;
text-align: left;
}
.header-container .top-link .box-left .language-currency .switcher-currency {
float: right;
}
.header-container .top-link .box-left .language-currency .switcher-currency .label {
display: none;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options {
padding: 10px 30px;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options:hover .ui-dialog {
display: block !important;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options:hover .ui-dialog .switcher-dropdown {
display: block;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-trigger {
line-height: 36px;
cursor: pointer;
text-transform: uppercase;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-trigger strong {
display: inline-block;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-dropdown {
box-shadow: none;
margin: 0;
z-index: 101;
display: none;
position: absolute;
top: 56px;
right: 0;
opacity: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background: #fff;
padding: 5px 15px;
border-top: 3px solid #f45c5d;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-dropdown li {
line-height: 40px;
border-bottom: 1px solid #e5e5e5;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-dropdown li:hover a {
color: #f45c5d;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-dropdown li:last-child {
border-bottom: 0;
}
.header-container .top-link .box-left .language-currency .switcher-currency .switcher-options .switcher-dropdown a {
white-space: nowrap;
padding: 0 15px;
color: #7e7e7e;
display: block;
text-decoration: none;
font-size: 12px;
text-transform: capitalize;
font-weight: normal;
border-radius: 0;
text-align: left;
}
.header-container .top-link .box-right {
float: right;
}
.header-container .top-link .box-right .top-link-dropdown {
float: right;
}
.header-container .top-link .box-right .top-link-dropdown .customer-welcome {
display: block;
width: 100%;
}
.header-container .top-link .box-right .top-link-dropdown .customer-welcome ul {
border: none;
display: block;
}
.header-container .top-link .box-right .top-link-dropdown .customer-welcome .name .account {
display: none;
}
.header-container .top-link .box-right .top-link-dropdown.active {
overflow: visible;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu {
display: block;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul {
border: none;
margin: 0;
text-align: left;
background: none;
box-shadow: none;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul:before,
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul:after {
display: none;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li {
padding: 0;
float: left;
vertical-align: middle;
border-right: 1px solid #2e3445;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li:hover {
background: none;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li:hover a {
background-position: 50% -115px !important;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li.compare a {
background: url(../images/checkout.png) no-repeat 50% 18px;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li.wishlist a {
background: url(../images/wishlist.png) no-repeat 50% 19px;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li.authorization-link a {
background: url(../images/login.png) no-repeat 50% 18px;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li a {
background: url(../images/myaccount.png) no-repeat 50% 17px;
height: 56px;
width: 80px;
display: block;
text-indent: -9999px;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li:first-child {
padding-left: 0 !important;
border-left: 1px solid #2e3445;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li:first-child:after {
display: none;
}
.header-container .top-link .box-right .top-link-dropdown .customer-menu ul li:last-child {
padding-right: 0 !important;
}
.header-container .top-link .box-right .top-cart-wrapper {
position: relative;
background: #59627c;
display: inline-block;
vertical-align: middle;
cursor: pointer;
float: right;
}
.header-container .top-link .box-right .minicart-wrapper {
margin: 0;
display: inline-block;
position: relative;
}
.header-container .top-link .box-right .minicart-wrapper:hover .ui-dialog {
display: block !important;
}
.header-container .top-link .box-right .minicart-wrapper .top-cart-contain {
position: relative;
padding: 0;
background: #2b2b2b;
}
.header-container .top-link .box-right .minicart-wrapper .close {
display: none;
}
.header-container .top-link .box-right .minicart-wrapper .showcart {
color: #9c9c9c;
display: block;
width: 80px;
height: 56px;
color: #fff;
text-align: left;
position: relative;
background: url(../images/topcart.png) no-repeat 50% 50%;
vertical-align: top;
margin-top: 0;
font-size: 12px;
}
.header-container .top-link .box-right .minicart-wrapper .showcart.active:before,
.header-container .top-link .box-right .minicart-wrapper .showcart:hover:before,
.header-container .top-link .box-right .minicart-wrapper .showcart.active:hover:before {
content: "\f07a";
color: #fff;
font-family: FontAwesome;
font-size: 25px;
margin-right: 7px;
vertical-align: middle;
}
.header-container .top-link .box-right .minicart-wrapper .showcart:before {
display: none !important;
}
.header-container .top-link .box-right .minicart-wrapper .showcart .text {
width: auto;
height: auto;
position: relative;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
display: none;
line-height: 17px;
color: #fff;
}
.header-container .top-link .box-right .minicart-wrapper .showcart .text span {
text-transform: lowercase;
}
.header-container .top-link .box-right .minicart-wrapper .showcart .qty.empty {
display: block !important;
}
.header-container .top-link .box-right .minicart-wrapper .showcart .counter.qty {
margin: 0;
color: #fff;
width: 22px;
height: 22px;
border: 1px solid #fff;
background: #f7941d;
border-radius: 100%;
text-align: center;
position: absolute;
right: 13px;
top: 5px;
line-height: 22px;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart {
display: none;
width: 290px;
position: absolute;
top: 52px;
right: 0;
background: #fff;
padding: 20px;
text-align: left;
border: 1px solid #e1e1e1;
border-top: 2px solid #f45c5d;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart:before,
.header-container .top-link .box-right .minicart-wrapper .block-minicart:after {
display: none;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price {
font-size: 11px;
font-weight: 400;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .subtitle.empty {
font-size: 11px;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .items-total {
font-size: 11px;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .items-total .count {
font-weight: normal;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .subtotal {
float: left;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .subtotal .label {
font-weight: normal;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .subtotal .price-container {
display: inline;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content > .actions {
display: block;
float: left;
clear: both;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content > .actions > .primary {
margin: 0;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
clear: both;
background: none;
padding: 0;
text-transform: uppercase;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary span {
padding: 5px 10px;
line-height: 20px;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
line-height: 34px;
padding: 0 25px;
display: block;
text-transform: uppercase;
color: #3f3f3f;
font-size: 11px;
font-weight: 700;
border: 2px solid #f2f2f2;
border-radius: 20px;
text-align: center;
white-space: nowrap;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
text-decoration: none;
border-color: #f45c5d;
color: #f45c5d;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper {
border-color: #f45c5d;
margin: 0;
display: block;
float: left;
padding: 0;
min-height: 110px !important;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:first-child {
padding: 20px 0;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:not(:first-child) {
border-color: #f45c5d;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-image-container {
float: left;
border: 1px solid #f45c5d;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name {
margin: 0;
text-overflow: ellipsis;
line-height: initial;
word-break: break-all;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a {
text-transform: capitalize;
color: #333333;
text-decoration: none;
font-size: 13px;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a:hover {
text-decoration: underline;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details {
padding-left: 120px;
text-align: left;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .details-qty {
margin-top: 0;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .details-qty .label {
display: none;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price {
font-weight: 300 !important;
font-size: 12px !important;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price-excluding-tax {
margin: 0;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing {
float: left;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .label {
width: auto;
padding: 0;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .update-cart-item {
line-height: 32px;
padding: 0 12px;
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .item-qty {
margin-right: 0px;
text-align: center;
width: 35px;
border: none;
color: #f55c59;
pointer-events: none;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product.actions {
float: left;
margin: 8px 0 0 10px;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product.actions .primary {
float: none;
display: inline-block;
vertical-align: middle;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.edit {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url("../images/btn_edit.gif") 0 0px no-repeat;
text-indent: -999em;
overflow: hidden;
vertical-align: middle;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.edit:before {
display: none;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.delete {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url("../images/btn_remove.gif") 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
vertical-align: middle;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .action.delete:before {
display: none;
}
.header-container .top-link .box-right .minicart-wrapper .block-minicart .items-total {
margin: 0;
}
.header-container .header-wr {
margin: 0 auto;
}
.header-container .header-wr .ops {
height: 0;
}
.header-container .header-content {
position: relative;
z-index: 10;
}
.header-container .header-content .quick-access {
position: relative;
text-align: right;
}
.header-container .header-content .block-search {
padding: 0 !important;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
width: auto;
bottom: -52px;
}
.header-container .header-content .block-search:hover input {
opacity: 1;
height: 40px;
}
.header-container .header-content .block-search .block-title {
display: none;
}
.header-container .header-content .block-search .block-content {
line-height: 0;
}
.header-container .header-content .block-search form.minisearch {
position: relative;
margin: auto;
border-radius: 25px;
display: inline-block;
width: 100%;
}
.header-container .header-content .block-search input {
margin: 0;
left: 0;
width: 100%;
border: 0;
padding: 10px !important;
background: #f8f8f8;
height: 0;
line-height: 22px;
color: #81878f;
font-weight: 300;
font-size: 12px;
opacity: 0;
transition: all 0.3s ease-out;
}
.header-container .header-content .block-search input:focus {
box-shadow: none;
}
.header-container .header-content .block-search .nested,
.header-container .header-content .block-search .label {
display: none;
width: 0;
height: 0;
}
.header-container .header-content .block-search .action.search {
float: right;
position: static;
width: 40px;
height: 40px;
cursor: pointer;
pointer-events: visible;
z-index: 1;
border: 0;
font-weight: normal;
text-transform: capitalize;
transition: none;
opacity: 1;
padding: 0;
text-align: center;
background: none;
}
.header-container .header-content .block-search .action.search:hover:before {
color: #f45c5d;
}
.header-container .header-content .block-search .action.search:before {
font-family: FontAwesome;
content: "\f002";
font-size: 16px;
color: #3f3f3f;
padding: 1px;
}
.header-container .header-content .block-search .action.search span {
display: none;
}
.header-container .header-content .block-search .control {
padding: 0;
margin: 0;
top: 40px;
position: absolute;
width: 300px;
right: 0;
}
.header-container .logo-home .logo {
position: absolute;
padding: 0;
margin: 0;
}
.header-container .logo-home .logo img {
display: inline-block;
width: 88px !important;
height: 62px;
}
.header-container .nav-toggle {
display: none;
}
.header-container .header-bottom {
position: relative;
z-index: 9;
}
.header-container .header-mobile {
padding: 30px 0;
}
.header-container .header-mobile .header-mobile-container {
position: relative;
}
.header-container .header-mobile .logo {
margin: 0;
position: absolute;
left: 0;
top: -6px;
margin-top: 0;
}
.header-container .header-mobile .my-account {
background: #333333;
position: fixed;
top: 0;
z-index: 9999;
left: 0;
height: 100%;
padding-top: 30px;
width: 300px;
overflow: auto;
transform: translate(-320px, 0);
-webkit-transform: translate(-320px, 0);
-moz-transform: translate(-320px, 0);
-ms-transform: translate(-320px, 0);
-o-transform: translate(-320px, 0);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .my-account:before {
background: #f8484a;
content: "";
display: block;
height: 30px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.header-container .header-mobile .my-account.open-box {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.header-container .header-mobile .my-account .close-icon {
color: #f1f1f1;
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 0;
top: 0;
left: 0;
margin: 0 auto;
cursor: pointer;
font-size: 0;
z-index: 1;
}
.header-container .header-mobile .my-account .close-icon:hover {
color: #f45c5d;
}
.header-container .header-mobile .my-account .close-icon:before {
background: #f8484a;
content: "\f00d";
display: block;
font-family: FontAwesome;
font-size: 23px;
font-weight: 400;
line-height: 30px;
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.header-container .header-mobile .my-account #tabs-menu .tabs {
background: #252b3d;
}
.header-container .header-mobile .my-account #tabs-menu .tabs:after {
content: "";
display: table;
clear: both;
}
.header-container .header-mobile .my-account #tabs-menu .tabs li {
width: 50%;
float: left;
text-align: center;
padding: 0;
}
.header-container .header-mobile .my-account #tabs-menu .tabs li.active a,
.header-container .header-mobile .my-account #tabs-menu .tabs li:hover a {
background: #f45c5d;
}
.header-container .header-mobile .my-account #tabs-menu .tabs li a {
background: #262626;
color: #fff;
display: block;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
line-height: 40px;
padding: 8px 10px;
border: 1px solid #444444;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .my-account #tabs-menu .tabs-content {
border-top: 2px solid #f45c5d;
}
.header-container .header-mobile .my-account #tabs-menu .tabs-content .tab-content {
display: none;
padding: 10px;
}
.header-container .header-mobile .my-account #tabs-menu .tabs-content .tab-content.active {
display: block;
}
.header-container .header-mobile .my-account .header-info {
display: block;
}
.header-container .header-mobile .my-account .header-info p {
margin-left: 20px;
display: inline-block;
vertical-align: middle;
line-height: 41px;
}
.header-container .header-mobile .my-account .header-info p:before {
font-family: FontAwesome;
font-size: 15px;
color: #3d3d3d;
content: "\f098";
margin-right: 5px;
float: left;
}
.header-container .header-mobile .my-account .header-info p:first-child {
margin: 0;
}
.header-container .header-mobile .my-account .header-info .info:before {
content: "\f199";
}
.header-container .header-mobile .my-account .social-header {
border-bottom-color: 2px solid #f45c5d;
display: block;
padding: 10px 0;
margin-bottom: 15px;
text-align: center;
}
.header-container .header-mobile .my-account .social-header li {
display: inline-block;
}
.header-container .header-mobile .my-account .social-header li a {
font-size: 20px;
color: #3d3d3d;
display: block;
line-height: 21px;
}
.header-container .header-mobile .my-account .social-header li a:hover {
color: #f45c5d;
}
.header-container .header-mobile .my-account .links .greet.welcome {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome {
display: block;
cursor: pointer;
font-size: 14px;
}
.header-container .header-mobile .my-account .links .customer-welcome.active a.account:after {
content: "\f106";
}
.header-container .header-mobile .my-account .links .customer-welcome.active .customer-menu {
display: block;
}
.header-container .header-mobile .my-account .links .customer-welcome a {
display: block;
border: 1px solid #444;
padding: 10px;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .links .customer-welcome a:hover {
color: #f45c5d;
}
.header-container .header-mobile .my-account .links .customer-welcome a.account {
position: relative;
}
.header-container .header-mobile .my-account .links .customer-welcome a.account:after {
position: absolute;
content: "\f107";
display: block;
font-family: FontAwesome;
right: 10px;
top: 50%;
margin-top: -7px;
}
.header-container .header-mobile .my-account .links .customer-welcome a i {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome .customer-menu {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome ul {
box-shadow: none;
border: 0;
position: static;
background: #fff;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .links .customer-welcome ul:before,
.header-container .header-mobile .my-account .links .customer-welcome ul:after {
display: none;
}
.header-container .header-mobile .my-account .links .customer-welcome ul li {
background: none !important;
}
.header-container .header-mobile .my-account .links .customer-welcome ul li a {
border: 0;
margin: 0;
font-size: 12px;
padding: 5px 10px;
background: none;
}
.header-container .header-mobile .my-account .links .customer-welcome ul li a:hover {
color: #f45c5d;
}
.header-container .header-mobile .my-account .switcher .switcher-label {
display: none;
}
.header-container .header-mobile .my-account .switcher .switcher-trigger {
border: 1px solid #444;
cursor: pointer;
font-size: 14px;
padding: 10px;
position: relative;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .switcher .switcher-trigger.active:after {
content: "\f106";
}
.header-container .header-mobile .my-account .switcher .switcher-trigger:after {
position: absolute;
content: "\f107";
display: block;
font-family: FontAwesome;
right: 10px;
top: 50%;
margin-top: -7px;
}
.header-container .header-mobile .my-account .switcher .switcher-trigger strong span i {
display: none;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown {
background: #fff;
margin-bottom: 3px;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown .switcher-option a {
border: 0;
margin: 0;
font-size: 12px;
padding: 8px 10px 6px;
background: none;
display: inline-block;
width: 100%;
text-decoration: none;
}
.header-container .header-mobile .my-account .switcher .switcher-dropdown .switcher-option a:hover {
color: #f45c5d;
}
.header-container .header-mobile .box-right {
position: absolute;
right: 0;
top: 50%;
margin-top: 8px;
z-index: 9;
}
.header-container .header-mobile .box-right .open-icon {
display: inline-block;
vertical-align: middle;
font-size: 0;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}
.header-container .header-mobile .box-right .open-icon:after {
content: "\f039";
color: #666;
display: block;
font-family: FontAwesome;
font-size: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 33px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.header-container .header-mobile .box-right .open-icon.close-icon:after {
content: "\f00d";
}
.header-container .header-mobile .minicart-wrapper {
float: none;
display: inline-block;
z-index: 9997;
margin: 0;
vertical-align: middle;
}
.header-container .header-mobile .minicart-wrapper .showcart {
color: #666;
position: relative;
}
.header-container .header-mobile .minicart-wrapper .showcart.active:before,
.header-container .header-mobile .minicart-wrapper .showcart:hover:before,
.header-container .header-mobile .minicart-wrapper .showcart.active:hover:before {
content: "\f07a";
color: #f45c5d;
font-family: FontAwesome;
font-size: 25px;
margin-right: 0;
vertical-align: middle;
line-height: 30px;
}
.header-container .header-mobile .minicart-wrapper .showcart:before {
content: "\f07a";
color: #666;
font-family: FontAwesome;
font-size: 25px;
margin-right: 0;
vertical-align: middle;
line-height: 30px;
width: 30px;
text-align: center;
}
.header-container .header-mobile .minicart-wrapper .showcart .text {
position: static;
display: none;
vertical-align: middle;
font-size: 14px;
font-weight: 700;
line-height: 30px;
width: auto;
height: auto;
text-transform: uppercase;
}
.header-container .header-mobile .minicart-wrapper .showcart .counter.qty {
width: 21px;
height: 21px;
background: #f45c5d;
border-radius: 100%;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
position: absolute;
top: -8px;
right: -8px;
margin: 0;
}
.header-container .header-mobile .minicart-wrapper .block-minicart {
border: 1px solid #f45c5d;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .items-total .count {
font-weight: normal;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .subtotal .label {
font-weight: normal;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .subtotal .price-container {
padding: .2em .6em .3em;
margin: 5px;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .primary {
margin: 0;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
line-height: 1.3;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
line-height: 34px;
padding: 0 25px;
display: block;
text-transform: uppercase;
color: #3f3f3f;
font-size: 11px;
font-weight: 700;
border: 2px solid #f2f2f2;
border-radius: 20px;
text-align: center;
white-space: nowrap;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
text-decoration: none;
border-color: #f45c5d;
color: #f45c5d;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper {
border-color: #f45c5d;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item:not(:first-child) {
border-color: #f45c5d;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a {
color: #414141;
text-decoration: none;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .minicart-items .product-item .product-item-name a:hover {
color: #f45c5d;
text-decoration: none;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-photo {
border: 1px solid #f45c5d;
border-radius: 5px;
padding: 3px;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details {
padding-left: 120px;
text-align: left;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-details .price {
font-weight: 600 !important;
font-size: 18px !important;
font-family: 'Poppins', sans-serif;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .label {
width: auto;
padding: 0;
margin-right: 5px;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper .product-item-pricing .update-cart-item {
line-height: 32px;
padding: 0 12px;
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
}
.header-container .header-mobile .minicart-wrapper .block-minicart .items-total {
margin: 0 0 10px;
font-weight: 700;
}
.header-container .header-mobile .block-search {
width: 100%;
padding: 0 100px 0 280px !important;
}
.header-container .header-mobile .block-search form.minisearch {
border: 2px solid #e5e5e5;
height: 40px;
line-height: 40px;
border-radius: 3px;
position: relative;
}
.header-container .header-mobile .block-search .control {
padding: 0;
}
.header-container .header-mobile .block-search input {
border: 0;
color: #adadad;
height: 40px;
}
.header-container .header-mobile .block-search .action.search {
width: 40px;
height: 40px;
line-height: 40px;
right: 0;
padding: 0;
}
.header-container .header-mobile .block-search .action.search:hover:before {
color: #f45c5d;
}
.header-container .header-mobile .block-search .action.search:before {
font-size: 26px;
height: 40px;
line-height: 40px;
width: 40px;
}
/*---home-banner-static--------------------------------------*/
.banner-static1 {
margin-bottom: 30px;
}
.banner-static1 .banner-box {
position: relative;
}
.banner-static1 .banner-box:hover:before {
opacity: 1;
}
.banner-static1 .banner-box:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
pointer-events: none;
}
/*banner-slider--------------------------------------*/
.banner-slider {
position: relative;
min-height: 130px;
margin: 0 0 35px;
}
/*Checkout--------------------------------------*/
.checkout-cart-index .page-title-wrapper .page-title {
text-transform: inherit;
font-weight: 700;
text-align: left;
padding: 20px 0;
margin: 0;
font-size: 26px;
color: #333;
}
.checkout-cart-index .main {
padding: 0px 0 30px !important;
}
/*blog------------------------------*/
.blog-index-index .sidebar .block,
.blog-post-view .sidebar .block {
margin: 40px 0;
}
.blog-index-index .sidebar .field.search .control,
.blog-post-view .sidebar .field.search .control {
padding: 10px;
}
.blog-index-index .sidebar .block-search .action.search,
.blog-post-view .sidebar .block-search .action.search {
padding: 16px;
}
.blog-index-index .main,
.blog-post-view .main {
padding: 0;
}
.blog-index-index .post-bottom .block.related .block-related-post .products-grid .product-item,
.blog-post-view .post-bottom .block.related .block-related-post .products-grid .product-item {
width: 100%;
}
/*Page-top------------------------------*/
.item .sale,
.item .new {
font-size: 0;
width: 58px;
height: 58px;
position: absolute;
z-index: 11111;
right: -15px;
top: -19px;
z-index: 3;
border-radius: 100%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.item .sale {
background: url(../images/sale.png) no-repeat;
}
.item .new {
background: url(../images/new.png) no-repeat;
}
.item .item-inner {
margin-top: 35px;
position: relative;
text-align: center;
border: 1px solid #fafafa;
padding: 3px;
margin-bottom: 1px;
}
.item .item-inner:hover .image-container:before {
opacity: 1;
}
.item .item-inner:hover .image-container .btn-quickview {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item .item-inner:hover .image-container .box-hover {
opacity: 1;
}
.item .item-inner:hover .image-container .box-hover .actions-primary .action.tocart span {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item .item-inner:hover .image-container .box-hover .add-to-links .action.tocompare,
.item .item-inner:hover .image-container .box-hover .add-to-links .action.towishlist {
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.item .item-inner .image-container {
position: relative;
}
.item .item-inner .image-container:before {
content: "";
background: rgba(244, 92, 93, 0.2);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
opacity: 0;
z-index: 2;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
}
.item .item-inner .image-container .box-hover {
position: absolute;
bottom: 7px;
right: 7px;
z-index: 3;
opacity: 0;
}
.item .item-inner .image-container .box-hover .actions-primary .action.tocart span {
display: block;
font-size: 0;
line-height: 0;
color: #000;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
background: #ffffff url(../images/icon_cart.png) no-repeat 0 0;
padding: 0;
border: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-moz-transform: translateY(110px);
-webkit-transform: translateY(110px);
transform: translateY(110px);
}
.item .item-inner .image-container .box-hover .actions-primary .action.tocart span:hover {
background-position: 0 100%;
background-color: #f45c5d;
}
.item .item-inner .image-container .box-hover .add-to-links {
font-size: 11px;
margin: 0;
padding: 0;
display: block;
width: 100%;
}
.item .item-inner .image-container .box-hover .add-to-links .action {
margin-top: 5px;
display: block;
font-size: 0;
line-height: 0;
color: #000;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
float: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.item .item-inner .image-container .box-hover .add-to-links .action:hover {
background-position: 0 100% !important;
background-color: #f45c5d !important;
}
.item .item-inner .image-container .box-hover .add-to-links .action:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 100%;
border: 1px solid #fff;
}
.item .item-inner .image-container .box-hover .add-to-links .action.towishlist {
background: #ffffff url(../images/icon_wishlist.png) no-repeat 0 0;
-moz-transform: translateY(90px);
-webkit-transform: translateY(90px);
transform: translateY(90px);
}
.item .item-inner .image-container .box-hover .add-to-links .action.tocompare {
background: #ffffff url(../images/icon_compare.png) no-repeat 0 0;
-moz-transform: translateY(70px);
-webkit-transform: translateY(70px);
transform: translateY(70px);
display: none;
}
.item .item-inner .image-container .btn-quickview {
margin-top: 5px;
display: block;
font-size: 0;
line-height: 0;
color: #000;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
float: none;
z-index: 2;
background: #ffffff url(../images/icon_quickview.png) no-repeat 0 0;
-moz-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.item .item-inner .image-container .btn-quickview:hover {
background-position: 0 100%;
background-color: #f45c5d;
}
.item .item-inner .image-container .btn-quickview:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 100%;
border: 1px solid #fff;
}
.item .item-inner .image-container .btn-quickview span {
display: none;
}
.item .item-inner .image-container .product-item-photo {
display: block;
width: 100%;
padding: 0;
}
.item .item-inner .image-container .product-item-photo .product-image-container {
width: 100% !important;
display: block;
}
.item .item-inner .box-info {
padding: 0 0 10px;
}
.item .item-inner .box-info .product-item-name {
margin: 15px 0 10px;
}
.item .item-inner .box-info .ratings {
line-height: 1.25;
margin: 8px 0;
overflow: hidden;
}
.item .item-inner .box-info .ratings .product-item-name {
margin: 0 0 20px;
}
.item .item-inner .box-info .product-item-description {
font-size: 14px;
line-height: 22px;
}
.item .item-inner .box-info .item-price {
position: relative;
}
.item .item-inner .box-info .item-price .sale-off {
background: #d4232b;
color: #ffffff;
font-size: 12px;
font-weight: 600;
line-height: 19px;
padding: 2px 8px 0;
position: absolute;
top: 12px;
left: 38%;
}
.item .item-inner .box-info .product-reviews-summary .reviews-actions {
display: none;
}
.product-item-name {
margin: 5px 0;
font-weight: 500;
font-size: 18px;
}
.product-item-name a {
color: #3f3f3f;
text-transform: capitalize;
font-size: 12px;
text-decoration: none;
}
.product-item-name a:hover {
color: #f45c5d;
text-decoration: none;
}
.price-box {
margin: 5px 0;
}
.price-box .old-price,
.price-box .special-price {
display: inline;
margin-right: 5px;
padding: 0;
}
.price-box .price-label {
display: none;
}
.price-box .price {
color: #f45c5d;
font-family: Poppins;
font-size: 14px;
font-weight: 700;
}
.price-box .special-price {
margin: 0;
padding: 3px 0;
}
.price-box .old-price .price {
color: #838383;
text-decoration: line-through;
font-weight: 400;
}
/*Categorytab-------------------------------------*/
.categorytab-container {
margin: 30px 0 0;
}
.categorytab-container .featured {
display: block;
position: relative;
z-index: 99999;
line-height: 0;
}
.categorytab-container .featured .categorytabsliders-title {
display: inline-block;
border: 1px solid #e8e8e8;
border-bottom: 0;
background: #fff;
padding: 6px 15px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.categorytab-container .featured .categorytabsliders-title h2 {
border-bottom: 2px solid #54c3f0;
margin: 0;
background: #fff;
float: left;
font-weight: bold;
text-decoration: none;
color: #464646;
font-size: 18px;
text-transform: uppercase;
}
.categorytab-container .tab_container {
margin-top: -2px;
width: 100%;
border: 1px solid #e8e8e8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 0px;
}
.categorytab-container ul.tabs {
overflow: hidden;
margin: 0;
padding: 0;
float: right;
list-style: none !important;
height: 32px;
}
.categorytab-container ul.tabs li {
float: left;
margin-left: 5px;
cursor: pointer;
padding: 0px 21px;
height: 31px;
line-height: 31px;
border-left: none;
font-weight: normal;
list-style: none;
background: #aeaeae;
overflow: hidden;
position: relative;
z-index: 9999;
color: #fff;
font-size: 13px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.categorytab-container ul.tabs li:hover {
background: #eeeeee;
color: #666;
}
.categorytab-container ul.tabs li:first-child {
margin-left: 0;
}
.categorytab-container ul.tabs li.active {
background: #eeeeee;
color: #666;
}
/*----banner-home-content----------------------------------- */
.banner-home-content {
margin: 30px 0;
}
.banner-home-content .banner-box .top {
margin-bottom: 30px;
}
.banner-home-content .banner-box .bottom {
margin-top: 30px;
}
.banner-home-content .banner-box a {
display: block;
}
.banner-home-content .banner-box a:hover img,
.home-banner-static .banner-box a:hover img {
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
}
/* Productstab----------------------------------- */
.producttab-container .title-tab .group-title {
display: none;
}
.producttab-container .title-tab .tabcontainer {
text-align: center;
font-size: 18px;
color: #414141;
text-transform: uppercase;
font-weight: 700;
margin: 0;
line-height: 41px;
display: block;
background: #ececec;
position: relative;
width: 100%;
float: left;
}
.producttab-container .title-tab ul.tabs li {
display: inline-block;
width: 33.333%;
-webkit-transition: 0.3s all ease-out;
-moz-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
position: relative;
cursor: pointer;
z-index: 2;
float: left;
}
.producttab-container .title-tab ul.tabs li:hover,
.producttab-container .title-tab ul.tabs li.active {
cursor: pointer;
}
.producttab-container .title-tab ul.tabs li:hover:before,
.producttab-container .title-tab ul.tabs li.active:before {
opacity: 1;
}
.producttab-container .title-tab ul.tabs li:hover h3,
.producttab-container .title-tab ul.tabs li.active h3 {
color: #fff;
background: #414141;
}
.producttab-container .title-tab ul.tabs li:before {
content: "";
position: absolute;
width: 10px;
height: 5px;
bottom: -5px;
left: 50%;
margin-left: -5px;
border-color: #414141 transparent transparent;
border-style: solid;
border-width: 5px 5px 0 5px;
display: block;
opacity: 0;
-webkit-transition: 0.3s all ease-out;
-moz-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
}
.producttab-container .title-tab ul.tabs li h3 {
margin: 0;
display: block;
line-height: 41px;
font-size: 14px;
text-transform: uppercase;
color: #414141;
text-align: center;
font-weight: 700;
}
.producttab-container .item-inner {
overflow: hidden;
margin: 30px 0;
border: 0;
padding: 0;
}
.producttab-container .item-inner:hover .image-container:before {
display: none;
}
.producttab-container .item-inner:hover .image-container a {
border-color: #f45c5d;
}
.producttab-container .item-inner .image-container {
width: 123px;
float: left;
}
.producttab-container .item-inner .image-container a {
border: 1px solid #fafafa;
padding: 3px !important;
}
.producttab-container .item-inner .box-info {
text-align: left;
margin-left: 143px;
padding: 0;
}
.producttab-container .item-inner .box-info .product-item-name {
margin: 0 0 5px;
}
.producttab-container .owl-controls {
margin-top: 0;
}
.producttab-container .owl-controls .owl-pagination {
text-align: center;
left: 0;
right: 0;
margin: auto;
}
.producttab-container .owl-controls .owl-pagination .owl-page span {
display: block;
width: 13px;
height: 13px;
margin: 3px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 100%;
}
.producttab-container .owl-controls .owl-pagination .owl-page:hover span,
.producttab-container .owl-controls .owl-pagination .owl-page.active span {
border: 2px solid #f45c5d;
}
/*bestsellerproduct_container_slider---------------------------------------------*/
.bestsellerproduct_container_slider {
position: relative;
padding: 0;
border: 0;
margin-bottom: 30px;
}
.bestsellerproduct_container_slider .item .item-inner {
padding: 0;
overflow: hidden;
margin: 30px 0 0;
}
.bestsellerproduct_container_slider .item .item-inner:hover .image-container:before {
opacity: 0;
}
.bestsellerproduct_container_slider .item .item-inner:hover .image-container a {
border-color: #f45c5d;
}
.bestsellerproduct_container_slider .item .item-inner .image-container {
width: 123px;
float: left;
}
.bestsellerproduct_container_slider .item .item-inner .image-container a {
border: 1px solid #fafafa;
padding: 3px;
}
.bestsellerproduct_container_slider .item .item-inner .box-info {
margin-left: 142px;
text-align: left;
padding: 0;
}
.bestsellerproduct_container_slider .item .item-inner .box-info .product-item-name {
margin: 0 0 5px;
}
.bestsellerproduct_container_slider .item .item-inner .box-info .product-item-name a {
font-size: 12px;
}
.bestsellerproduct_container_slider .item .item-inner .box-info .actions-primary {
display: none;
}
/*Title-------------------------------------------*/
.group-title1,
.group-title {
background: #ececec;
border-bottom: 2px solid #9096a8;
}
.group-title1 h2,
.group-title h2 {
font-size: 18px;
color: #59627c;
text-transform: uppercase;
font-weight: 700;
margin: 0;
line-height: 39px;
display: inline-block;
padding: 0 25px;
position: relative;
}
/* Countdown------------------------------------ */
.countdown-slider {
margin: 0 0 30px;
}
.countdown-slider .group-title {
border-color: #f45c5d;
}
.countdown-slider .group-title h2 {
color: #f45c5d;
}
.countdown-slider .item .item-inner {
padding: 5px;
}
.countdown-slider .item .box-info {
padding: 0;
}
.item-content {
overflow: hidden;
}
.item-content #heading3 {
color: #FFFFFF;
clear: both;
}
.item-content .countdown-container {
height: 100%;
overflow: hidden;
}
.item-content .countdown-container .timer {
width: 22.9%;
height: auto;
color: #fff;
float: left;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 12px;
border: 1px solid #f45c5d;
margin: 10px 7px 0 0;
padding: 2px;
}
.item-content .countdown-container .timer.sec {
margin-right: 0;
}
.item-content .countdown-container .timer b {
background: #f45c5d;
display: block;
font-size: 17px;
font-weight: 500;
font-family: Poppins;
position: relative;
padding-top: 8px;
}
.item-content .countdown-container .timer b:after {
display: inline-block;
background: #dd4243;
width: 27px;
height: 1px;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.item-content .countdown-container .timer span {
background: #f45c5d;
font-size: 10px;
display: block;
padding: 3px 0 8px;
}
/*block-group------------------------------------*/
/*Category-top------------------------------------*/
.catgrid .item {
border-top: 4px solid #e1e1e1;
padding: 35px 0px 30px;
display: inline-block;
width: 100%;
}
.catgrid .item h3 {
color: #666;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
}
.catgrid .item .catlist-content {
margin-top: 25px;
}
.catgrid .item .catlist-content .cat-images {
width: 170px;
border: 1px solid #e5e5e5;
float: left;
}
.catgrid .item .catlist-content ul {
margin-left: 200px;
padding-top: 10px;
}
.catgrid .item .catlist-content ul li a {
color: #666666;
font-size: 12px;
text-transform: capitalize;
font-weight: 300;
margin-bottom: 13px;
display: block;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.catgrid .item .catlist-content ul li a:hover {
color: #f45c5d;
}
.catgrid .item .catlist-content ul li a:hover:before {
background: #f45c5d;
}
.catgrid .item .catlist-content ul li a:before {
content: "";
background: #999999;
width: 7px;
height: 7px;
border-radius: 100%;
display: inline-block;
margin-right: 8px;
}
.catgrid .item .catlist-content ul li.link-category {
margin-top: 10px;
display: inline-block;
}
.catgrid .item .catlist-content ul li.link-category a {
padding: 10px 20px 8px;
background: #9b9b9b;
font-weight: 600;
color: #fff;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.catgrid .item .catlist-content ul li.link-category a:hover {
background: #444444;
}
.catgrid .item .catlist-content ul li.link-category a:before {
display: none;
}
/* Feature--------------------------------------- */
/*ma-newproductslider-container-----------------------------------*/
/*Recentproduct-----------------------------------*/
.recentproduct-container {
margin: 50px 0 30px;
}
.recentproduct-container .owl-container {
margin: 0 -8px;
}
.recentproduct-container .owl-container .owl-item {
padding: 0 8px;
}
/*Vmegamenu---------------------------------------*/
.cms-index-index .pt_vmegamenu {
position: absolute;
}
.nav-container {
border: 0;
}
.cart .discount,
.cart .shipping {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.cart .discount h2,
.cart .shipping h2 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
/*Newsletter Popup ---------------------------------------*/
#newsletter_pop_up {
background: #fff !important;
color: #FFFFFF;
display: none;
margin: -195px 0 0 !important;
min-width: 450px;
padding: 25px 50px;
top: 50% !important;
position: fixed !important;
text-align: center;
}
#newsletter_pop_up .title {
font-size: 36px;
line-height: 36px;
margin-top: 40px;
text-transform: uppercase;
border-bottom: 5px solid #333;
letter-spacing: 5px;
display: inline-block;
margin-bottom: 0;
color: #333;
font-weight: 700;
}
#newsletter_pop_up .content {
margin-top: 20px;
display: inline-block;
}
#newsletter_pop_up .content #newsletter-validate-details .label {
white-space: pre-line;
padding: 0;
vertical-align: top;
border-radius: 0;
display: block;
margin: 10px 0;
font-weight: 300;
color: #7b7b7b;
font-size: 16px;
letter-spacing: 3px;
text-transform: capitalize;
line-height: 1.428571429;
}
#newsletter_pop_up .content #newsletter-validate-details #newsletters {
margin: 0;
width: 360px;
height: 40px;
line-height: 40px;
padding-left: 10px;
border: 0;
background: #efefef;
padding: 0 10px;
}
#newsletter_pop_up .content #newsletter-validate-details #newsletters-error {
font-size: 12px;
margin-top: -10px;
margin-bottom: 10px;
color: #ff0000;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe {
margin-top: 15px;
background-color: #f45c5d;
color: #fff;
padding: 10px 20px;
border: none;
font-size: 14px;
text-transform: uppercase;
border-radius: 0;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe span {
border-radius: 0;
border: 0;
padding: 0;
color: #fff;
line-height: initial;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe:hover {
background: #f45c5d;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe-bottom {
margin-top: 15px;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe-bottom input {
vertical-align: top;
}
#newsletter_pop_up .content #newsletter-validate-details .subscribe-bottom label {
font-size: 14px;
color: #7d7d7d;
margin-top: 4px;
line-height: 13px;
}
#newsletter_pop_up .content .b-close {
cursor: pointer;
font: bold 131% sans-serif;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #000;
position: absolute;
padding: 0;
background: #fff;
border: 2px solid #000;
border-radius: 100%;
right: -15px;
top: -15px;
}
#newsletter_pop_up .content .b-close:hover {
color: #f45c5d;
border-color: #f45c5d;
}
/*Banner-static-----------------------------------*/
.banner-static2 {
margin-top: 30px;
}
.banner-static2 .banner-box {
position: relative;
}
.banner-static2 .banner-box:hover:before {
opacity: 1;
}
.banner-static2 .banner-box:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
pointer-events: none;
}
/*Banner-Center--------------------------------------*/
.banner-center {
margin-top: 40px;
}
.banner-center .col:hover a:before {
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 740%, 0px);
}
.banner-center .col a {
overflow: hidden;
display: block;
position: relative;
z-index: 9;
}
.banner-center .col a:before {
position: absolute;
top: 0px;
left: 0px;
width: 200%;
height: 50%;
background: rgba(255, 255, 255, 0.2);
content: "";
transition: transform 0.9s ease 0s;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -130%, 0px);
z-index: 9;
}
/*Banner-left-------------------------------*/
.banner-left {
position: relative;
margin: 0 0 30px;
overflow: hidden;
text-transform: uppercase;
}
.banner-left:hover img {
transform: scale(1.2);
}
.banner-left img {
width: 100%;
transition: all 0.3s ease-out;
transform: scale(1);
}
/*Banner-left1-------------------------------*/
.banner-left1 {
margin-top: 60px;
}
.banner-products {
padding: 55px 40px;
text-align: center;
background: #e9e9e9;
margin: 0 0 45px;
display: inline-block;
width: 100%;
}
.banner-products h2 {
font-size: 30px;
color: #6a6a6a;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
.checkout-index-index .page-header {
padding: 0 30px 10px !important;
}
.checkout-index-index .main {
padding: 0 !important;
}
.checkout-container {
padding: 0 30px;
}
.checkout-container .authentication-dropdown._show {
border: 0 !important;
background: #f5f5f5 !important;
}
.checkout-container .modal-inner-wrap .modal-content {
box-shadow: none;
border: none;
border-radius: 0;
background: none;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item > span {
font-size: 1.2rem;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item > span:after {
font-size: 1.4rem;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item._active:before {
background: #f45c5d;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item._active > span:before {
background: #f45c5d;
}
.checkout-container .opc-progress-bar .opc-progress-bar-item._active > span:after {
font-size: 1.8rem;
}
.checkout-container .opc-wrapper .step-title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .label {
padding: 0;
display: inline-block;
vertical-align: top;
text-align: left;
width: auto;
float: none;
margin: 0 0 8px;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .label:after {
position: static;
margin: 0;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .control {
width: auto;
float: none;
}
.checkout-container .opc-wrapper .fieldset > .field:not(.choice) > .control .label {
padding: 0;
}
.checkout-container .opc-sidebar .modal-header {
padding: 0;
min-height: auto;
border: none;
}
.checkout-container .opc-sidebar .modal-content {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary {
background: #f5f5f5;
padding: 20px;
border: 0;
border-radius: 0;
margin-bottom: 30px;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary > .title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: none;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title {
border-bottom: 1px solid #ccc;
padding: 9px 36px 9px 0;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title strong {
font-size: 1.0rem;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .product-item-name {
color: #333;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .details-qty {
line-height: normal;
color: #333;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .details-qty .label {
padding-left: 0;
font-weight: normal;
}
.checkout-container .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .content .product-item .price {
font-size: 1.2rem;
color: #333;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information {
padding: 0;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title {
font-size: 1.4rem;
line-height: normal;
}
.checkout-container .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title .action-edit {
top: 0;
}
.main {
margin: 30px auto 0;
min-height: 400px;
padding: 0 !important;
text-align: left;
}
.main-content {
margin: 0;
}
.main-content .blog-slider {
margin: 30px 0;
padding: 0;
border: 0;
}
.main-content .blog-slider .owl-container .owl-carousel .owl-controls .owl-buttons {
right: 15px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner {
padding: 0;
border: 0 !important;
}
.main-content .blog-slider .block-recent-posts .item .item-inner:hover .blog-image img {
opacity: 0.7;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-image img {
transition: all 0.3s ease-out;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content {
padding: 0 0 10px;
position: relative;
margin-top: 15px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .time-conment {
text-transform: capitalize;
color: #f45c5d;
font-size: 12px;
overflow: hidden;
font-weight: 400;
font-family: Arial;
margin: 20px 0;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .time-conment .date-month {
display: inline-block;
padding-right: 10px;
border-right: 1px solid #f5f5f5;
margin-right: 10px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .time-conment .author {
display: inline-block;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title {
display: block;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 10px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title a {
font-size: 12px;
color: #383838;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .blog-title a:hover {
color: #f45c5d;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .short-des {
margin: 10px 0;
color: #8c8c8c;
font-size: 13px;
font-style: italic;
line-height: 25px;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore {
margin-top: 15px;
display: none;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore a {
text-transform: capitalize;
font-size: 14px;
display: inline-block;
font-weight: 300;
color: #f45c5d;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore a:hover {
color: #222;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore a:hover:before {
border-color: #222;
}
.main-content .blog-slider .block-recent-posts .item .item-inner .blog-content .blog-content-inner .readmore a:before {
font-family: FontAwesome;
text-align: center;
line-height: 15px;
content: "\f105";
width: 17px;
height: 17px;
border-radius: 100%;
border: 1px solid #f45c5d;
display: inline-block;
margin-right: 5px;
}
.main-content .products {
margin: 0;
}
.main-content .products-list .item {
border-bottom: 2px solid #f8f8f8;
}
.main-content .products-list .item:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.main-content .products-list .item .item-border {
overflow: hidden;
}
.main-content .products-list .item .item-inner {
display: block;
width: 100%;
border: 0;
padding-bottom: 35px;
}
.main-content .products-list .item .item-inner .image-container {
overflow: inherit;
}
.main-content .products-list .item .item-inner .box-info {
text-align: left;
}
.main-content .products-list .item .item-inner .box-info .product-item-name {
min-height: auto;
}
.main-content .products-list .item .item-inner .box-info .name a {
/*color: @linkcolor;*/
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
}
.main-content .products-list .item .item-inner .box-info .name a:hover {
color: #f45c5d;
}
.main-content .products-list .item .item-inner .box-info .product-item-description {
clear: both;
color: #777;
font-size: 14px;
margin: 10px 0;
line-height: 24px;
padding: 20px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.main-content .products-list .item .item-inner .box-info .product-item-description a {
font-size: 11px;
display: inline;
color: #f45c5d;
}
.main-content .products-list .item .item-inner .box-info .product-item-description a:hover {
text-decoration: underline;
color: #f45c5d;
}
.main-content .products-list .item .item-inner .box-info .price-rate {
overflow: hidden;
}
.main-content .products-list .item .item-inner .box-info .price-box {
display: inline-block;
float: left;
margin: 5px 0;
}
.main-content .products-list .item .item-inner .box-info .price-box .price {
font-size: 14px;
}
.main-content .products-list .item .item-inner .box-info .price-box .special-price .price {
font-size: 14px;
}
.main-content .products-list .item .item-inner .box-info .price-box .old-price .price {
font-size: 14px;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary {
display: inline-block;
margin: 5px 0 !important;
float: right;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions {
font-size: 11px;
line-height: 1.25;
text-transform: capitalize;
margin: 2px 0 0 5px;
display: inline-block;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions .action {
float: left;
text-decoration: none;
color: #b3b3b3;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions .action:hover {
color: #f45c5d;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions .action.view {
display: block;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions .action.view:after {
content: "|";
padding: 0 0 0 5px;
font-size: 10px;
vertical-align: top;
color: #b3b3b3;
}
.main-content .products-list .item .item-inner .box-info .product-reviews-summary .reviews-actions .action.add {
display: block;
}
.main-content .products-list .item .item-inner .box-info .box-hover {
text-align: left;
display: inline-block;
width: auto;
margin-top: 15px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary {
display: inline-block;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary .action.tocart {
background: none;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary .action.tocart:hover span {
color: #f45c5d;
background-position: 25px -61px;
border-color: #f45c5d;
}
.main-content .products-list .item .item-inner .box-info .box-hover .actions-primary .action.tocart span {
font-weight: 600;
color: #777;
padding-left: 55px;
background: url(../images/icon_cart_list.png) 25px 7px no-repeat;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links {
display: inline-block;
margin: 0;
font-size: 11px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action:before {
display: none;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action.towishlist span {
background: url(../images/icon_wishlist_list.png) no-repeat 0 0;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action.tocompare span {
background: url(../images/icon_compare_list.png) no-repeat 0 0;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action span {
margin: 0;
position: relative;
display: block;
font-size: 0;
line-height: 0;
color: #000;
text-align: center;
width: 38px;
height: 38px;
border-radius: 100%;
float: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action span:hover {
background-position: 0 100%;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action span:hover:before {
border-color: #f45c5d;
}
.main-content .products-list .item .item-inner .box-info .box-hover .add-to-links .action span:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 100%;
border: 1px solid #f6f6f6;
}
.main-content .products-grid .products .item {
padding: 0 15px;
float: left;
width: 33.333%;
}
.main-content .products-grid .products .item:nth-of-type(3n+1) {
clear: left;
}
.main-content .products-grid .products .item .item-inner {
margin-bottom: 0;
width: 100%;
margin-top: 30px;
}
.main-content .products-grid .products.grid {
margin: 0 -15px 30px;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option {
width: 15px;
height: 15px;
border-radius: 100%;
min-width: 0;
position: relative;
overflow: visible;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option:before {
content: "";
position: absolute;
left: -3px;
top: -3px;
right: -3px;
bottom: -3px;
border: 2px solid transparent;
border-radius: 100%;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.selected {
outline: 0;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.selected:before {
border-color: #f45c5d;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.image:not(.disabled):hover,
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.color:not(.disabled):hover {
outline: 0;
}
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.image:not(.disabled):hover:before,
.main-content .swatch-attribute.color .swatch-attribute-options .swatch-option.color:not(.disabled):hover:before {
border-color: #f45c5d;
}
.main-content .swatch-attribute .swatch-attribute-options .swatch-option.text {
background: none;
padding: 0 5px;
line-height: 20px;
}
.main-content .swatch-attribute .swatch-attribute-options .swatch-option.selected {
outline: 1px solid #f45c5d;
}
.main-content .swatch-attribute .swatch-attribute-options .swatch-option:not(.disabled):hover {
outline: 1px solid #f45c5d;
}
.main-content .cart-container .cart-summary {
background: #fff;
border: 1px solid #f45c5d;
position: relative;
z-index: 2;
}
.main-content .cart-container .cart-summary > .title {
font-size: 1.3rem;
margin-top: 0.8rem;
}
.main-content .cart-container .cart-summary .block.shipping > .title,
.main-content .cart-container .cart-summary .block.discount > .title {
line-height: normal;
padding: 9px 36px 9px 0px;
border-top: 1px solid #ccc;
}
.main-content .cart-container .cart-summary .block.shipping > .title:after,
.main-content .cart-container .cart-summary .block.discount > .title:after {
font-size: 24px;
color: #313131;
top: 4px;
}
.main-content .cart-container .cart-summary .block.shipping > .title strong,
.main-content .cart-container .cart-summary .block.discount > .title strong {
color: #313131;
font-weight: 500;
margin: 0;
font-size: 0.9rem;
line-height: normal;
}
.main-content .cart-container .cart-summary .block.shipping .field.note,
.main-content .cart-container .cart-summary .block.discount .field.note {
font-size: 14px;
line-height: normal;
}
.main-content .cart-container .cart-summary .block.shipping .fieldset .field:not(.choice) > .label,
.main-content .cart-container .cart-summary .block.discount .fieldset .field:not(.choice) > .label {
font-size: 13px;
color: #333;
font-weight: 400;
}
.main-content .cart-container .cart-summary .block.shipping select,
.main-content .cart-container .cart-summary .block.discount select,
.main-content .cart-container .cart-summary .block.shipping input,
.main-content .cart-container .cart-summary .block.discount input {
border-radius: 5px;
width: 100%;
}
.main-content .cart-container .cart-summary .block.shipping .item-title,
.main-content .cart-container .cart-summary .block.discount .item-title {
font-weight: 500;
font-size: 14px;
color: #333;
margin: 0 0 5px;
}
.main-content .cart-container .cart-summary .block.shipping .item-options,
.main-content .cart-container .cart-summary .block.discount .item-options {
margin: 0;
}
.main-content .cart-container .cart-summary .block.shipping .item-options .radio,
.main-content .cart-container .cart-summary .block.discount .item-options .radio {
float: left;
margin: 0 8px 0 0;
}
.main-content .cart-container .cart-summary .block.shipping .item-options .label,
.main-content .cart-container .cart-summary .block.discount .item-options .label {
vertical-align: top;
font-weight: normal;
padding: 0;
}
.main-content .cart-container .cart-summary .cart-totals th,
.main-content .cart-container .cart-summary .cart-totals td {
border: none;
}
.main-content .cart-container .cart-summary .cart-totals .price {
color: #333;
}
.main-content .cart-container .cart-summary .cart-totals .grand.totals {
border-top: 1px solid #ccc;
}
.main-content .cart-container .cart-summary .checkout button {
padding: 0;
}
.main-content .cart-container .cart-summary .checkout button span {
line-height: 30px;
}
.main-content .cart-container .cart-summary .message.warning {
font-size: 12px;
}
.main-content .cart-container .form-cart .cart.table-wrapper .product-item-name {
margin-top: 13px;
}
.main-content .cart-container .form-cart .cart.table-wrapper thead .col {
text-align: center;
border: 0;
font-weight: 400;
padding: 20px 10px;
font-size: 13px;
border-bottom: 1px solid #eef2f5;
text-transform: uppercase;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody {
border: none;
background: #fff;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col {
border: none;
vertical-align: middle;
padding: 15px;
text-align: center;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col .price {
color: #666666;
font-weight: 400;
font-size: 20px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col .product-item-details {
vertical-align: middle;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .col.qty input {
margin: 0;
color: #575b70;
border: 0;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td {
padding: 10px;
border-top: none;
border-bottom: 1px solid #f2f2f2;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action {
padding: 0;
margin-top: 0;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action:hover {
opacity: 1;
color: #f45c5d;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action:before {
-webkit-font-smoothing: antialiased;
font-size: 28px;
line-height: 28px;
color: #575b70;
content: '\e606';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action:after {
font-size: 28px;
line-height: 25px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action.action-delete:before {
content: '\e604';
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar .action.action-edit:before {
content: '\f044';
font-family: FontAwesome;
font-size: 15px;
line-height: 27px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar button:before {
display: none !important;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody .item-actions td .actions-toolbar button span {
line-height: 30px;
}
.main-content .cart-container .form-cart .cart.table-wrapper tbody.cart.item:nth-of-type(2n+2) {
background: #fff;
}
.main-content .cart-container .form-cart .cart.actions .action {
padding: 0;
}
.main-content .cart-container .form-cart .cart.actions .action.continue {
background: none;
border: 0;
}
.main-content .cart-container .form-cart .cart.actions .action.continue:hover {
background-position: 0 100%;
}
.main-content .cart-container .form-cart .cart.actions .action.continue:hover span {
color: #f45c5d;
border-color: #f45c5d !important;
}
.main-content .cart-container .form-cart .cart.actions .action:before {
line-height: inherit;
display: none;
}
.main-content .cart-container .form-cart .cart.actions .action span {
line-height: 34px;
padding: 0 25px;
display: block;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
border: 2px solid #f2f2f2;
border-radius: 20px;
text-align: center;
white-space: nowrap;
}
.main-content .block.crosssell > .title {
color: #5a5a5a;
text-transform: uppercase;
}
.main-content .checkout-success .actions-toolbar {
margin-top: 30px;
}
/*testimonial---------------------------------*/
.pt-testimonial-container {
margin: 50px 0 0;
}
.pt-testimonial {
padding: 30px 0 0;
}
.pt-testimonial .testimonial-image {
margin-bottom: 20px;
display: block;
}
.pt-testimonial .testimonial-image img {
width: 100px;
border-radius: 100%;
}
.pt-testimonial .des-container {
padding: 15px;
}
.pt-testimonial .des-container .testimonial-des {
color: #262b32;
font-size: 12px;
line-height: 23px;
font-style: italic;
}
.pt-testimonial .des-container .name {
font-size: 12px;
color: #363636;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
padding-right: 5px;
margin-top: 15px;
}
.pt-testimonial-item .testimonial-item li {
overflow: hidden;
margin: 30px 0;
}
.pt-testimonial-item .testimonial-item li .testimonial-image {
float: left;
width: 100px;
display: block;
}
.pt-testimonial-item .testimonial-item li .testimonial-content {
margin-left: 130px;
}
.pt-testimonial-item .testimonial-item li .testimonial-content .name-job {
overflow: hidden;
margin-bottom: 15px;
}
.pt-testimonial-item .testimonial-item li .testimonial-content .name-job .testimonial-name {
float: left;
margin-right: 15px;
font-size: 19px;
text-transform: capitalize;
vertical-align: middle;
}
.pt-testimonial-item .testimonial-item li .testimonial-content .name-job .testimonial-job {
float: left;
vertical-align: middle;
font-size: 14px;
font-style: italic;
line-height: 19px;
}
.pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-email {
color: #f45c5d;
font-size: 14px;
margin-bottom: 10px;
}
.pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-testimonial {
margin-bottom: 15px;
}
.pt-testimonial-item .testimonial-item li .testimonial-content .testimonial-created-time {
font-style: italic;
}
/*brands---------------------------------*/
.ma-brand-slider-contain {
border-top: 1px solid #f5f5f5;
}
.pt-brand-container {
position: relative;
padding: 30px 0;
}
.pt-brand-container .owl-wrapper-outer .owl-item {
padding: 0 15px;
}
.pt-brand-container .owl-wrapper-outer .owl-item.active:last-child {
border: 0;
}
.pt-brand-container .owl-wrapper-outer .owl-item .item-inner p {
margin: 0;
}
/*custom all-------------------------------------------*/
.customer-account-login .page-title-wrapper .page-title,
.customer-account-create .page-title-wrapper .page-title {
margin: 30px 0 30px;
}
.customer-account-create .actions-toolbar {
margin: 0 !important;
}
.customer-account-create .actions-toolbar .primary {
float: right;
}
.customer-account-create .actions-toolbar .secondary {
float: left;
}
.footer-container .footer-middle {
padding: 50px 0;
background: #fbfbfb;
}
.footer-container .footer-middle p {
color: #444;
line-height: 24px;
margin: 0;
}
.footer-container .footer-middle .f-col .footer-title {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.footer-container .footer-middle .f-col .footer-title h2 {
font-size: 18px;
text-transform: uppercase;
color: #444;
margin: 0;
line-height: 30px;
font-weight: 700;
display: block;
}
.footer-container .footer-middle .f-col .footer-title h2:after {
content: "";
display: block;
height: 3px;
width: 40px;
background: #f45c5d;
}
.footer-container .footer-middle .f-col .footer-content {
color: #444;
margin-top: 25px;
font-size: 12px;
font-weight: 400;
}
.footer-container .footer-middle .f-col .footer-content .box {
padding: 25px 15px;
background: #fff;
border-color: #f5f5f5;
border-style: solid;
border-width: 0 1px 1px;
}
.footer-container .footer-middle .f-col .footer-content .link-web {
margin: 25px 0 0;
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li {
display: inline-block;
margin: 10px 10px 0 0;
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a {
display: block;
font-size: 0;
width: 38px;
height: 38px;
padding: 0;
line-height: 36px;
text-align: center;
border: 1px solid #cbcbcb;
color: #cbcbcb;
border-radius: 100%;
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a:hover {
color: #f45c5d;
border-color: #f45c5d;
background: none;
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a:before {
display: inline-block;
font-size: 18px;
font-family: FontAwesome;
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a.face:before {
content: "\f09a";
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a.twitter:before {
content: "\f099";
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a.rss:before {
content: "\f09e";
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a.google:before {
content: "\f0d5";
}
.footer-container .footer-middle .f-col .footer-content .link-web ul li a.print:before {
content: "\f0d2";
}
.footer-container .footer-middle .f-col.f-col3 .box {
border: 1px solid #f5f5f5;
min-height: 120px;
margin-bottom: 11px;
padding: 25px;
}
.footer-container .footer-middle .f-col.f-col3 .box:hover {
background: #f45c5d;
}
.footer-container .footer-middle .f-col.f-col3 .box:hover .box-inner h3,
.footer-container .footer-middle .f-col.f-col3 .box:hover .box-inner p {
color: #fff;
}
.footer-container .footer-middle .f-col.f-col3 .box .box-inner {
padding-left: 75px;
margin-top: 15px;
}
.footer-container .footer-middle .f-col.f-col3 .box .box-inner h3 {
font-size: 14px;
color: #444;
margin: 0 0 5px;
font-weight: bold;
}
.footer-container .footer-middle .f-col.f-col3 .box .box-inner p {
color: #444;
line-height: 24px;
margin: 0;
}
.footer-container .footer-middle .f-col.f-col3 .box.box1:hover .box-inner {
background-position: 0 -143px;
}
.footer-container .footer-middle .f-col.f-col3 .box.box1 .box-inner {
background: url(../images/shipping.png) 0 0 no-repeat;
}
.footer-container .footer-middle .f-col.f-col3 .box.box2:hover .box-inner {
background-position: 0 -131px;
}
.footer-container .footer-middle .f-col.f-col3 .box.box2 .box-inner {
background: url(../images/order_online.png) 0 0 no-repeat;
}
.footer-container .footer-middle .f-col.f-col3 .box.box3 {
margin-bottom: 0;
}
.footer-container .footer-middle .f-col.f-col3 .box.box3:hover .box-inner {
background-position: 0 -143px;
}
.footer-container .footer-middle .f-col.f-col3 .box.box3 .box-inner {
background: url(../images/money_back.png) 0 0 no-repeat;
}
.footer-container .footer-middle .block.newsletter {
width: auto;
margin: 0;
}
.footer-container .footer-middle .block.newsletter .title {
display: block;
}
.footer-container .footer-middle .block.newsletter .content {
width: 100%;
}
.footer-container .footer-middle .block.newsletter .field {
margin: 0;
}
.footer-container .footer-middle .block.newsletter .field .label {
display: inline-block;
margin: 0 0 5px 0;
position: static;
height: auto;
width: auto;
font-weight: normal;
color: #74797f;
font-size: 14px;
overflow: inherit;
}
.footer-container .footer-middle .block.newsletter .field .control:before {
display: none;
}
.footer-container .footer-middle .block.newsletter .field .control input {
display: block;
height: 41px;
width: 100%;
margin: 3px 0;
padding: 4px 10px;
background: #fff;
border: 1px solid #f45c5d;
}
.footer-container .footer-middle .block.newsletter .field .control input.mage-error {
border: 1px dashed #eb340a !important;
background: #faebe7 !important;
}
.footer-container .footer-middle .block.newsletter .field .control input:focus {
outline: none;
box-shadow: none;
}
.footer-container .footer-middle .block.newsletter .field .control #newsletter-error {
position: absolute;
top: 100%;
font-size: 12px;
color: #ff0000;
}
.footer-container .footer-middle .block.newsletter .field .control .actions {
margin: 10px 0 0;
float: left;
padding: 0;
display: inline-block;
width: 100%;
}
.footer-container .footer-middle .block.newsletter .field .control .actions button.subscribe {
margin: 0;
}
.footer-container .footer-middle .block.newsletter .field .control .actions button.subscribe span {
font-weight: bold;
color: #FFF;
letter-spacing: 0;
font-size: 13px;
line-height: 33px;
}
.footer-container .footer-middle .block.newsletter .field .control .actions button.subscribe:hover {
background: #000;
}
.footer-container .footer-bottom {
text-align: center;
background: #262b32;
}
.footer-container .footer-bottom .footer {
padding: 50px 0;
text-align: left;
color: #74797f;
border-bottom: 1px solid #2a2f36;
}
.footer-container .footer-bottom .footer .footer-static-title h2 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 30px;
}
.footer-container .footer-bottom .footer .footer-static-content .icon {
position: relative;
padding: 0 0 0 48px;
display: block;
min-height: 33px;
margin-bottom: 20px;
}
.footer-container .footer-bottom .footer .footer-static-content .icon:before {
display: inline-block;
text-align: center;
font-size: 18px;
font-family: FontAwesome;
border: 2px solid #74797f;
border-radius: 100%;
margin-right: 10px;
width: 33px;
height: 33px;
line-height: 29px;
position: absolute;
left: 0;
top: 50%;
color: #fff;
margin-top: -16px;
font-size: 14px;
}
.footer-container .footer-bottom .footer .footer-static-content .icon.address:before {
content: "\f041";
}
.footer-container .footer-bottom .footer .footer-static-content .icon.phone:before {
content: "\f095";
}
.footer-container .footer-bottom .footer .footer-static-content .icon.email {
padding-top: 12px;
}
.footer-container .footer-bottom .footer .footer-static-content .icon.email:before {
content: "\f003";
}
.footer-container .footer-bottom .footer .footer-static-content .icon.website {
padding-top: 12px;
margin: 0;
}
.footer-container .footer-bottom .footer .footer-static-content .icon.website:before {
content: "\f0ac";
}
.footer-container .footer-bottom .footer .footer-static-content ul {
display: inline;
}
.footer-container .footer-bottom .footer .footer-static-content ul li:first-child a {
padding-top: 0;
}
.footer-container .footer-bottom .footer .footer-static-content ul li a {
display: block;
line-height: 16px;
padding: 10px 0;
text-transform: capitalize;
font-size: 12px;
text-decoration: none;
color: #74797f;
}
.footer-container .footer-bottom .footer .footer-static-content ul li a:hover {
color: #f45c5d;
}
.footer-container .footer-bottom .footer .payment {
margin: 30px 0 0;
}
.footer-container .footer-bottom .footer .f-col4 .footer-static-content ul li {
padding: 10px 0;
}
.footer-container .footer-bottom .footer .f-col4 .footer-static-content ul li.first {
padding-top: 0;
}
.footer-container .footer-bottom .footer .f-col4 .footer-static-content ul li .time {
float: right;
}
.footer-container .footer-bottom ul.links {
padding: 23px 0;
display: block;
border-bottom: 1px solid #2a2f36;
}
.footer-container .footer-bottom ul.links li {
display: inline-block;
}
.footer-container .footer-bottom ul.links li.first {
padding-left: 0 !important;
}
.footer-container .footer-bottom ul.links li.last {
background: none !important;
}
.footer-container .footer-bottom ul.links li.last a {
border: 0;
}
.footer-container .footer-bottom ul.links li a {
color: #74797f;
padding: 0 15px;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
line-height: 13px;
font-weight: 500;
display: block;
}
.footer-container .footer-bottom ul.links li a:hover {
color: #f45c5d;
}
.footer-container .footer-bottom address {
margin: 0;
text-transform: capitalize;
line-height: 30px;
font-size: 12px;
color: #74797f;
padding: 15px 0;
}
.link-web {
margin-top: 5px;
}
.link-web ul li {
display: inline-block;
margin-right: 5px;
margin-top: 5px;
}
#back_top {
background: url(../images/back_top.png) no-repeat scroll 50% 50% #f45c5d;
bottom: 35px;
display: none;
height: 55px;
position: fixed;
right: 12px;
width: 55px;
z-index: 9999;
border-radius: 3px;
cursor: pointer;
}
#back_top:hover {
background-color: #f78c8c;
}
#back_top span {
display: none;
}
.contact-index-index .form.contact {
width: 100% !important;
}
.contact-index-index .form.contact .fieldset {
width: 100%;
}
.messages {
bottom: 0;
left: 0;
width: 100%;
z-index: 99999999;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.page-layout-2columns-left .sidebar-main,
.page-layout-2columns-right .sidebar-main {
width: auto;
float: none;
}
.sidebar .block {
font-size: 13px;
}
.sidebar .block.filter .block-title {
margin-bottom: 20px;
position: relative;
border-bottom: 1px solid #000;
}
.sidebar .block.filter .block-title strong {
padding: 16px;
background: #282828;
color: #fff;
font-size: 12px;
text-transform: uppercase;
display: block;
margin: 0;
line-height: 20px;
font-weight: 700;
}
.sidebar .block.filter .block-content {
border: 1px solid #f5f5f5;
padding: 17px;
}
.sidebar .block.filter .block-content .block-subtitle {
display: none;
}
.sidebar .block.filter .block-content .filter-options .filter-options-title {
margin: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
position: relative;
display: block;
font-size: 13px;
color: #000;
text-transform: uppercase;
font-weight: 700;
line-height: 26px;
}
.sidebar .block.filter .block-content .filter-options.active .filter-options-title:after {
content: "\f106";
}
.sidebar .block.filter .block-content .filter-options .filter-options-content {
overflow: hidden;
margin: 0;
margin-bottom: 25px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 20px;
margin-top: 15px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content:last-child {
margin-bottom: 0;
border-bottom: 0;
padding: 0;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item {
font-size: 12px;
color: #797979;
line-height: 39px;
text-transform: capitalize;
font-weight: 400;
position: relative;
text-align: right;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a {
width: 100%;
text-align: left;
color: #f45c5d;
color: #797979;
float: left;
clear: both;
font-weight: 400;
font-size: 12px;
text-transform: capitalize;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a:before {
content: "\f101";
display: inline-block;
margin-right: 10px;
font-family: FontAwesome;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a:hover {
color: #f45c5d;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a:hover .count {
color: #f45c5d;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item:last-child {
border-bottom: 0;
}
.sidebar .block.filter .block-content .filter-options .filter-options-item:last-child .filter-options-title {
border: 0;
margin: 0;
padding: 0;
}
.sidebar .block.filter .block-content .filter-options .count {
float: right;
}
.sidebar .block .empty {
padding: 10px 20px;
border-left: 2px solid #f45c5d;
}
.sidebar .block .filter-current strong {
display: none;
}
.sidebar .block .filter-current ol.items li {
padding: 6px 24px 6px 10px;
z-index: 1;
line-height: 1.5;
background: #ffffff url(../images/bkg_block-layered-li.gif) 0 100% repeat-x;
position: relative;
font-size: 12px;
text-align: left;
margin: 0;
}
.sidebar .block .filter-current ol.items li .filter-label {
font-weight: normal;
padding-left: 15px;
text-transform: uppercase;
text-align: left;
background: url(../images/bkg_block-layered-label.gif) 0 4px no-repeat;
display: inline-block;
vertical-align: top;
}
.sidebar .block .filter-current ol.items li .filter-value {
display: inline-block;
vertical-align: top;
}
.sidebar .block .filter-current ol.items li .action.remove {
position: absolute;
right: 4px;
top: 9px;
margin: 0;
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
background: url(../images/btn_remove.gif) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
}
.sidebar .block .filter-current ol.items li .action.remove span {
width: 100%;
margin: 15px 0 0;
font-weight: 600;
font-size: 0;
text-transform: uppercase;
}
.sidebar .block .block-actions {
font-size: 11px;
padding: 4px 5px 4px 9px;
background: #cad6e4;
border: 1px solid #dee5e8;
border-width: 1px 0;
text-align: right;
}
.block .block-title {
margin: 0 0 20px;
}
.block .block-title strong {
font-size: 18px;
color: #2b2b2b;
text-transform: uppercase;
}
.block .block-content {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.block .block-content .box {
margin-bottom: 20px;
}
.block .block-content .box .box-title {
font-weight: 700;
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.block.block-collapsible-nav {
margin: 34px auto 0;
}
.block.block-collapsible-nav .title {
height: auto;
width: auto;
margin: 0;
position: static;
}
.block.block-collapsible-nav .title strong {
font-size: 18px;
font-weight: 400;
color: #2b2b2b;
text-transform: uppercase;
}
.block.block-collapsible-nav .content {
background: none;
}
.block.block-collapsible-nav .content .items .item:before {
display: inline-block;
color: #d8d8d8;
font-size: 40px;
font-family: FontAwesome;
vertical-align: middle;
margin-right: 10px;
}
.block.block-dashboard-info,
.block.block-dashboard-addresses {
width: 50%;
float: left;
}
.login-container .block .block-title {
border-color: #f45c5d;
}
.login-container .fieldset {
position: relative;
}
.login-container .fieldset:after {
position: absolute;
margin: 0 !important;
top: 0;
right: 0;
font-size: 14px;
}
.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account {
width: 100% !important;
}
.form.password.reset .fieldset,
.form.send.confirmation .fieldset,
.form.password.forget .fieldset,
.form.create.account .fieldset {
width: 50%;
float: left;
}
.form.password.reset .actions-toolbar,
.form.send.confirmation .actions-toolbar,
.form.password.forget .actions-toolbar,
.form.create.account .actions-toolbar {
clear: both;
}
.fieldset > .legend {
width: auto;
font-size: 18px;
color: #2b2b2b;
text-transform: uppercase;
margin-left: 0 !important;
}
.fieldset > .field:not(.choice) > .label {
text-align: left !important;
}
.page-products .toolbar .limiter {
display: block;
}
.catalog-category-view .main-content {
margin: 30px auto 0;
padding: 0;
}
.catalog-category-view .main-content .main {
padding: 0 0 30px !important;
}
.catalog-category-view .category-view {
margin-bottom: 40px;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper legend {
font-weight: 600;
font-size: 18px;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper label {
font-weight: 600;
font-size: 14px;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper .nested.options-list input {
display: inline-block;
}
.bundle-options-container .product-add-form .bundle-options-wrapper .product-options-wrapper .nested.options-list label {
padding: 0 5px;
font-weight: 400;
}
.bundle-options-container .product-add-form .block-bundle-summary .title {
margin-bottom: 15px;
text-transform: uppercase;
}
.bundle-options-container .product-add-form .block-bundle-summary .title strong {
font-weight: 600;
font-size: 18px;
}
.bundle-options-container .product-add-form .block-bundle-summary .product-details {
margin-top: 20px;
}
.bundle-options-container .product-add-form .block-bundle-summary .product-details .product.name {
font-weight: 400;
font-size: 18px;
margin-bottom: 15px;
display: block;
}
.bundle-options-container .product-add-form .block-bundle-summary .product-details .product-addto-links a {
font-size: 13px;
font-weight: 400;
text-transform: inherit;
color: #444444;
border: 1px solid #cccccc;
padding: 6px 12px 5px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.bundle-options-container .product-add-form .block-bundle-summary .bundle-summary strong.subtitle {
font-weight: 600;
font-size: 18px;
}
.bundle-options-container .product-add-form .block-bundle-summary .bundle-summary ul li strong.label {
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
display: block;
text-align: left;
}
.page-product-downloadable .product-options-bottom {
float: left !important;
width: 100% !important;
}
.product-add-form .product-options-wrapper .downloads label {
display: block;
margin-bottom: 10px;
}
.product-add-form .product-options-wrapper .downloads label span {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.product-add-form .product-options-wrapper .downloads #downloadable-links-list label {
float: left;
margin-right: 10px;
}
.product-add-form .product-options-wrapper .downloads #downloadable-links-list label span {
font-size: 14px;
text-transform: capitalize;
}
.product-add-form .product-options-bottom {
float: left;
width: 100%;
}
.product-add-form .product-options-bottom .price-box {
margin-top: 10px;
}
.product-add-form .product-options-bottom .price-box .price-container {
line-height: 30px;
}
.product-add-form .product-options-bottom .box-tocart {
margin: 0 0 0 20px;
}
.product-add-form .product-options-bottom .box-tocart .field.qty {
display: block !important;
}
.product-add-form .product-options-bottom .product-social-links .product-addto-links {
display: inline-block;
vertical-align: middle;
}
.product-add-form .product-options-bottom .product-social-links .product-addto-links .action:before {
display: inline-block;
}
.product-add-form .product-options-bottom .product-social-links .product-addto-links .action span {
position: static;
}
.product-add-form .product-options-bottom .product-social-links .action {
display: block;
vertical-align: middle;
}
.product-view .product-info-main {
width: 100% !important;
}
.product-view .product-info-main .page-title-wrapper {
margin: 0 0 5px;
}
.product-view .product-info-main .page-title-wrapper .page-title {
color: #f45c5d;
margin: 0;
font-size: 24px;
color: #3f3f3f;
text-transform: capitalize;
font-weight: 600;
}
.product-view .product-info-main .box-price-review {
position: relative;
overflow: hidden;
}
.product-view .product-info-main .product-info-stock-sku {
margin: 10px 0 0;
}
.product-view .product-info-main .product-info-stock-sku .available {
text-transform: capitalize;
font-size: 12px;
color: #848484;
}
.product-view .product-info-main .product-info-stock-sku .available label {
font-weight: normal;
margin: 0;
}
.product-view .product-info-main .product-info-stock-sku .available span {
font-weight: normal;
color: #f45c5d;
}
.product-view .product-info-main .product-info-stock-sku .sku {
color: #f45c5d;
display: none;
}
.product-view .product-info-main .product-reviews-summary {
margin: 4px 0 !important;
position: absolute;
top: 0;
right: 0;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions {
font-size: 11px;
line-height: 1.25;
text-transform: capitalize;
margin: 2px 0 0 5px;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action {
float: left;
text-decoration: none;
color: #b3b3b3;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action:hover {
color: #f45c5d;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action.view {
display: block;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action.view:after {
content: "|";
padding: 0 0 0 5px;
font-size: 10px;
vertical-align: top;
color: #b3b3b3;
}
.product-view .product-info-main .product-reviews-summary .reviews-actions .action.add {
display: block;
}
.product-view .product-info-main .overview {
margin: 15px 0;
color: #777;
line-height: 23px;
padding: 15px 0;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.product-view .product-info-main .price-box {
margin: 0;
}
.product-view .product-info-main .price-box .price {
display: inline-block;
font-family: Poppins;
color: #f45c5d;
font-weight: 700;
}
.product-view .product-info-main .price-box .old-price .price {
color: #838383;
text-decoration: line-through;
font-weight: 400;
font-size: 14px;
}
.product-view .product-info-main .price-box.price-final_price .price-from .price-container .price-label {
display: inline-block;
}
.product-view .product-info-main .price-box.price-final_price .price-to .price-container .price-label {
display: inline-block;
}
.product-view .product-info-main .price-box.price-final_price .price-container .price {
font-size: 14px;
}
.product-view .product-info-main .samples dt.samples-item-title {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
display: block;
}
.product-view .product-info-main .samples .samples-item {
float: left;
margin: 0 10px 0 0;
font-size: 13px;
}
.product-view .product-info-main .product-add-form .box-tocart {
width: 100%;
margin: 15px 0;
overflow: hidden;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty {
float: left;
margin: 0;
padding: 0;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty label {
float: left;
margin: 0 10px 0 0;
line-height: 38px;
font-weight: 400;
font-family: arial;
color: #000;
font-size: 12px;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty .control {
display: inline-block;
}
.product-view .product-info-main .product-add-form .box-tocart .field.qty .control input {
width: 38px !important;
height: 38px;
color: #777;
text-align: center;
font-weight: 700;
border-radius: 100%;
font-size: 12px;
padding: 0 2px 0 10px !important;
}
.product-view .product-info-main .product-add-form .box-tocart .actions {
padding: 0;
}
.product-view .product-info-main .product-add-form .box-tocart .actions .tocart {
padding: 0;
float: left;
margin-left: 10px;
border: 0;
width: auto;
}
.product-view .product-info-main .product-add-form .box-tocart .actions .tocart:hover {
background: none;
}
.product-view .product-info-main .product-add-form .box-tocart .actions .tocart span {
font-weight: 600;
color: #777;
padding-left: 55px;
background: url(../images/icon_cart_list.png) 25px 7px no-repeat;
}
.product-view .product-info-main .product-add-form .box-tocart .actions .tocart span:hover {
color: #f45c5d;
background-position: 25px -61px;
}
.product-view .product-info-main .product-social-links {
width: 100%;
float: left;
padding: 15px 0;
margin: 0 0 15px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: none;
}
.product-view .product-info-main .product-social-links .product-addto-links {
float: left;
margin: 0;
font-size: 12px !important;
line-height: 1.25 !important;
text-align: left !important;
}
.product-view .product-info-main .product-social-links .product-addto-links .action {
float: left;
border: 0;
background: 0;
padding: 0;
margin: 0;
margin-right: 5px;
padding-right: 5px;
display: block;
}
.product-view .product-info-main .product-social-links .product-addto-links .action span {
position: relative;
color: #f45c5d;
display: block;
font-size: 0;
line-height: 0;
color: #000;
text-align: center;
width: 38px;
height: 38px;
border-radius: 100%;
float: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main .product-social-links .product-addto-links .action span:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 100%;
border: 1px solid #e5e5e5;
}
.product-view .product-info-main .product-social-links .product-addto-links .action:hover span:before {
border-color: #f45c5d;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.towishlist span {
background: url(../images/icon_wishlist_list.png) no-repeat 0 0;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.towishlist span:hover {
background-position: 0 100%;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.tocompare span {
background: url(../images/icon_compare_list.png) no-repeat 0 0;
}
.product-view .product-info-main .product-social-links .product-addto-links .action.tocompare span:hover {
background-position: 0 100%;
}
.product-view .product-info-main .product-social-links .action {
float: left;
margin: 0;
font-size: 12px !important;
line-height: 1.25 !important;
text-align: left !important;
}
.product-view .product-info-main .product-social-links .action.mailto {
float: left;
margin-right: 5px;
padding-right: 5px;
}
.product-view .product-info-main .product-social-links .action.mailto span {
position: relative;
font-size: 0;
width: 38px;
height: 38px;
border: 1px solid #e5e5e5;
display: block;
border-radius: 100%;
line-height: 36px;
text-align: center;
color: #b9b9b9;
}
.product-view .product-info-main .product-social-links .action.mailto span:before {
display: inline-block;
font-size: 14px;
font-family: FontAwesome;
content: "\f0e0";
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
}
.product-view .product-info-main .product-social-links .action.mailto:hover span {
color: #f45c5d;
border-color: #f45c5d;
}
.product-view .product-info-main .product-social-links .action.mailto:hover span:before {
color: #f45c5d;
}
.product-view .product-info-main .product-social-links .action.mailto:before {
display: none;
}
.product-view .product.detailed {
margin-top: 30px;
}
.product-view .product.detailed .data.items .item.title {
display: inline-block;
margin: 0 0 0 35px;
z-index: 1;
position: relative;
border: 0;
font-weight: normal;
}
.product-view .product.detailed .data.items .item.title:first-child {
margin-left: 0;
}
.product-view .product.detailed .data.items .item.title a {
display: block;
font-size: 14px;
color: #999;
line-height: 40px;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
position: relative;
border: 0;
background: none;
padding: 0 !important;
height: auto;
}
.product-view .product.detailed .data.items .item.title a:after {
content: "";
display: block;
height: 3px;
width: 0;
background: #f45c5d;
transition: all 0.3s ease-out;
position: absolute;
bottom: -1px;
left: 0;
}
.product-view .product.detailed .data.items .item.title.active a,
.product-view .product.detailed .data.items .item.title:hover a {
color: #f45c5d;
}
.product-view .product.detailed .data.items .item.title.active a:after,
.product-view .product.detailed .data.items .item.title:hover a:after {
width: 100%;
}
.product-view .product.detailed .data.items .item.content {
overflow: hidden;
background: #fff;
margin-top: 40px;
border: 0;
border-top: 1px solid #f8f8f8;
color: #959595;
line-height: 26px;
padding: 0;
}
.product-view .product.detailed .data.items .item.content .lines {
padding: 20px;
margin-top: 40px;
border: 1px solid #f8f8f8;
}
.product-view .product.detailed .data.items .item.content p {
margin: 0;
}
.product-view .product.detailed .data.items .item.content .review-form-actions .action.submit.primary {
width: auto;
background: 0;
border: 0;
}
.product-view .product.detailed .data.items .item.content .review-form-actions .action.submit.primary span {
line-height: 30px;
}
.product-view .product.detailed .data.items .review-toolbar {
border: 0;
}
.product-view .product.detailed .data.items .review-toolbar .toolbar:before {
display: none;
}
.product-view .product.detailed .data.items .review-toolbar .limiter {
background: #fff;
padding: 5px 10px;
}
.product-view .related {
margin-bottom: 45px;
}
.product-view .related .group-title1 {
background: none;
border: none;
}
.product-view .related .group-title1 h2 {
min-width: auto;
font-size: 18px;
text-transform: uppercase;
color: #444;
margin: 0;
line-height: 30px;
font-weight: 700;
display: block;
background: 0;
padding: 0;
}
.product-view .related .group-title1 h2:before {
display: none;
}
.product-view .related .group-title1 h2:after {
content: "";
display: block;
height: 3px;
width: 40px;
background: #f45c5d;
}
.product-view .related .block-content .block-actions {
display: none;
}
.product-view .related .block-content .item .item-inner {
padding: 0;
overflow: hidden;
margin: 30px 0;
}
.product-view .related .block-content .item .item-inner:hover .image-container:before {
opacity: 0;
}
.product-view .related .block-content .item .item-inner:hover .image-container a {
border-color: #f45c5d;
}
.product-view .related .block-content .item .item-inner .image-container {
width: 123px;
float: left;
}
.product-view .related .block-content .item .item-inner .image-container a {
border: 1px solid #fafafa;
padding: 3px;
}
.product-view .related .block-content .item .item-inner .box-info {
margin-left: 142px;
text-align: left;
padding: 0;
}
.product-view .related .block-content .item .item-inner .box-info .product-item-name {
margin: 0 0 5px;
}
.product-view .related .block-content .item .item-inner .box-info .product-item-name a {
font-size: 12px;
}
.product-view .related .block-content .item .item-inner .box-info .actions-primary {
display: none;
}
.product-view .related .block-content .item .choice.related {
display: none;
}
.product-view .upsell {
margin-bottom: 20px;
margin-top: 30px;
}
.product-view .upsell .owl-container .owl-theme .owl-controls {
margin-top: 0;
}
.product-view .upsell .product-item-name {
min-height: auto !important;
}
.product-view .product-media .fotorama__nav-wrap--horizontal {
margin-top: 1em;
}
.table-comparison .cell {
width: auto;
}
.catalog-product-view .main {
padding: 0px 0 !important;
}
.fotorama__nav--thumbs {
text-align: center;
}
.post-list-wrapper .post-list .post-holder {
background: none;
padding: 0;
margin-bottom: 70px;
}
.post-list-wrapper .post-list .post-holder:last-child {
margin: 0;
}
.post-list-wrapper .post-list .post-holder:hover {
box-shadow: none;
}
.post-list-wrapper .post-list .post-holder .post-images {
position: relative;
}
.post-list-wrapper .post-list .post-holder .post-images img {
width: 100%;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-posed-date {
text-transform: uppercase;
text-align: center;
position: absolute;
top: 5px;
left: 5px;
padding: 10px;
background: #fff;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-posed-date .day {
color: #424242;
display: block;
font-size: 20px;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-posed-date .month {
color: #424242;
display: block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .dash {
display: none;
}
.post-list-wrapper .post-list .post-holder .post-images .post-info .post-categories {
display: none;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title {
margin-bottom: 20px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a {
color: #333;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a:hover {
color: #f45c5d;
}
.post-list-wrapper .post-list .post-holder .post-content .post-description {
line-height: 22px;
font-size: 14px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-read-more {
float: none;
color: #fff;
background: #f45c5d;
line-height: 40px;
display: inline-block;
padding: 0 23px;
font-weight: 600;
font-size: 13px;
margin-top: 20px;
text-decoration: none;
text-transform: uppercase;
}
.post-list-wrapper .post-list .post-holder .post-content .post-read-more:hover {
background: #666;
}
.blog-search .action.search:hover:before {
color: #f45c5d !important;
}
.related .block-title {
margin: 0;
}
.related .group-title1 h2 strong {
text-transform: capitalize;
color: #fff;
font-weight: 600;
font-size: 20px;
}
.related .block-related-post .owl-container {
margin: 0 -8px;
}
.related .block-related-post .owl-container .owl-item {
padding: 0 8px;
}
.related .block-related-post .products-grid .product-item {
width: 100%;
}
.related .block-related-post .products-grid .product-item .product-item-info {
width: 100% !important;
}
.related .block-related-post .products-grid .product-item .product-item-info .product-item-actions {
margin: 0;
}
.post-view .post-holder {
background: none;
padding: 0;
margin-bottom: 70px;
}
.post-view .post-holder:last-child {
margin: 0;
}
.post-view .post-holder:hover {
box-shadow: none;
}
.post-view .post-holder .post-images {
position: relative;
}
.post-view .post-holder .post-images .post-info .post-posed-date {
margin: 20px 0 0;
text-transform: uppercase;
text-align: left;
}
.post-view .post-holder .post-images .post-info .post-posed-date span {
color: #424242;
display: inline-block;
font-size: 20px;
}
.post-view .post-holder .post-images .post-info .dash {
display: none;
}
.post-view .post-holder .post-images .post-info .post-categories {
margin: 20px 0 0;
}
.post-view .post-holder .post-images .post-info .post-categories .label {
padding: 0;
font-weight: 600;
}
form.contact {
margin-bottom: 50px;
}
.message.success {
font-size: 13px !important;
margin: 0;
}
.catalog-product-compare-index td.remove {
padding-bottom: 20px !important;
}
.catalog-product-compare-index .table > tbody {
border-top: 2px solid #f45c5d;
}
.catalog-product-compare-index .table > tbody th {
padding: 20px 0 0 10px;
display: inline-block;
border: 0 !important;
}
.catalog-product-compare-index .table > tbody th span {
position: inherit !important;
width: auto !important;
font-weight: 400;
font-size: 14px;
}
.catalog-product-compare-index .table > tbody td {
background: none !important;
border-left: 2px solid #f45c5d !important;
font-size: 13px !important;
}
.catalog-product-compare-index .table > tbody:last-child {
border-bottom: 2px solid #f45c5d !important;
}
@media screen and (max-width: 1200px) {
.header-container .top-link {
margin: 0;
padding: 0;
}
.header-container .top-link .customer-welcome .customer-menu ul li {
padding: 0;
}
.header-container .top-link .customer-welcome .customer-menu ul li:after {
display: none;
}
.header-container .top-link .customer-welcome .customer-menu ul li a {
font-size: 11px;
}
.header-container .header-content {
height: 0;
}
.header-container .header-content .logo-home {
text-align: center;
}
.header-container .header-content .logo-home .logo {
float: none;
position: static;
margin-bottom: 25px;
display: inline-block;
}
.header-container .header-content .quick-access {
height: 0;
}
.header-container .header-content .block-search {
float: none;
position: static;
}
.header-container .customer-welcome .customer-menu ul li a {
font-size: 10px;
}
.header-container .header-phone h2 {
font-size: 15px;
}
.header-container .header-bottom {
clear: both;
margin: 80px 0 0;
}
.header-container .header-mobile .block-search .control {
width: 75%;
display: inline-block;
margin: 0;
}
.header-container .header-mobile .block-search input {
display: inline-block;
position: inherit !important;
height: 33px;
width: 100%;
margin: -5px 0 0;
}
.banner-home .item-inner .product-name a {
font-size: 10px;
}
.item-content .countdown-container .timer {
width: 22%;
}
.item-content .countdown-container .timer b {
font-size: 11px;
}
.item-content .countdown-container .timer span {
font-size: 8px;
}
.item-content .price-cart .price-box .special-price .price {
font-size: 15px;
}
.item-content .price-cart .price-box .old-price .price {
font-size: 13px;
}
.catgrid .item .catlist-content .cat-images {
width: 130px;
}
.catgrid .item .catlist-content ul {
margin-left: 145px;
}
.main-content .product-item-name a {
font-size: 12px;
font-weight: 400;
}
.main-content .products-grid .products .item {
width: 50%;
}
.main-content .products-grid .products .item:nth-of-type(3n+1) {
clear: none;
}
.main-content .products-grid .products .item:nth-of-type(2n+1) {
clear: left;
}
.footer-container .footer-top .block.newsletter .field .text-newletter h3 {
font-size: 19px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a {
font-size: 20px;
}
.page-title-wrapper .page-title {
font-size: 25px;
}
.group-title h2,
.group-title1 h2 {
font-size: 14px;
}
.banner-static1 {
text-align: center;
}
.banner-static1 .banner-box1 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 996px) {
.owl-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
}
@media screen and (max-width: 992px) {
.header-container .header-link {
text-align: center;
}
.header-container .header-content {
text-align: center;
}
.header-container .header-content .logo-home .logo {
display: inline-block;
}
.header-container .header-content .header-phone {
float: none;
display: inline-block;
}
.b-modal,
#newsletter_pop_up {
display: none !important;
}
.banner-home .onsale-slider {
margin: 30px 0 0;
}
.banner-home .onsale-slider .item-inner .product-name a {
font-size: 12px;
}
.main-content .banner-static {
margin: 30px 0 50px;
}
.main-content .item-content .countdown-container .timer b {
font-size: 10px;
}
.main-content .item-content .price-cart .price-box {
margin: 7px 0 0;
}
.main-content .catgrid .item .catlist-content .cat-images {
width: 70px;
}
.main-content .catgrid .item .catlist-content ul {
margin-left: 80px;
padding: 0;
}
.main-content .catgrid .item .catlist-content ul a {
font-size: 10px;
margin-bottom: 10px;
}
.main-content .blog-slider .blog-image img {
width: 100%;
}
.footer-container .footer-top .block.newsletter .field .text-newletter {
display: block;
}
.footer-container .footer-top .block.newsletter .field .control {
float: none;
display: block;
width: auto;
margin-top: 30px;
}
.footer-container .footer-top .social-header {
text-align: left;
margin-top: 15px;
}
.footer-container .footer-bottom .f-col {
margin: 0;
border: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-container .footer-bottom .f-col:first-child {
border: 0;
}
.footer-container .footer-bottom .f-col.active .footer-static-title:after {
content: "\f106";
}
.footer-container .footer-bottom .f-col .footer-static-title {
cursor: pointer;
position: relative;
}
.footer-container .footer-bottom .f-col .footer-static-title:after {
content: "\f107";
display: block;
font-family: FontAwesome;
font-size: 20px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -15px;
color: #fff;
}
.footer-container .footer-bottom .f-col .footer-static-title h2 {
font-size: 14px;
line-height: 20px;
}
.footer-container .footer-bottom .f-col .footer-static-content {
display: none;
margin-top: 25px;
margin-bottom: 15px;
}
.footer-container .footer-bottom .f-col1 .footer-static-title,
.footer-container .footer-bottom .f-col1 .footer-static-content {
margin-top: 0;
}
.footer-container .footer-tag {
margin-top: 25px;
}
.footer-container .footer-top .block.newsletter {
margin: 20px 0 0;
}
.footer-container .footer-top .block.newsletter .field .control {
width: 50%;
}
.footer-container .footer-bottom .copyright {
text-align: left;
}
.footer-container .footer-bottom .footer-payment {
text-align: center;
margin-top: 20px;
}
.sidebar .block.filter .block-title strong {
font-size: 15px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-item .filter-options-title {
font-size: 13px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-item .filter-options-title:after {
font-size: 14px;
}
.sidebar .block-search .action.search {
right: -10px !important;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a {
font-size: 9px;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title a {
font-size: 16px;
}
.dsnone {
display: none;
}
.group-title h2,
.group-title1 h2 {
font-size: 12px;
}
}
@media screen and (max-width: 991px) {
.owl-container .owl-carousel .owl-controls .owl-buttons div {
display: block;
}
.product-view .product-info-main .product-reviews-summary {
position: static;
}
}
@media screen and (min-width: 768px) {
.page-wrapper .navigation,
.page-wrapper .breadcrumbs,
.page-wrapper .page-header .header.panel,
.page-wrapper .header.content,
.page-wrapper .footer.content,
.page-wrapper .page-wrapper > .widget,
.page-wrapper .page-wrapper > .page-bottom,
.page-wrapper .block.category.event,
.page-wrapper .top-container,
.page-wrapper .page-main {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.block-search {
padding: 0 !important;
}
}
@media screen and (max-width: 767px) {
#back_top {
display: none !important;
}
.header-container .header-mobile .block-search .form.minisearch {
height: 42px;
line-height: 42px;
}
.header-container .header-mobile .block-search .form.minisearch .label:before {
font-size: 24px;
}
.header-container .header-mobile .block-search .form.minisearch .control {
border: 0;
}
.header-container .header-mobile .box-right {
top: 0;
}
.opc-estimated-wrapper {
display: none;
}
.block-collapsible-nav {
position: static;
}
.main-content .banner-static .col img {
width: 100%;
}
.main-content .banner-static .col.col1 {
margin-bottom: 30px;
}
.main-content .catlist {
margin: 40px 0 0;
}
.main-content .catlist .catgrid .item .catlist-content .cat-images {
width: 130px;
}
.main-content .catlist .catgrid .item .catlist-content ul {
margin-left: 150px;
}
.main-content .catlist .catgrid .item .catlist-content ul a {
font-size: 13px;
}
.main-content .banner-center .col img {
width: 100%;
}
.main-content .banner-center .col.col2 {
margin: 30px 0;
}
.main-content .products-list .item .item-inner .image-container .btn-quickview {
bottom: 20px;
}
.cms-index-index .main {
margin: 30px auto 0;
}
.products.wrapper.list .product-reviews-summary {
margin: 0;
}
.post-list-wrapper .post-list .post-holder .post-content .post-title {
margin-top: 20px;
}
.sidebar .block-search {
margin: 20px 0 30px;
}
.sidebar .block-search .control {
clear: inherit;
border: 0;
}
.sidebar .block-search .control input {
position: inherit;
margin: 0;
width: 80%;
display: inline-block;
}
.sidebar .block-search .action.search {
right: -10px !important;
}
.product-view .product-info {
margin-top: 25px;
}
.product-view .product.detailed .data.items .item.title {
margin: 0;
}
.custom-slide {
position: static;
}
.custom-slide .modal-inner-wrap {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
.columns {
display: block;
}
.banner-left img {
width: 100%;
}
.banner-static-contain .banner-box,
.banner-home-content .banner-box {
margin-bottom: 30px;
}
.banner-static-contain .banner-box a img,
.banner-home-content .banner-box a img {
width: 100%;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.footer-middle .f-col {
margin-bottom: 30px;
}
.owl-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.banner-static2 {
text-align: center;
}
.banner-static2 .banner-box2 {
margin-top: 25px;
}
.sidebar .block.filter .block-content .filter-options .filter-options-content .items .item a {
font-size: 12px;
}
.banner-static1 {
text-align: center;
}
.banner-static1 .banner-box.banner-box3 {
margin-top: 20px;
}
.banner-static1 .banner-box1 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
.header-container .header-link .header-static .col {
margin: 0 0 10px;
display: inline-block;
clear: both;
text-align: left;
}
.header-container .header-link .header-static .col.col3 {
margin: 0;
}
.header-container .header-mobile {
text-align: right;
}
.header-container .header-mobile .box-right {
display: inline-block;
float: none;
position: static;
margin: 0;
vertical-align: middle;
}
.header-container .header-mobile .my-account {
text-align: left;
}
.header-container .header-mobile .block-search {
display: inline-block;
vertical-align: middle;
padding: 0 !important;
width: auto;
float: none;
margin: 0;
}
.header-container .header-mobile .block-search .block-title {
cursor: pointer;
display: block;
margin: 0;
}
.header-container .header-mobile .block-search .block-title strong {
display: block;
font-size: 0;
}
.header-container .header-mobile .block-search .block-title strong:before {
display: block;
font-family: FontAwesome;
content: "\f002";
font-size: 18px;
color: #444;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
}
.header-container .header-mobile .block-search .block-content {
background: #fff;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 100%;
z-index: 9999;
padding: 5px 0 0;
display: none;
}
.header-container .header-mobile .block-search .block-content .close-icon {
cursor: pointer;
display: block;
font-size: 0;
position: absolute;
width: 25px;
height: 25px;
right: 0;
bottom: 0;
}
.header-container .header-mobile .block-search .block-content .close-icon:before {
content: "\f00d";
color: #f45c5d;
display: block;
font-family: FontAwesome;
font-size: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 22px;
}
.header-container .header-mobile .block-search:hover .block-content {
display: block;
}
.product-item-actions {
display: block !important;
}
.footer-container .footer-top .block.newsletter .field .control {
width: auto;
}
.toolbar .toolbar-sorter {
display: none;
}
.toolbar .modes {
width: auto;
}
.page-products .toolbar .limiter {
display: none;
}
}
@media screen and (max-width: 480px) {
.main-content .producttab-container .group-title1 ul.tabs li {
font-size: 16px;
}
.main-content .categorytab-container ul.tabs li {
font-size: 16px;
}
.main-content .products-grid .products .item {
width: 100%;
}
.main-content .products-grid .products .item:nth-of-type(2n+1) {
clear: none;
}
.main-content .product-view .product-info .product-social-links .product-addto-links {
width: 100%;
margin: 0 0 3px;
}
.footer-container .footer-top .block.newsletter .field .text-newletter h3 {
font-size: 13px;
}
}
@media (max-width: 432px) {
.footer-container .footer-middle .footer-static-2 .payment ul li {
margin-top: 5px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.bestsellerproduct_container_slider .item .item-inner .image-container {
width: 75px;
float: none;
}
.bestsellerproduct_container_slider .item .box-info {
margin-left: 0 !important;
}
.bestsellerproduct_container_slider .owl-container .owl-carousel .owl-controls .owl-buttons div {
display: none;
}
.product-view .related .block-content .item .item-inner .image-container {
width: 100%;
}
.product-view .related .block-content .item .box-info {
margin-left: 0 !important;
}
.producttab-container .item-inner .image-container {
width: 75px;
}
.producttab-container .box-info {
margin-left: 85px !important;
}
.producttab-container .title-tab ul.tabs li {
width: 100%;
}
.producttab-container .title-tab ul.tabs li:first-child {
border-right: 0;
}
.footer-container .footer-middle .f-col.f-col3 .box {
padding: 15px;
}
.footer-container .footer-middle .f-col.f-col3 .box .box-inner h3 {
font-size: 12px;
}
}
.fotorama__fullscreen .fotorama--fullscreen {
z-index: 10009999 !important;
}
.fotorama__fullscreen .fotorama--fullscreen .fotorama__thumb {
overflow: inherit !important;
}
.fotorama__thumb-border {
border: none !important;
background-image: none !important;
border-width: 0;
margin-top: 0;
}
.fotorama__thumb {
background: none !important;
}
.fotorama__stage__frame {
background: #fff;
border: 1px solid #eee;
margin: 0 0 10px;
}
.fotorama__stage__shaft {
border-right: 1px solid #eee;
}
.fotorama__nav__frame {
background: #fff;
border: 1px solid #e5e5e5;
margin-right: 10px !important;
padding: 0 !important;
}
.fotorama__nav__frame:hover {
border-color: #f45c5d;
}
.fotorama__fullscreen-icon,
.fotorama__fullscreen-icon:focus,
.fotorama__fullscreen-icon:after,
.fotorama__fullscreen-icon:before,
.fotorama__fullscreen .fotorama__zoom-in:focus,
.fotorama__fullscreen .fotorama__zoom-out:focus,
.fotorama__fullscreen .fotorama__zoom-in:after,
.fotorama__fullscreen .fotorama__zoom-out:after {
border: 0 !important;
outline: none !important;
box-shadow: none !important;
transition: 0 !important;
transition-property: 0 !important;
}
.nav-sections {
display: none;
}
.block.newsletter {
max-width: 100% !important;
}
.header-container .logo-home .logo img {
width: 65%;
}