/*
Template Name: swiftshop - Bootstrap eCommerce Template
Template URI: https://getmasum.com/html-preview/swiftshop/
Description: Responsive Bootstrap eCommerce Template
Author: ThemesVila
Author URI: http://themesvila.com
Version: 1.0

*/

/*

	CSS INDEX 

	1. Theme Default CSS (body, link color, section etc)
	2. Buttton css
	3. Header Css
	4. Menu CSS
	5. Slider CSS
	6. Promo Area Css
	7. Section Title css
	8. Product Css
	9. Special Offer css
	10. Testimonials Css
	11. Blog Css
	12. Process Css
	13. Footer Css
	14. Page item css
	15. 404 Page css
	16. Blog Page css
	17. Blog Details Css
	18. Contact Page Css
	19. Shop Page Css
	20. Login Page Css
	21. About Us Page Css
	22. Cart Page Css
	23. Checkout Page Css
	24. Product Details Page Css
	25. Wishlist Page CSS

*/


body, 
html {
    height: 100%;
    margin: 0;
    padding: 0!important;
}
body {
    line-height: 28px;
    color: #777;
    font-size: 17px;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
	overflow-x: hidden;
	position: relative;
}

::-moz-selection {
    background-color: #e7ab3c;
    color: #fff;
}
::selection {
    background-color: #e7ab3c;
    color: #fff;
}
img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
}
ul li {
    list-style: none;
}
br {
    font-size: 0;
    line-height: 0;
}
hr {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
    border-left: none;
    border-right: none;
}


/* ----------------------------------------------
	Typography 
----------------------------------------------- */

a,
a:hover, 
a:focus {
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
	color: #777;
}

p {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
	color: #333;
	
}
h1 {
    font-size: 36px;
    line-height: 42px;
}
h2 {
    font-size: 30px;
    line-height: 36px;
}
h3 {
    font-size: 22px;
    line-height: 26px;
}
h4 {
    font-size: 18px;
    line-height: 22px;
}
h5 {
    font-size: 16px;
    line-height: 20px;
}
h6 {
    font-size: 15px;
    line-height: 18px;
}

/* ----------------------------------------------
 Inputs
----------------------------------------------- */

input[type="text"], 
input[type="email"], 
input[type="tel"], 
input[type="number"], 
input[type="password"], 
input[type="radio"], 
input[type="checkbox"], 
input[type="file"], 
textarea, 
select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    display: inline-block;
    font-weight: 400;
    outline: medium none;
    transition: all 0.2s ease 0s;
    padding: 12px 18px;
}
input[type="radio"], input[type="checkbox"] {
    min-width: auto;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
textarea {
    min-height: 140px;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #808080;
    opacity: 1
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #808080;
    opacity: 1
}
:-ms-input-placeholder {
    /* IE 10+ */
    color: #808080;
    opacity: 1
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #808080;
    opacity: 1
}
input:focus, textarea:focus {
    border-color: #e7ab3c;
}
.section_padding{
	padding:80px 0;
}



/*  Select */

.form-control {
    border-radius: 4px;
    box-shadow: none;
    max-width: 100%;
}
.form-control:focus {
    box-shadow: none;
    border-color: #000;
}


/* -------- Buttton css -------- */

.main_btn {
	background: #e7ab3c;
	border: 1px solid #e7ab3c;
	color: #fff;
	padding: 11px 31px;
	text-transform: uppercase;
	transition: .5s;
	border-radius: 0px;
	font-weight: 500;
	display: inline-block;
	font-size: 14px;
}
.main_btn:hover,
.main_btn:focus{
	color: #fff;
	background: #444;
	border-color: #444;
}

.border-btn{
	border: 1px solid #e7ab3c;
	color: #fff;
	background: #e7ab3c;
	border-radius:4px;
	padding: 8px 20px;
	text-transform: capitalize;
	transition: .5s;
}
.border-btn:hover,
.border-btn:focus{
	background: #222;
	border-color: #222;
	color: #fff;
}


/* -------- Preloader Css -------- */

.preloader {
	background: #e7ab3c;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999; 
	width: 100%;
	height: 100%;

}
.status-mes{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -35px;
	text-align: center;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* -------- Header Css -------- */

.header_top_area {
	font-size: 15px;
	background: #fff;
	font-weight: 500;
	padding: 0px 0 0;
	border-bottom: 1px solid #ddd;
}
.single_con_add {
	padding-top:10px;
	padding-bottom: 10px;
	display: inline-block;
}
.header_top_area i{
	color: #e7ab3c;
}
.call_area {
	text-transform: capitalize;
}
.call_area a {
	color: #777;
	font-size: 16px;
	font-weight: 500;
}
.call_area a:hover {

}
.header_top_area i {
	padding-right: 5px;
}
.bright{
	border-right: 1px solid #ddd;
	
}
.lan_area.dropdown{
	padding-right: 15px;

}
.call_area span {
	padding-right: 15px;
}
.hdr_tp_right > li {
	padding: 10px 15px;
	display: inline-block;
	cursor: pointer;
}
.single_con_add.bright{
	margin-right: 15px;
}
.header_top_area .hdr_tp_right i.fa-caret-down{
	color: #777;
}
.hdr_tp_right a {
	color: #777;
}
.header_btm_area{
	padding: 15px 0;
}
.lan_area.dropdown img{
	margin-top: -3px;
	padding-right: 3px;
}

.lan_area,
.currency_area {
	position: relative;
}
.lan_area .csub-menu,
.currency_area .csub-menu{
	background: #fff;
	text-align: left;
	padding: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	margin-top: 14px;
	border: inherit;
	left: -18px !important;
	top: 11px !important;
	width: 143px;
	
}
.hdr_tp_right .dropdown-item{
	padding: 5px 17px;
}
.csub-menu li{
	border-bottom: 1px solid #f9f9f9;
}
.lan_area .csub-menu li a:hover,
.lan_area .csub-menu li a:focus,
.currency_area .csub-menu li a:hover,
.currency_area .csub-menu li a:focus{
	color: #777;
	background-color: tansparent;
}
.csub-menu.dropdown-menu .dropdown-item a{
	font-size: 14px;
}
.dropdown-item.active, 
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #f8f9fa;
}
.hdr_tp_right > li.account_area{
	padding-right: 0;
}

.menu_wrap {
	margin-top: 15px;
	display: inline-block;
}
.right_menu {
	position: relative;
	margin-top: 28px;
	margin-left: 20px;
	float: right;
}
.right_menu i{
	font-size: 20px;
	transition:.5s;
	color: #303030;
}
.right_menu li{

}
.right_menu .search_icon{
	padding-right: 20px;
	position: relative;
}
.right_menu .search_icon a{
	display: inline-block;
}
.right_menu .cart_icon a{
	display: inline-block;
	text-align: center;
	transition: .5s;
}

.search-box {
	background: transparent;
	width: 500px;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0 10px rgba(0,0,0,0.098);
	z-index: 100;
}


.search-box .input-group{
	width: 100%;
}
.search-box .form-control{
	height: 55px;
	line-height: 40px;
	margin: 8px;
	border: 1px solid #e7ab3c;
	outline: none;
	width: 95%;
	text-transform: capitalize;
	font-size: 15px;
	border-radius: 4px;
}


.search-box button[type="submit"] {
	width: 55px;
	height: 55px;
	padding: 0px 0;
	background: #e7ab3c;
	color: #fff;
	border: 1px solid #e7ab3c;
	outline: none;
	cursor: pointer;
	position: absolute;
	z-index: 100;
	right: 8px;
	top: 8px;
	transition: 0.5s;
	border-radius: 0;
}
.search-box button[type="submit"]:hover,
.search-box button[type="submit"]:focus{
	background: #222;
	border-color: #222;
}
.search-box button i{
	color: #fff;
}
.search_btn {
	cursor: pointer;
}

.mobile-menu{
	display: none;
}
.cart_menu_area {
	position: relative;
	display: inline-block;
	transition:.5s;
	margin-right: 10px;
	
}
.cart_icon {
	display: inline-block;
	position: relative;
	padding-bottom: 15px;
}


.cart_area:hover .cart_icon i {
	color:#e7ab3c;
}

.cart_number {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #e7ab3c;
	color: #fff;
	top: -12px;
	right: -13px;
	border-radius: 50%;
	font-weight:400;
	font-size: 12px;
	font-family: 'Jost', sans-serif;
	text-align: center;
}

.cart_item {
	font-weight: 500;
}

.mini-cart-wrapper{
	width:280px;
	position: absolute;
	top: 40px;
	left: -135px;
	z-index: 100;
	background: #fff;
	padding: 20px 20px 20px;
	box-shadow: 0 0px 7px rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.04);
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	text-align: left;
}
.cart_menu_area:hover .mini-cart-wrapper{
	top: 100%;
	opacity: 1;
	visibility: visible;
} 
.mc-sin-pro{
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
.mc-pro-image{
	margin-right: 10px;
}
.mc-pro-details{
	position: relative;
}
.mc-pro-details span{
	display: block;
	font-size: 14px;
	color: #e7ab3c;
}
.mc-pro-details .pro-del{
	position: absolute;
	right: 0;
	top: 12px;
	transition: .5s;
}
.mc-pro-details .pro-del i{
	font-size: 30px;
}
.pro-del:hover i{
	color: #e7ab3c;
}
.mc-subtotal {
	padding: 24px 0 15px;
}
.mc-subtotal h4{
	font-size: 16px;
	font-weight: 500;
}

.mc-subtotal h4 span{
	float: right;
}
.checkout_btn{
	background: #e7ab3c;
	color: #fff;
	padding: 7px 15px;
	margin-top: 10px;
	display: block;
	text-transform: capitalize;
	transition: .5s;
	text-align: center;
}
.checkout_btn:hover,
.checkout_btn:focus{
	background: #333;
	color: #fff;
	text-decoration: none;
}

/* Menu CSS */

.main-menu,
.right_menu{
	display: inline-block;
}
.main-menu nav > ul {
	display: inline-block;
	position: relative;
}
.main-menu nav > ul > li {
  display: inline-block;
  margin-right: 26px;
}
.main-menu nav > ul > li:last-child {
  margin-right: 0;
}
.main-menu nav > ul > li > a {
	color: #303030;
	display: block;
	font-weight: 400;
	line-height: 50px;
	text-transform: uppercase;
	transition: .5s;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
}
.header.transparent .main-menu nav > ul > li > a {
  color: #fff;
}
.main-menu nav > ul > li > a i {
  float: right;
  line-height: 50px;
  margin-left: 4px;
}
.main-menu nav a:hover {
	color: #e7ab3c;
}
/* Sub Menu */
.sub-menu {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0px 7px rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.04);
	opacity: 0;
	padding: 12px 11px;
	position: absolute;
	text-align: left;
	top: 120px;
	visibility: hidden;
	width: 200px;
	z-index: -999;
	transition: .5s;
}
.main-menu nav > ul > li:hover .sub-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 999;
}
.sub-menu li{}
.sub-menu li a {
	display: block;
	line-height: 32px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 10px;
	font-weight: 400;
	font-family: 'Jost', sans-serif;
}
.sub-menu li a:hover {
  padding-left: 18px;
}
/* Mega Menu */
.mega-menu {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0px 7px rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.04);
	opacity: 0;
	padding: 40px;
	position: absolute;
	text-align: left;
	top: 120px;
	visibility: hidden;
	z-index: -999;
	left: 0;
	transition: .5s;
}
.mm-left {
  left: 0%;
}
.mm-right {
  right: 0;
}
.main-menu nav > ul > li:hover .mega-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 999;
}
/* Mega Menu 5 Column */
.mm-5-column {
  width: 790px;
}
.mm-5-column .mm-column-link {
  width: 20%;
}

/* Mega Menu 4 Column */
.mm-4-column {
  width: 650px;
}
.mm-4-column .mm-column-link {
  width: 25%;
}
.mm-4-column .mm-column-banner {
  width: 264px;
}
/* Mega Menu 3 Column */
.mm-3-column {
  width: 532px;
}
.mm-3-column .mm-column-link, .mm-3-column .mm-column-banner {
  width: 33.33%;
}
/* Mega Menu Link */
.mega-menu-link {
  padding: 40px 20px;
  right: 0px;
  width: 900px;
}
.mega-menu-link .mm-column {
  width: 25%;
}
.mega-menu-link .mm-column h4 {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
}
.mega-menu-link-2 {
  padding: 40px;
  right: -100px;
  width: 600px;
}
.mega-menu-link-2 .mm-column {
  width: 33.33%;
}
/* Mega Menu Column */
.mm-column{}
.mm-column h3 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 10px;
  margin: 0 0 24px;
  position: relative;
  text-transform: uppercase;
}
.mm-column h3::before {
  background: #909090 none repeat scroll 0 0;
  bottom: -6px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 25px;
}
/* Mega Menu Column Link */
.mm-column-link {}
.mm-column-link a {
	display: block;
	font-size: 14px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Jost', sans-serif;
}
.mm-column-link a:hover {
  padding-left: 8px;
}


/*----- Slider CSS-----*/

#slider_area,
.single_slide,
.single-slide-item-table{
	height: 600px;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;

}
.single_slide{
	width: 100%;
	position: relative;
	z-index: 1;
	background-color: #F8F8F4;
	background-repeat: no-repeat;
	text-align: center;
}

.slider_content {
	position: relative;
	z-index: 100;
}
.slider_content .main_btn{
	background: #e7ab3c;
	border-color: #e7ab3c;
	color: #fff;
	margin-right: 15px;
}
.slider_content .coll_btn{
	background: #fff;
	border-color: #fff;
	color: #e7ab3c;
}
.slider_content .main_btn:hover,
.slider_content .main_btn:focus{
	background: #444;
	border-color: #444;
	border-color: #444;
	color: #fff;
}
.slider_content.text-left{
	padding-left: 40px;
}
.slider_content.text-right{
	padding-right: 40px;
}

.slider_content h1 {
	color: #333;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 45px;
	margin-bottom: 50px;
	
}
.slider_content h4{
	color: #333;
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 17px;
	font-family: 'Jost', sans-serif;
	position: relative;
	display: inline-block;
}
.slider_content h4:before {
	content: '';
	position: absolute;
	top: 12px;
	left: -80px;
	width: 60px;
	height: 1px;
	background-color: #e7ab3c;
}

.slider_content h4:after {
	content: '';
	position: absolute;
	top: 12px;
	right: -80px;
	width: 60px;
	height: 1px;
	background-color: #e7ab3c;
}

.slider-img img{
	width: auto!important;
	max-width: 100%;
}
#slider_area .owl-dots {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
	counter-reset: my-sec-counter;
}
#slider_area .owl-dot {
    display: inline-block;
	margin: 0 7px;
	width: 20px;
	height: 20px;
	line-height: 17px;
	background-color: #fff;
	color: #303030;
	border-radius: 50%;
	opacity:0.9;
}

#slider_area .owl-dot:before {
	counter-increment: my-sec-counter;
	content: "" counter(my-sec-counter) "";
	font-size: 11px;
}

#slider_area .active.owl-dot{
	background-color: #e7ab3c;
	color: #fff;
	opacity:1;
}

#slider_area .owl-nav{
	display: block;
}
#slider_area .owl-nav .owl-next,
#slider_area .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #333;
	opacity: 1;
	font-size: 18px;
	transition: all 0.4s ease-in-out;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
	
}


#slider_area .owl-nav .owl-prev {
	left: 28px;
}
#slider_area .owl-nav .owl-next{
	right: 28px;	
}

#slider_area .owl-nav .owl-next:hover,
#slider_area .owl-nav .owl-prev:hover {
    border-color: #333;
    background: #333;
    color: #fff;
	opacity: 1;
}

/* Default Slider Animations */

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 h4 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: bounceInLeft;
  animation-name: fadeInLeft;
}

/* animation 2 */
.owl-item.active .slider-animated-2 h1 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 h4 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 p {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 a {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* animation 3 */
.owl-item.active .slider-animated-3 h1 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.owl-item.active .slider-animated-3 h4 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.owl-item.active .slider-animated-3 p {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.owl-item.active .slider-animated-3 a {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/* -------- Promo Area Css -------- */

#promo_area {
}

.single_promo{
    text-align: left;
    position: relative;
    overflow: hidden;
	padding: 40px;
}

.single_promo img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}

.single_promo .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s;
}
.promo-content{
	position: absolute;
	bottom: 25px;
	left: 25px;
	width: 100%;
}
.bg-color{
	background-color: #DAEBF3;
}

.bg-color2{
	background-color: #E9C5DF;
}
.bg-color3{
	background-color: #D5D0EF;
}
.single_promo:hover .promo-content{
    opacity: 1;
}


.no-padding{
	padding: 0;
}
.single_promo{
	margin-bottom: 30px;
}
.single_promo .post {
	display: inline-block;
	overflow: hidden;
	font-size: 18px;
	background-color: #e7ab3c;
	color: #fff;
	text-transform: capitalize;
	margin: 0px 0 40px;
	transition: all 0.7s ease 0s;
	padding: 0 5px;
}
.single_promo .title {
	text-transform: capitalize;
	font-size: 23px;
	color: #333;
	margin: 0px 0 10px;
	transition: transform 0.5s ease 0s;
	display: block;
	overflow: hidden;
	letter-spacing: 1px;
}
.single_promo .box-content p{
	color: #777;
	transition: all 0.7s ease 0s;

}
.single_promo a{
	text-decoration: underline;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	transition: .5s;
}
.single_promo a:hover,
.single_promo a:focus{
	text-decoration: inherit;
	color: #777;
}




/*----- Section Title css -----*/


.section_title {
	margin-bottom: 40px;
}
.section_title span{
	font-size: 17px;
}
.section_title h2 {
	text-transform: capitalize;
	font-size: 42px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 5px;
}

.section_title .divider{ 
	position: relative;
	display: inline-block;
	width: 10px; 
	height: 10px; 
	background-color: #e7ab3c;
	border-radius: 50%;
	box-sizing: content-box; 
} 


/*----- Product Css -----*/

#product_area{
	position:relative;
	padding-top: 0;
}


.mix{
	display: none;
}
.product_item .mix{
	display: none;
}
.product_filter {
	margin-bottom: 10px;
}
.product_filter ul {
	margin: 0px 0 40px;
	padding: 0;
	list-style: none;
}
.product_filter ul li {
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	font-size: 15px;
	transition: .5s;
	letter-spacing: 1px;
	margin: 0px 18px;
	color: #777;
	line-height: 1;
	border-bottom: 1px solid transparent;
}
.product_filter .filter.active {
	color: #e7ab3c;
	border-bottom: 1px solid #e7ab3c;
}

.product-grid{
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    z-index: 1;
	margin-bottom: 30px;
	transition: .5s;
}
.product-grid:hover .product-content{
	opacity: 0;
}
.product-grid .product-image{
    position: relative;
    transition: all 0.3s ease 0s;
}
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-grid .pic-1{
    opacity: 1;
    transition: all 0.3s ease-out 0s;
}
.product-grid:hover .pic-1{ opacity: 1; }
.product-grid .pic-2{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out 0s;
}
.product-grid:hover .pic-2{ opacity: 1; }
.product-grid .social{
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .social{
    opacity: 1;
    top: 50%;
}
.product-grid .social li{ display: inline-block; }
.product-grid .social li a {
	color: #e7ab3c;
	background-color: #fff;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	height: 40px;
	width: 40px;
	margin: 0 2px;
	display: block;
	position: relative;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
}
.product-grid .social li a:hover{
    color: #fff;
    background-color: #e7ab3c;
}
.product-grid .social li a:before,
.product-grid .social li a:after{
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    white-space: nowrap;
    opacity: 0;
    transform:translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}
.product-grid .social li a:after{
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform:translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}
.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after{
    opacity: 1;
}
.product-grid .product-new-label,
.product-grid .product-discount-label{
    color: #fff;
    background-color: #e7ab3c;
    font-size: 12px;
    text-transform: uppercase;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    position: absolute;
    top: 13px;
    left: 13px;
	font-family: 'Jost', sans-serif;
	border-radius: 50%;
}
.product-grid .product-discount-label{
    background-color: #333;
    left: auto;
    right: 0;
}
.product-grid .rating{
	color: #fec42d;
	cursor: pointer;
    font-size: 15px;
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: -1;
}
.product-grid .rating li.disable{ color: rgba(0,0,0,0.2); }
.product-grid .product-content {
	background-color: #fff;
	text-align: center;
	padding: 3px 0 8px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s;
}

.product-grid .title {
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	margin: 5px 0 2px;
	transition: all 0.3s ease 0s;
}
.product-grid .title a{ color: #333; }
.product-grid .title a:hover{ color: #e7ab3c; }
.product-grid:hover .title a{ color: #e7ab3c; }
.product-grid .price {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.6px;
	margin-bottom: 3px;
	text-align: center;
	transition: all 0.3s;
}
.product-grid .price span {
    color: #e7ab3c;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 3px;
    display: inline-block;
}
.product-grid .add-to-cart{
    color: #000;
    font-size: 13px;
    font-weight: 600;
}


/* -------- Special Offer css -------- */

.special_offer_area{
	background-color: #F6F0EB;
}
.special_img {
	position: relative;
	height: 100%;
	display: inline-block;
}
.special_img img{
	display: inline-block;
	border-radius: 7px;
}
.special_offer_area h3 {
	margin: 0 0 20px;
	text-transform: uppercase;
	line-height: 35px;
	
}

.off_baudge {
	width: 80px;
	height: 80px;
	background: #e7ab3c;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	font-size: 16px;
	position: absolute;
	top: -20px;
	left: -48px;
	line-height: 19px;
	padding-top: 19px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Jost', sans-serif;
}

.off_baudge span{
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
}
.special_info {
	padding: 8% 17% 0 0;
}
.special_info span{
	color: #e7ab3c;
}
.special_info h3{
	font-size: 30px;
	color: #333;
	margin-top: 8px;
}
.special_info p{
	margin-bottom: 30px;
}

#countdown div{
	float: left;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.02);
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 25px;
	font-size: 13px;
	text-align: right;
	text-transform: uppercase;
}
#countdown div strong{
	font-size: 40px;
	color: #333;
	font-weight: 400;
}

.special_info .main_btn{
	margin-top: 30px;
	
}

/* -------- Testimonials Css -------- */

.testimonials_area{
	position: relative;
	padding: 80px 0;
}
.testimonials_area:after{
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.6);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.testimonials_area .owl-nav.disabled{
	display: block;
}
.testimonial {
	margin: 0px 15px 0;
	background-color: #fff;
	padding: 45px 45px 40px;
	border-radius:15px;
}
.test-bottom{
	overflow: hidden;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
.testimonial .pic:after{
    content: "\f10d";
    font-family: fontawesome;
    font-size: 14px;
    color: #e7ab3c;
    position: absolute;
	top: 3px;
	left: 3px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
	display: inline-block;
}
.test-des-area{
	display: inline-block;
}
.testimonial .testimonial-content{
}

.testimonial .description{
    margin-bottom: 10px;
}
.testimonial .testimonial-title{
    font-size: 20px;
    color: #e7ab3c;
    text-transform: capitalize;
    display: inline-block;
	margin-top:15px;
	font-weight: 600;
}
.testimonial .post{
    font-size: 15px;
    margin-top: 0px;
}
#testimonial-slider .owl-nav .owl-prev,
#testimonial-slider .owl-nav .owl-next
{
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	
}
#testimonial-slider .owl-nav .owl-prev{
	left: -20%;	
}
#testimonial-slider .owl-nav .owl-next{
	
	right: -20%;
}
#testimonial-slider .owl-nav .owl-prev,
#testimonial-slider .owl-nav .owl-next{
	width: 45px;
	height: 45px;
	line-height: 52px;
	border-radius: 50%;
	background-color: #e7ab3c;
	position: absolute;
	color: #fff;
	font-size: 40px;
	transition: .5s;
}
#testimonial-slider .owl-nav .owl-prev:hover,
#testimonial-slider .owl-nav .owl-next:hover{
	background-color: #333;
	color: #fff;
}
@media only screen and (max-width: 480px) {
    .testimonial{
        text-align: center;
    }
    .testimonial .pic{
        float: none;
        margin: 0 auto;
    }
    .testimonial .testimonial-content{
        margin-left: 0;
    }

}

/* -------- Blog Css -------- */

#blog_area{
	padding-bottom: 0px;
}
#blog_page_area {
	padding-bottom: 40px;
}

#blog_page_area .single_blog{
	margin-bottom: 45px;
}
.single_blog {
	margin-bottom:30px;
}
.single_blog_img {
    position: relative;	
}
#blog_page_area .single_blog .post_title{
	font-size: 19px;
}

.single_blog_img img{
	transition: .5s;
}
.single_blog:hover img{
	
}

.blog_date {
	background: #e7ab3c none repeat scroll 0 0;
	color: #fff;
	font-size: 13px;
	right: 10px;
	padding: 6px 13px;
	position: absolute;
	text-transform: uppercase;
	bottom: -30px;
	z-index: 9;
	border-radius: 2px;

}
.blog_slide .bd_day {

}
.blog_date .bd_month{
	font-size: 13px;
	font-weight: 700;
}
.post-meta {
	margin-top: 5px;
	margin-bottom: 13px;
}

.post-meta li {
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
}

.post-meta i {
	margin-right: 6px;
}
.single_blog{
	border: 1px solid rgba(0,0,0,0.1);
	transition: .5s;
}
.single_blog:hover{

}
.single_blog .blog_content {
	display: inline-block;
	padding: 10px 30px 30px;
}
.blog_details p{
	margin-bottom: 15px;
}
.blog_content h6 {
	margin-bottom: 10px;
}
.post_title{
		margin-top: 10px;
}
.post_title a {
	text-transform: capitalize;
	color: #333;
	transition: .5s;

}
.single_blog .blog_content h4 a:hover,
.post-meta i{
	color: #e7ab3c;
}
.single_blog .blog_content h4{
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: 500;
	line-height: 28px;
}
.single_blog .blog_content  p {

}


/* -------- Process Css -------- */

.process_area{
	padding-bottom: 50px;
}
.single-process{
	padding: 27px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 30px;
	text-align: left;
}
.single-process .picon {
	display: inline-block;
	border-right: 1px solid #e7ab3c;
	padding-right: 20px;
	color: #e7ab3c;
	font-size: 40px;
	margin-right: 20px;
	line-height: 32px;
}
.single-process .process_content{
	display: inline-block;
}

.single-process h3 {
	font-size: 20px;
	text-transform: capitalize;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 20px;
	display: inline-block;
}
.single-process p{
	font-size: 14px;
}
.gradient_section{
	background-image: linear-gradient(45deg, #e7ab3c 0%, #8a0b1e 100%);
}

/* -------- Brand css -------- */

#brand_area{
	background-color: #f9f9f9;
	padding: 40px 0 5px;
}
.brand_slide{
}
.brand_slide img{
    opacity: 0.7;
}
.brand_slide a:hover img{
    opacity: 1;
}

/* -------- Footer Css -------- */

.footer_area {
	padding:0px ;
	position: relative;
	color: #d6d6d6;
	z-index: 100;
	word-break: break-all;
	word-wrap: break-word;
}
.footer-top{
	padding: 80px 0 30px;
	background: #111;
	border-bottom: 1px solid #8a8a8a;
}

.footer-top .contact i{
	margin-right: 5px;
}

.single_ftr{
	margin-bottom: 30px;
}
.single_ftr form{
	margin-top: 8px;
}
.single_ftr p{
	margin-bottom: 10px;
}

.sf_title{
    color: #fff;
    text-transform: capitalize;
    font-size: 24px;
	margin-top: 0px;
	margin-bottom: 25px;
}
.ftr_logo {
    float: left;
    padding: 15px 46px 0 0;
}
.ftr_logo a img {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}
.ftr_logo a:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}
.newsletter_form form{
	position: relative;
	display: block;
}
.newsletter_form {
	margin-top: 0px;
	overflow: hidden;
}

.single_ftr p{
	display: inline-block;
}
.newsletter_form p{
	margin-bottom: 15px;
}
.newsletter_form .form-control {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 8px 20px;
    width: 100%;
	position: relative;
	background: #fff;
	color: #777;
	border-radius: 4px;
	font-size: 14px;
}

.newsletter_form button {
	border-radius: 0 4px 4px 0;
	background: #e7ab3c;
	color: #fff;
	text-transform: uppercase;
	box-shadow: none;
	border: 1px solid #e7ab3c;
	transition: 0.5s;
	letter-spacing: 0.5px;
	position: absolute;
	right: 0px;
	top: 0;
	padding: 12px 20px;
	transition: .5s;
}

.newsletter_form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #777;
    opacity: 1
}

.newsletter_form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #777;
    opacity: 1
}
.newsletter_form :-ms-input-placeholder {
    /* IE 10+ */
    color: #777;
    opacity: 1
}
.newsletter_form :-moz-placeholder {
    /* Firefox 18- */
    color: #777;
    opacity: 1
}
.form-control{

}
.form-control:focus{
	border-color: #e7ab3c;
}

.single_ftr li {
    margin-bottom: 8px;
    color: #d6d6d6;
}
.single_ftr a {
    color: #d6d6d6;
}
.single_ftr a:hover ,
.single_ftr a:focus 
{
    color: #fff;
}
.ftr_social_icon ul{
	margin-top: 15px;
}
.ftr_social_icon li {
	display: inline-block;
	text-align: center;
	padding: 4px;
}


.ftr_social_icon ul li a {
	border: 2px solid #d6d6d6;
	border-radius: 50%;
	color: #d6d6d6;
	display: inline-block;
	font-size: 14px;
	height: 35px;
	line-height: 34px;
	width: 35px;
	transition: .5s;
	text-align: center;
}

.ftr_social_icon ul li a:hover{
	background: #e7ab3c;
	border-color: #e7ab3c;
	color: #fff;
}

.ftr_btm_area {
	background: transparent;
	padding-top: 25px;
	padding-bottom: 20px;
	z-index: 100;
	position: relative;
	background: #000;
}
.ftr_btm_area img{
	display:inline-block;
}
.copyright_text{
    margin: 10px 0 0;
	font-size: 15px;
}

.payment_mthd_icon{
	margin-top: 10px;
}


/* -------- Page item css -------- */

#page_item_area {
	padding: 45px 0;
	margin-bottom: 40px;
	background: #e7ab3c;
}
.p_items li {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin-right: 12px;
	text-transform: uppercase;
}
.p_items li a {
	color: #fff;
}
.p_items li span {
	color: #fff;
}
.p_items li + li::before {
	color: #fff;
	content: "-";
	padding-right: 12px;
}
#page_item_area h3{
	font-size: 25px;
	color: #fff;
}

.search_form{
	position: relative;
	display: block;
}

.search_form .search_button {
	padding: 9px 15px;
}	

.search_form .search_button,
.search_form .search_button:focus{
	position: absolute;
	background: transparent;
	border: 1px solid transparent;
	outline: none;
	right: 0;
	top: 0;
	cursor: pointer;
}
.search_form button{
	color: #e7ab3c;
}

/* -------- 404 Page css -------- */

#page_404_area {
	padding: 50px 0 100px;
}
.page_404_content h1 {
	font-size: 150px;
	margin: 0;
	color:#000;
	font-weight: 600;
	line-height: normal;
	text-shadow: 10px 10px 20px rgba(0,0,0,0.1);
}
.page_404_content h1 span{
	color: #e7ab3c;
}
.page_404_content h3 {
	margin-top: 10px;
	margin-bottom:70px;
	font-weight: 600;
}


/* -------- Blog Page css -------- */

#blog_page {
	padding-bottom: 50px;
}
.b_no_mrgn{
	margin:0;
	margin-bottom:45px;
}
.blog_page_date {
	position: absolute;
	top: 335px;
	right: 50px;
	font-size: 16px;
	font-weight: 400;
	border: 3px solid #fff;
	padding: 8px 15px;
}
.bd_day_page {
	font-weight: 700;
	font-size: 25px;
}
.blog_page_bar {
	margin-top: 30px;
}
.bp_cntnt {
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 18px;
}
.bp_cntnt a {
	color: #e7ab3c;
}
.single_sidebar {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eeeeee;
	margin-bottom: 30px;
	padding: 22px 23px;
	text-align: left;
}
.sdbr_title {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: normal;
	margin: 0 0 30px;
	text-transform: uppercase;
	position: relative;
	padding-left: 30px;
	color: #e7ab3c;
}
.blog_cmnt_form #reply-title, 
.comments-title{
	padding-left: 30px;
	color: #e7ab3c;
}
.blog_cmnt_form #reply-title:before,
.comments-title:before,
.sdbr_title:before{
	position: absolute;
	content: '';
	left: 0;
	top: 10px;
	background: #e7ab3c ;
	height: 2px;
	width: 15px;
}
.single_sidebar ul li {
	padding-right: 30px;
	position: relative;
}
.single_sidebar ul li a {
	color: #606060;
	display: block;
	line-height: 11px;
	margin-bottom: 22px;
	text-transform: capitalize;
	transition: .5s;
}
.single_sidebar ul li a:hover{
	color: #e7ab3c;
}
.category{
	padding-bottom:0px;
}
.tags a {
	color: #888;
	font-size: 14px !important;
	line-height: 23px;
	margin-bottom: 10px;
	padding: 2px 6px;
	text-transform: capitalize;
	transition: .5s;
	border: 1px solid #888;
	display: inline-block;
	margin-right: 6px;
}
.tags a:hover {
	color: #e7ab3c;
}
.fix{
	overflow:hidden;
}
.single_popular_post {
	padding-left: 0px;
	margin-bottom: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid #eee;
}
.single_popular_post:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.single_popular_post .spp_img {
	border: 1px solid #eeeeee;
	display: block;
	margin-right: 11px;
	width: 64px;
	float:left;
}
.spp_text a {
	color: #333;
	display: block;
	font-weight: 300;
	line-height: 20px;
	transition:.5s;
}
.spp_text a:hover {
	color: #e7ab3c;
}
.spp_text p {
	color: #444444;
	display: block;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
}
.pagination {
	border-radius: 0;
	display: inline-block;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.pagination ul {
	display: inline-block;
}
.pagination ul li {
	display: block;
	float: left;
}
.pagination ul li a {
	color: #303030;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	padding: 0;
	line-height: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.pagination ul li a i {
	color: #909090;
	font-size: 20px;

}
.pagination ul li + li {
	margin-left: 8px;
}
.pagination ul li a.active {
	border-color: #e7ab3c;
	background-color: #e7ab3c;
	color: #fff;
	box-shadow: 4px 3px 5px rgba(0,0,0,0.07);
}
.shop_page_area{
	margin-bottom: 60px;
}


/* -------- Blog Details Css -------- */

.blog_dtls_page {

}
.bdp_mrgntp{
	margin-top:30px;
}
.blog_comment_area {
	padding-top: 40px;
}
.comment_inner {
	margin-bottom: 30px;
}
.comment_inner > li {
	padding-right: 40px;
}
.single_cmnt {
	background: #fff none repeat scroll 0 0;
	margin-bottom: 20px;
	padding: 25px;
	text-align: left;
	border: 1px solid #f1f1f1;
}

.blog_cmnt_img {
	border: 1px solid #eee;
	width: 77px;
	margin-right: 20px;
	float:left;
	border-radius: 50%;
}
.blog_cmnt_img img{
	border-radius: 50%;
}
.cmnt_content h4 {
	display: block;
	font-size: 15px;
	font-weight: 700;
	margin-top: 0;
	line-height: 14px;
	color: #e7ab3c;
	text-transform: uppercase;
}
.com_date{
	display: inline-block;
	margin: 5px 0 8px;
}

.cmnt_content a {
	color: #e7ab3c;
	float: right;
	font-size: 18px;
}
.cmnt_content p {
	overflow: hidden;
	width: 100%;
}
.comment_inner > li ul {
	margin-left: 40px;
	margin-right: -40px;
}
/* Comment Form */

.blog_cmnt_form #reply-title,
.comments-title {
	font-size: 17px;
	line-height: 17px;
	margin: 0 0 30px;
	letter-spacing: 1.5px;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
}
.input-area {
  float: left;
  margin-bottom: 18px;
  width: 100%;
}
.input-area input, .input-area textarea, .input-area select {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #909090;
	text-align: left;
	width: 100%;
}
.input-area input:focus, .input-area textarea:focus {
  border: 1px solid #e7ab3c;
}
.cmnt_form_btn {
	height: 42px;
	line-height: 42px;
	padding: 0 32px;
}
.submit-area input[type="submit"] {

	
}
.submit-area input:hover {

}



/* -------- Contact Page Css -------- */

#contact_map_area {
  display: block;
  width: 100%;
  margin-top: 40px;
  margin-bottom: -8px;
  
}
.contact_frm_area{
	margin-bottom: 30px;
}

.contact_frm_area .form-control{
	width: 100%;
	margin-bottom: 30px;
	display: block;
}
.contact_frm_area textarea.form-control{
	height: 150px;
}
.contact_page_area h3{
	margin-bottom: 20px;
	font-size: 20px;
}

.cntct_mrgntp{
	margin-top:50px;
	margin-bottom:50px;
}
.contact_info{
	padding-left: 40px;
}
.contact_info h2 {
	font-size: 20px;
	line-height: 17px;
	margin: 0 0 20px;
	padding-bottom: 12px;
	position: relative;
	text-transform: uppercase;
	color: #e7ab3c;
	font-weight: 700;
}
.contact_info p.subtitle{
	margin-bottom: 25px;
}
.single_info {
	margin-bottom: 30px;
	text-align: left;
}
.single_info .con_icon {
	display: inline-block;
	font-size: 43px;
	color: #e7ab3c;
	float: left;
	margin-right: 20px;
	transform: .5s;
	margin-top: 8px;
	width: 50px;
}
.single_info p{
	overflow: hidden;
}

.single_info a:hover {
	color: #e7ab3c;
}
.form-control{
	border-radius: 0;
}


/* -------- Shop Page Css -------- */

.shop_bar_tp {
	padding: 13px 0px;
	margin-bottom: 30px;
}
.short_by_area {
	text-align: left;
}
.short_by_inner {
	display: inline-block;
}
.short_by_inner select {
	text-align: left;
}
.short_by_inner label {
	display: block;
	float: left;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: capitalize;
	margin-right: 9px;
	line-height: 45px;
}
.short_by_inner select {
	-moz-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("img/icon/arrow.html") no-repeat scroll right center;
	border: 1px solid #ddd;
	height: 45px;
	line-height: 27px;
	padding: 10px 26px 10px 10px;
	text-align: left;
	width: auto;
}
.show_area {
	float: right;
	text-align: right;
}
.show_inner {
	display: inline-block;
}
.show_inner label {
	display: block;
	float: left;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: capitalize;
	margin-right: 9px;
	line-height:45px;
}
.show_inner select {
	-moz-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("img/icon/arrow.html") no-repeat scroll right center;
	border: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	padding: 2px 25px 4px 7px;
	text-align: left;
	width: auto;
}
.pgntn_mrgntp {
	margin-top: 10px;
	margin-bottom:0px;
}



/* -------- Login Page Css -------- */

.login_page_area{
	padding: 20px 0;
	
}
.caa_heading {
	font-size: 18px;
	line-height: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.caa_form_area p {
	margin-bottom: 10px;
}
.create_account_area {
	background: #f8f8f8 none repeat scroll 0 0;
	border: 1px solid #ddd;
	margin-bottom: 30px;
	padding: 22px 23px;
	text-align: left;
}
.caa_pdngbtm {
	padding-bottom: 113px;
}
.forgot_password a {
	color: #666;
	border-bottom: 1px solid #666;
}
.forgot_password a:hover {
	color: #666;
	border-bottom: 1px solid transparent;
}
.acc_btn {
	background: #e7ab3c;
	border: 1px solid transparent;
	border-radius: 0;
	color: #fff!important;
	padding: 8px 20px;
	transition:.5s;
	margin-top:10px;
	text-transform: capitalize;
	
}
.acc_btn:hover {
	background: #000;
	border: 1px solid transparent;
	color: #fff;
}
.btn_icon {
	margin-right: 10px;

}



/* -------- About Us Page Css -------- */

.about_inner{
	margin-bottom:80px;
}

.about_content_area {
	margin-top: 86px;
	text-align: left;
	padding-left: 40px;
}
.about_content_area h2 {
	font-size: 25px;
	position: relative;
	text-transform: uppercase;
	color: #e7ab3c;
	font-weight: 700;
	margin-bottom: 27px;
}
.about_content_area p {
	margin-bottom: 15px;
}

#video {
  position: relative;
  background: #000;
  width:100%;
  margin: 0px auto;
}

#video img,
#video iframe { display: block; }

#play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url('../img/play-button.png') no-repeat 50% 50%;
	background-size: auto, cover;
	z-index: 9999;
}

#play:hover { background-color: rgba(0,0,0,0.2) !important; }

/* About Page CSS*/
.team_area{
	padding-bottom: 30px;
}
.our-team{
    text-align: center;
	margin-bottom: 30px;
}
.our-team .pic{
    padding: 30px 20px 0;
    position: relative;
}
.our-team .pic:before,
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-top: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0, 1);
    transition: all 0.4s ease-in-out 0s;
}
.our-team .pic:after{
    border: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transform: scale(1, 0);
}
.our-team:hover .pic:before,
.our-team:hover .pic:after{
    border-color: #e7ab3c;
    transform: scale(1);
}
.our-team .pic img{
    width: 100%;
    height: auto;
}
.our-team .team-content {
	background:#F8F8F4;
	padding: 20px 0;
	color: #fff;
	position: relative;
}
.our-team:hover .team-content{
    background: #e7ab3c;
}
.our-team .team-content:before {
	content: "\e623";
	font-family: 'Pe-icon-7-stroke';
	width: 38px;
	height: 35px;
	font-size: 20px;
	color: #333;
	background: #F8F8F4;
	position: absolute;
	top: -24px;
	right: 0;
	transition: all 0.3s ease 0s;
	line-height: 33px;
}
.our-team:hover .team-content:before{
    width: 100%;
    background: #e7ab3c;
    color: #e7ab3c;
}
.our-team .title{
    font-size: 18px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
	font-family: 'Jost', sans-serif;
	letter-spacing: 1px;

}
.our-team:hover .title{
	color: #fff;
}
.our-team .post{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
	color: #F8F8F4;
}
.our-team .social{
    padding: 0;
    list-style: none;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    margin: auto;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}
.our-team:hover .social{
    transform: scale(1);
}
.our-team .social li{
    display: inline-block;
}
.our-team .social li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #333;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:hover{
    color: #333;
}
.our-team .social li a:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #F8F8F4;
    transform: rotate(45deg);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
	box-shadow: 0 0px 15px rgba(0,0,0,.2);
}
.our-team .social li:hover a:before{
    background: #fff;
    color: #333;
    transform: rotate(-45deg);
}

.center-block{
	float: inherit;
	margin-left: auto;
	margin-right: auto;
}

/* -------- Cart Page Css -------- */

.cart_page_area{
	padding-bottom: 60px;
}

.cart_table_area {
	margin-bottom: 30px;
}
.table {

}

.cart_prdct_table thead tr th:first-child {
	border-left: 1px solid #ddd;
}
.cart_prdct_table thead tr th {
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd !important;
	color: #000;
	font-weight: 700;
	line-height: 54px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	font-size: 15px;
}
.cart_prdct_table thead tr th.number {
  min-width: 66px;
}
.cart_prdct_table thead tr th.cpt_img {
  min-width: 166px;
  width: 166px;
}
.cart_prdct_table thead tr th.cpt_pn {
  min-width: 250px;
}
.cart_prdct_table thead tr th.cpt_q, 
.cart_prdct_table thead tr th.stock {
  min-width: 130px;
}
.cart_prdct_table thead tr th.price {
  min-width: 130px;
}
.cart_prdct_table thead tr th.total, .cart_prdct_table thead tr th.add-cart {
  min-width: 160px;
}
.cart_prdct_tablee thead tr th.remove {
  min-width: 100px;
}
.cart_prdct_table tbody tr td:first-child {
	border-left: 1px solid #ddd;
}
.cart_prdct_table tbody tr td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: middle;
}
.cart_prdct_table .cp_no {
	color: #777;
	display: block;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 18px;
}
.cart_prdct_table .cp_img {
	display: inline-block;
	padding: 10px 25px;
}

.cart_prdct_table .cp_title {
	color: #777;
	font-weight: 500;
	transition:.5s;
}
.cart_prdct_table .cp_title:hover {
	color: #e7ab3c;
}
.cart_prdct_table .cp_price, .cpp_total {
	font-weight: 500;
	letter-spacing: 0.5px;
}
.cp_remove {
	background: transparent;
	border: none;
	font-size: 20px;
	transition: .5s;
}
.cp_remove i{
	transition: .5s;
}
.cp_remove:hover i{
	background: transparent;
	border: none;
	color: #e7ab3c;
}
.cp_quantity_btn {
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
	clear: both;
}
.clrfix::after, .clrfix::before {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.cp_quantity_btn a {
	float: left;
	display: block;
	margin: 0;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	padding: 0;
	width: 30px;
	font-size: 20px;
	border: 1px solid #d7d9db;
	color: #8c929b;
	text-align: center;
	border-radius:0;
}
.cp_quntty_input:disabled {
	background-color: transparent;
	cursor: default;
}
.cp_quntty_input {
	padding: 0;
	text-align: center;
	float: left;
	display: block;
	margin: 0;
	width: auto;
	min-width: 30px;
	text-indent: 0;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #212224;
	border-left: none;
	border-right: none;
}
.cbi_mrgn {
	margin-top: -7px;
	margin-bottom: 50px;
}
.cbi_right {
	margin-right: 40px;
}

.cart-action .btn{
	margin-right: 20px;
	margin-bottom: 20px;
}
.cuppon-wrap{
	padding: 0 20px;
}
.cuppon-wrap input[type="text"]{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
	display: inline-block;
}
.cart-checkout-process span{
	padding-right: 10px;
}
.cart-checkout-process .btn{
	margin-top: 15px;
}
.cart-checkout-process h4{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* -------- Checkout Page Css -------- */

.checkout_page{
	margin-bottom: 60px;
}
.checkout_page textarea{
	height: 100px;
}

.checkout_page .title{
	margin-bottom: 20px;
	
}
.checkout_page .title h3{
	font-size: 18px;
	text-transform: capitalize;
}
.checkout_page .custom-checkbox{
	margin-top: 10px;
}
.payment_method{
	padding: 30px;
	border: 1px solid #dee2e6;
	margin: 30px 0
}
.payment_method li{
	padding: 7px 0;
}
.payment_method label{
	font-weight: 600;
}

/* -------- Product Details Page Css -------- */

.prdct_dtls_content .title {
	margin-bottom: 25px;
}

.prdct_dtls_page_area .nav-pills .nav-link{
	color: #333;
	padding: 3px 18px;
	border-radius: 4px;
	font-size: 16px;
}

.prdct_dtls_page_area .nav-pills .nav-link.active{
	color: #fff;
	background-color: #e7ab3c;
	
}
.pd_price_dtls {
	margin-bottom: 38px;
}
.pd_price{
	float:left;
}
.pd_ratng{
	float:right;
}
.pd_price .new {
	color: #303030;
	font-size: 18px;
	font-weight: 700;
	margin-right: 11px;
}
.pd_price span {
	line-height: 16px;
	display: block;
	font-weight: 500;
	float: left;
}
.pd_price .old {
	color: #909090;
	font-size: 14px;
	position: relative;
	padding: 0 5px 0 4px;
}
.pd_price .old::before {
	background: #909090;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 100%;
}
.pd_ratng .rtngs i {
	display: block;
	float: left;
	font-size: 15px;
	margin-right: 3px;
}
.pd_text {
	margin-bottom: 30px;
}
.pd_text h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_img_size {
	margin-bottom: 38px;
}
.pd_img_size h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_img_size a {
	border: 1px solid #eeeeee;
	color: #303030;
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 36px;
	transition:.5s;
}
.pd_img_size a:hover {
	border: 1px solid #e7ab3c;
	color: #e7ab3c;
}
.pd_clr_qntty_dtls {
	margin-bottom: 40px;
}
.pd_clr {
	width: 50%;
	float:left;
}
.pd_clr h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_clr a.active {
	border: 6px solid #fff;
	outline: 1px solid #303030;
	outline-offset: -1px;
	overflow: hidden;
}
.pd_clr a {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-indent: -999999px;
	width: 36px;
}
.pd_qntty_area {
	width: 50%;
	float:left;
}
.pd_qntty_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_qntty_area .pd_qty {
	border: 1px solid #ddd;
	width: auto;
	display: inline-block;
}
.pd_qntty_area .pd_qty input[type="number"] {
	background: transparent none repeat scroll 0 0;
	border-color: #ddd;
	border-style: solid;
	border-width: 0 1px 0 0;
	color: #303030;
	float: left;
	height: 35px;
	padding: 0 5px;
	text-align: center;
	width: 54px;
}
.pd_qntty_area .pd_qty .qttybtn.inc {
	margin-top: 5px;
}
.pd_qntty_area .pd_qty .qttybtn {
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-align: center;
}
.pd_qntty_area .pd_qty .qttybtn i {
	display: block;
	line-height: 12px;
}
.pd_btn {
	margin-bottom: 38px;
}
.btn_icn {
	background: #fff;
	color: #e7ab3c!important;
	border: 1px solid #e7ab3c;
	padding: 8px 15px;
	margin-left: 10px;
	transition: .5s;
}
.btn_icn:hover {
	background: #e7ab3c;
	color: #fff!important;
}
.pd_share_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
}
.pd_social_icon a {
	color: #606060;
	display: block;
	float: left;
	font-size: 20px;
	line-height: 32px;
	margin-right: 20px;
	transition:.5s;
}
.pd_social_icon a:hover {
	color: #e7ab3c;
}
.prdct_dtls_content {
	margin-top: 40px;
}

.prdct_dtls_page_area .pills-tab li{
	display: inline-block;
}
.pd_tab_area{
	margin-top:30px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgba(0,0,0,.02);
	box-shadow: 0 0 4px rgba(0,0,0,.02);
	display: block;
	padding: 31px 32px;
}
.pd_tab_area p{
	margin-bottom: 15px;
}
.pd_tab_area ul {
	display: inline-block;
	width: 100%;
	padding-bottom: 6px;
	overflow: hidden;
}

.pd_tab_area li{
	padding: 5px 0;
	display: inline-block;
	font-weight: 00;
}
.pd_tab_btn {
	margin-bottom: 10px;
	border: none;
}
.pd_tab_btn li {
	display: block;
	float: left;
	margin-right: 10px;
	padding-bottom: 11px;
	position: relative;
}
.pd_tab_btn li a {
	color: #000;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	padding: 7px 20px;
	border-radius: 20px;
	transition: .5s;
}
.pd_tab_btn li a.active{
	background: #e7ab3c;
	color: #fff;
	box-shadow: 4px 3px 5px rgba(0,0,0,0.07);
}

.single_pd_tab {
	text-align: left;
}
.pda_rtng_area {
	margin-bottom: 20px;
}
.pda_rtng_area h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 14px;
	margin: 0 0 7px;
	color:#000;
}
.pda_rtng_area h4 span {
	color: #909090;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
}
.pda_rtng_area > span {
	color: #909090;
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 10px;
}
.rtng_cmnt_area {
	margin-bottom: 40px;
}
.rtng_cmnt_area .single_rtng_cmnt {
	margin-bottom: 30px;
}
.rtngs {
	float: right;
	color: #fec42d;
}
.rtng_cmnt_area .single_rtng_cmnt .rtngs i {
	color: #fec42d;
	font-size: 16px;
}
.rtng_cmnt_area .single_rtng_cmnt .rtngs span {
	color: #909090;
}
.rtng_author {
	float: left;
}
.rtng_cmnt_area .single_rtng_cmnt .rtng_author h3 {
	color: #606060;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	line-height: 13px;
}
.rtng_cmnt_area .single_rtng_cmnt .rtng_author span {
	color: #909090;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 13px;
	margin-left: 15px;
}
.rtng_cmnt_area .single_rtng_cmnt p {
	display: block;
	overflow: hidden;
	width: 100%;
}
.rtng_cmnt_form_area h3 {
	font-size: 14px;
	margin: 0 0 30px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 12px;
}
.rcf_pdnglft {
	padding-left: 0;
}
.rp_title h3 {
	font-size: 22px;
	line-height: 24px;
	position: relative;
	text-transform: capitalize;
	padding-bottom: 13px;
	margin-bottom: 30px;
}


.related_prdct_area {
	padding: 50px 0;
}

.gray_section{
	background: #f9f9f9;
}

/* Wishlist Page CSS*/

.wishlist-page{
	padding: 20px 0 60px;
}

.custom-control {
	padding-left: 30px;
}

/*START SCROLL TO TOP*/
#topcontrol {
    background: #e7ab3c none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    position: fixed;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 50px;
	text-align: center;
	z-index: 9999;
}
#topcontrol:hover {
    background: #e7ab3c none repeat scroll 0 0;
}

.thankyou-banner{
	position: relative;
	width: 100%;
	height: 100%;
}
.thankyou-banner:after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-color:#f5f5f5;
	width: 100%;
	height: 100%;
}
.hero-text{
	background: rgba(255,255,255,0.9);
	padding:60px;
	margin-top:200px;
	position: relative;
	z-index: 1;
}
.hero-text h1 {
	color: #333;
	font-size: 60px;
	font-weight: 500;
	line-height: 70px;
	margin-bottom:60px;
	position: relative;
	text-transform: capitalize;
}