/**
	Theme Name: Minimal Shop
	Theme URI:
	Author: ThreeusTeam
	Author URI:
	Description:
	Version: 1.0
	License: GNU General Public License v2 or later
	Tags: two-columns, three-columns, fullwidth, responsive-layout
 */
/*	################################################################

	1. IMPORT FILES
	2. GENERAL
	3. ELEMENTS
	4. HEADER
		4.1 General
		4.2 Main Menu
		4.3 Searchbox
		4.4 Right header
		4.5 Header Home 1
		4.6 Header Home 2
	5. SIDEBAR
	6. FOOTER
	    6.1 Site Bottom
	    6.2 Footer
	7. MAIN CONTENT
		7.1 General
		7.2 Blog
		7.3 Single Blog
	8. SHOP
		8.1 Shop General
		8.2 Shop Grid
		8.3 Shop Details
		8.4 Shop Cart
	9. PAGES
		9.1 Contact Us
		9.2 Comming soon
		9.3 404 Page
		9.4 Check out
	10. HOME PAGE
	    10.1 Home simple 1 --- Index
	    10.2 Home-02
	    10.3 Home Classic 01
	    10.4 Home Classic 02
	    10.5 Home Classic 03
	    10.6 Home Dark
	    10.7 Home Creative
	    10.8 Home Supper market
	    10.9 Home Sidebar Variant
	    10.10 Home Full
	11. PAGE LOADER

################################################################# */
/*==========================================================
	1. IMPORT FILES
==========================================================*/
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Oldenburg');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/* Css */

@import url(css/plugins.css);
/*@import url(ca.css);*/

/*==========================================================
	2. GENERAL
==========================================================*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
body{
    font-size: 14px;
    color: #67696b;
    font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #242627;
    font-family: 'Oldenburg', sans-serif;
}
ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
p {
    margin-bottom: 1.4em;
    line-height: 28px;
}
img{
    border:none;
    max-width:100%;
    height: auto;
}
a{
    color:#242627;
}
a:hover{
    color: #ffb300;
    text-decoration:none;
}
a:focus{
    text-decoration: none;
    color: inherit;
    outline: none;
}
a,
button,
input {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}
.price-old {
    font-size: 13px;
    text-decoration: line-through;
    margin-right: 10px;
}
.left-sidebar ul {
    max-height: 350px;
    overflow-x: auto;
}
.left-sidebar ul li {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.left-sidebar ul li a {
    padding: 10px 0;
    font-size: 14px;
    display: block;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=search],
textarea {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 5px;
    font-size: 14px;
    color: #242627;
    border-radius: 0;
    resize: none;
}
button,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
    border-color: #a3a5a8;
    outline: none;
}
input[type=submit] {
    font-family: 'Poppins', sans-serif;
}
fieldset {
    border: 2px groove threedface;
    display: block;
    padding-block-end: 0.75em;
    padding-block-start: 0.35em;
    text-align: center;
}
fieldset legend {
    display: inline-block;
    color: inherit;
    background: none;
    vertical-align: top;
}
.mt20{
    margin-top: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.mlr-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.btn-black{
    background: #000;
    border: none;
    color: #fff;
    padding: 6px 12px;
    min-width: 100px;
}
.classNameHere {
    width: 200px;
    right: 15px;
    display: inline-block;
    position: absolute;
}
.classNameHere input {
    border: 1px solid #ccc;
    box-shadow: none;
    padding: 10px 5px;
}
.classNameHere button {
    border-radius: 0;
}
.header-search {
    float: left;
    width: 250px;
}
.header-search input {
    border: 1px solid #ccc;
    box-shadow: none;
    padding: 10px 5px;
}
.header-search button {
    border-radius: 0;
}
.header-search button:hover {
    background-color: #242527;
    color: #fff;
    border-color: #242527;
}
/*==========================================================
	3. ELEMENTS
==========================================================*/
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .slider-contents > .container {
        width: 100%;
    }
}
#wrapper{
    overflow: hidden;
}
.box-container{
    width: 100%;
    padding: 0 75px;
}
.font-oldenburg{
    font-family: 'Oldenburg', sans-serif;
}
.font-roboto{
    font-family: 'Roboto', sans-serif;
}
.color-yellow{
    color: #ffb300;
}
.color-gray{
    color: #67696b;
}
.color-gray2{
    color: #a3a5a8;
}
.button {
    height: 50px;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 45px;
    font-size: 13px;
    line-height: 48px;
    border-radius: 0;
    border: 1px solid #242627;
    color: #242627;
    vertical-align: middle;
}
.button:hover {
    background-color: #242627;
    color: #fff;
}
.button.bold{
    font-weight: bold;
}
.shadow:before,
.shadow:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}
.shadow:before{
    top: 0;
    left: 0;
}
.shadow:after{
    bottom: 0;
    right: 0;
}
.shadow{
    position: relative;
    overflow: hidden;
    display: block;
}
.shadow img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    width: 100%;
}
.shadow:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}
.shadow:hover:before,
.shadow:hover:after{
    width: 100%;
    height: 100%;
}
.vbox-close{
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-indent: 0;
}
.star-rating {
    margin: 5px auto 10px;
    font-family: FontAwesome;
    font-size: 13px;
    height: 13px;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 73px;
    letter-spacing: 3px;
}
.star-rating:before {
    color: #a4abab;
    content:"\f006\f006\f006\f006\f006";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}
.star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}
.star-rating span:before {
    content: "\f005\f005\f005\f005\f005";
    left: 0;
    position: absolute;
    top: 0;
    color: #ffb300;
}
.btn-border{
    display: inline-block;
    border: 10px solid #242627;
    background-color: #242627;
    color: #fff;
    font-size: 13px;
    width: 270px;
    height: 50px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 0 15px;
}
.quantity {
    height: 50px;
    width: 170px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #242627;
    z-index: 0;
}
.quantity:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 10px solid #242627;
    content: "";
    display: block;
    z-index: 1;
}
.quantity input {
    width: calc(100% - 0px);
    height: 50px;
    border-bottom: none;
    background: none;
    padding: 0 15px 0 15px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    z-index: 2;
    position: relative;
}
.quantity span {
    position: absolute;
    display: block;
    height: 30px;
    background-color: #242627;
    color: #fff;
    width: 50px;
    text-align: center;
    top: 10px;
    left: 10px;
    cursor: pointer;
    font-size: 14px;
    z-index: 11;
}
.quantity span button{
    padding: 4px;
    background: none;
    border: none;
    color: #fff;
    outline: none;
    width: 100%;
}
*:focus {
    outline: 0 !important;
}
.quantity span button:focus, 
.quantity span button:visited,
.quantity span button:hover{
	outline:none;
	color:#ffffff;
}
.quantity span.plus {
    left: auto;
    right: 10px;
}
.socials ul{
    font-size: 0;
    padding: 10px 0;
    margin-bottom: 5px;
}
.socials ul li{
    display: inline-block;
}
.socials ul li a{
    /*padding: 0 17px;
    font-size: 16px;
    line-height: 16px;
    color: #67696b;*/
    padding: 0;
    font-size: 16px;
    color: #ffb300;
    border: solid 1px;
    width: 32px;
    display: inline-block;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin: 0 5px 0 0;
}
.socials ul li a:hover{
    color: #a3a5a8;
}
/*------------------------------------
            MAIN SLIDER
--------------------------------------*/
.slider-contents.ct-right .slider-content{
    text-align: center;
}
.home-slider > .container .slider-contents{
    padding-right: 100px;
}
.home-slider > .container .slider-contents h2{
    font-size: 48px;
}
.home-slider.home-slider-1{
    margin-bottom: 15px;
}
.home-slider.home-slider-1 .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.home-slider.home-slider-1 .owl-dots > div.active{
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #fff;
    position: relative;
    top: 3px;
}
.home-slider.home-slider-1 .owl-dots > div{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    margin-right: 20px;
}
.slider-contents p{
    font-family: 'Oldenburg', sans-serif;
}
.home-classic-01 .home-slider-1 .slider-contents p{
    font-size: 18px;
    line-height: 60px;
}
/*==========================================================
	4. HEADER
==========================================================*/

/* --------------------------
	4.1 General
--------------------------- */
.site-header > .container{
    width: 100%;
    padding-left: 75px;
    padding-right: 75px;
    position: relative;
}
.site-header{
    padding: 50px 0;
}
.site-brand{
    position: absolute;
    top: -35px;
    left: 75px;
    max-width: 220px;
}
.right-header{
    position: relative;
    top: 0;
    right: 0;
    padding-top: 10px;
    text-align: right;
}
/* --------------------------
	4.2 Main Menu
--------------------------- */
.main-menu{
    width: 100%;
    text-align: center;
    padding-top: 0;
}
.main-menu > ul{
    text-align: center;
}
.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.main-menu ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.main-menu > ul > li {
    margin: 0 25px;
}
.main-menu .container > ul > li > a ,
.main-menu > ul > li > a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
}
.main-menu.fixed > ul > li > a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
}
.main-menu ul li a:hover,
.main-menu ul li.current-menu-item > a {
    color: #a3a5a8;
}
.btn-email {
    background: #242627;
    padding: 7px 20px;
    border: none;
    color: #fff;
}
.main-menu .sub-menu {
    position: absolute;
    top: 100%;
    z-index: 9999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    /*width: 240px;
    overflow-y: auto;
    overflow-x: hidden;*/
    /*padding: 20px 0;*/
    padding: 0;
    background: #fff;
    transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -ms-transition: all 0.3s ease-in-out 0.2s;
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: all 0.3s ease-in-out 0.2s;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    margin: 40px 0 0;
}
.menu-single {
    max-height: 400px;
    overflow-y: auto;
}
.main-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
}
.main-menu .sub-menu li {
    display: block;
    position: relative;
    width: 200px;
}
.main-menu .sub-menu li a {
    display: block;
    padding: 0 10px 0 20px;
    line-height: 35px;
}
.main-menu .sub-menu ul {
    top: 25px;
    left: 100%;
}
.main-menu .sub-menu ul ul {
    display: none;
    top:0;
    left:100%;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.main-menu .sub-menu ul li.has-child {
    position: relative;
}
.main-menu .sub-menu ul li.has-child:after {
    content: "\e684";
    font-family: 'Pe-icon-7-stroke';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    -moz-osx-font-smoothing: grayscale;
    right: 5px;
    top: 0;
    line-height: 35px;
    font-size: 28px;
}
.main-menu .sub-menu li:hover > ul {
    display: block;
    left: 100%;
    top: 2px;
}
.main-menu .sub-menu.menu-mega ul ul {
    float: left;
    display: block;
    position: relative;
    left: 5px;
    box-shadow: none;
}
.main-menu .sub-menu.menu-mega ul li {
    float: left;
}
.main-menu .sub-menu.menu-mega li:hover > ul {
    display: block;
    left: 5px;
    top: 0px;
}
.main-menu .mega-menu-wrap{
    position: unset;
}
.track-order-btn {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.2em;
    color: #242627;
    text-transform: capitalize;
    border: 1px solid #242627;
    background: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
}
.main-menu .sub-menu.menu-mega {
    padding: 30px 0 38px 40px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 1170px;
}
.main-menu .sub-menu.menu-mega ul{
    top: auto;
    left: auto;
}
.main-menu .sub-menu.menu-mega li a{
    font-size: 14px;
    padding: 0 0 3px;
    line-height: 18px;
}
.main-menu .sub-menu.menu-mega li a:hover {
    padding-left: 2px;
}
.main-menu .sub-menu.menu-mega li:last-child a {
    padding-bottom: 0;
}
.mega-item .menu-title{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.mega-item .menu-title:after{
    content: "";
    position: absolute;
    width: 50px;
    border-bottom: 2px solid #242627;
    margin-top: 3px;
    display: block;
}
.main-menu .sub-menu.menu-mega .mega-item{
    width: calc(100% / 4);
    float: left;
    padding-right: 15px;
}
.main-menu .sub-menu.menu-mega .mega-item ul{
    /*width: 200px;*/
    float: left;
    margin-right: 0;
    min-width: 200px;
}
.main-menu .sub-menu.menu-mega .mega-item:last-child{
    margin-right: 0;
}
.main-menu .sub-menu.menu-mega .mega-item > .product-item {
    margin-bottom: 0;
}
.main-menu .arrow {
    position: absolute;
    top: 0;
    right: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #242627;
    color: #fff;
    display: none;
}
.main-menu .arrow,
.main-menu .arrow:after {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.main-menu .arrow:after {
    border-top: 4px solid #212121;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 0;
    content: "";
    top: 0;
    display: none;
}
.mobile-menu {
    display: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #242627;
    font-size: 28px;
    cursor: pointer;
}
.mobile-menu:before,
.mobile-menu:after{
    font-family: 'Pe-icon-7-stroke';
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.mobile-menu:before{
    content: "\e636";
}
.mobile-menu:after{
    content: "\e680";
    font-size: 30px;
    display: none;
}
/* --------------------------
	4.3 Searchbox
--------------------------- */
div#addcart_dialog {
    z-index: 1060;
}
.popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    border-radius: 4px;
}
/*    SEARCH POPUP    */
.search-popup .popup-inner{
    width: 80%;
    height: 80%;
    text-align: left;
    padding: 50px;
    background-color: #fff;
    overflow: auto;
}
.search-popup .popup-inner.medium{
	width:auto;
	height:auto;
}
.search-popup .popup-inner .close{
    font-size: 0;
    width: 45px;
    height: 45px;
    display: block;
    background: url(images/assets/icon-close.png) no-repeat center center;
    opacity: 0.5;
}
.search-popup .popup-inner .close:hover{
    opacity: 1;
}
.search-popup .popup-inner form{
    width: 1170px;
    max-width: 80%;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.search-div input[type="text"]{
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    /*padding: 40px 52px 40px 0;
    color: #242627;
    border-bottom: 5px solid #242627;
    border-left: none;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;*/
}
.newsletter input[type="text"]::-webkit-input-placeholder,
.search-div input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 1;
}
.newsletter input[type="text"]::-moz-placeholder ,
.search-div input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
}
.newsletter input[type="text"]:-ms-input-placeholder ,
.search-div input[type="text"]:-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
}
.newsletter input[type="text"]:-moz-placeholder ,
.search-div input[type="text"]:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}
.search-div input[type="submit"]{
    border: none;
    background: transparent;
    width: 50px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 999;
    font-size: 0;
}
.search-div:after{
    content: "\e618";
    font-family: 'Pe-icon-7-stroke';
    position: absolute;
    top: 40px;
    right: 0;
    width: 52px;
    height: 60px;
    line-height: 60px;
    z-index: 998;
    text-align: center;
    font-size: 48px;
}
/* --------------------------
	4.4 Right header
--------------------------- */

.right-header > ul > li{
    display: inline-block;
    vertical-align: middle;
    margin-left: 28px;
    position: relative;
    padding-top: 15px;
}
.right-header > ul > li > span,
.right-header > ul > li > a{
    color: #242627;
    font-size: 32px;
    display: block;
    line-height: 1;
    cursor: pointer;
}
.right-header > ul > li > span:hover,
.right-header > ul > li > a:hover{
    color: #a3a5a8;
}
.cart-control{
    position: relative;
}
.cart-control .cart-number{
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -8px;
    background: #242527;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    font-weight: 500;
    font-size: 12px;
}
.right-top-header ul li:hover .setting-wrap,
.left-top-header ul li:hover .setting-wrap,
.right-header ul li:hover .setting-wrap,
.right-header ul li:hover .shop-item{
    opacity: 1;
    visibility: visible;
    top: 100%;
}
/* --------------------------     Setting header   --------------------------- */
.top-header-social {
    float: right;
    margin-left: 15px;
}
.top-header-social ul {
    padding: 0;
    margin: 0;
}
.top-header-social ul li a {
    color: #e6e6e6;
}

.left-top-header .setting-wrap{
    left: 0;
    right: auto;
}
.setting-wrap{
    position: absolute;
    top: 120%;
    right: 0;
    width: 190px;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -moz-box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
    background: #FFFFFF;
    z-index: 999;
}
.setting-wrap .setting-item,
.setting-wrap ul.setting-account-list{
    padding: 20px 0;
}
.setting-wrap ul li{
    padding: 0 30px;
}
.setting-wrap ul li a{
    color: #242627;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 30px;
}
.setting-wrap ul li a:hover{
    color: #a3a5a8;
}
.setting-wrap .currency{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.setting-wrap .setting-item > span{
    font-size: 16px;
    text-transform: capitalize;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    padding: 0 30px;
    color: #242627;
}
.setting-item ul li a{
    text-transform: uppercase;
    line-height: 30px;
}
.setting-item ul li a:before{
    content: "\f10c";
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 10px;
    color: #000;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.setting-item ul li a:hover:before,
.setting-item ul li.active a:before{
    content: "\f111";
    color: #000;
}
/* --------------------------     Cart header   --------------------------- */
.shop-item {
    background: #ffffff;
    -moz-box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    right: 0;
    overflow: hidden;
    padding: 30px 30px 30px 20px;
    position: absolute;
    top: 120%;
    z-index: 99999;
    width: 325px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    color: #242627;
}
.shop-item ul.cart_list{
    padding-bottom: 30px;
    display: block;
}
.shop-item ul.cart_list > li {
    position: relative;
    color: #242627;
    padding: 0;
    margin-left: 0;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.shop-item ul.cart_list > li:last-child{
    margin-bottom: 0;
}
.shop-item ul.cart_list > li .p-thumb{
    float: left;
    width: 70px;
    height: 93px;
    display: block;
    margin-right: 17px;
    text-align: center;
    line-height: 93px;
    position: relative;
    z-index: 9999;
}
.shop-item ul.cart_list > li .p-info{
    padding-right: 15px;
    padding-top: 15px;
}
.shop-item ul.cart_list > li .p-info a.p-title{
    font-size: 18px;
    line-height: 30px;
    color: #242627;
    font-weight: 500;
    font-family: 'Oldenburg', sans-serif;
    display: inline-block;
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shop-item ul.cart_list > li .p-info a.p-title:hover{
    color: #a3a5a8;
}
.shop-item ul.cart_list > li .p-info .price{
    font-size: 18px;
    line-height: 30px;
    color: #67696b;
    font-weight: 500;
    display: block;
}
.shop-item ul.cart_list > li .p-info .price ins{
    text-decoration: none;
}
.shop-item ul.cart_list > li .p-info .remove{
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 28px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: block;
    opacity: 0.6;
    color: #242627;
    padding-right: 10px;
    margin-top: -10px;
}
.shop-item ul.cart_list > li .p-info .remove .pe-7s-close{
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}
.shop-item ul.cart_list > li .p-info .remove:hover{
    opacity: 1;
}
.shop-item .widget_shopping_cart_content .total{
    font-size: 14px;
    line-height: 30px;
    padding: 20px 0 30px;
    margin-bottom: 0;
    border-top: 1px solid #e5e5e5;
}
.shop-item .widget_shopping_cart_content .total strong{
    width: 56%;
    display: inline-block;
    text-transform: uppercase;
    font-weight: normal;
}
.shop-item .widget_shopping_cart_content .total .woocommerce-Price-amount{
    color: #67696b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    float: right;
}
.shop-item .widget_shopping_cart_content .buttons{
    margin-bottom: 0;
}
.shop-item .button{
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    letter-spacing: 2px;
}
.shop-item .button:last-child{
    margin-bottom: 0;
}
/* --------------------------
	4.5 Header Home 1
--------------------------- */

.site-header.header-home-01{
    padding: 48px 0;
    position: relative;
}
.site-header.header-home-01 .container{
    position: static;
}
.site-header.header-home-01 .container{
    width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}
.header-home-01 .site-brand{
    position: static;
    text-align: center;
}
.header-home-01 .left-top-header{
    padding-top: 20px;
}
.header-home-01 .right-header{
    padding-top: 15px;
    position: relative;
    top: 0;
    right: 0;
    float: right;
}
.header-home-01 .right-header > ul > li{
    padding-bottom: 0;
}
.header-home-01 .main-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background: rgba(255, 255, 255, .1);
    padding: 15px;
}
.header-home-01 .site-header .container{
    position: static;
}
.header-home-01 .main-menu > ul > li > a{
    color: #fff;
}
.header-home-01 .main-menu > ul > li > a:hover,
.header-home-01 .main-menu > ul > li.current-menu-item > a{
    color: #a3a5a8;
}
.header-home-01 .main-menu > ul > li,
.header-home-02 .main-menu .container > ul > li{
    margin: 0 30px;
}
.home-classic-01 .site-header.header-home-01 .container{
    position: relative;
}
.home-classic-01 .header-home .main-menu{
    top: 116px;
}
.home-creative .header-home .main-menu li:hover > .sub-menu{
    margin-top: 0;
}
.header-home .main-menu li:hover > .sub-menu{
    margin-top: 15px;
}
.header-home .main-menu li:hover > .sub-menu.menu-mega{
    margin-top: 0;
}
/* --------------------------
	4.6 Header Home 2
--------------------------- */
.site-header.header-home-02{
    padding: 0;
}
.site-header.header-home-02 .container{
    width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}
.top-header-ct{
    border-bottom: 1px solid #ebebec;
    padding: 7px 0;
}
.top-header .left-top-header{
    float: left;
}
.top-header .left-top-header .call-to p{
    margin-bottom: 0;
}
.top-header .right-top-header{
    float: right;
    line-height: 28px;
}
.top-header .right-top-header .account.dropdown{
    margin-right: 5px;
    display: inline-block;
}
.top-header .right-top-header .dropdown > ul > li > a{
    color: #a3a5a8;
}
.top-menu {
    display: inline-block;
    margin-left: 5px;
}
.top-menu ul > li {
    display: inline-block;
    margin-right: 10px;
}
.top-menu ul > li > a{
    color: #a3a5a8;
}
.header-home-02 .mid-header-ct{
    position: relative;
    padding: 20px 0;
    float: left;
    width: 100%;
}
.header-home-02 .site-brand{
    position: relative;
    text-align: left;
    top: auto;
    left: auto;
}
.header-home-02 .top-search{
    position: relative;
    top: 50%;
    left: 0;
    margin-top: 0;
    color: #242627;
    font-size: 32px;
    display: block;
    line-height: 1;
    cursor: pointer;
    z-index: 99;
}
.header-home-02 .shopping-cart-hd{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -18px;
}
.header-home-02 .shopping-cart-hd:hover .shop-item{
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.header-home-02 .shopping-cart-hd a.cart-control{
    color: #242627;
    font-size: 32px;
    display: block;
    line-height: 1;
    cursor: pointer;
}
.header-home-02 .main-menu{
    padding: 0 15px 15px;
    position: relative;
}
.header-home-02 .main-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(21, 21, 21, 0.3);
    z-index: 99;
}
.header-home-02 .main-menu:before{
    content: "";
    width: 100%;
    height: 4px;
    display: block;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
    margin-bottom: 15px;
}
.header-home-02  .main-menu.fixed:before {
    border: none;
}
/*==========================================================
	5. SIDEBAR
==========================================================*/
.sidebar .widget-title{
    margin-bottom: 20px;
}
.shop-sidebar.sidebar .widget-title{
    margin-bottom: 30px;
}
.sidebar .widget{
    margin-bottom: 35px;
}
.search-sidebar{
    margin-top: -8px;
}
.search-sidebar form .search-div-sidebar{
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 10px 50px 10px 10px;
}

.search-div-sidebar input[type="submit"]{
    border: none;
    background: transparent;
    width: 50px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 999;
    font-size: 0;
}
.search-div-sidebar:after{
    content: "\e618";
    font-family: 'Pe-icon-7-stroke';
    position: absolute;
    top: 10px;
    right: 0;
    width: 50px;
    height: 30px;
    line-height: 30px;
    z-index: 998;
    text-align: center;
    font-size: 32px;
    border-left: 1px solid #e5e5e5;
    color: #242627;
}
.search-sidebar form .search-div-sidebar input[type="text"]{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #242627;
    border-bottom: 0;
}
.archives ul li a,
.list-category ul li a{
    display: block;
    padding: 15px 0 15px 25px;
    font-size: 16px;
    line-height: 20px;
    color: #242627;
    position: relative;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
}
.archives ul li:first-child a,
.list-category ul li:first-child a{
    padding-top: 0;
}
.archives ul li:last-child a,
.list-category ul li:last-child a{
    border-bottom: none;
    padding-bottom: 0;
}
.archives ul li a:before,
.list-category ul li a:before{
    content:"\f0da";
    position: absolute;
    top: 15px;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    font-family: FontAwesome;
}
.archives ul li:first-child a:before,
.list-category ul li:first-child a:before{
    top: 0;
}
.archives ul li a:hover,
.archives ul li.current-menu-item a,
.list-category ul li.current-menu-item a,
.list-category ul li a:hover{
    color: #a3a5a8;
}
.tags ul{
    font-size: 0;
}
.tags ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tags ul li a{
    display: inline-block;
    padding: 0 18px;
    color: #67696b;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
}
.tags ul li a:hover{
    color: #242627;
    border-color: #242627;
}
.recent-prod ul li,
.recent-news ul li{
    margin-bottom: 20px;
    font-family: 'Oldenburg', sans-serif;
}
.recent-prod ul li a img,
.recent-news ul li a img{
    float: left;
    margin-right: 17px;
    width: 83px;
}
.recent-prod ul li a .title,
.recent-news ul li a .title{
    display: table;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.recent-prod ul li .price,
.recent-news ul li .date{
    font-size: 13px;
    text-transform: uppercase;
    color: #a3a5a8;
    letter-spacing: 2px;
}
.recent-prod ul li a .title{
    font-size: 16px;
    margin-bottom: 5px;
}
.recent-prod ul li .price{
    font-size: 20px;
    line-height: 36px;
    font-family: 'Poppins';
}
/*==========================================================
	6. FOOTER
==========================================================*/

/* --------------------------
	6.1 Footer Widget
--------------------------- */
.site-footer:before{
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
}
.footer-widget{
    padding: 75px 0 50px;
}
.footer-item{
    line-height: 26px;
    color: #67696b;
}
.footer-item p{
    margin-bottom: 14px;
    position: relative;
}
.footer-item p strong {
    color: #ffb300;
}
.footer-item .widget-title{
    font-size: 16px;
    line-height: 36px;
    color: #242627;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.locations p:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    left: -13px;
}
.f-border-top {
    border-top: solid 1px #242627;
    padding-top: 25px;
    margin-top: 25px;
}
.footer-item .newsletter_ft .widget-title,
.footer-item .about .widget-title{
    /*margin-bottom: 24px;*/
}
.footer-item .about .textwidget{
    padding-right: 40px;
}
.footer-item .about p strong {
    color: #242627;
    font-weight: 600;
}
.footer-item .menu li a{
    color: #67696b;
    line-height: 30px;
}
.footer-item .menu li a:hover{
    padding-left: 5px;
    color: #a3a5a8;
}
.footer-item .newsletter{
    position: relative;
}
.newsletter input[type="text"]{
    font-size: 14px;
    color: #67696b;
    line-height: 48px;
    width: 100%;
    padding: 0 40px 0 8px;
    border-bottom: 1px solid #ffb300;
    background-color: transparent;
}
.footer-item .newsletter:after{
    content:"\f1d8";
    font-family: FontAwesome;
    position: absolute;
    top: 5px;
    right: 12px;
    width: 20px;
    text-align: right;
    font-size: 18px;
    color: #ffb300;
    z-index: 1;
}
.newsletter input[type="submit"]{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 34px;
    background-color: transparent;
    border: none;
    font-size: 0;
    z-index: 9;
}
/* --------------------------
	6.2 Bottom Footer
--------------------------- */
.bot-footer{
    border-top: 1px solid #e9e9e9;
    padding: 30px 0 50px;
    text-align: center;
}
.bot-footer .socials ul{
    font-size: 0;
    padding: 10px 0;
    margin-bottom: 5px;
}
.bot-footer .socials ul li{
    display: inline-block;
}
.bot-footer .socials ul li a{
    padding: 0 17px;
    font-size: 16px;
    line-height: 16px;
    color: #67696b;
}
.bot-footer .socials ul li a:hover{
    color: #a3a5a8;
}
.bot-footer .copyright p{
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
}
.bot-footer .copyright a {
    color: #ffb300;
    font-style: italic;
}
/*==========================================================
	7. MAIN CONTENT
==========================================================*/

/* --------------------------
	7.1 General
--------------------------- */
.inner-content{
    padding-top: 80px;
    padding-bottom: 80px;
}
.pagination{
    display: block;
    padding: 10px 0 0;
    margin: 0;
    clear: both;
}
.bloglist-sidebar .pagination{
    padding: 10px 0 0;
}
.pagination ul{
    text-align: center;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.pagination ul li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.pagination ul li span,
.pagination ul li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    background-color: #242627;
    font-size: 16px;
    font-weight: 600;
}
.pagination ul li span,
.pagination ul li a:hover{
    background-color: #242627;
    color: #fff;
}
.pagination ul li:first-child{
    float: left;
    margin: 0;
}
.pagination ul li:last-child{
    float: right;
    margin: 0;
}
.pagination ul li:last-child a,
.pagination ul li:first-child a{
    width: auto;
    border-radius: 0;
}
.pagination ul li:first-child a i.fa{
    margin-right: 15px;
}
.pagination ul li:last-child a i.fa{
    margin-left: 15px;
}
.pagination ul li:last-child a:hover,
.pagination ul li:first-child a:hover{
    color: #a3a5a8;
    background-color: #fff;
}
/* --------------------------
	7.2 Blog
--------------------------- */
.post{
    margin-bottom: 35px;
}
.post-thumb{
    margin-bottom: 25px;
}
.post-thumb .post-date{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 13px;
    text-transform: uppercase;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #fff;
    padding: 7px 0;
    line-height: 18px;
    z-index: 2;
}
.post-thumb a:hover{
    color: #242627;
}
.post-thumb .post-date span{
    display: block;
}
.post-title{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
}
.post-desc{
    line-height: 26px;
}
.link{
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
}
/*----------   bloggrid-04columns  ----------*/
.sidebar-content .post-title,
.bloggrid-4col .post-title{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
    max-height: 24px;
    overflow: hidden;
}
.sidebar-content .post-desc,
.bloggrid-4col .post-desc{
    line-height: 28px;
}
/*----------   blog list ----------*/
.bloglist .post{
    margin-bottom: 40px;
}
.bloglist .post-thumb{
    margin-bottom: 0;
}
.post-info .post-date{
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    display: block;
    margin: 10px 0 20px;
}
.bloglist .post-title{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.bloglist .post-desc,
.bloglist-sidebar .post-desc{
    margin-bottom: 10px;
}
.bloglist-sidebar .post{
    margin-bottom: 40px;
}
.bloglist-sidebar .post .post-thumb{
    width: 370px;
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
}
.bloglist-sidebar .post .post-info{
    width: 470px;
    float: left;
}
.bloglist-sidebar .post-title{
    margin-bottom: 10px;
}
/* --------------------------
	7.3 Single Blog
--------------------------- */
.blogdetails-sidebar .post{
    margin-bottom: 0;
}
.title-post{
    font-size: 36px;
    line-height: 48px;
}
.blogdetails-sidebar .post-info{
    padding-top: 15px;
}
.blogdetails-sidebar .post-info{
    font-size: 16px;
    line-height: 28px;
}
.post-info .post-meta{
    margin: 10px 0 15px;
}
.post-meta span,
.post-meta a{
    color: #a3a5a8;
    font-size: 16px;
    line-height: 48px;
}
.post-meta a:hover{
    color: #242627;
    text-decoration: underline;
}
.post-meta > span:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background-color: #a3a5a8;
}
.post-meta > span:last-child:after{
    display: none;
}
.div-left{
    display: table;
}
.video{
    width: 370px;
    float: right;
    position: relative;
    margin-bottom: 40px;
}
.post-ct h3{
    font-size: 24px;
    line-height: 60px;
}
.post-ct ul.list-p li{
    font-size: 16px;
    line-height: 36px;
}
.post-ct ul.list-p li:before{
    content:"\f00c";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    padding-bottom: 2px;
}
.post-ct .video:after{
    content:"\f04b";
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 46px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}
.post-ct .video img{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.post-ct .video:hover img{
    opacity: 0.8;
}
.post-ct .video:hover:after{
    color: #e62117;
    border-color: #e62117;
}
.post-ct .div-left{
    margin-bottom: 25px;
}
.post-content p{
    margin-bottom: 30px;
}
.quote{
    padding: 50px 38px 35px 50px;
    border: 1px solid #e9eaea;
    position: relative;
    margin-bottom: 50px;
}
.quote:before{
    content: '';
    width: 39px;
    height: 34px;
    display: block;
    position: absolute;
    top: 35px;
    left: 55px;
    background: url(images/assets/icon-quote.png) no-repeat center center;
}
.quote p{
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0;
}
.quote .author{
    font-size: 22px;
    line-height: 44px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0;
    color: #242627;
}
.quote .position-author{
    font-size: 12px;
    line-height: 30px;
    color: #a3a5a8;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 0;
}
.entry-post{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
}
.entry-post .tags-link{
    font-size: 0;
}
.entry-post .tags-link a {
    font-size: 11px;
    color: #67696b;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    border: 1px solid #e8e8e8;
    padding: 0 15px;
    border-radius: 2px;
    margin-right: 10px;
}
.entry-post .tags-link a:hover{
    border-color: #242627;
}
.entry-post .single-share{
    float: right;
}
.single-share .socials{
    font-size: 0;
}
.single-share .socials ul{
    padding: 16px 0 0;
}
.single-share .socials li{
    display: inline-block;
    vertical-align: middle;
}
.single-share .socials li a{
    color: #67696b;
    font-size: 14px;
    margin-left: 28px;
}
.single-share .socials li a:hover{
    color: #242627;
}
.comments-area{
    padding: 50px 0 0;
}
.comments-area h3{
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.comments-area .comment-reply-title{
    margin-bottom: 15px;
}
.comment-list li{
    position: relative;
}
.comment-wrapper{
    margin-bottom: 30px;
}
.comment-avatar {
    float: left;
    margin-right: 30px;
}
.comment-body{
    margin-left: 100px;
    padding-left: 30px;
    position: relative;
}
.comment-body:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 25px;
    left: 0;
    border-right: 1px solid #e9e9e9;
}
.comment-meta{
    height: 60px;
}
.comment-author{
    display: inline-block;
    vertical-align: top;
}
.comment-author span{
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #a3a5a8;
    text-transform: capitalize;
    font-style: normal;
}
.comment-author span a{
    color: #242627;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.comment-author span a:hover{
    color: #a3a5a8;
}
.comment-author span.comment-date{
    line-height: 1;
    margin-bottom: 5px;
}
.action-link{
    float: right;
}
.comment-reply-link{
    height: 30px;
    line-height: 30px;
    padding: 0 28px;
    border-radius: 2px;
    margin-top: 5px;
    font-weight: 600;
}
.comment-content{
    font-size: 16px;
    line-height: 28px;
    color: #67696b;
}
.comment-content p{
    margin-bottom: 0;
}
.comment-list .children {
    padding-left: 100px;
}
.comment-respond{
    padding-top: 10px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea{
    width: 100%;
    line-height: 28px;
    padding: 11px 0;
}
.comment-form p{
    margin-bottom: 20px;
}
.comment-form textarea{
    height: 96px;
}
.comment-form .form-submit{
    margin-top: 40px;
    margin-bottom: 0;
}
.comment-form input[type="submit"]{
    font-size: 13px;
    padding: 0 30px;
    height: 46px;
    line-height: 46px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.comment-form input[type="submit"]:hover{
    background-color: #242627;
}
/*--------------   Blog Details Fullwidth    ----------------*/
.blogdetails-fullwidth .post-thumb img{
    width: 100%;
}
.blogdetails-fullwidth .post-ct-box{
    padding-left: 8.333%;
}
.blogdetails-fullwidth .post-info{
    padding-right: 9.09%;
}
.blogdetails-fullwidth .comment-form .form-submit{
    text-align: center;
    padding-right: 8.333%;
}
/*==========================================================
	8. SHOP
==========================================================*/

/* --------------------------
	8.1 Shop General
--------------------------- */
.product-item{
    margin-bottom: 35px;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}
.product-item:hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flipper {
    height: 300px;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

    background: #f8f8f8;
}

.main-img {
    z-index: 2;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

.p-thumb{
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.p-thumb:hover{
    -webkit-box-shadow: 0 20px 20px 6px #dcdcdc;
    box-shadow: 0 20px 20px 6px #dcdcdc;
}
.p-thumb .thumb-image{
    position: relative;
    overflow: hidden;
}
.p-thumb img {
    width: 100%;
    max-height: 418px;
}




.p-thumb .onnew,
.p-thumb .onsale{
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    width: 100px;
    height: 20px;
    text-align: center;
}
.p-thumb .onnew{
    background-color: #242627;
    top: 15px;
    left: -25px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.p-thumb .onsale{
    background-color: #f62727;
    top: 15px;
    left: -25px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.product-item .add-to-cart-button{
    display: block;
    width: 100%;
    border: 10px solid #242627;
    background-color: #242627;
    color: #fff;
    font-size: 13px;
    height: 50px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.product-item .add-to-cart-button:hover {
    background-color: #a3a5a8;
    border-color: #a3a5a8;
}
.product-item:hover .add-to-cart-button{
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.product-actions {
    display: inline-block;
    position: absolute;
    margin-top: -25px;
    top: 60%;
    left: 50%;
    font-size: 0;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transform: translateY(-50%) translateX(-50%);
}
.product-item:hover .product-actions {
    opacity: 1;
    top: 50%;
}
.add-to-wishlist{
    display: inline-block;
}
.add_to_wishlist,
.product-quick-view,
.compare {
    display: none;
    /*display: inline-block;*/
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    background-color: #242d2e;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    line-height: 39px;
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
    margin: 0 2px;
}
.product-item .p-info{
    text-align: center;
    padding-top: 25px;
}
.p-title a{
    font-size: 16px;
    line-height: 24px;
    color: #242627;
}
.p-title a:hover{
    color: #a3a5a8;
}
.p-info .price{
    font-size: 20px;
    line-height: 36px;
    color: #a3a5a8;
}
/* --------------------------
	8.2 Shop Grid
--------------------------- */
.sort-choice{
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 50px;
}
.sort-choice > span{
    float: left;
    margin-right: 40px;
}
.filter-attr{
    float: left;
    margin-left: 10px;
}
.sort-attr{
    float: right;
}
.selectbox{
    position: relative;
}
.selectbox select{
    border: 1px solid #ecedee;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 180px;
    height: 40px;
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: transparent;
}
.selectbox:after{
    content:"\f107";
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 40px;
    width: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.filter-attr.pull-right {
    padding-right: 15px;
}
.filter-attr .selectbox .sorting {
    float: right;
    width: 270px;
}
.sort-attr .selectbox select{
    width: 270px;
}
/* --------------------------
	8.3 Shop Details
--------------------------- */
.product-detail{
    font-size: 16px;
    line-height: 26px;
}
.images{
    position: relative;
    width: 44.444%;
    float: left;
    padding: 0 15px;
}
.p-preview{
    margin-bottom: 20px;
}
.p-preview.owl-carousel .owl-stage-outer{
    border: 1px solid #ecedee;
}
.p-preview.owl-carousel .item{
    margin-right: 0;
    background-color: #f8f8f8;
}
.p-preview a {
    position: relative;
}
.product-detail .p-preview a{
    height: 490px;
    line-height: 490px;
    display: block;
    text-align: center;
}
.product-detail .images .p-thumb-dt ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.product-detail .images .p-thumb-dt ul li {
    width: 33.333%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
.product-detail .images .p-thumb-dt ul li:first-child{
    margin-top: 0;
}
.product-detail .images .p-thumb-dt a {
    display: block;
    background: #f8f8f8;
    text-align: center;
    height: 140px;
    line-height: 140px;
}
.product-detail .images .p-thumb-dt img {
    max-height: 140px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.product-detail .images .p-thumb-dt .active a,
.product-detail .images .p-thumb-dt a:hover{
    -webkit-box-shadow: 0 10px 10px 5px #ecedee;
    -moz-box-shadow: 0 10px 10px 5px #ecedee;
    box-shadow: 0 10px 10px 5px #ecedee;
}
.p-detail-info{
    width: 55.556%;
    float: left;
    padding: 0 15px;
}
.p-detail-info .p-title{
    font-size: 30px;
    line-height: 1;
    color: #242627;
    margin-bottom: 20px;
}
.p-detail-info .star-rating{
    margin: 5px 0 20px;
}
.p-detail-info .price{
    margin-bottom: 5px;
}
.price-new {
    color: #525252;
    font-size: 18px;
}
.p-detail-info .price .amount{
    font-size: 24px;
    line-height: 36px;
}
.p-desc-attr ul li:before{
    content: "";
    width: 2px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background-color: #67696b;
    margin: 0 6px 0 1px;
}
.p-desc-attr p{
    margin-bottom: 8px;
}
.quantity-form{
    float: left;
    margin-right: 30px;
}
.p-actions{
    padding: 40px 0;
    border-bottom: 1px solid #e9eaea;
}
.p-actions .isQtyAvailable{
	margin-top: 20px;
	color: #04c31a;
}
.p-share{
    margin-top: 30px;
}
.p-share .socials{
    display: inline-block;
    margin-left: 10px;
}
.p-share .socials ul li a{
    color: #242627;
}
.p-share .socials ul li a:hover{
    color: #a3a5a8;
}
.p-summary{
    margin-top: 50px;
}

.product-thumbnails {
    overflow: hidden;
    margin-top: 20px;
}
.product-thumbnails a {
    float: left;
    margin-left: 14px;
    margin-right: 0px;
    margin-bottom: 14px;
}
.product-thumbnails a:first-child {
    margin-left: 0;
}
.related-prod .product-item{
    margin-bottom: 0;
}
.related-products .title{
    font-size: 24px;
    line-height: 30px;
    margin: 45px 0;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.product-detail-fullwidth .related-products .title{
    text-align: center;
}
.product-detail-fullwidth .p-detail-info,
.product-detail-fullwidth .images{
    width: 100%;
    padding: 0;
}
.product-detail-fullwidth .images{
    margin-right: -15px;
    margin-left: -15px;
}
.p-preview.owl-carousel .owl-item img{
    width: auto;
}
.product-detail-fullwidth .p-preview{
    margin-bottom: 0;
    width: 71.43%;
    float: left;
    padding: 0 15px;
}
.product-detail-fullwidth .p-thumb-dt{
    width: 28.57%;
    float: left;
    padding: 0 15px;
}
.product-detail-fullwidth.product-detail .images .p-thumb-dt ul{
    margin: 0;
}
.product-detail-fullwidth.product-detail .images .p-thumb-dt ul li{
    width: auto;
    padding: 0;
    display: block;
    margin-bottom: 30px;
}
.product-detail-fullwidth.product-detail .images .p-thumb-dt ul li{
    float: left;
}

/*------------- tabs-info  --------------*/

.tabs-infor ul li.tab-item{
    display: block;
    border: 1px solid #e9e9e9;
    padding: 15px 20px 15px 30px;
    margin-bottom: 20px;
}
.tabs-infor .tab-title{
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
}
.tabs-infor .tab-title:focus{
    color: #242627;
}
.tabs-infor .tab-content{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    border-top: none;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    color: #67696b;
    line-height: 26px;
    overflow: hidden;
}
.tab-open .tab-content{
    opacity: 1;
    visibility: visible;
    height: auto;
    margin-top: 12px;
    padding-top: 25px;
    margin-bottom: 10px;
    border-top: 1px solid #e9e9e9;
}
.add-info-form input[type="text"] {
    width: 100%;
    margin-bottom: 15px;
}
.add-info-form input[type="submit"]{
    background-color: #fff;
}
.add-info-form .button:hover{
    background-color: #242627;
}
/*-------------------------
    8.4 Shop Cart
----------------------------*/
.cart-table{
    border: 1px solid #e9eaea;
    margin-bottom: 0;
}
.cart .table > thead > tr > th{
    border-bottom: none;
    padding:15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #242627;
}
.cart-form tr .product-name span{
    font-size: 16px;
    line-height: 24px;
    color: #242627;
    font-family: 'Oldenburg';
}
.cart-collaterals {
    padding: 60px 0;
}
.cart-collaterals h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #212121;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
.cart-form table th {
    text-align: center;
}
.cart-form table td {
    vertical-align: middle;
    text-align: center;
}
.cart-form table .product-name {
    text-align: left;
}
.cart-form .product-remove {
    text-align: center;
}
.cart-form table .remove {
    font-size: 14px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #242627;
    border: 1px solid #e5e5e5;
    letter-spacing: 0.2em;
    padding-left: 3px;
}
.cart-form .remove:hover {
    color: #ffb300;
}
.cart-form .product-name a {
    color: #212121;
}
.cart-form .product-name img {
    margin-right: 25px;
}
.cart-form .price {
    font-size: 18px;
    color: #67696b;
    margin-bottom: 0;
}
.cal-shipping .input-submit{
    text-align: center;
}
.cart-input span{
    padding-top: 10px;
}
.cal-shipping .selectbox select,
.cart-input span{
    width: 50%;
    display: inline-block;
    float: left;
    vertical-align: middle;
}
.cart-input {
    margin-bottom: 25px;
}
.cart-input input {
    width: 100%;
    height: 46px;
}
.cal-shipping .selectbox select {

}
.cal-shipping .selectbox select option {
    padding: 5px 15px;
}
.cart-collaterals .input-submit input {
    font-weight: bold;
    text-transform: uppercase;
    color: #212121;
    border: 1px solid #b5b5b5;
    height: 40px;
    border-radius: 0;
    background: none;
    padding: 0 20px;
}
.cart-collaterals .input-submit input:hover {
    background: #FBF063;
}
.cal-shipping table {
    width: 100%;
}
.cal-shipping table td,
.cal-shipping table th {
    padding: 32px 20px 5px;
    border-bottom: 1px solid #e9e9e9;
    color: #212121;
}
.cal-shipping table tr:first-child td,
.cal-shipping table tr:first-child th {
    padding-top: 5px;
}
.cal-shipping table tr.order-total td,
.cal-shipping table tr.order-total th {
    padding: 26px 0 0;
    border: none;
    vertical-align: top;
}
.cal-shipping table th {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}
.cal-shipping table td {
    text-align: right;
    font-size: 18px;
}
.cal-shipping table .amount {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
}
.cal-shipping .black-bg {
    line-height: 40px;
    padding: 0 20px;
    height: 40px;
}
.cart-actions {
    padding: 65px 0 100px;
    border-top: 1px solid #e9e9e9;
}
.cart-actions .cart-input {
    margin-right: 15px;
    width: 100%;
    max-width: 400px;
}
.cart-actions .button {
    margin-left: 15px;
}
.table.c-table{
	border: 1px solid #e9eaea;
	margin-bottom: 0;
}
.cart-table .quantity {
    height: 35px;
    width: 140px;
    line-height: 33px;
    position: relative;
    display: inline-block;
    background-color: transparent;
}
.cart-table .quantity:before{
    display: none;
}
.cart-table .quantity input[type='number'] {
    width: 100%;
    border: none;
    height: 33px;
    background: #FFF;
    padding: 0 0 0 20px;
    text-align: center;
    color: #212121;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}
.cart-table .quantity span {
    position: absolute;
    display: block;
    height: 100%;
    background: #FFF;
    width: 20px;
    text-align: center;
    top: 0;
    left: 0;
    cursor: pointer;
}
.cart-table .quantity span.plus {
    left: auto;
    right: 0;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
    vertical-align: middle;
}
.second-btn:hover{
    background: #242627;
    color: #fff;
}
.second-btn{
    font-size: 13px;
    line-height: 28px;
    letter-spacing: 0.2em;
    color: #242627;
    text-transform: uppercase;
    border: 1px solid #242627;
    background: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 8px 41px;
    font-weight: 600;
}
.cart .cart-action{
    margin-top: 20px;
}
.cart .btn-send:hover{
    background: transparent;
    color: #242627;
}
.cart .btn-send{
    padding: 11px 44px;
    float: right;
    margin-top: 0;
}
.cart-form .table > tbody > tr > td.product-image{
    text-align: left;
    padding-left: 30px;
}
.cart-form .table > tbody > tr > td{
    padding: 15px !important;
}
.cart-table thead{
    border-bottom: 1px solid #e9eaea;
}
.cart-form .table > tbody > tr:last-child > td{
    padding-bottom: 30px;
}
.cart-form .table > tbody > tr:first-child > td{
    padding-top: 30px;
}
.shipping-option p{
    text-align: center;
    margin-top: 25px;
}
.shipping-option h3{
    font-size: 14px;
    color: #242627;
    font-family: 'Poppins';
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #d5d7d7;
    padding: 16px 0;
}
.shipping-option-content span{
    text-align: center;
}
.shipping-option-content,
.shipping-option form{
    padding: 15px;
}
.shipping-option{
    border: 1px solid #d5d7d7;
}
.shipping-box{
    margin-top: 60px;
    margin-bottom: 60px;
}
.subscribe-shipping .cart-input > div{
    padding: 0 5px;
    width: 50%;
    float: left;
}
.subscribe-shipping .second-btn{
    padding: 11px 0;
    text-align: center;
    line-height: 24px   ;
}
/*==========================================================
	9. PAGES
==========================================================*/

/* --------------------------
	9.1 Contact Us
--------------------------- */
.page-title-wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}
.page-title-wrap *{
    z-index: 1;
    position: relative;
}
.page-title-wrap {
    text-align: left;
    position: relative;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.5);
}
.page-title{
    line-height: 60px;
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    font-family: 'Poppins';
    /*margin-bottom: 25px;*/
}
ul.breadcrumbs li span{
    color: #ffb300;
    font-size: 18px;
}
ul.breadcrumbs li a{
    color: #fff;
    font-size: 18px;
}
ul.breadcrumbs li a:hover{
    color: #ffb300;
}
ul.breadcrumbs li{
    display: inline-block;
}
.sub-title,
.sidebar .widget-title{
    font-size: 24px;
    color: #242627;
    font-weight: 600;
    line-height: 36px;
    font-family: 'Poppins';
    margin-bottom: 15px;
}
.contact .sidebar .widget strong{
    color: #242627;
    font-weight: 600;
}
.contact .sidebar .widget:first-child{
    border-top: none;
    padding-top: 0;
}
.contact .sidebar .social li:last-child{
    margin-right: 0;
}
.contact .sidebar p{
    line-height: 27px;
}
.contact .sidebar .social {
    margin-top: 10px;
}
.contact .sidebar .social li{
    display: inline-block;
    margin-right: 37px;
}
.contact .sidebar .social li a{
    font-size: 14px;
    color: #67696b;
}
.contact .sidebar .widget{
    border-top: 1px solid #e9eaea;
    margin-bottom: 10px;
    display: inline-block;
    padding-top: 35px;
    width: 100%;
}
.form-contact textarea{
    width: 100%;
    height: 100px;
}
.form-contact input[type='email'],
.form-contact input[type='password'],
.form-contact input[type='tel'],
.form-contact input[type='text']{
    width: 100%;
    margin-bottom: 20px;
}
.btn-send{
    width: auto;
    letter-spacing: 0.2em;
    line-height: 21px;
    padding: 13px 31px;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: #242d2e;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 60px;
    border-radius: 3px;
    border: 1px solid #242627;
}
.btn-send:hover {
    background: #a3a5a8;
    border-color: #a3a5a8;
}
.contact .inner-content{
    padding-top: 75px;
    padding-bottom: 75px;
}
.contact-map {
    margin-top: 75px;
    height: 500px;
}
.contact-map iframe{
    width: 100%;
}
.page-heading {
    margin-bottom: 60px;
    margin-top: 60px;
}
.page-heading ul li.active{
    background: url("images/assets/step-active.png")no-repeat right top;
    color: #fff;
}
/*.page-heading ul li:first-child{
    background: url("images/assets/first-step.png") right top !important;
}
.page-heading ul li:first-child.active{
    background: url("images/assets/first-step-bg.png") right top !important;
    color: #fff;
}*/
.page-heading ul li:last-child{
    margin-right: 0;
}
.page-heading ul li.active p span{
    color: rgba(255,255,255,.1);
}
.page-heading ul li p span{
    font-size: 60px;
    line-height: 27px;
    color: rgba(36,38,39,.1);
    font-weight: 400;
    position: absolute;
    top: 55%;
    right: -35px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    letter-spacing: 0.2em;
}
.page-heading ul li p{
    line-height: 68px;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
}
.page-heading ul li:last-child{
    margin-left: 0;
}
.page-heading ul li{
    width: 33.6%;
    position: relative;
    margin-left: -5px;
    float: left;
    height: 70px;
    font-size: 18px;
    font-weight: 600;
    padding-left: 75px;
    text-transform: uppercase;
    color: #242627;
    line-height: 68px;
    background: url("images/assets/step-bg.png") no-repeat right top;
    background-size: 100%;
}

/* --------------------------
	9.2 Comming soon
--------------------------- */
.page-404,
.comming-soon{
    padding: 100px;
    font-family: 'Poppins';
}
.page-404 #wrapper,
.comming-soon #wrapper{
    background: #fff;
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center;
    padding: 188px 0;
}
.page-404,
.comming-soon {
    background: url('images/placeholder/cms-bg.png') no-repeat center;
    background-size: cover;
}
.page-404 p{
    font-size: 16px;
    color: #67696b;
    line-height: 26px;
    margin-top: 15px;
}
.comming-soon p{
    font-size: 14px;
    color: #67696b;
    line-height: 48px;
    letter-spacing: 0.5em;
}
.page-404 h1,
.comming-soon h1{
    font-size: 45px;
    color: #242627;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 5px;
    font-family: 'Poppins';
}
.page-404 .countdown li span,
.comming-soon .countdown li span{
    font-size: 48px;
    color: #242627;
    font-weight: bold;
    line-height: 30px;
}
.comming-soon .countdown{
    border-bottom: 2px solid #242627;
    padding-bottom: 40px;
    display: inline-block;
    margin-bottom: 60px;
    margin-top: 60px;
}
.comming-soon .countdown li{
    display: inline-block;
    padding: 0 60px;
    font-size: 16px;
    font-weight: 400;
    color: #a3a5a8;
    text-transform: uppercase;
}
.comming-soon .social li:last-child {
    margin-right: 0;
}
.comming-soon .social li {
    margin-right: 45px;
    display: inline-block;
}
.comming-soon .social li a{
    font-size: 13px;
    color: #67696b;
}
.comming-soon .social p{
    font-size: 14px;
    color: #67696b;
}

/* --------------------------
	9.3 404 Page
--------------------------- */

.page-404 .btn-404{
    letter-spacing: 0.2em;
    line-height: 21px;
    padding: 15px 33px;
    display: inline-block;
    /*font-family: 'Arial';*/
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: #242d2e;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.page-404 .social li i{
    margin-right: 0;
    line-height: 21px;
}
.page-404 .social li a{
    font-weight: 600;
    text-transform: uppercase;
}
.page-404 .social li{
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    color: #242627;
}

/* --------------------------
	9.4 Check out
--------------------------- */
.return-customer {
    margin-bottom: 25px;
}
.return-customer a:hover{
    text-decoration: underline;
}
.title-checkout{
    font-size: 14px;
    color: #242627;
    font-weight: 600;
    font-family: 'Poppins';
    line-height: 48px;
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px solid #ecedee;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.input-field #bill-code{
    width: 170px;
    text-align: center;
    padding: 13px 0;
}
.input-field #bill-address-name{
    margin-bottom: 20px;
}
.button.btn-subscribe{
    padding: 0 30px;
    float: right;
    background-color: #fff;
}
.button.btn-subscribe:hover{
    background-color: #a53e4c;
}
.button.place-order{
    width: 100%;
    text-align: center;
    background-color: #a53e4c;
    border-color: #a53e4c;
    color: #fff;
}
.button.place-order:hover{
    background-color: #252525;
    border-color: #252525;
}
.promotion-code .block{
    padding: 10px 0;
    margin-bottom: 10px;
    color: #363636;
    display: inline-block;
}
.your-order{
    color: #67696b;
}
.your-order table tbody > tr:first-child{
    border-bottom: none;
}
.your-order table tbody > tr{
    border-bottom: 1px solid #e5e5e5;
}
.your-order table tbody .order-total{
    border-bottom-color: #363636;
}
.your-order table tbody .product-order{
    border-bottom: none;
}
.your-order table tr > th{
    text-transform: uppercase;
    font-weight: 600;
    color: #67696b;
}
.your-order table ul li a{
    font-family: 'Oldenburg';
    color: #242627;
    font-size: 16px;
}
.your-order table tr > *{
    line-height: 20px;
    padding: 10px 0;
    margin-bottom: 20px;
}
.your-order table tr > td[colspan="2"]{
    padding: 10px 0 0;
    margin-bottom: 0;
}
.your-order table ul li .product-qty {
    float: left;
}
.your-order table ul li{
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 30px;
}
.your-order table {
    width: 100%;
}
.your-order table tr > :last-child{
    text-align: right;
}
.your-order table .order-total > *,
.your-order table .shipping > *{
    padding-top: 30px;
}
.your-order table .cart-subtotal th,
.your-order table .order-total th,
.your-order table .shipping th{
    font-weight: normal;
}
.your-order table .product-order .price,
.your-order table .amount {
    color: #67696b;
    text-align: right;
    display: block;
    font-weight: 400;
    font-size: 18px;
}
.checkbox{
    margin-top: 0;
    margin-bottom: 0px;
}
.checkbox input {
    margin: 0 !important;
    display: none;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    color: #363636;
    padding: 10px 0;
    width: 100%;
}
.checkbox label:before {
    content:"\f096";
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
    color: #363636;
}
.checkbox input:checked + label:before {
    content:"\f046";
}
.checkbox label span {
    float: right;
}
.input-field {
    margin-bottom: 10px;
}
.input-field .selectbox{
    width: 100%;
    margin-bottom: 0;
}
.input-field .input-text,
.input-field textarea {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
}
.input-field .selectbox{
    background: transparent;
    cursor: pointer;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
}
.input-field .selectbox option{
    height: 36px;
    line-height: 36px;
}
.select-country{
    position: relative;
}
.your-order{
    margin-top: 30px;
}
.billing-block,
.your-order,
.promotion-code{
    border: 1px solid #ecedee;
}
.input-field label[for="bill-country"]{
    position: absolute;
    top: 0;
    right: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 0;
}
.input-field .selectbox{
    appearance: none;
    -moz-appearance: none;
}
.input-field label {
    color: #67696b;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 30px;
}
.radio input[type="radio"]{
    display: none;
}
.radio label{
    padding: 5px 0;
    color: #67696b;
}
.radio label:before{
    content:"\f1db";
    font-family: FontAwesome;
    width: 30px;
    height: 20px;
    text-align: center;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.radio input:checked + label:before{
    content:"\f111";
}
.payment-box p{
    margin-bottom: 0;
}
.payment-box{
    padding: 14px 28px;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    color: #898989;
}
.input-field-content{
    padding: 0 38px 0 30px;
}
.promotion-code .second-btn{
    width: 143px;
    padding: 8px 0;
    text-align: center;
    float: right;
}
.your-order .payment-menthod .input-field{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 55px;
}
.your-order .payment-menthod,
.your-order .product-total{
    padding: 0 25px;
}
.promotion-code .input-field{
    padding: 0 18px;
    text-align: center;
    margin-bottom: 25px;
}
.billing-block{
    padding-bottom: 40px;
    margin-bottom: 80px;
}
.order-result h3 span{
    color: #ffb300;
}
.order-result h3{
    font-size: 36px;
    line-height: 38px;
    font-family: 'Poppins';
    color: #242627;
    margin-bottom: 70px;
    margin-top: 15px;
}
/*==========================================================
	10. HOME PAGE
==========================================================*/
/* --------------------------
	10.1 Home Simple 01 --- Index
--------------------------- */
.dropdown {
    display: inline-block;
    margin-right: 30px;
    text-align: left;
}

.dropdown, .dropup {
    position: relative;
}
.dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dropdown > ul > li {
    position: relative;
    padding-right: 10px;
}
.dropdown.open li > ul {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.dropdown li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 30px;
    opacity: 0;
    visibility: hidden;
    background: #FFF;
    box-shadow: 0 0 2px #ccc;
    -moz-box-shadow: 0 0 2px #ccc;
    -ms-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    -o-box-shadow: 0 0 2px #ccc;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.dropdown > ul > li:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #a3a5a8;
}
.dropdown li > ul li:first-child a {
    border-top: none;
}

.dropdown li > ul li a {
    display: block;
    padding: 2px 15px;
    border-top: 1px solid #ededed;
}
.call-to span{
    color: #242627;
}
.call-to{
    display: inline-block;
    margin-top: 5px;
}
.account a,
.left-top-header i,
.left-top-header a,
.left-top-header p{
    color: #a3a5a8;
}
.home-simple .site-header{
    padding: 20px 0;
    position: relative;
}
.right-header ul{
    display: inline-block;
}
.account {
    text-transform: uppercase;
}
.home-simple .site-brand{
    position: static;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
}
.home-simple .left-top-header{
    padding-top: 20px;
}
.home-simple .right-header{
    padding-top: 20px;
    position: static;
    text-align: right;
}
.home-simple .right-header > ul > li{
    padding-bottom: 0;
}
.home-simple .main-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .6);
    padding: 15px;
}
.home-simple .main-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(21, 21, 21, 0.3);
}
.home-simple .site-header .container{
    position: static;
}
.home-simple .main-menu > ul > li > a{
    color: #fff;
}
.home-simple .main-menu > ul > li{
    margin: 0 30px;
}
.slider-contents .container{
    position: relative;
}
.slider-contents h3{
    font-family: 'Poppins';
    font-weight: 600;
    text-transform: uppercase;
}
.slider-contents h2 span{
    font-size: 100px;
    color: #ffb300;
}
.btn-slider{
    color: #ffb300;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #ffb300;
    padding: 14px 42px;
    display: inline-block;
}

.slider-contents p{
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}
.slider-contents .btn-slider,
.slider-contents p,
.slider-contents h3,
.slider-contents h2{
    opacity: 0;
}
.active .slider-contents .btn-slider{
    margin-bottom: auto;
    margin-top: 25px;
    opacity: 1;
}
.active .slider-contents h3{
    margin-left: 0;
    margin-bottom: 10px;
    opacity: 1;
}
.active .slider-contents p,
.active .slider-contents h2{
    margin: 0;
    opacity: 1;
}
.slider-contents .btn-slider{
    margin-bottom: -700px;
    transition: all 1500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 600ms;
    -moz-transition: all 1500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 600ms;
    -ms-transition: all 1500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 600ms;
    -o-transition: all 1500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 600ms;
    -webkit-transition: all 1500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 600ms;
}
.slider-contents p{
    margin-top: -500px;
    transition: all 1200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
    -moz-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
    -ms-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
    -o-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
    -webkit-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms;
}
.slider-contents h3{
    margin-top: 500px;
    transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms;
    -moz-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms;
    -ms-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms;
    -o-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms;
    -webkit-transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms;
}
.slider-contents h2{
    margin-top: -100px;
    transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
    -moz-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
    -ms-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
    -o-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
    -webkit-transition: all 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 300ms;
}
.slider-contents h3,
.slider-contents h2{
    font-size: 60px;
    color: #fff;
    line-height: 55px;
    margin-top: 0;
}
.home-simple .slider-contents h2{
    line-height: 35px;
}
.slider-contents{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slider-content {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.home-slider .owl-carouse .owl-stage > div:nth-child(even) {
    float: left;
    width: auto;
    position: relative;
}

.home-simple .home-slider .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.home-simple .home-slider .owl-dots > div.active{
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #fff;
    position: relative;
    top: 3px;
}
.home-simple .home-slider .owl-dots > div{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    margin-right: 20px;
}
.icon-box-item {
    text-align: center;
}

.icon-box-item p{
    margin-bottom: 0;
    font-size: 13px;
    color: #fff;
    margin-top: 6px;
}
.icon-box-item .box-desc{
    text-align: center;
}
.icon-box-item .box-desc h3 {
    color: #ffb300;
}
.icon-box-items:last-child{
    border-right: none;
}
.icon-box-items{
    padding: 3px 15px;
    border-right: 1px solid #fff;
}
.icon-box-item .box-desc,
.icon-box-item .box-thumb{
    display: inline-block;
    vertical-align: top;
}
.icon-box{
    padding:0;
    background-attachment: fixed;
    background-position: center;
    padding-top: 25px !important;
    padding-bottom: 25px;
}
.slider-product-content .owl-carousel .owl-nav,
.slider-product .owl-carousel .owl-nav {
    position: absolute;
    top: -90px;
    right: 15px;
}
.slider-products .slider-product-content .owl-carousel .owl-nav{
    position: absolute;
    top: -90px;
    right: 0px;
}
/*.theme-heading:after{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 30px;
    margin-bottom: 4px;
    background: transparent;
    border: 2px solid #242627;
}*/
.theme-heading{
    font-size: 24px;
    line-height: 60px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 600;
}
.slider-product-content .owl-carousel .owl-nav .owl-prev,
.slider-product .owl-carousel .owl-nav .owl-prev{
    margin-right: 10px;
}
.slider-product-content .owl-carousel .owl-nav > div,
.slider-product .owl-carousel .owl-nav > div{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #242627;
    color: #242627;
}
.home-simple .best-deal p{
    font-size: 18px;
    color: #a3a5a8;
    line-height: 48px;
}
.home-simple .best-deal {
    padding: 120px 0 140px 0;
    text-align: center;
}
.home-simple .best-deal h2{
    font-family: 'Poppins';
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    color: #ffb300;
    text-transform: uppercase;
}
.partner-item img{
    display: inline-block;
}
.partner-item{
    height: 90px;
    line-height: 90px;
}
.poster-content{
    padding: 0;
}
.my-account-mobile:hover{
    color: #a3a5a8;
}
.home-dark .mobile-menu{
    color: #fff;
}
.home-dark .my-account-mobile{
    color: #fff;
}
.my-account-mobile{
    font-size: 32px;
    color: #242627;
    vertical-align: middle;
    cursor: pointer;
}
.home-simple .best-deal .countdown li span{
    font-size: 30px;
    color: #fff;
}
.home-simple .best-deal .countdown {
    border: 1px solid #343036;
    margin-top: 15px;
    margin-bottom: 50px;
}
.home-simple .best-deal .countdown li{
    display: inline-block;
    color: #a3a5a8;
    font-size: 16px;
    padding: 20px 25px;
}
.home-simple .best-deal h3{
    font-size: 30px;
    color: #fff;
    line-height: 60px;
}
.slider-product-content .recent-prod ul li a img{
    margin-right: 30px;
}
.slider-product-content .owl-carousel .owl-item img{
    width: auto;
}
.slider-product-content .owl-carousel .owl-item .p-thumb img {
    width: 100%;
}
.slider-products{
    padding: 60px 0;
}
.home-simple .partner{
    text-align: center;
}
.home-simple .partner-content{
    border-top: 1px solid #e9e9e9;
    padding: 60px 0;
}
/*.home-simple .site-footer{
    max-width: 1770px;
    margin: 0 auto;
    background: #242627;
    margin-top: 50px;
}*/
.site-footer{
    max-width: 1770px;
    margin: 0 auto;
    /*background: #242627;*/
    margin-top: 50px;
}
.home-simple .site-footer::before{
    display: none;
}
.home-simple .footer-item .about p strong,
.home-simple .footer-item .widget-title{
    color: #fff;
}
.home-simple .footer-item.f-border-top {
    border-color: #fff;
}
.home-simple .newsletter input[type="text"]{
    background: transparent;
    border-bottom: 1px solid #ffb301;
}
.home-simple .bot-footer{
    border-top: 1px solid #3a3c3d;
}
.partner-slider .owl-carousel .owl-item img{
    width: auto;
    opacity: 0.6;
}
.partner-slider .owl-carousel .owl-item img:hover{
    opacity: 0.3;
}
.partner-slider{
    padding: 60px 0;
    border-top: 1px solid #e9e9e9;
}
.home-simple .best-deal {
    background: url('images/placeholder/home1-countdown-bg.jpg') no-repeat;
}
/* --------------------------
	10.2 Home 02
--------------------------- */

.slider-contents.center .slider-content{
    text-align: center;
}
.slider-contents.center h3{
    color: #ffb300;
}
.slider-contents.center h2 span{
    color: #fff;
}
.poster-detail h2{
    font-family: 'Poppins';
    font-size: 36px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
}
.poster-detail a{
    color: #a3a5a8;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.poster-detail h3{
    font-size: 24px;
    color: #ffb300;
    line-height: 48px;
}
.poster-detail{
    position: absolute;
    padding: 35px 50px;
    z-index: 2;
    width: 100%;
}
.p-center .poster-detail{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.p-top .poster-detail{
    top: 0;
    left: 0;
}
.home2-box .theme-heading{
    line-height: 40px;
}
.p-bottom .poster-detail{
    bottom: 0;
    left: 0;
}
.poster{
    padding: 30px 0 0;
    /*margin-bottom: 40px;*/
}
.poster-item img{
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -o-transition: linear 0.2s;
    transition: linear 0.2s;
}
/*.poster-item:hover img{
    opacity: .8;
}*/
.poster-item:hover .poster-thumb {
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -o-transition: linear 0.2s;
    transition: linear 0.2s;
    position: relative;
}
.poster-item:hover .poster-thumb:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0, 0.6);
    top: 0;
    left: 0;
}
.poster-item:hover .poster-detail h2 {
    color: #fff;
}
.tab-heading ul li{
    display: inline-block;
    margin-right: 23px;
}
.tab-heading .theme-heading.active{
    color: #242627;
}
.tab-heading .theme-heading{
    padding-right: 60px;
    color: #a3a5a8;
}
.tab-heading {
    text-align: center;
}
.tab-products .owl-carousel .owl-nav > div.owl-prev {
    right: auto;
    left: 0;
}
.blog-box .owl-carousel .owl-nav > div,
.tab-products .owl-carousel .owl-nav > div {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #242627;
    color: #242627;
    position: absolute;
    right: 0;
    top: -90px;
}

.blog-box .owl-carousel .owl-nav > div.owl-prev{
    right: 40px;
}
.tab-products{
    text-align: center;
}
.btn-view{
    text-transform: uppercase;
    color: #242627;
    border: 1px solid #242627;
    padding: 16px 36px;
    margin-top: 15px;
    display: inline-block;
}
.blog-box .box-detail h3 a:hover{
    color: #a3a5a8;
}
.blog-box .box-detail h3 a{
    font-family: 'Oldenburg';
    font-size: 20px;
    color: #242627;
    line-height: 24px;
}
.blog-box .box-detail .read-more{
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 500;
    line-height: 48px;
}
.blog-box .box-detail h3{
    margin-bottom: 10px;
}
.blog-box .box-detail .box-date{
    color: #a3a5a8;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: 'Oldenburg';
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 10px;
}
.blog-box .box-detail{
    display: table;
}
.blog-box ul li{
    margin-bottom: 30px;
}
.blog-box .box-thumb{
    float: left;
    margin-right: 30px;
}
.purchase .btn-view:hover{
    background: #fff;
    color: #242627;
}
.purchase .btn-view{
    background: #242627;
    color: #fff;
    border: 1px solid #242627;
}
.tes-item h3{
    font-family: 'Oldenburg';
    line-height: 30px;
    color: #ffb300;
}
.tes-item span{
    color: #a3a5a8;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 0.4em;
}
.tes-item p{
    font-size: 18px;
    line-height: 32px;
    font-family: 'Oldenburg';
    color: #fff;
}
.author-img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.author-img img {
    border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
    width: 50px;
    height: 50px;
}
.author-info {
    float: left;
}
.testimonial .qoute{
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
    font-size: 72px;
    padding-top: 5px;
    color: #242627;
    position: absolute;
    bottom: 5px;
    right: 5px;
    box-shadow: 0 0 5px #fff;
    background-color: #fff;
}
.testimonial .owl-dots > div.active {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #fff;
    position: relative;
    top: 3px;
}
.testimonial .owl-dots {
    margin-top: 25px;
    margin-bottom: 35px;
}
.testimonial .owl-dots > div {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #c7c7c7;
    margin-right: 20px;
}
.purchase {
    margin-bottom: 60px;
}
.purchase .theme-heading{
    margin-bottom: 0px;
}
.banner_home {
    text-align: center;
    background-attachment: fixed;
    background-position: center;
    padding: 50px 0;
    position: relative;
}
.banner_home:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0, .7);
    left: 0;
    top: 0;
}
.banner_home img {
    position: relative;
}
/* --------------------------
	10.3 Home Classic 01
--------------------------- */
.best-deal p{
    font-size: 18px;
    color: #a3a5a8;
    line-height: 48px;
}
.best-deal {
    padding: 120px 0 140px 0;
    text-align: center;
    background: url('images/placeholder/classic-countdown-bg.jpg') no-repeat center;
    background-size: cover;
}
.best-deal h2{
    font-family: 'Poppins';
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    color: #ffb300;
    text-transform: uppercase;
}
.best-deal .countdown li span{
    font-size: 30px;
    color: #fff;
}
.best-deal .countdown {
    border: 1px solid #343036;
    margin-top: 15px;
    margin-bottom: 50px;
}
.best-deal .countdown li{
    display: inline-block;
    color: #a3a5a8;
    font-size: 16px;
    padding: 20px 27px;
}
.best-deal h3{
    font-size: 30px;
    color: #fff;
    line-height: 60px;
}
.banner{
    margin-bottom: 60px;
}
.banner-item{
    position: relative;
    max-height: 370px;
}
.home-classic-03 .banner-item:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.banner-item .banner-ct{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 270px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.9 );
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;
    padding-top: 25px;
    z-index: 2;
}
.banner-ct .title-banner{
    font-size: 24px;
    margin-bottom: 5px;
}
.banner-ct a{
    text-transform: uppercase;
    color: #a3a5a8;
    text-decoration: underline;
}
.banner-ct a:hover{
    color: #080808;
}
.home-classic-01 .icon-box{
    padding: 35px 0 80px;
}
.partner-content {
    border-top: 1px solid #e9e9e9;
    padding: 60px 0;
}
.home-classic-01 .site-footer:before{
    display: none;
}
.home-classic-01 .site-footer > .container:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
}
/* --------------------------
	10.4 Home Classic 02
--------------------------- */
.black-color .slider-contents h3,
.black-color .slider-contents h2{
    color: #242627;
}
.black-color .slider-contents .btn-slider{
    color: #242627;
    border-color: #242627;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -ms-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s;
}
.black-color .slider-contents .btn-slider:hover{
    color: #ffb300;
}
.home-slider.home-slider-1.black-color .owl-dots > div{
    background: #242d2e;
}
.home-slider.home-slider-1.black-color .owl-dots > div.active{
    border-color: #242d2e;
    background: transparent;
}
.home-classic-02 .banner-item .banner-ct{
    top: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #ccc;
}
.home-classic-02 .banner{
    margin-bottom: 110px;
}
.home-classic-02 .tab-products .owl-carousel .owl-nav > div.owl-prev {
    left: auto;
    right: 40px;
}
.home-classic-02 .tab-heading {
    text-align: left;
}
.home-classic-02 .icon-box{
    padding: 30px 0;
    border: 1px solid #e9e9e9;
    margin: 35px 0 60px;
}
.testimonial.testimonial-center{
    position: relative;
    padding: 60px 70px;
    border: 1px solid #e9e9e9;
    margin-bottom: 62px;
    margin-top: 62px;
}
.testimonial.testimonial-center .qoute{
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    line-height: 112px;
    font-size: 72px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -30px;
    margin-left: -30px;
    color: #242627;
    text-align: center;
}
.testimonial.testimonial-center .tes-item{
    text-align: center;
}
.testimonial.testimonial-center .tes-item h3{
    font-size: 22px;
}
.testimonial.testimonial-center .tes-item span{
    font-size: 12px;
    font-weight: 600;
}
.testimonial.testimonial-center .owl-dots{
    text-align: center;
    margin-bottom: 0;
}
.blog-slider{
    margin-bottom: 75px;
}
.blog-slider .owl-carousel .owl-nav{
    position: absolute;
    top: -90px;
    right: 0;
}
.blog-slider .owl-carousel .owl-nav > div{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #242627;
    color: #242627;
}
.blog-slider .owl-carousel .owl-nav .owl-prev{
    margin-right: 10px;
}
.blog-slider .post-title{
    font-size: 20px;
}
.blog-slider .post-title a{
    color: #242627;
}
.blog-slider .post-title a:hover{
    color: #ffb300;
}
/* --------------------------
	10.5 Home Classic 03
--------------------------- */
.view-all{
    text-align: center;
}
.btn-view-all{
    display: inline-block;
    width: 220px;
    height: 50px;
    font-size: 14px;
    line-height: 48px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #242627;
    margin: 10px 0 48px;
}
.home-classic-03 .tab-heading .theme-heading{
    padding-right: 0;
}
.home-classic-03 .tab-heading li:nth-child(2) .theme-heading{
    padding: 0 40px;
}
.home-classic-03 li .theme-heading:after{
    display: none;
}
.home-classic-03 li:nth-child(2) .theme-heading:after{
    display: inline-block;
}
.home-classic-03 li:nth-child(2) .theme-heading:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 2px solid #242627;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.latest-blog-ct .post-info{
    text-align: left;
}
.latest-blog-ct .item-left .post-info{
    text-align: right;
}
.home-classic-03 .icon-box{
    border-top: 1px solid #e9e9e9;
    padding: 30px 0;
    margin-top: 55px;
}
.home-classic-03 .icon-box-items{
    border-right: 0;
}
.lb-style-center{
    text-align: center;
}
.lb-style-center .theme-heading{
    padding: 0 40px;
}
.featured-products .theme-heading:before,
.lb-style-center .theme-heading:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 2px solid #242627;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/* --------------------------
	10.6 Home Dark
--------------------------- */
.home-dark{
    background-color: #242627;
}
.home-dark .site-header.header-home-01{
    padding: 50px 0 0;
}
.home-dark .box-container:nth-child(2){
    margin-top: 40px;
}
.home-dark .call-to span{
    color: #fff;
}
.home-dark .cart-control .cart-number{
    background-color: #fff;
    color: #242627;
}
.home-dark .right-header > ul > li > a{
    color: #fff;
}
.home-dark .header-home-01 .main-menu{
    position: relative;
    padding: 15px 0;
    background-color: transparent;
    border-top: 1px solid #a3a5a8;
    margin-bottom: 8px;
}
.home-dark .banner-item .banner-ct{
    max-width: 85%;
}
.home-dark .header-home .main-menu li:hover > .sub-menu{
    margin-top: 23px;
}
.home-dark .link:hover,
.recent-prod ul li a .title:hover,
.home-dark .post-title a:hover, .home-dark .p-title a:hover{
    color: #ffb300;
}
.banner .owl-carousel .owl-nav > div{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 16px;
}
.home-dark .btn-view-all{
    margin: 15px 0 60px;
}
.banner .owl-carousel .owl-nav .owl-prev{
    left: 0;
    margin-left: -20px;
    padding-left: 5px;
}
.banner .owl-carousel .owl-nav .owl-next{
    right: 0;
    margin-right: -20px;
    padding-right: 5px;
}
.banner .owl-carousel .owl-dots{
    text-align: center;
    margin-top: 48px;
}
.banner .owl-carousel .owl-dots > div {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    margin-right: 20px;
}
.banner .owl-carousel .owl-dots > div.active {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #fff;
    position: relative;
    top: 3px;
}
.icon-box-item .box-thumb{
    font-size: 45px;
    line-height: 1;
    width: 100%;
    margin-bottom: 15px;
}
.home-dark .theme-heading{
    color: #fff;
}
.home-dark .theme-heading:after{
    border-color: #ffb300;
}
.home-dark .icon-box-item .box-desc h3,
.home-dark .icon-box-item .box-thumb{
    color: #fff;
}
.home-dark .icon-box-items{
    border-right-color: rgba(255, 255, 255, 0.1);
}
.home-dark .icon-box-item p{
    color: #67696b;
}
.home-dark .slider-product-content .owl-carousel .owl-nav > div{
    border-color: #fff;
    color: #fff;
}
.home-dark .recent-prod a{
    color: #fff;
    font-size: 16px;
}
.featured-products .btn-view-all{
    border-color: #fff;
    color: #fff;
}
.featured-products .btn-view-all:hover{
    color: #ffb300;
}
.home-dark .featured-products .theme-heading{
    padding: 0 40px;
}
.featured-products{
    text-align: center;
}
.slider-ft-product .owl-carousel .owl-nav > div {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    right: 0;
    top: -90px;
}
.slider-ft-product .owl-carousel .owl-nav > .owl-prev {
    right: auto;
    left: 0;
}
.home-dark .featured-products .theme-heading:before,
.home-dark .lb-style-center .theme-heading:before{
    border-color: #ffb300;
}
.home-dark .post-title a,
.home-dark .p-title a{
    color: #fff;
}
.home-dark .post-info .post-date{
    margin: 10px 0 15px;
    color: #ffb300;
}
.home-dark .link{
    color: #fff;
}
.home-dark .p-thumb:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.home-dark .product-item .add-to-cart-button{
    color: #242627;
    background-color: #ffb300;
    border-color: #ffb300;
}
.home-dark .footer-item .widget-title,
.home-dark .footer-item .newsletter_ft .widget-title,
.home-dark .footer-item .about .widget-title{
    color: #fff;
}
.home-dark .newsletter input[type="text"]{
    background-color: transparent;
    color: #67696b;
    border-color: #fff;
}
.home-dark .bot-footer,
.home-dark .partner-content,
.home-dark .site-footer:before{
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.home-dark .banner-item .banner-ct{
    background-color: #fff;
}

/* --------------------------
	10.7 Home Creative
--------------------------- */
.home-creative .site-brand,
.home-creative .right-header{
    position: static;
}
.home-creative .main-menu li:hover > .sub-menu{
    margin-top: 0;
}
.home-creative .btn-slider:hover{
    color: #ffb300;
}
.home-creative .icon-box{
    padding-bottom: 75px;
}
.home-creative .call-to p{
    margin-bottom: 0;
}
.home-creative .call-to{
    padding-right: 50px;
    border-right: 1px solid #e9e9e9;
}
.home-creative .call-to,
.home-creative .right-header ul{
    display: inline-block;
    vertical-align: top;
}
.home-creative .right-header{
    text-align: right;
}
.home-creative .right-header > ul {
    padding-left: 20px;
}
.home-creative .call-to p {
    color: #a3a5a8;
    line-height: 30px;
}
.home-creative .main-menu{
    text-align: left;
}
.home-creative .menu-main > li > a{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.home-creative .main-menu:before{
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
}
.home-creative .menu-main > li{
    padding: 20px 25px;
}
.home-creative .main-menu{
    padding-top: 0;
}
.home-creative .right-header{
    padding-top: 15px;
}
.home-creative .cat-box{
    position: relative;
}
.title-sale{
    font-size: 16px;
    color: #ffb300;
    font-family: 'Poppins';
    position: absolute;
    left: 51%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 43%;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.home-creative .top-header{
    padding: 45px 0 40px 0;
}
.home-creative .site-header{
    padding: 0;
}
.home-creative .left-top-header .account {
    margin-right: 5px;
}
.home-creative .left-top-header {
    margin-top: 20px;
    text-align: right;
}
.home-creative .main-menu .sub-menu.menu-mega{
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.home-creative .menu-main{
    position: relative;
}
.home-creative .menu-main > li:first-child{
    padding-left: 0;
}
.home-creative .site-header .container {
    width: auto;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.cat-box-item a{
    font-size: 14px;
    color: #a3a5a8;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-decoration: underline;
}
.cat-box-item h3{
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
}
.box-left .cat-detail{
    padding-top: 80px;
    padding-left: 50px;
}
.box-right {
    margin-top: -190px;
}
.box-right .cat-detail{
    padding-top: 30px;
}
.box-center {
    margin-top: -40px;
}
.box-center .cat-detail{
    margin-top: 25%;
    padding-left: 50px;
}
.home-creative .tab-products{
    margin-top: 60px;
}
.home-creative .tab-heading{
    text-align: left;
}
.home-creative .tab-products .owl-carousel .owl-nav > div.owl-prev{
    left: auto;
    right: 40px;
}
.home-creative .slider-contents h2 {
    position: relative;
    display: inline-block;
}
.home-creative .slider-contents h2 span{
    color: rgba(0,0,0,.1);
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 200px;
}

.home-creative .slider-contents h3, .home-creative .slider-contents h2{
    color: #242627;
}
.home-creative .testimonial{
    text-align: center;
    position: relative;
}
.home-creative .home-slider .owl-carousel .owl-dots{
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
}
.home-creative .home-slider .owl-carousel .owl-dot.active{
    width: 15px;
    height: 15px;
    border: 2px solid #242627;
    background: transparent;
}
.home-creative .home-slider .owl-carousel .owl-dot{
    width: 8px;
    vertical-align: middle;
    height: 8px;
    display: inline-block;
    background: #242627;
    margin-right: 20px;
}
.home-creative .btn-slider{
    color: #242627;
    border-color: #242627;
}
.home-creative .testimonial {
    border: 1px solid #e9e9e9;
    padding: 55px 55px 22px 55px;
    margin-top: 65px;
}
.home-creative .testimonial .qoute{
    top: -30px;
    background: #fff;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.home-creative .testimonial .owl-carousel .owl-dots{
    position: static;
}
.home-creative .blog-box{
    padding: 60px 0 75px 0;
}
.testimonial .theme-heading {
    color: #ffb300;
}
    /* --------------------------
      10.8 Home Super Market
    --------------------------- */
.supper-market .site-brand,
.supper-market .right-header{
    position: static;
}
.supper-market .call-to p{
    margin-bottom: 0;
}
.supper-market .call-to,
.supper-market .right-header > ul{
    display: inline-block;
    vertical-align: top;
}
.supper-market .right-header{
    text-align: right;
}
.supper-market .right-header > ul {
    padding-left: 20px;
}
.supper-market .call-to p {
    color: #a3a5a8;
}
.supper-market-creative .main-menu{
    text-align: left;
}
.supper-market .menu-main > li > a{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.supper-market .main-menu:before{
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
}
.supper-market .menu-main > li{
    padding: 20px 25px;
}
.supper-market .main-menu{
    padding-top: 0;
}
.supper-market .right-header{
    padding-top: 15px;
}
.supper-market .top-header{
    padding: 45px 0 40px 0;
}
.supper-market .site-header{
    padding: 0;
}
.supper-market .left-top-header .account {
    margin-right: 5px;
}
.supper-market .left-top-header {
    margin-top: 20px;
    text-align: right;
}
.supper-market .main-menu .sub-menu.menu-mega{
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.supper-market .menu-main{
    position: relative;
    text-align: left;
}
.supper-market .menu-main > li:first-child{
    padding-left: 0;
}
.supper-market .site-header .container {
    width: auto;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.supper-market .call-to p{
    line-height: 20px;
}
.supper-market .call-to{
    padding-right: 0;
    border-right: none;
}
.supper-market .search-div input[type="text"]{
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}
.supper-market .search-div input[type="submit"]{
    top: 15px;
    height: 40px;
    right: 40px;
}
.supper-market .account{
    padding-top: 8px;
}
.supper-market .search-div{
    padding: 0 40px;
    margin-top: 15px;
}
.supper-market .search-div::after{
    top: 15px;
    font-size: 28px;
    height: 40px;
    line-height: 40px;
    color: #242627;
    right: 40px;
}
.supper-market .search-div ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a3a5a8;
}
.supper-market .search-div ::-moz-placeholder { /* Firefox 19+ */
    color: #a3a5a8;
}
.supper-market .search-div :-ms-input-placeholder { /* IE 10+ */
    color: #a3a5a8;
}
.supper-market .search-div :-moz-placeholder { /* Firefox 18- */
    color: #a3a5a8;
}
.shop-brand ul {
    border: 1px solid #e9e9e9;
}
.shop-brand ul li:last-child{
    border: none;
}
.shop-brand ul li:hover a,
.shop-brand ul li.active a{
    color: #a3a5a8;
}
.shop-brand ul li:hover:before,
.shop-brand ul li.active a:before{
    content: "";
    position: absolute;
    width: 3px;
    background: #242627;
    top: 0;
    left: -1px;
    height: 100%;
}
.shop-brand ul li{
    padding: 15px 40px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    box-sizing: border-box;
}
.supper-market .slider-contents{
    left: 100px;
}
.shop-brand .widget-title{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: #242627;
    padding: 6px 0 6px 40px;
    margin-bottom: 0 !important;
}
.supper-market .banner{
    margin-top: 30px;
}
.poster-widget .poster-detail h2{
    font-size: 24px;
    color: #ffb300;
    font-weight: 700;
}
.poster-widget {
    position: relative;
}
.poster-thumb img {
    width: 100%;
}
.poster-widget .poster-detail{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 50px;
    padding: 0;
}
.poster-widget .poster-detail a:hover{
    color: #ffb300;
    border-color: #ffb300;
}
.poster-widget .poster-detail a{
    border-color: #fff;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}
.supper-market .theme-heading{
    margin-bottom: 7px;
}
.supper-market .sidebar .widget{
    margin-bottom: 30px;
}
.supper-market .recent-prod .widget-title{
    font-size: 24px;
    line-height: 60px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin-bottom: 7px;
    display: inline-block;
    position: relative;
    padding-right: 40px;
}
.supper-market .recent-prod .widget-title:after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 2px solid #242627;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.supper-market .banner{
    margin-bottom: 30px;
}
.supper-market .slider-product-content .owl-carousel .owl-nav,
.supper-market .slider-product .owl-carousel .owl-nav{
    top: -60px;
}
.widget.sale-off{
    background: #242627;
    text-align: center;
    padding: 20px;
    margin: 50px 0;
}
.supper-market .sidebar .widget.sale-off{
    margin-bottom: 50px;
}
.sale-off-widget-content{
    border: 1px dashed #666868;
    padding: 40px 0;
}
.sale-off p{
    font-family: 'Oldenburg';
    color: #a3a5a8;
}
.sale-off h2{
    font-family: 'Poppins';
    font-size: 30px;
    color: #ffb300;
    text-transform: uppercase;
    font-weight: bold;
}
.supper-market .testimonial .qoute{
    border: none;
    position: relative;
    width: auto;
    height: auto;
    line-height: 0px;
    top: 30px;
}
.supper-market .tes-item span{
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: 0;
}
.supper-market .tes-item p{
    font-family: 'Poppins';
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 22px;
}
.supper-market .testimonial .owl-dots{
    margin-top: 15px;
}
.supper-market .testimonial{
    position: relative;
}
.poster-widget.support{
    position: relative;
}
.poster-widget.support .poster-detail span{
    font-size: 24px;
    color: #fff;
}
.poster-widget.support .poster-detail h2{
    font-size: 18px;
    margin-bottom: 0;
}
.poster-widget.support .poster-detail{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    bottom: auto;
}
.supper-market .blog-box .owl-carousel .owl-nav > div,
.supper-market .tab-products .owl-carousel .owl-nav > div{
    top: -60px;
}
.supper-market .product-item{
    margin-bottom: 20px;
}
.slider-product .product-item,
.custom-product .product-item{
    padding: 0 15px;
}
.supper-market .main-menu li:hover > .sub-menu{
    margin-top: 0;
}
.supper-market .icon-box{
    padding: 51px 0;
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
}
.supper-market .home-slider .owl-dots > div.active {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #fff;
    position: relative;
    top: 3px;
}
.supper-market .home-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.supper-market .home-slider .owl-dots > div {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    margin-right: 20px;
}
.blog-box .owl-carousel .owl-nav > div:hover,
.tab-products .owl-carousel .owl-nav > div:hover,
.slider-product-content .owl-carousel .owl-nav > div:hover,
.slider-product .owl-carousel .owl-nav > div:hover{
    color: #a3a5a8;
}
/* --------------------------
	10.9 Home Sidebar Variant
--------------------------- */
.left-header{
    float: left;
    width: 400px;
    background: #242627;
    text-align: center;
    top: 0;
    left: 0;
    position: fixed;
    padding: 60px 0;
    height: 100%;
    z-index: 999;
}
.home-variant #wrapper{
    padding-left: 400px;
}
.left-header nav li {
    padding: 25px 0;
}
.left-header nav li a:active,
.left-header nav li a:hover{
    color: #a3a5a8;
}
.left-header nav li a{
    color: #fff;
    text-transform: uppercase;
}
.left-header .left-menu:after,
.left-header .left-menu:before{
    content: "";
    position: absolute;
    background: #3a3c3d;
    height: 1px;
    width: 135px;
    top: 0;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.left-header .left-menu:after{
    top: auto;
    bottom: 0;
}
.left-header .left-menu{
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    margin-bottom: 25px;
}
.left-header .bot-footer{
    border-top: none;
}
.home-variant .right-header ul{
    vertical-align: top;
}
.home-variant .site-header{
    padding: 35px 0 17px 0;
}
.home-variant .slider-contents .btn-slider:hover{
    border-color: #ffb300;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -o-transition: linear 0.2s;
    transition: linear 0.2s;
}
.home-variant .slider-contents .btn-slider{
    border-color: #242627;
    color: #242627;
}
.home-variant .slider-contents h3,
.home-variant .slider-contents h2{
    color: #242627;
}
.home-variant .tab-heading{
    margin-bottom: 75px;
}
.home-variant .tab-heading a{
    text-transform: uppercase;
}
.home-variant .tab-heading ul{
    display: inline-block;
}
.home-variant .tab-heading{
    text-align: left;
    padding-left: 15px;
}
.home-variant .tab-heading a.active,
.home-variant .tab-heading a:hover{
    color: #a3a5a8;
}
.home-variant .top-search{
    color: #242627;
    margin-left: 40px;
    font-size: 32px;
    display: block;
    line-height: 1;
    cursor: pointer;
    margin-top: -3px;
}
.home-variant .tab-heading .filter li{
    margin-right: 0;
}
.home-variant .selectbox select{
    color: #242627;
    border: none;
    height: auto;
}
.home-variant .selectbox:after {
    color: #242627;
    line-height: 24px;
}
.home-variant .filter,
.home-variant .filter-attr{
    float: right;
}
.home-variant .selectbox select{
    width: auto;
}
.home-variant .btn-view{
    margin-top: 40px;
    margin-bottom: 80px;
}
.home-classic-03 .banner{
    margin-bottom: 65px;
}
.home-classic-01 .home-slider.home-slider-1{
    margin-bottom: 30px;
}
.home-dark .footer-item .about p strong{
    color: #fff;
}
.home-dark .slider-product-content .owl-carousel .owl-nav > div:hover,
.home-dark .slider-ft-product .owl-carousel .owl-nav > div:hover{
    border-color: #ffb300;
    color: #ffb300;
}
.home-variant .icon-box{
    padding: 60px 0 40px 0;
}
.home-variant .icon-box-content{
    padding: 30px 0;
}
.home-variant .home-slider .owl-dots > div {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #242627;
    margin-right: 20px;
}
.home-dark .banner .owl-carousel .owl-nav .owl-prev{
    padding-left: 0;
}
.home-dark .banner .owl-carousel .owl-nav .owl-next{
    padding-right: 0;
}
.home-variant .home-slider .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.home-variant .home-slider .owl-dots > div.active {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #242627;
    position: relative;
    top: 3px;
}
.home-carousel .header-home-01 .main-menu {
    position: relative;
    padding: 15px 0;
    margin-bottom: 10px;
    background: #242627;
    margin-top: 40px;
}

.home-carousel .site-header.header-home-01{
    padding-bottom: 0;
}
.home-carousel .banner .owl-carousel .owl-nav > div{
    background: rgba(0, 0, 0, .1);
    padding-left: 0;
    padding-right: 0;
    color: #fff;
    margin-top: -50px;
}
.home-carousel .banner .owl-carousel .owl-dots > div{
    background: #242627;
}
.home-carousel .banner .owl-carousel .owl-dots > div.active{
    border-color: #242627;
}
.home-carousel .product-item{
    margin-bottom: 30px;
}
.home-carousel .icon-box{
    padding-bottom: 50px;
}
.home-carousel .blog-box .theme-heading{
    line-height: 50px;
}
.partner .owl-carousel .owl-item img{
    width: auto;
    display: inline-block;
}
/* --------------------------
	10.10 Home Full
--------------------------- */
.no-padding{
    padding: 0;
}
.full-content span{
    color: #a3a5a8;
    font-family: 'Oldenburg';
    font-size: 18px;
    margin-top: 25px;
    display: inline-block;
}
.full-content p{
    margin-top: 50px;
}
.full-content h2{
    font-size: 60px;
    font-family: 'Poppins';
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 5px;
}
.full-content h4{
    font-size: 36px;
}
.content-right .btn-view{
    margin-top: 50px;
}
.content-right{
    padding-top: 200px;
    max-width: 670px;
    margin: 0 auto;
}
.home-full .best-deal .countdown {
    border-color: #e9e9e9;
    margin-top: 15px;
}
.home-full .best-deal .countdown li span{
    color: #242627;
    font-family: 'Poppins';
    font-weight: 100;
}
.home-full .best-deal h2{
    color: #242627;
}
.home-full .best-deal h2{
    margin-bottom: 15px;
}
.poster-slider .owl-carousel .owl-dots > div.active {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #242627;
    position: relative;
    top: 3px;
}
.poster-slider .owl-carousel .owl-dots > div:last-child {
    margin-right: 0;
}
.poster-slider .owl-carousel .owl-dots > div {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #242627;
    margin-right: 20px;
}
.poster-slider .owl-dots{
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.home-full .best-deal{
    padding: 0;
    background: none;
}
.full-content input[type="submit"]{
    background: #242627;
    float: left;
    color: #fff;
    text-transform: uppercase;
}
.full-content form{
    text-align: center;
    display: inline-block;
}
.full-content input[type="submit"]:hover{
    background: transparent;
    color: #242627;
}
.full-content input[type="submit"],
.full-content input[type="email"]{
    padding: 5px 52px;
    border: 1px solid #242627;
    height: 50px;
    float: left;
}

.full-content input[type="email"]{
    padding-left: 30px;
    min-width: 409px;
}
.full-content input[type="submit"]{
    border-left: none;
}
.full-content form{
    margin-top: 50px;
}
.home-full .subscribe p{
    margin-top: 25px;
}
.home-simple .main-menu li:hover > .sub-menu{
    margin-top: 15px;
}
.home-simple .main-menu li.mega-menu-wrap:hover > .sub-menu{
    margin-top: 0px;
}
.home-simple .site-content{
    padding: 0 75px;
}
/*==========================================================
	11. PAGE LOADER
==========================================================*/
.best-deal .countdown li{
    text-transform: uppercase;
    padding: 20px 25px;
}
.best-deal .countdown{
    border-right: none;
    border-left: none;
}



/******** Search Results */

.order-wrapper {
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 15px;
    box-shadow: 0px 0px 1px #e2e2e2;
    font-size:14px;
}



.order-wrapper .order-list-wrapper {
    overflow: hidden;
    padding: 0px;
    border-bottom: 1px solid #e2e2e2; display:table; width:100%;}

.order-wrapper .order-list-wrapper img{ margin:15px 0px;}
.order-wrapper .order-list-wrapper [class*='col-']{display:table-cell; float:none; vertical-align:top; border-right:1px solid #f1f1f1;}
.order-wrapper .order-list-wrapper [class*='col-']:last-child{border-right:none;}
.order-wrapper .order-list-wrapper .product-det-txt {
    line-height: 20px; margin-top:15px; font-size:16px;
    color: #333333; }
.order-wrapper .order-list-wrapper .finance span, .order-title-box .finance span{
    display: inline-block;
    padding: 0 10px;
    min-width: 130px;
    font-size:14px;
}
/* Store Location */
#mobile_store_locations {
    background-color: #ffb300;
    padding: 10px;
    color: #fff;
    margin-top: 0;
    position: relative;
}
#mobile_store_locations:after {
 content: "\f0d7";
 font-family: FontAwesome;
 font-size: 16px;
 font-weight: normal;
 position: absolute;
 right: 10px;
}
#right_top_links ul li ul li a span:first-child {
    float: left;
}
#right_top_links ul li ul li a span:last-child {
 float: right;
}
#scrollbar1 {
    position: relative;
}
#scrollbar1 .overview {
    width: 100%;
}
#menu-store-menu {
    padding: 15px 0;
}
#menu-store-menu li {
    border-bottom:1px solid #ffb300;
    margin: 0;
    padding: 0 15px;
    position: relative;
}

#menu-store-menu li:hover {
    background-color: #ffb300;
}
#menu-store-menu li:after {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 7px 0 7px 7px;
 border-color: transparent transparent transparent #fff;
 position: absolute;
 right: -7px;
 top: 10px;
}
#menu-store-menu li a {
    padding: 5px 0;
    display: block;
    color: #434343;
}
#menu-store-menu li a:hover {
     color: #fff;
 }
#menu-store-menu li a:last-child {
    border-bottom: none;
}
#menu-store-menu  li.active {
    background-color: #ffb300;
}
#menu-store-menu li.active:after {
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 7px 0 7px 7px;
     border-color: transparent transparent transparent #ffb300;
     position: absolute;
     right: -7px;
     top: 10px;
 }
#menu-store-menu li.active a {
    color: #fff;
}
#scrollbar1 > .viewport > .overview ul.nav li.tabs-item {
    border-bottom: 1px solid #ffb300;
    float: left;
    width: 100%;
}
#scrollbar1 > .viewport > .overview ul.nav li.tabs-item:last-child {
    border-bottom: none;
}
#scrollbar1 > .viewport > .overview ul.nav li.tabs-item a {
    float: left;
    width: 100%;
}
#scrollbar1 > .viewport > .overview ul.nav li.tabs-item a h1, h2 {
    font-size: 16px !important;
    margin: 0 !important;
    padding: 0;
}
#scrollbar1 > .viewport > .overview ul.nav li.tabs-item a p {
    margin-bottom: 0;
}
.store-map .tab-content {
    padding: 0;
    border: none;
}
/* End Store Location */
.order-wrapper .unit-price{ margin-top:15px; font-size:14px;}
.order-wrapper .order-list-wrapper .store-name {
    padding-bottom: 10px; padding-top:20px;}
.order-wrapper .order-list-wrapper .time {
    color: #666666;}
.order-wrapper .order-list-wrapper .delete-list a {
    border-bottom: 1px solid #00aeef;
    padding-bottom: 5px; }
.order-wrapper .order-list-wrapper .delete-list a:hover {
    text-decoration: none; }
.order-wrapper .order-list-wrapper a{color:#e0545f; display:block;}
.order-wrapper .order-list-wrapper a:hover{color:#FE980F;}
.order-wrapper .order-list-wrapper .per-piece { font-size: 16px; font-weight: bold;  margin-top: 15px; color:#666666; }
.order-wrapper .order-list-wrapper .per-piece sub {
    color: #959595;
    font-size: 14px;
    font-weight: normal; }
.order-wrapper .order-list-wrapper .del-s {
    text-align: center;
    vertical-align: middle;
    border-left: 0;
}
.order-wrapper .order-detail-wrapper {
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #e2e2e2; }
.order-wrapper .order-detail-wrapper .left-col {
    float: left; }
.order-wrapper .order-detail-wrapper .left-col .status {
    padding-bottom: 6px; }
.order-wrapper .order-detail-wrapper .right-col {
    float: right; }
.order-wrapper .order-detail-wrapper .right-col .sc {
    padding-bottom: 6px; }
.order-wrapper .order-detail-wrapper .right-col span {
    color: #333333; }
.order-wrapper .order-status-wrapper {
    overflow: hidden;
    background: #fafafa;
    padding: 15px 0; }
.order-wrapper .order-status-wrapper .status-title {
    padding-bottom: 6px;
    color: #505050; }
.order-wrapper .order-status-wrapper .order-status {
    color: #333333;
    font-weight: bold; }
.order-wrapper .order-status-wrapper .seller-name {
    padding-bottom: 6px; }
.order-wrapper .order-status-wrapper button {
    width: 100%; }

.pagination-wrapper {
    overflow: hidden;
    background: #ffffff;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #f1f1f1;
}
.pagination-wrapper .pages-limit {
    float: left;
    overflow: hidden; }
.pagination-wrapper .pages-limit label, .pagination-wrapper .pages-limit select {
    float: left;
    margin-right: 10px;
    width: auto; }
.pagination-wrapper .pages-limit label {
    margin-top: 5px; }
.pagination-wrapper .pagination-box {
    float: right;
    height: 30px; }
.pagination-wrapper .pagination-box .pagination {
    margin: 0; }
.pagination-wrapper .pagination-box .pagination li {
    border: none; }
.pagination-wrapper .pagination-box .pagination li.active a, .pagination-wrapper .pagination-box .pagination li a:hover {
    background: #00aeef;
    color: #ffffff; }
.pagination-wrapper .pagination-box .pagination li span {
    border: none; }
.pagination-wrapper .pagination-box .pagination li a {
    background: #e9e9e9;
    font-family: sans-serif, arial;
    color: #666666;
    border: none;
    border-radius: 0;
    margin-left: 5px; }

/*** My Orders *******/

.order-link-wrapper{ overflow:hidden; margin:0 0 15px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.order-link-wrapper a{margin:5px; color:#333; font-size:14px;}
.order-link-wrapper a:hover{color:#e0545f;}

.order-title-box{ border: 1px solid #f1f1f1;  padding: 10px; overflow:hidden; background: #f0efea; font-weight:bold; font-size:14px; margin-bottom: 20px;}
.order-title-box .select-category{float:right;}




.shiping-address {
    padding: 20px 5px; }
.shiping-address .buyer-name {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px; }
.shiping-address address {
    font-size: 14px;
    color: #333333;
    line-height: 25px; }
.shiping-address .btn-group {
    margin-top: 10px; }
.shiping-address .btn-group a {
    float: left; }
.shiping-address .btn-group .btn-primary {
    margin-right: 5px; margin-top:0px;}
.shiping-address .btn-group .btn-edit,
.shiping-address .btn-group .btn-delete{
    margin-right: 5px;
    background-color: #000000;
    color:#ffffff;
    font-size: 20px;
    padding: 9px 12px;
    line-height: 0;
}

/*** Profile CSS */

.c-profile-edit {
    padding: 25px;
    overflow: hidden;
    border: 1px solid #dfe4ea;
    background-color: #ffffff;
}

.profile-edit-img {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto; }

.profile-edit-img-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden; }
.profile-edit-img-wrapper img {
    display: block;
    width: 100%;
    height: 100%; }
.profile-edit-img-wrapper:hover .edit-btn {
    display: block; }

.edit-btn {
    position: absolute;
    bottom: 5px;
    left: 37px;
    cursor: pointer;
    display: none;
    color: #fff;
    line-height: 0;
    padding: 4px 5px;
    border: 1px solid #fff;
}
.edit-btn:hover {
    text-decoration: underline; }

.profile-edit-form {
    overflow: hidden; }

.form-group-item {
    margin-bottom: 15px; }
.form-group-item label {
    line-height: 40px;
    font-weight: bold; }
.form-group-item .form-control {
    height: 40px;
    border-radius: 0; }
.form-group-item .radio {
    display: inline-block;
    margin: 0 20px 0 0px; }
.form-group-item .radio input[type="radio"] {
    margin-top: 13px; }
.form-group-item .zip {
    padding: 0;
    margin-left: 15px; }
.form-group-item .buyer-detail {
    line-height: 40px;
    font-size: 16px; }

.btn-profile-edit {
    border-radius: 0;
    line-height: 40px;
    padding: 0 20px;
    border: none;
    color: #00adef;
    text-transform: uppercase; }
.btn-profile-edit:hover {
    color: #00adef;
    text-decoration: underline; }
.btn-profile-edit.active {
    background-color: #000000;
    box-shadow: none;
    color: #fff; }
.btn-profile-edit.active:hover {
    text-decoration: none; }
.profile-edit-form input[type="text"], .profile-edit-form select{border:none; box-shadow:none; background:#F0F0E9;}
.btn-profile-save{background-color: #000; box-shadow: none; color: #fff; border: none; border-radius: 0; line-height: 40px; padding: 0 10px; min-width:76px;}
.btn-profile-save:hover{background-color: #000; box-shadow: none; color: #fff;}


/********************************Messages CSS**********************************************/
.messages-wrapper {
    border: 1px solid #e2e2e2;
    overflow: hidden;
    background: #ffffff;
    margin: 15px 0px; }
.messages-wrapper .messages-list {
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    padding: 15px 0;
    cursor: pointer; }
.messages-wrapper .messages-list.unread {
    background: #f8fcfe; }
.messages-wrapper .messages-list.unread .msg-icon {
    background:#000;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    text-indent: -99999px;
    display: block; }
.messages-wrapper .messages-list .msg-icon {
    margin: 0 auto;
    text-align:center;
    display: block; }
.messages-wrapper .messages-list .msg-title {
    color: #333333;
    padding-bottom: 10px; }
.messages-wrapper .messages-list .msg-desc {
    color: #666666;
    line-height: normal;
    font-family: sans-serif, arial; }
.messages-wrapper .messages-list .date {
    font-family: sans-serif, arial;
    color: #333333; }
.messages-wrapper .msg-detial-box {
    padding: 15px 0 0; }
.messages-wrapper .user-messages {
    overflow: hidden;
    padding-bottom: 15px; }
.messages-wrapper .user-messages .user-name {
    color: #333333;
    padding-bottom: 10px;
    font-family: sans-serif, arial; }
.messages-wrapper .user-messages .msg-date {
    color: #666666;
    font-family: sans-serif, arial;
    font-size: 12px; }
.messages-wrapper .user-messages .text-message {
    border: 1px solid #cccccc;
    color: #333333;
    padding: 15px;
    font-family: sans-serif, arial;
    line-height: normal;
    float: left; }
.messages-wrapper .my-messages {
    overflow: hidden;
    padding-bottom: 15px; }
.messages-wrapper .my-messages .user-name {
    color: #333333;
    padding-bottom: 10px;
    font-family: sans-serif, arial; }
.messages-wrapper .my-messages .msg-date {
    color: #666666;
    font-family: sans-serif, arial;
    font-size: 12px; }
.messages-wrapper .my-messages .text-message {
    border: 1px solid #00aeef;
    color: #333333;
    padding: 15px;
    font-family: sans-serif, arial;
    line-height: normal;
    float: right; }
.messages-wrapper .write-msg-box {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding: 15px 0px; }
.messages-wrapper .write-msg-box textarea {
    border: none;
    box-shadow: none;
    font-family: sans-serif, arial;
    font-size: 12px;
    color: #666666;
    width: 100%;
    resize: none;
    line-height: normal; }
.messages-wrapper .write-msg-box .attachment {
    float: right;
    width: 40px;
    height: 40px;
    margin: 0px 20px 0 0;
    font-size: 22px;
    text-align: center;
}
.messages-wrapper .write-msg-box .send-msg {
    background-color: #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding-right: 4px;
    padding-top: 4px;
}

.search-msgs{
    background: #000;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px;
}


/*******************************************************************/

.avatar-btns .btn-group button{
    margin-right:5px;
    margin-bottom:5px;
}
.wishlist{ border-bottom: 1px solid #e4e4e4; text-align:center;}
.wishlist a{ display:inline; border:none;}
.wishlist a.favourite{color:#e0545f;}
.wishlist a.favourite:hover{text-decoration:underline;}

/************************************************************************/

.cart-left-nav {
    border: 1px solid #e8e8e8;
    background: #ffffff;
    margin: 0 15px 15px 0;
    font-size:14px;}
.cart-left-nav nav li {
    border-bottom: 1px solid #e8e8e8; }
.cart-left-nav nav li a {
    color: #666666;
    padding: 15px; }
.cart-left-nav nav li:last-child {
    border-bottom: none; }
.cart-left-nav nav a:hover {
    background: none; }
.cart-left-nav nav a.active, .cart-left-nav nav a:focus {
    background: #000;
    color: #fff; }

.shipping-wrapper {
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 15px;
    box-shadow: 0px 0px 1px #e2e2e2; }
.shipping-wrapper .shipping-list {
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden; }
/************************************************************************/

/*********** Shipping Screen CSS***************/
.cart-box {
    margin-bottom: 15px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e2e2;
}

.cart-box .head-title {
    overflow: hidden;
    line-height: 20px;
    padding: 14px 20px;
    border-bottom: 1px solid #f1f1f1;
}
.cart-box .head-title h1 {
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    margin: 0;
}

.no-data{
    padding: 10px 20px;
}
.no-data p{ margin:0;}

.shipping-form {
    overflow: hidden;
    padding: 10px;
}

.shipping-form .form-box{
    margin-bottom:15px;
}

.shipping-form .form-box label{
    font-size: 14px;
    line-height: normal;
    font-family: "Montserrat", monospace;
}
.shipping-form .form-box input, .shipping-form .form-box select{
    padding: 10px;
    font-size: 0.8em;
    font-weight: 100;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.pro-list-wraper {
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: 1px solid #f1f1f1;
}
.pro-list-wraper .product-information {
    border: none;
    overflow: hidden;
    padding: 0px;
    position: relative;
    min-height: auto;
}
.pro-list-wraper .product-information .os {
    color: #666666;
    margin-bottom: 6px;
}
.pro-list-wraper .product-information p {
    color: #333333;
    line-height: 20px;
    margin-bottom: 7px;
}
.product-information span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #686765;
    /*min-width: 100px;*/
}
.product-information span.old-price{
    text-decoration: line-through;
    font-size: 26px;
    font-weight: normal;
    margin-left: 20px;
}
.subT {
    color: #333333;
    font-size: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
    text-align: right;
}
.subT div:first-child {
    margin-bottom: 5px;
}
.gt {
    padding: 10px 20px;
    text-align: right;
}
.gt div {
    color: #333333;
    font-size: 16px;
}
.gt div span {
    color: #e0545f;
}

.success-wrapper .pro-header{
    font-size:30px;
}

.success-wrapper .statement{ margin-bottom:20px;}

.shiping-address .btn-group .btn-edit, .shiping-address .btn-group .btn-delete {
    margin-right: 5px;
    background-color: #000000;
    color: #ffffff;
    font-size: 20px;
    padding: 9px 12px;
    line-height: 0;
}

.shiping-address .btn-group .ship_to_btn{
    background: none;
    border: 1px solid #000;
    border-radius: 0px;
    color: #000;
    height: 38px;
    box-sizing: border-box;
    padding: 8px;
}

.shiping-address .btn-group .ship_to_btn:hover{
    background: #000;
    color:#fff;
    border:1px solid #000;
}


/*==== Buyer Protection CSS ===*/

.buyer-protection{
    border: 1px solid #CCCCCC;
    margin-top: 20px;
}
.buyer-pro-wrapper{
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.buyer-pro-wrapper > div:first-child{ padding-bottom:10px;}
.protection-list{
    display: flex;
    font-family: arial;
}

.protection-list div:first-child{ width: 18%; color: #999;}
.protection-list div:last-child{ width: 82%; padding-left:24px;}

.protection-list div{ line-height:20px; position:relative;}

.protection-list div.return:before {
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    top: 3px;
    width: 18px;
    height: 14px;
    background: url(images/product-detail-sprite.png) no-repeat 0 0;
    background-position:-200px -250px;

}

.protection-list div.on-time:before {
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    top: 3px;
    width: 18px;
    height: 14px;
    background: url(images/product-detail-sprite.png) no-repeat 0 0;
    background-position:-150px -250px;

}

.protection-list div em{ display: block; font-style: normal; font-weight: 700;}


.buyer-protection .bpro {
    background:url(images/buyer-protection.svg) left center no-repeat;
    padding: 6px 0px 6px 44px;
    color: #1d81dd;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin-top: 15px;
}

.refund-wrapper {padding: 0px; overflow:hidden;}
.refund-wrapper .refund {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px 0 10px 45px;
    line-height:normal;
    margin-left:34px;
    float:left;
}

.refund-wrapper .refund strong {
    font-family: sans-serif, arial;
    color: #333333;
    display: block;
    padding-bottom: 5px; }

.refund-wrapper .refund span {
    font-family: sans-serif, arial;
    color: #999999;
    display: block;
    font-weight:100;
}

.refund-wrapper .refund.full { background: url(images/full-refund.svg) left center no-repeat; }
.refund-wrapper .refund.partial {background: url(images/partial-refund.svg) left center no-repeat; }

/*=== Buyer Protection CSS End ===*/



/********************* Category Banner CSS **************************/
.entry-content-page{
    padding:0px;
}
.category-wrapper{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.category-wrapper figure{
    margin:0px;
}
.category-box{
    width:50%;
    padding:2px;
    float:left;
    overflow:hidden;
    box-sizing:border-box;
}
.category-box-list{
    width:33.33%;
    float:left;
    padding:2.25px;
    overflow:hidden;
    box-sizing:border-box;
}
.category-wrapper .vc_column-inner{
    overflow:hidden;
}
.category-wrapper img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.004);
    -ms-transform: scale(1.004);
    -o-transform: scale(1.004);
    transform: scale(1.004);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.category-wrapper img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


/************************************************************/

/* lg */
@media (min-width: 1200px) {
    .category-wrapper{
        width: 1168px;
        overflow: hidden;
        margin: 0 auto;
    }
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .category-wrapper{
        width: 942px;
        overflow: hidden;
        margin: 0 auto;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .category-wrapper{
        width: 720px;
        overflow: hidden;
        margin: 0 auto;
    }
}

/* xs */
@media (max-width: 767px) {
    .category-wrapper{
        width: 1168px;
        overflow: hidden;
        margin: 0 auto;
    }
}

/* XS Portrait */
@media (max-width: 580px) {
    .category-box-list {
        width: auto;
        float: none;
        padding: 2.25px;
        overflow: hidden;
    }
}
@media (max-width: 380px) {
    .site-header.header-home-02 .main-menu {
        bottom: 15px !important;
        top: auto;
    }
    .header-search {
        float: left;
        width: 100%;
    }
    .slider-content {
        display: none;
    }
    .home-slider.home-slider-1 .owl-dots {
        display: none;
    }
    .right-header > ul > li:first-child {
        margin-left: 0px;
    }
    .home-slider .slider-thumb img {
        height: auto !important;
    }
}


/*-----------------------------------------------------------------------
51. Slick
*/
.slick-wrap {
    margin: 0px -15px 0px -15px;
}
.slick-wrap .slick-track .slick-slide {
    padding: 0px 15px 0px 15px;
}
.error {
    color: red;
}
.slick-middle-arrow .slick-arrow {
    width: 40px;
    height: 35px;
    background: none;
    border: 2px solid #dbddde;
    outline: none;
    font-size: 0px;
    position: absolute;
    top: 175px;
    left: -10px;
    margin-top: -18px;
    z-index: 20;
}
.slick-middle-arrow .slick-arrow:before {
    content: "\f177";
    font-family: 'FA';
    font-size: 14px;
    line-height: 31px;
    color: #dbddde;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.slick-middle-arrow .slick-arrow.slick-next {
    right: -10px;
    left: auto;
}
.slick-middle-arrow .slick-arrow.slick-next:before {
    content: "\f178";
}
@media (min-width: 1025px) {
    .slick-middle-arrow .slick-arrow:hover {
        border-color: #333333;
    }
    .slick-middle-arrow .slick-arrow:hover:before {
        color: #333333;
    }
}
.slick-top-arrow .slick-arrow {
    position: absolute;
    top: -85px;
    right: 65px;
    left: auto;
    margin-top: 0px;
    font-size: 0px;
    display: block;
    width: 40px;
    height: 35px;
    text-align: center;
    border: 2px solid #dbddde;
    background: none;
    outline: none;
}
.slick-top-arrow .slick-arrow:before {
    font-size: 12px;
    line-height: 33px;
    content: "\f053";
    font-family: 'FA';
    color: #bbbbbb;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.slick-top-arrow .slick-arrow:hover {
    background: #37bc9b;
    border-color: #37bc9b;
}
.slick-top-arrow .slick-arrow:hover:before {
    color: #ffffff;
}
.slick-top-arrow .slick-arrow li {
    display: inline-block;
    margin-left: 9px;
}
.slick-top-arrow .slick-arrow.slick-next {
    right: 15px;
}
.slick-top-arrow .slick-arrow.slick-next:before {
    content: "\f054";
}
.slick-middle-arrow .slick-dots,.slick-top-arrow .slick-dots {
    font-size: 0px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.slick-middle-arrow .slick-dots li,.slick-top-arrow .slick-dots li {
    display: inline-block;
    margin: 0px 1px 10px 1px;
}
.slick-middle-arrow .slick-dots button,.slick-top-arrow .slick-dots button {
    display: block;
    background: #dbddde;
    width: 42px;
    height: 5px;
    cursor: pointer;
    outline: none;
    border: none;
}
@media (min-width: 1025px) {
    .slick-middle-arrow .slick-dots button:hover,.slick-top-arrow .slick-dots button:hover {
        background: #bbbbbb;
    }
}
.slick-middle-arrow .slick-dots .slick-active button,.slick-top-arrow .slick-dots .slick-active button {
    background: #bbbbbb;
}
.slick-arrow-long .slick-arrow:before {
    content: "\f177";
    font-size: 18px;
    color: #c7c7cc;
}
.slick-arrow-long .slick-arrow.slick-next:before {
    content: "\f178";
}

.item-logo {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 165px;
    height: 85px;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
}

.item-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .4s ease;
    -MOZ-TRANSITION: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    display: inline-block;
}
.item-logo:hover {
    border-color: #a61530;
}
/************************************************************************************************************/


/*-----------------------------------------------------------------------
16. Quotes
*/
/* .quotes-wrap */
.quotes-wrap {
    position: relative;
    background: #000;
    padding: 25px 0 25px 0;
}
.quotes-wrap .background {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-attachment: fixed;
}
.quotes-wrap .container {
    position: relative;
    z-index: 20;
}
.quotes-wrap .slick-dots {
    position: absolute;
    top: 100%;
    left: 0px;
    font-size: 0px;
    line-height: 0px;
    text-align: center;
    width: 100%;
    margin-top: 54px;
}
.quotes-wrap .slick-dots li {
    display: inline-block;
    margin: 0px 5px 0px 5px;
}
.quotes-wrap .slick-dots button {
    display: block;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
    border: none;
    outline: none;
}
.quotes-wrap .slick-dots .slick-active button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.quotes-wrap .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0px;
    background: none;
    outline: none;
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.quotes-wrap .slick-arrow:before {
    content: "\f053";
    font-family: 'FA';
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
.quotes-wrap .slick-arrow.slick-next {
    right: -25px;
}
.quotes-wrap .slick-arrow.slick-next:before {
    content: "\f054";
}
.quotes-wrap .slick-arrow.slick-prev {
    left: -25px;
}
@media (min-width: 1025px) {
    .quotes-wrap .slick-arrow:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}
@media (max-width: 1024px) {
    .quotes-wrap .slick-arrow {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}
.quotes-wrap .slick-slider {
    width: 100%;
    max-width: 970px;
    display: block;
    margin: 0px auto 0px;
    float: none;
}
@media (max-width: 429px) {
    .quotes-wrap .item-quote {
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }
    .quotes-wrap .item-quote .thumb {
        position: relative;
        display: block;
        margin: 0px auto 10px;
        float: none;
    }
    .quotes-wrap .item-quote .star-rating {
        display: block;
        margin: 0px auto 10px;
        float: none;
    }
}

/* .item-quote */
.item-quote {
    max-width: 940px;
    position: relative;
    padding-left: 110px;
    color: #ffffff;
    padding-bottom: 10px;
    min-height: 85px;
}
.item-quote .thumb {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, 0.1);
    width: 85px;
    height: 85px;
}
.item-quote .star-rating {
    background: none;
    margin-bottom: 2px;
}
.item-quote .star-rating span:before {
    background: none;
}
.item-quote p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 4px;
}
.item-quote .author {
    font-size: 14px;
    line-height: 22px;
}
.item-quote .author .from {
    font-size: 15px;
    color: #d2d2d2;
    font-style: italic;
}
.item-quote .author .location {
    font-size: 15px;
    font-style: italic;
}
.item-quote.item-dark {
    text-align: left;
    min-height: 115px;
}
.item-quote.item-dark .star-rating {
    display: inline-block;
}
.item-quote.item-dark .author {
    display: inline-block;
    line-height: 24px;
    margin-right: 12px;

}

/*-----------------------------------------------------------------------
11. Sections
*/
.section-common {
    padding-top: 30px;
}

.section-adv .item-adv {
    display: block;
    margin: 0px auto 0;
    float: none;
}
.item-adv .thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.item-adv {
    position: relative;
    color: #898c90;
    max-width: 370px;
    min-height: 162px;
    display: block;
    margin: 0 auto;
    float: none;
}
.item-adv .content {
    width: 100%;
    max-width: 280px;
    padding: 30px 15px;
    float: right;
    text-align: center;
    position: relative;
    z-index: 10;
}
.item-adv .title {
    margin: 0;
    text-transform: uppercase;
    font-family: 'Merriweather',sans-serif;
    font-size: 24px;
    line-height: 30px;
}
.rose-color {
    color: #ff4981 !important;
}
.item-adv p {
    font-size: 14px;
    line-height: 17px;
    color: #898c90;
    margin-bottom: 22px;
}
.item-adv .btn-common {
    font-family: Montserrat,sans-serif;
    color: #aaaaad;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 15px;
    border: 2px solid #333;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    display: inline-block;
}
.item-adv .btn-common.btn-border-rose {
    border-color: #ff4981;
}
.magento-color {
    color: #418298 !important;
}
.item-adv .btn-common.btn-border-magento {
    border-color: #418298;
}
.yellow-color {
    color: #ffcd02 !important;
}
.item-adv .btn-common.btn-border-yellow {
    border-color: #ffcd02;
}
.item-adv:before {
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid #ecf0f1;
    position: absolute;
    top: 0;
    left: 0;
}
/*Vertical Form Wizard*/
.stepContainer{ float:right; width:50%; min-height:255px; text-align: left;}
.wizard_verticle{ padding:20px; overflow:hidden; max-width: 660px;}
.wizard_verticle ul.wizard_steps {
    display: table;
    float: left;
    list-style: outside none none;
    margin: 0 0 20px;
    position: relative;
    width: 50%;
}
.wizard_verticle ul.wizard_steps li {
    display: list-item;
    text-align: center;
}
.wizard_verticle ul.wizard_steps li a {
    height: 80px;
}
.wizard_verticle ul.wizard_steps li a label{ padding-top:14px !important; padding-left:15px !important; float:left;}

.wizard_verticle ul.wizard_steps li a:first-child {
    margin-top: 20px;
}
.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {
    color: rgb(102, 102, 102);
    display: block;
    opacity: 1;
    position: relative;
}
.wizard_verticle ul.wizard_steps li a::before {
    background: rgb(204, 204, 204) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 6%;
    position: absolute;
    top: 20px;
    width: 4px;
    z-index: 4;
}
.wizard_verticle ul.wizard_steps li a.disabled .step_no {
    background: rgb(204, 204, 204) none repeat scroll 0 0;
}
.wizard_verticle ul.wizard_steps li a .step_no {
    border-radius: 100px;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    /* margin: 0 auto 5px;*/
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 5;
    float:left;
}
.wizard_verticle ul.wizard_steps li a.selected::before, .step_no {
    background: #00aeef;
    color: rgb(255, 255, 255);
}
.wizard_verticle ul.wizard_steps li a.selected label {
    color:#00aeef;
}
.wizard_verticle ul.wizard_steps li a.done::before, .wizard_verticle ul.wizard_steps li a.done .step_no {
    background: #666666;
    color: rgb(255, 255, 255);
}
.wizard_verticle ul.wizard_steps li:first-child a::before {
    left: 6%;
}
.wizard_verticle ul.wizard_steps li:first-child a{
    margin-top:0;
}
.wizard_verticle ul.wizard_steps li:last-child a::before {
    left: auto;
    width: 0;
}

.actionBar{ float:right;  }
.actionBar .btn-success{ min-width:150px; background:#00aeef; border:none; margin-right: 0 !important;}
.actionBar a{ color:#ffffff !important;}


.joinAs{ overflow:hidden; margin-bottom:15px !important;  }
.joinAs label{margin-top:10px; margin-right:10px;}
.joinAs select{width:auto; min-width: 130px;}
.gender{ overflow:hidden;  }
.gender select{width:auto; min-width: 130px;}
.tp{background: rgb(102, 102, 102) none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    float: right;
    height: 17px;
    padding: 0;
    text-align: center;
    width: 18px;
}

.shape{
    border-style: solid; border-width: 0px 0 46px 46px; height: 0px; width: 0px; position:absolute;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.shape.discount{ border-color:transparent transparent #ff7200 transparent;}
.shape.new{ border-color:transparent transparent #3fe206 transparent;}
.shape.hot{ border-color:transparent transparent #ed1651 transparent;}
.shape-text{
    color:#fff; font-size:9px; position:relative;
    display: table-cell;
    font-family: "lato-regular";
    font-style: italic;
    height: 20px;
    left: -21px;
    text-transform: lowercase;
    top: 21px;
    vertical-align: middle;

    -ms-transform:rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(46deg); /* Safari and Chrome */
    transform: rotate(180deg);
}
.product-information span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color:#686765;
    min-width:100px;
}
.product-colors{ margin-bottom:20px; margin-top:30px;}
.product-colors span{ display: inline-block; min-width: 60px;}
.product-colors a{ margin-left:10px; margin-right:10px; }
.product-colors a.active{color:#2ee328;}
.product-colors div a:first-of-type{margin-left:0px;}
.product-colors .color-1{ margin-bottom:10px;}


.home-simple #wrapper {
    overflow-y: hidden;
    overflow-x: hidden;
}

.login-title{
    margin-bottom: 20px;
}
.btn-link {
    font-weight: 400;
    border-radius: 0;
    margin-left: 40px;
    color: #363636;
}
.wished{
    border: 1px solid red;
}
.wish_list {
    position: absolute;
    top: 5px;
    right: 20px;
    border: none;
    background-color: transparent;
    color: #000;
    font-size: 18px;
}
.wish_list:before {
    content: "\f08a";
    font-family: FontAwesome;
    text-shadow: 0px 0px 5px #fff
}
.wish_list.wished:before {
    content: "\f004";
    font-family: FontAwesome;
    text-shadow: 0px 0px 5px #fff
}


/*Responsive Style */
@import url(css/responsive.css);