.leaflet-container .leaflet-control-attribution {
    display: none !important;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/file/font/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/file/font/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
#panorama-container {
    width: 100%;
    height: 500px;
}
#panorama-container .pnlm-credit {
    cursor: pointer;
}
.panorama-button-container {
    text-align: center;
    margin-bottom: 15px;
}
/* Общие стили для всех устройств */
.panorama-button {
    display: inline-block;
    margin: 10px 5px 0px 0px;
    padding: 5px 15px;
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
	width: auto;
	height: auto;
}
/* Стили для мобильных устройств */
@media (max-width: 767px) {
    .panorama-button {
        margin: 5px 0;
    }
}
.panorama-button:hover {
    background-color: #e5e5e5;
}
.panorama-button.active {
    background-color: #333;
    color: #f5f5f5;
}
.panorama a-scene[embedded] {
    width: 100%;
    height: 483px; 
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
}
.panorama a-sky:not([src])::before {
    content: "Пожалуйста, выберите панораму";
    z-index: 10;  /* Увеличиваем z-index */
    position: absolute; /* Делаем элемент абсолютно позиционированным */
    top: 50%;  /* Центрируем текст по вертикали */
    left: 50%; /* Центрируем текст по горизонтали */
    transform: translate(-50%, -50%); /* Смещение для центровки */
    background-color: rgba(255, 255, 255, 0.5); /* Полупрозрачный фон */
    padding: 10px; /* Отступ вокруг текста */
}
.panorama-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    animation: fadeInOut 3s infinite;
}
.panorama-block {
    background: rgba(0,0,0,0.2);
    padding: 0;
    border-radius: 10px;
    height: 100vh;
    min-height: 600px;
    display: block;
    border: 1px solid rgba(255,255,255,0.1);
    overflow: visible;
  }

  .panorama-block iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  @media (max-width: 768px) {
    .panorama-block {
      height: 92vh;
      min-height: 650px;
    }
  }

  @media (max-width: 480px) {
    .panorama-block {
              min-height: 935px;
    }
  }
.desc_other_seo, .content-text.clearfix {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #666;
  border-bottom: 1px solid #eaeaea;
  /*border-top: 1px solid #eaeaea;*/
}
.desc_other_seo a {
  color: #2a6894;
  text-decoration: underline;
}
.content-text.clearfix a {
  color: #2a6894;
}
.desc_other_seo p, .content-text.clearfix p,
.desc_other_seo span, .content-text.clearfix span {
  margin-bottom: 1em;
  text-indent: 1em;
}
.desc_other_seo ul, .desc_other_seo ol,
.content-text.clearfix ul, .content-text.clearfix ol {
  margin: 1em 0;
  padding-left: 20px;
}
.desc_other_seo ul li, .desc_other_seo ol li,
.content-text.clearfix ul li, .content-text.clearfix ol li {
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 25px;
}
.desc_other_seo ul li::before, .content-text.clearfix ul li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #000;
  border-radius: 50%;
}
.desc_other_seo h1, .desc_other_seo h2, .desc_other_seo h3, .desc_other_seo h4, .desc_other_seo h5, .desc_other_seo h6,
.content-text.clearfix h1, .content-text.clearfix h2, .content-text.clearfix h3, .content-text.clearfix h4, .content-text.clearfix h5, .content-text.clearfix h6 {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
  text-indent: 0.5em !important;
}
.desc_other_seo h1, .content-text.clearfix h1 {
  font-size: 24px;
}
.desc_other_seo h2, .content-text.clearfix h2 {
  font-size: 20px;
}
.desc_other_seo h3, .content-text.clearfix h3 {
  font-size: 18px;
}
.desc_other_seo h4, .content-text.clearfix h4 {
  font-size: 16px;
}
.desc_other_seo h5, .content-text.clearfix h5 {
  font-size: 14px;
}
.desc_other_seo h6, .content-text.clearfix h6 {
  font-size: 12px;
}
.desc_other_seo ol, .content-text.clearfix ol {
  counter-reset: my-counter;
  list-style-type: none;
  padding-left: 20px;
}
.desc_other_seo ol li, .content-text.clearfix ol li {
  counter-increment: my-counter;
}
.desc_other_seo dl {
    background-color: #f4f4f4;
    border-radius: 5px;
    margin: 20px auto;
	max-width: 90%;
}
dt {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
	padding-left: 5px;
}
dd {
    padding: 10px 0;
    margin-left: 20px;
    color: #555;
}
dd:last-child {
    padding-bottom: 10px;
}
.desc_other_seo ol li::before, .content-text.clearfix ol li::before {
  content: counter(my-counter) ".";
  font-weight: bold;
  margin-right: 5px;
}
.desc_other_seo table, .content-text.clearfix table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.desc_other_seo caption, .content-text.clearfix caption {
  font-weight: bold;
  margin-bottom: 10px;
}
.desc_other_seo th, .desc_other_seo td, 
.content-text.clearfix th, .content-text.clearfix td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
}
.desc_other_seo th, .content-text.clearfix th {
  font-weight: bold;
  background-color: #f2f2f2;
}
.desc_other_seo tbody tr:nth-child(even), .content-text.clearfix tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.desc_other_seo tbody tr:hover, .content-text.clearfix tbody tr:hover {
  background-color: #f5f5f5;
}
#content p {
  margin-bottom: 1em;
  text-indent: 1em;
}
#content span {
  margin-bottom: 1em;
  text-indent: 4em;
}
#content ul,
#content ol {
  margin: 1em 0;
  padding-left: 20px;
}
#content ul li,
#content ol li {
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 25px;
}
#content ul li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #000;
  border-radius: 50%;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
#content h1 {
  font-size: 24px;
}
#content h2 {
  font-size: 20px;
}
#content h3 {
  font-size: 18px;
}
#content h4 {
  font-size: 16px;
}
#content h5 {
  font-size: 14px;
}
#content h6 {
  font-size: 12px;
}
#content ol {
  counter-reset: my-counter;
  list-style-type: none;
  padding-left: 20px;
}
#content ol li{
  counter-increment: my-counter;
}
#content ol li::before {
  /*content: counter(my-counter) ".";*/
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#content caption {
  font-weight: bold;
  margin-bottom: 10px;
}
#content th,
#content td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
}
#content th {
  font-weight: bold;
  background-color: #f2f2f2;
}
#content tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
#content tbody tr:hover {
  background-color: #f5f5f5;
}
.slogan {
background-color:#666666;
 -webkit-background-clip: text;
 -moz-background-clip: text;
 background-clip: text;
 color: transparent;
 text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
 width: auto;
 margin-top: 20px;
}
.discount-block {
    background: linear-gradient(45deg, #f0f0f0, #ffffff);
    background-size: 500% 100%;
    animation: shimmerForDiscount 5s infinite;
    color: white;
    border: 2px solid #e0e0e0; /* более нейтральный цвет рамки */
    text-align: center;
    border-radius: 12px;
    margin: 20px auto;
    font-size: 1.2em;
    padding: 15px; 
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1); /* уменьшенная тень */
    width: 320px;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease; 
    cursor: pointer;
    position: relative;
}
.discount-block:hover {
    box-shadow: 0px 3px 10px rgba(0,0,0,0.15); /* уменьшенная тень при наведении */
    transform: translateY(-5px);
}
.discount-block p {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    padding: 15px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); /* уменьшенная тень для абзаца */
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
}
.discount-block b {
    color: #FFD700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* менее яркая тень для текста */
}
@keyframes shimmerForDiscount {
    0% {
        background-position: 100% 0;
    }
    50% {
        background-position: 0% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
.discount-block .coin {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: radial-gradient(circle at center, silver 40%, gold 60%, gold 100%);
    position: absolute;
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
    transform: translate(-50%, -50%) scale(0);
    top: 50%; 
    left: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* уменьшенная тень для монеты */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333;
}
.coin.animate {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
}
.coin.fade {
    animation: coinFade 1s forwards;
}
@keyframes coinFade {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(360deg);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
}
#coin1::before, #coin2::before, #coin3::before {
    content: "Br";
}
#coin1 { top: 85%; left: 20%; }
#coin2 { top: 85%; left: 50%; }
#coin3 { top: 85%; left: 80%; }
.platinum-card {
    background: linear-gradient(160deg, #e6e8e9 0%, #a1a3a6 40%, #e6e8e9 100%);
    background-size: 500% 100%;
    animation: shimmerForPlatinum 5s infinite;
    color: #ffffff; /* Установите цвет текста на белый */
    text-shadow: 
        -1px -1px 0 #333, 
        1px -1px 0 #333, 
        -1px 1px 0 #333, 
        1px 1px 0 #333; /* Добавьте оконтовку вокруг текста */
    border: 2px solid #a1a3a6; /* цвет рамки для платинового стиля */
    text-align: center;
    border-radius: 12px;
    margin: 20px auto;
    font-size: 1.2em;
    padding: 15px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    width: 320px;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}
.platinum-card::before {
    content: ""; /* Это обязательное свойство для псевдоэлементов */
    background-image: url('/skin/vrb/images/logo.svg'); /* замените 'logo-url' на реальный URL вашего логотипа */
    background-size: contain;
    background-repeat: no-repeat;
    width: 81px; /* Размер логотипа, можно настроить по вашему желанию */
    height: 25px; /* Размер логотипа, можно настроить по вашему желанию */
    position: absolute;
    top: 10px; /* Отступ сверху, можно настроить по вашему желанию */
    right: 10px; /* Отступ справа, можно настроить по вашему желанию */
}
.platinum-card:hover {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}
.platinum-card .barcode {
    position: absolute;
    width: 90%;
    height: 50%;
}
.platinum-card p {
    text-transform: uppercase;
    letter-spacing: 10px;
    font-weight: 600;
    line-height: 2;
    margin: 0;
    padding: 10px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    background: rgba(230, 232, 233, 0.1);
    backdrop-filter: blur(5px);
}
.platinum-card b {
    color: #d8a6a7;
    text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}
@keyframes shimmerForPlatinum {
    0% {
        background-position: 100% 0;
    }
    50% {
        background-position: 0% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
.platinum-card .coin {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: radial-gradient(circle at center, silver 40%, gold 60%, gold 100%);
    position: absolute;
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
    transform: translate(-50%, -50%) scale(0);
    top: 50%;
    left: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ced0d2;
}
.coin.animate {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
}
.coin.fade {
    animation: coinFade 1s forwards;
}
@keyframes coinFade {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(360deg);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
}
#coin1::before, #coin2::before, #coin3::before, #coin4::before, #coin5::before, #coin6::before {
    content: "Br";
}
#coin1 { top: 85%; left: 20%; }
#coin2 { top: 85%; left: 50%; }
#coin3 { top: 85%; left: 80%; }
#coin4 { top: 85%; left: 20%; }
#coin5 { top: 85%; left: 50%; }
#coin6 { top: 85%; left: 80%; }
.platinum-card .scanner-laser {
    position: absolute;
    height: 2px;
    width: 90%; /* чтобы он был такой же ширины, как и штрих-код */
    background-color: red; /* цвет лазера */
    left: 5%; /* центрирование относительно карточки */
    top: 25%; /* начальная позиция */
    animation: scannerAnimation 2s infinite;
}
@keyframes scannerAnimation {
    0%, 100% {
        top: 25%;
    }
    50% {
        top: 75%;
    }
}
.pro-button {
    background: linear-gradient(45deg, #BE3455, #FF6C85, #BE3455);
    background-size: 200% 100%;
    background-position: 200% 0;
    animation: shimmerForProButton 2s infinite;
    color: white;
    border: 2px solid #BE3455;
    text-align: center;
    border-radius: 15px;
    width: 80%;
    margin: 45px auto;
    padding: 15px;
    /*font-size: 1.5em;*/
    cursor: pointer;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro-button:hover {
    transform: scale(1.05);
}
@keyframes shimmerForProButton {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}
.main_h1 {
margin-bottom: 15px;
text-indent: 0.5em;
margin-left: 10px;
padding-top: 25px;
}
.light_dec {
text-decoration: underline;
color:#BE3455;
}
.light_dec:hover {
text-decoration: underline;
color:#939597;
}
.skin_color {
color:#747474
}
.gray {
color:#939597
}
.red {
color:#BE3455
}
.green {
color:#88b04b
}
.blue {
color:#6667AB
}
html {
height:100%
}
body {
font-family:Montserrat,sans-serif;
font-size:14px;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
height:100%;
max-width: 1800px;
}
body.is-ontop {
margin-top:53px
}
h1 {
font-size:25px
}
h2 {
font-size:20px
}
h3 {
font-size:18px
}
a {
color:#666
}
a:hover {
color:#747474;
text-decoration:none;
transition:all .25s
}
a:focus {
text-decoration:none
}
.fa {
line-height:inherit
}
.bold {
font-weight:700
}
.alignleft {
float:left
}
.alignright {
float:right
}
.btn-fb-login {
width:65px;
height:22px;
background:url(../images/fb.jpg) no-repeat;
display:inline-block;
margin-top:5px;
font-size:0;
border:none!important
}
.button {
padding:10px 20px;
border:1px solid #eaeaea;
background:#666;
color:#fff
}
.button-sm {
padding:5px 10px
}
.button:hover {
background:#747474;
border:1px solid #747474
}
.input {
border-radius:0;
border:1px solid #eaeaea;
-webkit-box-shadow:inherit;
box-shadow:inherit
}
.button .fa {
line-height:inherit
}
.text-center {
text-align:center
}
.text-left {
text-align:left
}
.text-right {
text-align:right
}
img.alignleft {
margin:0 20px 15px 0
}
img.alignright {
margin:0 0 15px 20px
}
.clearfix:before {
content:"";
display:table
}
.container {
padding-left:15;
padding-right:15;
width:90%;
max-width: 1980px;
}
.banner-opacity {
position:relative
}
.banner-opacity a:before {
display:block;
position:absolute;
-webkit-transition:all .1s ease-in .1s;
transition:all .1s ease-in .1s;
background:rgba(0,0,0,0.1);
opacity:0;
left:0;
top:0;
content:"";
height:0;
width:100%;
left:0;
top:50%
}
.banner-opacity a:hover:before {
opacity:1;
-webkit-transition:all .2s ease-in .1s;
transition:all .2s ease-in .1s;
height:100%;
left:0;
top:0
}
.tab-container {
position:relative
}
.tab-container .tab-panel {
position:absolute;
top:0;
left:0;
width:100%;
opacity:0;
visibility:hidden
}
.tab-container .active {
opacity:1;
visibility:inherit;
position:inherit;
-vendor-animation-duration:.3s;
-vendor-animation-delay:1s;
-vendor-animation-iteration-count:infinite
}
.hover-zoom {
-webkit-transition:.7s all ease-in-out;
transition:.7s all ease-in-out;
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
overflow:hidden
}
.hover-zoom:hover img {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
opacity:.7
}
.banner-boder-zoom {
position:relative;
overflow:hidden
}
.banner-boder-zoom a:before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
display:block;
z-index:10;
background-color:rgba(0,0,0,0.2);
background:rgba(0,0,0,0.2);
color:rgba(0,0,0,0.2);
opacity:0;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.banner-boder-zoom a:after {
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
content:"";
display:block;
z-index:10;
border:1px solid #fff;
opacity:0
}
.banner-boder-zoom a img {
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.banner-boder-zoom:hover a img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.banner-boder-zoom:hover a:before {
opacity:1
}
.banner-boder-zoom:hover a:after {
opacity:0
}
.banner-boder-zoom2 {
position:relative;
overflow:hidden
}
.banner-boder-zoom2 a:before {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
display:block;
z-index:10;
background-color:rgba(0,0,0,0);
background:rgba(0,0,0,0);
color:rgba(0,0,0,0);
opacity:0;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.banner-boder-zoom2 a:after {
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
content:"";
display:block;
z-index:10;
border:1px solid #fff;
opacity:0
}
.banner-boder-zoom2 a img {
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.banner-boder-zoom2:hover a img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.banner-boder-zoom2:hover a:before {
opacity:1
}
.banner-boder-zoom2:hover a:after {
opacity:0
}
.icon-up,.icon-down {
width:100%;
height:17px;
display:block
}
.icon-up {
background:url(../images/up.png) no-repeat center center
}
.icon-down {
background:url(../images/down.png) no-repeat center center
}
.image-hover2 a {
position:relative;
display:table;
width:100%
}
.image-hover2 a:after {
overflow:hidden;
position:absolute;
top:0;
content:"";
z-index:100;
width:100%;
height:100%;
left:0;
right:0;
bottom:0;
opacity:0;
pointer-events:none;
-webkit-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0;
background-color:rgba(0,0,0,0.3);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
z-index:1
}
.image-hover2 a:before {
font:normal normal normal 18px/1 FontAwesome;
content:"\f002";
position:absolute;
top:50%;
left:50%;
z-index:2;
color:#fff;
ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
opacity:0;
-webkit-transition:opacity .3s ease 0;
-o-transition:opacity .3s ease 0;
transition:opacity .3s ease 0
}
.image-hover2 a:hover:after {
visibility:visible;
opacity:.8;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.image-hover2 a:hover:before {
opacity:1
}
.top-banner {
height:150px;
background:url(../images/bg-top-banner.jpg) no-repeat top center;
position:relative;
text-align:center;
color:#fff;
line-height:20px
}
.bg-overlay {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.7)
}
.top-banner .container {
position:relative;
padding-top:35px
}
.top-banner h1 {
color:#747474;
font-weight:700;
line-height:auto
}
.top-banner h2 {
font-weight:700
}
.top-banner span {
font-size:12px;
color:#999
}
.top-banner .btn-close {
width:24px;
height:24px;
background:#2d2c2e url(../images/btn-close.png) no-repeat;
position:absolute;
top:0;
right:0;
cursor:pointer
}
.nav-ontop {
position:fixed;
top:0;
left:0;
width:100%;
padding-bottom:0;
height:50px;
background:#eee;
z-index:101;
box-shadow:0 1px 1px 0 rgba(50,50,50,0.1)
}
.nav-ontop span.notify-right {
top:2px
}
.nav-ontop>.container {
position:relative
}
.nav-ontop #box-vertical-megamenus {
width:80px;
padding:0
}
.nav-ontop #box-vertical-megamenus .title {
background:#eee;
color:#999;
padding:0;
overflow:hidden;
border-left:1px solid #eaeaea
}
.nav-ontop #box-vertical-megamenus .title.active {
background:#fff
}
.nav-ontop #box-vertical-megamenus .title .btn-open-mobile {
margin-right:15px
}
.nav-ontop #box-vertical-megamenus .title .title-menu {
/*display:none*/
}
.nav-ontop #box-vertical-megamenus .vertical-menu-content {
min-width:270px;
position:absolute;
display:none;
border-top:none;
border-bottom:1px solid #eaeaea;
border-right:1px solid #eaeaea;
padding-bottom:15px;
border-left:1px solid #eaeaea
}
.nav-ontop #box-vertical-megamenus .vertical-menu-content .vertical-menu-list {
border-left:none
}
.nav-ontop #box-vertical-megamenus .vertical-menu-content .all-category {
margin-left:20px
}
#shopping-cart-box-ontop {
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
display:none
}
#shopping-cart-box-ontop .fa {
line-height:50px;
cursor:pointer;
font-size:20px;
text-align:center;
width:100%;
color:#999
}
#shopping-cart-box-ontop .shopping-cart-box-ontop-content {
position:absolute;
right:0;
top:100%
}
#shopping-cart-box-ontop:hover .cart-block {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
#user-info-opntop {
width:50px;
height:50px;
position:absolute;
top:0;
right:50px
}
#user-info-opntop a.current-open span {
display:none
}
#user-info-opntop a.current-open {
height:50px;
padding-top:17px;
width:50px;
float:left;
text-align:center
}
#user-info-opntop a.current-open:hover .dropdown-menu {
transform:translateY(0px);
-webkit-transform:translateY(0px);
-o-transform:translateY(0px);
-ms-transform:translateY(0px);
-khtml-transform:translateY(0px);
opacity:1;
z-index:2
}
#user-info-opntop a.current-open:before {
font:normal normal normal 18px/1 FontAwesome;
content:"\f007";
color:#999
}
#user-info-opntop .dropdown {
height:50px
}
#user-info-opntop .dropdown-menu {
border-radius:0;
border:none;
top:48px;
right:0;
left:auto;
border-top:2px solid #747474;
transition:all .4s ease-out 0;
-webkit-transition:all .4s ease-out 0;
-o-transition:all .4s ease-out 0;
-ms-transition:all .4s ease-out 0;
opacity:0;
display:block;
transform:translateY(50px);
-webkit-transform:translateY(50px);
-o-transform:translateY(50px);
-ms-transform:translateY(50px);
-khtml-transform:translateY(50px);
z-index:0;
visibility:hidden
}
#user-info-opntop .dropdown.open >.dropdown-menu {
transform:translateY(0px);
-webkit-transform:translateY(0px);
-o-transform:translateY(0px);
-ms-transform:translateY(0px);
-khtml-transform:translateY(0px);
opacity:1;
z-index:2;
visibility:inherit
}
#form-search-opntop {
position:absolute;
top:0;
right:100px;
height:50px
}
#form-search-opntop .form-category {
display:none
}
#form-search-opntop form {
margin-top:10px;
border:1px solid transparent;
padding-right:10px
}
#form-search-opntop .btn-search:before {
font:normal normal normal 18px/1 FontAwesome;
content:"\f002";
color:#999;
height:30px;
width:25px;
display:block;
padding-top:6px
}
#form-search-opntop .input-serach {
height:30px;
padding:5px 5px 0 15px
}
#form-search-opntop .input-serach input {
width:0;
-webkit-transition:width 1s ease-in-out;
-moz-transition:width 1s ease-in-out;
-o-transition:width 1s ease-in-out;
transition:width 1s ease-in-out
}
#form-search-opntop:hover form {
border:1px solid #dfdfdf;
background:#fff
}
#form-search-opntop:hover .input-serach input {
width:220px
}
.top-header {
background:#f6f6f6
}
.top-header .nav-top-links,.top-header .site-option,.top-header .language,.top-header .color,.top-header .currency,.top-header .city,.top-header .user-info,.top-header .support-link,.top-header .top-bar-social {
width:auto;
display:inline-block;
line-height:34px
}
.top-header .nav-top-links span {
line-height:inherit
}
.top-header .top-bar-social .fa {
line-height:inherit
}
.top-header .top-bar-social a {
border:none;
padding:0;
color:#999;
font-size:14px
}
.top-header .support-link {
float:right
}
.top-header span,.top-header img {
display:inline-block;
vertical-align:middle;
margin-top:-3px;
margin-right:5px
}
.top-header a {
border-right:1px solid #e0e0e0;
padding-right:10px;
margin-left:10px
}
.top-header a.first-item {
margin-left:0
}
.top-header .dropdown {
width:auto;
display:inline-block
}
.top-header .dropdown-menu a {
border:none;
margin:0;
padding:0;
padding:5px 10px;
min-height: 48px;
}
.main-header {
padding:20px 0 30px
}
.main-header .shopping-cart-box {
margin-top:17px;
margin-top:17px;
padding:0;
margin-right:15px;
margin-left:-15px;
line-height:normal
}
.main-header .shopping-cart-box:hover .cart-block {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
.main-header .shopping-cart-box a.cart-link {
height:41px;
width:100%;
display:block;
position:relative;
padding:2px 41px 0 15px
}
.main-header .shopping-cart-box a.cart-link:hover:after {
opacity:.8
}
.main-header .shopping-cart-box a.cart-link .title {
width:100%;
float:left;
text-transform:uppercase;
font-weight:700;
margin-top:2px
}
.main-header .shopping-cart-box a.cart-link:after {
content:'';
width:41px;
height:41px;
background:#747474 url(../images/cart.png) no-repeat center center;
position:absolute;
top:-1px;
right:-1px
}
.cart-block {
position:absolute;
top:100%;
right:-1px;
z-index:1002;
max-height:500px;
overflow-y:auto;
background:#FFF;
color:#666;
width:300px;
opacity:0;
-webkit-box-shadow:0 4px 7px 0 rgba(50,50,50,0.2);
-moz-box-shadow:0 4px 7px 0 rgba(50,50,50,0.2);
box-shadow:0 4px 7px 0 rgba(50,50,50,0.2);
-webkit-transition:opacity 0.5s,-webkit-transform .5s;
transition:opacity 0.5s,transform .5s;
-webkit-transform:translate(0,40px);
-moz-transform:translate(0,40px);
-o-transform:translate(0,40px);
-ms-transform:translate(0,40px);
transform:translate(0,40px);
opacity:0;
display:block;
visibility:hidden
}
.cart-block .cart-block-content {
padding:20px;
overflow:hidden
}
.cart-block .cart-block-content .cart-title {
text-transform:uppercase;
font-size:12px
}
.cart-block .cart-block-content .product-info {
margin-top:10px;
border-bottom:1px solid #eaeaea;
display:block;
overflow:hidden;
padding-bottom:10px
}
.cart-block .cart-block-content .product-info .p-left {
width:100px;
float:left;
position:relative
}
.cart-block .cart-block-content .product-info .p-right {
margin-left:110px;
line-height:25px
}
.cart-block .cart-block-content .product-info .p-right .p-rice {
color:#747474
}
.cart-block .cart-block-content .product-info .p-right .change_quantity {
margin-top:10px
}
.cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_down,.cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_up {
float:left;
width:20px;
height:30px;
border:1px solid #ccc;
padding-top:2px;
text-align:center
}
.cart-block .cart-block-content .product-info .p-right .change_quantity .cart_quantity_input_text {
width:60px;
border:1px solid #ccc;
margin-left:-1px;
margin-right:-1px;
height:30px;
line-height:100%;
float:left;
text-align:center
}
.cart-block .cart-block-content .toal-cart {
margin-top:10px
}
.cart-block .cart-block-content .toal-cart .toal-price {
font-size:18px;
color:#999
}
.cart-block .cart-block-content .cart-buttons {
overflow:hidden;
width:100%
}
.cart-block .cart-block-content .cart-buttons a {
width:100%;
float:left;
margin-top:12px;
text-transform:uppercase;
font-size:13px;
padding:10px 0;
text-align:center
}
.cart-block .cart-block-content .cart-buttons a:hover {
opacity:.8
}
.cart-block .cart-block-content .cart-buttons a.btn-my-cart {
background:#eee
}
.cart-block .cart-block-content .cart-buttons a.btn-check-out {
background:#747474;
color:#fff
}
span.notify {
width:32px;
height:22px;
color:#fff;
text-align:center;
position:absolute;
line-height:normal;
font-size:11px;
padding-top:3px;
z-index:1
}
span.notify-left {
background:url(../images/notify.png) no-repeat;
right:25px;
top:-8px
}
span.notify-right {
background:url(../images/notify-right.png) no-repeat;
right:0;
top:-7px
}
.nav-top-menu {
background:#eee
}
.box-vertical-megamenus {
position:absolute;
left:15px;
right:15px;
z-index:1000;
background:#fff
}
.box-vertical-megamenus .title {
background:#000;
color:#fff;
height:50px;
line-height:50px;
text-transform:uppercase;
font-weight:700;
font-size:14px;
padding-left:20px;
padding-right:20px;
letter-spacing:1px;
overflow:hidden
}
.box-vertical-megamenus .title .btn-open-mobile>.fa {
line-height:inherit
}
.box-vertical-megamenus .title .btn-open-mobile {
font-size:17px;
cursor:pointer;
line-height:50px
}
.box-vertical-megamenus .vertical-menu-content {
border-top:3px solid #747474;
background:#fff;
display:none;
padding-bottom:15px
}
.home .box-vertical-megamenus .vertical-menu-content {
display:block
}
.box-vertical-megamenus .vertical-menu-list {
border-left:1px solid #eaeaea
}
.box-vertical-megamenus .vertical-menu-list li {
display:block;
line-height:34px;
margin-left:-1px;
position:relative
}
.box-vertical-megamenus .vertical-menu-list>li:hover {
background:#747474
}
.box-vertical-megamenus .vertical-menu-list>li:hover>a {
color:#fff;
border-color:#747474
}
.box-vertical-megamenus .vertical-menu-list>li:hover>a.parent:before {
color:#fff
}
.box-vertical-megamenus .vertical-menu-list>li>a {
padding-left:20px;
line-height:36px;
display:block
}
.box-vertical-megamenus .vertical-menu-content ul>li>a.parent:before {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f105";
position:absolute;
top:10px;
right:8px;
color:#666
}
.box-vertical-megamenus .vertical-menu-content ul>li>a.parent:after {
position:absolute;
background:#fff;
height:100%;
top:0;
right:-2px;
width:2px;
content:' ';
z-index:2000;
opacity:0
}
.box-vertical-megamenus .vertical-menu-content ul > li:hover > a.parent:after {
opacity:1
}
.box-vertical-megamenus .vertical-menu-content ul > li.cat-link-orther {
display:none
}
.box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu {
visibility:visible;
display:block;
height:auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1
}
.box-vertical-megamenus .vertical-menu-content ul li img.icon-menu {
vertical-align:middle;
padding-right:15px;
max-height:35px
}
.box-vertical-megamenus .all-category {
text-align:center;
margin-top:14px;
padding-right:20px
}
.box-vertical-megamenus .all-category span {
height:40px;
width:100%;
line-height:39px;
border:1px solid #eaeaea;
text-align:center;
display:block;
cursor:pointer
}
.box-vertical-megamenus .all-category span:hover {
background:#747474;
color:#fff;
border-color:#747474
}
.box-vertical-megamenus .all-category span:after {
font:normal normal normal 14px/1 FontAwesome;
content:"\f105";
font-weight:700;
margin-left:20px
}
.vertical-dropdown-menu {
position:absolute;
top:-15px;
left:100%;
z-index:900;
-webkit-transition:opacity 0.5s,-webkit-transform .5s;
transition:opacity 0.5s,transform .5s;
-webkit-transition:all .45s ease-out 0;
-moz-transition:all .45s ease-out 0;
-o-transition:all .45s ease-out 0;
transition:all .45s ease-out 0;
-moz-transform:translate(100px,0);
-webkit-transform:translate(100px,0);
transform:translate(100px,0);
opacity:0;
display:block;
visibility:hidden;
-webkit-backface-visibility:hidden;
height:0;
background:#fff;
border:1px solid #eaeaea
}
.vertical-dropdown-menu .vertical-groups {
padding:24px 15px
}
.vertical-dropdown-menu .mega-group-header {
border-bottom:1px solid #E8E8E8;
font-size:17px;
margin-bottom:10px;
display:table;
width:100%
}
.vertical-dropdown-menu .mega-group-header span {
padding-bottom:10px;
border-bottom:1px solid #747474;
float:left;
margin-bottom:-1px
}
.vertical-dropdown-menu .group-link-default {
border:none!important;
padding:0;
margin:0;
padding-bottom:10px
}
.vertical-dropdown-menu .group-link-default li {
border:none!important;
padding-left:0!important;
line-height:28px!important
}
.vertical-dropdown-menu .mega-products .mega-product {
border-right:1px solid #eaeaea;
margin-top:15px;
line-height:18px
}
.vertical-dropdown-menu .mega-products .mega-product:last-child {
border-right:none
}
.vertical-dropdown-menu .mega-products .mega-product .product-price .new-price {
width:auto;
display:inline-block;
color:#747474
}
.vertical-dropdown-menu .mega-products .mega-product .product-price .old-price {
color:#999;
text-decoration:line-through;
width:auto;
display:inline-block;
padding-left:20px
}
.vertical-dropdown-menu .mega-products .mega-product .product-star {
margin-top:5px;
color:#f90
}
#main-menu {
padding:0;
margin-left:-15px
}
#main-menu .container-fluid {
padding:0
}
#main-menu .navbar-header {
display:none
}
#main-menu .navbar {
border:none;
margin:0;
background:none
}
#main-menu .navbar-collapse {
padding:0
}
#main-menu .navbar .navbar-nav>li>a {
color:#333;
margin:15px 0;
padding:0;
border-right:1px solid #cacaca;
padding:0 25px;
background:transparent
}
#main-menu .navbar .navbar-nav>li:last-child>a {
border-right:none
}
#main-menu .navbar .navbar-nav>li:hover,#main-menu .navbar .navbar-nav>li.active {
background:#747474;
color:#fff
}
#main-menu .navbar .navbar-nav>li:hover>a,#main-menu .navbar .navbar-nav>li.active>a {
color:#fff;
border-right:1px solid transparent
}
#main-menu .nav,#main-menu .collapse,#main-menu .dropup,#main-menu .dropdown {
position:static
}
#main-menu .dropdown-menu {
border-radius:0;
min-width:200px;
border-top:none;
left:auto;
padding:30px 15px;
-webkit-transition:opacity 0.5s,-webkit-transform .5s;
transition:opacity 0.5s,transform .5s;
-webkit-transform:translate(0,40px);
-moz-transform:translate(0,40px);
-o-transform:translate(0,40px);
-ms-transform:translate(0,40px);
transform:translate(0,40px);
display:block;
visibility:hidden;
opacity:0;
background:#fff
}
#main-menu .dropdown-menu.container-fluid {
padding:15px 30px
}
#main-menu .navbar-nav > li:hover .dropdown-menu {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
#main-menu .mega_dropdown .block-container {
padding:0 15px
}
#main-menu .mega_dropdown .group_header {
text-transform:uppercase;
border-bottom:1px solid #eaeaea;
margin-bottom:10px;
font-weight:700;
font-size:13px;
margin-top:15px
}
#main-menu .mega_dropdown .group_header:first-child {
margin-top:0
}
#main-menu .mega_dropdown .img_container {
padding:0 0 5px
}
#main-menu .dropdown-menu .block-container .link_container>a {
line-height:32px
}
#main-menu .dropdown-menu .block-container .group_header>a {
line-height:32px;
border-bottom:1px solid #747474;
display:inline-block;
margin-bottom:-1px
}
#main-menu li.dropdown>a:after {
content:"\f107";
font-family:"FontAwesome";
font-size:14px;
vertical-align:0;
padding-left:7px
}
#main-menu li.dropdown:before {
content:"\f0de";
font-family:"FontAwesome";
font-size:15px;
color:#fff;
padding-left:7px;
position:absolute;
bottom:-13px;
right:48%;
display:none;
z-index:1001
}
#main-menu li.dropdown:hover:before {
display:none
}
.nav-menu {
border:none
}
.nav-menu .container-fluid {
padding:0
}
.nav-menu .navbar-collapse {
z-index:10000;
padding:0;
margin:0;
border:none
}
.nav-menu .nav>li:last-child a {
background-image:none
}
.nav-menu .nav>li>a {
padding:15px 25px;
background:url(../images/kak.png) no-repeat right center
}
.nav-menu .navbar-toggle {
background:url(../images/bar.png) no-repeat left center;
height:50px;
margin:0;
padding-right:3px
}
.nav-menu .navbar-brand {
font-size:14px;
font-weight:700;
display:none;
text-transform:uppercase
}
.nav-menu .navbar-brand a {
color:#fff
}
.nav-menu .toggle-menu {
float:right;
line-height:49px;
max-height:50px
}
.nav-menu .toggle-menu:before {
font:normal normal normal 17px/1 FontAwesome;
content:"\f0c9";
line-height:inherit;
cursor:pointer;
color:#EEE
}
.nav-menu-default {
height:50px;
background:#747474;
border-radius:0;
padding:0;
margin:0
}
.nav-menu-default .navbar-collapse {
background:#eee
}
.nav-menu-default ul>li>a:hover,.nav-menu-default ul>li.active>a,.nav-menu-default ul>li.selected>a {
background:#747474;
color:#fff
}
.show-brand .navbar-brand {
display:block;
width:235px;
background:#585654;
margin-left:0!important;
text-transform:uppercase;
padding:0;
padding-left:15px;
line-height:50px;
font-size:16px
}
.show-brand .navbar-brand a {
color:#fff;
line-height:53px
}
.show-brand .navbar-brand img {
vertical-align:middle;
margin-right:15px
}
.header-top-right {
border-top:none;
margin:0;
padding:0 15px
}
.header-top-right .homeslider {
width:100%;
margin-bottom:-80px
}
.header-top-right .header-banner {
width:26%;
float:right
}
.header-top-right .header-banner img {
width:100%;
height:auto
}
.header-top-right .homeslider img {
width:100%;
height:auto
}
.header-top-right .homeslider .bx-wrapper .bx-viewport {
-moz-box-shadow:0;
-webkit-box-shadow:0;
box-shadow:none;
border:0;
left:0;
background:#fff
}
.header-top-right .homeslider .bx-controls-direction .bx-prev,.header-top-right .homeslider .bx-controls-direction .bx-next {
background:#747474;
text-indent:0!important;
color:#fff;
font-size:15px;
text-align:center;
line-height:32px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
position:absolute;
opacity:0;
visibility:hidden;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.header-top-right .homeslider .bx-controls-direction .bx-prev {
left:50%
}
.header-top-right .homeslider .bx-controls-direction .bx-next {
right:50%
}
.header-top-right .homeslider:hover .bx-controls-direction .bx-next {
right:10px;
opacity:1;
visibility:inherit
}
.header-top-right .homeslider:hover .bx-controls-direction .bx-prev {
left:10px;
opacity:1;
visibility:inherit
}
.header-top-right .homeslider .bx-controls-direction .bx-prev:hover,.header-top-right .homeslider .bx-controls-direction .bx-next:hover {
opacity:.8
}
.header-top-right .homeslider .bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next {
display:block
}
.header-top-right .homeslider .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
position:absolute;
bottom:10px;
width:100%;
text-align:right;
padding-right:25px
}
.header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item {
width:20px;
height:20px;
border-radius:90%;
margin-right:5px;
line-height:20px
}
.header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item a {
width:100%;
height:100%;
float:left;
background:transparent;
margin:0;
padding:0;
text-align:center;
text-indent:0;
border-radius:90%;
color:#666;
border:1px solid #999;
padding-left:1px
}
.header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a:hover,.header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#747474;
color:#fff;
border:1px solid #fff
}
.bx-wrapper {
margin:0
}
.page-top {
margin-top:30px
}
.latest-deals .latest-deal-title {
height:54px;
background:url(../images/latest-deal-title.png) no-repeat left center;
padding:0;
margin:0;
line-height:54px;
text-transform:uppercase;
font-size:16px;
font-weight:700;
padding-left:52px;
margin-left:8px
}
.latest-deals .product-list li {
padding-right:0;
border:none
}
.latest-deals .latest-deal-content {
border:3px solid #747474;
padding:20px 15px 10px
}
.latest-deals .count-down-time {
text-align:center;
padding-bottom:15px
}
.latest-deals .count-down-time span {
height:24px;
background:#999;
color:#fff;
width:auto;
display:inline-block;
line-height:24px;
margin:0 3px;
font-size:18px;
letter-spacing:17px;
padding-left:7px;
position:relative
}
.latest-deals .count-down-time span:after {
content:'';
height:24px;
width:2px;
position:absolute;
left:25px;
top:0;
background:#fff
}
.latest-deals .count-down-time span:before {
content:'';
height:24px;
width:11px;
position:absolute;
right:0;
top:0;
background:#fff
}
.latest-deals .count-down-time span:first-child {
margin-left:10px
}
.latest-deals .count-down-time b {
margin-left:-8px;
position:relative
}
.latest-deals .count-down-time b:after {
position:absolute;
right:-1px;
top:0;
content:':'
}
.latest-deals .product-list {
width:100%;
top:40%
}
.latest-deals .product-list li .right-block {
padding:0
}
.latest-deals .content_price {
width:100%!important
}
.latest-deals .colreduce-percentage {
float:right;
padding-right:20px
}
.latest-deals .owl-prev,.latest-deals .owl-next {
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
display:block;
opacity:0
}
.latest-deals .owl-next {
right:-50px
}
.latest-deals .owl-prev {
left:-50px
}
.latest-deals:hover .owl-prev {
left:-15px;
opacity:1
}
.latest-deals:hover .owl-next {
right:-15px;
opacity:1
}
.popular-tabs .owl-next {
top:-46px
}
.popular-tabs .owl-prev {
top:-46px;
left:inherit;
right:26px
}
.popular-tabs .nav-tab {
margin:0;
padding:0;
margin:0;
border-bottom:1px solid #eaeaea;
overflow:hidden
}
.popular-tabs .nav-tab li {
list-style:none;
display:inline;
border-bottom:3px solid #ccc;
margin-right:2px;
height:45px;
line-height:45px;
float:left;
padding:0 15px
}
.popular-tabs .nav-tab li:hover,.popular-tabs .nav-tab li.active {
border-bottom:3px solid #747474
}
.popular-tabs .nav-tab li:hover a,.popular-tabs .nav-tab li.active a {
color:#333
}
.popular-tabs .nav-tab li a {
font-size:16px;
text-transform:uppercase;
color:#333;
font-weight:700
}
.popular-tabs .tab-container {
padding-top:30px
}
.popular-tabs .product-list li {
border:1px solid #eaeaea;
padding-bottom:10px;
overflow:hidden
}
.blog-posts li .serv-block .serv-vip {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#8A0506;
height:22px
}
.blog-posts li .serv-block .serv-recom {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#487922;
height:22px
}
.blog-posts li .serv-block .serv-top {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#36c;
height:22px
}
.blog-posts li .serv-block .serv-quick {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#ff4318;
height:22px
}
.vservice .vip {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#8A0506;
height:22px
}
.vservice .recom {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#487922;
height:22px
}
.vservice .top {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#36c;
height:22px
}
.vservice .quick {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:12px;
text-transform:uppercase;
padding:0 10px;
background:#ff4318;
height:22px
}
.service {
background:#f6f6f6;
border:1px solid #eaeaea;
padding:19px 0;
font-size:12px;
margin-top:20px;
float:left;
width:100%
}
.service .service-item {
padding-left:35px;
border-right:1px solid #ccc;
overflow:hidden
}
.service .service-item .icon {
width:40px;
height:40px;
float:left
}
.service .service-item .info {
padding-left:15px;
margin-left:40px;
padding-top:2px
}
.service .service-item h3 {
margin:0;
padding:0;
text-transform:uppercase
}
.service .service-item:last-child {
border-right:none
}
.product-list li:hover .add-to-cart {
bottom:0
}
.product-list li:hover .quick-view a.mess {
margin-left:0
}
.product-list li:hover .quick-view a.order {
margin-left:0
}
.product-list li:hover .quick-view a.comment {
margin-left:0
}
.product-list li .left-block {
position:relative;
height: 310px;
overflow:hidden;
padding:10px 10px 0
}
.product-list li .left-block a {
display:block;
overflow:hidden
}
.product-list li .left-block img {
transition:all .5s;
webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
margin:0 auto;
min-height: 235px;
border-radius: 12px;
max-height: 300px;
}
.product-list li:hover img {
-webkit-transform:scale(1.2,1.2);
-webkit-transform-origin:top right;
-moz-transform:scale(1.2,1.2);
-moz-transform-origin:top right;
-o-transform:scale(1.2,1.2);
-o-transform-origin:top right;
transform:scale(1.2,1.2);
transform-origin:top right
}
.product-list li .right-block {
padding:0 15px;
margin-top:15px
}
.product-list li .quick-view {
position:absolute;
right:20px;
top:20%;
width:32px;
overflow:hidden
}
.product-list li .quick-view a {
width:32px;
height:32px;
float:left;
border-radius:90%;
margin-top:5px;
text-align:center;
line-height:32px;
color:#fff
}
.product-list li .quick-view a.mess {
-webkit-transition:margin-left .4s ease .4s;
-moz-transition:margin-left .4s ease .4s;
-ms-transition:margin-left .4s ease .4s;
-o-transition:margin-left .4s ease .4s;
transition:margin-left .4s ease .4s;
margin-left:200px;
background:rgba(0,0,0,0.4)
}
.product-list li .quick-view a.mess:before {
font:normal normal normal 14px/1 FontAwesome;
content:"\f128";
font-weight:700
}
.product-list li .quick-view a.order {
background:rgba(0,0,0,0.4);
-webkit-transition:margin-left .3s ease .3s;
-moz-transition:margin-left .3s ease .3s;
-ms-transition:margin-left .3s ease .3s;
-o-transition:margin-left 3s ease .3s;
transition:margin-left .3s ease .3s;
margin-left:200px
}
.product-list li .quick-view a.order:before {
font:normal normal normal 14px/1 FontAwesome;
content:"\f0d6"
}
.product-list li .quick-view a.comment {
background:rgba(0,0,0,0.4);
-webkit-transition:margin-left .2s ease .2s;
-moz-transition:margin-left .2s ease .2s;
-ms-transition:margin-left .2s ease .2s;
-o-transition:margin-left .2s ease .2s;
transition:margin-left .2s ease .2s;
margin-left:200px
}
.product-list li .quick-view a.comment:before {
font:normal normal normal 14px/1 FontAwesome;
content:"\f075"
}
.product-list li .quick-view a:hover {
background-color:#747474
}
.product-list li .add-to-cart {
width:100%;
position:absolute;
left:0;
right:0;
bottom:-50px;
width:100%;
background-color:rgba(0,0,0,0.4);
color:#fff;
text-align:center;
line-height:50px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease
}
.product-list li .add-to-cart:hover {
background-color:#747474
}
.product-list li .add-to-cart a {
background:url(../images/add-cart.png) no-repeat left center;
height:32px;
line-height:32px;
color:#fff;
width:auto;
padding-left:40px;
display:inline-block;
vertical-align:middle
}
.product-list li .product-name {
padding-bottom:5px;
/*white-space: nowrap;
*/
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.product-list li .product-info {
padding:0 5px
}
.product-list li .content_price {
width:auto;
display:inline-block
}
.product-list li .product-price {
font-size:18px;
color:#747474
}
.product-list li .old-price {
text-decoration:line-through;
margin-left:11px;
line-height:25px;
color:#666
}
.product-list li .colreduce-percentage {
line-height:28px
}
.product-list li .group-price {
position:absolute;
position:absolute;
top:10px;
left:10px;
height:auto
}
.product-list li .group-price .price-percent-reduction {
width:36px;
height:36px;
background:#f60;
color:#fff;
float:left;
border-radius:90%;
line-height:normal;
text-align:center;
font-size:12px;
padding-top:5px;
margin-bottom:5px
}
.product-list li .price-percent-reduction2 {
width:82px;
height:28px;
background:url(../images/price-percent-br.png) no-repeat center center;
color:#fff;
line-height:normal;
text-align:center;
font-size:12px;
position:absolute;
top:10px;
right:0;
font-family:Montserrat,sans-serif;
padding-left:5px;
padding-top:2px
}
.product-list li .group-price .product-vip {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
/*text-transform:uppercase;*/
padding:0 10px;
background:#8A0506;
height:22px;
margin: 5px 5px 5px 0px;
border-radius: 12px;
}
.product-list li .group-price .product-recom {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
text-transform:uppercase;
padding:0 10px;
background:#8d1d91;
height:22px;
margin: 5px 5px 5px 0px;
border-radius: 12px;
}
.product-list li .group-price .product-video {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
text-transform:uppercase;
padding:0 10px;
background:#585654;
height:22px;
margin: 5px 5px 5px 0px;
border-radius: 12px;
}
.product-list li .group-price .product-top {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
text-transform:uppercase;
padding:0 10px;
background:#6b56a3;
height:22px;
margin: 5px 5px 5px 0px;
border-radius: 12px;
}
.product-list li .group-price .product-new {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
text-transform:uppercase;
padding:0 10px;
background:#ffc000;
height:22px
}
.product-list li .group-price .product-relv {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
text-transform:uppercase;
padding:0 10px;
background:#464646;
height:22px
}
.product-list li .group-price .product-quick {
color:#fff;
float:left;
line-height:22px;
text-align:center;
font-size:20px;
text-transform:uppercase;
padding:0 10px;
background:#ff4318;
height:22px
}
.product-list li .product-star {
width:auto;
float:right;
color:#f90;
text-align:right;
display:inline-block;
padding-top:5px;
font-size:13px
}
.owl-prev {
position:absolute;
left:0;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.owl-next {
position:absolute;
right:0;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.owl-prev,.owl-next {
background:#eaeaea;
width:24px;
height:24px;
color:#ccc;
text-align:center;
line-height:24px
}
.owl-prev:hover,.owl-next:hover {
background:#747474;
color:#fff
}
.owl-prev .fa,.owl-next .fa {
font-weight:700
}
.banner a {
width:100%;
overflow:hidden;
height:auto;
display:block;
position:relative
}
.banner a:before {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.5);
content:'';
-webkit-transition:-webkit-transform .6s;
transition:transform .6s;
-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,300%,0);
transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,300%,0)
}
.banner a:hover:before {
-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-300%,0);
transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,-300%,0)
}
.banner-img,.banner-img2 {
position:relative;
display:inline-block
}
.banner-img a:before,.banner-img2 a:before {
content:"";
position:absolute;
top:15px;
left:15px;
bottom:15px;
right:15px;
z-index:9;
border-top:1px solid rgba(255,255,255,0.8);
border-bottom:1px solid rgba(255,255,255,0.8);
transform:scale(0,1)
}
.banner-img2 a:before {
border-width:3px 0
}
.banner-img a:after,.banner-img2 a:after {
content:"";
position:absolute;
top:15px;
left:15px;
bottom:15px;
right:15px;
z-index:9;
border-left:1px solid rgba(255,255,255,0.8);
border-right:1px solid rgba(255,255,255,0.8);
transform:scale(1,0)
}
.banner-img2 a:after {
background:rgba(0,0,0,0.1);
top:5px;
left:5px;
bottom:5px;
right:5px
}
.banner-img a:hover:before,.banner-img a:hover:after,.banner-img2 a:hover:before,.banner-img2 a:hover:after {
transform:scale(1);
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.content-page {
background:#eaeaea;
margin-top:30px;
padding-bottom:30px
}
.category-featured {
margin-top:30px
}
.category-banner {
overflow:hidden
}
.category-banner .banner {
padding:0;
overflow:hidden
}
.featured-text {
position:absolute;
right:-5px;
top:-5px;
background:url(../images/featured2.png) no-repeat;
width:75px;
height:75px;
z-index:100
}
.featured-text span {
color:#fff;
text-transform:uppercase;
font-size:12px;
width:100%;
height:20px;
line-height:24px;
float:left;
margin-top:24px;
margin-left:17px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
color:#036;
font-weight:700;
text-indent:-999px
}
.product-featured {
margin-top:10px;
background:#fff
}
.product-featured .product-featured-content {
width:100%;
float:right
}
.product-featured .product-list li {
border-right:1px solid #eaeaea;
padding-bottom:10px;
min-height:250px
}
.product-featured .product-list .owl-stage .active:last-child li {
border:none
}
.product-featured .owl-prev,.product-featured .owl-next {
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.product-featured .owl-next {
right:-50px
}
.product-featured .owl-prev {
left:-50px
}
.product-featured .owl-carousel:hover .owl-prev {
left:0;
opacity:1;
visibility:inherit
}
.product-featured .owl-carousel:hover .owl-next {
right:0;
opacity:1;
visibility:inherit
}
.banner-bottom {
margin-top:30px
}
.owl-carousel .item {
background:#eaeaea
}
.brand-showcase {
margin-top:30px
}
.brand-showcase .brand-showcase-title {
font-size:16px;
text-transform:uppercase;
color:#333;
font-weight:700;
border-bottom:3px solid #747474;
line-height:40px;
padding-left:10px
}
.brand-showcase-box {
border-bottom:1px solid #eaeaea;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
padding-bottom:30px
}
.brand-showcase-box .brand-showcase-logo .owl-item:last-child {
margin-right:0!important
}
.brand-showcase-box .brand-showcase-logo li {
background:#eaeaea;
cursor:pointer
}
.brand-showcase-box .brand-showcase-logo li:hover,.brand-showcase-box .brand-showcase-logo li.active {
background:#fff
}
.brand-showcase-box .brand-showcase-logo .owl-prev,.brand-showcase-box .brand-showcase-logo .owl-next {
top:-18px
}
.brand-showcase-box .brand-showcase-logo .owl-prev {
left:inherit;
right:26px
}
.brand-showcase-box .brand-showcase-logo .fa {
font-weight:700
}
.brand-showcase-content .brand-showcase-content-tab {
display:none
}
.brand-showcase-content .active {
display:block
}
.trademark-info {
padding-left:45px!important
}
.trademark-info .trademark-logo,.trademark-info .trademark-desc {
border-bottom:1px dotted #999;
padding-bottom:20px
}
.trademark-info .trademark-logo {
margin-top:30px
}
.trademark-info .trademark-desc {
line-height:18px;
margin-top:20px
}
.trademark-info .trademark-link {
line-height:30px;
text-transform:uppercase;
border:1px solid #999;
padding:0 10px 0 15px;
margin-top:20px;
float:left
}
.trademark-info .trademark-link:after {
font:normal normal normal 14px/1 FontAwesome;
content:"\f0da";
padding-left:12px
}
.trademark-product {
padding-right:45px
}
.trademark-product .product-item {
margin-top:30px
}
.trademark-product .image-product {
float:left;
width:40%
}
.trademark-product .info-product {
float:right;
width:60%;
padding-left:20px;
line-height:35px;
padding-top:20px
}
.trademark-product .info-product .product-price {
font-size:18px;
color:#F36;
font-weight:700
}
.trademark-product .info-product .product-star {
color:#f90;
font-size:13px
}
.trademark-product .info-product .quick-view a {
width:25px;
height:25px;
display:inline-block;
background:rgba(0,0,0,0.7);
color:#fff;
text-align:center
}
.trademark-product .info-product .btn-view-more {
height:26px;
text-align:center;
line-height:24px;
padding:0 15px;
display:inline-block;
border:1px solid #eaeaea
}
.trademark-product .info-product .btn-view-more:hover {
background:#747474;
color:#fff
}
.trademark-product .info-product .quick-view a .fa {
text-align:center;
line-height:25px
}
.trademark-product .info-product .quick-view a:hover {
background:#747474
}
#hot-categories {
margin-top:30px
}
.group-title-box {
margin-bottom:20px
}
.group-title {
font-size:16px;
border-bottom:1px solid #e1e1e1;
font-weight:700;
padding-bottom:7px
}
.group-title span {
border-bottom:3px solid #747474;
text-transform:uppercase;
padding:5px 10px
}
.cate-box {
padding-bottom:20px
}
.cate-box .cate-tit {
background:#f4f4f4;
height:110px;
overflow:hidden
}
.cate-box .cate-tit .div-1 {
width:46%;
float:left;
padding-left:25px;
padding-right:15px
}
.cate-name-wrap {
display:table;
margin-bottom:18px
}
.cate-box .cate-name {
font-size:16px;
font-weight:700;
height:55px;
display:table-cell;
vertical-align:bottom
}
.cate-box .cate-link {
padding:4px 4px 3px 7px;
background:#999;
text-decoration:none;
color:#fff
}
.cate-box .cate-link:hover {
background:#747474!important
}
.cate-link span {
padding-right:12px;
background:url(../data/cate-readmore-arrow.png) right 2px top 50% no-repeat;
text-transform:uppercase;
font-size:10px;
line-height:20px
}
.cate-content {
padding-top:10px;
padding-bottom:10px
}
.cate-content ul {
list-style:none
}
.cate-content ul li a:before {
display:inline-block;
font-family:FontAwesome;
content:"\f105";
padding:0 10px;
font-weight:700
}
.cate-box .div-2 {
width:54%;
float:left;
padding-top:10px;
overflow:hidden
}
#footer {
background:#eee
}
#address-list .tit-name {
float:left;
font-weight:700;
width:70px;
padding-right:5px
}
#address-list {
margin-top:18px
}
#address-list .tit-contain {
display:flex
}
#introduce-box {
margin-top:40px
}
.introduce-title {
text-transform:uppercase;
font-size:16px;
list-style:none;
font-weight:700;
margin-bottom:8px
}
.introduce-list li {
padding-top:2px;
padding-bottom:2px
}
.introduce-list {
padding-left:16px;
list-style:inherit
}
#mail-box {
margin-bottom:20px
}
#mail-box input {
height:30px;
background:#fff;
width:100%;
padding-left:10px
}
#mail-box .btn {
font-weight:700;
color:#fff;
height:30px;
border-radius:0;
background:#747474;
border:none;
outline:none
}
#mail-box .btn:hover {
z-index:0;
opacity:.8;
transition:.3s
}
#trademark-text-box {
font-size:13px
}
#trademark-list {
list-style:outside none none;
border-top:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
margin-bottom:30px;
display:table;
width:100%;
margin-top:30px
}
#trademark-list li {
display:inline-block;
padding:10px 11px
}
#trademark-list li:last-child {
padding-right:0
}
#trademark-list #payment-methods {
display:table-cell;
vertical-align:middle;
text-transform:uppercase;
font-weight:700;
padding-left:0
}
.trademark-text-tit {
text-transform:uppercase;
font-size:13px;
font-weight:700
}
.trademark-list {
list-style:none;
margin-bottom:10px
}
.trademark-list li {
display:inline;
padding:0 7px 0 5px;
border-right:1px solid #666
}
.trademark-list li:first-child {
border-right:none;
padding-right:0;
padding-left:0
}
.trademark-list li:last-child {
border-right:0;
padding-right:0
}
.social-link a:hover {
opacity:.8
}
.social-link .fa {
width:30px;
height:30px;
color:#fff;
line-height:30px;
text-align:center
}
.social-link .fa-facebook {
background:#415a99
}
.social-link .fa-pinterest-p {
background:#cb222a
}
.social-link .fa-vk {
background:#5b7fa6
}
.social-link .fa-twitter {
background:#00caff
}
.social-link .fa-google-plus {
background:#da4735
}
#footer {
background:#eaeaea
}
#footer-menu-box {
border-top:1px solid #E1E1E1;
margin-top:10px;
padding-top:20px;
margin-bottom:20px
}
.footer-menu-list {
list-style:none;
text-align:left;
margin-bottom:5px;
max-width: 945px;
margin-top: 5px;
}
.footer-menu-list li {
display:inline;
padding:0 7px 0 5px;
border-right:1px solid #999
}
.footer-menu-list li:last-child {
border-right:none
}
.footer-menu-list li a {
color:#999;
display: inline-block;
    padding: 10px 15px; /* Добавляем внутренние отступы для увеличения области нажатия */
    min-width: 48px;    /* Гарантируем минимальную ширину */
    min-height: 48px;   /* Гарантируем минимальную высоту */
    vertical-align: middle;
}
.footer-menu-list li a:hover {
text-decoration:underline;
transition:all .3s;
color:#fff;
}
.scroll_top {
width:34px;
height:34px;
position:fixed;
display:none;
font-size:0;
z-index:9999;
right:50px;
bottom:32px;
background:#666;
display:none
}
.scroll_top:hover {
background:#999
}
.scroll_top:before {
content:"\f106";
font-family:"FontAwesome";
font-size:14px;
color:#fff;
text-align:center;
width:34px;
height:34px;
line-height:34px;
display:block
}
.breadcrumb {
background:none;
padding:0;
margin:0;
padding-bottom:17px;
line-height:normal
}
.breadcrumb .navigation-pipe:before {
content:"\f105";
font-size:14px;
display:inline-block;
text-align:right;
width:6px;
color:#666;
font-family:"FontAwesome";
padding:0 15px
}
#columns {
padding-top:16px;
padding-bottom:30px
}
#left_column .left-module {
margin-bottom:30px;
overflow:hidden
}
#left_column .left-module .owl-dots {
bottom:5px
}
#left_column .left-module:last-child {
margin-bottom:0
}
#left_column .left-module img {
margin:0 auto
}
#left_column .block {
border:1px solid #eaeaea
}
#left_column .block .title_block {
font-size:16px;
font-weight:700;
border-bottom:1px solid #eaeaea;
padding-left:28px;
text-transform:uppercase;
padding-top:11px;
padding-bottom:12px
}
#left_column .block .title_block_not_pro {
padding-left: 28px;
padding-top: 20px;
}
#left_column .block .block_content {
padding:15px 20px
}
.layered .layered_subtitle {
color:#666;
font-size:16px;
padding-bottom:4px;
text-transform:uppercase
}
.layered .layered-content {
border-bottom:1px solid #eaeaea;
padding-bottom:15px;
margin-bottom:15px;
padding-top:15px
}
.layered .layered-content:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0
}
.layered-category .layered-content {
border-bottom:none;
padding-bottom:0;
padding-top:0;
margin-bottom:0
}
.tree-menu li {
line-height:24px
}
.tree-menu li:hover>a,.tree-menu li.active>a,.tree-menu li:hover>span:before,.tree-menu li.active>span:before {
color:#747474
}
.tree-menu > li >span:before {
content:"\f105";
font-size:14px;
display:inline-block;
text-align:right;
color:#666;
font-family:"FontAwesome";
/*padding-right:12px;
*/color:#ccc;
font-weight:700;
cursor:pointer
}
.tree-menu > li >span.open:before {
content:"\f107";
font-size:14px;
display:inline-block;
text-align:right;
color:#666;
font-family:"FontAwesome";
padding-right:12px;
color:#ccc;
font-weight:700;
cursor:pointer
}
.tree-menu > li > ul {
padding-left:17px;
display:none
}
.tree-menu > li > ul > li {
border-bottom:1px dotted #eaeaea
}
.tree-menu > li > ul > li:last-child {
border:none
}
.tree-menu > li > ul > li >span:before {
content:"\f0da";
font-size:14px;
display:inline-block;
text-align:right;
color:#666;
font-family:"FontAwesome";
padding-right:12px;
color:#ccc
}
.layered-filter-price .amount-range-price {
padding:15px 0
}
.layered-filter-price .slider-range-price {
height:7px;
background:#747474;
border:none;
border-radius:0
}
.layered-filter-price .slider-range-price .ui-widget-header {
background:#ccc;
height:7px
}
.layered-filter-price .slider-range-price .ui-slider-handle {
border:none;
border-radius:0;
background:url(../images/range-icon.png) no-repeat;
cursor:pointer
}
.check-box-list {
overflow:hidden
}
.check-box-list li {
line-height:24px
}
.check-box-list label {
display:inline-block;
cursor:pointer;
line-height:12px
}
.check-box-list label:hover {
color:#747474
}
.check-box-list input[type="checkbox"] {
display:none
}
.check-box-list input[type="checkbox"] + label span.button {
display:inline-block;
width:12px;
height:12px;
margin-right:13px;
background:url(../images/checkbox.png) no-repeat;
padding:0;
border:none
}
.check-box-list input[type="checkbox"]:checked + label span.button {
background:#747474 url(../images/checked.png) no-repeat center center
}
.check-box-list input[type="checkbox"]:checked + label {
color:#747474
}
.check-box-list label span.count {
color:#a4a4a4;
margin-left:2px
}
.filter-color ul {
padding:0;
margin:0;
overflow:hidden;
margin-left:-5px;
margin-right:-5px;
margin-top:-5px
}
.filter-color li {
display:inline;
padding:0;
margin:0;
line-height:normal;
float:left;
padding:5px
}
.filter-color li label {
border:1px solid #eaeaea;
width:20px;
height:20px;
padding-top:6px;
padding-left:6px;
float:left
}
.filter-color li input[type="checkbox"] + label span.button {
background:none;
margin:0
}
.filter-color li input[type="checkbox"]:checked + label {
border-color:#747474
}
.filter-size {
max-height:200px;
overflow-y:auto
}
.filter-size li {
width:50%;
float:left
}
.owl-dots {
position:absolute;
left:0;
bottom:0;
text-align:center;
width:100%
}
.owl-dots .owl-dot {
width:14px;
height:14px;
background:#adadad;
display:inline-block;
margin:0 6px;
border-radius:90%
}
.owl-dots .owl-dot.active {
background:#747474
}
.products-block {
overflow:hidden
}
.products-block .products-block-left {
width:75px;
float:left
}
.products-block .products-block-right {
margin-left:85px
}
.products-block .product-price {
font-size:18px;
color:#747474;
font-weight:700;
line-height:35px
}
.products-block .product-star {
color:#f90
}
.products-block-bottom {
padding-top:15px
}
.products-block .link-all {
height:35px;
width:120px;
border:1px solid #747474;
line-height:33px;
font-size:14px;
color:#747474;
display:block;
margin:0 auto;
text-align:center;
clear:both;
background:#747474;
color:#fff
}
.products-block .link-all:hover {
opacity:.8
}
.products-block .link-all:after {
font:normal normal normal 13px/1 FontAwesome;
content:"\f101";
margin-left:10px
}
.best-sell li {
border-bottom:1px solid #eaeaea;
padding:20px 0
}
.best-sell li:first-child {
padding-top:0
}
.best-sell li:last-child {
padding-bottom:0;
border-bottom:none
}
.owl-best-sell {
padding-bottom:35px
}
#left_column .block .block_content.product-onsale {
padding:15px 20px
}
#left_column .block .block_content.product-onsale .product-list {
padding-bottom:25px
}
#left_column .block .block_content.product-onsale .product-list .product-container {
border:none
}
#left_column .block .block_content.product-onsale .product-list .product-container .right-block {
padding:0
}
.product-bottom {
padding-top:10px;
text-align:center
}
.btn-add-cart {
height:35px;
width:auto;
line-height:35px;
font-size:14px;
color:#fff;
display:inline-block;
margin:0 auto;
text-align:center;
clear:both;
padding-left:15px;
padding-right:15px;
background:#747474
}
.btn-add-cart:hover {
color:#fff;
opacity:.8
}
.btn-add-cart:before {
width:16px;
height:100%;
float:left;
background:url(../images/cart.png) no-repeat scroll left center;
content:" ";
margin-right:15px
}
.tags a {
background:#747474;
font:12px Montserrat,sans-serif;
color:#FFF;
border-radius:7px;
display:inline-block;
padding:6px 9px;
margin-bottom:8px;
margin-left:8px
}
.testimonials {
padding-bottom:38px
}
.testimonials .client-mane {
text-transform:uppercase;
text-align:center;
font-weight:600
}
.testimonials .client-avarta {
margin-top:10px;
text-align:center
}
.testimonials .client-avarta img {
width:110px;
height:110px;
border:3px solid #eaeaea;
border-radius:90%;
margin:0 auto
}
.category-slider .owl-prev,.category-slider .owl-next {
background:#aaa;
width:40px;
height:40px;
color:#fff;
text-align:center;
line-height:40px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
position:absolute;
visibility:hidden;
opacity:0
}
.category-slider .owl-prev:hover,.category-slider .owl-next:hover {
background:#747474
}
.category-slider .owl-prev {
left:50%
}
.category-slider .owl-next {
right:50%
}
.category-slider:hover .owl-next {
right:0;
visibility:inherit;
opacity:1
}
.category-slider:hover .owl-prev {
left:0;
visibility:inherit;
opacity:1
}
.subcategories {
border:1px solid #e4e4e4;
margin-top:20px
}
.subcategories ul {
overflow:hidden
}
.subcategories li {
display:inline;
float:left
}
.subcategories li a {
height:34px;
float:left;
line-height:34px;
padding:0 20px;
font-size:13px
}
.subcategories li a:hover {
background:#f2f2f2;
color:#666
}
.subcategories li.current-categorie {
position:relative
}
.subcategories li.current-categorie:after {
font:normal normal normal 14px/1 FontAwesome;
content:"\f0da";
position:absolute;
right:-5px;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
color:#000
}
.subcategories li.current-categorie a {
background:#000;
color:#fff;
font-size:14px;
font-weight:700
}
.view-product-list {
margin-top:20px;
position:relative
}
.page-heading {
height:auto;
border-bottom:1px solid #eaeaea;
line-height:40px;
position:relative;
font-size:24px;
margin-top: 40px;
}
.page-heading span.page-heading-title {
border-bottom:3px solid #747474;
position:absolute;
bottom:-1px;
padding:0 12px
}
.page-heading span.page-heading-title2 {
text-transform:uppercase
}
.no-line {
border-bottom:none
}
.view-product-list .display-product-option {
position:absolute;
top:0;
right:0
}
.display-product-option {
width:63px;
height:30px
}
.display-product-option li.view-as-grid span {
width:30px;
height:30px;
display:block;
float:left;
cursor:pointer;
text-indent:-9999px;
background:url(../images/grid-view-bg.png) 0 0 #666;
border:none;
float:left
}
.display-product-option li.view-as-list span {
width:30px;
height:30px;
display:block;
float:left;
cursor:pointer;
text-indent:-9999px;
background:url(../images/list-view-bg.png) 0 0 #666;
border:none;
float:right
}
.display-product-option li.selected span,.display-product-option li:hover span {
background-color:#747474;
background-position:0 -30px
}
.view-product-list .product-list.grid {
margin-top:0px
}
/* Стандартные пользователи */
.product-list .product-container {
  border: 1px solid #eaeaea;
  overflow: hidden;
  padding-bottom: 10px;
  min-height: 540px;
  max-height: 540px;
  transition: all 0.3s ease;
}

/* Голд-товары (VIP, рекомендованные, топовые) */
.product-list .product-container.gold-premium {
  border: 2px solid transparent;
  background: 
    linear-gradient(white, white) padding-box,
    linear-gradient(45deg, #7a5c1d, #c19b2a, #957023, #d4af37, #7a5c1d) border-box;
  background-size: 200% 200%;
  animation: shimmerBorder 3s ease infinite;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(149, 112, 35, 0.1);
  position: relative;
}

/* Анимированная звезда */
.product-list .product-container.gold-premium:before {
  content: '★';
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  font-size: 16px;
  color: white;
  background: linear-gradient(45deg, #7a5c1d, #c19b2a, #d4af37, #ffd700, #c19b2a);
  background-size: 200% 200%;
  animation: starShine 2s ease infinite;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(149, 112, 35, 0.5);
  font-weight: bold;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

@keyframes shimmerBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes starShine {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@media (max-width: 768px) {
  .product-list .product-container {
    min-height: 0;
    max-height: none;
    height: auto;
  }
}
.product-list .info-orther {
/*display:none*/
}
.product-list.grid li {
margin-top:30px
}
.product-list.grid .info-orther {
/*display:none*/
}
.product-list.list li {
width:100%;
margin-top:-1px
}
.product-list.list li .product-container {
border:none;
border-bottom:1px solid #eaeaea;
border-left:1px solid transparent;
border-top:1px solid transparent;
border-right:1px solid transparent
}
.product-list.list li:first-child .product-container {
margin-top:20px
}
.product-list.list li:hover .product-container {
border:1px solid #eaeaea
}
.product-list.list .left-block {
width:29%;
float:left;
position:inherit
}
.product-list.list .add-to-cart {
top:70px;
right:36px;
left:inherit;
bottom:inherit;
width:129px;
height:36px;
background:#747474;
line-height:36px;
position:absolute
}
.product-list.list .add-to-cart a {
height:36px;
background:url(../images/cart.png) no-repeat left center;
margin-left:15px;
padding-left:15px;
width:114px
}
.product-list.list .quick-view {
width:129px;
right:36px;
top:120px;
text-align:center;
padding-left:5px
}
.product-list.list .quick-view a {
margin:0 10px
}
.product-list.list .quick-view a:last-child {
margin:0
}
.product-list.list .quick-view a.mess {
margin-left:inherit
}
.product-list.list .quick-view a.order {
margin-left:inherit
}
.product-list.list .quick-view a.comment {
margin-left:inherit
}
.product-list.list .group-price {
top:34px;
left:25px
}
.product-list.list .product-star {
width:100%;
float:left;
text-align:left;
font-size:14px;
line-height:26px;
padding-top:6px
}
.product-list.list li .content_price {
margin-top:-3px
}
.product-list.list .right-block {
width:71%;
float:left;
margin-top:20px;
line-height:26px
}
.product-list.list .info-orther {
display:block
}
.product-list.list .right-block .product-name {
font-size:18px
}
.product-list.list .right-block .availability span {
color:#096
}
.product-list.list .right-block .product-desc {
line-height:24px;
margin-top:34px
}
.sortPagiBar {
margin-top:20px
}
.sortPagiBar .page-noite {
line-height:30px
}
.sortPagiBar .sort-product,.sortPagiBar .show-product-item {
float:right;
border:1px solid #eaeaea;
height:31px;
margin-left:23px
}
.sortPagiBar select {
background:transparent;
padding:0 10px;
height:29px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:url(../images/dropdown.png) no-repeat right center #fafafa;
padding-right:20px;
display:inline-block;
font-size:13px
}
.sortPagiBar .sort-product .sort-product-icon {
display:inline-block;
width:38px;
text-align:center;
float:right;
height:29px;
border-left:1px solid #eaeaea;
background:#fafafa;
padding-top:8px
}
.sortPagiBar .bottom-pagination {
width:auto;
float:right;
margin-left:23px
}
.sortPagiBar .bottom-pagination .pagination {
padding:0;
margin:0;
border-radius:0
}
.sortPagiBar .bottom-pagination .pagination a:hover {
background:#747474;
color:#fff
}
.sortPagiBar .bottom-pagination .pagination .active a {
background:#747474;
color:#fff
}
.sortPagiBar .bottom-pagination .pagination > li:first-child > a,.sortPagiBar .bottom-pagination .pagination > li:first-child > span {
margin-left:0;
border-top-left-radius:0;
border-bottom-left-radius:0
}
.sortPagiBar .bottom-pagination .pagination > li > a,.sortPagiBar .bottom-pagination .pagination > li > span {
position:relative;
float:left;
padding:5px 12px;
margin-left:-1px;
line-height:1.42857;
color:#999;
text-decoration:none;
background-color:#fafafa;
border:1px solid #eaeaea
}
.sortPagiBar .bottom-pagination .pagination > li:last-child > a,.sortPagiBar .bottom-pagination .pagination > li:last-child > span {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.page-content {
margin-top:30px
}
.page-order ul.step {
width:100%;
clear:both;
overflow:hidden
}
.page-order ul.step li {
display:inline;
line-height:30px;
width:20%;
float:left;
text-align:center;
border-bottom:3px solid #ccc
}
.page-order ul.step li.current-step {
border-bottom:3px solid #747474
}
.page-order .heading-counter {
margin:30px 0;
padding:15px;
border:1px solid #eaeaea
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
border-bottom-width:0
}
.page-order .cart_navigation a {
padding:10px 20px;
border:1px solid #eaeaea
}
.page-order .cart_avail {
text-align:center
}
.page-order .cart_avail .label {
white-space:normal;
display:inline-block;
padding:6px 10px;
font-size:14px;
border-radius:0
}
.page-order .product-name {
font-size:16px
}
.page-order .cart_description {
font-size:14px
}
.page-order .cart_avail .label-success {
background:#FFF;
border:1px solid #55c65e;
color:#48b151;
font-weight:400
}
.page-order .cart_navigation a.next-btn {
float:right;
background:#747474;
color:#fff;
border:1px solid #747474
}
.page-order .cart_navigation a.next-btn:hover {
opacity:.8
}
.page-order .cart_navigation a.prev-btn {
float:left
}
.page-order .cart_navigation a.prev-btn:before {
font:normal normal normal 14px/1 FontAwesome;
content:"\f104";
padding-right:15px
}
.page-order .cart_navigation a.next-btn:after {
font:normal normal normal 14px/1 FontAwesome;
content:"\f105";
padding-left:15px
}
.page-order .cart_navigation a:hover {
background:#747474;
color:#fff
}
.cart_summary > thead,.cart_summary > tfoot {
background:#f7f7f7;
font-size:16px
}
.cart_summary > thead>th {
border-bottom-width:1px;
padding:20px
}
.cart_summary td {
vertical-align:middle!important;
padding:20px
}
.cart_summary .table>tbody>tr>td,.table>tbody>tr>th,.cart_summary .table>tfoot>tr>td,.table>tfoot>tr>th,.cart_summary .table>thead>tr>td,.table>thead>tr>th {
padding:15px
}
.cart_summary img {
max-width:100px
}
.cart_summary td.cart_product {
width:120px;
padding:15px
}
.cart_summary .price {
text-align:right
}
.cart_summary .qty {
text-align:center;
width:100px
}
.cart_summary .qty input {
text-align:center;
max-width:64px;
margin:0 auto;
border-radius:0;
border:1px solid #eaeaea
}
.cart_summary .qty a {
padding:8px 10px 5px;
border:1px solid #eaeaea;
display:inline-block;
width:auto;
margin-top:5px
}
.cart_summary .qty a:hover {
background:#747474;
color:#fff
}
.cart_summary .action {
text-align:center
}
.cart_summary .action a {
background:url(../images/delete_icon.png) no-repeat center center;
font-size:0;
height:9px;
width:9px;
display:inline-block;
line-height:24px
}
.cart_summary tfoot {
text-align:right
}
.cart_navigation {
margin-top:10px;
float:left;
width:100%
}
#product .pb-right-column {
line-height:30px
}
#product .pb-right-column .fa {
line-height:inherit
}
#product .pb-right-column .product-name {
font-size:24px
}
#product .pb-right-column .product-comments .product-star,#product .pb-right-column .product-comments .comments-advices {
width:auto;
display:inline-block
}
#product .pb-right-column .product-comments .product-star {
color:#f90
}
#product .pb-right-column .product-comments .comments-advices a {
border-right:1px solid #eaeaea;
padding-left:15px;
padding-right:15px
}
#product .pb-right-column .product-comments .comments-advices a:last-child {
border-right:none
}
#product .pb-right-column .product-price-group .price,#product .pb-right-column .product-price-group .old-price,#product .pb-right-column .product-price-group .discount {
display:inline-block;
margin-right:15px
}
#product .pb-right-column .product-price-group .price {
font-size:18px;
font-weight:700;
color:#747474
}
#product .pb-right-column .product-price-group .old-price {
text-decoration:line-through
}
#product .pb-right-column .product-price-group .discount {
background:#f90;
color:#fff;
padding:0 15px;
text-align:center;
line-height:inherit;
margin-right:0;
height:23px;
line-height:23px
}
#product .pb-right-column .info-orther {
padding:5px
}
#product .pb-right-column .product-desc,#product .pb-right-column .form-option,#product .pb-right-column .form-action,#product .pb-right-column .form-share {
border-top:1px solid #eaeaea;
padding:10px 0
}
#product .pb-right-column .form-option #size_chart {
color:#747474;
text-decoration:underline;
margin-left:15px
}
#product .pb-right-column .product-desc {
line-height:24px
}
#product .pb-right-column .form-option .attributes {
clear:both;
padding:5px 0;
overflow:hidden
}
#product .pb-right-column .form-option .attributes:first-child {
padding-top:0
}
#product .pb-right-column .form-option .attributes .attribute-label {
width:50px;
float:left
}
#product .pb-right-column .form-option .form-option-title {
font-weight:700;
line-height:20px
}
#product .pb-right-column .form-option .attributes select {
padding:0 0 0 10px;
height:29px;
line-height:23px;
-moz-appearance:none;
-webkit-appearance:none;
background:#FAFAFA url(../images/dropdown.png) no-repeat scroll right center;
display:inline-block;
border:1px solid #eaeaea;
min-width:95px
}
#product .pb-right-column .form-option .qty {
width:40px;
display:inline-block;
float:left;
overflow:hidden
}
#product .pb-right-column .form-option .product-qty {
border:1px solid #eaeaea;
width:60px;
margin-left:50px;
overflow:hidden;
background:#FAFAFA
}
#product .pb-right-column .form-option .attributes .btn-plus {
width:18px;
height:29px;
float:left;
display:inline-block;
margin-top:-5px
}
#product .pb-right-column .form-option .btn-plus a {
width:18px;
height:10px;
float:left;
text-align:center;
cursor:inherit
}
#product .pb-right-column .form-option .attributes input {
max-width:50px;
padding:0 5px
}
#product .pb-right-column .form-option .list-color {
overflow:hidden;
padding-top:5px
}
#product .pb-right-column .form-option .list-color li {
width:20px;
height:20px;
border:1px solid #eaeaea;
float:left;
margin-right:10px
}
#product .pb-right-column .form-option .list-color li:hover,#product .pb-right-column .form-option .list-color li.active {
border:1px solid #747474
}
#product .pb-right-column .form-option .list-color li a {
width:20px;
height:20px;
float:left;
text-indent:-9999px
}
#product .pb-right-column .form-action {
padding:0;
padding-bottom:5px
}
#product .pb-right-column .form-action .button-group {
margin-top:15px;
overflow:hidden
}
#product .pb-right-column .form-action .button-group .wishlist,#product .pb-right-column .form-action .button-group .compare {
min-width:50px;
padding-right:15px;
text-align:center;
float:left
}
#product .pb-right-column .form-action .button-group .wishlist .fa,#product .pb-right-column .form-action .button-group .compare .fa {
font-size:18px;
width:30px;
height:30px;
color:#fff;
line-height:30px;
background:rgba(0,0,0,0.4) none repeat scroll 0 0;
border-radius:90%
}
#product .pb-right-column .form-action .button-group .wishlist:hover .fa,#product .pb-right-column .form-action .button-group .compare:hover .fa {
background:#747474
}
#product .pb-right-column .form-share .fa {
font-size:18px
}
#product .pb-right-column .form-share .sendtofriend-print a {
margin-right:15px;
margin-bottom:15px
}
#product .pb-left-column .product-image .product-full {
border:1px solid #eaeaea;
padding:10px;
}
#product .pb-left-column .product-image .product-img-thumb {
margin-top:15px;
padding:0 40px
}
#product .pb-left-column .product-image .product-img-thumb li {
border:1px solid #eaeaea;
padding:7px 10px
}
#product .pb-left-column .product-image .owl-next {
right:-40px
}
#product .pb-left-column .product-image .owl-prev {
left:-40px
}
.product-tab {
margin-top:30px
}
.product-tab .nav-tab {
width:100%;
overflow:hidden;
z-index:100;
position:relative
}
.product-tab .nav-tab>li {
height:40px;
line-height:40px;
float:left;
display:inline;
border:1px solid #e2e2e2;
color:#333;
text-align:center;
margin-right:8px
}
.product-tab .nav-tab>li span {
margin-top:12px
}
.product-tab .nav-tab>li:last-child {
margin-right:0
}
.product-tab .nav-tab>li>a {
color:#333;
padding:0 26px;
height:40px;
float:left
}
.product-tab .nav-tab>li:hover>a,.product-tab .nav-tab>li.active>a {
background:#e2e2e2;
border-top:1px solid #747474
}
.product-tab .tab-container {
padding:20px;
border:1px solid #e2e2e2;
margin-top:-1px;
z-index:1
}
.product-tab .tab-container p {
margin:0 0 10px
}
.product-tab .tab-container .table {
margin-bottom:0
}
.product-tab .tab-container .tab-panel {
line-height:24px
}
.product-comments-block-tab {
overflow:hidden
}
.product-comments-block-tab .fa {
line-height:inherit
}
.product-comments-block-tab .reviewRating {
color:#f90
}
.product-comments-block-tab .comment {
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #eaeaea
}
.product-comments-block-tab .comment:first-child {
padding-top:0
}
.product-comments-block-tab .comment:last-child {
padding-bottom:0;
border-bottom:none
}
.product-comments-block-tab .comment .author {
border-right:1px solid #eaeaea
}
.product-comments-block-tab .btn-comment {
padding:5px 15px;
border:1px solid #eaeaea;
float:left;
margin-top:15px
}
.page-product-box {
margin-top:50px
}
.page-product-box .heading {
font-size:16px;
color:#333;
text-transform:uppercase;
font-weight:700;
padding-bottom:17px
}
.page-product-box .owl-next {
top:-20px
}
.page-product-box .owl-prev {
top:-20px;
left:inherit;
right:26px
}
.page-product-box .product-list li {
margin-bottom:1px
}
#contact {
margin-top:20px
}
#contact .page-subheading {
padding-left:0;
border:none;
margin:14px 0 30px;
text-transform:uppercase;
font-size:18px;
color:#666
}
#contact .contact-form-box {
padding:0;
margin:0 0 30px
}
#contact .contact-form-box label {
padding-bottom:5px
}
#contact .contact-form-box .form-selector {
padding-bottom:25px
}
#contact input,#contact select,#contact textarea {
border-radius:0;
border-color:#eaeaea;
box-shadow:inherit;
outline:0 none
}
#contact input:focus,#contact select:focus,#contact textarea:focus {
box-shadow:inherit;
outline:0 none
}
#contact #btn-send-contact {
font-size:14px;
line-height:18px;
color:#fff;
padding:0;
font-weight:400;
background:#666;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:none;
padding:10px 25px
}
#contact #btn-send-contact:hover {
background:#F36
}
#contact_form_map ul {
line-height:28px;
list-style:disc;
list-style-position:inside;
font-style:italic
}
#contact_form_map ul.store_info {
list-style:none;
font-style:normal;
color:#696969
}
#contact_form_map ul.store_info i {
display:inline-block;
width:30px;
line-height:inherit
}
#message-box-conact .fa {
line-height:inherit
}
.content-text {
padding:20px 0;
text-align:justify
}
.content-text p {
margin-bottom:15px
}
.right-sidebar #left_column {
float:right;
}
.blog-posts {
line-height:24px;
margin-top:20px
}
.blog-posts .post-item {
padding-bottom:20px;
padding-top:20px;
border-bottom:1px solid #eaeaea;
border-top:1px solid #eaeaea;
margin-top:-1px
}
.blog-posts .post-item .entry-meta-data {
padding:5px 0;
color:#666;
font-size:13px
}
.blog-posts .post-item .entry-meta-data span {
margin-right:5px
}
.blog-posts .post-item .entry-meta-data .author .fa {
opacity:.7
}
.blog-posts .post-item .entry-meta-data .fa {
line-height:inherit
}
.blog-posts .post-item .post-star {
font-size:13px
}
.blog-posts .post-item .post-star .fa {
line-height:inherit;
color:#f90
}
.blog-posts .post-item .entry-excerpt {
text-align:justify
}
.blog-posts .post-item .entry-more a {
border:1px solid #eaeaea;
padding:10px 12px;
background:#eee
}
.blog-posts .post-item .entry-more {
margin-top:15px
}
.blog-posts .post-item .entry-more a:hover {
background:#747474;
color:#fff
}
.blog-posts .post-item .entry-thumb img {
border:1px solid #eaeaea
}
.blog-list-sidebar li {
border-bottom:1px solid #eaeaea;
padding-bottom:10px;
margin-bottom:10px;
overflow:hidden
}
.blog-list-sidebar li:last-child {
border:none;
margin-bottom:0
}
.blog-list-sidebar li .post-thumb {
width:80px;
float:left;
border:1px solid #eaeaea;
padding:4px;
background:#fcfcfc
}
.blog-list-sidebar li .post-info {
margin-left:90px;
color:#999
}
.blog-list-sidebar li .post-info .post-meta {
font-size:12px;
margin-top:5px
}
.blog-list-sidebar li .post-info .fa {
line-height:inherit
}
.recent-comment-list li {
border-bottom:1px solid #eaeaea;
padding-bottom:10px;
margin-bottom:10px;
overflow:hidden
}
.recent-comment-list li:last-child {
border:none;
margin-bottom:0
}
.recent-comment-list li .author {
color:#666;
margin-bottom:5px;
font-size:13px
}
.recent-comment-list li .comment {
margin-top:5px;
color:#666
}
.recent-comment-list li>h5>a {
color:#333
}
.entry-detail {
margin-top:20px
}
.entry-detail .entry-photo img {
border:1px solid #eaeaea
}
.entry-detail .entry-meta-data {
padding:30px 0;
color:#666
}
.entry-detail .entry-meta-data .fa {
line-height:inherit
}
.entry-detail .entry-meta-data span {
margin-right:10px
}
.entry-detail .entry-meta-data .author .fa {
opacity:.7
}
.entry-detail .entry-meta-data .post-star {
float:right
}
.entry-detail .entry-meta-data .post-star .fa {
color:#f90
}
.entry-detail .entry-meta-data .post-star span {
margin:0
}
.single-box {
margin-top:20px
}
.comment-list {
margin-top:20px
}
.comment-list ul {
padding-left:80px
}
.comment-list ul li {
overflow:hidden;
margin-bottom:15px;
border-bottom:1px solid #eaeaea;
padding-bottom:15px
}
.comment-list ul li:last-child {
margin-bottom:0;
border:none;
padding:0
}
.comment-list>ul {
padding-left:0
}
.comment-list .avartar {
width:80px;
border:1px solid #eaeaea;
padding:4px;
float:left
}
.comment-list .comment-body {
margin-left:90px
}
.comment-list .comment-meta {
color:#ccc
}
.comment-list .comment-meta .author a {
font-weight:700
}
.coment-form {
margin-top:20px
}
.coment-form label {
margin-top:10px;
margin-bottom:2px
}
.coment-form input,.coment-form textarea {
border-radius:0;
border:1px solid #eaeaea;
-webkit-box-shadow:inherit;
box-shadow:inherit
}
.coment-form .btn-comment {
padding:10px 20px;
border:1px solid #eaeaea;
background:#666;
color:#fff;
margin-top:15px
}
.coment-form .btn-comment:hover {
background:#747474;
border:1px solid #747474
}
.related-posts {
margin-top:20px
}
.related-posts .entry-thumb img {
border:1px solid #eaeaea
}
.related-posts .entry-ci {
margin-top:10px
}
.related-posts .entry-meta-data {
color:#999;
font-size:13px;
margin-top:10px
}
.related-posts .entry-meta-data .fa {
line-height:inherit
}
.related-posts .entry-ci .entry-excerpt {
padding:10px 0
}
.related-posts .entry-title {
font-size:14px
}
.related-posts .owl-next {
top:-31px
}
.related-posts .owl-prev {
top:-31px;
left:inherit;
right:26px
}
.box-authentication {
border:1px solid #eaeaea;
padding:30px;
min-height:320px
}
.box-authentication>h3 {
margin-bottom:15px
}
.box-authentication label {
margin-top:10px;
margin-bottom:2px
}
.box-authentication .forgot-pass {
margin-top:15px
}
.box-authentication input,.box-authentication textarea {
border-radius:0;
border:1px solid #eaeaea;
-webkit-box-shadow:inherit;
box-shadow:inherit;
width:50%
}
.box-authentication .button {
margin-top:15px
}
.box-border {
border:1px solid #eaeaea;
padding:20px;
overflow:hidden
}
.box-wishlist label,.box-wishlist .button {
margin-top:15px;
margin-bottom:5px
}
.box-wishlist {
margin-top:20px
}
.table-wishlist {
margin-top:20px
}
.table-wishlist th {
background:#fafafa
}
.list-wishlist {
margin-top:20px
}
.list-wishlist li {
margin-top:30px
}
.list-wishlist li .product-img {
border:1px solid #eee;
padding:10px
}
.list-wishlist li .product-name,.list-wishlist li .qty,.list-wishlist li .priority,.list-wishlist li .button {
margin-top:10px
}
.list-wishlist li .button-action {
position:relative
}
.list-wishlist li .button-action a {
position:absolute;
right:10px;
top:15px
}
.list-wishlist li .button-action a .fa {
line-height:inherit
}
.table-compare td.compare-label {
width:150px;
background:#fafafa;
vertical-align:middle
}
.table-compare .product-star .fa {
line-height:inherit;
color:#f90
}
.table-compare .price {
font-weight:700;
color:#747474
}
.table-compare .add-cart {
background:#747474;
color:#fff
}
.table-compare .add-cart:hover {
opacity:.8
}
.checkout-page .checkout-sep {
padding-bottom:15px;
text-transform:uppercase
}
.checkout-page .box-border {
margin-bottom:15px
}
.checkout-page .box-border .button {
margin-top:15px
}
.checkout-page .box-border label {
margin-top:5px
}
.checkout-page .box-border p,.checkout-page .box-border h4 {
padding-bottom:5px;
margin-top:5px
}
.checkout-page .box-border .fa {
line-height:inherit
}
.checkout-page .box-border input[type="radio"] {
margin-right:10px
}
.cat-short-desc {
margin-top:20px
}
.cat-short-desc .cat-short-desc-products {
margin-top:20px
}
.cat-short-desc .cat-short-desc-products li .product-container {
border:1px solid #eaeaea;
padding:10px
}
.cat-short-desc .cat-short-desc-products li .product-container .product-name {
margin-top:10px
}
.today-deals {
position:relative
}
.today-deals .deals-product-list .product-info {
margin-top:10px
}
.today-deals .deals-product-list .product-info .show-count-down {
text-align:center
}
.today-deals .deals-product-list .product-info .show-count-down .box-count {
display:inline-block;
margin-right:2px;
color:#747474
}
.today-deals .deals-product-list .product-info .show-count-down .dot {
display:none
}
.today-deals .deals-product-list .product-info .show-count-down .box-count .number {
width:100%;
float:left;
background:#eaeaea;
padding:5px 0;
font-size:16px
}
.today-deals .deals-product-list .product-info .show-count-down .box-count .text {
background:#eaeaea;
font-size:12px;
margin-top:1px;
width:100%;
float:left;
padding:5px 0;
color:#666
}
.today-deals .deals-product-list .product-info .product-name {
margin-top:15px
}
.today-deals .deals-product-list .product-info .product-meta {
margin-top:7px;
line-height:18px
}
.today-deals .deals-product-list .product-info .product-meta .fa {
line-height:inherit
}
.today-deals .deals-product-list .product-info .product-meta .price {
color:#747474;
font-size:18px
}
.today-deals .deals-product-list .product-info .product-meta .old-price {
text-decoration:line-through;
margin-left:11px;
color:#666
}
.today-deals .deals-product-list .product-info .product-meta .star {
float:right;
font-size:13px;
color:#f90
}
.today-deals .owl-next {
top:-55px
}
.today-deals .owl-prev {
top:-55px;
left:inherit;
right:26px
}
.group-button-header {
margin-top:17px
}
.group-button-header .btn-cart,.group-button-header .btn-mess,.group-button-header .btn-order {
width:39px;
height:39px;
float:right;
position:relative;
margin-right:16px
}
.group-button-header .btn-cart {
background:url(../images/icon-cart-round.png) no-repeat center center;
position:relative
}
.group-button-header .btn-cart:after {
content:"";
width:100%;
height:10px;
display:block;
position:absolute;
bottom:-10px
}
.group-button-header .btn-cart .notify-right {
top:-12px;
right:-12px
}
.group-button-header .btn-heart {
background:url(../images/icon-heart-round.png) no-repeat center center;
text-indent:-999px;
display:inline-block;
font-size:0
}
.group-button-header .btn-compare {
background:url(../images/icon-compare-round.png) no-repeat center center;
text-indent:-999px;
margin-right:0;
display:inline-block;
font-size:0
}
.main-header .group-button-header .btn-cart>a {
width:100%;
height:100%;
float:left;
font-size:0
}
.main-header .group-button-header .btn-cart:hover .cart-block {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
.blog-list {
margin-top:30px
}
.blog-list .page-heading {
text-transform:uppercase
}
.blog-list .blog-list-wapper {
margin-top:30px
}
.blog-list .blog-list-wapper ul li {
border:1px solid #eaeaea;
line-height:30px
}
.blog-list .blog-list-wapper ul li .post-desc {
padding:15px
}
.blog-list .blog-list-wapper ul li .post-desc .post-title a {
font-size:14px;
color:#333
}
.blog-list .blog-list-wapper ul li .post-desc .post-title a:hover {
color:#f96d10
}
.blog-list .blog-list-wapper ul li .post-desc .post-meta {
color:#919191;
font-size:13px
}
.blog-list .blog-list-wapper ul li .post-desc .post-meta .date:before {
font:normal normal normal 13px/1 FontAwesome;
content:"\f1ec";
padding-right:5px
}
.blog-list .blog-list-wapper ul li .post-desc .post-meta .comment:before {
font:normal normal normal 13px/1 FontAwesome;
content:"\f0e5";
padding-right:5px;
padding-left:15px
}
.blog-list .blog-list-wapper ul li .readmore {
text-align:right
}
.blog-list .blog-list-wapper ul li .readmore a {
color:#f96d10
}
.blog-list .blog-list-wapper ul li .readmore a:after {
font:normal normal normal 14px/1 FontAwesome;
content:"\f178";
padding-left:10px
}
.blog-list .blog-list-wapper .owl-next {
top:-50px
}
.blog-list .blog-list-wapper .owl-prev {
left:inherit;
right:26px;
top:-50px
}
#footer2 {
margin-top:45px;
border-top:1px solid #eaeaea;
background:#fff
}
#footer2 .footer-top {
padding:10px 0
}
#footer2 .footer-top .footer-menu {
margin-top:25px
}
#footer2 .footer-top .footer-menu li {
display:inline;
float:left;
padding:0 10px
}
#footer2 .footer-social {
margin-top:18px
}
#footer2 .footer-social li {
display:inline;
float:right
}
#footer2 .footer-social li>a .fa {
line-height:inherit
}
#footer2 .footer-social li>a {
color:#fff;
width:32px;
height:32px;
background:#415a99;
float:left;
text-align:center;
line-height:32px;
margin-left:5px
}
#footer2 .footer-social li>a:hover {
opacity:.8
}
#footer2 .footer-social li>a.twitter {
background:#00caff
}
#footer2 .footer-social li>a.pinterest {
background:#cb222a
}
#footer2 .footer-social li>a.vk {
background:#5b7fa6
}
#footer2 .footer-social li>a.google-plus {
background:#da4735
}
#footer2 .footer-paralax {
color:#fff
}
#footer2 .footer-row {
padding:45px 0;
background-color:rgba(0,0,0,0.8);
background:rgba(0,0,0,0.8);
color:#fff
}
#footer2 .footer-center {
text-align:center;
background-color:rgba(0,0,0,0.6);
background:rgba(0,0,0,0.6)
}
#footer2 .footer-center h3 {
text-transform:uppercase;
padding-bottom:20px
}
#footer2 .footer-center p {
color:#999;
padding-bottom:20px
}
#footer2 .footer-row .form-subscribe {
width:540px;
margin:0 auto;
border:1px solid #999;
line-height:normal
}
#footer2 .footer-row .form-subscribe .form-group {
width:100%;
position:relative
}
#footer2 .footer-row .form-subscribe .form-control {
width:100%;
background:transparent;
border:none;
border-radius:0;
-webkit-box-shadow:inherit;
box-shadow:inherit;
padding-right:40px;
color:#fff
}
#footer2 .footer-row .form-subscribe .btn {
position:absolute;
top:3px;
right:0;
background:transparent;
border:none;
border-radius:0;
-webkit-box-shadow:inherit;
box-shadow:inherit;
color:#fff
}
#footer2 .widget-title {
text-transform:uppercase;
padding-bottom:20px
}
#footer2 .widget-body ul {
padding-left:25px
}
#footer2 .widget-body li {
line-height:30px
}
#footer2 .widget-body li a {
color:#999;
margin-left:-25px
}
#footer2 .widget-body li a:hover {
color:#fff
}
#footer2 .widget-body li a:before {
font-family:'FontAwesome';
font-size:14px;
content:"\f105";
margin-right:15px
}
#footer2 .widget-body li a.location:before {
content:"\f041"
}
#footer2 .widget-body li a.phone:before {
content:"\f095"
}
#footer2 .widget-body li a.email:before {
content:"\f003"
}
#footer2 .widget-body li a.mobile:before {
content:"\f10b"
}
#footer2 .footer-bottom {
background-color:rgba(0,0,0,0.8);
background:rgba(0,0,0,0.8);
color:#fff
}
#footer2 .footer-bottom .footer-bottom-wapper {
border-top:1px solid #6c6c6c;
padding:17px 0
}
#footer2 .footer-bottom .footer-payment-logo {
text-align:right
}
#footer2 .footer-coppyright {
text-align:left;
font-family:Montserrat,sans-serif;
font-size:12px;
font-weight:400;
color:#6c6c6c
}
#footer2 .footer-coppy-dev {
text-align:right;
font-family:Montserrat,sans-serif;
font-size:12px;
font-weight:400;
color:#6c6c6c;
margin-right:50px
}
.block-banner {
margin-top:30px
}
.block-banner .block-banner-left,.block-banner .block-banner-right {
width:50%;
float:left
}
.block-banner .block-banner-left {
padding-right:5px
}
.block-banner .block-banner-right {
padding-left:5px
}
.hot-deals-row {
margin-top:30px
}
.hot-deals-box {
border:1px solid #eaeaea
}
.hot-deals-box .hot-deals-tab {
display:table;
width:100%
}
.hot-deals-box .hot-deals-tab .hot-deals-title {
width:45px;
display:table-cell;
text-transform:uppercase;
font-size:24px;
text-align:center;
background:#08c;
color:#fff;
padding-top:40px
}
.hot-deals-box .hot-deals-tab .hot-deals-title>span {
width:100%;
float:left;
text-align:center
}
.hot-deals-box .hot-deals-tab .hot-deals-title>span.yellow {
color:#fc0
}
.hot-deals-box .hot-deals-tab .hot-deals-tab-box {
display:table-cell;
padding:25px
}
.hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li {
line-height:40px;
border-bottom:1px solid #eaeaea;
text-transform:uppercase;
padding-left:15px
}
.hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li.active>a {
color:#09c
}
.hot-deals-box .hot-deals-tab .box-count-down {
margin-top:20px;
float:left;
padding-left:4px
}
.hot-deals-box .hot-deals-tab .box-count-down .box-count {
width:67px;
height:67px;
border:1px solid #eaeaea;
float:left;
border-radius:90%;
text-align:center;
padding:10px;
position:relative;
color:#fff;
margin-left:-4px;
background:#fff
}
.hot-deals-box .hot-deals-tab .box-count-down .dot {
display:none
}
.hot-deals-box .hot-deals-tab .box-count-down .box-count:before {
width:100%;
height:100%;
background:#08c;
float:left;
content:'';
border-radius:90%
}
.hot-deals-box .hot-deals-tab .box-count-down .box-count:after {
content:'';
width:23px;
height:1px;
background:#fff;
position:absolute;
top:34px;
left:20px
}
.hot-deals-box .hot-deals-tab .box-count-down .number {
position:absolute;
width:100%;
left:0;
top:15px
}
.hot-deals-box .hot-deals-tab .box-count-down .text {
position:absolute;
width:100%;
left:0;
bottom:16px;
font-size:10px
}
.hot-deals-box .hot-deals-tab-content-col {
padding-left:0
}
.hot-deals-box .hot-deals-tab-content {
padding:30px 30px 0 0
}
.hot-deals-box .product-list .left-block {
border:1px solid #eaeaea;
padding:0
}
.hot-deals-box .product-list .right-block {
padding:0
}
.box-products {
margin-top:30px
}
.box-products .box-product-head {
height:30px;
border-bottom:1px solid #eaeaea
}
.box-products .box-product-head .box-title {
color:#333;
text-transform:uppercase;
border-bottom:3px solid #f30;
padding-bottom:5px;
font-size:18px;
padding-left:10px;
padding-right:5px
}
.box-products .box-tabs {
float:right
}
.box-products .box-tabs li {
display:inline;
text-transform:uppercase;
height:30px;
float:left
}
.box-products .box-tabs li>a {
position:relative;
padding:0 10px;
display:block;
line-height:normal;
background:url(../images/kak3.png) no-repeat center right;
float:left;
height:30px;
line-height:30px
}
.box-products .box-tabs li>a:after {
content:"\f0d8";
font-family:'FontAwesome';
font-size:13px;
color:#08c;
position:absolute;
bottom:-12px;
left:50%;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
display:none
}
.box-products .box-tabs li>a:before {
content:'';
height:1px;
background:#08c;
position:absolute;
bottom:0;
left:10px;
right:10px;
transform:scale(0,1)
}
.box-products .box-tabs li:last-child>a {
background:none
}
.box-products .box-tabs li:last-child>a:before {
right:0
}
.box-products .box-tabs li:last-child>a {
border-right:none;
padding-right:0
}
.box-products .box-tabs li>a:hover:before,.box-products .box-tabs li.active>a:before {
transform:scale(1);
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.box-products .box-tabs li>a:hover,.box-products .box-tabs li.active>a {
color:#333
}
.box-products .box-tabs li>a:hover:after,.box-products .box-tabs li.active>a:after {
display:block
}
.box-products .box-product-content {
margin-top:20px
}
.box-products .box-product-content .box-product-adv {
width:226px;
float:left
}
.box-products .box-product-content .box-product-list {
margin-left:236px
}
.box-products .box-product-content .box-product-list .product-list li {
border:1px solid #eaeaea;
padding-bottom:10px;
overflow:hidden
}
.box-products .box-product-content .box-product-list .product-list li .right-block {
margin-top:30px
}
.option3 .product-list li .price-percent-reduction2 {
right:-8px
}
.box-products.new-arrivals .box-tabs li>a:after {
color:#f30
}
.box-products.new-arrivals .box-tabs li>a:before {
background:#f30
}
.box-products.new-arrivals .box-product-head .box-title {
border-bottom:3px solid #f30
}
.box-products.top-sellers .box-tabs li>a:after {
color:#fc0
}
.box-products.top-sellers .box-tabs li>a:before {
background:#fc0
}
.box-products.top-sellers .box-product-head .box-title {
border-bottom:3px solid #fc0
}
.box-products.special-products .box-tabs li>a:after {
color:#096
}
.box-products.special-products .box-tabs li>a:before {
background:#096
}
.box-products.special-products .box-product-head .box-title {
border-bottom:3px solid #096
}
.box-products.recommendation .box-tabs li>a:after {
color:#f6c
}
.box-products.recommendation .box-tabs li>a:before {
background:#f6c
}
.box-products.recommendation .box-product-head .box-title {
border-bottom:3px solid #f6c
}
.option3 .blog-list .page-heading {
font-size:18px
}
.option3 .blog-list .blog-list-wapper ul li .readmore a {
color:#09c
}
.option3 .blog-list .page-heading span.page-heading-title {
border-color:#09c
}
.block-popular-cat {
border:1px solid #eaeaea;
padding:15px
}
.block-popular-cat .parent-categories {
text-transform:uppercase;
font-size:16px;
text-decoration:underline;
padding-bottom:15px
}
.block-popular-cat .image {
width:auto;
display:inline-block
}
.block-popular-cat .sub-categories {
width:auto;
display:inline-block;
line-height:30px
}
.block-popular-cat .sub-categories>ul>li>a:before {
content:'';
background:#008a90;
border-radius:50%;
width:4px;
height:4px;
display:inline-block;
margin-right:10px;
margin-bottom:3px
}
.block-popular-cat .more {
height:36px;
width:70px;
line-height:36px;
color:#fff;
background:#00abb3;
margin-top:10px;
display:block;
text-align:center
}
.block-popular-cat .more:hover {
color:#fff;
opacity:.8
}
.block-quickview {
padding:15px;
background:#fff
}
.service3 {
padding-bottom:30px
}
.service3 .service-item {
margin-top:30px
}
.service3 .service-item .icon {
width:50px;
float:left
}
.service3 .service-item .service-info {
padding-left:73px;
display:block;
padding-top:8px
}
.service3 .service-item .service-title a {
color:#fff;
text-transform:uppercase;
font-size:18px
}
.service3 .service-item .service-desc {
color:#999
}
.section-featured-banner {
margin-top:30px
}
.featured-banner {
display:block;
overflow:hidden;
background:#fff
}
.featured-banner .left,.featured-banner .right {
width:50%;
float:left;
position:relative
}
.featured-banner .box-countdown {
position:absolute;
left:0;
right:0;
bottom:37px;
font-family:'Oswald',sans-serif;
font-weight:700;
text-align:center
}
.featured-banner .box-countdown .box-title {
width:100px;
height:100px;
background-color:rgba(255,102,51,0.8);
font-size:36px;
line-height:36px;
text-transform:uppercase;
text-align:center;
color:#fff;
vertical-align:middle;
padding:15px 0;
display:inline-block
}
.featured-banner .box-countdown-inner {
display:inline-block;
height:100px
}
.featured-banner .box-countdown-inner .dot {
display:none
}
.featured-banner .box-countdown-inner .box-count {
width:80px;
height:100px;
background-color:rgba(255,255,255,0.8);
display:inline-block;
float:left;
margin-left:1px;
text-align:center;
padding-top:10px;
color:#333;
position:relative
}
.featured-banner .box-countdown-inner .box-count:before {
content:'';
height:1px;
background-color:#b0b0ae;
position:absolute;
left:0;
right:0;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.featured-banner .box-countdown-inner .box-count .number {
font-size:60px;
font-weight:700;
display:block;
line-height:60px;
position:relative
}
.featured-banner .box-countdown-inner .box-count .text {
font-size:16px;
text-transform:uppercase;
display:block;
margin-top:3px;
position:relative
}
.featured-banner .box-small-banner {
width:50%;
float:left;
position:relative
}
.featured-banner .box-small-banner .text-content {
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-align:center
}
.featured-banner .box-small-banner .banner:before {
content:'';
position:absolute;
top:10px;
right:10px;
bottom:10px;
left:10px;
background-color:rgba(255,102,51,0.8);
opacity:0;
-webkit-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0
}
.featured-banner .box-small-banner .text-content .title {
font-size:18px;
text-transform:uppercase;
color:#333;
font-weight:600
}
.featured-banner .box-small-banner .text-content .title:after {
content:'';
height:2px;
background:#333;
width:50px;
display:inline-block;
margin:0 auto;
margin-top:3px
}
.featured-banner .box-small-banner .text-content .title span {
display:block
}
.featured-banner .box-small-banner .text-content .sub-title {
font-size:14px;
text-transform:uppercase;
color:#666;
margin-top:5px;
display:inline-block
}
.featured-banner .box-small-banner.style1 .text-content {
display:none
}
.featured-banner .box-small-banner.style1:hover .text-content,.featured-banner .box-small-banner:hover .group-button {
display:block
}
.featured-banner .box-small-banner:hover .banner:before {
opacity:1;
}
.featured-banner .box-small-banner.style1 .text-content .sub-title,.featured-banner .box-small-banner.style1 .text-content .title {
color:#fff
}
.featured-banner .box-small-banner.style1 .text-content .title:after {
background-color:#fff
}
.featured-banner .box-small-banner .group-button {
position:absolute;
bottom:43px;
left:50%;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
display:none
}
.featured-banner .box-small-banner .group-button a {
font-size:0;
display:inline-block;
float:left;
margin-right:30px
}
.featured-banner .box-small-banner .group-button .btn-quick-view {
width:25px;
height:24px;
background:url(../images/icon-quick-view.png) no-repeat center center
}
.featured-banner .box-small-banner .group-button .btn-add-to-cart {
width:32px;
height:25px;
background:url(../images/icon-add-tocart.png) no-repeat center center
}
.featured-banner .box-small-banner .group-button .btn-compare {
width:24px;
height:24px;
background:url(../images/icon-compare.png) no-repeat center center;
margin-right:0
}
.featured-banner .box-small-banner.style2 img {
opacity:0;
}
.featured-banner .box-small-banner.style2:hover img {
opacity:1;
}
.featured-banner .box-small-banner.style2:hover .text-content .title,.featured-banner .box-small-banner.style2:hover .text-content .sub-title {
color:#fff
}
.featured-banner .box-small-banner.style2:hover .text-content .title:after {
background-color:#fff
}
.featured-banner .box-small-banner.style2:hover .text-content .price del {
color:#eaeaea
}
.featured-banner .box-small-banner .price {
font-size:18px;
text-decoration:none;
font-weight:600;
line-height:18px;
display:inline-block
}
.featured-banner .box-small-banner .price ins {
text-decoration:none
}
.featured-banner .box-small-banner .price del {
font-size:14px;
margin-left:15px;
color:#999;
font-weight:400
}
.featured-banner .banner-text {
position:relative
}
.featured-banner .banner-text .banner:before {
content:'';
position:absolute;
top:10px;
right:10px;
bottom:10px;
left:10px;
background-color:rgba(255,102,51,0.8);
opacity:0;
-webkit-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0
}
.featured-banner .banner-text:hover .banner:before {
opacity:1;
}
.featured-banner .banner-text .text-content {
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-align:center;
color:#fff
}
.featured-banner .banner-text .text-content .title {
text-transform:uppercase;
font-size:30px;
font-weight:600;
line-height:30px
}
.featured-banner .banner-text .text-content .title span {
display:block
}
.featured-banner .banner-text .text-content .sub-title {
display:inline-block;
margin-top:28px;
font-size:24px;
font-weight:600
}
.featured-banner .banner-text .text-content .sub-title span {
display:block
}
.featured-banner .banner-text .text-content .sub-title span:first-child:after {
content:'';
width:40px;
height:2px;
background-color:#fff;
display:block;
margin:0 auto;
margin-bottom:3px
}
.featured-banner .banner-text .text-content .sub-title span:last-child {
font-size:14px;
font-weight:400
}
.featured-banner .banner-text .group-button {
margin-top:45px
}
.featured-banner .banner-text .group-button a {
height:40px;
padding:0 30px;
line-height:40px;
color:#333;
background-color:#fff;
border:2px solid #fff;
text-transform:uppercase;
text-align:center;
display:inline-block
}
.featured-banner .banner-text .group-button a.border {
background-color:transparent;
color:#fff
}
.overlay {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(0,0,0,0.6)
}
.hotcat-section {
padding:60px 0 35px;
background:url(../images/service-bg.jpg) 50% 0 no-repeat fixed;
position:relative;
margin-top:30px
}
.section-title-2 {
text-align:center;
position:relative;
margin-bottom:55px
}
.section-title-2:after {
content:'';
width:50px;
height:2px;
background-color:#333;
margin:0 auto;
margin-top:10px;
display:block
}
.section-title-2 h2 {
font-size:18px;
text-transform:uppercase;
margin-bottom:5px;
font-weight:600
}
.hotcat-section .section-title-2 {
color:#fff
}
.hotcat-section .section-title-2:after {
background-color:#fff
}
.hot-cat-9 {
position:relative;
text-align:center;
color:#fff
}
.hot-cat-9 .cat-item .cat-title {
font-size:18px;
font-weight:600;
text-transform:uppercase;
margin-bottom:5px
}
.hot-cat-9 .cat-item .cat-title a {
color:#fff
}
.hot-cat-9 .cat-item:hover .cat-title a {
color:#f63
}
.hot-cat-9 .cat-item .icon {
width:100px;
height:100px;
display:block;
margin:0 auto
}
.hot-cat-9 .cat-item .icon .img2 {
display:none
}
.hot-cat-9 .cat-item .info {
margin-top:15px
}
.hot-cat-9 .cat-item:hover {
color:#f63
}
.hot-cat-9 .cat-item:hover .icon .img1 {
display:none
}
.hot-cat-9 .cat-item:hover .icon .img2 {
display:inline-block
}
.section-lasttest-blog {
padding:90px 0 48px
}
.lasttest-blog9 .item {
display:table;
position:relative
}
.lasttest-blog9 .item:before {
content:'';
height:6px;
width:0;
position:absolute;
left:0;
bottom:0;
background-color:#f63;
webkit-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0;
z-index:2
}
.lasttest-blog9 .item:hover:before {
width:100%
}
.lasttest-blog9 .item .thumb,.lasttest-blog9 .item .info {
display:table-cell;
width:50%
}
.lasttest-blog9 .item .info {
padding:30px;
position:relative
}
.lasttest-blog9 .item .info .cat {
height:30px;
padding:0 10px;
display:inline-block;
background-color:#f63;
line-height:30px;
color:#fff
}
.lasttest-blog9 .item .info .title {
font-size:24px;
text-transform:uppercase;
margin-top:30px
}
.lasttest-blog9 .item .info .title a {
color:#333
}
.lasttest-blog9 .item .info .title a:hover {
color:#f63
}
.lasttest-blog9 .item .info .readmore {
position:absolute;
bottom:30px;
left:30px;
font-weight:400;
color:#999
}
.lasttest-blog9 .item .info .readmore:hover {
color:#f63
}
.lasttest-blog9 .item .info .readmore:before {
font-family:'FontAwesome';
content:"\f105";
margin-right:10px
}
.lasttest-blog9 .owl-dots .owl-dot.active {
background-color:#999;
border-color:#999
}
.section-band-logo {
padding:40px 0;
background-color:#ebebeb
}
.lasttest-blog11 .item {
background-color:#fff
}
.lasttest-blog11 .item .info {
padding:25px
}
.lasttest-blog11 .item .title {
font-size:18px;
font-weight:700
}
.lasttest-blog11 .item .desc {
padding:10px 0
}
.lasttest-blog11 .item .readmore {
color:#f60
}
.lasttest-blog11 .item .readmore:before {
font-family:'FontAwesome';
content:"\f105";
margin-right:10px
}
.lasttest-blog11 .item .thumb {
position:relative
}
.lasttest-blog11 .item .cat {
padding:3px 30px;
color:#fff;
position:absolute;
bottom:20px;
left:0;
background-color:rgba(255,102,0,0.8)
}
.option12 {
font-family:'Arimo',sans-serif
}
.header.style12 {
background-color:#394264
}
.header.style12 #main-menu {
margin:0;
padding:0 15px
}
.header.style12 .top-header {
background-color:transparent
}
.header.style12 .top-header a {
color:#9099b7;
border-color:rgba(220,220,220,0.3);
padding-right:15px
}
.header.style12 .top-header .dropdown-menu {
border-color:#099
}
.header.style12 .top-bar-social {
float:right;
padding-top:5px
}
.header.style12 .top-bar-social a {
width:23px;
height:23px;
border:1px solid #9099b7;
display:inline-block;
line-height:23px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin-left:8px;
float:left;
font-size:10px;
padding:0
}
.header.style12 .top-bar-social a:first-child {
margin-left:15px
}
.header.style12 .top-header .inner {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:rgba(220,220,220,0.3);
padding:3px 0
}
.header.style12 .language a {
border:none
}
.header.style12 .support-link>a {
text-transform:uppercase
}
.header.style12 .support-link>a:before {
font-family:'FontAwesome';
content:"\f095";
width:23px;
height:23px;
border:1px solid #9099b7;
display:inline-block;
line-height:23px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin-right:8px
}
.header.style12 .main-header {
padding:40px 0 65px
}
.header.style12 .main-menu .navbar-collapse {
float:right
}
.header.style12 #main-menu .navbar .navbar-nav>li>a {
color:#9099b7;
font-weight:700;
text-transform:uppercase;
border:none;
padding:0 10px
}
.header.style12 #main-menu .navbar .navbar-nav>li>a:before {
content:'';
width:20px;
height:2px;
background-color:#fff;
display:block;
margin:0 auto;
display:none;
position:absolute;
bottom:-10px;
left:50%;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.header.style12 #main-menu .navbar .navbar-nav>li:last-child>a {
padding-right:0
}
.header.style12 #main-menu .navbar .navbar-nav>li:hover,.header.style12 #main-menu .navbar .navbar-nav>li.active {
background-color:transparent;
color:#fff
}
.header.style12 #main-menu .navbar .navbar-nav>li:hover>a:before,.header.style12 #main-menu .navbar .navbar-nav>li.active>a:before {
display:block
}
.header.style12.optop {
position:fixed;
top:0;
right:0;
left:0;
z-index:100
}
.header.style12.optop .top-header {
display:none
}
.header.style12.optop .main-header {
padding:15px 0
}
.block-header-top12 {
display:table;
background-color:#50597b;
padding:13px 20px;
margin-top:-34px;
width:100%
}
.block-header-top12 .block-vertical,.block-header-top12 .block-search,.block-header-top12 .block-mini-cart {
display:table-cell;
position:relative
}
.block-header-top12 .block-vertical {
width:250px;
height:44px
}
.block-header-top12 .block-search {
width:690px
}
.block-header-top12 .box-vertical-megamenus {
left:0;
right:0;
position:static
}
.block-header-top12 .box-vertical-megamenus .title {
height:44px;
line-height:44px;
padding:0 20px 0 30px;
background-color:#747474
}
.block-header-top12 .box-vertical-megamenus .btn-open-mobile {
width:16px;
height:16px;
border:1px solid #fff;
text-align:center;
line-height:14px;
font-size:12px;
margin-top:14px
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-content {
position:absolute;
top:57px;
z-index:12;
left:-21px;
right:0;
border:1px solid #eee;
border-top:none;
padding-top:3px
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list {
border:none
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list>li {
padding:0 20px
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list>li>a {
border-bottom:1px solid #eee
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list>li:hover {
background-color:transparent
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list>li>a {
color:#333;
padding:0;
line-height:41px;
position:relative
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list>li>a.parent:before {
right:0;
color:#333;
top:12px
}
.block-header-top12 .box-vertical-megamenus .vertical-menu-list>li:hover>a {
color:inherit
}
.block-header-top12 .box-vertical-megamenus .all-category {
padding:0
}
.block-header-top12 .box-vertical-megamenus .all-category span {
border:none;
font-weight:700;
color:#999;
height:inherit;
font-family:'Oswald',sans-serif;
line-height:normal
}
.block-header-top12 .box-vertical-megamenus .all-category span:after {
display:block;
margin:0 auto;
content:"\f107"
}
.block-header-top12 .box-vertical-megamenus .all-category .colse-cate:after {
content:"\f106"
}
.block-header-top12 .box-vertical-megamenus .all-category span:hover {
background-color:transparent
}
.block-search form {
width:100%;
background-color:#fff;
position:relative
}
.block-search .input-serach {
width:66%
}
.block-search .input-serach input {
width:100%;
padding:12px 30px
}
.block-search .form-category {
width:25%;
border-left:1px solid #eee
}
.block-search .select2-container {
width:100%!important
}
.block-search .select2-container--default .select2-selection--single {
border:none
}
.block-search .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height:29px
}
.block-search .select2-container--default .select2-selection--single .select2-selection__arrow {
top:2px
}
.block-search .btn-search {
width:56px;
height:44px;
text-align:center;
line-height:44px;
color:#fff;
background-color:#394264
}
.block-mini-cart {
background-color:#11a8ab;
color:#fff;
vertical-align:middle
}
.block-mini-cart .cart-link {
color:#fff;
font-weight:700;
text-transform:uppercase
}
.block-mini-cart .cart-link .icon .count {
position:absolute;
top:-20px;
left:9px;
width:20px;
height:20px;
background-color:#747474;
text-align:center;
line-height:20px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%
}
.block-mini-cart:hover .cart-block {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
.block-top-slide {
display:table;
width:100%;
padding-top:10px
}
.block-top-slide .block-blank,.block-top-slide .block-slide,.block-top-slide .block-banner {
display:table-cell
}
.block-top-slide .block-blank {
width:281px
}
.block-top-slide .block-slide {
width:680px;
max-width:680px
}
.block-top-slide .block-slide .owl-prev,.block-top-slide .block-slide .owl-next {
width:40px;
height:40px;
line-height:38px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-top-slide .block-slide:hover .owl-prev,.block-top-slide .block-slide:hover .owl-next {
opacity:1;
visibility:inherit
}
.block-top-slide .block-slide .owl-prev {
left:10px
}
.block-top-slide .block-slide .owl-next {
right:10px
}
.block-top-slide .block-banner {
max-width:210px
}
.block-top-slide .owl-dots {
bottom:20px
}
.block-top-slide .owl-dots .owl-dot {
border:2px solid #eee;
background-color:transparent;
opacity:.7;
margin:0 5px
}
.block-top-slide .owl-dots .owl-dot.active {
background-color:#fff;
border-color:#fff;
opacity:1
}
.block-brands .owl-prev,.block-brands .owl-next {
background-color:transparent;
color:#ccc;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-brands:hover .owl-prev,.block-brands:hover .owl-next {
opacity:1;
visibility:inherit
}
.block-brands .owl-prev:hover,.block-brands .owl-next:hover {
color:#999
}
.block-group-banner {
margin:0;
padding-top:30px
}
.block-group-banner .item {
padding:0;
margin-bottom:30px
}
.block-group-banner2 .item {
margin-bottom:30px
}
.block-tab-category {
margin-bottom:30px;
display:table;
width:100%
}
.block-tab-category .head {
background-color:#eee;
border-bottom:2px solid #747474;
display:table;
width:100%
}
.block-tab-category .head .title {
display:inline-block;
float:left;
line-height:50px;
text-transform:uppercase;
font-weight:300;
font-size:18px;
color:#333;
margin:0;
font-family:'Oswald'
}
.block-tab-category .head .title .bar {
width:50px;
height:50px;
text-align:center;
display:inline-block;
line-height:50px;
margin-right:8px;
cursor:pointer
}
.block-tab-category .head .title .bar.active {
background-color:#747474;
color:#fff
}
.block-tab-category .box-tabs {
display:inline-block;
float:right
}
.block-tab-category .box-tabs li {
display:inline-block;
float:left
}
.block-tab-category .box-tabs li a {
color:#666;
font-weight:700;
padding:15px 20px;
display:inline-block;
position:relative
}
.block-tab-category .box-tabs li a:hover,.block-tab-category .box-tabs li.active a {
color:#747474
}
.block-tab-category .box-tabs li a:after {
content:"\f0d8";
font-family:'FontAwesome';
line-height:2px;
position:absolute;
left:50%;
bottom:2px;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
opacity:0;
-webkit-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0
}
.block-tab-category .box-tabs li a:hover:after,.block-tab-category .box-tabs li.active a:after {
opacity:1;
}
.block-tab-category .block-banner {
width:31.1%;
float:left;
margin:0;
padding:0;
position:relative
}
.block-tab-category .tab-cat {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:10;
padding-top:30px;
padding-left:20px;
background-color:rgba(255,51,102,0.8);
opacity:0;
visibility:hidden;
-webkit-transition:all .3s ease 0;
-o-transition:all .3s ease 0;
transition:all .3s ease 0
}
.block-tab-category .tab-cat.show {
opacity:1;
visibility:inherit
}
.block-tab-category .tab-cat li>a {
padding:10px 0;
color:#fff;
display:inline-block;
width:100%;
padding-left:15px
}
.block-tab-category .tab-cat li>a .img-2 {
display:none
}
.block-tab-category .tab-cat li>a>img {
margin-right:5px
}
.block-tab-category .tab-cat li>a:hover {
background-color:#fff;
color:#333
}
.block-tab-category .tab-cat li>a:hover .img-1 {
display:none
}
.block-tab-category .tab-cat li>a:hover .img-2 {
display:inline-block
}
.block-tab-category .block-content {
width:68.9%;
float:left
}
.block-tab-category .tab-products .product-style3 {
width:33.333333%;
float:left;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
float:left
}
.block-tab-category.men .head {
border-color:#11a8ab
}
.block-tab-category.men .box-tabs li a:hover,.block-tab-category.men .box-tabs li.active a {
color:#11a8ab
}
.block-tab-category.men .head .title .bar.active {
background-color:#11a8ab
}
.block-tab-category.men .tab-cat {
background-color:rgba(17,168,171,0.8)
}
.block-tab-category.accessories .head {
border-color:#06c
}
.block-tab-category.accessories .box-tabs li a:hover,.block-tab-category.accessories .box-tabs li.active a {
color:#06c
}
.block-tab-category.accessories .head .title .bar.active {
background-color:#06c
}
.block-tab-category.accessories .tab-cat {
background-color:rgba(0,102,204,0.8)
}
.block-cat {
border:1px solid #eee;
margin-bottom:30px;
position:relative;
padding:30px;
background-position:bottom right;
background-repeat:no-repeat
}
.block-cat .sub-cat {
width:auto;
display:inline-block
}
.block-cat .sub-cat li {
border-bottom:1px solid #eee;
padding:4px 0;
padding-right:30px;
list-style:inside
}
.block-cat .read-more {
display:block;
font-family:'Oswald';
font-weight:300;
color:#333;
margin-top:20px
}
.block-cat .read-more:before {
content:'';
width:20px;
height:2px;
background-color:#999;
display:block;
margin-bottom:4px
}
.block-cat .cat-title {
position:absolute;
top:30px;
right:30px;
font-size:24px;
color:#999;
font-family:'Oswald';
font-weight:300;
text-align:right
}
.block-cat .cat-title span {
display:block;
line-height:auto
}
.block-cat .cat-title .cat-name {
font-weight:700;
font-size:30px;
text-transform:uppercase;
font-family:'Montserrat',sans-serif
}
.block-cat.women {
background-image:url(../data/option12/women.png)
}
.block-cat.women .cat-name {
color:#747474
}
.block-cat.men {
background-image:url(../data/option12/men.png)
}
.block-cat.men .cat-name {
color:#11a8ab
}
.block-cat.accessory {
background-image:url(../data/option12/Accessory.png)
}
.block-cat.accessory .cat-name {
color:#2b5e92
}
.section-blog-12 {
padding-bottom:30px
}
.section-blog-12 .section-title {
font-size:18px;
font-weight:700;
text-transform:uppercase;
color:#333;
margin-bottom:20px
}
.section-blog-12 .section-title:before {
content:'';
width:20px;
height:2px;
background-color:#333;
display:block
}
.section-blog-12 .section-title .sub-title {
display:block;
font-size:14px;
font-weight:400;
text-transform:none;
color:#999
}
.blog12 {
border:1px solid #eee;
display:table;
width:100%
}
.blog12 .thumb,.blog12 .info {
width:50%;
float:left
}
.blog12 .info {
padding:25px;
position:relative
}
.blog12 .date {
padding:5px 12px;
display:inline-block;
background-color:#747474;
color:#fff;
font-size:16px
}
.blog12 .blog-title {
font-size:24px;
padding-top:30px;
text-transform:uppercase;
margin-bottom:70px
}
.blog12 .blog-title a {
color:#333
}
.blog12 .blog-title a:hover {
color:#747474
}
.blog12 .read-more {
font-family:'Oswald';
font-weight:300;
text-transform:uppercase
}
.blog12 .read-more:before {
content:'';
width:20px;
height:2px;
background-color:#999;
display:block
}
.section-blog-12 .owl-prev,.section-blog-12 .owl-next {
background-color:#fff;
border:1px solid #eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:#b3b3b3;
line-height:22px;
top:-40px
}
.section-blog-12 .owl-prev {
left:inherit;
right:36px
}
.section-band-logo.style2 {
background-color:transparent;
padding:0;
padding-bottom:30px
}
.section-band-logo.style2 a {
padding:0 1px;
display:inline-block
}
.section-band-logo.style2 .owl-prev,.section-band-logo.style2 .owl-next {
background-color:#fff;
border:1px solid #eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:#b3b3b3;
line-height:22px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.section-band-logo.style2 .owl-prev {
left:-12px
}
.section-band-logo.style2 .owl-next {
right:-12px
}
.section-band-logo.style2:hover .owl-prev,.section-band-logo.style2:hover .owl-next {
opacity:1;
visibility:inherit
}
.block-hotdeal-week {
border:1px solid #eee
}
.block-hotdeal-week .title {
padding:13px 24px;
background-color:#eee;
text-transform:uppercase;
font-family:'Oswald';
font-weight:300;
color:#333;
font-size:18px
}
.block-hotdeal-week .inner {
padding:23px 10px
}
.block-hotdeal-week .product {
text-align:center
}
.block-hotdeal-week .countdown-lastest {
text-align:center;
display:table;
margin:0 auto
}
.block-hotdeal-week .price {
color:#747474;
text-decoration:none;
margin-bottom:10px;
display:inline-block
}
.block-hotdeal-week .price ins {
text-decoration:none;
margin-right:10px
}
.block-hotdeal-week .price del {
color:#999
}
.block-hotdeal-week .countdown-lastest .dot {
display:none
}
.block-hotdeal-week .countdown-lastest .box-count {
width:42px;
display:inline-block;
margin-right:15px
}
.block-hotdeal-week .countdown-lastest .box-count .number {
background-color:#747474;
color:#fff;
font-size:16px;
display:inline-block;
height:34px;
width:100%;
line-height:34px;
font-weight:600
}
.block-hotdeal-week .countdown-lastest .box-count .text {
display:block;
color:#999;
font-family:'Oswald'
}
.block-hotdeal-week .owl-prev,.block-hotdeal-week .owl-next {
background-color:#fff;
border:1px solid #eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:#b3b3b3;
line-height:22px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-hotdeal-week .owl-prev {
left:-22px
}
.block-hotdeal-week .owl-next {
right:-22px
}
.block-hotdeal-week .owl-carousel:hover .owl-prev,.block-hotdeal-week .owl-carousel:hover .owl-next {
opacity:1;
visibility:inherit
}
.block-hotdeal-week .product-name {
font-size:14px;
margin-bottom:10px
}
.block-hotdeal-week .btn-add-to-cart {
padding:0 13px;
background-color:#747474;
color:#fff;
height:34px;
line-height:34px;
display:inline-block
}
.block-hotdeal-week .btn-add-to-cart:before {
content:'';
width:20px;
height:16px;
display:inline-block;
background:url(../images/cart12.png) no-repeat center center;
margin-right:5px
}
.block-hotdeal-week .wishlist,.block-hotdeal-week .compare {
width:40px;
height:34px;
background-color:#eee;
display:inline-block;
font-size:0
}
.block-hotdeal-week .wishlist {
background-image:url(../images/wishlist12.png);
background-repeat:no-repeat;
background-position:center center
}
.block-hotdeal-week .compare {
background-image:url(../images/compare12.png);
background-repeat:no-repeat;
background-position:center center
}
.block-hotdeal-week .btn-add-to-cart:hover,.block-hotdeal-week .wishlist:hover,.block-hotdeal-week .compare:hover {
background-color:#747474
}
.block-testimonials2 {
background-color:#394264;
color:#fff;
margin-top:30px;
padding:20px
}
.block-testimonials2 li {
padding-top:17px;
margin-bottom:20px
}
.block-testimonials2 li img {
border:3px solid #bcbdbe;
border-radius:90%;
opacity:.5
}
.block-testimonials2 .item-center li {
width:100px;
height:100px;
position:absolute;
z-index:2;
top:-17px;
left:50%;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.block-testimonials2 .item-center li img {
opacity:1
}
.block-testimonials2 .info {
display:none
}
.block-testimonials2 .text {
margin-bottom:15px
}
.block-testimonials2 .text:before {
content:"\f10d";
font-family:'FontAwesome';
font-size:40px;
color:#099;
margin-right:10px;
line-height:normal
}
.block-testimonials2 .name {
text-align:right;
float:right
}
.block-testimonials2 .testimonial-caption {
overflow:hidden
}
.block-new-product12 {
border:1px solid #eee;
margin-top:30px
}
.block-new-product12 .title {
padding:13px 24px;
background-color:#eee;
text-transform:uppercase;
font-family:'Oswald';
font-weight:300;
color:#333;
font-size:18px
}
.block-new-product12 .inner {
padding:10px 25px
}
.block-new-product12 .price {
color:#747474;
text-decoration:none;
display:inline-block
}
.block-new-product12 .price ins {
text-decoration:none;
margin-right:10px
}
.block-new-product12 .price del {
color:#999;
font-weight:400
}
.block-new-product12 .product {
border-bottom:1px solid #eee;
padding-bottom:12px;
margin-top:12px;
overflow:hidden
}
.block-new-product12 .product .image {
width:80px;
height:80px;
float:left
}
.block-new-product12 .product .info {
margin-left:105px
}
.block-new-product12 .product .product-name {
font-size:14px;
margin-bottom:10px
}
.block-new-product12 {
text-align:center;
padding-top:20px;
padding-bottom:10px
}
.block-new-product12 .owl-prev,.block-new-product12 .owl-next {
background-color:#fff;
border:1px solid #eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:#b3b3b3;
line-height:22px;
position:static;
top:inherit;
right:inherit;
left:inherit;
bottom:inherit;
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
display:inline-block;
margin:0 5px
}
.block-banner12 {
margin-top:30px
}
.option13 {
font-family:'Montserrat',sans-serif;
font-weight:300
}
.header.style13 .support-link>a:before {
font-family:'FontAwesome';
content:"\f095";
width:23px;
height:23px;
border:1px solid #666;
display:inline-block;
line-height:23px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin-right:8px
}
.header.style13 .top-bar-social {
float:right;
padding-top:5px
}
.header.style13 .top-bar-social a:first-child {
margin-left:15px
}
.header.style13 .top-bar-social a {
width:23px;
height:23px;
border:1px solid #666;
display:inline-block;
line-height:20px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin-left:8px;
float:left;
font-size:10px;
padding:0
}
.header.style13 .top-header {
background-color:#fff;
box-shadow:0 1px 1px 0 rgba(50,50,50,0.1);
padding:5px 0
}
.header.style13 .main-header {
padding:50px 0
}
.header.style13 .main-header .header-search-box,.header.style13 .main-header .shopping-cart-box {
margin-top:0
}
.header.style13 .main-header .header-search-box .form-inline {
border-color:#ffae00
}
.header.style13 .main-header .header-search-box .form-inline .btn-search {
background-color:#ffae00
}
.header.style13 .main-header .header-search-box .form-inline .form-category {
background-color:#fff;
border-left:1px solid #eee
}
.header.style13 .main-header .header-search-box .form-inline .select2 {
border:none
}
.header.style13.optop {
position:fixed;
top:0;
right:0;
left:0;
z-index:100;
background-color:#fff;
box-shadow:0 1px 1px 0 rgba(50,50,50,0.1)
}
.header.style13.optop .top-header,.header.style13.optop .main-header {
display:none
}
.header.style13.optop .block-header-top13 .box-vertical-megamenus .vertical-menu-content {
display:none
}
.header.style13.optop .vertical-menu-wapper {
width:80px;
padding-right:0
}
.header.style13.optop .box-vertical-megamenus .title .title-menu {
display:none
}
.header.style13.optop .block-header-top13 .box-vertical-megamenus .btn-open-mobile {
display:table;
margin:0 auto;
vertical-align:middle;
float:none!important;
margin-top:16px
}
.header.style13.optop .box-vertical-megamenus .title {
padding:0
}
.mini-cart-13 {
border:1px solid #eee;
padding:6px 0;
padding-left:20px;
width:100%;
float:left
}
.mini-cart-13 .cart-link .icon {
width:26px;
height:22px;
display:inline-block;
background:url(../images/iconcart-13.png) no-repeat center center;
position:relative
}
.mini-cart-13 .cart-link {
text-transform:uppercase;
color:#333;
line-height:28px
}
.mini-cart-13 .cart-link .count {
position:absolute;
top:-25px;
left:50%;
height:20px;
background-color:#333;
display:inline-block;
min-width:36px;
color:#fff;
text-align:center;
line-height:20px;
ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.mini-cart-13 .cart-link .count:after {
content:"";
width:0;
height:0;
border-top:6px solid #333;
border-left:5px solid transparent;
border-right:5px solid transparent;
display:table;
margin:0 auto
}
.mini-cart-13:hover .cart-block {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
.mini-cart-13 .cart-block {
right:15px
}
.header.style13 .main-header .header-search-box {
padding:0 15px
}
.block-header-top13 .box-vertical-megamenus .btn-open-mobile {
width:16px;
height:16px;
border:1px solid #fff;
text-align:center;
line-height:14px;
font-size:12px;
margin-top:17px;
display:inline-block;
float:right
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-content {
position:absolute;
top:100%;
z-index:2;
right:0;
left:0;
border:1px solid #eee;
border-top:none;
padding-top:6px;
border-top:none;
padding-bottom:20px;
min-width:270px
}
.header.style13 .box-vertical-megamenus .title .title-menu {
display:inline-block;
float:left
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list {
border:none
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li {
padding:0 20px
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li>a {
border-bottom:1px solid #eee
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li:last-child>a {
border:none
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li:hover {
background-color:transparent
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li>a {
color:#333;
padding:0;
line-height:45px;
position:relative
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li>a.parent:before {
right:0;
color:#333;
top:12px
}
.block-header-top13 .box-vertical-megamenus .vertical-menu-list>li:hover>a {
color:inherit
}
.block-header-top13 .box-vertical-megamenus .all-category {
padding:0
}
.block-header-top13 .box-vertical-megamenus .all-category span {
border:none;
font-weight:700;
color:#999;
height:inherit;
font-family:Montserrat,sans-serif;
line-height:normal
}
.block-header-top13 .box-vertical-megamenus .all-category span:after {
display:block;
margin:0 auto;
content:"\f107"
}
.block-header-top13 .box-vertical-megamenus .all-category span:hover {
background-color:transparent
}
.block-header-top13 #main-menu {
margin:0;
border-top:2px solid #eee
}
.block-header-top13 #main-menu .navbar .navbar-nav>li>a {
text-transform:uppercase;
color:#666;
border:none;
padding:0 17px;
position:relative
}
.block-header-top13 #main-menu .navbar .navbar-nav>li>a>img {
position:absolute;
top:-22px;
left:50%
}
.block-header-top13 #main-menu .navbar .navbar-nav>li>a:before {
content:'';
height:2px;
position:absolute;
left:0;
right:0;
top:-17px;
background-color:#ffae00;
opacity:0;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.block-header-top13 #main-menu .navbar .navbar-nav>li:hover,.block-header-top13 #main-menu .navbar .navbar-nav>li.active {
background-color:transparent
}
.block-header-top13 #main-menu .navbar .navbar-nav>li:hover>a,.block-header-top13 #main-menu .navbar .navbar-nav>li.active>a {
color:#333
}
.block-header-top13 #main-menu .navbar .navbar-nav>li.active>a {
font-weight:700
}
.block-header-top13 #main-menu .navbar .navbar-nav>li:hover>a:before,.block-header-top13 #main-menu .navbar .navbar-nav>li.active>a:before {
opacity:1
}
.block-header-top13 #main-menu li.dropdown>a:after {
content:"\f0d7"
}
.block-slide13 .owl-dots {
bottom:20px
}
.block-slide13 .owl-dots .owl-dot {
border:2px solid #eee;
background-color:transparent;
opacity:.5
}
.block-slide13 .owl-dots .owl-dot.active {
background-color:#fff;
border-color:#fff;
opacity:1
}
.block-slide13 .owl-prev,.block-slide13 .owl-next {
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-slide13:hover .owl-prev {
left:50px
}
.block-slide13:hover .owl-next {
right:50px
}
.block-slide13:hover .owl-prev,.block-slide13:hover .owl-next {
opacity:1;
visibility:inherit
}
.option13 .cart-block .cart-block-content .cart-buttons a.btn-check-out {
background-color:#ffae00
}
.header.style13 .top-header a.current-open:after {
content:"\f0d7";
font-size:13px
}
.block-service13 {
padding-top:30px
}
.block-service13 .item {
margin-bottom:30px
}
.block-service13 .item .icon {
width:70px;
float:left
}
.block-service13 .item .info {
margin-left:90px;
font-size:12px;
font-weight:300;
color:#999
}
.block-service13 .item .name {
font-size:14px;
font-weight:700;
color:#333;
text-transform:uppercase;
margin-bottom:5px
}
.block-service13 .inner {
overflow:hidden
}
.block-service13 .inner .line {
border-bottom:1px solid #eee;
display:inline-block;
width:100%;
float:left
}
.tab-product-13 {
margin-top:30px
}
.tab-product-13 .head {
background-color:#f8f8f8;
border-bottom:2px solid #e5e5e5;
display:table;
width:100%;
padding:10px 0
}
.tab-product-13 .box-tabs li {
display:inline-block;
float:left
}
.tab-product-13 .box-tabs li a {
padding:4px 25px;
display:inline-block;
color:#999;
text-transform:uppercase;
position:relative;
font-weight:700;
border-right:1px solid #eee
}
.tab-product-13 .box-tabs li:last-child a {
border:none
}
.tab-product-13 .box-tabs li a:after {
content:'';
height:2px;
position:absolute;
left:0;
right:0;
bottom:-12px;
background-color:#ffae00;
opacity:0;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.tab-product-13 .box-tabs li:hover a,.tab-product-13 .box-tabs li.active a {
color:#333
}
.tab-product-13 .box-tabs li:hover a:after,.tab-product-13 .box-tabs li.active a:after {
opacity:1
}
.tab-product-13 .tab-content {
padding-top:17px;
margin:
}
.tab-product-13 .product-style3 {
border:1px solid #eee
}
.tab-product-13 .owl-prev,.tab-product-13 .owl-next {
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.tab-product-13 .owl-prev {
left:-24px
}
.tab-product-13 .owl-next {
right:-24px
}
.tab-product-13 .owl-carousel:hover .owl-next {
right:-12px;
opacity:1;
visibility:inherit
}
.tab-product-13 .owl-carousel:hover .owl-prev {
left:-12px;
opacity:1;
visibility:inherit
}
.tab-product-13.top-nav .owl-prev,.tab-product-13.top-nav .owl-next {
top:-44px;
opacity:1;
visibility:inherit
}
.tab-product-13.top-nav .owl-prev {
left:inherit;
right:50px
}
.tab-product-13.top-nav .owl-next {
right:18px
}
.block-banner13 {
margin-top:30px
}
.tab-product-13 .product-style3 {
padding-bottom:15px
}
.tab-product-13 .product-style3 .status.sale {
background-color:#aa8056;
left:15px;
top:15px;
right:inherit;
bottom:inherit;
text-transform:uppercase
}
.tab-product-13 .product-style3 .status.new {
background-color:#2ea76f;
right:15px;
top:15px;
left:inherit;
bottom:inherit;
text-transform:uppercase
}
.tab-product-13.style2 .box-tabs {
float:right
}
.tab-product-13 .title {
display:inline-block;
float:left;
padding-left:30px;
text-transform:uppercase;
color:#333;
font-weight:700;
margin-top:8px
}
.block-top-brands {
margin-top:30px
}
.block-top-brands .owl-prev,.block-top-brands .owl-next {
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-top-brands .owl-prev {
left:-24px
}
.block-top-brands .owl-next {
right:-24px
}
.block-top-brands .owl-carousel:hover .owl-next {
right:-12px;
opacity:1;
visibility:inherit
}
.block-top-brands .owl-carousel:hover .owl-prev {
left:-12px;
opacity:1;
visibility:inherit
}
.block-top-brands .head {
display:table;
width:100%;
background-color:#f8f8f8
}
.block-top-brands .head .tab,.block-top-brands .head .title {
display:table-cell
}
.block-top-brands .head .title {
background-color:#ffae00;
color:#fff;
text-transform:uppercase;
width:34px
}
.block-top-brands .head .title .text {
text-align:center;
margin:0 auto;
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
white-space:nowrap;
overflow:hidden;
position:absolute;
left:-35px;
top:50%;
letter-spacing:4px
}
.block-top-brands .bx-wrapper .bx-viewport {
moz-box-shadow:0 0 0 #ccc;
-webkit-box-shadow:0 0 0 #ccc;
box-shadow:0 0 0 #ccc;
border:0 solid #fff;
left:0;
background:#f8f8f8;
border-top:1px solid #eee;
border-bottom:1px solid #eee
}
.block-top-brands .list-brand {
padding-left:1px
}
.block-top-brands .list-brand .item {
border-left:2px solid transparent;
border-right:1px solid #eee
}
.block-top-brands .list-brand .item>a {
border-bottom:1px solid transparent;
border-top:1px solid transparent;
display:inline-block;
width:100%
}
.block-top-brands .list-brand .item:hover>a,.block-top-brands .list-brand .item.active>a {
border-bottom-color:#eee;
border-top-color:#eee
}
.block-top-brands .list-brand .item:hover,.block-top-brands .list-brand .item.active {
background-color:#fff;
border-right-color:#fff;
border-left-color:#ffae00
}
.block-top-brands .bx-wrapper .bx-controls-direction a {
margin:0;
width:25px;
height:25px;
webkit-border-radius:90%;
-moz-border-radius:90%;
-ms-border-radius:90%;
-o-border-radius:90%;
border-radius:90%;
border:1px solid #eee;
line-height:23px;
font-size:13px;
background:none;
background-color:#fff;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
text-indent:inherit;
font-size:0;
text-align:center;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-top-brands .bx-wrapper:hover .bx-controls-direction a {
opacity:1;
visibility:inherit
}
.block-top-brands .bx-wrapper .bx-controls-direction a:hover {
background-color:#ffae00;
border-color:#ffae00;
color:#fff
}
.block-top-brands .bx-wrapper .bx-prev {
top:-12px;
left:50%;
top:0
}
.block-top-brands .bx-wrapper .bx-prev:before {
content:"\f0d8";
font-family:'FontAwesome';
font-size:13px
}
.block-top-brands .bx-wrapper .bx-next:before {
content:"\f0d7";
font-family:'FontAwesome';
font-size:13px
}
.block-top-brands .bx-wrapper .bx-next {
top:inherit;
bottom:0;
right:inherit;
left:50%
}
.block-top-brands .bx-wrapper:hover .bx-next {
bottom:-12px
}
.block-top-brands .bx-wrapper:hover .bx-prev {
top:-12px
}
.block-top-brands .product-style3 .status.sale {
background-color:#aa8056;
left:15px;
top:15px;
right:inherit;
bottom:inherit;
text-transform:uppercase
}
.block-top-brands .product-style3 .status.new {
background-color:#2ea76f;
right:15px;
top:15px;
left:inherit;
bottom:inherit;
text-transform:uppercase
}
.block-top-brands .product-style3 {
border:1px solid #eee;
padding-bottom:15px
}
.block-testimonials3 {
margin-top:30px;
background-color:#f2e9e0
}
.block-testimonials3 .blank {
height:32px;
background-color:#fff
}
.block-testimonials3 .image {
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
border:5px solid #f2e9e0;
position:absolute;
left:50%;
top:0;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.block-testimonials3 .image img {
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%
}
.block-testimonials3 li {
position:relative
}
.block-testimonials3 .info {
padding:80px 20px 15px;
overflow:hidden
}
.block-testimonials3 .text {
margin-bottom:12px
}
.block-testimonials3 .text:before {
content:"\f10d";
font-family:'FontAwesome';
font-size:40px;
color:#a5917b;
margin-right:10px;
line-height:normal
}
.block-testimonials3 .name {
text-align:right;
float:right
}
.block-testimonials3 .owl-dots {
position:static;
padding-bottom:20px
}
.block-testimonials3 .owl-dots .owl-dot {
border:2px solid #a5917b;
background-color:transparent;
opacity:.6;
width:10px;
height:10px;
margin:0 3px
}
.owl-dots .owl-dot.active {
background-color:#a5917b;
border-color:#a5917b;
opacity:1
}
.block-slide14 .owl-dots {
bottom:20px
}
.block-slide14 .owl-dots .owl-dot {
width:8px;
height:8px;
background-color:#999;
margin:0 2px
}
.block-slide14 .owl-dots .owl-dot.active {
width:14px;
height:14px;
border:2px solid #c93;
background-color:transparent;
margin-top:-3px
}
.block-group-banner-top {
padding-bottom:40px
}
.block-group-banner-top .item {
margin-top:30px
}
.block-tab-category14 {
padding-top:40px
}
.block-tab-category14 .head {
position:relative
}
.block-tab-category14 .head:after {
content:'';
width:80%;
position:absolute;
right:0;
top:50%;
height:1px;
background:#eee
}
.block-tab-category14 .bar {
width:36px;
height:32px;
display:inline-block;
border:1px solid #eee;
color:#999;
text-align:center;
line-height:30px
}
.block-tab-category14 .box-tabs {
padding:0;
display:inline-block;
overflow:hidden;
background-color:#fff;
position:relative;
z-index:1
}
.block-tab-category14 .box-tabs li {
display:inline;
float:left
}
.block-tab-category14 .box-tabs li:after {
content:'';
width:18px;
height:18px;
background:url(../images/kak4.png) no-repeat center center;
display:inline-block;
margin-top:5px
}
.block-tab-category14 .box-tabs li:last-child:after {
display:none
}
.block-tab-category14 .box-tabs li a {
line-height:30px;
margin:0 15px;
position:relative
}
.block-tab-category14 .box-tabs li a:after {
content:'';
height:2px;
position:absolute;
left:0;
right:0;
bottom:-5px;
background-color:#c93;
opacity:0;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease
}
.block-tab-category14 .box-tabs li:hover a:after,.block-tab-category14 .box-tabs li.active a:after {
opacity:1
}
.block-tab-category14 .box-tabs li:hover a,.block-tab-category14 .box-tabs li.active a {
color:#c93
}
.block-tab-category14 .link-all {
border:1px solid #eee;
padding:5px 10px;
display:inline-block;
float:right;
position:relative;
z-index:1;
background-color:#fff
}
.block-tab-category14 .link-all:before {
content:'';
height:5px;
background-color:#fff;
width:15px;
position:absolute;
left:-16px;
top:50%
}
.block-tab-category14 .link-all:hover {
background-color:#c93;
color:#fff;
border-color:#c93
}
.section-block-deal {
padding:70px 0;
background-image:url(../images/bg-hotdeal.jpg);
background-position:top;
background-repeat:no-repeat;
margin-top:50px
}
.block-deal {
overflow:hidden;
padding-bottom:135px
}
.block-deal .title {
font-size:18px;
font-weight:800;
color:#c93;
text-transform:uppercase;
margin-bottom:15px
}
.block-deal .box-count {
margin-right:8px;
display:inline-block
}
.block-deal .countdown-lastest .dot {
display:none
}
.block-deal .box-count .number {
width:50px;
height:40px;
background-color:#333;
font-size:18px;
font-weight:700;
display:table;
color:#fff;
text-align:center;
line-height:40px
}
.block-deal .box-count .text {
display:table;
width:100%;
text-align:center;
padding-top:5px;
color:#333;
font-weight:600
}
.block-deal .product-name {
font-size:24px;
font-weight:700;
margin-top:55px;
margin-bottom:10px
}
.block-deal .desc {
color:#666;
margin-bottom:25px
}
.block-deal .price {
color:#c93;
font-weight:700;
font-size:24px;
line-height:18px;
display:table;
width:100%;
padding-bottom:15px
}
.block-deal .price ins {
text-decoration:none;
margin-right:10px
}
.block-deal .price del {
font-size:18px;
color:#666
}
.block-deal .btn-add-to-cart,.block-deal .wishlist {
width:44px;
height:44px;
display:inline-block;
float:left;
font-size:0;
margin-right:5px
}
.block-deal .btn-add-to-cart {
background:#c93 url(../images/cart12.png) no-repeat center center
}
.block-deal .btn-add-to-cart:hover {
opacity:.8
}
.block-deal .wishlist {
border:1px solid #c8c8c8;
background-image:url(../images/wishlist12.png);
background-repeat:no-repeat;
background-position:center center
}
.block-deal .wishlist:hover {
background-color:#c93;
border-color:#c93
}
.block-top-brands2 {
margin-top:50px
}
.block-top-brands2 .title {
text-align:center;
border-bottom:1px solid #eee;
padding-bottom:20px;
font-size:24px;
font-weight:600
}
.block-top-brands2 .list-brands {
max-width:887px;
display:block;
margin:0 auto;
padding:20px 0
}
.block-top-brands2 .list-brands img {
border:1px solid #eee;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px
}
.block-top-brands2 .list-brands a:hover img {
border-color:#c93
}
.block-top-brands2 .list-brands a.active img {
border-color:#c93;
border-width:2px
}
.block-top-brands2 .list-brands .owl-prev,.block-top-brands2 .list-brands .owl-next {
position:static;
left:inherit;
top:inherit;
right:inherit;
bottom:inherit;
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
display:inline-block;
width:17px;
height:17px;
border:1px solid #eee;
background-color:transparent;
line-height:16px;
font-size:12px;
margin:0 3px
}
.block-top-brands2 .list-brands .owl-next .fa:before {
content:"\f0da"
}
.block-top-brands2 .list-brands .owl-prev .fa:before {
content:"\f0d9"
}
.block-top-brands2 .list-brands .owl-prev:hover,.block-top-brands2 .list-brands .owl-next:hover {
background-color:#c93;
border-color:#c93
}
.block-top-brands2 .list-brands .owl-nav {
position:absolute;
left:50%;
top:-9px;
background-color:#fff;
padding:0 10px;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.block-top-brands2 .brand-products .owl-prev,.block-top-brands2 .brand-products .owl-next {
width:44px;
height:44px;
background-color:#e5e5e5;
border-color:#dfdfdf;
font-size:20px;
line-height:42px;
top:40%
}
.block-top-brands2 .brand-products .owl-prev:hover,.block-top-brands2 .brand-products .owl-next:hover {
background-color:#c93;
border-color:#c93
}
.block-top-brands2 .brand-products .owl-next {
right:-63px
}
.block-top-brands2 .brand-products .owl-prev {
left:-63px
}
.block-newsletter {
margin:40px 0;
background:url(../images/bg-block-newsletter.jpg) no-repeat center center;
padding:35px 0
}
.block-newsletter .subscribe-form {
text-align:center;
color:#333
}
.block-newsletter .block-title {
line-height:24px;
color:#333;
font-weight:700;
font-size:24px;
text-transform:uppercase;
margin-bottom:5px
}
.block-newsletter .input-box {
text-align:left;
margin:0;
padding:0 0 0 20px;
position:relative;
margin-top:20px
}
.block-newsletter input.input-text {
display:block;
height:46px;
margin:0;
width:100%;
border-width:0;
border-style:solid;
padding-right:46px;
padding-left:20px;
color:#333;
background-color:#fff;
border-color:#ddd
}
.block-newsletter .actions {
padding:0;
margin:0;
position:absolute;
right:0;
top:0
}
.block-newsletter .actions button.button {
background-image:url(../images/icon-subscribe.png);
background-repeat:no-repeat;
background-position:center center;
border-width:0 0 0 1px;
height:26px;
margin:10px 0;
text-indent:-999em;
width:46px;
color:#fff;
background-color:transparent;
border-color:#cfcfcf
}
.block-static {
margin-bottom:45px
}
.block-static .title {
color:#333;
font-weight:700;
text-transform:uppercase;
font-size:14px;
margin-bottom:30px;
position:relative
}
.block-static .title:after {
content:'';
position:absolute;
left:0;
right:0;
top:50%;
height:1px;
background-color:#eee
}
.block-static .title span {
display:inline-block;
background-color:#fff;
position:relative;
z-index:1;
padding-right:10px
}
.block-static .block-static-products ul.list li {
margin-bottom:30px;
display:block;
width:100%;
float:left
}
.block-static .block-static-products .product-thumb {
width:100px;
float:left;
border:1px solid transparent
}
.block-static .block-static-products .product-info {
margin-left:120px
}
.block-static .owl-prev,.block-static .owl-next {
position:static;
left:inherit;
top:inherit;
right:inherit;
bottom:inherit;
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
display:inline-block;
width:17px;
height:17px;
border:1px solid #eee;
background-color:transparent;
line-height:16px;
font-size:12px;
margin:0 3px
}
.block-static .owl-next .fa:before {
content:"\f0da"
}
.block-static .owl-prev .fa:before {
content:"\f0d9"
}
.block-static .owl-prev:hover,.block-static .owl-next:hover {
background-color:#c93;
border-color:#c93
}
.block-static .owl-nav {
position:absolute;
right:0;
top:-45px;
background-color:#fff;
padding-left:10px
}
.block-static .product-name {
font-size:14px;
margin-bottom:5px
}
.block-static .price {
color:#333;
font-size:16px
}
.block-static .price ins {
text-decoration:none;
margin-right:5px
}
.block-static .price del {
color:#999
}
.block-static .group-button-control {
margin-top:30px
}
.block-static .group-button-control a {
width:40px;
height:34px;
display:inline-block;
background-color:#e5e5e5;
border:1px solid #dfdfdf;
font-size:0;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-transform:scale(0,1);
transform:scale(0,1);
opacity:0;
}
.block-static .group-button-control a:hover {
background-color:#d1a347;
border-color:#d1a347
}
.block-static .group-button-control .wishlist {
background-image:url(../images/wishlist12.png);
background-repeat:no-repeat;
background-position:center center
}
.block-static .group-button-control .compare {
background-image:url(../images/compare12.png);
background-repeat:no-repeat;
background-position:center center
}
.block-static .group-button-control .quickview {
background-image:url(../images/quickview12.png);
background-repeat:no-repeat;
background-position:center center
}
.block-static .group-button-control .btn-add-to-cart {
background-image:url(../images/cart12.png);
background-repeat:no-repeat;
background-position:center center;
background-color:#d1a347;
border-color:#d1a347
}
.block-static .block-static-products ul.list li:hover .group-button-control a {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
.block-static .block-static-products ul.list li:hover .product-thumb {
border-color:#d1a347
}
.header.style14 {
padding:35px 0 30px
}
.header.style14 #main-menu {
margin:0;
padding-top:30px
}
.header.style14 #main-menu .navbar .navbar-nav>li>a {
padding:0 14px;
border:none;
position:relative
}
.header.style14 #main-menu .navbar .navbar-nav>li:hover,.header.style14 #main-menu .navbar .navbar-nav>li.active {
background-color:transparent;
color:#c93
}
.header.style14 #main-menu .navbar .navbar-nav>li:hover>a,.header.style14 #main-menu .navbar .navbar-nav>li.active>a {
color:#c93
}
.header.style14 #main-menu .navbar .navbar-nav>li:hover>a:before,.header.style14 #main-menu .navbar .navbar-nav>li.active>a:before {
display:block
}
.header.style14 #main-menu .navbar .navbar-nav>li.active>a {
font-weight:700
}
.header.style14 #main-menu .navbar .navbar-nav>li>a:before {
content:'';
width:20px;
height:2px;
background-color:#c93;
display:block;
margin:0 auto;
display:none;
position:absolute;
bottom:-10px;
left:50%;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.header.style14 #main-menu li.dropdown>a:after {
content:"\f0d7"
}
.header.style14 .top-header {
background-color:transparent;
margin-top:38px
}
.header.style14 .top-header a {
border:none
}
.header.style14 .top-header .dropdown-menu {
border-color:#c93
}
.header.style14 .top-header a.current-open:after {
content:"\f0d7";
font-size:13px;
padding-left:5px
}
.header.style14.optop {
position:fixed;
top:0;
left:0;
right:0;
background-color:#fff;
z-index:100;
box-shadow:0 1px 1px 0 rgba(50,50,50,0.1);
padding:15px 0
}
.header.style14.optop #main-menu {
padding-top:20px
}
.header.style14.optop .top-header {
margin-top:30px
}
.block-minicart14 {
position:relative;
display:inline-block;
width:auto
}
.block-minicart14 .cart-link {
line-height:34px;
position:relative
}
.block-minicart14 .cart-link .count {
width:17px;
height:17px;
display:inline-block;
color:#fff;
text-align:center;
line-height:17px;
font-size:11px;
position:absolute;
top:-10px;
right:-14px;
background-color:#c93;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%
}
.block-minicart14:hover .cart-block {
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0);
opacity:1;
visibility:visible
}
.header.style14 .form-search {
width:auto;
display:inline-block;
position:relative
}
.header.style14 .form-search .icon {
line-height:36px;
padding-left:15px;
color:#999;
cursor:pointer
}
.header.style14 .form-search .form {
position:absolute;
top:100%;
right:0;
min-width:200px;
display:none
}
.header.style14 .form-search .form input {
width:100%;
padding:8px 10px;
border:1px solid #eee
}
.block-slide14 .owl-prev,.block-slide14 .owl-next {
width:44px;
height:44px;
background-color:#e5e5e5;
border-color:#dfdfdf;
font-size:20px;
line-height:42px;
-moz-transition:all .45s ease;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
-ms-transition:all .45s ease;
transition:all .45s ease;
opacity:0;
visibility:hidden
}
.block-slide14 .owl-prev {
left:50px
}
.block-slide14 .owl-next {
right:50px
}
.block-slide14 .owl-prev:hover,.block-slide14 .owl-next:hover {
background-color:#e5e5e5;
border-color:#dfdfdf
}
.block-slide14:hover .owl-prev,.block-slide14:hover .owl-next {
opacity:1;
visibility:inherit
}
@media(max-width: 1200px) {
.block-header-top12 .block-vertical {
width:20%
}
.block-header-top12 .block-search {
width:60%
}
.block-search .input-serach {
width:60%
}
.block-top-slide .block-blank {
display:none
}
.block-top-slide .block-slide {
width:80%
}
.block-top-slide .block-banner {
width:20%
}
.block-header-top13 .box-vertical-megamenus .title .title-menu {
display:none
}
.block-hotdeal-week .title,.block-new-product12 .title {
padding:13px 15px;
font-size:14px
}
.block-hotdeal-week .countdown-lastest .box-count {
width:auto;
margin-right:10px
}
.block-hotdeal-week .countdown-lastest .box-count .number {
font-size:14px;
padding:0 5px
}
.block-hotdeal-week .btn-add-to-cart {
padding:0 5px
}
.block-new-product12 .product .info {
display:block;
margin:0;
float:left;
margin-top:10px
}
.block-cat .cat-title {
position:relative;
top:inherit;
right:inherit
}
.block-newsletter .subscribe-form {
background-color:#f3f3f3;
padding:30px
}
.block-newsletter .input-box {
padding:0
}
}
@media(max-width: 991px) {
.block-top-slide .block-banner {
display:none
}
.block-top-slide .block-slide {
width:100%
}
.block-search .form-category {
display:none
}
.block-header-top12 .block-vertical {
width:50px
}
.block-header-top12 .box-vertical-megamenus .title {
padding:0;
padding-right:17px
}
.block-header-top12 .box-vertical-megamenus .title .title-menu {
display:none
}
.block-tab-category .block-banner {
width:100%
}
.block-tab-category .block-content {
width:100%;
border-left:1px solid #eee
}
.block-tab-category .block-banner .banner-img {
display:none
}
.block-tab-category .tab-cat {
bottom:inherit
}
.block-tab-category .box-tabs {
float:left
}
.header.style13 .main-header .logo {
margin-bottom:30px
}
.block-header-top13 #main-menu .navbar .navbar-nav>li>a {
padding:0 10px;
font-size:12px
}
.tab-product-13 .box-tabs li a {
padding:4px 10px;
font-size:12px
}
.tab-product-13.style2 .box-tabs {
float:left;
padding-left:30px;
padding-top:15px
}
.header.style14 #main-menu {
display:table;
margin:0 auto;
padding-top:0;
padding-bottom:30px
}
.header.style14 .top-header {
display:table;
margin:0 auto;
margin-top:30px
}
.block-deal {
background-color:#fff;
padding:30px
}
.footer5 .footer-top .left,.footer5 .footer-top .right {
width:100%
}
.footer5 .footer-logo,.footer5 .social-link {
text-align:center
}
.footer5 .address-list {
display:table;
margin:0 auto;
margin-top:30px
}
}
@media(max-width: 767px) {
.block-header-top12 .block-mini-cart {
display:inline-block;
width:100%;
float:left;
padding:13px
}
.block-tab-category .box-tabs li {
width:100%
}
.block-tab-category .box-tabs li a:after {
content:''
}
.header.style12 #main-menu .navbar-header {
background-color:#50597b;
width:100%;
float:left;
margin:0;
padding:0;
margin-top:30px;
padding:0 15px
}
.header.style12 #main-menu .navbar-header .navbar-brand {
padding:0
}
.header.style12 #main-menu .navbar-header .navbar-toggle {
margin-right:0
}
.header.style12 #main-menu .navbar-nav {
margin:0
}
.header.style12 #main-menu .navbar-collapse {
width:100%
}
.header.style12 #main-menu .navbar .navbar-nav>li>a {
padding:13px 20px
}
.header.style12 #main-menu .navbar .navbar-nav>li>a:before {
display:none!important
}
.block-header-top12 #box-vertical-megamenus {
width:100%
}
.block-header-top12 .block-search {
width:100%;
float:left
}
.block-header-top12 .block-search .btn-search {
display:none
}
.block-top-slide {
display:inline-block;
max-width:100%
}
.block-top-slide .block-slide {
width:100%;
display:inline-block;
float:left;
overflow:hidden
}
.footer4 .footer-top .left,.footer4 .footer-top .right {
width:100%
}
.blog12 .thumb,.blog12 .info {
width:100%
}
.tab-product-13 .owl-prev,.tab-product-13 .owl-next {
top:50%
}
.tab-product-13 .owl-prev,.section-blog-12 .owl-prev {
left:-12px
}
.tab-product-13 .owl-next,.section-blog-12 .owl-next {
right:-12px
}
.tab-product-13 .box-tabs {
text-align:center
}
.tab-product-13 .box-tabs li {
float:none
}
.tab-product-13 .box-tabs li a:after {
display:none
}
.tab-product-13 .title {
float:none;
padding:0;
text-align:center;
margin:0 auto;
display:table
}
.section-blog-12 .owl-prev,.section-blog-12 .owl-next {
top:50%
}
.header.style13 .main-header {
padding:30px 15px
}
.mini-cart-13 {
margin-top:30px
}
.header.style13 #box-vertical-megamenus {
width:100%;
margin-bottom:15px
}
.block-header-top13 #main-menu {
border:none;
width:100%
}
.block-header-top13 #main-menu .container-fluid {
padding:0
}
.block-header-top13 #main-menu .navbar-header {
width:100%;
margin:0
}
.block-header-top13 .box-vertical-megamenus .title .title-menu {
display:inline-block
}
.block-header-top13 .navbar-nav {
margin:0
}
.block-header-top13 #main-menu .navbar-collapse {
padding:0;
margin:0
}
.block-header-top13 #main-menu .navbar .navbar-nav>li>a {
padding:0 25px;
margin:10px 0
}
.block-header-top13 #main-menu .navbar .navbar-nav>li>a:before {
display:none
}
.block-header-top13 #main-menu li.dropdown>a:after {
top:0
}
.header.style13 .top-header .nav-top-links,.header.style13 .top-header .user-info,.header.style13 .top-header .support-link {
text-align:center
}
.header.style13 .top-header a {
border:none
}
.header.style14 #main-menu {
display:block
}
.header.style14 #main-menu .container-fluid {
padding:0
}
.header.style14 #main-menu .navbar-header {
margin:0;
background-color:transparent;
border:1px solid #eee;
color:#333
}
.header.style14 #main-menu .navbar-header .navbar-brand,.header.style14 #main-menu .navbar-header .fa {
color:#333
}
.header.style14 .navbar-nav {
margin:0
}
.header.style14 #main-menu .navbar-collapse {
padding:0;
margin:0
}
.header.style14 #main-menu .navbar .navbar-nav>li>a {
padding:10px 15px
}
.header.style14 #main-menu .navbar .navbar-nav>li>a:before {
display:none!important
}
.header.style14 .form-search {
width:100%;
border:1px solid #eee;
margin-top:30px;
width:100%;
float:right
}
.header.style14 .form-search .icon {
padding:0;
width:38px;
text-align:center;
float:right
}
.header.style14 .form-search .form {
top:0;
left:0
}
.header.style14 .form-search .form input {
border:none
}
.header.style14 .top-header .nav-top-links,.header.style14 .top-header .user-info,.header.style14 .top-header .support-link {
width:auto
}
.block-tab-category14 .bar,.block-tab-category14 .link-all,.block-tab-category14 .box-tabs li:after {
display:none
}
.block-tab-category14 .box-tabs {
text-align:center
}
.block-tab-category14 .box-tabs li {
float:none;
padding-bottom:10px;
display:inline-block
}
.product-style4 .product-thumb img {
width:100%
}
.block-deal .box-count .number {
width:auto;
height:inherit;
padding:5px 10px;
font-size:14px;
line-height:24px
}
}
@media(max-width: 480px) {
.block-tab-category .tab-products .product-style3 {
width:100%
}
.block-banner13 img {
width:100%
}
.header.style13 .box-vertical-megamenus {
position:static
}
.header.style13 .top-bar-social {
display:none
}
.header.style13 .top-header .nav-top-links,.header.style13 .top-header .user-info,.header.style13 .top-header .support-link,.header.style12 .top-header .nav-top-links,.header.style12 .top-header .user-info,.header.style12 .top-header .support-link,.header.style12 .top-bar-social {
display:none
}
.block-banner12 img {
width:100%
}
}