/* media queries */
/* colors */
/* For background(Change if you like) */
:root {
  --radius-val: 7px;
  --main-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
/* Background */
.bg-main {
  background-color: #fff;
}
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;
}
a {
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  text-decoration: none;
}
input,
button {
  border: none;
  outline: none;
  box-shadow: none;
}
.p-relative {
  position: relative;
}
.d-none {
  display: none;
}
.d-flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.justify-content-end {
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .d-md-flex {
    display: flex;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
}
@font-face {
  font-family: 'Font Awesome';
  src: url('https://www.laptopaid.ro/static/fonts/fontawesome-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/fontawesome-webfont.svg#fontawesome') format('svg'), url('https://www.laptopaid.ro/static/fonts/fontawesome-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Sourse Sans Regular';
  src: url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold') format('svg'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Sourse Sans Light';
  src: url('https://www.laptopaid.ro/static/fonts/sourcesanspro-light-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-light-webfont.svg#sourcesanspro-light') format('svg'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-light-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-light-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Sourse Sans Semibold';
  src: url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold') format('svg'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-SemiBold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Poppins-SemiBold-webfont.svg#Poppins-SemiBold') format('svg'), url('https://www.laptopaid.ro/static/fonts/Poppins-SemiBold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Poppins-SemiBold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Medium-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Poppins-Medium-webfont.svg#Poppins-Medium') format('svg'), url('https://www.laptopaid.ro/static/fonts/Poppins-Medium-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Poppins-Medium-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Regular-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Poppins-Regular-webfont.svg#Poppins-Regular') format('svg'), url('https://www.laptopaid.ro/static/fonts/Poppins-Regular-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Poppins-Regular-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Light-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Poppins-Light-webfont.svg#Poppins-Light') format('svg'), url('https://www.laptopaid.ro/static/fonts/Poppins-Light-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Poppins-Light-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Bold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Poppins-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Poppins-Bold-webfont.svg#Poppins-Bold') format('svg'), url('https://www.laptopaid.ro/static/fonts/Poppins-Bold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Poppins-Bold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Montserrat Semi-Bold';
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-semibold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/montserrat-semibold-webfont.svg#montserrat-semibold') format('svg'), url('https://www.laptopaid.ro/static/fonts/montserrat-semibold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/montserrat-semibold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Montserrat Regular';
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-regular-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/montserrat-regular-webfont.svg#montserrat-regular') format('svg'), url('https://www.laptopaid.ro/static/fonts/montserrat-regular-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/montserrat-regular-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Montserrat Light';
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-light-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/montserrat-light-webfont.svg#montserrat-light') format('svg'), url('https://www.laptopaid.ro/static/fonts/montserrat-light-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/montserrat-light-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Montserrat Extra-Bold';
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-extrabold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/montserrat-extrabold-webfont.svg#montserrat-extrabold') format('svg'), url('https://www.laptopaid.ro/static/fonts/montserrat-extrabold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/montserrat-extrabold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Montserrat Bold';
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-bold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/montserrat-bold-webfont.svg#montserrat-bold') format('svg'), url('https://www.laptopaid.ro/static/fonts/montserrat-bold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/montserrat-bold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Open Sans';
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Regular-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Regular-webfont.svg#OpenSans-Regular') format('svg'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Regular-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Open Sans Light';
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Light-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Light-webfont.svg#OpenSans-Light') format('svg'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Light-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Light-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Open Sans Semibold';
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Semibold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Semibold-webfont.svg#OpenSans-Semibold') format('svg'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Open Sans Bold';
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Bold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Bold-webfont.svg#OpenSans-Bold') format('svg'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/OpenSans-Bold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Open Sans Bold Condensed';
  src: url('https://www.laptopaid.ro/static/fonts/OpenSansCondensed-Bold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/OpenSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/OpenSansCondensed-Bold-webfont.svg#OpenSansCondensed-Bold') format('svg'), url('https://www.laptopaid.ro/static/fonts/OpenSansCondensed-Bold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/OpenSansCondensed-Bold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Light-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Roboto-Light-webfont.svg#Roboto-Light') format('svg'), url('https://www.laptopaid.ro/static/fonts/Roboto-Light-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Roboto-Light-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Regular-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg'), url('https://www.laptopaid.ro/static/fonts/Roboto-Regular-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Roboto-Regular-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Medium-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Roboto-Medium-webfont.svg#Roboto-Medium') format('svg'), url('https://www.laptopaid.ro/static/fonts/Roboto-Medium-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Roboto-Medium-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Bold-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg'), url('https://www.laptopaid.ro/static/fonts/Roboto-Bold-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Roboto-Bold-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Black-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/Roboto-Black-webfont.svg#Roboto-Black') format('svg'), url('https://www.laptopaid.ro/static/fonts/Roboto-Black-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/Roboto-Black-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
@font-face {
  font-family: 'DM Sans 9pt';
  src: url('https://www.laptopaid.ro/static/fonts/DMSans9pt-Regular-webfont.eot');
  src: url('https://www.laptopaid.ro/static/fonts/DMSans9pt-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.laptopaid.ro/static/fonts/DMSans9pt-Regular-webfont.svg#DMSans9pt-Regular') format('svg'), url('https://www.laptopaid.ro/static/fonts/DMSans9pt-Regular-webfont.woff') format('woff'), url('https://www.laptopaid.ro/static/fonts/DMSans9pt-Regular-webfont.ttf') format('truetype');
  font-weight: 'normal';
  font-style: 'normal';
}
.fa {
  font-family: 'Font Awesome', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
a {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.main-btn {
  background-color: #e56b36;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
.main-btn:hover {
  background-color: #000000;
  color: #ffffff;
}
.main-btn:focus {
  color: #ffffff !important;
}
.main-btn.svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-btn.svg:not(.stroke) {
  fill: #ffffff;
}
.main-btn.svg.stroke {
  stroke: #ffffff;
}
.main-btn.svg svg {
  margin: 0 5px;
}
.main-btn.disabled {
  background-color: #888888;
  cursor: not-allowed;
}
.main-btn.disabled:hover {
  background-color: #7d7d7d;
}
.main-btn.transparent {
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
  padding: 7px 24px;
}
.main-btn.transparent:hover {
  background-color: #e56b36;
  color: #ffffff;
  border: 1px solid #e56b36;
}
.main-btn.white-bg {
  background: #fff;
  color: #000000;
  border: 1px solid #fff;
}
.main-btn.white-bg:hover {
  background-color: #e56b36;
  border-color: #e56b36;
  color: #ffffff;
}
.main-btn.rounded {
  border-radius: 7px !important;
}
.main-btn.inline {
  display: inline-flex;
  width: auto !important;
}
.main-btn.uppercase {
  text-transform: uppercase;
}
.main-btn.full {
  width: 100%;
}
.main-btn.big {
  padding: 16px 24px;
}
.main-btn.small {
  border-radius: 0 5px 5px 0;
  padding: 6px 12px;
}
.main-btn.small.rounded {
  border-radius: 5px;
}
.main-btn.small.border-radius {
  border-radius: 12px;
}
#back-top {
  position: fixed;
  z-index: 1001;
  bottom: 3vh;
  right: 4vh;
  width: 50px;
  height: 50px;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e56b36;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease-out;
}
#back-top i {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(167deg) brightness(172%) contrast(105%);
  font-size: 28px;
  padding-bottom: 5px;
}
#back-top.active {
  opacity: 1;
  pointer-events: all;
}
.add-to-cart {
  background: #e56b36;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px 10px;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
}
.add-to-cart.disable {
  cursor: pointer;
}
.add-to-cart.disabled {
  pointer-events: none;
}
@media (max-width: 991px) {
  .add-to-cart {
    font-size: 12px;
  }
}
.add-to-cart svg {
  stroke: #ffffff;
}
.add-to-cart:hover {
  background: #000000;
  color: #ffffff;
}
.add-to-cart-disable {
  background: #e56b36;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px 10px;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
  flex: 1;
}
@media (max-width: 991px) {
  .add-to-cart-disable {
    font-size: 12px;
  }
}
.add-to-cart-disable svg {
  stroke: #ffffff;
}
.add-to-cart-disable:hover {
  background: #000000;
  color: #ffffff;
}
.sprite {
  display: inline-block;
  background-image: url('/static/images/sprite.png');
}
.sprite.grid-view {
  width: 20px;
  height: 9px;
  background-position: 0 0;
}
.sprite.list-view {
  width: 20px;
  height: 9px;
  background-position: 0 -11px;
}
.sprite2 {
  display: inline-block;
  background-image: url('/static/images/sprite2.png');
}
.sprite2.user {
  width: 24px;
  height: 24px;
  background-position: -24px 0;
}
.sprite2.search {
  width: 18px;
  height: 18px;
  background-position: 0 0;
}
.sprite2.black-search {
  width: 18px;
  height: 18px;
  background-position: -156px 0;
}
.sprite2.red-cart {
  width: 31px;
  height: 26px;
  background-position: -52px 1px;
}
.sprite2.yellow-cart {
  width: 31px;
  height: 26px;
  background-position: -63px -30px;
}
.sprite2.white-wheel {
  width: 18px;
  height: 18px;
  background-position: -86px -1px;
}
.sprite2.small-black-wheel {
  width: 18px;
  height: 18px;
  background-position: -86px -1px;
}
.sprite2.mouse-scroll {
  width: 14px;
  height: 35px;
  background-position: 0 0;
}
.sprite2.red-heart {
  width: 27px;
  height: 23px;
  background-position: 3px -28px;
}
.sprite2.black-cart {
  width: 31px;
  height: 26px;
  background-position: -31px -30px;
}
.sprite2.white-cart {
  width: 31px;
  height: 26px;
  background-position: -76px -57px;
}
.sprite2.phone {
  width: 24px;
  height: 24px;
  background-position: 0 -56px;
}
.sprite2.black-phone {
  width: 24px;
  height: 24px;
  background-position: -108px -56px;
}
.sprite2.envelope {
  width: 24px;
  height: 16px;
  background-position: -27px -58px;
}
.sprite2.black-envelope {
  width: 24px;
  height: 16px;
  background-position: -137px -58px;
}
.sprite2.map-marker {
  width: 20px;
  height: 25px;
  background-position: -53px -58px;
}
.sprite2.black-map-marker {
  width: 20px;
  height: 25px;
  background-position: -164px -58px;
}
.sprite2.black-wheel {
  width: 30px;
  height: 30px;
  background-position: 0 -84px;
}
.sprite2.black-heart {
  width: 30px;
  height: 27px;
  background-position: -32px -84px;
}
.sprite2.black-user {
  width: 24px;
  height: 24px;
  background-position: -64px -87px;
}
.sprite2.line-l {
  width: 278px;
  height: 1px;
  background-position: 0 -119px;
}
.sprite2.line-r {
  width: 278px;
  height: 1px;
  background-position: 0 -122px;
}
.sprite2.elipse-l {
  width: 186px;
  height: 182px;
  background-position: 0 0;
}
.sprite2.elipse-r {
  width: 186px;
  height: 182px;
  background-position: 0 0;
}
.sprite2.polygon {
  width: 80px;
  height: 80px;
  background-position: 0 0;
}
.sprite3 {
  display: inline-block;
  background-image: url('/static/images/sprite3.png');
}
.sprite3.black-user {
  width: 28px;
  height: 27px;
  background-position: -160px 0;
}
.sprite3.small-black-wheel {
  width: 18px;
  height: 18px;
  background-position: -191px 0px;
}
.sprite3.black-map-marker {
  width: 22px;
  height: 22px;
  background-position: -134px 0;
}
.sprite3.black-envelope {
  width: 22px;
  height: 18px;
  background-position: -112px 0;
}
.sprite3.black-phone {
  width: 22px;
  height: 22px;
  background-position: -88px 0;
}
.sprite3.white-phone {
  width: 22px;
  height: 22px;
  background-position: -88px -24px;
}
.sprite3.black-search {
  width: 18px;
  height: 18px;
  background-position: -69px 0;
}
.sprite3.black-heart {
  width: 28px;
  height: 27px;
  background-position: -38px 0;
}
.sprite3.yellow-heart {
  width: 28px;
  height: 27px;
  background-position: -38px -37px;
}
.sprite3.white-heart {
  width: 28px;
  height: 27px;
  background-position: -38px -101px;
}
.sprite3.red-heart {
  width: 28px;
  height: 27px;
  background-position: -38px -68px;
}
.sprite3.black-cart {
  width: 32px;
  height: 31px;
  background-position: -2px 0;
}
.sprite3.yellow-cart {
  width: 32px;
  height: 31px;
  background-position: -2px -33px;
}
.sprite3.white-cart {
  width: 32px;
  height: 31px;
  background-position: -2px -97px;
}
.sprite3.red-cart {
  width: 32px;
  height: 31px;
  background-position: -2px -65px;
}
.sprite3.small-white-phone {
  width: 17px;
  height: 17px;
  background-position: -88px -53px;
}
.sprite3.printer {
  width: 24px;
  height: 24px;
  background-position: -212px 0px;
}
.sprite3.yellow-printer {
  width: 24px;
  height: 24px;
  background-position: -212px -26px;
}
.sprite4 {
  display: inline-block;
  background-image: url('/static/images/sprite4.png');
}
.sprite4.shadow-cart {
  width: 32px;
  height: 32px;
  background-position: -3px -2px;
}
.sprite4.shadow-user {
  width: 28px;
  height: 29px;
  background-position: -37px -2px;
}
.sprite4.white-heart {
  width: 27px;
  height: 24px;
  background-position: -66px -1px;
}
.sprite4.white-cart {
  width: 32px;
  height: 33px;
  background-position: -95px -1px;
}
.sprite4.angle-phone {
  width: 100px;
  height: 115px;
  background-position: -1px -35px;
}
.sprite4.angle-truck {
  width: 107px;
  height: 102px;
  background-position: -1px -151px;
}
.sprite4.angle-gift {
  width: 97px;
  height: 118px;
  background-position: -1px -254px;
}
.search-form {
  background: #ffffff;
  border-radius: 4px;
  text-align: left;
  position: relative;
  display: flex;
  width: 100%;
  border: 1px solid #0c0c0c;
}
.search-form input {
  height: 45px;
  background-color: transparent;
  transition: all ease .3s;
  width: calc(100% - 100px);
  color: #000000;
  padding: 0 0 0 20px;
}
@media (max-width: 800px) {
  .search-form input {
    width: calc(100% - 52px);
  }
}
@media (max-width: 575px) {
  .search-form input {
    padding: 0 0 0 10px;
    height: 38px;
    width: calc(100% - 40px);
  }
}
.search-form .buttons {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  line-height: 43px;
  border: 1px solid #fff;
  border-left-color: #ededed;
  transition: all ease .45s;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 575px) {
  .search-form .buttons {
    line-height: 38px;
  }
}
.search-form .buttons button {
  display: none;
}
.search-form .buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0 29px;
  transition: all ease .45s;
  border-radius: 3px;
}
@media (max-width: 800px) {
  .search-form .buttons a {
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
  .search-form .buttons a {
    padding: 0 10px;
  }
}
.search-form .buttons a svg {
  width: 20px;
  height: 20px;
  color: #666666;
  transition: all ease .45s;
}
.search-form .buttons a:hover {
  background-color: #e56b36;
}
.search-form .buttons a:hover svg {
  color: #ffffff;
}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.contact-form input,
.contact-form textarea {
  font-size: 14px;
  line-height: 1.375;
  color: #333;
  border-color: #f5f5f5;
  padding: 13px 15px;
  display: block;
  width: 100%;
  background-color: #f4f4f4;
}
.contact-form .input-section {
  gap: 15px;
  display: flex;
  flex-wrap: wrap;
}
.contact-form .input-section dl {
  width: 100%;
}
@media (min-width: 768px) {
  .contact-form .input-section dl:first-child,
  .contact-form .input-section dl:nth-child(2) {
    width: calc((100% - 15px) / 2);
  }
}
.big-cart-form h3 {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.big-cart-form h3 span {
  display: block;
  font-size: 14px;
  line-height: 19px;
}
.big-cart-form h3 i {
  font-size: 12px;
}
.big-cart-form h2 {
  font-size: 14px;
  line-height: 19px;
  color: #2c2c2c;
}
.big-cart-form .account-type {
  display: flex;
  flex-direction: column;
}
.big-cart-form .account-type .check-section {
  margin: 0;
}
.big-cart-form input[type='text'],
.big-cart-form input[type='number'],
.big-cart-form input[type='email'] {
  padding: 13px 11px;
  border: 1px solid #ededed;
  border-radius: 7px;
  width: 100%;
}
.big-cart-form select {
  padding: 13px 11px;
  border: 1px solid #ededed;
  border-radius: 7px;
  width: 100%;
}
.big-cart-form textarea {
  padding: 13px 11px;
  border: 1px solid #ededed;
  border-radius: 7px;
  width: 100%;
}
.big-cart-form label {
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}
.big-cart-form .external-form {
  display: none !important;
}
.big-cart-form dt {
  transform: initial !important;
}
.big-cart-form .form {
  width: 100%;
  padding: 0;
}
.big-cart-form .form .person-form {
  width: 100% !important;
}
.big-cart-form .finish-order {
  padding-top: 0;
}
input[type='radio'] {
  position: relative;
  border-color: transparent;
  margin-right: 5px;
}
input[type='radio']::before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border: 2px solid #000000;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
}
input[type='radio']::after {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  opacity: 0;
  transition: .3s ease;
}
input[type='radio']:checked::after {
  opacity: 1;
}
input[type="checkbox"] {
  position: relative;
  border-color: transparent;
  margin-right: 5px;
}
input[type="checkbox"]::before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border: 2px solid #000000;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 3px;
}
input[type="checkbox"]::after {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 1px;
  opacity: 0;
  transition: .3s ease;
}
input[type="checkbox"]:checked::after {
  opacity: 1;
}
.login-form h2,
.forgot-form h2,
.register-form h2,
.external-form h2,
.comment-form h2 {
  font-size: 18px;
  line-height: 28px;
  margin: 5px 0 15px;
  text-transform: uppercase;
  color: #0c0c0c;
}
.login-form dd,
.forgot-form dd,
.register-form dd,
.external-form dd,
.comment-form dd {
  position: relative;
}
.login-form dd .show-password,
.forgot-form dd .show-password,
.register-form dd .show-password,
.external-form dd .show-password,
.comment-form dd .show-password {
  position: absolute;
  top: 8.5px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.login-form dd .show-password svg,
.forgot-form dd .show-password svg,
.register-form dd .show-password svg,
.external-form dd .show-password svg,
.comment-form dd .show-password svg {
  stroke: #0c0c0c;
}
.login-form dd .show-password.active svg,
.forgot-form dd .show-password.active svg,
.register-form dd .show-password.active svg,
.external-form dd .show-password.active svg,
.comment-form dd .show-password.active svg {
  stroke: #ffcd00;
}
.login-form dd:has(.show-password) input,
.forgot-form dd:has(.show-password) input,
.register-form dd:has(.show-password) input,
.external-form dd:has(.show-password) input,
.comment-form dd:has(.show-password) input {
  padding-right: 35px;
}
.login-form dd .error-js,
.forgot-form dd .error-js,
.register-form dd .error-js,
.external-form dd .error-js,
.comment-form dd .error-js {
  color: #ea0025;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 13px;
}
.login-form label,
.forgot-form label,
.register-form label,
.external-form label,
.comment-form label,
.login-form p,
.forgot-form p,
.register-form p,
.external-form p,
.comment-form p {
  color: #0c0c0c;
  font-size: 14px;
  line-height: 19px;
}
.login-form button,
.forgot-form button,
.register-form button,
.external-form button,
.comment-form button {
  display: none;
}
.login-form .main-btn,
.forgot-form .main-btn,
.register-form .main-btn,
.external-form .main-btn,
.comment-form .main-btn {
  margin-top: 7.5px;
}
.login-form select,
.forgot-form select,
.register-form select,
.external-form select,
.comment-form select {
  height: 36px;
}
.login-form input,
.forgot-form input,
.register-form input,
.external-form input,
.comment-form input,
.login-form select,
.forgot-form select,
.register-form select,
.external-form select,
.comment-form select {
  border: 1px solid #0c0c0c;
  border-radius: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #0c0c0c;
  width: 100%;
  padding: 5px 15px;
}
.login-form input::placeholder,
.forgot-form input::placeholder,
.register-form input::placeholder,
.external-form input::placeholder,
.comment-form input::placeholder,
.login-form select::placeholder,
.forgot-form select::placeholder,
.register-form select::placeholder,
.external-form select::placeholder,
.comment-form select::placeholder {
  font-size: 16px;
  line-height: 24px;
}
.login-form textarea,
.forgot-form textarea,
.register-form textarea,
.external-form textarea,
.comment-form textarea {
  border: 1px solid #0c0c0c;
  border-radius: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #0c0c0c;
  width: 100%;
  padding: 5px 15px;
}
.login-form textarea::placeholder,
.forgot-form textarea::placeholder,
.register-form textarea::placeholder,
.external-form textarea::placeholder,
.comment-form textarea::placeholder {
  font-size: 16px;
  line-height: 24px;
}
.login-form .account-type,
.forgot-form .account-type,
.register-form .account-type,
.external-form .account-type,
.comment-form .account-type {
  display: flex;
  flex-direction: column;
}
.login-form .account-type input,
.forgot-form .account-type input,
.register-form .account-type input,
.external-form .account-type input,
.comment-form .account-type input {
  width: auto;
}
.login-form .account-type li,
.forgot-form .account-type li,
.register-form .account-type li,
.external-form .account-type li,
.comment-form .account-type li {
  padding: 0;
  margin-left: 0;
}
.login-form .links,
.forgot-form .links,
.register-form .links,
.external-form .links,
.comment-form .links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.login-form .links a,
.forgot-form .links a,
.register-form .links a,
.external-form .links a,
.comment-form .links a {
  margin-top: 7px;
  font-size: 15px;
  line-height: 26px;
  color: #0c0c0c;
  transition: 0.1s ease-out;
}
.login-form .links a:hover,
.forgot-form .links a:hover,
.register-form .links a:hover,
.external-form .links a:hover,
.comment-form .links a:hover {
  color: #ffcd00;
}
@media (max-width: 767px) {
  .external-form {
    display: none;
  }
}
.modal-form input,
.modal-form select {
  background-color: transparent;
  border: 1px solid #d5d5d5;
  transition: all ease .3s;
  width: calc(100% - 100px);
  color: #000000;
  padding: 4px 5px;
  border-radius: 2px;
  margin-bottom: 7.5px;
}
.modal-form .chosen-container {
  margin-bottom: 7.5px;
}
.modal-form .chosen-container .chosen-single {
  padding: 4px 5px;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  height: unset;
}
.modal-form textarea {
  background-color: transparent;
  border: 1px solid #d5d5d5;
  transition: all ease .3s;
  width: calc(100% - 100px);
  color: #000000;
  padding: 7px 5px;
  border-radius: 2px;
  margin-bottom: 7.5px;
  outline: none;
}
#stockAlert .modal-content {
  padding-bottom: 0;
}
#stockAlert .modal-footer {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
#form-report .content-form {
  padding: 0 15px;
  border-bottom: 1px solid #b7001d;
}
#form-report p {
  font-size: 13px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 5px;
}
#form-report .form-input {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
#form-report label {
  width: 100%;
  font-size: 13px;
  line-height: 19px;
  font-family: 'Open Sans Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #000000;
}
#form-report .error {
  font-size: 11px;
  font-family: 'Open Sans Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #ea0025;
}
#form-report input,
#form-report textarea {
  border: 1px solid #0c0c0c;
  border-radius: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #0c0c0c;
  width: 100%;
  padding: 5px 15px;
}
#form-report input::placeholder,
#form-report textarea::placeholder {
  font-size: 16px;
  line-height: 24px;
}
#form-report textarea {
  min-height: 100px;
}
#form-report .buttons {
  padding: 15px 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  justify-content: flex-end;
  align-items: center;
}
.service-form dt {
  margin-top: 10px;
  position: relative;
  top: auto;
  left: auto;
}
.service-form dt label {
  display: inline;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 17px;
  font-family: 'Open Sans Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.service-form dt span {
  color: #ff5a00;
}
.service-form dd input,
.service-form dd textarea,
.service-form dd select {
  width: 100%;
  border: 1px solid #dfdfdf;
  height: 38px;
  line-height: 38px;
  padding: 0px 15px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0;
  font-size: 12px;
  font-family: 'Open Sans Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.service-form dd input::placeholder,
.service-form dd textarea::placeholder,
.service-form dd select::placeholder {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Open Sans Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.service-form dd textarea {
  resize: none;
  height: 115px;
}
.service-form .terms-section {
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 34px !important;
  position: relative;
}
.service-form .terms-section input {
  left: 0 !important;
  top: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.service-form .terms-section input + .lbl:before {
  content: "";
  width: 20px !important;
  height: 20px !important;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #98a2b3;
  position: absolute;
  left: 0;
  top: 4px;
}
.service-form .terms-section input + .lbl:after {
  content: '';
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
  top: 10px !important;
  left: 5px !important;
  position: absolute;
  line-height: 10px;
  transition: all .2s;
  color: #fed924;
}
.service-form .terms-section input:checked + .lbl:before {
  background: #eb6000;
  border-color: #eb6000;
}
.service-form .terms-section input:checked + .lbl:after {
  opacity: 1;
}
.service-form .terms-section label {
  position: relative;
  cursor: pointer;
}
.service-form .terms-section label span {
  font-size: 15px;
  color: #7d7d7d;
}
.service-form .terms-section label a {
  position: relative;
  transition: .2s all;
  color: rgba(0, 0, 0, 0.87);
}
#content {
  padding: 30px 0 30px;
  background-color: #ffffff;
}
.has-drop {
  position: relative;
}
.has-drop:hover > .drop-section {
  display: block;
}
.drop-section {
  position: absolute;
  top: 100%;
  z-index: 999;
  display: none;
}
.drop-section.partial-display {
  position: relative;
  display: block;
}
.hidden-overflow {
  overflow: hidden;
}
.description {
  font-size: 13px;
  line-height: 26px;
  color: #7d7d7d;
  overflow-wrap: break-word;
}
.description.small {
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hover-section > a {
    padding-left: 25px;
  }
  .hover-section > a i.fa-user,
  .hover-section > a i.fa-shopping-cart {
    font-size: 20px;
    top: 4px;
  }
}
@media (max-width: 767px) {
  #content {
    padding-top: 0;
  }
}
.main-container {
  max-width: 1400px;
  padding: 0 15px;
  margin: auto;
}
.main-heading {
  font-size: 32px;
  line-height: 36px;
  color: #000000;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .main-heading {
    font-size: 24px;
    line-height: 32px;
  }
}
.second-heading {
  text-align: center;
  font-size: 40px;
  line-height: 56px;
  color: #000000;
  padding: 25px 0;
  margin-bottom: 0;
}
.second-heading.left {
  text-align: left;
}
.second-heading.sm {
  font-size: 30px;
  line-height: 37px;
}
@media (max-width: 991px) {
  .second-heading.sm {
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 575px) {
  .second-heading.sm {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 575px) {
  .second-heading {
    font-size: 32px;
    line-height: 44px;
  }
}
.heading-bordered {
  width: 100%;
  margin-bottom: 15px;
}
.heading-bordered h3 {
  border-bottom: 2px solid #e56b36;
  margin: 0;
}
.heading-bordered h3 span {
  display: inline-block;
  background: #000000;
  padding: 0 15px;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  position: relative;
}
.heading-bordered h3 span:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 100%;
  border-bottom: 26px solid #000000;
  border-right: 18px solid transparent;
  border-top: 13px solid transparent;
}
.breadcrumbs-section {
  padding: 10px 0;
  margin: 0;
}
.breadcrumbs-section .navigator-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
}
.breadcrumbs-section .navigator {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: calc(100% - 193px);
}
@media (max-width: 575px) {
  .breadcrumbs-section .navigator {
    max-width: 100%;
  }
}
.breadcrumbs-section .navigator li {
  font-size: 14px;
  line-height: 19px;
  color: #e56b36;
}
.breadcrumbs-section .navigator li:not(:last-child) {
  margin-right: 5px;
}
.breadcrumbs-section .navigator li a {
  font-size: 14px;
  line-height: 19px;
  color: #e56b36;
  white-space: nowrap;
}
.breadcrumbs-section .navigator li a p {
  color: #666666;
}
.breadcrumbs-section .navigator li:last-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs-section .navigator li:last-child a {
  width: 100%;
}
.breadcrumbs-section .report-btn {
  margin-left: auto;
  font-family: 'Open Sans Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #e36c2f;
  background: transparent;
  border: 1px solid #e36c2f;
  border-radius: 4px;
  letter-spacing: -0.2px;
  padding: 4px 10px;
  transition: 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.breadcrumbs-section .report-btn svg {
  fill: #e36c2f;
  transition: 0.3s ease-out;
}
.breadcrumbs-section .report-btn:hover {
  background: #e36c2f;
  color: #ffffff;
}
.breadcrumbs-section .report-btn:hover svg {
  fill: #ffffff;
}
.article img {
  width: 100%;
  height: auto;
  transition: 0.3s ease-out;
}
.article h3 {
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  margin: 16px 0;
}
.article span {
  font-size: 14px;
  line-height: 19px;
  color: #b7001d;
}
.article:hover img {
  filter: brightness(0.5);
}
.articles-carousel .item {
  padding: 0 15px;
}
.articles-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.articles-list .article {
  width: 100%;
}
@media (min-width: 992px) {
  .articles-list .article {
    max-width: calc((100% - 45px) / 4);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articles-list .article {
    max-width: calc((100% - 30px) / 3);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .articles-list .article {
    max-width: calc((100% - 15px) / 2);
  }
}
.products-tabs {
  padding: 0 45px;
  text-align: left;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
.products-tabs li {
  display: inline-block;
  margin-left: 8px;
}
.products-tabs li:first-of-type {
  margin-left: 0;
}
.products-tabs a {
  font-size: 15px !important;
  line-height: 25px;
  display: inline-block;
  padding: 10px 20px 10px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #f5f5f5 !important;
  border-radius: 0px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: center;
  font-family: 'Open Sans Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif !important;
  border: 1px solid #eaeaea;
  background: #343434;
}
.products-tabs a.active {
  background-color: #343434;
  color: #f5f5f5;
}
#container-tabs {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .products-tabs {
    padding: 0;
  }
  .products-tabs li {
    margin: 0;
  }
}
.partners {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partners .partner {
  padding: 0 10px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  width: 110px;
}
.partners .partner .image {
  max-width: 100%;
  text-align: center;
  display: inline-block;
}
.partners .partner .image:hover img {
  filter: none;
}
.partners .partner .image img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pagination-section {
  width: 100%;
  padding-top: 2px;
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
  border-top: 1px solid #f6f6f6;
  font-family: 'Roboto-Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.pagination-section.no-border {
  border-top: 0;
}
.pagination-section .right-section {
  padding-top: 26px;
}
.pagination-section .right-section strong {
  display: inline-block;
  vertical-align: middle;
}
.pagination-section .products-found {
  padding-top: 26px;
}
.products-found {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.products-found span {
  padding-left: 6px;
  font-size: 15px;
  color: #2c2c2c;
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.pagination {
  margin: 0;
  padding-left: 16px;
  vertical-align: middle;
}
.pagination strong {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif !important;
  color: la-dgray !important;
}
.pagination a {
  width: 26px;
  height: 26px;
  line-height: 24px;
  margin-left: 8px;
  display: inline-block;
  border: 2px solid #b9b9b9;
  text-align: center;
  color: #b9b9b9;
  font-size: 16px;
  font-family: 'Roboto-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.pagination a .fa {
  color: #7d7d7d;
}
.pagination a:first-of-type {
  margin-left: 0;
}
.pagination a:hover,
.pagination a.a {
  border-color: #505050;
  color: #505050;
}
@media (max-width: 991px) {
  .pagination-section {
    text-align: center;
  }
  .pagination-section .products-found,
  .pagination-section .right-section {
    display: inline-block;
    float: none;
  }
}
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
}
.chosen-container .chosen-drop {
  position: absolute;
  box-sizing: border-box;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: #ffffff;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice,
.chosen-container .chosen-single {
  padding: 5px 21px 5px 21px;
  border: 1px solid #ededed;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #2c2c2c !important;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single {
  width: 100% !important;
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 7px 21px;
  box-sizing: border-box;
  height: 38px;
  border-radius: 1px;
  background-color: #ffffff;
  color: #2c2c2c;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('https://www.laptopaid.ro/static/images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('https://www.laptopaid.ro/static/images/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -6px;
  padding: 6px 10px;
  border: 1px solid #f6f6f6;
  border-top: 0;
  border-radius: 0 0 1px 1px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #2c2c2c;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #03cdc1;
  color: #ffffff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('https://www.laptopaid.ro/static/images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: #ffffff url('https://www.laptopaid.ro/static/images/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
.chosen-container-single .chosen-single div b {
  width: 8px;
  height: 5px;
  background: url('https://www.laptopaid.ro/static/images/chosen-sprite.png') no-repeat 0 -72px;
  position: absolute;
  top: 18px;
  right: 20px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url('https://www.laptopaid.ro/static/images/chosen-sprite.png') no-repeat 0 -77px;
}
/* @end */
.chosen-wrap {
  display: inline-block;
}
.chosen-wrap select {
  padding: 5px 15px;
}
.chosen-wrap.gray {
  width: 209px;
}
.chosen-wrap .chosen-single {
  padding: 4px 40px 4px 15px;
  border-radius: 3px;
  height: 32px;
  border: 0;
  background-color: #ededed;
}
.chosen-wrap .chosen-single span {
  font-size: 14px;
  color: #7d7d7d;
}
.chosen-wrap .chosen-drop {
  top: 29px !important;
  padding: 0;
  margin: 0;
  display: block !important;
  background-color: #ededed;
  border: 0;
}
.chosen-wrap .chosen-drop ul {
  border-top: 1px solid #e5e5e5;
  padding: 0;
  margin: 0;
  border-radius: 0 3px 3px 0;
}
.chosen-wrap .chosen-drop ul li {
  padding: 7px 15px;
  color: #7d7d7d;
}
.chosen-wrap .chosen-drop ul li.highlighted {
  background-color: #dedede;
  color: #7d7d7d;
}
.chosen-wrap b {
  width: 37px !important;
  height: 32px !important;
  border-left: 1px solid #e5e5e5;
  top: 0 !important;
  right: 0 !important;
  line-height: 32px;
  text-align: center;
}
.chosen-wrap b:before {
  content: "\f107";
  font-size: 14px;
  color: #7d7d7d;
  font-family: 'Font Awesome', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.fast {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animated.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.animated.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.animated.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.animated.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.animated.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.animated.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animated.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.animated.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.animated.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.animated.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.animated.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.animated.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.animated.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -moz-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes slideOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes slideOutRight {
  0% {
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  -moz-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.animated.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.animated.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.animated.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animated.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animated.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.animated.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.animated.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.animated.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.animated.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.animated.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.animated.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: .25s;
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  animation-duration: .25s;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity 0.15s linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*Plugin CSS*/
.str_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
}
.str_move_clone {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}
.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}
.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space: normal;
  width: 100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
  cursor: inherit;
}
.str_wrap img {
  max-width: none !important;
}
/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}
/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}
/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}
/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}
/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}
/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}
.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.slider-wrap {
  padding-right: 16px;
  background-color: #f6f6f6;
  position: relative;
}
.slider-wrap a {
  -webkit-transition: none 0.25s ease;
  -moz-transition: none 0.25s ease;
  -o-transition: none 0.25s ease;
  -ms-transition: none 0.25s ease;
  transition: none 0.25s ease;
}
#slider-range {
  width: 100%;
  height: 5px;
  background-color: #f6f6f6;
  position: relative;
}
#slider-range > a {
  width: 16px;
  height: 16px;
  display: block;
  background-color: #ffcd00;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: -8px;
}
#slider-range .ui-slider-range {
  background-color: #ffcd00;
  height: 100%;
  position: absolute;
  top: 0;
}
.modal-dialog {
  padding: 10px;
  box-sizing: border-box;
  max-width: 605px !important;
  width: 100% !important;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.modal-dialog .modal-content {
  overflow: hidden;
  padding-bottom: 25px;
  max-width: 100%;
}
.modal-dialog h5 {
  padding: 12px 30px 12px 15px;
  border-bottom: 1px solid #000;
  max-width: 350px;
  width: 100%;
  margin: 30px auto 0;
  font-size: 28px;
  text-transform: uppercase;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #000;
  text-align: center;
}
.modal-dialog p {
  font-size: 20px;
  color: #000;
  text-align: center;
}
.modal-dialog .fa-exclamation-circle {
  color: #e56b36;
  font-size: 52px;
  margin: 20px 0;
}
.modal-dialog .close {
  position: absolute;
  top: 5px;
  right: 5px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #e56b36;
  opacity: 1;
}
.modal-product {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  padding: 0 15px;
  display: flex;
}
.modal-product.active {
  opacity: 1;
  pointer-events: all;
}
.modal-product .content {
  width: 100%;
  max-width: 1250px;
  margin: auto;
  max-height: calc(100vh - 30px);
  display: flex;
  background-color: #ffffff;
  padding: 27px 0 15px;
  border-radius: 5px;
  overflow: auto;
  position: relative;
}
@media (max-width: 767px) {
  .modal-product .content {
    flex-direction: column;
  }
}
.modal-product .content .close-modal {
  position: absolute;
  top: 7px;
  right: 10px;
  fill: #000000;
  cursor: pointer;
}
.modal-product .content .image {
  display: block;
  width: 50%;
  height: 100%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .modal-product .content .image {
    width: 100%;
  }
}
.modal-product .content .image img {
  border-radius: 5px;
  width: auto;
  max-width: 100%;
  height: auto;
}
.modal-product .content .info {
  padding-right: 15px;
  width: 50%;
}
@media (max-width: 991px) {
  .modal-product .content .info {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .modal-product .content .info {
    padding: 15px 15px 0;
  }
}
.modal-product .content .info h5 {
  font-size: 25px;
  line-height: 32px;
  color: #000000;
}
.modal-product .content .info .price-container {
  display: flex;
  align-items: center;
  margin: 8px 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #666666;
}
.modal-product .content .info .price-container sup {
  font-size: 14px;
  line-height: 21px;
}
.modal-product .content .info .price-container .old {
  color: #7d7d7d;
  margin-right: 5px;
  text-decoration: line-through;
  font-size: 16px;
  line-height: 24px;
}
.modal-product .content .info .price-container .new {
  color: #b7001d;
  font-size: 21px;
  line-height: 28px;
}
.modal-product .content .info .description {
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.partners-section .partner {
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners-section .partner img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.modals-added {
  position: fixed;
  bottom: 10px;
  right: 0;
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 1;
  pointer-events: none;
}
.modals-added .modal-added {
  z-index: 1111111;
  font-family: 'Montserrat Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #e56b36;
  padding: 10px 25px;
}
.new-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3;
  padding: 0 15px;
  display: flex;
  opacity: 0;
  transition: 1s ease;
}
.new-message.active {
  opacity: 1 !important;
}
.new-message .content {
  width: 100%;
  max-width: 576px;
  margin: auto;
  max-height: calc(100vh - 30px);
  background-color: #ffffff;
  padding: 15px 15px 25px;
  border-radius: 5px;
  overflow: auto;
  position: relative;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Open Sans Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #000000;
  pointer-events: none;
}
.new-message .content::after {
  content: '--click pentru a scoate mesajul--';
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  bottom: 5px;
  left: 0;
  text-align: center;
  width: 100%;
}
#stockAlert .modal-dialog,
#sicap .modal-dialog,
#modal-report .modal-dialog {
  top: initial;
  translate: initial;
  transform: translate(-50%, 0) !important;
  left: 50%;
  padding-top: 30px;
}
#stockAlert .modal-header h4,
#sicap .modal-header h4,
#modal-report .modal-header h4 {
  font-size: 20px;
  line-height: 1.42857143;
  color: #0c0c0c;
}
#stockAlert .modal-body label,
#sicap .modal-body label,
#modal-report .modal-body label {
  font-size: 15px;
  line-height: 24px;
  color: #0c0c0c;
}
#stockAlert .modal-body input,
#sicap .modal-body input,
#modal-report .modal-body input {
  height: 38px;
  margin-bottom: 0;
  padding: 0 15px;
  width: 100%;
}
#stockAlert .modal-body textarea,
#sicap .modal-body textarea,
#modal-report .modal-body textarea {
  margin-bottom: 0;
  padding: 6px 15px;
  width: 100%;
}
#stockAlert .modal-body dl,
#sicap .modal-body dl,
#modal-report .modal-body dl {
  margin-bottom: 12px;
}
#stockAlert .modal-footer,
#sicap .modal-footer,
#modal-report .modal-footer {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}
#stockAlert .modal-footer .contact-link,
#sicap .modal-footer .contact-link,
#modal-report .modal-footer .contact-link {
  margin: 0 auto 0 0;
}
@media (max-width: 575px) {
  #stockAlert .modal-footer .contact-link,
  #sicap .modal-footer .contact-link,
  #modal-report .modal-footer .contact-link {
    width: 100%;
    margin: 0;
  }
}
#ph-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  z-index: 999;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ph-modal.active {
  opacity: 1;
  pointer-events: all;
}
#ph-modal .content {
  width: 100%;
  max-width: 1370px;
  height: 700px;
  max-height: calc(100vh - 30px);
  background-color: #ffffff;
  margin: auto;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  #ph-modal .content {
    max-width: 100%;
    overflow-y: auto;
  }
}
#ph-modal .modal-header {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  #ph-modal .modal-header {
    min-height: 55px;
  }
}
#ph-modal .modal-header span {
  color: #e56b36;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Open Sans Semibold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  cursor: pointer;
}
#ph-modal .modal-images {
  max-height: calc(100% - (55px + 65px));
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #ph-modal .modal-images {
    flex-direction: column-reverse;
  }
}
#ph-modal .modal-images .show-all {
  width: 200px;
  max-height: calc(90vh - 168px);
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #ph-modal .modal-images .show-all {
    height: max-content;
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
    border-right: initial;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e5e5e5;
  }
}
#ph-modal .modal-images .show-all .item {
  width: calc(100% / 2 - 5px);
  border: 1px solid #e8e8e8;
  padding: 5px;
  border-radius: 3px;
  transition: 0.3s ease-out;
  overflow: hidden;
}
@media (max-width: 767px) {
  #ph-modal .modal-images .show-all .item {
    width: 70px;
    min-width: 70px;
    max-width: initial;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#ph-modal .modal-images .show-all .item.active {
  border-color: #e56b36;
}
#ph-modal .modal-images .show-all .item img {
  width: auto;
  height: auto;
  max-width: 100%;
}
#ph-modal .modal-images .custom-carousel {
  width: calc(100% - 200px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 15px;
  height: 100%;
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  #ph-modal .modal-images .custom-carousel {
    width: 100%;
    border-left: 0;
  }
}
#ph-modal .modal-images .custom-carousel .sync-1 .item {
  display: flex;
  justify-content: center;
  position: relative;
  height: calc(100vh - (30px + 55px + 65px + 30px));
}
#ph-modal .modal-images .custom-carousel .sync-1 .item img {
  width: auto;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transform-origin: 50% 50% !important;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-pagination {
  display: none;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  width: calc(100% - 30px);
}
@media (max-width: 767px) {
  #ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons {
    display: none;
  }
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons > div {
  pointer-events: all;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-prev,
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-next {
  position: relative;
  color: transparent;
  width: 40px;
  height: 90px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  transition: .3s ease;
  background-color: #ffffff;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-prev::after,
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-next::after {
  content: '';
  width: 15px;
  height: 15px;
  border-top: 3px solid #000000;
  border-right: 3px solid #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .3s ease;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-prev:hover,
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-next:hover {
  border-color: #000000;
  background-color: #000000;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-prev:hover::after,
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-next:hover::after {
  border-color: #ffffff;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-prev::after {
  rotate: -135deg;
  translate: -25% -50%;
}
#ph-modal .modal-images .custom-carousel .sync-1 .owl-buttons .owl-next::after {
  rotate: 45deg;
  translate: -65% -50%;
}
#ph-modal .modal-footer .actions-btns {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
#ph-modal .modal-footer .actions-btns .main-btn {
  padding: 5px 15px;
}
@media (max-width: 767px) {
  #ph-modal .modal-footer .actions-btns .main-btn {
    padding: 7px 15px;
  }
  #ph-modal .modal-footer .actions-btns .main-btn span {
    display: none;
  }
  #ph-modal .modal-footer .actions-btns .main-btn svg {
    width: 24px;
    height: 20px;
    margin: 0;
  }
}
#ph-modal .modal-footer .actions-btns .fav-btn {
  padding: 7px 10px;
  background-color: #e56b36;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ph-modal .modal-footer .actions-btns .fav-btn svg {
  width: 24px;
  height: 20px;
  color: #ffffff;
}
#ph-modal .modal-footer .actions-btns .fav-btn.added,
#ph-modal .modal-footer .actions-btns .fav-btn:hover {
  background-color: #000000;
}
#service-modal .modal-dialog .modal-content,
#deliveryDetails .modal-dialog .modal-content,
#add-billing-details-person .modal-dialog .modal-content,
#add-billing-details-company .modal-dialog .modal-content,
#billingPersonEdit .modal-dialog .modal-content,
#billingCompanyEdit .modal-dialog .modal-content,
#billingDetailsDelete .modal-dialog .modal-content,
#deliveryDetailsEdit .modal-dialog .modal-content,
#deliveryDetailsDelete .modal-dialog .modal-content,
#retur-product .modal-dialog .modal-content {
  padding: 0;
}
#service-modal .modal-dialog .modal-header h5,
#deliveryDetails .modal-dialog .modal-header h5,
#add-billing-details-person .modal-dialog .modal-header h5,
#add-billing-details-company .modal-dialog .modal-header h5,
#billingPersonEdit .modal-dialog .modal-header h5,
#billingCompanyEdit .modal-dialog .modal-header h5,
#billingDetailsDelete .modal-dialog .modal-header h5,
#deliveryDetailsEdit .modal-dialog .modal-header h5,
#deliveryDetailsDelete .modal-dialog .modal-header h5,
#retur-product .modal-dialog .modal-header h5,
#service-modal .modal-dialog .modal-header h4,
#deliveryDetails .modal-dialog .modal-header h4,
#add-billing-details-person .modal-dialog .modal-header h4,
#add-billing-details-company .modal-dialog .modal-header h4,
#billingPersonEdit .modal-dialog .modal-header h4,
#billingCompanyEdit .modal-dialog .modal-header h4,
#billingDetailsDelete .modal-dialog .modal-header h4,
#deliveryDetailsEdit .modal-dialog .modal-header h4,
#deliveryDetailsDelete .modal-dialog .modal-header h4,
#retur-product .modal-dialog .modal-header h4 {
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
  border: 0;
  padding: 0 10px 0 0;
}
#service-modal .modal-dialog .modal-form dl dd input,
#deliveryDetails .modal-dialog .modal-form dl dd input,
#add-billing-details-person .modal-dialog .modal-form dl dd input,
#add-billing-details-company .modal-dialog .modal-form dl dd input,
#billingPersonEdit .modal-dialog .modal-form dl dd input,
#billingCompanyEdit .modal-dialog .modal-form dl dd input,
#billingDetailsDelete .modal-dialog .modal-form dl dd input,
#deliveryDetailsEdit .modal-dialog .modal-form dl dd input,
#deliveryDetailsDelete .modal-dialog .modal-form dl dd input,
#retur-product .modal-dialog .modal-form dl dd input,
#service-modal .modal-dialog .modal-form dl dd select,
#deliveryDetails .modal-dialog .modal-form dl dd select,
#add-billing-details-person .modal-dialog .modal-form dl dd select,
#add-billing-details-company .modal-dialog .modal-form dl dd select,
#billingPersonEdit .modal-dialog .modal-form dl dd select,
#billingCompanyEdit .modal-dialog .modal-form dl dd select,
#billingDetailsDelete .modal-dialog .modal-form dl dd select,
#deliveryDetailsEdit .modal-dialog .modal-form dl dd select,
#deliveryDetailsDelete .modal-dialog .modal-form dl dd select,
#retur-product .modal-dialog .modal-form dl dd select,
#service-modal .modal-dialog .modal-form dl dd textarea,
#deliveryDetails .modal-dialog .modal-form dl dd textarea,
#add-billing-details-person .modal-dialog .modal-form dl dd textarea,
#add-billing-details-company .modal-dialog .modal-form dl dd textarea,
#billingPersonEdit .modal-dialog .modal-form dl dd textarea,
#billingCompanyEdit .modal-dialog .modal-form dl dd textarea,
#billingDetailsDelete .modal-dialog .modal-form dl dd textarea,
#deliveryDetailsEdit .modal-dialog .modal-form dl dd textarea,
#deliveryDetailsDelete .modal-dialog .modal-form dl dd textarea,
#retur-product .modal-dialog .modal-form dl dd textarea {
  width: 100%;
}
#service-modal .modal-dialog .modal-footer,
#deliveryDetails .modal-dialog .modal-footer,
#add-billing-details-person .modal-dialog .modal-footer,
#add-billing-details-company .modal-dialog .modal-footer,
#billingPersonEdit .modal-dialog .modal-footer,
#billingCompanyEdit .modal-dialog .modal-footer,
#billingDetailsDelete .modal-dialog .modal-footer,
#deliveryDetailsEdit .modal-dialog .modal-footer,
#deliveryDetailsDelete .modal-dialog .modal-footer,
#retur-product .modal-dialog .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  #service-modal .modal-dialog .modal-footer,
  #deliveryDetails .modal-dialog .modal-footer,
  #add-billing-details-person .modal-dialog .modal-footer,
  #add-billing-details-company .modal-dialog .modal-footer,
  #billingPersonEdit .modal-dialog .modal-footer,
  #billingCompanyEdit .modal-dialog .modal-footer,
  #billingDetailsDelete .modal-dialog .modal-footer,
  #deliveryDetailsEdit .modal-dialog .modal-footer,
  #deliveryDetailsDelete .modal-dialog .modal-footer,
  #retur-product .modal-dialog .modal-footer {
    flex-direction: column;
    gap: 5px;
  }
}
.owl-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.owl-pagination .owl-page {
  margin: 0 5px;
}
.owl-pagination .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #e56b36;
  border-radius: 50%;
}
.owl-pagination .owl-page.active span {
  background-color: #e56b36;
}
.ev-quick-cart-container .no-products {
  margin-bottom: 5px;
  text-align: center;
  color: #e56b36;
  font-size: 16px;
  padding: 5px;
}
@media (max-width: 767px) {
  .ev-quick-cart-container .no-products {
    font-size: 14px;
  }
}
.ev-quick-cart-container .quick-cart_head {
  padding: 0 0 10px;
  margin: 0;
  text-align: center;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  text-transform: uppercase;
  color: #e56b36;
  font-size: 14px;
  line-height: 14px;
}
.ev-quick-cart-container .ev-quick-cart {
  display: flex;
  flex-direction: column;
  max-height: calc(81px * 3);
  overflow-y: auto;
}
.ev-quick-cart-container .ev-quick-cart li {
  display: flex;
  gap: 7.5px;
  align-items: flex-start;
  padding: 10px 0;
  position: relative;
  border-top: 1px solid #d0d0d0;
}
.ev-quick-cart-container .ev-quick-cart li:after {
  display: none;
}
.ev-quick-cart-container .ev-quick-cart li .image-section {
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.ev-quick-cart-container .ev-quick-cart li .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.ev-quick-cart-container .ev-quick-cart li .right-section {
  width: 100%;
  max-width: calc(100% - 57.5px);
  display: flex;
  justify-content: flex-start;
  gap: 7px;
}
.ev-quick-cart-container .ev-quick-cart li .name {
  font-family: 'Roboto-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #2c2c2c;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ev-quick-cart-container .ev-quick-cart li .name:hover {
  color: #e56b36;
}
.ev-quick-cart-container .ev-quick-cart li .quantity {
  position: relative;
  top: 0;
  left: 0;
  right: initial;
  background: initial;
  min-width: auto;
  width: auto;
  padding: 0;
  display: block;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .ev-quick-cart-container .ev-quick-cart li .quantity {
    font-size: 11px;
  }
}
.ev-quick-cart-container .ev-quick-cart li .price {
  font-size: 12px;
  line-height: 18px;
  color: #e56b36;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .ev-quick-cart-container .ev-quick-cart li .price {
    font-size: 11px;
  }
}
.ev-quick-cart-container .ev-quick-cart li .delete {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 60px;
  text-align: center;
  background: white;
  padding: 0;
  color: red;
  cursor: pointer;
  font-size: 18px;
  transition: all 400ms ease-in-out;
}
.ev-quick-cart-container .ev-quick-cart li .delete:hover {
  color: #e56b36;
}
.ev-quick-cart-total-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ev-quick-cart-total-wrapper .ev-quick-cart-total {
  padding: 7px 0;
  border-top: 1px solid #d0d0d0;
}
.ev-quick-cart-total-wrapper .ev-quick-cart-total .total-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
}
.ev-quick-cart-total-wrapper .ev-quick-cart-total .total-section div:first-child {
  display: flex;
  gap: 5px;
}
.ev-quick-cart-total-wrapper .ev-quick-cart-total .total-section strong {
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  text-transform: uppercase;
}
.ev-quick-cart-total-wrapper .ev-quick-cart-total .total-section strong sup {
  top: -.4em;
  font-size: 10px;
}
.ev-quick-cart-total-wrapper .main-btn {
  margin-top: 0 !important;
}
.wishlist-header-list .no-products {
  margin-bottom: 5px;
  text-align: center;
  color: #e56b36;
}
.wishlist-header {
  display: flex;
  flex-direction: column;
  max-height: calc(81px * 3);
  overflow-y: auto;
}
.wishlist-header li {
  display: flex;
  gap: 7.5px;
  align-items: flex-start;
  padding: 10px 0;
  position: relative;
  border-top: 1px solid #d0d0d0;
}
.wishlist-header li:after {
  display: none;
}
.wishlist-header li:hover .delete {
  opacity: 1;
  visibility: initial;
}
.wishlist-header li .image-section {
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.wishlist-header li .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.wishlist-header li .right-section {
  width: 100%;
  max-width: calc(100% - 57.5px);
  display: flex;
  justify-content: flex-start;
  gap: 7px;
}
.wishlist-header li .name {
  font-family: 'Roboto-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #2c2c2c;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wishlist-header li .name:hover {
  color: #e56b36;
}
.wishlist-header li .quantity {
  position: relative;
  top: 0;
  left: 0;
  right: initial;
  background: initial;
  min-width: auto;
  width: auto;
  padding: 0;
  display: block;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .wishlist-header li .quantity {
    font-size: 11px;
  }
}
.wishlist-header li .price {
  font-size: 12px;
  line-height: 18px;
  color: #e56b36;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .wishlist-header li .price {
    font-size: 11px;
  }
}
.wishlist-header li .delete {
  position: absolute;
  bottom: 30px;
  right: 0;
  background: white;
  padding: 3px;
  color: red;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 400ms ease-in-out;
}
.cookie-main-section {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.9);
  transition: all 400ms ease-in-out;
}
.cookie-main-section.disabled {
  opacity: 0;
  visibility: hidden;
}
.cookie-main-section .wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 15px 0;
}
@media (max-width: 767px) {
  .cookie-main-section .wrap {
    flex-direction: column;
    gap: 7px;
    align-items: flex-start;
  }
}
.cookie-main-section .wrap .area {
  flex: 1;
}
.cookie-main-section .wrap .area.info {
  min-width: 60%;
}
@media (max-width: 991px) {
  .cookie-main-section .wrap .area.info {
    min-width: 75%;
  }
}
.cookie-main-section .wrap .area.info h2 {
  color: #ffffff;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
}
.cookie-main-section .wrap .area.info p {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .cookie-main-section .wrap .area.info p {
    max-height: 40px;
    overflow-y: auto;
  }
}
.cookie-main-section .wrap .area.info .cookies-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 15px;
}
@media (max-width: 575px) {
  .cookie-main-section .wrap .area.info .cookies-list {
    display: none;
  }
}
.cookie-main-section .wrap .area.info .cookies-list li {
  position: relative;
}
.cookie-main-section .wrap .area.info .cookies-list li input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.cookie-main-section .wrap .area.info .cookies-list li input:checked + label span {
  background: #ededed;
}
.cookie-main-section .wrap .area.info .cookies-list li input:checked + label span:after {
  left: 30px;
  background-color: #ffba00;
}
.cookie-main-section .wrap .area.info .cookies-list li input:disabled + label span {
  opacity: 0.7;
  pointer-events: none;
}
.cookie-main-section .wrap .area.info .cookies-list li label {
  padding-right: 70px;
  color: #ffffff;
  font-size: 15px;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cookie-main-section .wrap .area.info .cookies-list li label span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 57px;
  height: 32px;
  border-radius: 32px;
  background: #ffffff;
  transform: translateY(-50%);
  display: block;
  transition: all 400ms ease-in-out;
}
.cookie-main-section .wrap .area.info .cookies-list li label span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #0c0c0c;
  transform: translateY(-50%);
  transition: all 400ms ease-in-out;
}
.cookie-main-section .wrap .area.actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 767px) {
  .cookie-main-section .wrap .area.actions {
    flex-direction: unset;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .cookie-main-section .wrap .area.actions button {
    flex: 1;
  }
}
@media (max-width: 575px) {
  .cookie-main-section .wrap .area.actions {
    flex-direction: column;
  }
  .cookie-main-section .wrap .area.actions button {
    flex: unset;
    width: 100%;
  }
}
.cookie-main-section .wrap .area.logo-wrap {
  max-width: 15%;
}
@media (max-width: 991px) {
  .cookie-main-section .wrap .area.logo-wrap {
    display: none;
  }
}
.cookie-main-section .wrap .area.logo-wrap .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cookie-main-section .wrap .area.logo-wrap .logo img {
  max-width: 100%;
}
.custom-cookie-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 400ms ease-in-out;
}
@media (max-width: 460px) {
  .custom-cookie-popup {
    padding: 10px;
  }
}
.custom-cookie-popup.open-popup {
  opacity: 1;
  visibility: initial;
  pointer-events: initial;
}
.custom-cookie-popup .wrap {
  width: 100%;
  max-width: 900px;
  background-color: #ffffff;
  box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 0;
}
.custom-cookie-popup .wrap .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .head {
    padding: 10px;
  }
}
.custom-cookie-popup .wrap .head .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.custom-cookie-popup .wrap .head .logo img {
  width: 100%;
  max-width: 120px;
}
.custom-cookie-popup .wrap .head .close-popup {
  width: 14px;
  height: 14px;
  position: relative;
  cursor: pointer;
}
.custom-cookie-popup .wrap .head .close-popup:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #7d7d7d;
}
.custom-cookie-popup .wrap .head .close-popup:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #7d7d7d;
}
.custom-cookie-popup .wrap .footer-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  padding: 10px 20px;
  border-top: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .footer-area {
    padding: 10px;
  }
}
.custom-cookie-popup .wrap .body-area {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.custom-cookie-popup .wrap .body-area .tabs-list {
  width: 100%;
  max-width: 225px;
  display: flex;
  flex-direction: column;
  background: #e5e5e5;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-list {
    max-width: 160px;
  }
}
@media (max-width: 460px) {
  .custom-cookie-popup .wrap .body-area .tabs-list {
    max-width: 130px;
  }
}
@media (max-width: 380px) {
  .custom-cookie-popup .wrap .body-area .tabs-list {
    max-width: 110px;
  }
}
.custom-cookie-popup .wrap .body-area .tabs-list li {
  padding: 10px 15px;
  font-size: 15px;
  line-height: 22px;
  transition: all 400ms ease-in-out;
  cursor: pointer;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  border-bottom: 1px solid #ededed;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-list li {
    font-size: 13px;
    line-height: 19px;
    padding: 10px;
  }
}
@media (max-width: 380px) {
  .custom-cookie-popup .wrap .body-area .tabs-list li {
    font-size: 12px;
    line-height: 18px;
    padding: 8px;
  }
}
.custom-cookie-popup .wrap .body-area .tabs-list li:hover {
  background: #ededed;
}
.custom-cookie-popup .wrap .body-area .tabs-list li.active {
  background-color: #ffffff;
}
.custom-cookie-popup .wrap .body-area .tabs-content {
  width: 100%;
  max-width: calc(100% - 225px);
  padding: 10px 15px;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-content {
    max-width: calc(100% - 160px);
  }
}
@media (max-width: 460px) {
  .custom-cookie-popup .wrap .body-area .tabs-content {
    max-width: calc(100% - 130px);
  }
}
@media (max-width: 460px) {
  .custom-cookie-popup .wrap .body-area .tabs-content {
    max-width: calc(100% - 110px);
  }
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab:not(.active) {
  display: none;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head h2 {
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head h2 {
    font-size: 14px;
    line-height: 20px;
  }
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head .status input {
  position: absolute;
  top: 0;
  lefT: 0;
  opacity: 0;
  pointer-events: none;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head .status input:checked + label {
  background: #ededed;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head .status input:checked + label:after {
  left: 30px;
  background-color: #ffba00;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head .status label {
  width: 57px;
  height: 32px;
  border-radius: 32px;
  background: #0c0c0c;
  display: block;
  transition: all 400ms ease-in-out;
  position: relative;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-head .status label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  transform: translateY(-50%);
  transition: all 400ms ease-in-out;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content {
  max-height: 300px;
  overflow-y: auto;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .txt {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .txt p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .txt p {
    font-size: 13px;
    line-height: 19px;
  }
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .txt ul {
  list-style-type: disc;
  padding-left: 20px;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .txt ul li {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .txt ul li {
    font-size: 13px;
    line-height: 19px;
  }
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list {
  display: flex;
  flex-direction: column;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li {
  position: relative;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li input {
  position: absolute;
  top: 0;
  lefT: 0;
  opacity: 0;
  pointer-events: none;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li input:checked + label span {
  background: #ededed;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li input:checked + label span:after {
  left: 30px;
  background-color: #ffba00;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li input:disabled + label span {
  opacity: 0.7;
  pointer-events: none;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li label {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li label h2 {
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 18px;
  line-height: 24px;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li label p {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
@media (max-width: 767px) {
  .custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li label p {
    font-size: 13px;
    line-height: 19px;
  }
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li label span {
  width: 57px;
  height: 32px;
  border-radius: 32px;
  background: #0c0c0c;
  display: block;
  transition: all 400ms ease-in-out;
  position: relative;
}
.custom-cookie-popup .wrap .body-area .tabs-content .tab .tab-content .cookies-list li label span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  transform: translateY(-50%);
  transition: all 400ms ease-in-out;
}
.code {
  padding: 10px;
  border-bottom: 1px solid #ffc600;
  background: #333;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.code code {
  font: 15px 'Droid Sans', 'Ubuntu', 'Tahoma', 'Arial', sans-serif;
}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  clear: both;
}
#scripts {
  width: 0;
  height: 0;
  position: relative;
  overflow: hidden;
}
a {
  outline: none !important;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.b {
  display: block;
}
.h {
  visibility: hidden !important;
}
.n {
  display: none;
}
.ni {
  display: none !important;
}
.no-indent {
  text-indent: 0 !important;
}
.center {
  text-align: center !important;
}
body {
  font-size: 14px;
  font-family: 'Roboto-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #666666;
  line-height: 1.375;
  min-height: 100vh;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
#j9g1rikm7en81690543274440 {
  display: none !important;
}
#back-to-top {
  position: fixed;
  z-index: 1001;
  bottom: 3vh;
  right: 4vh;
  width: 50px;
  height: 50px;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #b7001d;
}
#back-to-top i {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(167deg) brightness(172%) contrast(105%);
  font-size: 28px;
  padding-bottom: 5px;
}
#header_cookies a {
  color: #9bb7ff;
}
#header_cookies .row {
  color: #ddd;
  padding: 12px;
  text-align: center;
}
#header_cookies {
  background-color: #38424A;
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#content {
  padding-top: 0;
}
.has-tooltip {
  position: relative;
}
.has-tooltip .tooltip {
  color: #ffffff;
  background: #2c2c2c;
  padding: 2px 5px;
  transition: all 400ms ease-in-out;
  bottom: 95%;
  font-size: 11px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.has-tooltip .tooltip:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-top: 6px solid #2c2c2c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.has-tooltip:hover .tooltip {
  bottom: 102%;
  opacity: 1;
}
.page-padding {
  padding: 30px 0 0;
}
.pt-0 {
  padding-top: 0 !important;
}
.wrapper-content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.wrapper-content #content {
  flex: 1;
}
.copy-code {
  cursor: pointer;
  padding: 2px 3px;
  position: relative;
  transition: 0.3s ease-out;
}
.copy-code::after {
  content: '';
  font-size: 12px;
  color: gray;
  position: initial;
  right: 0;
  bottom: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  margin-left: 3px;
}
.copy-code.copied {
  position: relative;
}
.copy-code.copied::after {
  content: 'Copiat';
  opacity: 1;
  color: green;
}
.copy-code:hover {
  background: #dbdbdb;
  border-radius: 5px;
}
.copy-code:hover::after {
  opacity: 1;
}
@media (max-width: 991px) {
  .wrapper {
    overflow: hidden;
  }
  .wrapper .wrapper-content {
    position: relative;
    left: 0;
    transition: 0.3s ease-out;
  }
  .wrapper.open-menu .wrapper-content {
    left: 300px;
  }
  .wrapper.open-menu .mobile-menu {
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    pointer-events: all;
  }
}
#laptopaid-header {
  background: #ffffff;
}
#laptopaid-header .top-header {
  padding: 15px 0;
  position: relative;
}
@media (max-width: 767px) {
  #laptopaid-header .top-header {
    padding: 10px 0;
  }
}
#laptopaid-header .top-header .logo-site {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 300px;
}
#laptopaid-header .top-header .logo-site img {
  width: auto;
  max-width: 100%;
  height: auto;
}
@media (max-width: 800px) and (min-width: 576px) {
  #laptopaid-header .top-header .logo-site img {
    min-width: 120px;
  }
}
@media (max-width: 575px) and (min-width: 490px) {
  #laptopaid-header .top-header .logo-site img {
    min-width: 100px;
  }
}
@media (max-width: 800px) and (min-width: 490px) {
  #laptopaid-header .top-header .search-wrapper {
    display: block;
    width: 50%;
    padding: 0;
  }
  #laptopaid-header .top-header .row {
    flex-wrap: unset;
  }
  #laptopaid-header .top-header .actions-wrapper {
    flex: 1;
  }
  #laptopaid-header .top-header .logo-wrapper {
    flex: 1;
  }
}
@media (max-width: 489px) {
  #laptopaid-header .top-header .search-wrapper {
    display: block;
    width: 100%;
    order: 3;
    margin-top: 10px;
  }
}
#laptopaid-header .top-header .website-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#laptopaid-header .top-header .website-actions .action-btn,
#laptopaid-header .top-header .website-actions .action-with-drop {
  padding: 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  font-size: 12px;
}
#laptopaid-header .top-header .website-actions .action-btn .icon,
#laptopaid-header .top-header .website-actions .action-with-drop .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}
@media (max-width: 1199px) {
  #laptopaid-header .top-header .website-actions .action-btn .icon,
  #laptopaid-header .top-header .website-actions .action-with-drop .icon {
    margin-right: 0;
  }
}
#laptopaid-header .top-header .website-actions .action-btn .action-btn,
#laptopaid-header .top-header .website-actions .action-with-drop .action-btn {
  padding: 0;
  cursor: pointer;
}
#laptopaid-header .top-header .website-actions .action-btn .txt,
#laptopaid-header .top-header .website-actions .action-with-drop .txt {
  color: #0c0c0c;
  font-family: 'Roboto-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  line-height: 12px;
  transition: .3s ease;
}
@media (max-width: 1199px) {
  #laptopaid-header .top-header .website-actions .action-btn .txt,
  #laptopaid-header .top-header .website-actions .action-with-drop .txt {
    display: none;
  }
}
#laptopaid-header .top-header .website-actions .action-btn .cart-drop .cart-icon,
#laptopaid-header .top-header .website-actions .action-with-drop .cart-drop .cart-icon {
  stroke: #0c0c0c;
}
#laptopaid-header .top-header .website-actions .action-btn .cart-drop .cart-trigger,
#laptopaid-header .top-header .website-actions .action-with-drop .cart-drop .cart-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop,
#laptopaid-header .top-header .website-actions .action-with-drop .drop {
  position: absolute;
  padding-top: 10px;
  top: 100%;
  right: -10px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
@media (max-width: 991px) {
  #laptopaid-header .top-header .website-actions .action-btn .drop,
  #laptopaid-header .top-header .website-actions .action-with-drop .drop {
    right: 0px;
    transform: translateX(50%);
  }
  #laptopaid-header .top-header .website-actions .action-btn .drop.cart,
  #laptopaid-header .top-header .website-actions .action-with-drop .drop.cart {
    right: 100px;
  }
  #laptopaid-header .top-header .website-actions .action-btn .drop.cart .inner:before,
  #laptopaid-header .top-header .website-actions .action-with-drop .drop.cart .inner:before {
    right: 22px;
  }
}
@media (max-width: 767px) {
  #laptopaid-header .top-header .website-actions .action-btn .drop.cart .inner:before,
  #laptopaid-header .top-header .website-actions .action-with-drop .drop.cart .inner:before {
    right: 20px;
  }
}
#laptopaid-header .top-header .website-actions .action-btn .drop.open,
#laptopaid-header .top-header .website-actions .action-with-drop .drop.open {
  opacity: 1;
  visibility: initial;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner {
  width: 250px;
  height: 100%;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
  position: relative;
  border-radius: 6px;
  padding: 10px;
}
@media (max-width: 991px) {
  #laptopaid-header .top-header .website-actions .action-btn .drop .inner,
  #laptopaid-header .top-header .website-actions .action-with-drop .drop .inner {
    border-radius: 0;
    width: 230px;
  }
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner:before,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 16px;
  transform: translateY(-100%);
  border-bottom: 10px solid #ffffff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
@media (max-width: 991px) {
  #laptopaid-header .top-header .website-actions .action-btn .drop .inner:before,
  #laptopaid-header .top-header .website-actions .action-with-drop .drop .inner:before {
    right: 122px;
  }
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .drop-title,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .drop-title {
  padding: 0 0 10px;
  margin: 0;
  text-align: center;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  text-transform: uppercase;
  color: #e56b36;
  font-size: 14px;
  line-height: 14px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .drop-header,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .drop-header {
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .drop-header.border,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .drop-header.border {
  padding: 5px;
  border-bottom: 1px solid #dfdfdf;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .account-links,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .account-links {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .account-links li a,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .account-links li a {
  display: block;
  font-size: 15px;
  line-height: 21px;
  color: #2c2c2c;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .account-links li a:hover,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .account-links li a:hover {
  color: #e56b36;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .buttons,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .buttons .btn-link,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .buttons .btn-link {
  text-decoration: underline;
  display: block;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .buttons .btn-link:hover,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .buttons .btn-link:hover {
  color: #666666 !important;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .buttons .form-submitter,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .buttons .form-submitter {
  border-radius: 6px;
  flex: 1;
  margin: 0;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form dl,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form dl {
  margin-bottom: 10px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form dl dd:not(:last-child),
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form dl dd:not(:last-child) {
  margin-bottom: 7px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .register-link,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .register-link {
  text-align: center;
  display: block;
  margin-top: 10px;
  color: #666666;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods h4,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods h4 {
  text-align: center;
  color: #999999;
  position: relative;
  font-size: 11px;
  margin: 0;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods h4 span,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods h4 span {
  background: #ffffff;
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods h4:before,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods h4:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999999;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a {
  display: flex;
  padding: 8px 24px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 14px;
  position: relative;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a.fb,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a.fb {
  background: #1877F2;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a.google,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a.google {
  background: #ea0025;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a.apple,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a.apple {
  background: #000000;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a.apple:hover,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a.apple:hover {
  background: #ea0025;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a .icon,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  position: absolute;
  width: 40px;
  top: 50%;
  lefT: 0;
  border-right: 1px solid #b9b9b9;
  transform: translateY(-50%);
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a .txt,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a .txt {
  flex: 1;
  text-align: center;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #ffffff;
  display: block;
}
#laptopaid-header .top-header .website-actions .action-btn .drop .inner .login-form .login-methods ul li a:hover,
#laptopaid-header .top-header .website-actions .action-with-drop .drop .inner .login-form .login-methods ul li a:hover {
  background: #000000;
}
#laptopaid-header .top-header .website-actions .action-btn svg,
#laptopaid-header .top-header .website-actions .action-with-drop svg {
  width: 24px;
  height: 24px;
  transition: .3s ease;
  color: #0c0c0c;
  fill: #0c0c0c;
}
@media (max-width: 767px) {
  #laptopaid-header .top-header .website-actions .action-btn svg,
  #laptopaid-header .top-header .website-actions .action-with-drop svg {
    width: 20px;
    height: 20px;
  }
}
#laptopaid-header .top-header .website-actions .action-btn svg.arrow,
#laptopaid-header .top-header .website-actions .action-with-drop svg.arrow {
  width: 10px;
  height: 10px;
  transform: rotate(90deg);
}
@media (max-width: 1199px) {
  #laptopaid-header .top-header .website-actions .action-btn svg.arrow,
  #laptopaid-header .top-header .website-actions .action-with-drop svg.arrow {
    display: none;
  }
}
#laptopaid-header .top-header .website-actions .action-btn .ev-checkout-cart-count,
#laptopaid-header .top-header .website-actions .action-with-drop .ev-checkout-cart-count {
  position: absolute;
  top: -8px;
  right: -9px;
  background-color: #e56b36;
  border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 19px;
  color: #ffffff;
}
#laptopaid-header .top-header .website-actions .action-btn .count,
#laptopaid-header .top-header .website-actions .action-with-drop .count {
  position: absolute;
  top: -8px;
  right: -9px;
  background-color: #e56b36;
  border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 19px;
  color: #ffffff;
}
#laptopaid-header .top-header .website-actions .action-btn .counter,
#laptopaid-header .top-header .website-actions .action-with-drop .counter {
  position: absolute;
  top: -8px;
  right: -9px;
  background-color: #e56b36;
  border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 19px;
  color: #ffffff;
}
#laptopaid-header .top-header .website-actions .action-btn:hover svg,
#laptopaid-header .top-header .website-actions .action-with-drop:hover svg {
  color: #e56b36;
  fill: #e56b36;
}
#laptopaid-header .top-header .website-actions .action-btn:hover .txt,
#laptopaid-header .top-header .website-actions .action-with-drop:hover .txt {
  color: #e56b36;
}
#laptopaid-header .top-header .website-actions .action-btn:hover .cart-drop .cart-icon,
#laptopaid-header .top-header .website-actions .action-with-drop:hover .cart-drop .cart-icon {
  stroke: #e56b36;
}
#laptopaid-header .top-header .website-actions .action-btn .drop-section,
#laptopaid-header .top-header .website-actions .action-with-drop .drop-section {
  color: #666666;
  width: 280px;
  padding: 20px 10px;
  background: #ffffff;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  transition: all ease .3s;
  border-radius: 6px;
  max-height: 70vh;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
#laptopaid-header .top-header .website-actions .action-btn .drop-section .inner,
#laptopaid-header .top-header .website-actions .action-with-drop .drop-section .inner {
  position: relative;
}
#laptopaid-header .top-header .website-actions .action-btn .drop-section .main-btn,
#laptopaid-header .top-header .website-actions .action-with-drop .drop-section .main-btn {
  margin-top: 3.5px;
}
#laptopaid-header .top-header .website-actions .action-btn.hamburger,
#laptopaid-header .top-header .website-actions .action-with-drop.hamburger {
  display: none;
}
@media (max-width: 991px) {
  #laptopaid-header .top-header .website-actions .action-btn.hamburger,
  #laptopaid-header .top-header .website-actions .action-with-drop.hamburger {
    display: flex;
    padding-right: 0;
  }
}
#laptopaid-header .top-header .website-actions .action-btn.hamburger:hover svg,
#laptopaid-header .top-header .website-actions .action-with-drop.hamburger:hover svg {
  color: #ffffff;
}
#laptopaid-header .header-bottom {
  background: -moz-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  /* safari 5.1+,chrome 10+ */
  background: -webkit-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  /* opera 11.10+ */
  background: -o-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2D2D2', endColorstr='#BEBEBE', GradientType=0);
  /* ie 10+ */
  background: -ms-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  /* global 94%+ browsers support */
  background: linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
}
#laptopaid-header .header-bottom .col-categories-wrapper {
  position: initial;
}
#laptopaid-header .header-bottom .show-categories {
  width: 100%;
  line-height: 55px;
  padding: 0 15px;
  background: #e56b36;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  align-items: center;
}
#laptopaid-header .header-bottom .show-categories svg {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  #laptopaid-header .header-bottom .show-categories {
    font-size: 15px;
  }
}
#laptopaid-header .header-bottom .pages {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#laptopaid-header .header-bottom .pages li {
  padding: 0 9px;
}
@media (max-width: 1378px) {
  #laptopaid-header .header-bottom .pages li {
    padding: 0 6px;
  }
}
@media (max-width: 1199px) {
  #laptopaid-header .header-bottom .pages li {
    padding: 0 5px;
  }
}
#laptopaid-header .header-bottom .pages li a {
  padding: 18px 0;
  display: block;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: #0c0c0c;
  transition: 0.3s ease-out;
}
#laptopaid-header .header-bottom .pages li a:hover,
#laptopaid-header .header-bottom .pages li a.active {
  color: #e56b36;
}
@media (max-width: 1199px) {
  #laptopaid-header .header-bottom .pages li a {
    font-size: 12px;
  }
}
#laptopaid-header .header-bottom .tel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  color: #0c0c0c;
}
#laptopaid-header .header-bottom .tel svg {
  margin-right: 5px;
}
#laptopaid-header .header-bottom .tel a {
  font-size: 14px;
  line-height: 19px;
  color: #e56b36;
  display: block;
  margin-left: 5px;
}
#laptopaid-header .header-bottom .menu-products-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 15px;
  width: 100%;
  max-width: calc(100% - 30px);
  z-index: 12;
  pointer-events: none;
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content {
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products {
    max-height: 400px;
    overflow-y: auto;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav {
  background-color: #ffffff;
  width: calc(25% - 22px);
  box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
  position: relative;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav:before {
  content: '';
  position: absolute;
  top: 0;
  left: 95%;
  width: calc(1370px - 320px);
  height: 100%;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all ease .3s, width 0s;
}
@media (max-width: 1400px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav:before {
    width: 75vw;
  }
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav:before {
    display: none;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav:hover:before {
  left: 100%;
  opacity: 1;
  visibility: initial;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li {
  pointer-events: all;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .parent {
  padding: 3.5px 15px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
  transition: all ease .3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 1px 0 1px;
  border-color: transparent;
  border-style: solid;
  cursor: pointer;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .parent svg {
  transition: .3s ease;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .parent span {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .parent span img {
  margin-top: 2px;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .svg {
  display: none;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories {
  background-color: #ffffff;
  z-index: 1;
  height: 100%;
  padding: 15px;
  width: calc(1370px - 320px);
}
@media (min-width: 992px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories {
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.12);
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 100%;
    top: 0;
    transition: all ease .3s, width 0s;
  }
}
@media (max-width: 1400px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories {
    width: 75vw;
  }
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories {
    padding: 10px 5px;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories .parent-category {
  color: #e56b36;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f6f6f6;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul {
  columns: 4;
  gap: 15px;
}
@media (max-width: 1199px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul {
    columns: 3;
  }
}
@media (max-width: 767px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul {
    columns: 2;
  }
}
@media (max-width: 575px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul {
    columns: 1;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li {
  width: 100%;
  margin-bottom: 15px;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li a {
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  transition: 0.3s ease-out;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  display: block;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li a:hover {
  color: #e56b36;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li.subcategory1_li:hover .main-brands-list {
  max-height: 150px;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list {
  max-height: 0;
  overflow: hidden;
  transition: all 400ms ease-in-out;
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list {
    display: none;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: unset;
  align-items: center;
  gap: 6px;
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul {
    margin: 10px 0 0;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li {
  width: 100%;
  max-width: calc(100% / 6 - ((6px * 5) / 6));
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li {
    max-width: calc(100% / 9 - ((6px * 8) / 9));
  }
}
@media (max-width: 767px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li {
    max-width: calc(100% / 6 - ((6px * 5) / 6));
  }
}
@media (max-width: 575px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li {
    max-width: calc(100% / 4 - ((6px * 3) / 4));
  }
}
@media (max-width: 450px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li {
    max-width: calc(100% / 3 - ((6px * 2) / 3));
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .main-brands-list ul li img {
  width: auto;
  max-width: 100%;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .show_more {
  font-size: 13px;
  cursor: pointer;
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .show_more {
    display: none;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 5px 0 10px;
  width: 100%;
}
@media (min-width: 992px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2 {
    transition: all 400ms ease-in-out;
    overflow: hidden;
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2.less {
    max-height: calc((21px * 3) + 10px);
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2.large {
    max-height: 3000px;
  }
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2 li {
  max-width: 100%;
  margin: 0;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2 li a {
  color: #000000;
  font-family: 'Roboto-Regular', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 13px;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories ul li .subcategories-l2 li a:hover {
  color: #e56b36;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li:hover .parent {
  color: #e56b36;
  border-color: #ededed;
  background: #ffffff;
  position: relative;
  z-index: 2;
}
#laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li:hover .parent svg {
  fill: #e56b36;
}
@media (min-width: 992px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li:hover .subcategories {
    opacity: 1;
    pointer-events: all;
  }
}
@media (max-width: 991px) {
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav {
    background-color: #ffffff;
    width: 100%;
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    padding: 15px;
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav .parent-content {
    display: flex;
    align-items: center;
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li {
    pointer-events: all;
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav a {
    display: block;
    padding: 0 25px;
    line-height: 46px;
    color: #000000;
    font-weight: 500;
    transition: all ease .3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav a.parent {
    padding: 6.5px 0px;
    border-width: 0;
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav a.parent svg {
    transform: rotate(90deg);
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav a.parent.active svg {
    transform: rotate(-90deg);
  }
  #laptopaid-header .header-bottom .menu-products-content .menu-products .categories-nav > li .subcategories {
    position: initial;
    width: 100%;
    box-shadow: unset;
    display: none;
  }
}
@media (min-width: 992px) {
  #laptopaid-header .header-bottom .col-categories-wrapper.on-hover .menu-products-content {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms ease-in-out;
  }
  #laptopaid-header .header-bottom .col-categories-wrapper.on-hover:hover .menu-products-content {
    opacity: 1;
    visibility: initial;
  }
}
.mobile-menu {
  display: none;
  left: -300px;
  transition: 0.3s ease-out;
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  z-index: 13;
  pointer-events: none;
}
@media (max-width: 991px) {
  .mobile-menu {
    display: block;
  }
}
@media (max-width: 800px) {
  .mobile-menu .search-form {
    display: none;
  }
}
.mobile-menu .content {
  width: 100%;
  max-width: 300px;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  padding: 10px;
}
.mobile-menu .content form {
  border: 1px solid #000000;
  border-radius: 0;
}
.mobile-menu .content form input {
  width: calc(100% - 70px);
}
.mobile-menu .content form .buttons a {
  padding: 0 15px;
}
.mobile-menu .content ul li:not(:first-child) {
  border-top: 1px solid #f6f6f6;
}
.mobile-menu .content ul li a {
  padding: 15px 0;
  color: #2c2c2c;
  font-size: 14px;
  line-height: 19px;
  width: 100%;
  display: block;
}
.autocomplete-items {
  position: absolute;
  left: 0;
  top: 45px;
  display: block;
  z-index: 20;
}
.autocomplete-items .inner {
  padding: 0 20px 15px;
  background-color: #D3D3D3;
  border: 1px solid #000;
  border-radius: 10px;
  height: 255px;
  overflow-y: auto;
}
.autocomplete-items .inner > p {
  padding-top: 15px;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  color: #e56b36;
}
.autocomplete-items .inner > hr {
  margin-top: 1px;
  margin-bottom: 1px;
  border: 0;
  border-top: 1px solid #e56b36;
}
.autocomplete-items .inner > ul > li {
  border-radius: 5px;
  padding-top: 8px;
  display: inline-block;
  width: 100%;
  font-size: 15px;
}
.autocomplete-items .inner > ul > li > a {
  display: block;
  text-align: left;
  font-size: 15px;
  color: #2c2c2c;
  position: relative;
}
.autocomplete-items .inner > ul > li > a:hover {
  color: #e56b36;
}
.autocomplete-items .inner > ul > li div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.autocomplete-active > a {
  color: #e56b36 !important;
}
.footer {
  background: -moz-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  background: -webkit-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  background: -o-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2D2D2', endColorstr='#BEBEBE', GradientType=0);
  background: -ms-linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  background: linear-gradient(90deg, #bebebe 0%, #eeeeee 50%, #d2d2d2 100%);
  color: #666666;
  border-top: 1px solid #f3f3f3;
  padding-top: 35px;
  line-height: 1.8;
}
.footer .flex-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
}
@media (max-width: 991px) {
  .footer .flex-footer {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .footer .flex-footer {
    gap: 15px;
  }
}
.footer .flex-footer .flex__item {
  position: relative;
  min-width: 0;
  width: 100%;
  max-width: calc((100% - 30px) / 4);
  padding-left: 100px;
}
.footer .flex-footer .flex__item.logo-wrapper {
  padding-left: 0;
}
@media (max-width: 1199px) {
  .footer .flex-footer .flex__item {
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .footer .flex-footer .flex__item {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .footer .flex-footer .flex__item {
    padding-left: 0px;
    max-width: 100%;
  }
}
.footer .flex-footer .flex__item.full {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
}
.footer .flex-footer .flex__item .site-footer__section {
  padding-bottom: 15px;
}
@media (max-width: 991px) {
  .footer .flex-footer .flex__item .site-footer__section {
    padding-bottom: 0;
  }
}
.footer .flex-footer .flex__item .site-footer__section .logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.footer .flex-footer .flex__item .site-footer__section .logo img {
  max-width: 300px;
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .footer .flex-footer .flex__item .site-footer__section .logo img {
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  .footer .flex-footer .flex__item .site-footer__section .logo {
    padding-bottom: 20px;
  }
}
.footer .flex-footer .flex__item .site-footer__section .site-footer__section-title {
  color: #18191c;
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 0;
}
@media (max-width: 767px) {
  .footer .flex-footer .flex__item .site-footer__section .site-footer__section-title {
    margin-bottom: 10px;
  }
}
.footer .flex-footer .flex__item .site-footer__section .site-footer__list {
  padding-left: 35px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 991px) and (min-width: 768px) {
  .footer .flex-footer .flex__item .site-footer__section .site-footer__list {
    padding-left: 20px;
  }
}
.footer .flex-footer .flex__item .site-footer__section .site-footer__list .site-footer__list-item {
  font-size: 13px;
  line-height: 20px;
}
.footer .flex-footer .flex__item .site-footer__section .site-footer__list .site-footer__list-item a {
  color: #000;
  font-family: 'Roboto-Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.footer .flex-footer .flex__item .site-footer__section .site-footer__list .site-footer__list-item a:hover {
  color: #e56b36;
}
.footer .flex-footer .flex__item .site-footer__section .site-footer__list .site-footer__list-item p {
  color: #000;
  font-family: 'Roboto-Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
}
.footer .flex-footer .flex__item .site-footer__section .media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer .flex-footer .flex__item .site-footer__section .media .media-body {
  flex: 1;
  margin-left: 8px;
}
.footer .flex-footer .flex__item .site-footer__section .media .media-body .text-theme {
  color: #e56b36;
  font-weight: bolder;
}
.footer .flex-footer .flex__item .site-footer__section .media svg {
  filter: invert(19%) sepia(89%) saturate(5345%) hue-rotate(342deg) brightness(69%) contrast(113%);
  width: 45px;
  height: 45px;
  font-size: 45px;
}
.footer .site-footer__copyright .site-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 25px 0 15px;
}
@media (max-width: 991px) {
  .footer .site-footer__copyright .site-copyright {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }
}
.footer .site-footer__copyright .site-copyright a {
  color: #666666;
}
.footer .site-footer__copyright .site-copyright a:hover {
  color: #e56b36;
}
.footer .site-footer__copyright .site-copyright .copyright-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsletter {
  background: transparent !important;
}
.newsletter .newsletter-Wrapper {
  padding: 25px 30px 0;
  border: 1px solid #999;
  border-radius: 4px;
  background: white;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 767px) {
  .newsletter .newsletter-Wrapper {
    padding: 15px 15px 0;
  }
}
.newsletter .newsletter-Wrapper .newsletter-sc,
.newsletter .newsletter-Wrapper .newsletter-cap,
.newsletter .newsletter-Wrapper .newsletter-form {
  margin-bottom: 25px;
}
.newsletter .newsletter-Wrapper .newsletter-sc h4,
.newsletter .newsletter-Wrapper .newsletter-cap h4,
.newsletter .newsletter-Wrapper .newsletter-form h4 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: black;
  font-size: 24px;
}
@media (max-width: 1350px) {
  .newsletter .newsletter-Wrapper .newsletter-sc h4,
  .newsletter .newsletter-Wrapper .newsletter-cap h4,
  .newsletter .newsletter-Wrapper .newsletter-form h4 {
    font-size: 20px;
  }
}
@media (max-width: 1300px) {
  .newsletter .newsletter-Wrapper .newsletter-sc h4,
  .newsletter .newsletter-Wrapper .newsletter-cap h4,
  .newsletter .newsletter-Wrapper .newsletter-form h4 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .newsletter .newsletter-Wrapper .newsletter-sc h4,
  .newsletter .newsletter-Wrapper .newsletter-cap h4,
  .newsletter .newsletter-Wrapper .newsletter-form h4 {
    font-size: 14px;
  }
}
.newsletter .newsletter-Wrapper .newsletter-form {
  max-width: 500px;
  width: 100%;
}
@media (max-width: 1199px) {
  .newsletter .newsletter-Wrapper .newsletter-form {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .newsletter .newsletter-Wrapper .newsletter-form {
    margin-bottom: 15px;
  }
}
.newsletter .newsletter-Wrapper .newsletter-sc .social-icons {
  display: flex;
  gap: 14px;
}
.newsletter .newsletter-Wrapper .newsletter-sc .social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25.19px;
}
.newsletter .newsletter-Wrapper .newsletter-sc .social-icons svg {
  width: 14px;
  height: auto;
}
.rating {
  width: 78px;
  height: 14px;
  background: url('/static/images/rating.png') no-repeat;
  background-position: 0 0;
}
.rating.big {
  width: 124px;
  height: 22px;
  background: url('/static/images/rating-big.png') no-repeat;
}
.rating.big > div {
  height: 22px;
  background-image: inherit;
  background-position: 0 -22px;
}
.rating > div {
  height: 14px;
  background-image: inherit;
  background-position: 0 -14px;
}
.rating > div.rating-0 {
  width: 0;
}
.rating > div.rating-10 {
  width: 10%;
}
.rating > div.rating-20 {
  width: 20%;
}
.rating > div.rating-30 {
  width: 30%;
}
.rating > div.rating-40 {
  width: 40%;
}
.rating > div.rating-50 {
  width: 50%;
}
.rating > div.rating-60 {
  width: 60%;
}
.rating > div.rating-70 {
  width: 70%;
}
.rating > div.rating-80 {
  width: 80%;
}
.rating > div.rating-90 {
  width: 90%;
}
.rating > div.rating-100 {
  width: 100%;
}
.product .inner {
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 7px;
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.product .inner .promo {
  background: #e56b36;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px 10px;
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 7px;
}
.product .inner .promo img {
  width: 85px;
  height: auto;
}
.product .inner .image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 100%;
}
.product .inner .image img {
  max-width: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.product .inner .image .discount {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #e56b36;
  padding: 5px;
  color: #ffffff;
}
.product .inner .product-bottom {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.product .inner .product-bottom .name {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  flex: 1;
}
.product .inner .product-bottom .name h5 {
  font-size: 16px;
  line-height: 22px;
  color: #0c0c0c;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: calc(22px * 3);
  margin: 0;
}
.product .inner .product-bottom .product-code {
  text-align: center;
  color: #999999;
  margin-bottom: 10px;
}
.product .inner .product-bottom .stock-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  margin-bottom: 15px;
}
.product .inner .product-bottom .price-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 10px;
}
.product .inner .product-bottom .price-container .currency {
  text-transform: capitalize;
}
.product .inner .product-bottom .price-container .new {
  font-family: 'Roboto-Bold', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Verdana', sans-serif;
  color: #e56b36;
}
.product .inner .product-bottom .price-container .old {
  text-decoration: line-through;
  color: #999999;
}
.product .inner .product-bottom .actions-btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.product .inner .product-bottom .actions-btns .add-to-cart {
  flex: 1;
}
.product .inner .product-bottom .actions-btns .fav-btn {
  padding: 5px;
  background: #999999;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  height: 100%;
  border-radius: 5px;
}
.product .inner .product-bottom .actions-btns .fav-btn svg {
  fill: #ffffff;
}
.product .inner .product-bottom .actions-btns .fav-btn:hover,
.product .inner .product-bottom .actions-btns .fav-btn.added {
  background: #e56b36;
}
.product .inner .product-bottom .actions-btns .product-actions button {
  padding: 5px;
  background: #999999;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.product .inner .product-bottom .actions-btns .product-actions button svg {
  fill: #ffffff;
}
.product .inner .product-bottom .actions-btns .product-actions button:hover,
.product .inner .product-bottom .actions-btns .product-actions button.active {
  background: #e56b36;
}
.stock-icon {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #3CB371;
  position: relative;
}
.stock-icon.out {
  background: red;
}
.stock-icon.out svg {
  fill: #ffffff;
}
.stock-icon svg {
  stroke: #ffffff;
}
.products-carousel .owl-wrapper,
.products-slider .owl-wrapper {
  display: flex !important;
}
.products-carousel .owl-wrapper .product,
.products-slider .owl-wrapper .product {
  height: 100%;
  padding: 0 7.5px;
}
.products-list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.products-list-wrap.grid .product {
  width: 100%;
}
@media (min-width: 1500px) {
  .products-list-wrap.grid .product {
    max-width: calc((100% - 45px) / 4);
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .products-list-wrap.grid .product {
    max-width: calc((100% - 30px) / 3);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .products-list-wrap.grid .product {
    max-width: calc((100% - 15px) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .products-list-wrap.grid .product {
    max-width: calc((100% - 30px) / 3);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .products-list-wrap.grid .product {
    max-width: calc((100% - 15px) / 2);
  }
}
.products-list-wrap.grid .product .inner .product-top .hover {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all ease .45s;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 991px) {
  .products-list-wrap.grid .product .inner .product-top .hover {
    opacity: 1;
    background-color: transparent;
  }
}
.products-list-wrap.grid .product .inner .actions-btns {
  width: 100%;
  max-width: 100% !important;
}
.products-list-wrap.grid .product .inner .actions-btns .add-to-cart {
  flex: 1;
}
.products-list-wrap.grid .product .inner:hover .product-top .hover {
  opacity: 1;
}
.products-list-wrap.list .product {
  width: 100%;
}
.products-list-wrap.list .product .inner {
  display: flex;
  position: relative;
  flex-direction: unset;
}
@media (max-width: 450px) {
  .products-list-wrap.list .product .inner {
    flex-direction: column;
  }
}
.products-list-wrap.list .product .inner .image {
  width: 100%;
  max-width: 200px;
  padding-bottom: 200px;
}
@media (max-width: 1199px) {
  .products-list-wrap.list .product .inner .image {
    max-width: 180px;
    padding-bottom: 180px;
  }
}
@media (max-width: 575px) {
  .products-list-wrap.list .product .inner .image {
    max-width: 150px;
    padding-bottom: 150px;
  }
}
@media (max-width: 450px) {
  .products-list-wrap.list .product .inner .image {
    max-width: 100%;
    padding-bottom: 100%;
  }
}
@media (max-width: 450px) {
  .products-list-wrap.list .product .inner .actions-btns {
    width: 100%;
    max-width: 100% !important;
  }
  .products-list-wrap.list .product .inner .actions-btns .add-to-cart {
    flex: 1;
  }
}
.products-list-wrap.list .product .inner .product-bottom {
  width: 100%;
  max-width: calc(100% - 210px);
}
.products-list-wrap.list .product .inner .product-bottom .actions-btns {
  margin: 0 0 0 auto;
}
@media (max-width: 1199px) {
  .products-list-wrap.list .product .inner .product-bottom {
    max-width: calc(100% - 190px);
  }
}
@media (max-width: 575px) {
  .products-list-wrap.list .product .inner .product-bottom {
    max-width: calc(100% - 160px);
  }
}
@media (max-width: 450px) {
  .products-list-wrap.list .product .inner .product-bottom {
    max-width: 100%;
  }
}
@media (min-width: 451px) {
  .products-list-wrap.list .product .inner .product-bottom .name {
    margin-top: 10px;
    flex: unset;
  }
  .products-list-wrap.list .product .inner .product-bottom .name h5 {
    min-height: 0;
    text-align: left;
  }
}
@media (min-width: 451px) {
  .products-list-wrap.list .product .inner .product-bottom .product-code {
    text-align: left;
  }
  .products-list-wrap.list .product .inner .product-bottom .stock-wrap,
  .products-list-wrap.list .product .inner .product-bottom .price-container {
    justify-content: flex-start;
  }
}
.categories-section {
  padding: 34px 0 56px;
  margin: 50px 0;
}
.categories-section.white {
  background: #ffffff;
}
.categories-section.light {
  background: #2c2c2c;
}
.categories-section.m-0 {
  margin: 0;
}
@media (max-width: 767px) {
  .categories-section {
    padding: 34px 0;
    margin: 30px 0;
  }
}
.categories-section-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
@media (max-width: 991px) {
  .categories-section-wrap {
    gap: 15px;
  }
}
.categories-section-wrap .category {
  width: 100%;
  max-width: calc((100% / 4) - ((22px * 3) / 4));
}
.categories-section-wrap .category .wrap {
  background: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
  height: 260px;
  width: 100%;
}
@media (max-width: 1400px) {
  .categories-section-wrap .category {
    max-width: calc((100% / 3) - ((22px * 2) / 3));
  }
}
@media (max-width: 991px) {
  .categories-section-wrap .category {
    max-width: calc((100% / 2) - (22px / 2));
  }
}
@media (max-width: 767px) {
  .categories-section-wrap .category {
    max-width: 100%;
  }
}
.categories-section-wrap .category:hover .wrap {
  transform: rotateY(180deg);
}
.categories-section-wrap .category .side {
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 20px;
  width: 100%;
  height: 100%;
  line-height: 260px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.categories-section-wrap .category .side.back {
  background: linear-gradient(0.01turn, #cb2025, #951b20);
  transform: rotateY(180deg);
}
.categories-section-wrap .category .side.back {
  justify-content: center;
  padding: 0;
}
.categories-section-wrap .category .image {
  width: 100%;
  max-width: 35%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.categories-section-wrap .category .image img {
  max-height: 100%;
}
.categories-section-wrap .category .info {
  width: calc(65% - 10px);
}
.categories-section-wrap .category .info .name {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  text-align: left;
  text-transform: uppercase;
}
.categories-section-wrap .category .info .subcategories {
  display: flex;
  flex-direction: column;
}
.categories-section-wrap .category .info .subcategories li {
  margin-bottom: 18px;
}
.categories-section-wrap .category .info .subcategories li a {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
.categories-section-wrap .category .info .subcategories li a:hover {
  color: #000000;
}
.categories-section-wrap .category .link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  gap: 10px;
  width: 100%;
  height: 100%;
}
.categories-section-wrap .category .link svg {
  fill: #ffffff;
  transition: all 350ms ease-in-out;
}