/*===========================================



Template Name: Maroko HTML5 Responsive cCommerce template.

Author: Hastech

Author URI: http://hastech.company/

Version: 1.0

    

---------------------------------------------

    

CSS INDEX

=========

1. Base CSS

	1.1 Main Styles

	1.2 Anchor

	1.3 Headings

	1.4 Selection Color

	1.5 Colors

	1.6 Browser Upgrade Prompt

	1.7 Gemerated Font

	1.8 Browser ScrollUP

2. Index CSS

	2.1 Mainmenu-area

		2.1.1 megamenu-area

		2.1.2 Search

		2.1.3 Small-Menu

		2.1.4 Cart Lists

	2.2 MainContent-area

	2.3 Featured-Product-area

	2.4 Center-Banner-area

	2.5 Group Product Area

	2.6 latest Post Area

	2.7 Subscribe Form Area

	2.8 Brand Area

	2.9 Snap footer Area

	2.10 Cakewalk footer Area

3. Index-2 CSS

	3.1 Header Area

	3.2 Catagory Thumb Area

	3.3 Featured Prouduct Area

4. Shop-Grid CSS

	4.1 breadcrumbs Area

	4.2 Catagory Image Area

	4.3 Catagory detail Area

		4.3.1 Left sidear

		4.3.2 Slider range

		4.3.3 Sidebar compare

		4.3.4 Sidebar tags

	4.4 Toolbar

5. Shop-List CSS

6. Single-product css

	6.1 Single-zoom

	6.2 Product-essential

	6.3 Product-tab

	6.4 Related-product

7. Shoping-cart CSS

	7.1 Shopping Cart Table

	7.2 Shopping Coupon

8. About-Us CSS

9. 404 Error page CSS

10. Checkout Page CSS

11. Contact Page CSS

12. blog sidebar left Page CSS

13. blog post Pages CSS

14. My account page CSS

15. IE CSS

==============================================*/

/* ============================================

1. Base CSS

===============================================*/

body {font-family: Arial;  color:#444; background: #fff;}

a:focus {outline:0px solid;}

img {max-width:100%;height:auto;}

.fix {overflow:hidden;}

ul {margin:0px;padding:0px;list-style:none}

a:hover { color: #c38749; }

strong{ font-weight: normal; }

	/* 1.1 Main Styles

	---------------------------------------------------------------------------*/

body {

    margin: 0;

	height: 100%;

    background-color: #fff;

	color:#444;

	font-size: 12px;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased !important;

    font-family: Arial;

}

.container{ width: 1200px; }

 .uppercase { text-transform: uppercase; }

	/* 1.2 Anchor

	---------------------------------------------------------------------------*/

a {

    color: #252525;

	text-decoration:none !important;

    -webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

	     -o-transition: all 0.3s ease-in-out;

	        transition: all 0.3s ease-in-out;

}

a,

a > * {

    outline: none;

    cursor: pointer;

    text-decoration: none;

}

a:focus,

a:hover {

    outline: none;

    color: #c38749;

    text-decoration: none;

}

	/* 1.3 Headings

	---------------------------------------------------------------------------*/

h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0;

	margin: 0 0 5px;

	line-height: 1.35;

    color: #252525;

    font-weight: 700;

    font-family: "Montserrat",sans-serif;

	text-transform: uppercase;

}

h1 { font-size: 50px; }

h2 { font-size: 40px; }

h3 { font-size: 30px; }

h4 { font-size: 20px; }

h5 { font-size: 16px; }

h6 { font-size: 12px; }

p { margin: 0 0 10px; }

b,

strong { font-weight: normal; }

.font-size-16 { font-size: 16px; }

.font-size-24 { font-size: 24px; }

.font-size-36 { font-size: 36px; }

.font-size-60 { font-size: 60px; }

.font-weight-600 { font-weight: 600; }

.font-weight-800 { font-weight: 800; }

.section-padding { padding: 90px 0px 10px; }

.align-center { text-align: center; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.nopadding{padding: 0px;}

.nopadding-right{padding-right: 0px;}

.nopadding-left{padding-left: 0px;}

	/* 1.4 Selection Color

	---------------------------------------------------------------------------*/

::selection {

    color: #252525;

    text-shadow: none;

    background-color: #338FFF;

}

::-webkit-selection {

    color: #252525;

    text-shadow: none;

    background-color: #338FFF;

}

::-moz-selection {

    color: #252525;

    text-shadow: none;

    background-color: #338FFF;

}

	/* 1.5 Colors

	---------------------------------------------------------------------------*/

.base-color { color: #d24d57; }

.black-color { color: #252525; }

	/* 1.6 Browser Upgrade Prompt

	---------------------------------------------------------------------------*/

.browserupgrade {

    margin: 0.2em 0;

    background: #ffffff;

    color: #252525;

    padding: 0.2em 0;

}

	/* 1.7 Gemerated Font

	---------------------------------------------------------------------------*/

@font-face {

  font-family: 'Casmira';

  src: url('fonts/Casmira.eot?#iefix') format('embedded-opentype'),  url('fonts/Casmira.woff') format('woff'), url('fonts/Casmira.ttf')  format('truetype'), url('fonts/Casmira.svg#Casmira') format('svg');

  font-weight: normal;

  font-style: normal;

}

	/* 1.8 Browser ScrollUP

	---------------------------------------------------------------------------*/

#scrollUp{

    background: #7f7f7f;

    bottom: 35px;

    height: 40px;

    right: 12px;

    width: 40px;

	color: #ffffff;

	text-align: center;

}

#scrollUp i{

	font-size: 24px;

	font-weight: 700;

	line-height: 37px;

}

#scrollUp:hover{

	background: #c38749;

	color: #ffffff;

}

/* ============================================

2. Index CSS

===============================================*/

/*2.1 Mainmenu-area

--------------------------------*/

	/*2.1.1 megamenu-area

	--------------------------------*/

.mainmenu-area{

	z-index: 10;

    margin: 20px 0px 30px;

    border-bottom: 3px solid #252525;

    padding-bottom: 15px;

    position: relative;

}

.mega-collapse{

	float: left;

	margin-top: 21px;

	margin-left: 25px;

}



.mega-collapse ul.nav li {

	float: left;

	position: relative;

}

nav>li>a {

	position: relative;

	display: block;

	padding: 0px;

 }

.nav>li>a:focus, .nav>li>a:hover {

	text-decoration: none;

	background-color: initial;

}

.mega-collapse ul.nav li a {

	padding: 5px 25px 5px 0;

	text-decoration: none;

	display: block;

	line-height: 30px;

	text-transform: uppercase;

	font-size: 14px;

	font-family: Montserrat;

	font-weight: 700;

	color: #252525;

	position: relative;

}

.mega-collapse ul.nav li .mega-menu {

	background-color: #fff;

	position: absolute;

	overflow: hidden;

	top: 40px;

	text-transform: uppercase;

	text-align: left;

	padding: 0px 20px 0px 40px;

	margin: 0;

	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);

	border: 1px solid #eeeeee;

	display: none;

}

.mega-collapse ul .coequal{

	width: 868px;

	left: -70px;

	padding-left: 40px !important;

}

.mega-collapse ul .tree-col{

	left: -129px;

	padding-left: 40px !important;

}

.mega-collapse ul .two-col{

	width: 464px;

	left: 0px;

	padding-bottom: 35px !important;

}

.mega-collapse ul.nav li .mega-menu a.itemmenu{

	font-size: 14px;

	font-weight: 700;

	color: #444444;

	padding: 40px 0px 10px 0px;

	margin-bottom: 35px;

	border-bottom: 1px solid #444444;

	text-transform: uppercase;

	line-height: 17px !important;

	font-family: "Montserrat",sans-serif;

}

.mega-collapse ul.nav li .mega-menu a.level12{

	text-transform: uppercase;

	font-weight: normal;

	font-size: 12px;

	color: #444444;

	display: block;

	line-height: 16px;

	padding: 8px 0 8px 23px;

	font-family: "Montserrat",sans-serif;

	font-weight: 700;

	background: url("images/bg-mega.webp") no-repeat 0 50%;

}

.mega-collapse ul.nav li .mega-menu div {

	float: left;

	margin-right: 20px;

	width: 181px;

	transition: all 0.1s ease 0s;

}

.mega-collapse ul.nav li .mega-menu div.mega-bottom {

	width: 100%;

	margin: 30px 0px 35px;

}

.mega-collapse ul.nav li .mega-menu div.mega-bottom a {

	overflow: hidden;

	width: 243px;

	float: left;

	margin-right: 25px;

	padding: 0px;

}

.mega-collapse ul.nav li .mega-menu div.mega-right a {

	margin-top: -45px;

}

.mega-collapse ul.nav li .mega-menu div .two-side{

	width: 50%;

}

.mega-collapse ul.nav li .mega-menu div>a{

	color: #252525;

	display: block;

	font-weight: 400;

	padding: 50px 0px 0px 0px;

	text-align: left;

	text-transform: inherit;

}

.mainmenu ul#nav li .mega-menu li>a:hover{

	color:#fff;

	padding-left:10px;

}



.mega-collapse ul.nav li .mega-menu a:hover, .mega-collapse nav ul.nav>.capable a, .mega-collapse nav ul.nav> li > a:hover {

	color: #c38749;

}

.mega-collapse nav ul.nav>.capable:before {

	background: #c38749;

	bottom: 5px;

	content: "";

	height: 1px;

	left: 0;

	width: 25px;

	position: absolute !important;

}

.mega-collapse nav ul.nav> li> a:before {

	opacity: 0;

	content: "";

	width: 0px;

	height: 1px;

	background: #c38749;

	position: absolute;

	left: 0;

	bottom: 5px;

	-webkit-transition: all 500ms ease-out;

	-moz-transition: all 500ms ease-out;

	-ms-transition: all 500ms ease-out;

	-o-transition: all 500ms ease-out;

	transition: all 500ms ease-out;

}

.mega-collapse nav ul.nav> li:hover>a:before{width:25px;opacity:1}

.mega-menu.drop-menu {

    padding: 0px 10px !important;

    margin: 0px !important;

    left: -12px;

	width: 200% !important;

}

.drop-menu a.itemmenu {

    padding: 5px 0px 1px 0px !important;

    margin: 5px 0px 10px 0px !important;

    font-weight: 400 !important;

    font-size: 12px !important;

	border-bottom: 0px !important;

}



/*2.1.2 Search
--------------------------------*/
.user-action-btn{
    display: flex;
    list-style: none;
}

.user-action-btn > li{
    margin-right: 25px;
    position: relative;
}
.user-action-btn > li > button{
    background: none;
    border: none;
    font-size: 18px;
    color: #000;
}
.search-content{
    background: #FFFFFF;
	box-shadow: 0px 0px 2px 2px #dddddd;
    position: absolute;
    right: -13px;
    text-align: left;
    top: 100%;
    width: 300px;
	display: none;

}

.search-content input.input-text {
    background: none repeat scroll 0 0 transparent;
    color: #CCCCCC;
    float: left;
    height: 35px;
    margin: 10px 10px;
    padding: 17px 0px 17px 10px;
    width: 242px;

}

.search-content button.button {
    float: right;
}

.search-content button.button span {
    background: #c38749 !important;
    border: 0 none;
    height: 35px;
    padding: 0;
    transition: all 0s ease 0s;
    width: 35px;
    font-weight: normal;
}

.search-content button.button span span {
    background: none;
    float: left;
    padding: 0;
	font-size: 0px;
}

.search-content button.button span span::before {
    color: #fff;
    content: "\f002";
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 35px;
}

button.button {
    overflow: visible;
    width: auto;
    border: 0;
    top: 10px;
    padding: 0;
	outline: none;
    margin: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    right: 10px;

}

input.input-text, select, textarea {
    border: 1px solid #f2f2f2;

}

input, select, textarea, button {
    font: 13px/15px Arial,Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #888888;
    background: #fff;

}

.search-content input.input-text:focus {
    outline: none;
}


/*2.1.2 Small-Menu

--------------------------------*/
.smallmenu-list {
    box-shadow: 0 0 2px 2px #dddddd;
    width: 150px;
    position: absolute;
    padding: 10px 15px;
	background-color: #ffffff;
	display: none;
    right: 0;
    top: 100%;
    line-height: 1.6;
}

.communicat span {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.communicat span, .communicat ul li {

    border-bottom: 1px solid #d3d3d3;

    padding: 10px 0px;

    vertical-align: middle;

    display: block;

    overflow: hidden;

}

.english  {

    background: url("images/en.webp") no-repeat 6% 50% #fff;

}

.french  {

    background: url("images/fr.webp") no-repeat 6% 50% #fff;

}

.dialect a {

	position: relative;

	left: 40px !important;

}

.communicat ul li a {

    left: 10px;

    position: relative;

	font-weight: 500;

    font-family: "Raleway",sans-serif;

    font-size: 12px;

}

li.log-in-to {

    padding-bottom: 0px !important;

    border-bottom: 0px !important;

}

	/*2.1.4 Cart Lists

	--------------------------------*/

.top-cart{

	width: 50px;

}

.top-cart .fa-shopping-cart {

	padding: 0;

    height: 50px;

    width: 40px;

    line-height: 50px;

    text-align: center;

    position: absolute;

    color: #000;

    font-size: 18px;

    left: 70%;

    top: 20px;

}

.top-cart-toggle .cart-position {
    position: absolute;
    width: 21px;
    cursor: pointer;
    height: 21px;
    background: #c78f55;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 22px;
    left: 65%;
    top: -10px;
}

.top-cart-content {
    width: 320px;
    position: absolute;
    top: 100%;
    right: 10px;
    border: 0;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    text-align: left;
	overflow: hidden;
	box-shadow: 0 0 2px 2px #dddddd;
	display: none;
}

.top-cart-content ul{ padding: 15px 15px 0px; }

.top-cart-content ul li{
	display: flex;
}
.top-cart-content ul li > a{
	width: 51px;
    margin-right: 15px;
}
.top-cart-content ul li a img{
	border: 1px solid #ededed;
	width: 100%;
}

.top-cart-content ul li {
	margin-bottom: 10px;
	list-style: none;
}

.top-cart-content ul li .product-details{
    width: calc(100% - 65px);
    line-height: 1.6;
}

.product-details .product-name a {

    font-size: 13px;

	text-transform: uppercase;

	font-weight: 700;

    font-family: "Montserrat",sans-serif;

}

.btn-remove {

	display: block;

    width: 16px;

    height: 16px;

    font-size: 0;

    line-height: 0;

    background: url(images/btn_remove.gif) 0 0 no-repeat;

    text-indent: -999em;

    overflow: hidden;

    top: 0px;

    position: relative;

    float: right;

    padding: 0 10px;
}

.btn-edit {

    display: block;

    width: 20px;

    height: 16px;

    font-size: 0;

    line-height: 0;

    background: url(images/btn_edit.gif) 0 3px no-repeat;

    text-indent: -999em;

    overflow: hidden;

	position: relative;

    right: 0px;

    float: right;

}

.price {

    font-family: "Montserrat",sans-serif;

    font-weight: 700;

    font-size: 15px;

    color: #000000;

	padding: 0px 5px;

}

.top-subtotal {

    float: left;

    margin: 22px 0px 0px 15px;

    font-size: 10px;

    text-transform: uppercase;

    font-weight: normal;

}

.top-cart-content .actions {

    padding: 0;

    float: right;

    margin: 24px 15px 20px 0px;

}

.actions a{

	padding: 12px 18px;

	border: 1px solid #cccccc;

	color: #252525;

	font-family: "Montserrat",sans-serif;

    font-weight: 700;

	text-transform: uppercase;

}

.actions a:hover{

	color: #c38749;

	border: 1px solid #c38749;

	padding: 12px 18px;

}

/*2.2 MainContent-area

--------------------------------*/

.maincontent-area{

	margin-bottom: 50px;

	overflow: hidden;

}

.special-width {

    width: 33.33%;

    float: left;

}

.special-inner{

	position: relative;

	overflow: hidden;

}

.special-inner1{

	border-bottom: 1px solid #ffffff;

}

.special-inner2, .special-inner1{

	border-right: 1px solid #ffffff;

}

.special-inner4{

	border-bottom: 1px solid #ffffff;

}

.special-inner5, .special-inner4{

	border-left: 1px solid #ffffff;

}

a.images img, .single-thumb img{ width: 100%; }

.special-inner .content {

    position: absolute;

    z-index: 9;

    left: 0;

    text-align: center;

    width: 100%;

	bottom: 20px;

}

.special-inner .read-more {

    background: #c38749;

    bottom: 0;

    display: block;

    font-size: 0;

    height: 90px;

    opacity: 0;

    position: absolute;

    right: 0;

    transform: rotate(135deg) translate(0px, -110px);

    -moz-transform: rotate(135deg) translate(0px,-110px);

    transition: all 0.3s ease-out 0s;

    width: 90px;

    z-index: 1;

}

.special-inner:hover .read-more {

    transform: rotate(135deg) translate(0px,-70px);

    -moz-transform: rotate(135deg) translate(0px,-70px);

    -webkit-transform: rotate(135deg) translate(0px,-70px);

    opacity: 1;

}

.special-inner .read-more:before {

    color: #ffffff;

    content: "\f002";

    display: block;

    font-family: FontAwesome;

    font-size: 16px;

    line-height: 35px;

    height: 100%;

    transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    width: 100%;

    padding: 6px 0 0 16px;

}

.special-inner2 .content h1 {

    color: #ffffff;

    font-weight: 900;

}

.special-inner1 .content span, .special-inner4 .content h2{

    padding: 0px 20px;

    color: #252525;

    display: inline-block;

    font-size: 33px;

    text-transform: uppercase;

}

.special-inner1 .content p, .special-inner5 .content h3 {

    font-family: Montserrat;

    font-weight: 700;

    font-size: 18px;

    color: #252525;

    margin: 0px;

    text-transform: uppercase;

    letter-spacing: 5px;

}

.special-inner3 .content {

    bottom: 60px;

    border: 10px solid #FFF;

    padding: 35px 30px;

    width: 400px;

    left: 50%;

    margin: 0px 0px 0px -200px;

    text-align: left;

}

.special-inner3 .content h2, .special-inner5 .content h2 {

    font-size: 33px;

    color: #FFF;

    font-weight: 900;

}

.special-inner3 .content h3 {

    font-size: 28px;

    color: #FFF;

    margin: 5px 0px 0px;

    padding: 18px 0px 0px;

    font-weight: 900;

    position: relative;

    letter-spacing: -2px;

}

.special-inner3 .content h3:before {

    color: #FFF;

    content: "";

    display: block;

    height: 10px;

    background-color: #ffffff;

    width: 130px;

    position: absolute;

    top: 0px;

    left: 0px;

}

.special-inner5 .content h3{

	letter-spacing: 2px;

	color: #ffffff;

}

.special-inner1 .content span:before, .special-inner1 .content span:after {

	content: "";

    display: block;

    height: 3px;

    background: #252525;

    width: 40px;

    position: absolute;

    top: 18px;

    left: 25%;

}

.special-inner1 .content span:after{

	left: 66%;

}

/*2.3 Featured-Product-area

--------------------------------*/

.featured-product-area {

    padding-bottom: 35px;

}

.featured-product-area .section-heading, 

.sale-product-area .section-heading{

	margin: 0 0 48px;

}

.featured-product-area .section-title, 

.sale-product-area .section-title{

	margin: 48px 0px;

	text-align: left;

	position: relative;

}

.section-heading {

    margin: 0 0 10px;

    position: relative;

    text-align: center;

}

.section-heading:before, .section-title:before {

    border-top: 1px solid #d3d3d3;

    content: "";

    left: 0;

    margin: 0;

    position: absolute;

    top: 50%;

    width: 100%;

}

.section-heading h3, .section-title h3 {

    width: auto;

    z-index: 1;

	padding: 0 35px;

    background: #fff;

    display: inline-block;

    font-weight: 700;

    font-size: 24px;

    color: #252525;

    text-transform: uppercase;

    margin: 0;

    position: relative;

}

.section-title h3 {

	padding: 0 35px 0 0;

}

.section-heading h3::before {

    background: none;

    border: 1px solid #d3d3d3;

    width: 10px;

    height: 10px;

    content: "";

    position: absolute;

    top: -66px;

    left: -76px;

    z-index: 1;

    transform: rotate(135deg) translate(0px,-110px);

    -webkit-transform: rotate(135deg) translate(0px,-110px);

    -moz-transform: rotate(135deg) translate(0px,-110px);

}

.section-heading h3:after {

    background: none;

    border: 1px solid #d3d3d3;

    width: 10px;

    height: 10px;

    content: "";

    position: absolute;

    top: -66px;

    left: 258px;

    z-index: 1;

    transform: rotate(135deg) translate(0px,-110px);

    -webkit-transform: rotate(135deg) translate(0px,-110px);

    -moz-transform: rotate(135deg) translate(0px,-110px);

}

.sale-product-area .section-heading h3:after {

    left: 68%;

}

.features-curosel .col-lg-3, .latest-carousel .col-md-6 {

    width: 100%;

}

.single-product {

    overflow: hidden;

    position: relative;

}

.two-product .single-product {

	margin-bottom: 35px;

}

.single-product .box-over{

	background: rgba(0,0,0,0.5);

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

	opacity: 0;

	z-index: 1;

    pointer-events: none;

	transition: all 0.6s ease-out;

    -webkit-transition: all 0.6s ease-out;

    -moz-transition: all 0.6s ease-out;

}

.single-product:hover .box-over{

	opacity: 1;

}

.sale-product-area div.new-item:before{

	background: #252525;

}

div.new-item{

	text-transform: uppercase;

	color: #ffffff;

	font-weight: 700;

	font-size: 13px;

	z-index: 20;

	cursor: context-menu;

}

div.new-item:before{

	background: #C38749;

    width: 50px;

    height: 50px;

    content: "";

    right: 90px;

    position: absolute;

    top: -65px;

    z-index: 10;

    transform: rotate(135deg) translate(0px,-110px);

    -webkit-transform: rotate(135deg) translate(0px,-110px);

    -moz-transform: rotate(135deg) translate(0px,-110px);

    transition: all 0.3s ease-out;

}

div.new-item h6 {

    position: absolute;

    top: 30px;

    z-index: 999;

    right: 22px;

    color: #ffffff;

}

.actions-item{

	position: absolute;

    bottom: -20px;

    left: 0;

    width: 90%;

    padding: 5px 0px;

    margin-left: 12px;

    border-bottom: 1px solid #fff;

    border-top: 1px solid #fff;

    z-index: 2;

	opacity: 0;

	transition: all 0.3s ease-out;

}

.actions-item ul li {

    display: inline-block;

    padding: 5px 15px 5px 10px;

	font-family: "Raleway",sans-serif;

    border-right: 1px solid #ffffff;

    font-size: 13px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

}

.actions-item ul li:last-child {

	border-right: 0px solid;

}

.actions-item ul li a{

	color: #ffffff;

}

.actions-item ul li a:hover{

	color: #c38749;

}

.single-product:hover .actions-item{

	opacity: 1;

	bottom: 20px;

}

.single-product .price-box {

    width: 100%;

    margin: 0;

    text-align: center;

	position: absolute;

    top: 120px;

    left: 75px;

    z-index: 2;

    width: 110px;

    height: 110px;

	font-family: "Montserrat",sans-serif;

	-webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-duration: 0.5s;

    transform: scale(0);

    opacity: 0;

}

.single-product:hover .price-box {

    transform: scale(1);

    -ms-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    opacity: 1;

}

.single-product .price-box:before {

    width: 110px;

    height: 110px;

    border: 1px solid #fff;

    content: "";

    display: block;

    position: absolute;

    transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    transition: all 0.3s ease-out 0s;

    z-index: 2;

}

span.old-price {

    font-size: 14px;

    color: #ffffff;

    display: inline-block;

    margin: 30px 26px 0px;

    padding-bottom: 5px;

}

span.new-price {

    display: inline-block;

    color: #ffffff;

    font-size: 24px;

    font-weight: 700;

	margin-top: -5px;

}

.product-img {

    position: relative;

    display: block;

}

.product-img:before {

    background-color: #000;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    transition: all 0.3s ease 0s;

    width: 100%;

}

.product-img a {

    display: block;

}

.product-img a img {

    transition: all 0.3s ease 0s;

    width: 100%;

	border: 1px solid #dddddd;

}

.product-img a img.secondary-image{

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    z-index: 1;

}

.single-product:hover .product-img a img.secondary-image{

    opacity: 1;

}

h2.product-name {

    font-size: 15px;

    font-weight: normal;

    margin: 15px 0 10px;

}

.product-content{

	text-align: center;

}

/*2.4 Center-Banner-area

--------------------------------*/

.center-banner-area{

	display: inline-block;

    width: 100%;

    margin: 35px 0 0;

    position: relative;

	height: 100%;

	text-align: center;

}

.center-banner-area .banner-text {

    position: absolute;

    top: 20%;

    left: 27%;

}

.center-banner-area .banner-text h3 {

    font-family: 'Raleway', sans-serif;

    color: #252525;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

    font-weight: 400;

}

.center-banner-area .banner-text h3 span {

    font-weight: 900;

    margin-left: 5px;

}

.center-banner-area .banner-text h1 {

    font-family: 'Raleway', sans-serif;

    font-size: 70px;

    color: #252525;

    margin: 8px 0 0;

    padding: 0;

    text-transform: uppercase;

    font-weight: 400;

}

.center-banner-area .banner-text h1 span {

    font-weight: 900;

    margin-left: 10px;

    background: #f25862;

    color: #fff;

    padding: 3px 5px;

}

.center-banner-area .banner-text a {

    display: inline-block;

    padding: 13px 36px;

    border: 3px solid #252525;

    color: #252525;

    font-family: 'Raleway', sans-serif;

    font-weight: 700;

    font-size: 18px;

    text-transform: uppercase;

}

.center-banner-area .banner-text a:hover {

    border: 3px solid #f25862;

    background: #f25862;

    color: #fff;

}

.center-banner-area .banner-text .shop-link {

    margin: 30px 0 0;

}

/*2.5 Group Product Area

--------------------------------*/

.group-single-product {

    overflow: hidden;

}

.group-product-area {

    display: inline-block;

    width: 100%;

    margin: 48px 0 0;

}

.group-product-title h4 {

	color: #252525;

    font-size: 17px;

    text-transform: uppercase;

    margin: 0;

    padding: 0 0 10px;

    border-bottom: 1px solid #c2c2c2;

    font-family: "Montserrat",sans-serif;

    font-weight: 700;

}

.group-product-title {

    display: inline-block;

    width: 100%;

    margin-bottom: 25px;

}

.group-img {

    padding-bottom: 10px;

    margin-top: 20px;

}

.group-img img {

    float: left;

    border: 1px solid #dddddd;

    margin-right: 10px;

    width: 90px;

}

h2.groupe-name {

    font-size: 12px;

    font-weight: normal;

    margin: 0px 0 10px;

	font-weight: 400;

}

.group-content span {

    font-size: 16px;

    font-weight: 700;

    padding-bottom: 11px;

    display: block;

}

/*2.6 latest Post Area

--------------------------------*/

.latest-post-area {

    margin-bottom: 20px;

}

.container-top {

    margin: 45px 0 0;

    padding: 45px 0 21px;

    border-top: 1px solid #dddddd;

}

.latest-title h3 {

    text-align: center;

    font-size: 24px;

	padding: 0px 0px 15px;

	margin: 0px 0px 45px;

	position: relative;

}

.latest-title span, address a {

    color: #C38749;

}

.latest-title h3:before {

    width: 42px;

    height: 4px;

    background: #252525 none repeat scroll 0% 0%;

    content: "";

    display: block;

    position: absolute;

    bottom: 0px;

    left: 50%;

    margin-left: -18px;

}

.latest-post-area .item-index {

    margin: 58px 0px 0px;

    width: 120px;

    float: left;

}

.latest-post-area .item-index .post-calender, .latest-post-area .item-index .item-comments {

    float: left;

    width: 100%;

    padding: 10px 20px;

    background: #252525 none repeat scroll 0% 0%;

    text-align: center;

    color: #FFF;

    text-transform: capitalize;

    font-family: "Montserrat",sans-serif;

    font-weight: 400;

    font-size: 35px;

    line-height: 33px;

}

.latest-post-area .item-index .post-calender .item-date,

 .latest-post-area .item-index .item-comments h4 span {

    text-align: center;

    color: #FFF;

    text-transform: capitalize;

    font-family: "Montserrat",sans-serif;

    font-weight: 400;

    font-size: 35px;

    line-height: 33px;

}

.latest-post-area .item-index .post-calender .item-month {

    font-size: 17px;

    display: block;

}

.latest-post-area .item-index .item-comments {

    margin: 15px 0px 0px;

    padding: 9px 20px 0px;

}

.item-comments h4{

	color: #ffffff;

	font-size: 14px;

    line-height: 34px;

	text-transform:capitalize;

}

.item-comments h4 span {

	border-bottom: 2px solid #ffffff;

    padding-bottom: 5px;

    width: 100%;

    display: block;

}

.latest-post-area .item-blog {

    margin: 0px 0px 0px 130px;

}

.item-blog .item-content a {

    letter-spacing: 1px;

    font-weight: 400;

    font-size: 18px;

    padding-top: 15px;

    display: block;

}

.item-content p {

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    color: #848484;

    font-weight: 400;

    margin: 10px 0px 0px;

    letter-spacing: 1px;

    line-height: 25px;

}

.item-blog .item-content .reademore {

    width:0px;

    background: #C38749 none repeat scroll 0% 0%;

    color: #FFF;

    font-family: "Raleway",sans-serif;

    font-weight: 700;

    letter-spacing: 2px;

    font-size: 0px;

    text-transform: uppercase;

    height: 45px;

    padding: 13px 0px;

    border: 0px none;

    display: inline-block;

    margin-top: 10px;

    text-align: center;

    position: relative;

}

.item-content a.reademore:before {

    color: #FFF;

    content: "\f178";

    display: block;

    font-family: FontAwesome;

    font-size: 14px;

    position: absolute;

    top: 13px;

    left: 50%;

    margin-left: 70px;

}

.item-post:hover .item-content .reademore {

    width: 100%;

    font-size: 14px;

}

.item-content .reademore:hover {

    background: #252525;

}

.item-post:hover .post-calender, .item-post:hover .item-comments {

    background: #c38749;

}

/*2.7 Subscribe Form Area

--------------------------------*/

.contact-form-area .subscribe-content {

    position: absolute;

    margin-top: -18.3%;

    text-align: center;

    width: 100%;

    margin-bottom: 15px;
}

.contact-form-area .subscribe-title h3{

	margin: 0px 0px 15px;

	padding-bottom: 8px;

	color: #ffffff;

	position: relative;

}

.center-banner-area a img{ width:100% }

.border-bottom {

    width: 50px;

    height: 3px;

    background: #FFF none repeat scroll 0% 0%;

    position: absolute;

    left: 50%;

	top: 18%;

    margin: 0px 0px 0px -20px;

}

.subscribe-title p {

    padding-bottom: 10px;

    font-family: "Raleway",sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #FFF;

}

form.newslatter-form {

    overflow: hidden;

    width: 800px;

    display: inline-block;

    margin: 10px 0px 0px;

}

.subscribe-form button {

    top: 0px;

}

.subscribe-content{
    overflow: hidden;
}

.subscribe-content input.input-text {

    border: 1px solid #FFF;

    background: transparent none repeat scroll 0% 0%;

    height: 60px;

    padding: 0px 20px;

	width: 670px;

	outline: none;

    color: #FFF;

}

.subscribe-form button.button i {

    line-height: 15px;

    background: transparent none repeat scroll 0% 0%;

    padding: 22px 50px 21px;

    border-width: 1px 1px 1px 0px;

    border-style: solid solid solid none;

    border-color: #FFF #FFF #FFF -moz-use-text-color;

    -moz-border-top-colors: none;

    -moz-border-right-colors: none;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    color: #FFF;

    font-size: 24px;

}

.social-link {

    margin-top: 5px;

}

.social-link a {

    position: relative;

    display: inline-block;

    height: 40px;

    line-height: 40px;

    width: 40px;

	margin-left: 10px;

    text-align: center;

    font-size: 18px;

    border: 1px solid #FFF;

    color: #FFF;

}

.social-link a:hover{

	color: #c38749;

    border-color: #c38749;

}

/*2.8 Brand Area

--------------------------------*/

.brand-area{

	position: relative;

	margin: 30px 0px;

}

.brand-area .brand-item{

	margin-left:15px;

	float: left;

}

/*2.9 Snap footer Area

--------------------------------*/

.snap-footer{

	background-color: #252525;

	width: 100%;

	background: #252525 none repeat scroll 0% 0%;

	padding: 45px 0px 35px;

	border-bottom: 1px solid #363636;

}

.snap-footer-title{ margin-bottom:30px }

.snap-footer-title h4{

	color: #c38749;

	font-size: 18px;

	text-transform: capitalize;

}

.snap-footer-content .group-img {

    padding-bottom: 15px;

    overflow: hidden;

    float: left;

	margin-top: 0px;

	position: relative;

}

.snap-footer-content .group-img img {

    border: 0px;

    width: 70px;

}

.snap-footer-content .group-content h2 a {

	color: #ffffff;

}

.snap-footer-content .group-content h2 a:hover, .some-links ul li a:hover {

	color: #c38749;

}

.snap-footer-content .group-content span {

    color: #ffffff;

}

.group-img a img.secondary-image{

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    z-index: 1;

}

.group-single-product:hover .group-img a img.secondary-image{

    opacity: 1;

}

.snap-footer-content ul li {

    display: inline-block;

    margin: 0px 5px 20px 0px;

}

.snap-footer .snap-footer-content ul li a {

	color: #dddddd;

	border-color: #dddddd;

}

.snap-footer-content ul li a {

    font-family: "Raleway",sans-serif;

	font-size: 13px;

	color: #797979;

	font-weight: 400;

	padding: 5px 15px;

	border: 1px solid #797979;

	background: transparent none repeat scroll 0% 0%;

}

.snap-footer-content ul li a:hover{

	background-color: #ffffff;

	color: #797979;

}

.twitter-content a img {

    float: left;

    margin-right: 5px;

}

.twitter-content a {

    top: 8px;

	position: relative;

	color: #ffffff;

}

.twitter-content span {

    float: right;

	color: #878787;

	top: -8px;

	position: relative;

}

.twitter-link {

    position: relative;

    top: 5px;

    display: inline-block;

    overflow: hidden;

    left: 0px;

    color: #878787;

}

.twitter-link a{

	color: #c38749;

	padding-top: 5px;

	display: block;

}

.twitter-link a:hover, address a:hover{

	color: #ffffff;

}

/*2.10 Cakewalk footer Area

--------------------------------*/

.cakewalk-footer-area {

    background-color: #252525;

    padding: 45px 0px 35px;

    border-bottom: 1px solid #363636;

}

.cakewalk-footer-area .snap-footer-title h4 {

	text-transform: uppercase;

}

.cakewalk-footer-content ul li a{

	color: #dddddd;

	padding-bottom: 15px;

	display: block;

	font-family: "Raleway",sans-serif;

	font-size: 13px;

	font-weight: 400;

}

.cakewalk-footer-content ul li a:hover{

	color: #c38749;

	font-weight: 700;

}

.some-links {

    margin: 10px 0px 0px;

}

.some-links li {

    display: inline;

}

.some-links ul li {

    line-height: 30px;

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    border-right: 1px solid #6A6A6A;

    margin-right: 10px;

    padding-right: 10px;

    color: #AFAFAF;

}

.some-links ul li a{ color: #dddddd; }

.some-links ul li:last-child{

	border-right: 0px;

}

.footer-coppyright {

    background-color: #252525;

    padding: 20px 0px 8px;

}

address {

    color: #FFF;

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    margin: 0px;

}

ul.payment {

    text-align: right;

    top: -5px;

    position: relative;

}

ul.payment li {

    display: inline-block;

    padding-left: 10px;

}

/* ============================================

3. Index-2 CSS

===============================================*/

/*3.1 Header Area

--------------------------------------------------------------------*/

.header-area{

	background:#ffffff;

	color:#838383;

	border-bottom: 3px solid #000;

}

.block-top-link {

	padding: 10px 0px 0px;

	color: #d5d5d5;

}

.list-inline>li {

	display: inline-block;

	padding-right: 0px;

	padding-left: 0px;

}

p.welcome-msg {

	font-family: "Raleway",sans-serif;

	font-size: 13px;

	color: #6e6e6e;

	font-weight: 400;

}


.header-top-menu ul{margin:0;padding:0;list-style:none}

.header-top-menu ul li{display: inline-block;}

.header-top-menu ul li{position:relative}

.list-unstyled li a{

	color: #6e6e6e;

	display: inline-block;

	font-family: "Raleway",sans-serif;

	font-size: 13px;

	font-weight: 400;

	padding: 10px 17px 10px;

	text-transform: capitalize;

	background: url("images/bg-link.webp") no-repeat 100% 50%;

	position: relative;

	text-decoration: none;

}

.header-top-menu ul li ul{

	background: #ffffff none repeat scroll 0 0;

	box-shadow: 0 0 2px 2px #dddddd;

	position: absolute;

	transition: all 0.3s ease 0s;

	opacity:0;

	z-index:-9;

	top: 60px;

}

.header-top-menu ul li ul li {

	float: left;

	width: 100%;

}

.header-top-menu ul li ul li a{

	padding: 0px 10px;

}

.header-top-menu ul li:hover ul{opacity:1;top:40px;z-index:99999}

.dropdown-small i {

  padding-left: 10px;

  font-size: 15px;

}

.top-icon i {

  padding-right: 5px;

}

.list-unstyled i:hover, .list-unstyled i:focus {

  color: #c38749 !important;

}

.list-unstyled li a:hover {

  color: #c38749 !important;

}

.header-top-menu ul li ul.dropdown_menu li a {

	padding: 10px 20px;

	margin: 0;

	line-height: 12px;

	display: block;

	text-transform: capitalize;

	font-weight: 500;

	font-size: 13px;

	text-align: left;

	color: #6e6e6e;

	font-family: "Raleway",sans-serif;

	border-bottom: 1px solid #d3d3d3;

	width: 100%;

}

.header-top-menu ul li ul.dropdown_menu{

	min-width: 100px;

}

.header-top-menu ul li ul.drop{

	min-width: 140px;

	left: -28px !important;

}

.dropdown_menu li a:hover {

	color: #c38749 !important;

}

.header-top-menu ul li ul.drop .french {

	background: url("images/fr.webp") no-repeat 6% 10px #fff;

}

.header-top-menu ul li ul.drop .english {

	background: url("images/en.webp") no-repeat 6% 10px #fff;

}

.header-top-menu ul li ul.drop li a{

	padding: 12px 0px 12px 45px;

}

.extra-one .mainmenu-area {

    margin: 15px 0px 0px;

    border-bottom: 3px solid #000;

}

/* .extra-one .search-contain{left:35%} */

/*3.2 Catagory Thumb Area

-------------------------------------------------------------------------*/

.single-thumb .catagory-title {

    width: 100%;

    text-align: center;

    background: #FFF;

	cursor: pointer;

}

.single-thumb .catagory-title:hover h4 a {

    color: #FFF;

}

.single-thumb .catagory-title:hover h4:before {

    background: #FFF;

}

.single-thumb .catagory-title:hover {

    background: #252525;

	-webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

	     -o-transition: all 0.3s ease-in-out;

	        transition: all 0.3s ease-in-out;

}

.single-thumb .catagory-title:hover:after {

    border-color: #252525 transparent transparent;

	-webkit-transition: all 0.3s ease-in-out;

       -moz-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

	     -o-transition: all 0.3s ease-in-out;

	        transition: all 0.3s ease-in-out;

}

.single-thumb .catagory-title h4{

    font-size: 18px;

    margin: 0px;

    padding: 33px 0px;

	border: 1px solid #dddddd;

	border-bottom: 0px;

	border-right: 0px;

}

.single-thumb .catagory-title h4:before {

    width: 23px;

    height: 1px;

    background: #252525;

    content: "";

    display: block;

    position: absolute;

    top: 24%;

    left: 50%;

    margin-left: -12px;

}

.single-thumb {

    position: relative;

    overflow: hidden;

    float: left;

    border-right: 1px solid #ffffff;

	width: 100%;

}

.single-thumb{

	padding: 0px;

}

.single-thumb .catagory-title:after {

	border-width: 12px 12px 0px;

	border-style: solid;

	border-color: #FFF transparent transparent;

	position: absolute;

	left: 50%;

	margin-left: -12px;

	content: "";

	width: 24px;

	height: 12px;

	display: block;

}

.catagory-thumb .owl-theme .owl-controls .owl-buttons .owl-prev {

    width: 35px;

    height: 35px;

    float: left;

    background: #252525;

    position: absolute;

    top: 15%;

    left: -60px;

    color: #fff;

    padding: 10px 13px;

    transform: rotate(135deg) translate(0px,-110px);

    -webkit-transform: rotate(135deg) translate(0px,-110px);

    -moz-transform: rotate(135deg) translate(0px,-110px);

    transition: all 0.3s ease-out;

}

.catagory-thumb .owl-theme .owl-controls .owl-buttons .owl-prev:hover{

	font-size: 0px;

	background-color: #c38749;

}

.catagory-thumb .owl-theme .owl-controls .owl-buttons .owl-prev:before {

	transform: rotate(228deg) translate(-2px,1px);

    -webkit-transform: rotate(228deg) translate(-2px,1px);

    -moz-transform: rotate(228deg) translate(-2px,1px);

    transition: all 0.3s ease-out;

}

.catagory-thumb .owl-theme .owl-controls .owl-buttons .owl-next {

    float: right;

    top: 15%;

    right: 95px;

    transform: rotate(135deg) translate(0px,-110px);

    -webkit-transform: rotate(135deg) translate(0px,-110px);

    -moz-transform: rotate(135deg) translate(0px,-110px);

    transition: all 0.3s ease-out;

}

.catagory-thumb .owl-theme .owl-controls .owl-buttons .owl-next:hover{

	font-size: 0px;

	background-color: #c38749;

	height: 35px;

	width: 35px;

}

.catagory-thumb .owl-theme .owl-controls .owl-buttons .owl-next:after {

	transform: rotate(224deg) translate(3px,-1px);

    -webkit-transform: rotate(224deg) translate(3px,-1px);

    -moz-transform: rotate(224deg) translate(3px,-1px);

    transition: all 0.3s ease-out;

}

/*3.3 Featured Prouduct Area

----------------------------------------------------------------------------------------------*/

.extra-one .featured-product-area .owl-theme .owl-controls .owl-buttons .owl-prev, 

.extra-one .featured-product-area .owl-theme .owl-controls .owl-buttons .owl-next {

    top: 47%;

}

.extra-one .featured-product-area .section-title {

    margin: 48px 0px 0px;

}

.extra-one .two-product .single-product {

	margin-top: 35px;

}

.extra-one .featured-product-area {

    padding-bottom: 0px;

}

.extra-one .container-top {

    margin: 0px 0px 30px;

}

/* ============================================

4. Shop-Grid CSS

===============================================*/

/*4.1 breadcrumbs Area

----------------------------------------------------------------------------------------------*/

.breadcrumbs {

    font-size: 12px;

    padding: 25px 0px;

}

.breadcrumbs li {

    display: inline;

    text-transform: capitalize;

}

.breadcrumbs a {

    color: #444;

    font-size: 13px;

    font-weight: 400;

    font-family: "Raleway",sans-serif;

}

.breadcrumbs li a:hover, .breadcrumbs li strong {

    color: #C38749;

    font-size: 13px;

    font-weight: 400;

    font-family: "Raleway",sans-serif;

}

.breadcrumbs li span {

    padding: 0px 10px;

    display: inline-block;

    color: #8A8A8A;

}

.breadcrumbs li span .fa {

    font-size: 12px;

    color: #9A9A9A;

}

/*4.2 Catagory Image Area

----------------------------------------------------------------------------------------------*/

.catagory-image-content {

    position: absolute;

    top: 53px;

    text-align: center;

    display: block;

    left: 180px;

}

.catagory-image-content h1 {

    color: #ffffff;

    font-size: 92px;

    top: -230px;

    position: relative;

	font-family: "Raleway",sans-serif;

	font-weight: 900;

}

.catagory-image-content h3 {

    position: relative;

    top: -240px;

    color: #ffffff;

    font-size: 36px;

    font-family: "Raleway",sans-serif;

    font-weight: 400;

}

/*4.3 Catagory detail Area

----------------------------------------------------------------------------------------------*/

.catagory-detail{

	padding: 30px 0 20px;

	border-bottom: 1px solid #dddddd;

}

	/*4.3.1 Left sidear

	-------------------------------------------------------------*/

.left-sidebar .sidebar-title {

    background: #282828;

    border: none;

    margin: 0;

}

.sidebar-title{

	padding: 0 0 10px;

}

.left-sidebar .sidebar-title h6 {

    color: #fff;

    font-size: 12px;

    padding: 8px 15px 2px;

}

.left-sidebar .sidebar-content {

    padding: 15px 18px;

    background: #f0f0f0;

    border: 1px solid #e1e1e1;

    margin: 20px 0 0;

}

.left-sidebar .color-bar h6, .left-sidebar .price-bar h6 {

    font-size: 14px;

    margin: 0 0 8px;

}

.left-sidebar .color-bar ul li:before {

    content: "\f101";

    font-family: FontAwesome;

    line-height: 1;

    margin-right: 10px;

    font-size: 14px;

    color: #a8a8a8;

    line-height: 35px;

}

.left-sidebar .color-bar ul li a {

    color: #797979;

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    line-height: 35px;

    display: inline-block;

    text-transform: capitalize;

}

.left-sidebar .color-bar ul li a:hover {

	color: #c38749;

	font-weight: 600;

}

.left-sidebar .color-bar ul li span {

    padding: 5px;

    line-height: 16px;

}

.left-sidebar .price-bar {

    padding: 23px 0 0;

    margin-top: 26px;

    border-top: 1px solid #c2c2c2;

}

	/*4.3.2 Slider range

	-------------------------------------------------------------*/

span.ui-slider-handle.ui-state-default.ui-corner-all {

    border: none;

    background: #c38749;

    cursor: pointer;

    height: 16px;

    width: 16px;

    outline: none;

    margin-top: -1px;

    border-radius: 100%;

}

.ui-slider-range.ui-widget-header.ui-corner-all {

    top: 0px;

    height: 6px;

    background: #c38749;

    outline: none;

    border: none;

}

div#slider-range {

    border: none;

    background: #dbdbdb;

    height: 6px;

	margin: 30px 0 20px;

}

.price_slider_amount input#amount {

    min-width: 50px;

    padding: 4px 10px 4px 0;

    border: 0;

    background: transparent;

    color: #949494;

    font-size: 12px;

    font-weight: bold;

	outline: none;

}

.price_slider_amount input[type="submit"] {

    display: none;

}

.manufacture {

    border-top: 1px solid #c2c2c2;

    margin-top: 26px;

    padding: 23px 0;

}

	/*4.3.3 Sidebar compare

	-------------------------------------------------------------*/

.sidebar-compare .sidebar-title h6 {

    padding: 0 0 10px;

    border-bottom: 1px solid #4c4c4c;

	font-size: 14px;

}

.block {

    margin: 0 0 40px;

    clear: both;

    color: #797979;

}

.sidebar-compare .sidebar-title{

	padding: 0px;

}

.compare-content ul li a {

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

	line-height: 30px;

}

.compare-content {

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    padding: 30px;

}

.compare-content ul li span {

    display: block;

    width: 16px;

    height: 16px;

    font-size: 0;

	margin-top: 5px;

    line-height: 0;

    background: url(images/btn_remove.gif) 0 0 no-repeat;

    text-indent: -999em;

    overflow: hidden;

	float: right;

	cursor: pointer;

}

.compare-content ul li {

    padding: 5px 0px;

}

.block .all-actions {

    padding: 15px 9px 0;

    text-align: right;

}

.all-actions a {

    float: left;

    margin: 10px 0 0;

	font-family: "Raleway",sans-serif;

	font-size: 13px;

	font-weight: 400;

}

.all-actions button {

	border: 0px;

	padding: 0px;

}

.all-actions button span {

    padding: 5px 10px;

    display: block;

    font-family: Montserrat;

    font-weight: 700;

    font-size: 12px;

    color: #333;

    border: 1px solid #CCC;

}

.all-actions button span:hover {

	background-color: #252525;

	color: #ffffff;

	transition: .3s;

}

	/*4.3.4 Sidebar tags

	-------------------------------------------------------------*/

.sidebar-tags .snap-footer-content {

	padding-top: 20px;

}

.sidebar-tags .snap-footer-content ul li {

    float: left;

    margin: 10px 10px 20px 0px;

}

.sidebar-tags .snap-footer-content ul li a:hover{

	border-color: #252525;

	color: #ffffff;

	background: #c38749;

}

/*4.4 Toolbar

	-------------------------------------------------------------*/

.toolbar {

    overflow: hidden;

    margin: 0px 0px 30px;

    font-family: Montserrat;

}

.view-mode .grid, .view-mode .list {

    font-size: 20px;

    width: 33px;

    height: 33px;

    padding: 3px;

    text-align: center;

    border-radius: 0px;

    border: 1px solid #E1E1E1;

    color: #959595;

	display: inline-block;

}

.view-mode .grid:hover, .view-mode .list:hover{

	color: #252525;

    border: 1px solid #252525;

}

.view-mode .active{

	color: #252525;

    border: 1px solid #252525;

}

.toolbar label, .toolbar-bottom label {

    margin-right: 5px;

    font-family: "Raleway",sans-serif;

    font-size: 14px;

    color: #252525;

    font-weight: 400;

}

.hidden-xs select {

    padding: 3px 10px;

    margin: 0px 5px;

    vertical-align: middle;

    text-align: center;

    background: transparent none repeat scroll 0% 0%;

    border: 1px solid #E1E1E1;

    font-family: "Raleway",sans-serif;

    font-size: 14px;

    color: #3E3E3E;

    font-weight: 400;

}

.product-grid .single-product {

    margin-bottom: 30px;

}

.toolbar-bottom {

    margin: 25px 0 20px;

	overflow: hidden;

}

.pages {

    display: block;

    margin: 5px 0 0;

}

.pages ul li {

    display: inline-block;

    margin: 0px 2px;

}

.pages .current {

    color: #C38749;

    text-decoration: underline;

    font-family: "Raleway",sans-serif;

    font-size: 14px;

    font-weight: 400;

}

.pages ul {

    display: inline;

}

/* ============================================

5. Shop-List CSS

===============================================*/

.product-content.content-list {

    text-align: left;

}

.product-content.content-list h2.product-name {

    margin: 5px 0 15px;

}

.product-content.content-list .price-list {

    padding: 0px;

    border-bottom: 3px solid #000;

	font-family: "Raleway",sans-serif;

}

.product-content.content-list .price-box .old-price {

    color: #898888;

    text-decoration: line-through;

    font-size: 14px;

    padding: 0px;

    margin: 6px 20px 0px 0px;

    font-weight: 300;

}

.product-content.content-list .pro-rating {

    text-align: right;

	top: -25px;

	position: relative;

}

.product-content.content-list .price-box .new-price {

    color: #C38749;

	font-family: "Montserrat",sans-serif;

}

.product-trifles {

    clear: both;

    margin: 0px;

    line-height: 25px;

    color: #757575;

    padding: 20px 0px;

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    text-transform: capitalize;

    border-bottom: 3px solid #000;

}

.content-list .actions-item {

	position: inherit;

    width: 50%;

    background: #252525;

    padding: 10px 24px;

    margin-left: 0px;

    margin-top: 20px;

	border: 0px;

	opacity: 1;

}

/* ============================================

6. Single-product css

===============================================*/

/*6.1 Single-zoom

----------------------------------------------------------------------------------------------*/
.zoomWrapper{
    display: flex;
    align-items: center;
}
.single-zoom{
	width: calc(80% - 20px);
}
.single-zoom img{
	border: 1px solid #dddddd;
}

.zoomContainer{
    overflow: hidden;
}

.single-zoom-thumb {
    width: 20%;
    margin-left: 20px;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev {
    bottom: -100%;
    top: inherit;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: -100%;
    margin-top: 0px;
    outline: 0px none;
    height: 20px;
    z-index: 9999;
    left: 0px;
    width: 117px;
	text-indent: 1px;
	font-size: 0px;
}


.single-zoom-thumb li{
    border: 1px solid #DDD !important;
}

.bx-wrapper {

    -moz-box-shadow: 0 0 0px;

    -webkit-box-shadow: 0 0 0px;

    box-shadow: 0 0 0px;

    border: 0px;

    background: inherit;
    margin: 0;

}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev, 

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next {

    bottom: -10px;

    top: inherit;

	display: none;

	transition: .3s;

	color: #fff;

    width: 100%;

    height: 20px;

    background: #252525;

    text-align: center;

    line-height: 20px;

}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev:hover, 

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next:hover {

    background: #c38749;

}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next:before, 

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev:before{

	content: "\f106";

    font-family: 'FontAwesome';

    display: inline-block;

    color: #fff;

    font-size: 18px;

}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev:before{ content: "\f107" }

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next {

    top: -10px;

}

.single-zoom-thumb .bx-wrapper:hover .bx-controls-direction a.bx-prev {

    bottom: 0px;

	display: block;

	transition: .3s;

}

.single-zoom-thumb .bx-wrapper:hover .bx-controls-direction a.bx-next {

    top: 0px;

    bottom: inherit;

	display: block;

	transition: .3s;

}

.zoomLens {

    /* height: 300px !important;

    width: 200px !important; */

    display: block;

    /* overflow: hidden !important; */

    /* right: 0px !important; */

    position: relative !important;

}

.zoomWindow {

    height: 500px !important;

    margin-left: 10px !important;

}

/*6.2 Product-essential

----------------------------------------------------------------------------------------------*/

.product-essential .content-list .actions-item {

    width: 61%;

	margin-top: 20px;

    position: relative;

}

.product-details .new-price del{

	font-size: 16px;

	color: #767676;

	padding-left: 10px;

}

.product-details .stock-in span{

	color: #c38749;

}

.product-details .form-control {

	height: 30px;

	outline: none;

	font-size: 12px;

	font-family: Arial;

	border-radius: 0px;

	box-shadow: none;

	-webkit-box-shadow: none;

}

.product-details .inticator-pro {

    padding: 20px 0px 0px;

}

.product-details .product-trifles {

	margin-bottom: 20px;

}

.product-details .input-content p {

    float: left;

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    margin-right: 10px;

    padding: 8px 0 0;

}

.product-details .input-content .qty {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #aaa8a8;

    float: left;

    height: 37px;

    line-height: 37px;

    margin: 0 0 5px;

    min-width: 48px !important;

    padding: 0;

    text-align: center;

    width: 2.5em !important;

}

.product-details .action-item-no {

    margin-top: 30px;

}

.product-details .input-content {

    width: 24%;

    float: left;

    margin-top: 25px;

}

.action-item-no .actions-item {

    width: 61%;

    margin-top: 0px !important;

    margin-right: 60px;

    position: relative;

    float: right;

}

.product-content.content-list .price-list{

	padding-bottom: 20px !important;

}

/*6.3 Product-tab

----------------------------------------------------------------------------------------------*/

.product-tab {

    margin-top: 50px;

}

.production-tab {

    border-bottom: 0px;

    float: left;

    width: 30%;

}

.production-tab {
    border-bottom: 0px;
    float: left;
    width: 100%;
}

.production-tab>li {
    float: left;
    margin-bottom: -1px;
    width: 100%;
}

.product-tabs .nav-link.active:before, 
.product-tabs .nav-link {
    background: #cc9933;
}

.product-tabs .nav-link:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    width: 5px;
    background: none;
}

.production-tab .nav-link.active:before, 
.production-tab .nav-link:hover:before {

    color: #cc9933;

    cursor: default;

    background-color: #cc9933;

    border: 0px;

    border-bottom-color: transparent;

	position: absolute;

    top: 0;

    left: 0;

    content: "";

    display: block;

    height: 100%;

    width: 5px;

}

.production-tab .nav-link{
	color: #999999;	

	padding: 15px 20px;

    border-bottom: 1px solid #e9e9e9;

    font-size: 14px;

    text-transform: uppercase;

    text-decoration: none;

    font-weight: 700;

	margin-right: 0px;

    font-family: Montserrat;

    position: relative;

	background-color: #fff;

    border: 1px solid #e9e9e9;

    border-bottom-color: #e9e9e9;

	border-radius: 0px;

	cursor: pointer;

    width: 100%;
    text-align: left;

}

.production-tab .nav-link:hover, 
.production-tab .nav-link.active, 
.production-tab .nav-link.active:focus, 
.production-tab .nav-link.active:hover {
    border-bottom-color: #e9e9e9;
	color: #c38749;
}

.tab-pane {

    padding: 30px;

    line-height: 25px;

    border: 1px solid #ededed;

    float: left;

    min-height: 175px;

    font-family: "Raleway",sans-serif;

    font-size: 12px;

    font-weight: 400;

    text-transform: capitalize;

}

.product-tab .tab-content {

    margin-left: 2px;

}

/*6.4 Related-product

----------------------------------------------------------------------------------------------*/

.featured-product-area.related-product {

    margin: 50px 0px 30px;

}

.brand-area.single-brand {

    border-top: 1px solid #d3d3d3;

    padding-top: 30px;

}

.extra-one .featured-product-area.related-product .owl-theme .owl-controls .owl-buttons .owl-prev, 

.extra-one .featured-product-area.related-product .owl-theme .owl-controls .owl-buttons .owl-next {

    top: 37%;

}

/* ============================================

7. Shoping-cart CSS

===============================================*/

/*7.1 Shopping Cart Table

----------------------------------------------------------------------------------------------*/

.table-responsive {
    width: 100%;
    min-height: 0.01%;

}


table.cart-table {
    width: 100%;
    margin-bottom: 65px

}

h4.cart-title {

    color: #000;

    margin-bottom: 34px;

    margin-top: 2px;

    text-transform: uppercase

}

.cart-table thead tr th {

    border: 1px solid #EBEBEB;

    border-collapse: collapse;

    color: #000;

    font-family: Arial;

    font-size: 12px;

	background: #EBEBEB;

    font-weight: 300;

    height: 49px;

    text-align: center;

    vertical-align: middle

}

.cart-table tbody tr td {

    border: 1px solid #e1e1e1;

    border-collapse: collapse;

    font-family: arial;

    font-size: 12px;

    font-weight: normal;

    padding: 20px;

	text-align: center

}





.cart-table tbody tr td i {

    font-size: 18px

}

.cart-price, .cart-subtotal {

    color: #CF912C;

    font-family: "Montserrat", sans-serif;

    font-size: 18px;

    font-weight: bold

}

.cart-table img.img-responsive {

    width: 133px;

}

.cart-table tbody tr td input {

    background-color: #f0f0f0;

    border: none;

    color: #000;

    font-size: 15px;

    height: 39px;

    text-align: center;

    width: 82px

}

.cart-table tbody tr td.actions {

    padding: 30px 0

}



.cart-table .cartPage-btn a:hover{
	color: #CF912C;

}

.cartPage-btn {
    float: none;
}

.cartPage-btn li {

    display: inline-block;

    margin-right: 9px

}

.cartPage-btn li a.cbtn {

    background: none repeat scroll 0 0 #282828;

    color: #fff;

    display: block;

    font-weight: bold;

    height: 40px;

    line-height: 40px;

    text-align: center;

    text-transform: uppercase;

    vertical-align: middle;

    width: 204px;

    font-size: 12px;

    font-family: "Montserrat", sans-serif

}

.cartPage-btn li a.cbtn:hover {

    background: none repeat scroll 0 0 #0f99de

}

/*7.2 Shopping Coupon

----------------------------------------------------------------------------------------------*/

.shipping {

    float: left;

    margin-right: 3%;

    overflow: hidden;

    width: 31%

}

.shipping:first-child {

    width: 32%

}

.shipping:last-child {

    margin-right: 0

}

.shipping.coupon h5 {

    margin-bottom: 22px;

    text-transform: uppercase

}

.shipping.coupon > p {

    color: #8b8b8b;

    font-size: 12px;

    margin-bottom: 15px

}

input.coupon-input, .selectOption input {

    background: none repeat scroll 0 0 #f0f0f0;

    border: none;

    display: block;

    font-family: Arial;

    font-size: 14px;

    margin-bottom: 29px;

    padding: 7px;

    width: 100%

}

.shipping form button {

    background-color: #ffffff;

    border: none;

    color: #252525;

	border: 1px solid #d3d3d3;

    font-family: "Montserrat", sans-serif;

    font-size: 12px;

    font-weight: bold;

    height: 38px;

    line-height: 30px;

    margin-bottom: 53px;

    text-align: center;

    text-transform: uppercase;

    width: 126px

}

.shipping form button:hover{

	color: #CF912C;

	border-color: #CF912C;

	transition: .3s;

}

.shippingTitle > p {

    color: #000;

    font-size: 12px;

    margin-bottom: 14px

}

.shippingTitle span {

    color: #f00

}

.selectParent > select {

    -webkit-appearance: none;

    appearance: none;

    border: none;

    font-family: Arial;

    font-size: 14px;

    height: 34px;

    line-height: 34px;

    margin-bottom: 26px;

    outline: medium none;

    padding: 0 5px;

    width: 100%

}

.cart-totals {

    background: none repeat scroll 0 0 #282828;

    display: block;

    margin-top: 18px;

    padding-left: 36px;

    padding-right: 23px;

    padding-top: 33px;

    text-align: right

}

.cart-totals li {

    color: #fff;

    display: block;

    font-family: "Montserrat", sans-serif

}

.cart-totals li.cartSubT {

    font-size: 14px;

    margin-bottom: 20px

}

.cart-totals li.cartGrandT {

    border-bottom: 1px solid #535353;

    font-size: 24px;

    padding-bottom: 20px;

    margin-bottom: 32px

}

a.proceedbtn {

    background: none repeat scroll 0 0 #CF912C;

    color: #fff;

    display: block;

    font-family: "Montserrat", sans-serif;

    font-size: 12px;

    font-weight: bold;

    height: 40px;

    line-height: 40px;

    margin-bottom: 58px;

    text-align: center;

    width: 100%

}

.multiCheckout > a {

    color: #CF912C;

    display: block;

    font-family: Arial;

    font-size: 14px;

    font-weight: normal;

    margin-bottom: 30px;

    text-decoration: underline

}

.cartGrandT span {

    color: #CF912C;

    font-weight: 700;

}

/* ============================================

8. About-Us CSS

===============================================*/

.wellcome-right .product-content.content-list h1 {

    font-size: 30px;

    margin-bottom: 30px;

}

.wellcome-right .product-trifles{ overflow: hidden; }

h2.product-name.address-about a:before {

    content: "";

    height: 2px;

    color: #252525;

    width: 50px;

    position: relative;

    top: 28px;

    display: block;

    background: #000000;

}

.team-area {

    margin: 45px 0;

}

.team-title.text-center {

    margin-bottom: 35px;

}

.team-title.text-center p {

	font-size: 14px;

	text-transform: uppercase;

}

.team-member .team-image img{

	border-radius: 50%;

}

.team-content {

    background: #e0e0e0;

    margin: -70px 0 0;

    padding: 100px 0 30px;

    width: 100%;

}

.services-about-area {

    margin-bottom: 60px;

}

.serv-thumb-img img{ width: 100%; }

.serv-content h3 {

    margin: 35px 0 0;

}

.serv-content p {

    line-height: 25px;

    color: #757575;

    padding: 20px 0px;

    font-family: "Raleway",sans-serif;

    font-size: 13px;

    font-weight: 400;

    text-transform: capitalize;

}



/* ============================================

9. 404 Error page CSS

===============================================*/

.page-not-found p a {

    border: 3px solid #333333;

    color: #333;

    display: inline-block;

    font-family: "Raleway",sans-serif;

    font-size: 18px;

    font-weight: 700;

    margin-top: 20px;

    padding: 8px 60px;

    text-transform: uppercase;

}

.page-not-found p a:hover {

    background-color: #c38749;

    border-color: #c38749;

    color: #fff;

}

/* ============================================

10. Checkout Page CSS

===============================================*/

.checkout-content .panel-group { margin-bottom: 60px }

.checkout-accordion { box-shadow: none }

.checkout-accordion .panel-heading {

    border: 0 none;

    border-radius: 0;

    padding: 0;

    box-shadow: none;

	background: #E4E5E7;

}

.checkout-accordion .panel-heading h4 a {

    font-size: 16px;

    font-weight: 700;

    line-height: 40px;

    position: relative;

}

.checkout-accordion .panel-heading h4 a span{

	padding: 0px 7px;

    margin: 0px 5px 0px 15px;

    background: #252525;

    color: #ffffff;

}

.content-info {

    display: block;

    overflow: hidden;

	padding: 12px 0 0;

    font-size: 14px;

}

.commonChack { margin-bottom: 28px }

.checkTitle {

    border-bottom: 1px solid #ebebeb;

    line-height: 40px;

}

.checkTitle .ct-design {

    color: #252525;

    font-size: 14px;

    font-weight: 600;

    line-height: 50px;

    margin: 0;

    padding: 0 20px 0 0;

    text-transform: uppercase;

}

.commonChack p,

p.alrdyReg {

    color: #8C8C8C;

    font-size: 14px;

    font-weight: 500;

    margin-top: 15px;

}

.commonChack p.savetime,

p.alrdyReg{

	color: #252525;

    font-size: 14px;

    font-weight: 700;

}

.commonChack label {

    color: #252525;

    font-size: 14px;

    font-weight: 400;

    vertical-align: middle;

}

.commonChack input{

	margin: 0px;

    top: -2px;

    position: relative;

}

.regSaveTime label { font-weight: normal }

.reginputlabel {

    padding-left: 15px;

}

.regSaveTime li {

    color: #252525;

    font-size: 14px;

    margin-bottom: 5px;

    padding-left: 15px;

    position: relative;

}

.regSaveTime li:before {

    content: "\f111";

    font-family: FontAwesome;

    font-size: 10px;

    font-style: normal;

    font-weight: normal;

    left: 0;

    position: absolute;

    text-decoration: inherit;

    top: 2px;

}

a.checkPageBtn {

    color: #252525;

    display: block;

    font-weight: 700;

    height: 34px;

    line-height: 34px;

    margin-bottom: 34px;

    text-align: center;

    text-transform: uppercase;

    width: 100px;

	border: 1px solid #252525;

	font-family: "Montserrat",sans-serif;

}

a.checkPageBtn:hover{

	color: #CE9A35;

	border-color: #CE9A35;

}

.plxLogin {

    color: #8c8c8c;

    font-size: 14px;

}

.plxLoginP {

    color: #252525;

    font-size: 14px;

    margin-bottom: 3px;

}

.plxrequired{

	color: #FE0200;

    font-size: 14px;

    margin-top: 3px;

}

.loginFrom span {

    font-weight: bold;

    padding-right: 3px;

}

.loginFrom input {

    border: 1px solid #cccccc;

    display: block;

    font-size: 14px;

    padding: 7px;

    width: 80%;

	background: #E4E5E7;

}

.fgetpass {

    color: #00cccc;

    font-size: 14px;

    margin-bottom: 24px;

    margin-top: 10px;

}

.category-checkout h5 {

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    line-height: 35px;

    margin-bottom: 15px;

    width: 100%;

    background: #CD9933;

    text-align: center;

}

.category-checkout ul li {

    border-bottom: 1px solid #ececec;

    font-size: 13px;

    margin-bottom: 12px;

    padding-bottom: 15px;

	padding-left: 15px;

}

.category-checkout ul li a:before {

    content: "\f105";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    left: 0;

    position: absolute;

    text-decoration: inherit;

    top: 0px;

}

.category-checkout ul li a {

    color: #252525;

    padding-left: 15px;

    position: relative;

	font-family: "Montserrat",sans-serif;

}

.category-checkout ul li a:hover { color: #CE9A35; }

/* ============================================

11. Contact Page CSS

===============================================*/

.contact-heading h4 {

    margin: 20px 0px;

}

.contact-form-ac {

    border: 1px solid #eeeeee;

    padding: 20px;

}

.control-level input {

    height: 38px;

    width: 100%;

    background: #fff;

    border: none;

    border: 1px solid #ddd;

    padding-left: 10px;

	margin-bottom: 20px;

}

.control-level input:focus{

	background: #edf7fd;

	outline: 0px;

}

textarea#message-ac {

    width: 100%;

	padding: 10px;

}

textarea#message-ac:focus {

    background: #edf7fd;

	outline: 0px;

}

.contact_email_copy {

    border-top: 1px solid #eeeeee;

    margin-top: 20px;

    padding: 10px 0px;

}

input.readon {

    font-family: Montserrat;

    font-weight: 700;

    font-size: 12px;

    text-align: center;

    white-space: nowrap;

    text-transform: uppercase;

    background: none;

    color: #333333;

    border: 1px solid #cccccc;

    padding: 10px;

}

input.readon:hover{

	color: #cc9933;

    border-color: #cc9933;

}

.map-section iframe{

	border: 0; 

	height:350px; 

	width: 100%;

}

/* ============================================

12. blog sidebar left Page CSS

===============================================*/

.widget-form {

    border: 1px solid #c2c2c2;

    height: 36px;

	position: relative;

	background: #ffffff;

}

input.widget-text {

    float: left;

    height: 34px;

    width: 75%;

    padding-left: 10px;

    outline: none;

	border: none;

}

button.widget-bttn {

    background: #fff;

    border: none;

    float: right;

    height: 34px;

    padding: 0 10px;

    text-align: right;

    width: 20%;

}

aside.widget-recent.sidebar-compare .sidebar-title h6 {

    margin-bottom: 20px;

}

aside.widget-recent.sidebar-compare ul li {

    line-height: 1.35;

    margin: 15px 0 0;

    padding: 15px 0 0;

}

aside.widget-recent.sidebar-compare {

    margin-bottom: 40px;

}

.post-wrapper {

    overflow: hidden;

}

.post-sidebar-img {

    width: 60px;

    float: left;

    margin-right: 5px;

}

.post-sidebar-img.image-post a {

    border: 2px solid transparent;

    display: block;

}

.post-sidebar-img.image-post a:hover {

    border: 2px solid #ec4445;

    padding-left: 0;

}

.widget-comment ul li{

	margin: 0px !important;

}

aside.widget-recent.widget-comment.sidebar-compare ul li h6 a {

    font-family: Raleway;

    color: #848484;

    font-weight: 400;

}

aside.widget-recent.widget-comment ul li a {

    font-size: 12px;

    font-family: Raleway;

    color: #848484;

    font-weight: 400;

}

aside.widget-recent.widget-comment ul li h6{

	margin: 0px;

}

.catagory-detail .sidebar-content{ margin: 0 }

.item-index {

    width: 15%;

    float: left;

	padding-right: 15px;

}

.blog-post-wrapper.item-post .post-calender, 

.blog-post-wrapper.item-post .item-comments{

	float: left;

    width: 100%;

    padding: 7px 20px;

    background: #252525 none repeat scroll 0% 0%;

    text-align: center;

    color: #FFF;

    text-transform: capitalize;

    font-family: "Montserrat",sans-serif;

    font-weight: 400;

    font-size: 30px;

    line-height: 32px;

    margin-bottom: 7px;

}

article.blog-post-wrapper.item-post {

    margin: 0 0 60px;

    display: block;

    overflow: hidden;

}

.post-thumbnail {

	float: left;

	width: 40%;

	padding-right: 30px;

}

.post-thumbnail img {

    width: 100%;

	display: inline-block;

}

.post-information {

    float: left;

    width: 43%;

}

.post-information h2 {

	text-align: left;

	font-size: 18px;

	font-weight: 400;

}

.small-meta {

    border-bottom: 1px solid #d3d3d3;

    border-top: 1px solid #d3d3d3;

    color: #909295;

    font-size: 12px;

    margin: 15px 0 20px;

    padding: 6px 0;

    text-transform: capitalize;

    width: 100%;

	font-family: Raleway;

    display: inline-block;

}

.player {

    margin: 10px 0 20px;

}

.player audio{

    width: 100%;

    color: #000000;

    background: #000;

}

.smallmb-meta { display: none; }

.post-thumbnail a .embed-responsive {

    width: 100%;

	display: inline-block;

	float: left;

}

.post-information p {

    font-size: 14px;

	font-family: Raleway;

    color: #909295;

    line-height: 30px;

    margin: 0 0 20px;

}

.post-information a.readmore {

	font-family: Raleway;

	font-size: 13px;

}

article.blog-post-wrapper.item-post .item-comments h4 span {

    font-size: 30px;

    font-weight: 400;

}

article.blog-post-wrapper:hover .item-index .post-calender, 

article.blog-post-wrapper:hover  .item-index .item-comments{

    background: #c38749;

}

.blog-pgntion label{

	font-size: 14px;

	font-weight: 400;

	font-family: Raleway;

}

span.item-date {

    display: block;

}

/* ============================================

13. blog post Pages CSS

===============================================*/

.blog-post-bar{

	padding-bottom: 50px;

	padding-top: 0px;

}

.blog-nobar, .blog-bar{ padding-top: 0px; }

.blog-post-bar .post-thumbnail{

    width: 100%;

    padding-right: 0;

}

.blog-post-bar .post-information {

    margin-top: 20px;

    width: 100%

}

.entry-meta span {

    padding: 0 5px;

}

.blog-post-bar .entry-content blockquote{

	background: #ededed none repeat scroll 0 0;

    border-left: 5px solid #c38749;

    font-size: 14px;

    font-style: italic;

    margin: 20px 40px;

    padding: 20px;

}

.blog-post-bar .social-sharing {

    border: 1px solid #e8e8e9;

    float: left;

    margin: 30px 0;

    padding: 10px;

    width: 100%;

}

.blog-post-bar .social-sharing h3{

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #909295;

    float: left;

    font-size: 16px;

	line-height: 30px;

    margin: 0 20px 0 0;

    text-transform: none;

}

.sharing-icon {

    float: right;

}

.sharing-icon a{

	display: inline-block;

}

.sharing-icon a i {

    border: 1px solid #e8e8e9;

    color: #909295;

    font-size: 18px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 35px;

}

.sharing-icon a i:hover{

	background: #c38749;

	color: #ffffff;

}

.blog-post-bar article.blog-post-wrapper.item-post {

	margin-bottom: 0px;

}

.blog-post-bar .comments-heading h3, h3.comment-reply-title {

    border-bottom: 1px solid #e8e8e9;

    font-size: 18px;

    margin: 0 0 20px;

    padding: 0 0 5px;

    text-transform: uppercase;

}

.comments-list ul li {

    margin-bottom: 25px;

}

li.threaded-comments {

    margin-left: 50px;

}

.comments-list-img {

    float: left;

    margin-right: 15px;

}

.comments-content-wrap {

    border: 1px solid #ddd;

    color: #42414f;

    font-size: 12px;

    line-height: 1;

    margin: 0 0 15px 63px;

    padding: 10px;

    position: relative;

}

.comments-content-wrap:before {

    background: #fff none repeat scroll 0 0;

    border-bottom: 1px solid #ececec;

    border-left: 1px solid #ececec;

    content: "";

    display: block;

    height: 10px;

    left: -5px;

    position: absolute;

    top: 10px;

    transform: rotate(45deg);

    width: 10px;

}

.comments-content-wrap p {

    color: #909295;

    line-height: 18px;

    margin-bottom: 5px;

    margin-top: 15px;

}

li.threaded-comments{margin-left:50px}

.comment-respond {

  margin-top: 60px;

}


span.email-notes{color: #42414f;

display: block;

font-size: 12px;

margin-bottom: 10px;}

.comment-respond p{margin-bottom: 5px;}

.comment-respond input[type=text],.comment-respond input[type=email]{background: #fff none repeat scroll 0 0;

border: 1px solid #e5e5e5;

border-radius: 0;

height: 32px;

margin-bottom: 15px;

padding: 0 0 0 10px;

width: 100%;}

.comment-respond textarea#message{background: #fff none repeat scroll 0 0;

border: 1px solid #e5e5e5;

border-radius: 0;

max-width: 100%;

padding: 10px;height: 130px;

width: 100%;}

.comment-respond input[type="submit"] {

  background: #252525 none repeat scroll 0 0;

  border: none;

  border-radius: 0;

  box-shadow: none;

  color: #fff;

  display: inline-block;

  font-family: Montserrat,Arial,Helvetica,sans-serif;

  font-size: 12px;

  font-weight: 700;

  height: 40px;

  line-height: 40px;

  margin-top: 20px;

  padding: 0 15px;

  text-shadow: none;

  text-transform: uppercase;

  transition: all 0.3s ease 0s;

  white-space: nowrap;

}

.comment-respond input[type=submit]:hover{background:#c38749}

nav.nav-single {

  border-bottom: 1px solid #e8e8e9;

  border-top: 1px solid #e8e8e9;

  float: left;

  font-size: 13px;

  padding: 10px 0;

  width: 100%;

}

nav.nav-single .nav-previous {

  float: left;

} 

nav.nav-single .nav-next {

  float: right;

}

.post-slider a img {

  width: 100%;

}

.single-post-comments {

    margin-bottom: 60px;

    max-width: 650px;

}

.comments-content-wrap span b {

    margin-right: 5px;

	font-weight: 700;

}

span.post-time {

    margin-right: 5px;

	color: #909295;

}

/* ============================================

14. My account page CSS

===============================================*/

.customer-login-area {

    margin-bottom: 50px;

}

.my-account{

	margin-top: 20px;

}

.form-fields {

    border-bottom: none;

    border-left: 1px solid #d3d3d3;

    border-right: 1px solid #d3d3d3;

    border-top: 1px solid #d3d3d3;

    float: left;

    padding: 20px 25px;

    width: 100%;

}

.form-fields h2 {

    border-bottom: 1px solid #d3d3d3;

    font-size: 18px;

    margin: 0 0 15px;

    padding: 0 0 5px;

    text-transform: uppercase;

}

.form-fields label {

	font-family: Montserrat,Arial,Helvetica,sans-serif;

    margin: 0 0 5px;

	color: #848484;

	font-weight: 400;

}

.form-fields input {

    background: #f0f0f0;

    border: 0;

    border-radius: 0;

    height: 36px;

    max-width: 100%;

    padding: 0 0 0 10px;

    box-sizing: border-box;

    width: 100%;

    margin: 0;

    outline: 0;

    line-height: 1;

}

.customer-register .form-action, 

.customer-login .form-action{

	background: #e0e0e0;

    border-bottom: 1px solid #d3d3d3;

    border-left: 1px solid #d3d3d3;

    border-right: 1px solid #d3d3d3;

    border-top: none;

    float: left;

    padding: 20px 10px 16px;

    width: 100%;

}

.my-account p.lost_password {

    float: left;

    line-height: 20px;

    margin: 0;

}

.my-account label.inline {

    float: right;

    font-weight: normal;

    line-height: 20px;

    margin: 0 20px 0 0;

}

input#rememberme {

    margin-right: 3px;

    margin-top: 0;

    position: relative;

    top: 0px;

}

.my-account .actions {

    float: right;

}

.customer-register .form-action{

	padding-bottom: 18px !important; 

}

/* ============================================

15. IE CSS

===============================================*/
.owl-carousel.default-nav .owl-nav button{
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}
.owl-carousel.default-nav:hover .owl-nav button{
    visibility: visible;
    opacity: 1;
}
.owl-carousel.default-nav .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px !important;
    text-transform: uppercase;
    height: 35px;
    width: 35px;
    transition: all .3s ease;
    line-height: 35px;
    overflow: hidden;
}
.owl-carousel.default-nav .owl-nav button:hover{
    width: 90px;
}
.owl-carousel.default-nav--style-golden .owl-nav button{
    background: #000;
    color: #fff;
}
.owl-carousel.default-nav--style-golden .owl-nav button:hover{
    background: #c38749;
    color: #fff;
}
.default-nav .owl-nav button.owl-prev{
    left: 0;
}

.default-nav .owl-nav button.owl-next{
    right: 0;
}

.default-nav .owl-nav button .navtext{
    display: none;
}
.default-nav .owl-nav button:hover .navtext{
    display: inline-block;
}
.default-nav .owl-nav button.owl-prev .navtext{
    padding-left: 20px;
}
.default-nav .owl-nav button.owl-next .navtext{
    padding-right: 20px;
}




/*Mobile Menu Bottom Area*/
.offcanvas-menu-btn{
    background: none;
    border: none;
    color: #000;
    font-size: 16px;
}

.offcanvas-menu {
    font-size: 16px;
}

.offcanvas-menu li {
    position: relative;
    padding: 7px 5px;
}

.offcanvas-menu > ul > li {
    border-bottom: 1px solid transparent;
}

.offcanvas-menu > ul > li:last-child {
    border-bottom: none;
}

.offcanvas-menu li a {
    display: block;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

.offcanvas-menu li a:hover {
    color: #b19361;
}

.offcanvas-menu li .mobile-sub-menu {
    display: none;
}

.offcanvas-menu-expand::after {
    content: "\f105";
    position: absolute;
    font-family: "FontAwesome";
    right: 0;
    transition: all 0.3s ease;
    color: #000;
}

.offcanvas-menu .active > .offcanvas-menu-expand:last-child,
.sub-menu > .active .offcanvas-menu-expand:last-child {
    border-bottom: none;
}

.offcanvas-menu .active > .offcanvas-menu-expand::after,
.sub-menu > .active .offcanvas-menu-expand::after {
    color: #b19361;
    transform: rotate(90deg);
}