/*
* Title: Vamus - Mutilpurpose eCommerce HTML Template
* Author: QTC Media
*/
/* --------------------------------------------------------
[Table of contents]
1. Google Font
2. Reset CSS
3. Variables
4. Mimin
5. Global
6. Slider
7. Header
8. Footer
9. Index
10. Index 2
11. Blog
12. Client
13. Products
14. Product Detail
15. Sidebar
16. Team Of Services
17. Contact
18. About
19. Faq
20. Portfolio
21. Policy
[End table of contents]
----------------------------------------------------------------------- */
/*----------------------
Google Font
------------------------*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
/*----------------------
Reset CSS
------------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1;
background-color:#f0f6f9;}
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
body {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 26px;
letter-spacing: 0; }
img {
display: block;
max-width: 100%; }
a,
a:hover, a:focus {
cursor: pointer !important;
outline: none;
text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0; }
a, p {
font-family: 'Poppins', sans-serif;
margin: 0;
padding: 0; }
ul, li {
margin: 0;
padding: 0;
list-style: none; }
input:focus {
outline: none;
background: transparent; }
/*----------------------
Variables
------------------------*/
/*----------------------
Mimin
------------------------*/
/**
* Output media query block
*
`@include media-query(min, 640px);`
*
*/
/**
* Output media query block with min and max limits
*
`@include media-query-bracket(640px, 960px);`
*
*/
/*----------------------
Global
------------------------*/
/*
Global
*/
.uk-grid {
margin-left: -30px; }
.uk-grid > * {
padding-left: 10px; }
.uk-grid.uk-grid-collapse {
margin-left: 0; }
.uk-grid.uk-grid-collapse > * {
padding-left: 0; }
.vm-padding-section {
padding: 05px 0; }
@media (min-width: 480px) {
.vm-padding-section {
padding: 70px 0; } }
@media (min-width: 992px) {
.vm-padding-section {
padding: 40px 0; } }
.vm-margin-product-v1 > * {
margin-bottom: 30px; }
.vm-button .button {
outline: none;
display: inline-block;
line-height: 42px;
height: 42px;
background: #c3a152;
color: #ffffff;
padding: 0 30px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 14px;
position: relative; }
.vm-button .button:hover:before {
-webkit-transform: scale(1) translateZ(0);
-moz-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
-o-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0); }
.vm-button .button:before {
content: '';
background: #d9b154;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(0) translateZ(0);
-moz-transform: scale(0) translateZ(0);
-ms-transform: scale(0) translateZ(0);
-o-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
transition: all .3s ease-out; }
.vm-button .button i {
position: relative;
z-index: 2; }
.vm-image-box {
overflow: hidden; }
.vm-image-box:hover img {
opacity: .8;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .35s;
transition-duration: .35s; }
.vm-image-box a {
display: block;
overflow: hidden;
background: #000000;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.vm-image-box img {
width: -webkit-calc(100% + 30px) !important;
width: calc(100% + 30px) !important;
max-width: -webkit-calc(100% + 30px) !important;
max-width: calc(100% + 30px) !important;
-webkit-transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,transform .35s;
transition: opacity .35s,transform .35s,-webkit-transform .35s;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0); }
.vm-title {
margin-bottom: 35px; }
.vm-title h3 {
padding-bottom: 25px;
position: relative;
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 26px;
color: #222222; }
.vm-title h3:before {
content: '';
width: 65px;
height: 1px;
background: #222222;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
@media (min-width: 480px) {
.vm-title h3 {
font-size: 30px;
line-height: 30px; } }
@media (min-width: 768px) {
.vm-title {
margin-bottom: 50px; }
.vm-title h3 {
font-size: 36px;
line-height: 36px; } }
@media (min-width: 992px) {
.vm-title {
margin-bottom: 05px; }
.vm-title h3 {
font-size: 36px;
line-height: 36px; } }
.vm-backtop {
background: rgba(255, 255, 255, 0.3);
border: 1px solid #222222;
border-radius: 5px;
width: 50px;
height: 50px;
position: fixed;
display: none;
bottom: 10px;
right: 30px;
color: #222222;
z-index: 999;
text-align: center;
font-size: 24px;
line-height: 50px;
outline: none;
cursor: pointer;
transition: all .5s ease-out; }
.vm-backtop:hover {
border: 1px solid #c3a152;
color: #c3a152;
transition: all .5s ease-out; }
.vm-backtop.show-backtop {
display: block;
-webkit-animation: bounceInUp 0.7s both;
-moz-animation: bounceInUp 0.7s both;
-o-animation: bounceInUp 0.7s both;
animation: bounceInUp 0.7s both; }
.vm-stricky.stricky-fixed {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
position: fixed !important;
top: 0;
right: 0;
left: 0;
z-index: 1000; }
.vm-banner {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 40px 0; }
.vm-banner .title h3 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 26px;
color: #222222;
text-transform: uppercase;
margin-bottom: 12px; }
.vm-banner .breadcumb li {
display: inline-block;
margin: 0 8px; }
.vm-banner .breadcumb li:hover a, .vm-banner .breadcumb li.uk-active a {
color: #c3a152; }
.vm-banner .breadcumb li:last-child a:before {
display: none; }
.vm-banner .breadcumb li a {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #222222;
position: relative; }
.vm-banner .breadcumb li a:before {
content: '\f105';
font-family: 'FontAwesome';
font-size: 14px;
color: #222222;
position: absolute;
right: -13px;
top: 0;
line-height: 20px; }
@media (min-width: 480px) {
.vm-banner {
padding: 20px 0; }
.vm-banner .title h3 {
font-size: 36px;
line-height: 36px; } }
.vm-pagination li {
display: inline-block;
margin: 6px; }
.vm-pagination li:hover a:before, .vm-pagination li.uk-active a:before {
-webkit-transform: scale(1) translateZ(0);
-moz-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
-o-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0); }
.vm-pagination li a {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #ffffff;
position: relative; }
.vm-pagination li a:before {
content: '';
background: #c3a152;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(0) translateZ(0);
-moz-transform: scale(0) translateZ(0);
-ms-transform: scale(0) translateZ(0);
-o-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
transition: all .3s ease-out; }
.vm-pagination li a i {
position: relative;
z-index: 2; }
.vm-choose-layout {
margin-bottom: 45px; }
.vm-choose-layout .layout {
float: none; }
.vm-choose-layout .layout a {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #e5e5e5;
line-height: 50px;
text-align: center;
font-size: 14px;
color: #222222;
margin-right: 6px;
transition: all .3s ease-out; }
.vm-choose-layout .layout a:hover, .vm-choose-layout .layout a.uk-active {
color: #c3a152;
border: 2px solid #c3a152; }
.vm-choose-layout .sort-by-product {
margin-top: 30px;
float: none; }
.vm-choose-layout .sort-by-product p {
display: none;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #222222;
padding-right: 25px; }
.vm-choose-layout .sort-by-product label {
display: inline-block;
outline: none;
position: relative; }
.vm-choose-layout .sort-by-product label:after {
content: "\f0d7";
height: 48px;
width: 48px;
background: #ffffff;
line-height: 48px;
font-family: 'FontAwesome';
color: #222222;
text-align: center;
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
font-size: 14px;
cursor: pointer;
pointer-events: none; }
.vm-choose-layout .sort-by-product label select {
width: 100%;
height: 100%;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none; }
.vm-choose-layout .sort-by-product label select:focus {
outline: none; }
.vm-choose-layout .sort-by-product .option-one {
width: 120px;
height: 50px;
margin-right: 25px;
line-height: 50px; }
.vm-choose-layout .sort-by-product .option-one select {
border: 1px solid #e5e5e5;
padding: 0 45px 0 25px; }
.vm-choose-layout .sort-by-product .option-one select:focus {
border: 1px solid #c3a152; }
.vm-choose-layout .sort-by-product .option-one select option {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #222222; }
.vm-choose-layout .sort-by-product .option-two {
width: 50px;
height: 50px;
line-height: 50px; }
.vm-choose-layout .sort-by-product .option-two:after {
width: 10px; }
.vm-choose-layout .sort-by-product .option-two select {
border: none;
padding: 0 10px; }
@media (min-width: 480px) {
.vm-choose-layout .layout {
float: left; }
.vm-choose-layout .sort-by-product {
margin-top: 0;
float: right; } }
@media (min-width: 768px) {
.vm-choose-layout .sort-by-product p {
display: inline-block; }
.vm-choose-layout .sort-by-product .option-one {
width: 175px; } }
.vm-page-loader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/icon-page-loader.gif) center no-repeat rgba(0, 0, 0, 0.8); }
.fixed-center {
position: fixed;
top: 50%;
left: 10%;
right: 10%;
-webkit-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
z-index: 10000; }
.fixed-center .vm-popup-form {
display: flex;
width: 100%;
margin: 0 auto;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.fixed-center .vm-popup-form.show {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .5s ease; }
.fixed-center .vm-popup-form .content {
width: 100%;
display: inline-block;
background: #ffffff;
padding: 30px 20px 15px 20px;
text-align: center; }
.fixed-center .vm-popup-form .content h3 {
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #c3a152; }
.fixed-center .vm-popup-form .content p {
margin-top: 15px;
margin-bottom: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
.fixed-center .vm-popup-form .content p.note {
font-size: 12px; }
.fixed-center .vm-popup-form .content input {
width: 100%;
height: 42px;
line-height: 42px;
border: 1px solid #cccccc;
padding: 0 30px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
.fixed-center .vm-popup-form .content input:focus {
border: 1px solid #c3a152; }
.fixed-center .vm-popup-form .content .vm-button {
margin-top: 20px;
margin-bottom: 25px; }
.fixed-center .vm-popup-form .box-image {
display: none;
width: 250px;
background: url("../images/image-popup.jpg") no-repeat center center #ffffff;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.fixed-center .vm-popup-form .vm-close-popup {
position: absolute;
right: 0;
top: -35px;
z-index: 10000; }
.fixed-center .vm-popup-form .vm-close-popup span {
font-size: 18px;
color: #ffffff;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #000000;
cursor: pointer; }
@media (min-width: 480px) {
.fixed-center .vm-popup-form .content {
padding: 40px; }
.fixed-center .vm-popup-form .content h3 {
font-size: 30px;
line-height: 40px; }
.fixed-center .vm-popup-form .content p {
margin-top: 25px;
margin-bottom: 15px; } }
@media (min-width: 768px) {
.fixed-center {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.fixed-center .vm-popup-form {
width: 650px; }
.fixed-center .vm-popup-form .content {
width: 400px; }
.fixed-center .vm-popup-form .box-image {
display: inline-block; } }
@media (min-width: 992px) {
.fixed-center .vm-popup-form {
width: 830px; }
.fixed-center .vm-popup-form .content {
width: 500px;
padding: 40px 80px; }
.fixed-center .vm-popup-form .box-image {
width: 330px; } }
/*----------------------
Slider
------------------------*/
/*
Slider home 1
*/
.slider .banner-caption-h5, .slider-v2 .banner-caption-h5 {
font-family: 'Poppins', sans-serif;
font-size: 36px;
line-height: 36px;
font-weight: 700;
color: #ffffff;
letter-spacing: 5px;
text-transform: uppercase; }
.slider .banner-caption-h1, .slider-v2 .banner-caption-h1 {
font-family: 'Poppins', sans-serif;
font-size: 60px;
line-height: 60px;
font-weight: 700;
color: #ffffff;
letter-spacing: 5px;
text-transform: uppercase; }
.slider .banner-caption-p, .slider-v2 .banner-caption-p {
display: none;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 300;
color: #ffffff;
text-align: center; }
.slider .banner-caption-button .vm-button .button, .slider-v2 .banner-caption-button .vm-button .button {
line-height: 30px !important;
height: 30px !important;
font-size: 12px !important;
padding: 0 20px !important; }
.slider .banner-caption-button .vm-button .button i, .slider-v2 .banner-caption-button .vm-button .button i {
line-height: 30px !important;
height: 30px !important;
font-size: 12px !important; }
@media (min-width: 480px) {
.slider .banner-caption-p, .slider-v2 .banner-caption-p {
display: block; }
.slider .banner-caption-button .vm-button .button, .slider-v2 .banner-caption-button .vm-button .button {
line-height: 35px !important;
height: 35px !important;
font-size: 13px !important;
padding: 0 20px !important; }
.slider .banner-caption-button .vm-button .button i, .slider-v2 .banner-caption-button .vm-button .button i {
line-height: 35px !important;
height: 35px !important;
font-size: 13px !important; } }
@media (min-width: 768px) {
.slider .banner-caption-button .vm-button .button, .slider-v2 .banner-caption-button .vm-button .button {
line-height: 42px !important;
height: 42px !important;
font-size: 14px !important;
padding: 0 30px !important; }
.slider .banner-caption-button .vm-button .button i, .slider-v2 .banner-caption-button .vm-button .button i {
line-height: 42px !important;
height: 42px !important;
font-size: 14px !important; } }
/*
Slider home 2
*/
.slider-v2 .banner-caption-h5 {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0;
text-transform: uppercase; }
.slider-v2 .banner-caption-h1 {
font-family: 'Poppins', sans-serif;
font-size: 48px;
line-height: 48px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0;
text-transform: uppercase; }
.slider-v2 .banner-caption-p {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 600;
color: #ffffff; }
@media (max-width: 479px) {
.slider-v2 .banner-caption-p {
display: none; }
.slider-v2 .banner-caption-h5 {
font-size: 11px !important;
line-height: 16px !important; } }
/*----------------------
Header
------------------------*/
/*
Toggle
*/
.bars-toggle {
display: block;
float: right;
width: 20px;
height: 16px;
position: relative;
top: 30px;
cursor: pointer; }
.bars-toggle:hover span {
background: #c3a152; }
.bars-toggle.open span:nth-child(1) {
width: 0%;
left: 50%; }
.bars-toggle.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.bars-toggle.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.bars-toggle.open span:nth-child(4) {
width: 0%;
left: 50%; }
.bars-toggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #222222;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
transition: .25s ease-in-out; }
.bars-toggle span:nth-child(1) {
top: 0;
width: 100%;
left: 0; }
.bars-toggle span:nth-child(2) {
top: 7px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0); }
.bars-toggle span:nth-child(3) {
top: 7px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0); }
.bars-toggle span:nth-child(4) {
top: 14px;
width: 100%;
left: 0; }
@media (min-width: 992px) {
.bars-toggle {
display: none; } }
/*
Mobile Menu
*/
.mobile-menu {
background: #ffffff;
max-height: 200px;
overflow: auto;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 999;
display: none;
box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); }
.mobile-menu .nav-holder > ul > li {
border-top: 1px solid #f4f4f4; }
.mobile-menu .nav-holder > ul > li:hover a, .mobile-menu .nav-holder > ul > li.uk-active a {
color: #c3a152; }
.mobile-menu .nav-holder > ul > li:hover a button, .mobile-menu .nav-holder > ul > li.uk-active a button {
color: #c3a152; }
.mobile-menu .nav-holder > ul > li > a {
background: #ffffff;
display: block;
color: #222222;
padding: 0 30px;
font-size: 14px;
line-height: 42px;
transition: all .3s ease;
font-weight: 400; }
.mobile-menu .nav-holder > ul > li > a button {
border: none;
color: #222222;
background: #ffffff;
position: absolute;
right: 15px;
width: 15px;
height: auto;
cursor: pointer;
z-index: 999;
transition: all .3s ease; }
.mobile-menu .nav-holder > ul > li > a button:focus {
outline: none; }
.mobile-menu .nav-holder > ul > li > a button span {
font-size: 10px; }
.mobile-menu .nav-holder > ul > li ul.submenu {
background: #f8f8f8;
display: none; }
.mobile-menu .nav-holder > ul > li ul.submenu li {
display: block;
border-top: 1px solid #f2f2f2; }
.mobile-menu .nav-holder > ul > li ul.submenu li:hover > a {
color: #c3a152; }
.mobile-menu .nav-holder > ul > li ul.submenu li > a {
display: block;
line-height: 42px;
padding: 0 40px;
color: #222222;
font-weight: 400; }
@media (min-width: 992px) {
.mobile-menu {
display: none !important; } }
/*
Header V1
*/
.header-v1 .top-header, .header-v2 .top-header {
height: 50px;
line-height: 50px;
background: url("../images/bg-top-header.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.header-v1 .top-header .search, .header-v2 .top-header .search {
display: none;
float: left; }
.header-v1 .top-header .search form input, .header-v2 .top-header .search form input {
background: transparent;
border: 1px solid #c4c4c2;
height: 46px;
line-height: 46px;
padding: 0 20px;
font-size: 14px;
color: #ff0000;
font-weight: 500;
font-family: 'Poppins', sans-serif;
transition: all .5s ease; }
.header-v1 .top-header .search form input:focus, .header-v2 .top-header .search form input:focus {
border: 1px solid #c3a152; }
.header-v1 .top-header .search form button, .header-v2 .top-header .search form button {
width: 50px;
font-size: 14px;
color: #444444;
background: transparent;
outline: none;
border: none;
position: absolute;
right: 0;
top: 0;
bottom: 0;
cursor: pointer; }
.header-v1 .top-header .logo, .header-v2 .top-header .logo {
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.header-v1 .top-header .cart, .header-v2 .top-header .cart {
float: right; }
.header-v1 .top-header .cart ul, .header-v2 .top-header .cart ul {
display: inline-block; }
.header-v1 .top-header .cart ul li, .header-v2 .top-header .cart ul li {
display: inline-block;
margin-left: 32px;
position: relative; }
.header-v1 .top-header .cart ul li.qty:hover i, .header-v2 .top-header .cart ul li.qty:hover i {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.header-v1 .top-header .cart ul li.qty i, .header-v2 .top-header .cart ul li.qty i {
background: #ff5555;
text-align: center;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 400;
position: absolute;
transition: all .5s ease;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 13px;
top: -9px;
left: -14px; }
.header-v1 .top-header .cart ul li a, .header-v2 .top-header .cart ul li a {
display: block;
text-align: center;
border: 1px solid #c4c4c2;
transition: all .5s ease;
width: 35px;
height: 35px;
line-height: 35px; }
.header-v1 .top-header .cart ul li a:hover span, .header-v2 .top-header .cart ul li a:hover span {
color: #c3a152; }
.header-v1 .top-header .cart ul li a span, .header-v2 .top-header .cart ul li a span {
font-size: 14px;
color: #222222;
transition: all .5s ease; }
.header-v1 .top-header .cart select, .header-v2 .top-header .cart select {
border: none;
outline: none;
background: transparent;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #444444; }
.header-v1 .header, .header-v2 .header {
background: #ffffff; }
.header-v1 .header.stricky-fixed .main-menu .menu li a, .header-v2 .header.stricky-fixed .main-menu .menu li a {
line-height: 75px; }
.header-v1 .header .main-menu, .header-v2 .header .main-menu {
position: relative;
float: left; }
.header-v1 .header .main-menu .logo, .header-v2 .header .main-menu .logo {
display: flex;
height: 75px;
align-items: center; }
.header-v1 .header .main-menu .logo img, .header-v2 .header .main-menu .logo img {
width: 80%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.header-v1 .header .main-menu .menu, .header-v2 .header .main-menu .menu {
display: none; }
.header-v1 .header .main-menu .menu li, .header-v2 .header .main-menu .menu li {
display: inline-block;
padding-right: 50px;
position: relative; }
.header-v1 .header .main-menu .menu li:hover > a, .header-v2 .header .main-menu .menu li:hover > a, .header-v1 .header .main-menu .menu li.uk-active > a, .header-v2 .header .main-menu .menu li.uk-active > a {
color: #c3a152; }
.header-v1 .header .main-menu .menu li:hover > a span, .header-v2 .header .main-menu .menu li:hover > a span, .header-v1 .header .main-menu .menu li.uk-active > a span, .header-v2 .header .main-menu .menu li.uk-active > a span {
color: #c3a152; }
.header-v1 .header .main-menu .menu li:hover .sub-menu, .header-v2 .header .main-menu .menu li:hover .sub-menu {
opacity: 1;
top: 100%;
pointer-events: auto;
transition: all .3s ease-out; }
.header-v1 .header .main-menu .menu li a, .header-v2 .header .main-menu .menu li a {
display: inline-block;
line-height: 65px;
font-size: 14px;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 600;
transition: all .5s ease; }
.header-v1 .header .main-menu .menu li a span, .header-v2 .header .main-menu .menu li a span {
font-size: 14px;
color: #444444;
padding-left: 8px;
transition: all .5s ease; }
.header-v1 .header .main-menu .menu li .sub-menu, .header-v2 .header .main-menu .menu li .sub-menu {
width: 320px;
padding: 10px 10px;
background: #ffffff;
border-top: 3px solid #c3a152;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
position: absolute;
top: 120%;
left: 0;
opacity: 0;
z-index: 100;
pointer-events: none; }
.header-v1 .header .main-menu .menu li .sub-menu li, .header-v2 .header .main-menu .menu li .sub-menu li {
display: block; }
.header-v1 .header .main-menu .menu li .sub-menu li a, .header-v2 .header .main-menu .menu li .sub-menu li a {
line-height: 36px; }
.header-v1 .header .main-menu .menu li .sub-menu li a span, .header-v2 .header .main-menu .menu li .sub-menu li a span {
padding-right: 10px; }
.header-v1 .header .vm-button, .header-v2 .header .vm-button {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0; }
@media (min-width: 480px) {
.header-v1 .header .main-menu .logo img, .header-v2 .header .main-menu .logo img {
width: 100%; } }
@media (min-width: 768px) {
.header-v1 .top-header, .header-v2 .top-header {
height: 130px;
line-height: 130px; }
.header-v1 .top-header .search, .header-v2 .top-header .search {
display: block; }
.header-v1 .top-header .cart ul li a, .header-v2 .top-header .cart ul li a {
width: 45px;
height: 45px;
line-height: 45px; }
.header-v1 .top-header .cart ul li.qty i, .header-v2 .top-header .cart ul li.qty i {
height: 22px;
width: 22px;
line-height: 22px;
font-size: 14px;
top: -11px;
left: -16px; } }
@media (min-width: 992px) {
.header-v1 .header .main-menu, .header-v2 .header .main-menu {
float: none; }
.header-v1 .header .main-menu .menu, .header-v2 .header .main-menu .menu {
display: block; }
.header-v1 .header .main-menu .logo, .header-v2 .header .main-menu .logo {
display: none; }
.header-v1 .header .vm-button, .header-v2 .header .vm-button {
display: flex;
align-items: center; }
.header-v1 .top-header .logo, .header-v2 .top-header .logo {
display: block; } }
/*
Header V2
*/
.header-v2 .header.stricky-fixed .logo {
height: 75px; }
.header-v2 .header.stricky-fixed .main-menu .menu li a {
line-height: 75px; }
.header-v2 .header .logo {
display: inline-flex;
align-items: center;
height: 75px;
vertical-align: middle;
margin-right: 0; }
.header-v2 .header .logo img {
width: 80%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.header-v2 .header .main-menu {
display: inline-block; }
.header-v2 .header .vm-button {
right: 35px; }
@media (min-width: 480px) {
.header-v2 .header .logo img {
width: 100%; } }
@media (min-width: 992px) {
.header-v2 .header .logo {
height: 105px;
margin-right: 50px; }
.header-v2 .header .main-menu .menu li {
padding-right: 35px; } }
@media (min-width: 1220px) {
.header-v2 .header .logo {
height: 105px;
margin-right: 80px; }
.header-v2 .header .main-menu .menu li {
padding-right: 50px; } }
/*----------------------
Footer
------------------------*/
/*
Footer
*/
.footer {
background: #111111;
padding-top: 50px; }
.footer .widget {
margin-bottom: 20px; }
.footer .widget .logo {
margin-top: 6px; }
.footer .widget h3 {
font-family: 'Poppins', sans-serif;
font-size: 18px;
color: #ffffff; }
.footer .widget li a, .footer .widget li p {
display: inline-block;
padding: 7px 0;
position: relative;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #f8f8f8;
transition: all .5s ease; }
.footer .widget li a.padding, .footer .widget li p.padding {
padding-left: 30px; }
.footer .widget li a:hover, .footer .widget li p:hover {
color: #c3a152; }
.footer .widget li a span, .footer .widget li p span {
font-size: 14px;
position: absolute;
left: 0;
top: 12px; }
.footer .widget li a i, .footer .widget li p i {
font-size: 14px;
padding-right: 7px; }
.footer .widget li p:hover {
color: #ffffff; }
.footer .widget li p a {
padding: 0; }
@media (min-width: 480px) {
.footer .footer {
padding-top: 70px; } }
/*
Footer V1
*/
.footer-v1 .footer .widget a {
display: inline-block; }
.footer-v1 .footer .widget h3 {
margin-top: 18px;
margin-bottom: 25px;
font-size: 20px;
text-transform: uppercase;
font-weight: 700; }
.footer-v1 .footer .widget li a, .footer-v1 .footer .widget li p {
font-size: 14px; }
.footer-v1 .footer .widget > p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #f8f8f8;
margin: 30px 0; }
.footer-v1 .footer .widget .social li {
display: inline-block;
padding-right: 30px; }
.footer-v1 .footer .widget .social li:last-child {
padding-right: 0; }
.footer-v1 .footer .widget .social li a {
color: #f8f8f8;
font-size: 20px;
transition: all .3s ease; }
.footer-v1 .footer .widget .social li a:hover {
color: #c3a152; }
.footer-v1 .footer .widget .social li a span {
font-size: 20px;
position: static; }
.footer-v1 .footer .widget .payment {
margin-top: 20px; }
.footer-v1 .footer .widget .payment li {
display: inline-block;
margin-right: 6px; }
.footer-v1 .footer .widget .payment li a {
padding: 0; }
.footer-v1 .footer .copyright {
padding: 10px 0;
text-align: center;
margin-top: 30px;
border-top: 1px solid #414141; }
.footer-v1 .footer .copyright p {
float: none; }
.footer-v1 .footer .copyright p, .footer-v1 .footer .copyright a {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #ffffff;
font-size: 12px;
line-height: 36px; }
.footer-v1 .footer .copyright ul {
display: none;
float: none; }
.footer-v1 .footer .copyright ul li {
display: inline-block;
padding-left: 32px; }
.footer-v1 .footer .copyright ul li:first-child {
padding-left: 0; }
.footer-v1 .footer .copyright ul li a:hover {
color: #c3a152; }
@media (min-width: 480px) {
.footer-v1 .footer .copyright {
margin-top: 30px; }
.footer-v1 .footer .copyright ul {
display: block; } }
@media (min-width: 768px) {
.footer-v1 .footer .copyright {
padding: 0;
text-align: inherit; }
.footer-v1 .footer .copyright ul {
float: right; }
.footer-v1 .footer .copyright p {
float: left; }
.footer-v1 .footer .copyright p, .footer-v1 .footer .copyright a {
line-height: 65px; } }
@media (min-width: 960px) {
.footer-v1 .footer .widget {
margin-bottom: 0; }
.footer-v1 .footer .copyright {
margin-top: 60px; } }
/*
Footer V2
*/
.footer-v2 .footer {
position: relative; }
.footer-v2 .footer:before {
display: none;
background: url("../images/bg-footer-left.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
left: 0;
content: '';
position: absolute;
height: 100%;
width: 50%;
top: 0;
bottom: 0;
z-index: 1; }
.footer-v2 .footer .footer-left {
margin-bottom: 50px;
position: relative;
z-index: 2; }
.footer-v2 .footer .footer-left a {
display: inline-block; }
.footer-v2 .footer .footer-left p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 12px;
color: #f8f8f8;
margin: 35px 0;
padding-right: 25%; }
.footer-v2 .footer .footer-left p.margin {
margin: 20px 0 25px 0; }
.footer-v2 .footer .footer-left h3 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 18px;
color: #f8f8f8; }
.footer-v2 .footer .footer-left .payment li {
display: inline-block;
margin-right: 6px; }
.footer-v2 .footer .footer-right .widget {
margin-bottom: 35px; }
.footer-v2 .footer .footer-right .widget h3 {
margin-bottom: 15px;
font-weight: 400; }
.footer-v2 .footer .footer-right .widget li a, .footer-v2 .footer .footer-right .widget li p {
font-size: 12px; }
.footer-v2 .footer .footer-right .copyright {
border-top: 1px solid #414141; }
.footer-v2 .footer .footer-right .copyright p {
text-align: center;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #ffffff;
font-size: 12px;
line-height: 70px; }
@media (min-width: 960px) {
.footer-v2 .footer:before {
display: block; }
.footer-v2 .footer .footer-left {
margin-bottom: 0; }
.footer-v2 .footer .footer-right .copyright p {
text-align: left; } }
/*----------------------
Index
------------------------*/
/*
Gender Categories
*/
.gender-cate .info-box h3 {
margin-top: 20px;
margin-bottom: 15px;
display: inline-block;
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 24px;
color: #222222;
transition: all .5s ease-out; }
.gender-cate .info-box h3:hover {
color: #c3a152; }
.gender-cate .info-box p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
@media (min-width: 480px) {
.gender-cate .info-box h3 {
margin-top: 20px;
margin-bottom: 20px; } }
/*
Browse Categories
*/
.browse-cate {
background: #b1b1b1; }
.browse-cate .title {
margin-bottom: 35px;
position: relative;
overflow: hidden;
text-align: center; }
.browse-cate .title:before {
display: none;
content: '';
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 1px;
z-index: 1;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -2px; }
.browse-cate .title h3 {
display: inline-block;
padding: 0;
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 26px;
color: #000;
position: relative;
z-index: 2; }
.browse-cate .info-box .vm-image-box:hover img {
opacity: .4; }
.browse-cate .info-box .vm-image-box img {
opacity: .4; }
.browse-cate .info-box .vm-image-box a {
background: #ffffff;
display: block;
position: relative; }
.browse-cate .info-box .vm-image-box a .cate-title {
padding: 0 30px;
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.browse-cate .info-box .vm-image-box a .cate-title h3 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 24px;
color: #222222;
text-transform: uppercase; }
.browse-cate .info-box .vm-image-box a .cate-title p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #444444;
text-transform: uppercase; }
@media (min-width: 480px) {
.browse-cate .title h3 {
padding: 0;
font-size: 30px;
line-height: 30px; } }
@media (min-width: 768px) {
.browse-cate .title {
margin-bottom: 50px; }
.browse-cate .title:before {
display: block; }
.browse-cate .title h3 {
padding: 0 45px;
font-size: 36px;
line-height: 36px; } }
@media (min-width: 992px) {
.browse-cate .title {
margin-bottom: 70px; } }
/*
Featured Products
*/
.featured-product.vm-padding-section {
padding-bottom: 20px; }
@media (min-width: 480px) {
.featured-product.vm-padding-section {
padding-bottom: 40px; } }
@media (min-width: 960px) {
.featured-product.vm-padding-section {
padding-bottom: 70px; } }
@media (min-width: 992px) {
.featured-product.vm-padding-section {
padding-bottom: 110px; } }
/*
Best Saller
*/
.best-saller {
background: #f5f5f5; }
.best-saller.vm-padding-section {
padding-bottom: 0 !important; }
.best-saller .filter .menu-filter {
margin-bottom: 30px;
padding: 0 15px;
text-align: center; }
.best-saller .filter .menu-filter li {
display: inline-block;
padding: 5px 0;
margin: 0 3px; }
.best-saller .filter .menu-filter li:hover a, .best-saller .filter .menu-filter li.uk-active a {
border: 1px solid #c3a152;
background: #c3a152;
color: #ffffff; }
.best-saller .filter .menu-filter li a {
display: inline-block;
height: 42px;
line-height: 42px;
border: 1px solid #e5e5e5;
padding: 0 30px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #222222;
transition: all .5s ease-out; }
.best-saller .filter .uk-slidenav {
display: inline-block;
box-sizing: border-box;
width: 50px;
height: 50px;
line-height: 50px;
color: #222222;
font-size: 50px;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
transition: all .3s ease-out; }
.best-saller .filter .uk-slidenav-previous {
left: 0; }
.best-saller .filter .uk-slidenav-next {
right: 0; }
.best-saller .uk-position-relative:hover .uk-slidenav {
opacity: 1; }
@media (min-width: 480px) {
.best-saller .filter .menu-filter {
margin-bottom: 40px; } }
@media (min-width: 768px) {
.best-saller .filter .menu-filter {
margin-bottom: 60px; } }
@media (min-width: 992px) {
.best-saller .filter .menu-filter {
margin-bottom: 80px; } }
/*----------------------
Index 2
------------------------*/
/*
Gender Categories
*/
.gender-cate-v2 {
padding: 20px 20px 0 20px; }
.gender-cate-v2 .uk-grid {
margin-left: -20px; }
.gender-cate-v2 .uk-grid > * {
padding-left: 20px; }
.gender-cate-v2 .info-box {
background: #000000; }
.gender-cate-v2 .info-box:hover img {
opacity: .2; }
.gender-cate-v2 .info-box img {
width: 100%;
transition: all .3s ease-out;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.gender-cate-v2 .info-box .box-content {
width: 300px;
padding: 40px;
position: absolute;
margin-left: -140px;
margin-top: -145px;
background: #ffffff;
text-align: center;
top: 50%;
left: 50%; }
.gender-cate-v2 .info-box .box-content h3 {
display: inline-block;
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 24px;
color: #222222; }
.gender-cate-v2 .info-box .box-content p {
margin-top: 20px;
margin-bottom: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
@media (min-width: 960px) and (max-width: 1219px) {
.gender-cate-v2 .info-box .box-content {
width: 250px;
padding: 20px;
margin-left: -115px;
margin-top: -120px; }
.gender-cate-v2 .info-box .box-content p {
margin-top: 10px; } }
@media (max-width: 479px) {
.gender-cate-v2 {
padding: 50px 0 0 0; }
.gender-cate-v2 .info-box .box-content {
width: 250px;
padding: 20px;
margin-left: -115px;
margin-top: -120px; }
.gender-cate-v2 .info-box .box-content p {
margin-top: 10px; } }
/*
Fashion Trend
*/
.fashion-trend .box-image {
margin-bottom: 30px;
position: relative; }
.fashion-trend .box-image img {
margin: 0 auto;
width: auto; }
.fashion-trend .box-image .show-tooltip {
position: absolute;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 24px;
color: #222222;
background: #ffffff;
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.5); }
.fashion-trend .box-image .show-tooltip.uk-active + .content-tooltip {
opacity: 1;
margin-top: 80px;
pointer-events: auto;
transition: all .3s ease-out; }
.fashion-trend .box-image .content-tooltip {
margin-top: 110px;
margin-left: 15px;
opacity: 0;
pointer-events: none;
width: 230px;
z-index: 9;
position: absolute;
background: #ffffff;
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.5);
padding: 40px 20px; }
.fashion-trend .box-image .content-tooltip .box-border-shodow {
width: 26px;
height: 20px;
overflow: hidden;
position: absolute;
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.fashion-trend .box-image .content-tooltip .box-border-shodow:before {
content: '';
background: #ffffff;
position: absolute;
width: 20px;
height: 20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 12px;
left: 3px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }
.fashion-trend .box-image .content-tooltip h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
color: #222222;
text-transform: uppercase; }
.fashion-trend .box-image .content-tooltip p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444;
margin: 10px 0; }
.fashion-trend .box-image .content-tooltip a {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #ff5555;
display: inline-block;
position: relative; }
.fashion-trend .box-image .content-tooltip a:hover:before {
width: 100%; }
.fashion-trend .box-image .content-tooltip a:before {
content: '';
width: 0;
height: 1px;
background: #ff5555;
position: absolute;
left: 0;
bottom: 0;
transition: all .5s ease-out; }
@media (min-width: 768px) {
.fashion-trend .box-image {
margin-bottom: 0; }
.fashion-trend .box-image .content-tooltip {
padding: 50px 35px;
width: 100%;
margin-left: 0; } }
/*----------------------
Blog
------------------------*/
/*
Blog V1
*/
.blog.background {
background: #f5f5f5; }
.blog.vm-padding-section {
padding-bottom: 30px; }
.blog.blog-right-sidebar, .blog.blog-left-sidebar, .blog.blog-full-width {
padding-bottom: 50px; }
.blog .blog-list-item > * {
margin-bottom: 30px; }
.blog .box .content {
border: 1px solid #f3ecdc;
padding: 30px; }
.blog .box .content .day p {
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
font-size: 30px;
color: #222222; }
.blog .box .content .day p span {
font-size: 14px; }
.blog .box .content .comment p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #888888;
font-size: 12px;
margin: 10px 0; }
.blog .box .content h3 {
display: inline-block;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #222222;
transition: all .5s ease;
font-size: 18px; }
.blog .box .content h3:hover {
color: #c3a152; }
.blog .box .content > p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #444444;
font-size: 14px;
margin: 15px 0; }
.blog .box .content .read-more {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #c3a152;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
position: relative; }
.blog .box .content .read-more:hover:before {
width: 100%; }
.blog .box .content .read-more:before {
content: '';
width: 0;
height: 1px;
background: #c3a152;
position: absolute;
left: 0;
bottom: 0;
transition: all .5s ease-out; }
@media (max-width: 959px) {
.blog .clear-position {
position: static; } }
@media (min-width: 480px) {
.blog.vm-padding-section {
padding-bottom: 40px; }
.blog.blog-right-sidebar, .blog.blog-left-sidebar, .blog.blog-full-width {
padding-bottom: 70px; } }
@media (min-width: 992px) {
.blog.vm-padding-section {
padding-bottom: 80px; }
.blog.blog-right-sidebar, .blog.blog-left-sidebar, .blog.blog-full-width {
padding-bottom: 110px; } }
/*
Blog Detail
*/
.blog-detail .box img {
width: 100%; }
.blog-detail .box .content .day i {
display: block;
margin-top: 25px;
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
font-size: 14px;
color: #444444; }
.blog-detail .box .content .title h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
color: #222222;
padding: 10px 0; }
.blog-detail .box .content > p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
.blog-detail .box .tags-share {
margin-top: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5; }
.blog-detail .box .tags-share .tags ul li {
margin-right: 0; }
.blog-detail .box .tags-share h5 {
font-family: 'Poppins', sans-serif;
display: inline-block;
font-size: 14px;
color: #222222;
font-weight: 400;
min-width: 60px; }
.blog-detail .box .tags-share ul {
display: inline-block; }
.blog-detail .box .tags-share ul li {
display: inline-block;
margin-right: 7px; }
.blog-detail .box .tags-share ul li a {
font-size: 14px;
color: #444444;
transition: all .3s ease; }
.blog-detail .box .tags-share ul li a:hover {
color: #c3a152; }
.blog-detail .comments {
padding-top: 50px; }
.blog-detail .comments h3 {
font-size: 18px;
color: #000000;
font-family: 'Poppins', sans-serif;
font-weight: 700; }
.blog-detail .comments ul.uk-comment-list .uk-comment + ul {
padding-left: 130px; }
.blog-detail .comments ul.uk-comment-list li {
border-bottom: 1px solid #e0e0e0; }
.blog-detail .comments ul.uk-comment-list li article.uk-comment {
margin: 35px 0 25px 0; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-img {
display: none;
width: 100px;
height: 100px;
overflow: hidden;
float: left; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-img img {
display: block;
width: 100%;
height: 100%; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content {
margin-left: 0; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author {
margin-top: -5px; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author h5 {
display: inline-block;
font-size: 18px;
color: #222222;
font-family: 'Poppins', sans-serif;
font-weight: 400; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author h5 span {
font-size: 14px;
color: #888888;
padding: 0 15px; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta .meta-author p {
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
display: inline-block;
font-size: 14px;
color: #888888; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content > p {
margin-top: 0;
font-size: 14px;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 300; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content .meta-reply a {
margin-top: 5px;
display: inline-block;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
color: #c3a152; }
.blog-detail .leave-comment {
padding-top: 50px; }
.blog-detail .leave-comment > h3 {
padding-bottom: 25px;
font-size: 18px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #000000; }
.blog-detail .leave-comment form input, .blog-detail .leave-comment form textarea {
background: transparent;
border: 1px solid #e4e4e4;
padding: 7px 20px;
margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #222222;
outline: none; }
.blog-detail .leave-comment form input:focus, .blog-detail .leave-comment form textarea:focus {
border: 1px solid #c3a152;
background: transparent; }
.blog-detail .leave-comment form input {
height: 45px;
line-height: 45px; }
@media (min-width: 480px) {
.blog-detail .comments ul.uk-comment-list li .comment .comment-img {
display: block; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content {
margin-left: 130px; }
.blog-detail .comments ul.uk-comment-list li .comment .comment-content > p {
margin-top: -70px; } }
@media (max-width: 959px) {
.blog-detail .clear-position {
position: static; } }
/*----------------------
Client
------------------------*/
/*
Client V1
*/
.client {
background: #edebdf; }
.client .box .content {
background: #ffffff;
padding: 30px 15px; }
.client .box .content h3 {
display: inline-block;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #222222;
transition: all .5s ease;
font-size: 18px; }
.client .box .content h3:hover {
color: #c3a152; }
.client .box .content i {
display: block;
margin: 5px 0;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #ff5555;
font-size: 12px; }
.client .box .content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #444444;
font-size: 14px; }
.client .slidenav {
width: 15px;
height: 50px;
line-height: 50px;
margin-top: -17px;
background: transparent;
border: none !important;
display: inline-block;
box-sizing: border-box;
color: #222222;
font-size: 24px;
text-align: center;
position: absolute;
top: 50%;
transition: all .5s ease; }
.client .slidenav:hover {
color: #c3a152;
border: 1px solid #c3a152; }
.client .slidenav-previous {
left: -25px; }
.client .slidenav-next {
right: -25px; }
.client .large-12.columns {
margin: 0; }
@media (min-width: 1220px) {
.client .slidenav {
width: 50px;
height: 65px;
line-height: 65px;
margin-top: -32px;
background: #ffffff;
border: 1px solid #ffffff; }
.client .large-12.columns {
margin: 0 100px; }
.client .slidenav-previous {
left: -100px; }
.client .slidenav-next {
right: -100px; } }
@media (min-width: 480px) {
.client .box .content {
padding: 40px 35px; }
.client .box .content i {
margin: 15px 0; } }
/*----------------------
Products
------------------------*/
/*
Product V1
*/
.vm-product-box {
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
position: relative;
transition: all .5s ease-out; }
.vm-product-box.set-margin-rsp {
margin-bottom: 30px; }
.vm-product-box:hover {
border: 1px solid #c3a152; }
.vm-product-box:hover .info-box .product-name {
opacity: 0;
bottom: 100%;
pointer-events: none; }
.vm-product-box:hover .info-box .product-view {
opacity: 1;
top: 0;
pointer-events: auto;
background-color:#d9dbdd;}
.vm-product-box .new {
line-height: 30px;
padding: 0 20px;
background: #ff5555;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 12px;
color: #ffffff;
position: absolute;
top: 10px;
left: 10px;
z-index: 3;
text-transform: uppercase; }
.vm-product-box .image-box {
background: #ebebeb; }
.vm-product-box .image-box img {
width: 100%; }
.vm-product-box .image-box a {
display: block;
position: relative;
z-index: 2; }
.vm-product-box .info-box {
height: 120px;
text-align: center;
position: relative; }
.vm-product-box .info-box .product-name {
background-color:#fff;
height: 100%;
padding: 15px 0;
opacity: 1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
pointer-events: auto;
transition: all .5s ease-out; }
.vm-product-box .info-box .product-name h3 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
color: #222222;
background-color:#fff;}
.vm-product-box .info-box .product-name p {
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 18px;
color: #444444;
background-color:#fff;}
.vm-product-box .info-box .product-name p .sale {
padding-right: 10px;
font-weight: 300;
text-decoration: line-through; }
.vm-product-box .info-box .product-view {
height: 100%;
padding: 35px 0;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
right: 0;
pointer-events: none;
transition: all .5s ease-out; }
.vm-product-box .info-box .product-view li {
display: inline-block;
margin: 0 3px;
z-index: 2;
position: relative; }
.vm-product-box .info-box .product-view li a {
display: block;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #c4c4c2;
transition: all .5s ease; }
.vm-product-box .info-box .product-view li a:hover span {
color: #c3a152; }
.vm-product-box .info-box .product-view li a span {
font-size: 14px;
color: #222222;
transition: all .5s ease; }
@media (min-width: 960px) {
.vm-product-box.set-margin-rsp {
margin-bottom: 10px; } }
/*
Product V2
*/
.vm-product-v2 {
position: relative;
overflow: hidden;
background: #000000; }
.vm-product-v2:hover img {
opacity: .2;
transition: all .5s ease-out; }
.vm-product-v2:hover .product-name, .vm-product-v2:hover .product-cart, .vm-product-v2:hover .product-view {
opacity: 1;
pointer-events: auto;
transition: all .5s ease-out; }
.vm-product-v2:hover .product-name {
bottom: 50%; }
.vm-product-v2:hover .product-cart {
left: 50%; }
.vm-product-v2:hover .product-view {
right: 50%; }
.vm-product-v2 img {
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
padding:02px;}
.vm-product-v2 .product-name {
text-align: center;
position: absolute;
margin-bottom: -90px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
pointer-events: none; }
.vm-product-v2 .product-name h3 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 18px;
color: #ffffff; }
.vm-product-v2 .product-name p {
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 18px;
color: #ffffff; }
.vm-product-v2 .product-name p .sale {
padding-right: 10px;
font-weight: 300;
text-decoration: line-through; }
.vm-product-v2 .product-cart, .vm-product-v2 .product-view {
position: absolute;
top: 50%;
margin-top: -60px;
display: block;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #ffffff;
opacity: 0;
pointer-events: none; }
.vm-product-v2 .product-cart:hover a span, .vm-product-v2 .product-view:hover a span {
color: #c3a152; }
.vm-product-v2 .product-cart a, .vm-product-v2 .product-view a {
display: block; }
.vm-product-v2 .product-cart a span, .vm-product-v2 .product-view a span {
font-size: 14px;
color: #ffffff;
transition: all .5s ease; }
.vm-product-v2 .product-cart {
left: 0;
margin-left: -50px; }
.vm-product-v2 .product-view {
right: 0;
margin-right: -50px; }
/*----------------------
Product Detail
------------------------*/
/*
Product Detail
*/
.product-detail.vm-padding-section {
padding-bottom: 0; }
.product-detail .box-detail .box-product-detail {
margin-left: 0;
float: none;
width: 100%; }
.product-detail .box-detail .box-product-detail li {
outline: none; }
.product-detail .box-detail .box-product-detail li .box-image, .product-detail .box-detail .box-product-detail li .box-thumbanil {
display: flex;
align-items: center;
justify-content: center;
background: #ebebeb;
border: 1px solid #e4e4e4;
margin: 0 10px; }
.product-detail .box-detail .box-product-detail li .box-image img, .product-detail .box-detail .box-product-detail li .box-thumbanil img {
display: block;
width: auto; }
.product-detail .box-detail .box-product-detail .slick-big-images {
margin-bottom: 20px; }
.product-detail .box-detail .box-product-detail .slick-big-images li .box-image {
height: 370px;
overflow: hidden; }
.product-detail .box-detail .box-product-detail .slick-thumbnail-images li.slick-current .box-thumbanil {
border: 1px solid #c3a152; }
.product-detail .box-detail .box-product-detail .slick-thumbnail-images li .box-thumbanil {
height: 120px;
overflow: hidden;
box-sizing: border-box;
cursor: pointer; }
.product-detail .box-detail .box-detail-content {
width: 100%;
float: none;
padding: 0;
margin-top: 50px; }
.product-detail .box-detail .box-detail-content > h3 {
font-size: 26px;
line-height: 26px;
color: #000000;
font-family: 'Poppins', sans-serif;
font-weight: 600; }
.product-detail .box-detail .box-detail-content .rating {
line-height: 20px;
margin: 5px 0 10px 0; }
.product-detail .box-detail .box-detail-content .rating li {
display: inline-block; }
.product-detail .box-detail .box-detail-content .rating li span {
font-size: 10px;
color: #f2cf2d; }
.product-detail .box-detail .box-detail-content p {
padding-bottom: 15px;
font-size: 14px;
color: #7a7c7c;
font-family: 'Poppins', sans-serif;
font-weight: 300; }
.product-detail .box-detail .box-detail-content p.price {
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 24px;
color: #222222; }
.product-detail .box-detail .box-detail-content p.price i {
padding-right: 10px;
color: #444444;
text-decoration: line-through;
font-weight: 400; }
.product-detail .box-detail .box-detail-content .qty-color {
display: flex;
align-items: center;
margin: 20px 0 40px 0; }
.product-detail .box-detail .box-detail-content .qty-color .box-qty {
margin-right: 25px;
width: 95px;
overflow: hidden;
position: relative; }
.product-detail .box-detail .box-detail-content .qty-color .box-qty button {
font-size: 8px;
font-weight: 400;
color: rgba(27, 19, 19, 0.5);
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #e0e0e0;
background: transparent;
outline: none;
position: absolute;
top: 0;
bottom: 0;
cursor: pointer; }
.product-detail .box-detail .box-detail-content .qty-color .box-qty button:hover {
color: #444444; }
.product-detail .box-detail .box-detail-content .qty-color .box-qty button.qty-minus {
left: 0; }
.product-detail .box-detail .box-detail-content .qty-color .box-qty button.qty-plus {
right: 0; }
.product-detail .box-detail .box-detail-content .qty-color .box-qty input {
width: 100%;
height: 30px;
padding: 0 35px;
text-align: center;
border: 1px solid #e0e0e0;
background: transparent;
font-size: 12px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #1b1313; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul {
display: flex; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li {
padding-right: 15px; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li:last-child {
padding-right: 0; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li:nth-child(1) label {
background: #e9684a; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li:nth-child(2) label {
background: #f5e246; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li:nth-child(3) label {
background: #86df50; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li:nth-child(4) label {
background: #5abcea; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li label {
display: block;
width: 20px;
height: 20px; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:not(:checked), .product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:checked {
position: absolute;
left: -9999px; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:not(:checked) + label, .product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:checked + label {
position: relative;
cursor: pointer; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:not(:checked) + label:after, .product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:checked + label:after {
content: '\f00c';
font-family: 'FontAwesome';
font-size: 10px;
line-height: 20px;
position: absolute;
top: 0;
left: 5px;
color: #ffffff;
transition: all .5s; }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.product-detail .box-detail .box-detail-content .qty-color .box-color ul li input[type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.product-detail .box-detail .box-detail-content .share {
margin-top: 35px; }
.product-detail .box-detail .box-detail-content .share p {
display: inline-block;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #888888;
padding-right: 15px; }
.product-detail .box-detail .box-detail-content .share ul {
display: inline-block; }
.product-detail .box-detail .box-detail-content .share ul li {
display: inline-block;
margin-right: 7px; }
.product-detail .box-detail .box-detail-content .share ul li a {
font-size: 14px;
color: #888888;
transition: all .3s ease; }
.product-detail .box-detail .box-detail-content .share ul li a:hover {
color: #c3a152; }
.product-detail .box-review {
margin-top: 45px; }
.product-detail .box-review .uk-subnav {
margin-left: 0;
margin-top: 0; }
.product-detail .box-review .uk-subnav li {
padding: 0;
margin: 0 5px 0 0; }
.product-detail .box-review .uk-subnav li a {
font-family: 'Poppins', sans-serif;
font-weight: 700;
line-height: 44px;
display: inline-block;
font-size: 14px;
color: #7c7c7c;
padding: 0 20px;
background: #e4e4e4; }
.product-detail .box-review .uk-subnav-pill > .uk-active > * {
background: #c3a152;
color: #ffffff; }
.product-detail .box-review .uk-switcher {
padding: 25px 15px;
text-align: left;
border: 1px solid #e4e4e4; }
.product-detail .box-review .uk-switcher .product-description p {
font-size: 16px;
color: #7a7c7d;
font-family: 'Poppins', sans-serif;
font-weight: 300; }
.product-detail .box-review .uk-switcher .poduct-reviews h3 {
padding-bottom: 15px;
font-size: 20px;
line-height: 26px;
color: #1b2725;
font-weight: 700; }
.product-detail .box-review .uk-switcher .poduct-reviews li:last-child {
margin-bottom: 30px; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review {
padding: 15px 0;
border-bottom: 1px solid #dcddde; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author {
align-items: center;
display: block; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author > * {
margin-right: 0; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author h6 {
font-size: 14px;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 700; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author i {
display: none; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author p {
font-size: 14px;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 400; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author li {
margin-bottom: 0;
display: inline-block; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review .author li span {
color: #f2cf2d; }
.product-detail .box-review .uk-switcher .poduct-reviews li .review p {
font-size: 13px;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 400; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form h5 {
font-size: 16px;
color: #000000;
font-family: 'Poppins', sans-serif;
font-weight: 400; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form input, .product-detail .box-review .uk-switcher .poduct-reviews .form-comment form textarea {
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #000000;
font-weight: 400;
border: 1px solid #e4e4e4;
outline: none;
background: transparent;
margin-bottom: 20px;
padding: 7px 20px; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form input:focus, .product-detail .box-review .uk-switcher .poduct-reviews .form-comment form textarea:focus {
border: 1px solid #c3a152; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form input {
height: 40px;
line-height: 40px; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form .jq-ry-container {
padding: 0;
padding-bottom: 15px;
width: 75px !important; }
.product-detail .box-review .uk-switcher .poduct-reviews .form-comment form .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
width: 15px;
height: 15px; }
@media (min-width: 480px) {
.product-detail .box-detail .box-detail-content > h3 {
font-size: 30px;
line-height: 30px; }
.product-detail .box-detail .box-review .uk-switcher {
padding: 25px 35px; }
.product-detail .box-detail .box-review .uk-switcher .product-revies h3 {
font-size: 30px;
line-height: 30px; }
.product-detail .box-detail .box-review .uk-switcher .product-revies li .review .author {
display: flex; }
.product-detail .box-detail .box-review .uk-switcher .product-revies li .review .author > * {
margin-right: 0; }
.product-detail .box-detail .box-review .uk-switcher .product-revies li .review .author i {
display: block; } }
@media (min-width: 768px) {
.product-detail .box-detail .box-product-detail {
float: left;
width: 45%;
margin-left: -10px; }
.product-detail .box-detail .box-detail-content {
float: right;
width: 55%;
padding: 0 30px;
margin-top: 0; }
.product-detail .box-detail .box-detail-content > h3 {
font-size: 36px;
line-height: 36px; }
.product-detail .box-detail .box-review .uk-switcher .product-revies h3 {
font-size: 36px;
line-height: 36px; } }
@media (min-width: 1220px) {
.product-detail .box-detail .box-product-detail .slick-big-images li .box-image {
height: 500px; } }
/*
Related Product
*/
.related-product {
padding: 50px 0 20px 0; }
.related-product h1 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 24px;
color: #222222;
margin-bottom: 45px; }
@media (min-width: 480px) {
.related-product {
padding: 70px 0 40px 0; } }
@media (min-width: 960px) {
.related-product {
padding-bottom: 70px; } }
@media (min-width: 992px) {
.related-product {
padding: 100px 0; } }
/*----------------------
Sidebar
------------------------*/
/*
Sidebar
*/
.vm-sidebar {
margin-top: 50px; }
.vm-sidebar .box {
margin-bottom: 50px; }
.vm-sidebar .box:last-child {
margin-bottom: 0; }
.vm-sidebar .box form input {
width: 100%;
padding: 0 50px 0 25px;
height: 40px;
line-height: 40px;
background: #fafafa;
border: 1px solid #e4e4e4;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #4c4f50; }
.vm-sidebar .box form input:focus {
border: 1px solid #c3a152; }
.vm-sidebar .box form button {
padding: 0;
background: transparent;
outline: none;
border: none;
font-size: 14px;
color: #4c4f50;
cursor: pointer;
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.vm-sidebar .box .title {
margin-bottom: 17px; }
.vm-sidebar .box .title h3 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 19px;
color: #c3a152;
display: inline-block;
text-transform: uppercase; }
.vm-sidebar .box .categories li {
margin-bottom: 0; }
.vm-sidebar .box .categories li a {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 36px;
color: #444444;
position: relative;
transition: all .3s ease-out; }
.vm-sidebar .box .categories li a:hover {
padding-left: 12px;
color: #c3a152; }
.vm-sidebar .box .categories li a:hover span {
opacity: 1; }
.vm-sidebar .box .categories li a span {
opacity: 0;
position: absolute;
left: 0;
top: 3px; }
.vm-sidebar .box .latest-post li {
margin-bottom: 20px; }
.vm-sidebar .box .latest-post li:last-child {
margin-bottom: 0; }
.vm-sidebar .box .latest-post li .box-image {
float: left; }
.vm-sidebar .box .latest-post li .box-image a {
display: block;
width: 80px;
height: 80px;
border: 1px solid #dcddde;
background: #fafafa; }
.vm-sidebar .box .latest-post li .box-image img {
display: block; }
.vm-sidebar .box .latest-post li .box-text {
margin-top: -7px;
margin-left: 100px; }
.vm-sidebar .box .latest-post li .box-text h3 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #222222; }
.vm-sidebar .box .latest-post li .box-text h3:hover {
color: #c3a152; }
.vm-sidebar .box .latest-post li .box-text p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 12px;
color: #444444; }
@media (min-width: 960px) {
.vm-sidebar {
margin-top: 0; } }
.vm-sidebar-v2 {
margin-top: 50px; }
.vm-sidebar-v2 .box {
border: 1px solid #cccccc;
margin-bottom: 30px;
padding: 30px; }
.vm-sidebar-v2 .box h3 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 18px;
color: #222222;
text-transform: uppercase;
margin-bottom: 25px; }
.vm-sidebar-v2 .box form input, .vm-sidebar-v2 .box form textarea {
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #000000;
font-weight: 400;
border: 1px solid #e4e4e4;
outline: none;
background: transparent;
margin-bottom: 20px;
padding: 7px 20px; }
.vm-sidebar-v2 .box form input:focus, .vm-sidebar-v2 .box form textarea:focus {
border: 1px solid #c3a152; }
.vm-sidebar-v2 .box form input {
height: 40px;
line-height: 40px; }
.vm-sidebar-v2 .box .question li {
padding: 12px 0;
border-bottom: 1px solid #cccccc; }
.vm-sidebar-v2 .box .question li:first-child {
padding-top: 0; }
.vm-sidebar-v2 .box .question li:last-child {
border-bottom: none;
padding-bottom: 0; }
.vm-sidebar-v2 .box .question li a {
display: inline-block;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #444444;
position: relative;
transition: all .3s ease-out; }
.vm-sidebar-v2 .box .question li a:hover {
padding-left: 12px;
color: #c3a152; }
.vm-sidebar-v2 .box .question li a:hover span {
opacity: 1; }
.vm-sidebar-v2 .box .question li a span {
opacity: 0;
position: absolute;
left: 0;
top: 6px; }
@media (min-width: 960px) {
.vm-sidebar-v2 {
margin-top: 0; } }
/*----------------------
Team Of Services
------------------------*/
/*
Team Of Services
*/
.team-of-services.vm-padding-section {
padding: 50px 0 20px 0; }
.team-of-services li {
margin-bottom: 30px; }
.team-of-services li:last-child .box {
margin-bottom: 0; }
.team-of-services .box .box-icon {
min-height: 250px;
background: #f2f2f2;
display: flex;
justify-content: center;
align-items: center; }
.team-of-services .box .box-icon img {
width: 150px;
height: auto; }
.team-of-services .box .flex-box {
background: #f8f8f8;
display: flex;
justify-content: flex-start;
align-items: flex-start; }
.team-of-services .box .flex-box .box-content {
padding: 30px; }
.team-of-services .box .flex-box .box-content h3 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 26px;
color: #222222;
margin-bottom: 25px; }
.team-of-services .box .flex-box .box-content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #222222;
padding: 5px 0; }
.team-of-services .box .flex-box .box-content .read-more {
margin-top: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #c3a152;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
position: relative; }
.team-of-services .box .flex-box .box-content .read-more:hover:before {
width: 100%; }
.team-of-services .box .flex-box .box-content .read-more:before {
content: '';
width: 0;
height: 1px;
background: #c3a152;
position: absolute;
left: 0;
bottom: 0;
transition: all .5s ease-out; }
@media (min-width: 480px) {
.team-of-services.vm-padding-section {
padding: 70px 0 40px 0; }
.team-of-services .box .flex-box .box-content {
padding: 50px 30px; }
.team-of-services .box .flex-box .box-content h3 {
font-size: 30px;
line-height: 30px; } }
@media (min-width: 768px) {
.team-of-services .box .box-icon {
min-height: 450px; } }
@media (min-width: 992px) {
.team-of-services.vm-padding-section {
padding: 110px 0 80px 0; } }
@media (min-width: 1220px) {
.team-of-services .box .flex-box .box-content {
padding: 50px 70px; } }
/*----------------------
Contact
------------------------*/
/*
Contact
*/
.contact.vm-padding-section {
padding-top: 30px; }
.contact .box {
margin: 20px 0; }
.contact .box:hover .box-icon {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.contact .box .box-icon {
width: 100px;
height: 100px;
background: #c3a152;
border-radius: 50%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-out; }
.contact .box .box-icon .flaticon {
display: block;
width: 45px;
height: 45px; }
.contact .box .box-icon .flaticon:before {
margin: 0;
color: #ffffff;
font-size: 45px;
position: relative;
top: 10px; }
.contact .box h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 24px;
color: #222222;
margin-top: 30px;
margin-bottom: 10px; }
.contact .box p, .contact .box a {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
.contact .box a {
display: inline-block; }
.contact .box a:hover {
color: #c3a152; }
.contact .gmap-wrapper {
margin: 25px 0 45px 0; }
.contact .gmap-wrapper #gmap_contact {
height: 340px; }
.contact .gmap-wrapper #gmap_contact .gm-style .gm-style-iw {
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 700;
color: #444444;
text-align: center;
padding-top: 10px; }
.contact .contact-form .vm-title {
margin-bottom: 50px; }
.contact .contact-form p {
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444;
font-style: italic;
text-align: center;
margin-bottom: 50px; }
.contact .contact-form form input, .contact .contact-form form textarea {
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #000000;
font-weight: 400;
border: 1px solid #e4e4e4;
outline: none;
background: transparent;
margin-bottom: 20px;
padding: 7px 20px; }
.contact .contact-form form input:focus, .contact .contact-form form textarea:focus {
border: 1px solid #c3a152; }
.contact .contact-form form input {
height: 40px;
line-height: 40px; }
.contact .contact-form form .vm-button {
margin-top: 10px; }
@media (min-width: 480px) {
.contact.vm-padding-section {
padding-top: 50px; }
.contact .gmap-wrapper {
margin: 45px 0 65px 0; }
.contact .gmap-wrapper #gmap_contact {
height: 440px; } }
@media (min-width: 768px) {
.contact.vm-padding-section {
padding-top: 70px; }
.contact .box {
margin: 0; }
.contact .box h3 {
margin-top: 50px; }
.contact .gmap-wrapper {
margin: 65px 0; }
.contact .gmap-wrapper #gmap_contact {
height: 540px; } }
@media (min-width: 992px) {
.contact.vm-padding-section {
padding-top: 20px; }
.contact .gmap-wrapper {
margin: 95px 0; } }
/*----------------------
About
------------------------*/
/*
About
*/
.about .box-image img {
width: 100%; }
.about .content {
padding-left: 0;
padding-top: 50px; }
.about .content h3 {
font-family: 'Roboto Slab', sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 26px;
color: #444444;
margin-bottom: 20px; }
.about .content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444;
margin: 5px 0; }
.about .content ul {
margin-top: 25px; }
.about .content ul li p {
font-weight: 600;
padding-left: 30px;
position: relative; }
.about .content ul li p span {
position: absolute;
left: 0;
top: 6px; }
@media (min-width: 480px) {
.about .content h3 {
font-size: 30px;
line-height: 30px; } }
@media (min-width: 768px) {
.about .content {
padding-left: 10px;
padding-top: 0; }
.about .content h3 {
font-size: 36px;
line-height: 36px; } }
/*
Others
*/
.others {
padding: 0; }
.others .set-background {
padding: 50px 30px;
background: #c3a152; }
.others .set-background .vm-title h3 {
color: #ffffff; }
.others .set-background .vm-title h3:before {
background: #ffffff; }
.others .set-background .box {
text-align: center; }
.others .set-background .box p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #ffffff;
font-size: 18px;
padding: 0; }
.others .set-background .box .box-image {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
margin: 50px auto; }
.others .set-background .box .box-image img {
width: 100%;
height: 100%; }
.others .set-background .box h5 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #ffffff;
font-size: 18px;
text-transform: uppercase; }
.others .set-background .box ul li {
display: inline-block; }
.others .set-background .box ul li span {
font-size: 12px;
color: #ffffff; }
.others .uk-slidenav-position .uk-slidenav {
width: 20px;
display: block;
font-size: 26px;
color: #222222;
background: #ebebeb;
transition: all .3s ease; }
.others .uk-slidenav-position .uk-slidenav:hover {
color: #c3a152; }
.others .uk-slidenav-position .uk-slidenav-previous {
left: -20px; }
.others .uk-slidenav-position .uk-slidenav-next {
right: -20px; }
@media (min-width: 480px) {
.others .set-background {
padding: 70px 30px; } }
@media (min-width: 768px) {
.others .set-background .box p {
padding: 0 15%; }
.others .set-background .uk-slidenav-position .uk-slidenav {
width: 60px;
font-size: 36px; }
.others .set-background .uk-slidenav-position .uk-slidenav-previous {
left: 0; }
.others .set-background .uk-slidenav-position .uk-slidenav-next {
right: 0; } }
@media (min-width: 992px) {
.others .set-background {
padding: 100px 30px; } }
@media (min-width: 1220px) {
.others {
padding: 0 145px; }
.others .set-background .box p {
padding: 0 20%; }
.others .uk-slidenav-position .uk-slidenav-previous {
left: -60px; }
.others .uk-slidenav-position .uk-slidenav-next {
right: -60px; } }
/*
Team member
*/
.team-member .box .box-image {
position: relative;
background: #000000; }
.team-member .box .box-image:hover img {
opacity: .2;
transition: all .3s ease; }
.team-member .box .box-image:hover .social {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .3s ease;
transition-delay: 0.3s; }
.team-member .box .box-image img {
width: 100%; }
.team-member .box .box-image .social {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 40px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.team-member .box .box-image .social li {
margin: 0 8px;
display: inline-block; }
.team-member .box .box-image .social li a {
font-size: 14px;
color: #ffffff; }
.team-member .box .box-image .social li a:hover {
color: #c3a152; }
.team-member .box .box-content {
margin-top: 40px;
text-align: center; }
.team-member .box .box-content h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 24px;
color: #222222;
text-transform: uppercase; }
.team-member .box .box-content h5 {
margin-top: 10px;
margin-bottom: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #c3a152; }
.team-member .box .box-content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444; }
/*----------------------
Faq
------------------------*/
/*
Faq
*/
.faq.vm-padding-section {
padding-bottom: 20px; }
.faq .box-question {
margin-bottom: 65px; }
.faq .box-question:last-child {
margin-bottom: 0; }
.faq .box-question h3 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 30px;
color: #c3a152;
text-transform: uppercase;
margin-bottom: 40px; }
.faq .box-question .holder-question .has-title {
margin-bottom: 20px;
border: 1px solid #cccccc;
line-height: 50px;
transition: all .3s ease; }
.faq .box-question .holder-question .has-title:first-child .sub-content {
display: block; }
.faq .box-question .holder-question .has-title:last-child {
margin-bottom: 0; }
.faq .box-question .holder-question .has-title.uk-active, .faq .box-question .holder-question .has-title:hover {
border: 1px solid #c3a152; }
.faq .box-question .holder-question .has-title a {
font-family: 'Poppins', sans-serif;
display: block;
padding: 0 25px;
font-weight: 400;
font-size: 14px;
color: #222222; }
.faq .box-question .holder-question .has-title a span {
padding-right: 10px;
font-size: 10px;
position: relative;
top: -1px; }
.faq .box-question .holder-question .has-title .sub-content {
display: none; }
.faq .box-question .holder-question .has-title .sub-content p {
padding: 0 25px 25px 25px;
font-weight: 300;
font-size: 14px;
color: #444444;
line-height: 26px; }
@media (max-width: 479px) {
.faq .box-question {
margin-bottom: 40px; }
.faq .box-question h3 {
font-size: 26px;
line-height: 26px; }
.faq .box-question .holder-question .has-title a {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; } }
@media (min-width: 480px) {
.faq.vm-padding-section {
padding-bottom: 40px; } }
@media (min-width: 960px) {
.faq.vm-padding-section {
padding-bottom: 110px; } }
/*----------------------
Portfolio
------------------------*/
/*
Portfolio
*/
.portfolio.vm-padding-section {
padding-bottom: 20px; }
.portfolio.portfolio-4columns #isotope-filter li .vm-product-v2 .product-cart, .portfolio.portfolio-4columns #isotope-filter li .vm-product-v2 .product-view {
margin-top: -50px; }
.portfolio.portfolio-4columns #isotope-filter li .vm-product-v2 .product-name {
margin-bottom: -65px; }
.portfolio.portfolio-full-width.vm-padding-section {
padding-bottom: 0; }
.portfolio.portfolio-full-width #isotope-filter li {
margin-bottom: 0; }
.portfolio .menu-filter {
margin-bottom: 30px;
text-align: center; }
.portfolio .menu-filter li {
display: inline-block;
padding: 5px 0;
margin: 0 3px; }
.portfolio .menu-filter li:hover a, .portfolio .menu-filter li.is-checked a {
border: 1px solid #c3a152;
background: #c3a152;
color: #ffffff; }
.portfolio .menu-filter li a {
display: inline-block;
height: 42px;
line-height: 42px;
border: 1px solid #e5e5e5;
padding: 0 30px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
color: #888888;
text-transform: uppercase;
transition: all .5s ease-out; }
.portfolio #isotope-filter li {
margin-bottom: 30px; }
.portfolio #isotope-filter li .vm-product-v2 {
background: #fff; }
.portfolio #isotope-filter li .vm-product-v2 .product-cart:hover, .portfolio #isotope-filter li .vm-product-v2 .product-view:hover {
background: #ffffff; }
.portfolio .vm-product-v2 .product-cart, .portfolio .vm-product-v2 .product-view {
margin-top: -50px; }
.portfolio .vm-product-v2 .product-name {
margin-bottom: -70px; }
@media (min-width: 480px) {
.portfolio.vm-padding-section {
padding-bottom: 40px; }
.portfolio .menu-filter {
margin-bottom: 40px; }
.portfolio .vm-product-v2 .product-cart, .portfolio .vm-product-v2 .product-view {
margin-top: -60px; }
.portfolio .vm-product-v2 .product-name {
margin-bottom: -90px; } }
@media (min-width: 768px) {
.portfolio .menu-filter {
margin-bottom: 60px; } }
@media (min-width: 992px) {
.portfolio.vm-padding-section {
padding-bottom: 80px; }
.portfolio .menu-filter {
margin-bottom: 80px; } }
@media (min-width: 480px) and (max-width: 1219px) {
.portfolio.portfolio-full-width .vm-product-v2 .product-name {
margin-bottom: -65px; }
.portfolio.portfolio-full-width .vm-product-v2 .product-cart, .portfolio.portfolio-full-width .vm-product-v2 .product-view {
margin-top: -55px; } }
/*----------------------
Policy
------------------------*/
/*
Privacy Policy
*/
.privacy-policy.vm-padding-section {
padding: 50px 0 20px 0; }
.privacy-policy .title {
margin-bottom: 60px;
text-align: center; }
.privacy-policy .title h3 {
font-family: 'Roboto Slab', sans-serif;
font-weight: 700;
font-size: 24px;
color: #222222;
text-transform: uppercase;
margin-bottom: 15px; }
.privacy-policy .title p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #222222;
padding: 0; }
.privacy-policy .holder-policy .has-title {
margin-bottom: 30px; }
.privacy-policy .holder-policy .has-title:first-child .sub-content {
display: block; }
.privacy-policy .holder-policy .has-title.uk-active a span {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg); }
.privacy-policy .holder-policy .has-title a {
border: 1px solid #cccccc;
border-left: 2px solid #c3a152;
line-height: 50px;
transition: all .3s ease;
font-family: 'Poppins', sans-serif;
display: block;
padding: 0 30px;
font-weight: 400;
font-size: 18px;
position: relative;
color: #222222; }
.privacy-policy .holder-policy .has-title a span {
font-size: 18px;
position: absolute;
top: 13px;
right: 30px;
transition: all .5s ease; }
.privacy-policy .holder-policy .has-title .sub-content {
display: none; }
.privacy-policy .holder-policy .has-title .sub-content p {
padding: 15px 15px 0 15px;
font-weight: 300;
font-size: 14px;
color: #444444;
line-height: 26px; }
@media (max-width: 479px) {
.privacy-policy .holder-policy .has-title a {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.privacy-policy .holder-policy .has-title a span {
right: 10px; } }
@media (min-width: 480px) {
.privacy-policy.vm-padding-section {
padding: 70px 0 40px 0; }
.privacy-policy .holder-policy .has-title .sub-content p {
padding: 15px 30px 0 30px; } }
@media (min-width: 768px) {
.privacy-policy .title p {
padding: 0 15%; } }
@media (min-width: 992px) {
.privacy-policy.vm-padding-section {
padding: 110px 0 80px 0; }
.privacy-policy .title p {
padding: 0 25%; } }
/*
Return Policy
*/
.return-policy .box-image {
position: relative;
background: url("../images/return-policy.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.return-policy .box-image img {
width: 100%;
display: block; }
.return-policy .box-image a {
display: inline-block;
font-size: 70px;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all .3s ease; }
.return-policy .box-image a:hover {
color: #c3a152; }
.return-policy .flex-box {
display: flex;
align-items: center; }
.return-policy .flex-box .content {
padding: 50px 30px; }
.return-policy .flex-box .content h3 {
position: relative;
margin-bottom: 25px;
padding-bottom: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 26px;
line-height: 26px;
color: #222222; }
.return-policy .flex-box .content h3:before {
content: '';
background: #222222;
width: 65px;
height: 3px;
position: absolute;
left: 0;
bottom: 0; }
.return-policy .flex-box .content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 14px;
color: #444444;
padding: 8px 0; }
.return-policy .flex-box .content .read-more {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #c3a152;
font-size: 16px;
text-transform: uppercase;
display: inline-block;
margin-top: 15px;
position: relative; }
.return-policy .flex-box .content .read-more:hover:before {
width: 100%; }
.return-policy .flex-box .content .read-more:before {
content: '';
width: 0;
height: 1px;
background: #c3a152;
position: absolute;
left: 0;
bottom: 0;
transition: all .5s ease-out; }
@media (min-width: 480px) {
.return-policy .flex-box .content h3 {
margin-bottom: 30px;
padding-bottom: 20px;
font-size: 30px;
line-height: 30px; }
.return-policy .flex-box .content h3:before {
height: 4px; }
.return-policy .flex-box .content .read-more {
margin-top: 35px;
font-size: 18px; } }
@media (min-width: 768px) {
.return-policy .flex-box .content h3 {
margin-bottom: 35px;
padding-bottom: 25px;
font-size: 36px;
line-height: 36px; }
.return-policy .flex-box .content h3:before {
height: 5px; } }
@media (min-width: 960px) {
.return-policy .box-image img {
display: none; }
.return-policy .flex-box .content {
padding: 14% 7%; } }
/*# sourceMappingURL=style.css.map */
.transition-timer-carousel .carousel-caption {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
width: 100%;
left: 0px;
right: 0px;
bottom: 0px;
text-align: left;
padding-top: 5px;
padding-left: 15%;
padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
margin-top: 10px;
font-size: 24px;
}
@media (min-width: 970px) {
/* Lower the font size of the carousel caption header so that our caption
doesn't take up the full image/slide on smaller screens */
.transition-timer-carousel .carousel-caption .carousel-caption-header {
font-size: 36px;
}
}
.transition-timer-carousel .carousel-indicators {
bottom: 0px;
margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
height: 5px;
background-color: #5cb85c;
width: 0%;
margin: -5px 0px 0px 0px;
border: none;
z-index: 11;
position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
/* We make the transition time shorter to avoid the slide transitioning
before the timer bar is "full" - change the 4.25s here to fit your
carousel's transition time */
-webkit-transition: width 4.25s linear;
-moz-transition: width 4.25s linear;
-o-transition: width 4.25s linear;
transition: width 4.25s linear;
}