/*

Template Name: Granada - Premium Bootstrap eCommerce Template
Template URI: www.themeforest.net/user/SW-THEMES/portfolio
Description: Granada is premium, bootstrap based and responsive ecommerce template
Version:1.0

*/

/* ===================================================
--------------- Table of Contents ------------------

1.	General
2.	Helper Classes
3.	Elements / Bootstrap Overwrite
- 3.1	Tabs
- 3.2	Collapses
- 3.3	List Groups
- 3.4	Buttons & Badges
- 3.5	Dropdown Menu
- 3.6	Forms
- 3.7	Slider
- 3.8	Tooltip
- 3.9	Popover
- 3.10  Modal
- 3.11  Progress Bars
- 3.12  Icons
- 3.13  Alerts
- 3.14  Tables
- 3.15  BreadCrumbs
4.	Header
5.	Content/Section
6.	Homepages
- 6.1	index.html
- 6.2	index2.html
- 6.3	index3.html
- 6.4	index4-5.html
- 6.5	index6.html
- 6.6	..
7.	Portfolio
8.	Single portfolio
9. 	Category.html
10.	Blog.html
11.	Single.html
12.	Product
13.	Cart.html
14.	Compare-Products.html
15.	Checkout.html
16.	Contact.html
17.	Footer
18.	Scroll Top Button
19. About Us
20.	Register/Login
21. 404 Pages
22. Coming Soon

-----------------------------------------------------
====================================================*/
/* Import fonts stylesheet */
@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400&display=swap');
/* =============================================
-------------------  1.General ---------------
==============================================*/

/* 
for coming soon pages
if you want to give this to all pages
bootstrap affix and some other things may not work properly
*/
html {
scroll-behavior: smooth;
}
html.fheight, 
body.fheight {
	width:100%;
	height:100%;
}

body {
   font: 14px/1.7 Verdana, sans-serif;
   color: #999;
   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
}


#wrapper {
	width: 100%;
	background-color: #f8f8f8;
	background-color:none;
	padding-top:80px;
}


::selection {
    background-color: #cbc6b2;
    color: #fff;
}

::-moz-selection {
	background-color: #cbc6b2;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6  {
	font-family:'open_sansregular', Arial, sans-serif;
	line-height:1;
	color:#857e70;
	margin-top:0;
}

h1,
.h1 {
	font-size:40px;
	margin-bottom:20px;
}

h2,
.h2{
	font-size:33px;
	margin-bottom:20px;
}

h3,
.h3 {
	font-size:28px;
	margin-bottom:20px;
}

h4,
.h4 {
	font-size:23px;
	margin-bottom:15px;
}

h5,
.h5 {
	font-size:18px;
	margin-bottom:15px;
}

h6,
.h6 {
	font-size:16px;
	margin-bottom:15px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	color:inherit;
}

ul,ol {
	list-style-type:none;
	padding:0;
	margin:0;
}

p {
	margin: 0 0 20px;
}
a {
	-webkit-transition:color .24s ease-in-out;
	-moz-transition:color .24s ease-in-out;
	-o-transition:color .24s ease-in-out;
	-ms-transition:color .24s ease-in-out;
	transition:color .24s ease-in-out;
	color:#2288b1;
}

a:active,
a:hover,
a:focus {
	text-decoration:none;
	color:#2288b1;
}

a:active,
a:focus,
input,
select,
textarea {
	outline:none;
}

iframe {
	border:none;
}

img.pull-right {
	margin-left:20px;
	margin-bottom:20px;
}

img.pull-left {
	margin-right:20px;
	margin-bottom:20px;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ebebeb;
}

.first-color {
	color: #2288b1;
}

.second-color {
	color: #2288b1;
}

.third-color {
	color: #f6e80d;
}


/* =============================================
----------------- 2.Helper Classes -------------
==============================================*/

.sm-separator {
	margin-right:5px;
}

.separator {
	margin-right:10px;
}

.lg-separator {
	margin-right:20px;
}

.top-5px {
	margin-top:-5px;
}

.top-10px {
	margin-top:-10px;
}
.dropcap,
.dropcap-bg {
        font-size:3.8em;
        line-height:1;
        padding-right:0.1em;
        float:left;
        color: #efead9;
}

.dropcap.first-color {
        color:#e61446;
}

.dropcap.second-color {
        color:#2288b1;
}

.xss-margin,
.xs-margin,
.sm-margin,
.md-margin,
.lg-margin,
.xlg-margin,
.md-margin2x,
.lg-margin2x,
.xlg-margin2x,
.md-margin3x,
.lg-margin3x,
.xlg-margin3x {
	min-height:1px;
}

.xss-margin {
	margin-bottom:5px;
}

.xs-margin {
	margin-bottom:10px;
}

.xs-margin.half {
	margin-bottom:15px;
}

.sm-margin {
	margin-bottom:20px;
}

.sm-margin.half {
	margin-bottom:25px;
}

.md-margin {
	margin-bottom:30px;
}

.md-margin.half {
	margin-bottom:35px;
}

.lg-margin {
	margin-bottom:40px;
}

.xlg-margin {
	margin-bottom:50px;
}

.xlg-margin.half {
	margin-bottom:55px;
}

.md-margin2x {
	margin-bottom:60px;
}

.md-margin2x.half {
	margin-bottom:70px;
}

.lg-margin2x {
	margin-bottom:80px;
}

.xlg-margin2x {
	margin-bottom:100px;
}

.xlg-margin2x.half {
	margin-bottom:110px;
}

.md-margin3x {
	margin-bottom:90px;
}

.lg-margin3x {
	margin-bottom:120px;
}

.xlg-margin3x {
	margin-bottom:150px;
}

.clear-margin {
	margin:0 !important;
}

.reverse-xs-margin {
	margin-top:-10px !important;
}

.link-underline {
	text-decoration:underline !important;
}

.col-2 {
	width:50%;
	float:left;
}

.col-3 {
	width:33.333333%;
	float:left;
}

.col-3-2x {
	width:66.666666%;
	float:left;
}

.col-4 {
	width:25%;
	padding-right:20px;
	float:left;
}

.col-5 {
	width:20%;
	float:left;
}


/* addition for bootstrap img-responsive class */
.img-responsive {
	width:100%;
}


/* =============================================
-------- 3.Elements / Bootstrap Overwrite --------
==============================================*/

/* ---------------------------------
------------- 1 - Breadcrumbs  */
#header #sbp {
 display:none;
 }
#header #sbp.da select {
 width:100%;
 color:#666;
 background:white;
 } 
#header #sbp.da {
 width:auto;;
 display:block;
 position:absolute;
 margin-right:0px;
 z-index:99;
 } 
#header #hsearch {
 max-width:500px;
 }
ul.nav.navbar-nav >li >a{
 line-height:50px;
 }
.navbar-collapse.collapse ul.navbar-nav > li {
 margin-right:15px;
 }
 .navbar-collapse.collapse ul.navbar-nav > li >a {
  padding:15px 5px 15px 5px;
  }
.navbar-form > .input-group {
 margin-bottom:0px;
 position:static;
 }
.navbar-form {
 margin-top:20px;
 } 
.fff {
 width:100%;
 } 
.form-search-sm input {
 margin-bottom:0px;
 padding:20px;
 border:0px;
 box-shadow: 14px 14px 14px 14px;
 font-size:20px;
 }
#header #hsearch #search-text:focus {
 position:absolute;
 padding:20px;
 left:20vw;
 width:60vw;
 font-size:20px;
 box-shadow: 14px 14px 14px 14px;
 } 
 
#header nav.navbar {
 background:none;
 border:none;
 margin-bottom:0px;
 }
.row.bcrump {
 height:30px;
 overflow:hidden;
 margin-bottom:10px;
 }
.bcrump .col-sm-12 {
 overflow-x:scroll;
 overflow-y:hidden;
 height:60px;
 top:-10px;
 padding-bottom:30px;
 }
.bcrump ul.breadcrumb {
 white-space:nowrap !important;
 } 
.breadcrumb {
	padding: 14px 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	font-size:0;
}

.breadcrumb > li {
	display: inline-block;
	padding-right:58px;
	position: relative;
	font-size:15px;
}

.breadcrumb > li:last-child {
	padding-right: 0;
}

.breadcrumb > li:before {
	content: "";
	display:block;
	width:20px;
	height:9px;
	position: absolute;
	top:50%;
	margin-top:-4.5px;
	right:20px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -304px 0;
}

.breadcrumb > li:last-child:before {
	display:none;
}

.breadcrumb > li + li:before {
  padding: 0;
  color: #ccc;
  content: "";
}

.breadcrumb > li > a {
	color: #88837a;
}

.breadcrumb > li > a:hover {
	color:#2288b1;
}

.breadcrumb > .active {
	color: #a9a396;
}


.breadcrumb.light > li > a {
	color:#ecebeb;
}

.breadcrumb.light > li > a:hover,
.breadcrumb.light > .active  {
	color:#fff;
}

.breadcrumb.light> li:before {
	background-position: -304px -9px;
}

.breadcrumb-container.absolute {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	z-index:888;
}


/* ---------------------------------
------------- 2. Tabs */

.nav.nav-pills {
  padding-left: 0;
  margin-bottom: 24px;
  list-style: none;
}

.nav.reverse {
	margin-bottom: 0;
	margin-top:39px;
}

.nav > li {
  position: relative;
  display: block;
  font:17px/22px 'open_sansregular', sans-serif;
}

#pp .nav > li > a {
  position: relative;
  display: block;
  padding: 7px 20px;
}

#pp .nav > li:first-child > a {
	padding-left:0;
}

#pp .nav > li.active:first-child > a {
	padding-left:20px;
}

#pp .nav > li > a:hover,
#pp .nav > li > a:focus {
  text-decoration: none;
  background-color: #edecdf;
}
#pp .nav > li.disabled > a {
  color: #777;
}
#pp .nav > li.disabled > a:hover,
#pp .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

#pp .nav .open > a,
#pp .nav .open > a:hover,
#pp .nav .open > a:focus {
  background-color: #edecdf;
  border-color: #edecdf;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
	border-radius: 0;
	color:#bdb7aa;
	text-transform: uppercase;
}

.nav-pills > li + li {
  margin:0 0 0 19px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #cbc6b5;
}

.nav-pills > li.active:after {
	content:'';
	position: absolute;
	top:100%;
	left:50%;
	margin-left:-6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #cbc6b5 transparent transparent transparent;
	z-index:40;
}

.nav-pills.reverse > li.active:after {
	content:'';
	position: absolute;
	top:auto;
	bottom:100%;
	left:50%;
	margin-left:-6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #cbc6b5 transparent;
}

.nav-tabs {
	border-bottom: 1px solid #e7e2d1;
}

.nav-tabs.reverse {
	border-bottom:none;
	border-top: 1px solid #cbc6b5;
}

.nav-tabs > li {
	float: left;
}

.nav-tabs.reverse > li {
	margin-top: -1px;
}

.nav-tabs > li {
	margin-bottom: -1px;
	background-color:#f8f8f8;
}

.nav-tabs > li > a {
	margin:0;
	font:15px/24px 'open_sansregular', Verdana, sans-serif;
	border: 1px solid #e7e2d1;
	border-radius: 0;
	color:#9e988a;
	text-transform: uppercase;
	background: #f8f4ee;
	padding:5px 30px;
	margin-left:-1px;
}

.nav-tabs  > li:first-child > a,
.nav-tabs  > li.active:first-child > a  {
	padding-left:30px;
}

.nav-tabs > li > a:hover {
	border-color: #e7e2d1;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background-color: #fbfaf4;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #858073;
	cursor: default;
	background-color: transparent;
	border: 1px solid #e7e2d1;
	border-bottom-color: transparent;
}

.nav-tabs.reverse > li.active > a,
.nav-tabs.reverse > li.active > a:hover,
.nav-tabs.reverse > li.active > a:focus {
	border: 1px solid #e7e2d1;
	border-top-color: transparent;
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0;
}

.nav-tabs.nav-justified > li,
.nav-pills.nav-justified > li {
	float: none;
}

.nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}

.nav.nav-justified  > li:first-child > a {
	padding-left:20px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li,
	.nav-pills.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.nav-pills.nav-justified > li + li {
		margin:0;
	}
}

.nav-tabs.nav-justified > li > a {
	margin-right: 0;
	border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #e7e2d1;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #e7e2d1;
		border-radius: 0;
	}
	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #fbfaf4;
	}
}

.tab-pane li,
.tab-pane .list-margin {
	line-height:30px;
	margin-bottom:0;
}


@media (min-width: 768px)  {
 body .container {
  width:95%;
  }
 }


/* ---------------------------------
------------- 3 - Alerts  */
.alert-dismissable .close {
  top:2px;
}

.alert-dismissable .close:active,
.alert-dismissable .close:focus {
  outline:none;
}


/* ---------------------------------
------------- 4 - Icons  */


.bs-glyphicons-list .col-md-3:nth-child(4n):after {
	clear:left !important;
}

.bs-glyphicons-list li {
	color:#5a5a5a;
	display:block;
	padding:0.7em 1.5em;
	text-align: center;
}

.bs-glyphicons-list li:hover {
	background: #f1f1f1;
}

.bs-glyphicons-list li .glyphicon {
	margin-bottom:0.5em;
	font-size:2em;
	width:100%;
}

.bs-glyphicons-list li  {
	margin-bottom:1em;
}



/* ---------------------------------
------------- 5 - List Groups  */

/* Predefined List style types */
.list-style {
	padding-left:17px;
}

.list-style.list-disc {
	list-style-type: disc;
}

.list-style.list-circle {
	list-style-type: circle;
}

.list-style.list-square {
	list-style-type: square;
}

.list-style.list-decimal {
	list-style-type: decimal;
}

.list-style.list-lower-alpha {
	list-style-type: lower-alpha;
}

.list-style.list-upper-alpha {
	list-style-type: upper-alpha;
}

.list-style.list-lower-roman {
	list-style-type: lower-roman;
}

.list-style.list-upper-roman {
	list-style-type: upper-roman;
}

.fa-ul > li {
	margin-bottom:10px;
}

.list-group {
	margin-bottom: 20px;
}

.list-group-item {
	padding: 10px 15px;
}

a.list-group-item {
	color: #555555;
}

a.list-group-item .list-group-item-heading {
	color: #444645;
	margin-bottom:10px;
}

a.list-group-item:hover,
a.list-group-item:focus {
	background-color: #f2f2f2;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #7bae23;
	border-color: #7bae23;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fff;
}


/* ---------------------------------
------------- 6 Buttons & Badges */

.btn {
	font-family: 'open_sansregular',sans-serif;
	padding:6px 15px;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.btn.min-width-lg{
	min-width:220px;
}

.btn.min-width-slg {
	min-width:190px;
}

.btn.min-width {
	min-width:160px;
}

.btn.min-width-md {
	min-width:150px;
}

.btn.min-width-sm {
	min-width:140px;
}

.btn.min-width-xs {
	min-width:100px;
}

.btn.min-width-xss {
	min-width:60px;
}

.btn-link, 
.btn-link:hover, 
.btn-link:focus,
.btn-link:active {
	border-color:transparent;
}

.btn:focus,
.btn:active {
	outline:none !important;
}

.btn-lger,
.btn-group-lger > .btn {
	padding: 12px 18px;
	font-size: 16px;
	line-height:22px;
	border-radius: 0;
}

.btn-lg,
.btn-group-lg > .btn {
	padding: 10px 18px;
	font-size: 16px;
	line-height:22px;
	border-radius: 0;
}

.btn-sm,
.btn-group-sm > .btn {
	padding: 0.4em 1.1em;
	font-size: 0.85em;
	line-height: 1.5;
	border-radius: 0;
}

.btn-xs,
.btn-group-xs > .btn {
	padding: 0.4em 0.9em;
	font-size: 0.72em;
	line-height: 1.5;
	border-radius: 0;
}

.btn-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.btn-block + .btn-block {
margin-top: 0.5em;
}
.btn-compare .badge {
 background:#eee;
 color:#777;
 }
.btn-custom {
	color: #ffffff;
	background-color: #aaa;
	border-color: transparent;
	text-transform: uppercase;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
	color: #fff;
	background-color: #2288b1;
	border-color: transparent;
}

.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
	background-image: none;
}

.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
	background-color: #cbc6b2;
	border-color: #cbc6b2;
}

.btn-custom-2 {
	color: #fff;
	background-color: #2288b1;
	border-color: #2288b1;
	text-transform:uppercase;
}

.btn-custom-2:hover,
.btn-custom-2:focus,
.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
	color:#fff;
	background-color: #cbc6b2;
	border-color: #cbc6b2;
}

.btn-custom-2.disabled,
.btn-custom-2[disabled],
fieldset[disabled] .btn-custom-2,
.btn-custom-2.disabled:hover,
.btn-custom-2[disabled]:hover,
fieldset[disabled] .btn-custom-2:hover,
.btn-custom-2.disabled:focus,
.btn-custom-2[disabled]:focus,
fieldset[disabled] .btn-custom-2:focus,
.btn-custom-2.disabled:active,
.btn-custom-2[disabled]:active,
fieldset[disabled] .btn-custom-2:active,
.btn-custom-2.disabled.active,
.btn-custom-2[disabled].active,
fieldset[disabled] .btn-custom-2.active {
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-3 {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	text-transform:uppercase;
}

.btn-custom-3:hover,
.btn-custom-3:focus,
.btn-custom-3:active,
.btn-custom-3.active,
.open .dropdown-toggle.btn-custom-3 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-3.color:hover,
.btn-custom-3.color:focus,
.btn-custom-3.color:active,
.btn-custom-3.color.active,
.open .dropdown-toggle.btn-custom-3 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-3.disabled,
.btn-custom-3[disabled],
fieldset[disabled] .btn-custom-3,
.btn-custom-3.disabled:hover,
.btn-custom-3[disabled]:hover,
fieldset[disabled] .btn-custom-3:hover,
.btn-custom-3.disabled:focus,
.btn-custom-3[disabled]:focus,
fieldset[disabled] .btn-custom-3:focus,
.btn-custom-3.disabled:active,
.btn-custom-3[disabled]:active,
fieldset[disabled] .btn-custom-3:active,
.btn-custom-3.disabled.active,
.btn-custom-3[disabled].active,
fieldset[disabled] .btn-custom-3.active {
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-4 {
	color: #fff;
	background-color: #2288b1;
	border-color: #2288b1;
	text-transform:uppercase;
}

.btn-custom-4:hover,
.btn-custom-4:focus,
.btn-custom-4:active,
.btn-custom-4.active,
.open .dropdown-toggle.btn-custom-4 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-5 {
	color: #898678;
	background-color: transparent;
	border-color: #cbc6b5;
	text-transform:uppercase;
}

.btn-custom-5:hover,
.btn-custom-5:focus,
.btn-custom-5:active,
.btn-custom-5.active,
.open .dropdown-toggle.btn-custom-3 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-5.disabled,
.btn-custom-5[disabled],
fieldset[disabled] .btn-custom-5,
.btn-custom-5.disabled:hover,
.btn-custom-5[disabled]:hover,
fieldset[disabled] .btn-custom-5:hover,
.btn-custom-5.disabled:focus,
.btn-custom-5[disabled]:focus,
fieldset[disabled] .btn-custom-5:focus,
.btn-custom-5.disabled:active,
.btn-custom-5[disabled]:active,
fieldset[disabled] .btn-custom-5:active,
.btn-custom-5.disabled.active,
.btn-custom-5[disabled].active,
fieldset[disabled] .btn-custom-5.active {
	background-color: transparent;
	border-color: #cbc6b5;
}

.btn-custom-6 {
	color: #ffffff;
	background-color: #aea995;
	border-color: transparent;
	text-transform: uppercase;
}

.btn-custom-6:hover,
.btn-custom-6:focus,
.btn-custom-6:active,
.btn-custom-6.active,
.open .dropdown-toggle.btn-custom-6 {
	color: #fff;
	background-color: #2288b1;
	border-color: transparent;
}

.btn-custom-7 {
	color: #686660;
	background-color: transparent;
	border-color: #95938c;
	text-transform:uppercase;
}

.btn-custom-7:hover,
.btn-custom-7:focus,
.btn-custom-7:active,
.btn-custom-7.active,
.open .dropdown-toggle.btn-custom-7 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-8 {
	color: #949188;
	background-color: transparent;
	border-color: #d7d5cb;
	text-transform:uppercase;
}

.btn-custom-8:hover,
.btn-custom-8:focus,
.btn-custom-8:active,
.btn-custom-8.active,
.open .dropdown-toggle.btn-custom-8 {
	color:#fff;
	background-color: #cbc6b5;
	border-color: #cbc6b5;
}

.btn-custom-9 {
	color: #898678;
	background-color: transparent;
	border-color: #cbc6b5;
	text-transform:uppercase;
}

.btn-custom-9:hover,
.btn-custom-9:focus,
.btn-custom-9:active,
.btn-custom-9.active,
.open .dropdown-toggle.btn-custom-9 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-10 {
	color: #675f56;
	background-color: transparent;
	border-color: #675f56;
	text-transform:uppercase;
}

.btn-custom-10:hover,
.btn-custom-10:focus,
.btn-custom-10:active,
.btn-custom-10.active,
.open .dropdown-toggle.btn-custom-10 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom-11 {
	color: #686660;
	background-color: transparent;
	border-color: #b6b2a8;
	text-transform:uppercase;
}

.btn-custom-11:hover,
.btn-custom-11:focus,
.btn-custom-11:active,
.btn-custom-11.active,
.open .dropdown-toggle.btn-custom-10 {
	color:#fff;
	background-color: #2288b1;
	border-color: #2288b1;
}

.btn-custom .badge {
	color: #cbc6b2;
	background-color: #ffffff;
}

.btn-custom-2 .badge{
	color: #2288b1;
	background-color: #ffffff;
}

.btn-default .badge {
  background-color: #aeaeae;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 0.25em 0.6em;
  font-size: 1em;
  background-color: #aeaeae;
  border-radius: 10px;
}

.btn .badge {
  top:1px;
  margin:0 0.3em;
}


/* ---------------------------------
------------- 7 Dropdown Menu */




/* ---------------------------------
------------- 8 Forms */

.help-block,
.has-error .help-block,
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline {
	color:#2288b1;
}
label.l5 {
 margin-bottom:5px;
 }
label {
	margin-bottom: 10px;
}

.form-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 14px;
  font-weight: normal;
  font-family: 'open_sansregular', sans-serif;
  color:#b6b4a2;
  font-size:16px;
  line-height:22px;
  text-transform: uppercase;
}

label > span.required {
	color:#2288b1;
}

textarea.min-height {
	height:162px;
}

textarea.min-height-sm {
	height:90px;

}

input:focus,
textarea:focus,
select:focus {
	outline:0;
}

fieldset {
	padding:0;
	margin:0  0 60px 0;
	border:none;
}
 
.form-control {
	padding: 6.5px 15px 6.5px 15px;
	height:34px;
	border-radius:0;
	border-color:#e7e1cf;
	font-size:14px;
	line-height:1.5;
	xbackground-color: #fbfaf4;
	color:inherit;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.form-control:focus {
	border-color: #b3ada1;
	outline: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.form-control:-moz-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-control::-moz-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-control:-ms-input-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-control::-webkit-input-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-group,
.form-group .form-control {
	margin-bottom:12px;
}

.form-group.lg-margin,
.form-group.lg-margin .form-control {
	margin-bottom:25px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background: #f5f5f5;
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
	height: 30px;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 0;
}

select.input-sm {
	height: 30px;
	line-height: 30px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
	height: 46px;
	padding: 10.5px 20px 10.5px 20px;
	font-size: 17px;
	line-height: 1.5;
	border-radius: 0;
}

select.input-lg {
	height: 46px;
	line-height: 46px;
}

.input-group .form-control {
	border-radius:0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.input-group {
	margin-bottom:25px;
	border-radius: 0;
	position: relative;
}

.input-group .form-control:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #b6b4a2;
	text-align: center;
	background-color: #fbfaf4;
	border: 1px solid #e7e1cf;
	border-radius: 0;
	min-width:120px;
}

.input-group-addon.custom-checkbox-wrapper,
.input-group-addon.custom-radio-wrapper {
	padding:5px 12px;
}

.input-group-sm >.input-group-addon.custom-checkbox-wrapper,
.input-group-sm >.input-group-addon.custom-radio-wrapper {
	padding:4px 10px;
}

.input-group-lg >.input-group-addon.custom-checkbox-wrapper,
.input-group-lg >.input-group-addon.custom-radio-wrapper {
	padding:10px 20px;
}

.input-group-addon .custom-checkbox-container,
.input-group-addon .custom-radio-container {
	margin:0;
	top:1px;
}

.input-group-lg >.input-group-addon .custom-checkbox-container,
.input-group-lg >.input-group-addon .custom-radio-container  {
	top:-1px;
}

.input-group .input-group-addon:first-child {
	padding-left:15px;
	padding-right:15px;
	text-align: left;
}

.input-group .input-group-addon:last-child {
	padding-right:10px;
	padding-left:10px;
	text-align: right;
}

.input-group-addon.icon-addon {
	font-size:18px;
	min-width:60px;
	text-align: center !important;
}

.input-group-sm .input-group-addon {
	border-radius: 0;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px 5px 10px;
}


.input-group-sm .input-group-addon.icon-addon {
	font-size:14px;
	line-height:18px;
	min-width:30px;
}

.input-group-sm  .input-group-addon:first-child,
.input-group-lg  .input-group-addon:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-sm  .input-group-addon:last-child,
.input-group-lg  .input-group-addon:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-lg  .input-group-addon:first-child {
	padding-left:20px;
	padding-right:20px;
}

.input-group-lg  .input-group-addon:last-child {
	padding-right:20px;
}

.input-group-lg .input-group-addon {
	padding: 12.5px 20px;
	font-size: 17px;
	border-radius: 0;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-lg>.form-control, 
.input-group-lg>.input-group-addon, 
.input-group-lg>.input-group-btn>.btn {
	height:46px;
	padding: 10.5px 20px;
	font-size:17px;
}

.input-group-lg .input-group-addon.icon-addon {
	font-size:24px;
	line-height:30px;
	padding: 7px 20px;
	min-width:70px;
}

.no-minwidth {
	min-width:0 !important;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
	line-height:0;
	vertical-align: middle;
}

.textarea-container {
	position: relative;
	width:100%;
}

.textarea-container .input-group-addon {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	border-radius:0;
	padding:15px 20px 15px 20px;
	z-index:90;
}

.textarea-container .input-group-addon:first-child {
	border-right:1px solid #e4e2e2;
}

.textarea-container textarea,
.textarea-container textarea.form-control {
	padding-top:60px;
	margin-top:0;
}

textarea.form-control {
	padding:20px;
}

select.form-control {
	border-radius:0;
	padding:6px 12px;
}

.input-group-btn>.btn {
	padding:6px 14px;
}

.has-feedback label~.form-control-feedback {
	top:33px;
	right:8px;
}

.input-lg + .form-control-feedback {
	top:29px;
	right:5px;
}

/* Validaton */

.input-group > label {
	position: absolute;
	bottom:100%;
	left:0;
	font-size:12px;
	margin-bottom:6px;
	line-height: 1.5;
	margin-top: 0;
	font-weight:600;
}

.input-group > label.error {
	color:#de0000;
}





/* ---------------------------------
------------- 14 Collapses */

/* Styles */
.panel {
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom:10px;
	border-radius: 0;
	border:none;
	background-color: transparent;
}

.accordion-reverse {
	padding-left:42px;
}

.accordion-reverse .panel {
	margin-bottom: 13px;
}
body .accordion-title:after {
 background:none;
 }
.accordion-title {
	position: relative;
	font-size:26px;
	line-height: 40px;
	font-family: 'open_sansregular', Arial, sans-serif;
	color:#959180;
	padding:0;
	text-transform: capitalize;
}

.accordion-reverse .accordion-title {
	font-size:15px;
	line-height: 20px;
	padding-top:4px;
	color:#908c82;
	text-transform: uppercase;
}

.accordion-title > span {
	display: inline-block;
	padding:0 20px 0 0;
	height:100%;
	background: #fbfaf4;
	position: relative;
	z-index:1;
}

.accordion-title:after {
	content: '';
	position: absolute;
	left:0;
	top:50%;
	margin-top:-1px;
	display: block;
	width:100%;
	height:1px;
	background: #eaeaea;
	z-index:0;
}

.accordion-reverse .accordion-title:after  {
	display:none;
}

.accordion-title .accordion-btn {
	display:block;
	position: absolute;
	z-index:3;
	right:0;
	top:50%;
	width:35px;
	height:35px;
	margin-top:-18.5px;
	background-color: #fbfaf4;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -228px -257px;
	border:1px solid #aea995;
	transition: background-position 0.3s;
	-webkit-transition: background-position 0.3s;
	-moz-transition: background-position 0.3s;
	-ms-transition: background-position 0.3s;
	-o-transition: background-position 0.3s;
}

.accordion-title .accordion-btn:after {
	content:'';
	position: absolute;
	left:-21px;
	top:0;
	display:block;
	background-color: #fbfaf4;
	width:20px;
	height:100%;
}

.accordion-title .accordion-btn.collapsed {
	background-position: -228px -380px;
}

.accordion-title .accordion-btn:hover,
.accordion-title .accordion-btn:focus {
	background-color:#2288b1;
	border:none;
	background-position: -228px -300px;
}

.accordion-title .accordion-btn.collapsed:hover,
.accordion-title .accordion-btn.collapsed:focus {
	background-position: -228px -345px;
}


.accordion-reverse .accordion-title .accordion-btn {
	left:-42px;
	right:auto;
	top:50%;
	width:24px;
	height:24px;
	margin-top:-12px;
	background-color: #cbc6b2;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -304px -290px;
	border:none;
}

.accordion-reverse .accordion-title .accordion-btn:after {
	display:none;
}

.accordion-reverse .accordion-title .accordion-btn.collapsed {
	background-position: -304px -314px;
	background-color: #2288b1;
}

.accordion-reverse .accordion-title .accordion-btn:hover,
.accordion-reverse .accordion-title .accordion-btn:focus {
	background-color:#2288b1;
	background-position: -304px -290px;
}

.accordion-reverse .accordion-title .accordion-btn.collapsed:hover,
.accordion-reverse .accordion-title .accordion-btn.collapsed:focus {
	background-position: -304px -314px;
}

/* important for smooth animation */
.accordion-body .accordion-body-wrapper {
	padding:5px 0;
}

.accordion-body ul {
	padding-left:18px;
}

.accordion-body ul li {
	color:#959180;
	padding:5px 0;
}

.accordion-reverse .accordion-body ul li {
	color:#9b968b;
	padding:3px 0;
}

.accordion-panel .panel  {
	margin-bottom: 8px;
}

.accordion-panel-title {
	font:28px/30px 'open_sansregular', Verdana, sans-serif;
	color:#959180;
	margin-bottom:0;
	display:block;
	padding:16px 20px 10px;
	border:1px solid #aea995;
	background: transparent;
	position: relative;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
}

.accordion-panel-title:hover {
	color:#6d6c67;
	background-color: #f3f1ea;
}

.accordion-panel-title > span {
	font-size:15px;
	line-height:24px;
	position: absolute;
	left:14px;
	top:50%;
	margin-top:-12px;
	color:#85847e;
}

.accordion-panel-body .accordion-body-wrapper {
	padding:25px 0;
}

.accordion-panel-body  ul {
	padding-left:20px;
}

.accordion-panel-body ul li {
	color:#959180;
	padding:2.5px 0;
}

.accordion-panel-body .fa-ul {
	padding-left:2.1em;
}

.accordion-btn-group {
	padding-bottom:15px;
	border-bottom:1px solid rgba(213,213,213, 0.7);
}

.accordion-btn-body-container .accordion-body-wrapper {
	padding:10px 0;
}

.accordion-body-wrapper li:last-child,
.accordion-body-wrapper p:last-child {
	margin-bottom: 0;
}

/* End collapse */


/* ---------------------------------
------------- 15 Pagination */

.prev-page,
.next-page {
	text-indent:-9999px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
}

.prev-page {
	background-position: -330px 0;
}

.next-page {
	background-position: -362px 0;
}

.prev-page:hover {
	background-position: -330px -32px;
}

.next-page:hover {
	background-position: -362px -32px;
}

.pagination-container {
	margin:46px 0 0;
	font-family: 'open_sansregular', Verdana;
	color:#a7a39b;
}

.pagination-info {
        display:block;
        text-align:right;
        margin-right:10px;
	font-size:14px;
	line-height:34px;
}

/* Bootstrap pagination */
.pagination {
	display: inline-block;
	margin:0;
	border-radius:0;
	font-size:0;
	line-height: 0;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
	display:inline-block;
	float:none;
	padding:7px 0 9px;
	width:32px;
	height:32px;
	margin-left: 5px;
	font-size:15px;
	line-height:17px;
	background-color: transparent;
	border: 1px solid #c3c1b8;
	color:#94918a;
	text-align:center;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #fff;
	background-color: #cbc6b5;
	border-color: #cbc6b5;
	font-weight:bold;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999999;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #dddddd;
}




/* =============================================
--------------------  4.Header -----------------
==============================================*/

#header-wrapper {
	position: relative;
}
#dlogo {
 display:none;
 }
#header .navbar-brand img {
 height:50px;
 }
#header {
	border-bottom:1px solid #eae9e9;
	background-color: #f7f6f0;
	opacity:0.95;
	position: fixed;
	top:0px;
	z-index:444;
	width:100%;
}

#header-top {
	background-color: #f4f3e9;
}

.left-side {
	float: left;
}

.right-side {
	float:right;
}

#header-top .right-side {
	position: relative;
}

.header-links {
	/* fix for inline-block auto margin */
	font-size:0;
}


.header-links li {
	display:inline-block;
	margin-right:40px;
	padding:6px 0;
}

.header-links li:last-child {
	margin-right:0;
}

.header-links li a,
.header-link li a {
	color:#7e786b;
	font:13px/20px 'open_sansregular', Verdana, sans-serif;
	letter-spacing: -0.3px;
}

.header-links li a > span {
	vertical-align: middle;
}

.header-links li:hover > a {
	color:#2288b1;
}

.header-link {
	float:left;
}

.header-link li {
	padding:5.5px 18px 5.5px 16px;
	border-right:1px solid #ecebe1;
}

.header-link .header-links-icon {
	margin-bottom:-4px;
}

.header-link a:hover {
	color:#2288b1 !important;
}

.header-links-icon {
	display: inline-block;
	margin-right:6px;
	width:15px;
	height:18px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.header-links-icon.icon-account {
	background-position: -91px -1133px;
}

.header-links-icon.icon-checkout {
	margin-right:8px;
	background-position: -106px -1133px;
}

.header-links-icon.icon-wishlist {
	background-position: -121px -1133px;
}

.header-links-icon.icon-login {
	margin-right:7px;
	background-position: -136px -1133px;
}

.header-links-icon.icon-fav {
	margin-right:6px;
	background-position: -76px -1133px;
}

.header-link .header-links-icon.icon-login {
	margin-right:4px;
}

.header-links li:hover .header-links-icon.icon-account {
	background-position: -91px -1151px;
}

.header-links li:hover .header-links-icon.icon-checkout {
	background-position: -106px -1151px;
}

.header-links li:hover .header-links-icon.icon-wishlist {
	background-position: -121px -1151px;
}

.header-links li:hover .header-links-icon.icon-login {
	background-position: -136px -1151px;
}

.logo-container {
	float:left;
	padding:40px 0;
}

.logo {
	font:40px/1  Verdana, sans-serif;
	text-transform: uppercase;
	color:#868176;
	margin:0;
}

.logo a {
	display:inline-block;
	color:#868176;
}

.right-side,
.right-side-wrapper,
#main-nav {
	float:right;
}

#header .right-side-wrapper {
	padding:48.5px 0;
}

#main-nav {
	margin-right:28px;
}

.search-container {
	position: relative;
}

.header-search-btn {
	float:right;
	display:block;
	width:16px;
	height:16px;
	margin:1px 0;
	background-image: url('../images/sprites/sprite.png');
	background-position: -107px -1056px;
	background-repeat: no-repeat;
}

#header-top .header-search-btn {
	display:inline-block;
	width:auto;
	height:auto;
	background-image: none;
	padding-left:20px;
	position: relative;
	font:13px/20px 'open_sansregular', Verdana;
	color:#7e786b;
	margin:7px 0;
}

#header-top .header-search-btn:after {
	content:'';
	background-image: url('../images/sprites/sprite.png');
	background-position: -137px -1107px;
	background-repeat: no-repeat;
	width:13px;
	height:13px;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-6.5px;
}

.search-form {
	visibility:hidden;
	opacity:0;
	width:100%;
	position: absolute;
	left:0;
	top:47px;
	z-index:99;
	background: #f7f6f0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}

#header-top .search-form {
	top:8px;
	background: #f4f3e9;
}

.search-form.active {
	opacity:1;
	visibility: visible;
}

.search-form input {
	width:100%;
	border:none;
	background-color: transparent;
	height:26px;
	border-left:1px solid #b3b2af;
	color:#6d6b64;
	font:18px/20px 'open_sanslight', Verdana, sans-serif;
	padding:3px 56px 3px 20px;
}

#header-top .search-form input {
	height:18px;
	border-left:1px solid #b3b2af;
	color:#7e786b;
	font-size:14px;
	line-height:16px;
	padding:1px 23px 1px 10px;
}

.search-form:after {
	content:'';
	display:block;
	width:1px;
	height:100%;
	background-color: #b3b2af;
	position: absolute;
	right:37px;
	top:0;
}

#header-top .search-form:after {
	height:18px;
	right:23px;
	top:0;
}

.search-close-btn {
	display:block;
	width:16px;
	height:16px;
	position: absolute;
	right:0;
	top:5px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -91px -1056px;
	background-repeat: no-repeat;
}

#header-top .search-close-btn {
	width:13px;
	height:13px;
	top:2.5px;
	background-position: -150px -1107px;
}

.search-submit-btn {
	width:20px !important;
	height:20px !important;
	display:none;
	text-indent:-9999px;
	padding:0 !important;
	border:none !important;
	position: absolute;
	right:21px;
	top:50%;
	margin-top:-10px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -137px -1087px;
	background-repeat: no-repeat;
}

#header .dropdown-toggle,
#header #navbar2 {
 max-height:80vh;
 overflow-y:auto;
 }
.dropdown-text {
	display: none;
}
.cart-dropdown .cart-desc {
 display:none;
 }
.user-dropdown,
.cart-dropdown {
}
.lsel span.dropdown-value { 
 text-transform:uppercase;
 color:#444;
 }
.zz-fib {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.zz-fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.zz-fi:before {
  content: '\00a0';
}
.zz-fi.fis {
  width: 1em;
}
.fi-gb {
  background-image: url(../images/flags/gb.svg);
}

.fi-ro {
  background-image: url(../images/flags/ro.svg);
}
span.flag {
 margin-right:5px;
 }
#header .nav li.open ul.dropdown-menu {
 background:white;
 border-top:1px solid white;
 border-right:1px solid white;
 }
.dic::before {
  position: absolute;
  right: 1rem;
  content: '✓';
  font-weight: 600;
} 
#header .nav li.open>a {
 background-color:white;
 } 
.currency-dropdown,
.language-dropdown {
	float:right;
	font:13px/20px 'open_sansregular', Verdana;
}


.currency-dropdown .dropdown-menu,
.language-dropdown .dropdown-menu {
	min-width:120px;
	border:1px solid #e6dfd1;
	border-top:none;
	top:0;
	left:-15px;
	box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
}

.currency-dropdown .dropdown-menu > li > a ,
.language-dropdown .dropdown-menu > li > a {
	padding:6.5px 15px;
	color:#7e786b;
}

.language-dropdown .dropdown-menu > li:first-child > a > span {
	display:none;
}

.language-dropdown .dropdown-menu > li:first-child > a .long-name {
	display: inline;
}

.language-dropdown .dropdown-menu > li > a > img {
	float:right;
	margin-top:3px;
}

.dropdown .short-name {
	display:none;
}

.dropdown-icon {
	display: block;
	width:16px;
	height:16px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.dropdown-arrow {
	display: inline-block;
	width:10px;
	height:5px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -180px -1107px;
	position: relative;
	margin-bottom:2px;
}

.open .dropdown-arrow {
	background-position: -180px -1112px;
	z-index:920;
}

#header-top .dropdown-icon {
	display:inline-block;
	width:14px;
	height:13px;
	margin-right:7px;
	margin-bottom:-1px;
}

.user-dropdown .dropdown-icon {
	background-position: -123px -1056px;
}

.user-dropdown.open .dropdown-icon,
.user-dropdown:hover .dropdown-icon,
.user-dropdown .dropdown-icon:hover,
.user-dropdown .dropdown-icon:focus {
	background-position: -139px -1056px;
}

.user-dropdown .dropdown-menu {
	width: 200px;
	margin-top:34px;
	left:50%;
	margin-left:-100px;
	border-radius: 0;
	border-color: #e6dfd1;
}

.header1 .open > .dropdown-menu:before,
.header1 :hover > .dropdown-menu:before {
	content:'';
	position: absolute;
	bottom:100%;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:55px;
}

.header1 .dropdown-menu {
	margin-top:34px;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
}


.user-dropdown .dropdown-menu li {
	position: relative;
}

.user-dropdown .dropdown-menu li a {
	display: block;
	padding:10.5px 20px;
	color:#7e786b;
	background-color: #fbfaf4;
	font:13px/20px 'open_sansregular', Verdana;
	text-transform: uppercase;
	border-top: 1px solid #e6dfd1;
}

.user-dropdown .dropdown-menu > li:last-child > a {
	border-bottom:none;
}

.user-dropdown .dropdown-menu > li a:hover,
.user-dropdown .dropdown-menu > li a:focus {
	background-color: #e6dfd1;
	color: #7e786b;
}

.dropdown-value {
	float:right;
	color:#2288b1;
}

.user-dropdown .dropdown-menu li ul {
	visibility:hidden;
	opacity:0;
	width:170px;
	border: 1px solid #e6dfd1;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	position: absolute;
	top:0;
	margin-top:-20px;
	z-index:950;
}

.user-dropdown .dropdown-menu li ul li:first-child a {
	border-top:none;
}

.user-dropdown .dropdown-menu li ul,
.user-dropdown .dropdown-menu li ul.pull-right,
.user-dropdown .dropdown-menu li ul.reverse {
	left:auto;
	margin-left:0;
	right:100%;
	margin-right:2px;
}

.user-dropdown .dropdown-menu li:hover > ul {
	visibility:visible;
	opacity:1;
	margin-top:0;
}

.user-dropdown .dropdown-menu li ul li img {
	float:right;
	margin-top:3.5px;
}

.cart-dropdown .dropdown-icon {
	background-position: -155px -1056px;
}

#header-top .cart-dropdown .dropdown-icon {
	background-position: -163px -1107px;
}

.cart-dropdown .dropdown-icon {
	position: relative;
}
.gi-2x{font-size: 1.2em;}
.cart-dropdown .badge {
	display:block;
	border-radius: 50%;
	background-color: #2288b1;
	color:#fff;
	font:11px/16px 'open_sansregular', Verdana;
	text-align: center;
	position:absolute;
	padding:0;
	width:16px;
	top:30%;
	left:7%;
	min-width:0;
}

.cart-dropdown .dropdown-menu {
	width: 350px;
	padding:20px 20px 30px;
	background-color: #fbfaf4;
	border:none;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
}

.header1 .cart-dropdown.open > .dropdown-menu,
.header1 .cart-dropdown:hover > .dropdown-menu {
	margin-top:0px;
}

.header1 .cart-dropdown .btn-custom:hover,
.header1 .cart-dropdown .btn-custom:focus,
.header1 .cart-dropdown .btn-custom:active,
.header1 .cart-dropdown .btn-custom.active,
.header1 .cart-dropdown.open .dropdown-toggle.btn-custom {
	color: #fff;
	background-color: #2288b1;
	border-color: transparent;
}

.cart-dropdown-header {
	width:100%;
	height:34px;
	background: #e6dfd1;
	color:#7e786b;
	position: absolute;
	top:0;
	left:0;
	font:13px/20px 'open_sansregular', Verdana;
	padding:7px 20px;
}

.cart-dropdown .product {
	margin-bottom: 20px;
	position: relative;
}

.cart-dropdown .product .delete-btn {
	display:block;
	width:12px;
	height:12px;
	position: absolute;
	right:0;
	top:0;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -90px -1075px;
}

.cart-dropdown .product .delete-btn:hover {
	background-position: -102px -1075px;
}

.cart-dropdown .product-image-container {
	float:left;
	width:90px;
	margin-right:15px;
}

.cart-dropdown .product-name {
	margin:-2px 0 8px;
	padding-right:30px;
}

.cart-dropdown .product-name,
.cart-dropdown .product-price,
.cart-dropdown .product-old-price {
	font-size:15px;
}

.cart-dropdown .product-old-price {
	margin-right: 10px;
}

.cart-dropdown .product-name,
.cart-dropdown .product-price-container {
	text-align: left;
}

.cart-dropdown .product:hover .product-image {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	visibility: visible;
}
.cart-dropdown .product-content {
	margin-left:105px;
}

.cart-dropdown .cart-desc {
	color:#969186;
	font:15px/20px 'open_sansregular', Verdana;
	margin-bottom: 21px;
}

.cart-dropdown .action-info-container,
.cart-dropdown .action-btn-container {
	margin-top:5px;
}

.cart-dropdown .action-info-container li {
	text-transform: uppercase;
	color:#666666;
	font:14px/18px 'open_sansregular', Verdana;
	margin-bottom:6px;
}


.cart-dropdown .action-btn-container li {
	margin-bottom: 8px;
}

.cart-dropdown .action-btn-container li:last-child {
	margin-bottom:0;
}

.cart-dropdown .action-btn-container .btn {
	min-width:116px;
	padding:5px 10px;
}

.cart-dropdown .action-btn-container .btn-custom-5:hover,
.cart-dropdown .action-btn-container .btn-custom-5:active,
.cart-dropdown .action-btn-container .btn-custom-5:focus {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
}


 div.cookie-tab > .table > table > tbody > tr > td {
 padding:10px;
 }
.page-information #content {
 background-image:url(/image/data/b/bg.jpg);
 background-attachment:fixed;
 background-size:cover;
 }
#content .info-about p > img { 
 float:left;
 margin-right:10px;
 }

.eucp, .cookie-tab, .tos, .privacy, .gdprc { 
 max-width:1200px;
 margin:auto;
 }
 
.cookie-tab > div.table {
 border:0px;
 } 
.cookie-tab .table table.table  {
 background:none;
 }
#bot-msg {
  color:#ccc;
  background:#333;
  z-index:99999;
  padding:10px;
  bottom:0px;
  position:fixed;
  font-size:16px;
  width:100%;
  max-height:90vh;
  -webkit-overflow-scrolling: touch;
  overflow:scroll;
  }
#bot-msg .cookieDiv {
 margin:auto;
 padding:0 15px;
 max-width:800px;
 }
#bot-msg a {
 color:white;
 font-weight:bold;
 }
.info-page .table tr, info-page .table tr td {
 border:1px solid #999;
 }
.info-page, .info-page .table {
 color:#666;
 }
.info-page p, .info-page li  {
 text-indent:20px;
 color:#666;
 }
.info-page p, .info-page li, .info-page a {
 margin-bottom:20px;
 font-size:15px;
 text-align: justify;
 text-justify: inter-word;
 }
.info-page br+br {
 line-height:10px;
 font-size:10px;
 }

/* =============================================
---------------------  4.Product ---------------
==============================================*/

aside.affix {
 overflow-y:auto;
 max-height:80%;
 height:80%;
 background-color:#fbfaf4;
 z-index:444;
 }
.row.rownp > [class*="col-"] {
 padding:0px 0px;
 }
#product-single-container img.fake {
 filter: hue-rotate(20deg);
 transform:scaleX(-1);
 }
 
.product-image-container {
	margin-top:10px;
	xborder:0px solid #e6dfd1;
	position: relative;
}

.product-image-container > a {
	display: block;
}

.product-image-container img {
	width:100%;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}

.dropdownxx-menu > li:hover,.product:hover, .cswiper .swiper-slide:hover {
  border: 3px solid transparent;
  border-image: url(../images/sprites/ingot.jpg) 3 stretch;
  border-image-outset:0;
 }
.dropdownxx-menu > li,.product {
  border: 3px solid transparent;
  } 
.cimage a img {
 margin:0px auto;
 }
.product-top:before {
  position:absolute;
  content:"";
  display:block;
  width:50%;
  left:25%;
  height:5px;
 }
.product-top {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	perspective:600px;
	-webkit-perspective:600px;
}

.product-image-hover {
	position: absolute;
	left:0;
	top:0;
	z-index:9;
	opacity:0;
	transform:scale(0.85);
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	-ms-transform:scale(0.85);
	-o-transform:scale(0.85);
	visibility: hidden;
}


.product-single-meta .product-desc  p {
 margin-bottom:10px;
 }
.product-name {
	xcolor:#848079;
	text-transform: uppercase;
	font-family:'Oswald';
	font-size:16px;
	line-height:24px;
	text-align: center;
	margin-bottom: 1px;
}

.product-name.text-left {
	text-align: left;
	margin-bottom:18px;
}

.product-name.text-right {
	text-align: right;
	margin-bottom:18px;
}

.product-name a {
	color:#444;
}

.product-name a:hover {
	color:#2288b1;
}

.product-price-container {
	text-align: center;
	font-family: 'open_sansregular', Verdana;
}


.product-old-price {
	text-decoration: line-through;
	color:#999999;
	margin-right: 14px;
	font-size:15px;
	line-height: 17px;
}
.product-price:before {
 content:'RRP';
 display:inline-block;
 color:#aaa;
 font-weight:300;
 margin-right:10px;
 }
.product-price {
	color:#2288b1;
	font-size:15px;
	line-height: 17px;
}

#realc {
position:relative;
 transition:top 0.5s;
 top:0px;
}
#realc.blur {
 top:100vh;
 position:relative;
 }
.gotop button {
 margin-left:5px;
 background:white;
 margin-top:0px;
 font-size:14px;
 border:1px solid #ccc;
 
 } 
.category-grid.rcg .pblock .product img:hover { 
 transform: scale(1.1);
 transition:all 0.3s;
 }
.category-grid .pblock .product {
 background:white;
 border-radius:10px;
 }
  
.product-top  .product-action-container {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:11;
	margin:0;
	transition:all 0.25s ease-in;
	-webkit-transition:all 0.25s ease-in;
	-moz-transition:all 0.25s ease-in;
	-ms-transition:all 0.25s ease-in;
	-o-transition:all 0.25s ease-in;
	transform:rotateX(120deg);
	-webkit-transform:rotateX(120deg);
	-moz-transform:rotateX(120deg);
	-ms-transform:rotateX(120deg);
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}




#product-prime {
 display:flex;
 xalign-items:stretch;
 position:relative;
 }
#product-prime > div {
 height:auto;
 } 
.product-single-meta #pdesc1 p {
 margin-bottom:5px;
 padding-right:0px;
 text-align:justify;
 }
#pwr2 { 
position:relative;
}
#pdesc1 { 
 max-height:auto;
 overflow-y:hidden;
 transition:max-height 0.5s;
 padding-bottom:40px;
 }
#pwr2.oflow #s-more {
 display:block;
 }
#pwr2 .btn-more {
 display:none;
 border:none;
 background:none;
 font-size:20px;
 padding:0px;
 position:absolute;
 bottom:0px;
 z-index:7;
 right: -25px;
 } 
#pwr2.x #pdesc1 {
 overflow-y:auto;
 } 
#pwr2.x #s-more {
 display:none;
 }
#pwr2.x #s-less {
 bottom:auto;
 top:0px;
 right:-25px;
 display:block;
 } 
#pdesc1 br {
 display:none;
 }
#pdesc1 table.attribute td {
 text-align:left;
 } 
#pdesc1 table.attribute td br{
 display:block;
 }  
div.share-box {
 background-color:#f8f8f8;
 position:absolute;
 text-align:center;
 bottom:0px;
 width:100%;
 }
 .share-sym {
  display:inline-block;
  position:relative;
  vertical-align:bottom;
  border:0px solid #ddd;
  margin:2px;
  opacity:0.5;
  background-image:url(../images/sprites/sh.png);
  width:42px;
  height:37px;
  }
.phone-sel {
 display:flex;
 align-items:center;
 }
.phone-sel label {
 white-space:nowrap;
 margin:0px 10px;
 } 
table.attribute td {
 padding:5px;
 }
table.attribute {
 width:100%;
 } 
table.attribute .attr-val {
 text-align:center;
 color:#444;
 }
  
body.psf #header {
 display:none;
 } 
body.psf {
 overflow:hidden;
 }
#product-prime > #pswiper {
 height:calc(100vh - 106px);
 }
#pswiper img.img-responsive-h {
 height:100%;
 width:calc(80vh - 85px)
}  
#pswiper.pswiper.fullscreen {
 height: 100vh;
 width: 100vw;
 top:0px;
 left:0px;
 xborder:10px solid #bbb;
  box-shadow: 14px 14px 14px 14px;
 z-index:333;
 float:none;
 }
#pswiper.fullscreen .swiper-slide {
      background: #f4f4f4;
      text-align: center;
      /* Center slide text vertically */
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
#pswiper.fullscreen.swide .swiper-slide img {
      height:100vh;
      width:auto;
 }
#pswiper.fullscreen.stall .swiper-slide img {
      width:100vw;
      height:auto;
      top:50%;
      transform:translateY(-50%);
 } 
#pswiper.fullscreen  .swiper-slide img {
      position: absolute;

      top:0;
      z-index: 2;
      cursor: pointer;
    }    
.fullscreen .swiper-slide img {
 pointer-events: none;
 }
.fullscreen .swiper-slide .backdrop {
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left:0;
 z-index:1;
 cursor: pointer;
 }
#pswiper.fullscreen .swiper-button-next {
 top:50%;
 transform:scale(2);
 }
#pswiper.fullscreen .swiper-button-prev {
 top:50%;
 transform:scale(2);
 } 
#pswiper  .close-button {
 display:none;
 }
#pswiper.fullscreen .swiper-slide .close-button {
 position: absolute;
 display:block;
 top: 10px;
 right: 10px;
 transform:scale(2);
 z-index: 4;
 cursor: pointer;
 }

.pswiper .swiper-slide {
 background:white;
 }
.zswiper img {
 position:absolute;
 transform:scale(3);
}
.zswiper > .swiper-pagination {
 position:static;
 }
.zswiper .swiper-slide a {
 display:block;
 position:relative;
 width:40px;
 overflow:hidden;
 min-width:40px;
 height:40px;
 }
.rota  {
 transform:rotateY(360deg);
 backface-visibility:hidden;
 position:relative;
 transition:transform 0.5s;
 -webkit-transition: all 500ms;
 top:0;
 left:0;
 }
 .cswiper .product-name {
  background:white;
  min-height:36px;
  height:36px;
  }
.cswiper .cimage .badge {
 position:absolute;
 right:10px;
 top:10px;
 color:#999;
 font-weight:normal;
 background:#eee;;
 } 
.cswiper .cimage {
 background:white;
 }
.cswiper .product-name a { 
 max-width:100%;
 font-size:14px;
 overflow-wrap: break-word;
 overflow:hidden;
 } 
body  .swiper-button-disabled {
 display:none;
 }
.cswiper .swiper-button-next, .cswiper .swiper-button-prev {
 top:30%;
 color:#ddd; 
 width:10px;
 }
 .rswiper.swiper > .swiper-pagination {
  bottom:0px;
  }
.category-grid .pblock h3.product-name {
 }
.xban a.bg-danger:hover {
 background-color:#f2dede;
 }
.xban .category-grid .pblock .product {
 background:none;
} 
.category-grid .pblock figure {
 max-width:100%;
 overflow-y:hidden;
 overflow-x:hidden;
 }
 .pblock figure a {
  }
.category-grid .pblock .product img {
 position:relative;
 } 
.category-grid .product-desc {
 display: none;
 }
.category-list .pblock {
 float:none;
 width:100%;
 }
.category-list .product-nd {
 float:right;
 padding:10px;
 width:calc(100% - 260px);
 } 
 .category-list .product {
  background:white;
  border-radius:10px;
  }
.category-list .product-name {
 text-align:left;
 margin-top:30px;
 font-size:18px;
 font-weight:bold;
 line-height:22px;
 } 
.cswiper .swiper-slide.selected {
 border:2px solid #ccc;
 }
.swiper .swiper-button-next, .swiper .swiper-button-prev {
 height:20px;
 top:auto;
 bottom:10px;
 }
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
 font-size:20px;
 }
.swiper-wrappr.swiper-wrapper {
 margin-bottom:40px;
 } 
figure.product-image-container {
 padding-bottom:25px;
 background:white;
 }
.product-top .product-price-container {
 position:absolute;
 width:100%;
 bottom:0px;
 padding:0px 10px;
 text-align:right;
 max-width:100%;
 } 
 .product-price-container .ssep {
  display:none;
  }
.product-price-container .product-old-price {  
 }
.product-price-container .product-price {
  font-weight:bold !important;
  font-size:18px;
  font-family:'Oswald';
  color:#666;
 }
.product-price-container .sbani {
 font-size:80%;
 vertical-align:super;
 } 


a.product-btn:hover, .product-add-btn:hover {
 color:#2ca5d6;
 }
.product-btn, .product-add-btn {
 font-size:28px;
 text-align:center;
 line-height:28px;
 padding:6px 2px;
 }
.product-action-wrapper {
 padding:0px 8px;
 }
.product-action-wrapper .product-add-btn {
 float:left;
 } 

.product-new {
 transform: scaleX(70%);
 color:#aaa;
 border:3px solid #aaa;
 padding:3px 2px;
 font-weight:bold;
 border-top-right-radius:30%;
 display:block;
 float:left;
 line-height:26px;
 font-size:18px;
 
 }


.product-action-wrapper .product-btn.product-search,
.product-action-wrapper .product-btn.product-search:hover,
.product-action-wrapper .product-btn.product-search:active {
}

.product-action-wrapper .product-btn.product-favorite,
.product-action-wrapper .product-btn.product-compare {
 float:right;
}





.new-box,
.hot-box,
.discount-box,
.outofstock-box,
.new-box-bg,
.hot-box-bg,
.discount-box-bg,
.outofstock-box-bg {
	font:14px/14px 'open_sansregular', Verdana, sans-serif;
	display: inline-block;
	min-width: 50px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	z-index:10;
	padding:4px 0;
}

.discount-box,
.hot-box {
	color:#2288b1;
	border:1px solid #2288b1;
}

.discount-box-bg,
.hot-box-bg {
	color:#fff;
	background: #2288b1;
	border:1px solid #2288b1;
}

.new-box {
	color:#2288b1;
	border:1px solid #2288b1;
}

.new-box-bg {
	color:#2288b1;
	font-weight:bold;
	border:0px solid #2288b1;
}

.outofstock-box,
.outofstock-box-bg {
	min-width:80px;
	font-size:14px;
	line-height:1;
	color:#9a988a;
	border:1px solid #9a988a;
	padding:3px 0;
}

.outofstock-box-bg {
	color:#fff;
	background:#9a988a;
	border:1px solid #9a988a;
}

.outofstock-box-bg.light {
	border-color:#d8d2c5;
	background-color: #d8d2c5;
}

.outofstock-box > span,
.outofstock-box-bg > span {
	display: block;
}

.top-left {
	top: 0px;
	left:0px;
}

.top-right {
	top:0px;
	right:0px;
}

.bottom-left {
	bottom: 0px;
	left:0px;
}

.bottom-right {
	bottom: 0px;
	right:0px;
}

.ratings {
	width:96px;
	height:20px;
	display:inline-block;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -148px;
}

.ratings .ratings-result {
	height:20px;
	background-image: url('../images/sprites/sprite.png');
	background-position: 0 -168px;
}

.ratings-amount {
	color:#ccc;
	font-size:14px;
	line-height:16px;
	white-space:nowrap;
}


/* product.html */
#product-single-container {
	position: relative;
	margin-bottom: 20px;
}


.sidebg {
	position: absolute;
	top:0;
	height: 100%;
	z-index:600;
	border-bottom:1px solid #e6dfd1;
}


.sidebg.left {
	left:0;
	border-left:none !important;
}

.sidebg.right {
	right:0;
	border-right:none !important;
}

.sidebg.middle {
	left:50%;
}

.product-single-meta-container {
	position: absolute;
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index:600;
}

.product-single-meta-container > .container,
.product-single-meta {
	height:100%;
}

.product-single-meta {
	padding-left:30px;
	padding-top:0px;
}


.product-single-meta .product-name {
	font-size:20px;
	line-height:30px;
	margin-bottom: 0px;
}


.product-single-meta .product-price-container {
	text-align: left;
	margin:10px -15px 0px -15px;
}

.product-single-meta  .product-old-price,
.product-single-meta  .product-price {
	font-size:19px;
	margin-bottom:0px;
	line-height:24px;
	white-space:nowrap;
	display:block;
}

.product-single-meta .ratings,
.product-single-meta .ratings-amount,
.product-single-meta .add-rating {
	font-size:13px;
	line-height: 13px;
	color:#a7a091;
	vertical-align: middle;
}


.product-single-meta .add-rating:hover,
#product-single-container.dark .product-single-meta .add-rating:hover {
	color:#2288b1;
}

.product-single-meta .ratings-amount {
	margin-left:10px;
}

.product-single-meta .separator {
	margin:0 8px;
}

.product-single-meta ul {
	padding-top:3px;
	margin-bottom:0px;
}

.product-single-meta ul li {
	line-height: 25px;
}

.product-single-meta p {
	margin-bottom:50px;
	padding-right:20px;
}

.filter-box {
	font-size:0;
	margin-bottom: 20px;
}

.filter-box .row {
	margin-left:-6px;
	margin-right:-6px;
}

.share-label { 
 display:inline-block;
 line-height:30px;
 margin-top:1px;
 }
div.ascroll {
 height:35px;
 padding:0px 5px;
 overflow:hidden;
 }
ul.rm-filters {
 padding-bottom:10px;
 overflow-x:auto;
 overflow-y:hidden;
 display:flex;
 }
ul.rm-filters li {
 padding:4px;
 } 
 .delf {
  }
ul.rm-filters li .btn {
 padding:2px 4px;
 } 
 .label.label-flt {
  color:#999;
  border:1px solid #999;
  padding:2px;
  margin-left:8px;
  }
.filter-label {
	display: block;
	text-transform: uppercase;
	color:#958f82;
	font-size: 15px;
	margin-bottom: 8px;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  border:none;
  padding:0px;
  margin: 0.2em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.002em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}



.product-single-meta ul.social-links {
	padding-top: 0;
}

.product-single-meta .product-action-container {
	margin-bottom:10px;
	max-width:360px;
}

.product-single-meta .product-action-container .btn {
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	margin-left:10px;
}


.product-single-meta .product-action-content {
}

.product-single-meta .product-amount-input {
	width:45px;
	height:36px;
	border:1px solid #cbc6b5;
	color:#a39d94;
	font-size:15px;
	line-height:20px;
	padding:8px;
	text-align: center;
	background-color: transparent;
	float:left;
}

.product-single-meta .product-btn {
}



.light .sidebg,
.reverse.light .sidebg.right {
	background: rgba(255, 255, 255, 0.5);
}

.light .product-single-meta,
.light .sidebg.right,
.reverse.light .sidebg.left {
	xbackground: #fbfaf4;
	border:none;
}

.light.transparentbg .sidebg,
.reverse.light.transparentbg .sidebg.right,
.light.transparentbg .product-single-meta,
.light.transparentbg .sidebg.right,
.reverse.transparentbg.light .sidebg.left {
	background: rgba(255, 255, 255, 0.8);
	border:1px solid #e6dfd1;
}



/* review commment */
.review-comments,
.review-comment-form {
	padding-top:5px;
}

.review-comments h3,
.review-comment-form h3 {
	font-size:25px;
	color:#b3ada1;
	margin-bottom: 22px;
}

.review-comments h3 {
	margin-bottom:16px;
}

.review-comment-form textarea.form-control {
	padding-top:10px;
	padding-left:15px;
}

.review-comment-form  .input-lg, 
.review-comment-form .form-horizontal .form-group-lg .form-control {
	padding-left:15px;
}

.review-comments li {
	margin-bottom:47px;
}

.review-comments li:last-child {
	margin-bottom: 10px;
}

.review-comment {
	position: relative;
}

.review-comment .ratings-container {
	position: absolute;
	right:0;
	top:0;
}

.review-comment figure {
	border:1px solid #e6e0d1;
	background: #bdbdbd;
	float:left;
	margin-right:30px;
	margin-bottom:10px;
	width:100px;
}

.review-comment-content {
	margin-left:130px;
}

.review-comment-content h4 {
	font-size: 23px;
	font-style: italic;
	color:#958f82;
	margin-bottom:5px;
}

.review-comment-meta {
	font-size:13px;
	color:#b9b1a2;
	line-height: 21px;
	font-style: italic;
	margin-bottom: 4px;
}

.review-comment-meta a {
	color:#b9b1a2;
}

.review-comment-meta a:hover {
	color:#2288b1;
}

.review-comment-content p {
	font-size:15px;
	line-height: 24px;
	margin-bottom: 0;
}

/* =============================================
------------------  5.Content/Section---------------
==============================================*/
.tm-slider .box-description {
  padding:10px ;
  background:#eee;
 }
.tm-slider .box-description p {
 margin-bottom:0px;
 } 
 .thebrand .swiper {
  margin: 0px 10px;
  }
 .vv-center {
  position:static;
  }
 .prow {
  display:flex;
  xpadding:40px 0;
  } 
body .moco.biden {
 transition:opacity 0.4s;
 opacity:1;
 }
body .moco.brandon {
 height:100vh;
 opacity:0;
 }  
body .xban .prow .vv-center,
body .moco .mgrid-first {
 padding:20px;
 }  
body .moco .mgrid  {
  border-left:none;
  border-ridht:none;
  } 
 .moco .prow {
  display:block;
  } 
.xban .moco .mgrid {
 display:inline-block;
 }
  .mgrid-sizer {
   width:25%;
   }
  .xban .pblock {
  border-left:2px solid #eee;
  overflow:hidden;
  } 
 .xban .swiper .swiper-button-next, .xban .swiper .swiper-button-prev {
  bottom:auto;
  top:50%;
  }
 .xban .pblock {
  xborder:1px solid #ddd;
  }
 .xban .pblock figure {
  background:none;
 }
 .xban .pblock figure a {
  }
 .xban .pblock img.product-image {
  width:100% !important;
  mix-blend-mode:multiply;
  left:0;
  } 
 xban .pblock  a {
  text-align:right;
  }
section.vs {
 background:black;
 }  
section.vs video {
 width:100%;
 }
.full-height {
	height:calc(100vh - 80px);
}

.full-min-height {
	min-height:100%;
}

.vcenter-container {
	display:table;
	table-layout: fixed;
	width:100%;
	height:100%;
}

.vcenter {
	display:table-cell;
	vertical-align: middle;
}

#content {
	min-height:50vh;
	padding-bottom:50px;
	overflow: hidden;
}

#content.no-padding {
	padding:0;
}

.section {
	position: relative;
}

.section-btn-container {
	display:block;
	position: absolute;
	width:47px;
	height:102px;
	bottom:30px;
	right:30px;
	text-indent:-9999px;
	z-index:950;
}

.section-btn-container.single-btn-container {
	height:46px;
}

.section-btn-container.single {
	height:46px;
}

.section-btn {
	display:block;
	width:47px;
	height:46px;
	border:1px solid #aea995;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	transition: background-position 0.3s;
	-webkit-transition: background-position 0.3s;
	-moz-transition: background-position 0.3s;
	-ms-transition: background-position 0.3s;
	-o-transition: background-position 0.3s;
}

.section-btn.btn-prev + .section-btn.btn-next {
	margin-top:10px;
}

.section-btn.btn-prev {
	background-position: -250px -925px;
}

.section-btn.btn-prev:hover,
.section-btn.btn-prev:active {
	background-position: -250px -979px;
}

.section-btn.btn-next {
	background-position: -297px -981px;
}

.section-btn.btn-next:hover,
.section-btn.btn-next:active {
	background-position: -297px -925px;
}

/* Light btn for image bg sections*/
.section-btn.light {
	border-color:#fff;
}

.section-btn.light.btn-prev {
	background-position: -250px -1045px;
}

.section-btn.light.btn-prev:hover,
.section-btn.light.btn-prev:active {
	background-position: -250px -1099px;
}

.section-btn.light.btn-next {
	background-position: -297px -1101px;
}

.section-btn.light.btn-next:hover,
.section-btn.light.btn-next:active {
	background-position: -297px -1045px;
}

.section-btn:hover,
.section-btn:active {
	border:none;
	background-color: #2288b1;
}

#content img,
.section img {
	max-width:100%;
	display:block;
	height:auto;
}




.title {
	padding-left:8px;
	border-left:4px solid #7bae23;
	font-size:40px;
	margin-bottom:15px;
}

.reverse .title {
	padding-left:0;
	padding-right:8px;
	border-left:none;
	border-right:4px solid #7bae23;
	text-align:right;
}

.title-bg {
	position: relative;
}

.title-bg .title {	
	margin:7.5px 0;
}

.title-bg + .title-desc {
	margin:5px 0;
}

.reverse .title-desc  {
	text-align: right;
}

.reverse .title-bg {
	text-align: right;
}

.title-bg > h1,
.title-bg > h2,
.title-bg > h3,
.title-bg > h4,
.title-bg > h5 {
	position: relative;
	display:inline-block;
	left:0;
	padding-right:30px;
	z-index:1;
	background:#fff;
}
.reverse .title-bg > h1,
.reverse .title-bg > h2,
.reverse .title-bg > h3,
.reverse .title-bg > h4,
.reverse .title-bg > h5 {
	padding-left:30px;
}

.title-bg:after {
	content:'';
	background:#dcdcdc;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-0.5px;
	display:block;
	width:100%;
	height:1px;
	z-index:0;
}
#bmask.gray {
 display:block;
 z-index:9999;
 }
#bmask {
 position:fixed;
 bottom:0px;
 width:100vw;
 height:0px;
 display:none;
 background:black;
 opacity:0.7;
 }
#content.gray {
 pointer-events: none;
 filter:contrast(0.1);
 background:white;
 }
#content .content-title {
	margin-bottom:20px;
}

/* =============================================
------------------- 6. Homepages  --------------
==============================================*/


/* ------------ 6.1 index.html ------------
------------------------------------------- */

#home-section {
}
.pcustom {
 position:relative;
 }
.h100, .bswiper {
 height:100%;
 }
.flashx {
 background-image:url(/image/data/f/card.jpg);
 background-size:cover;
 }
 .h50 {
  height:65vh;
  }
  .flashx {
   height:100%;
   margin:0px -15px;
   display:flex;
   position:relative;
   flex-flow:row wrap;
   }
.bswiper .swiper-slide {
 background-size:cover;
 xbackground-position-y:-100px;
 } 
.bsimple .btn-custom-11:hover, .flashx .btn-custom-11:hover {
 background:none;
}

.bsimple.absolute {
 z-index:4;
 width:100%;
 height:100%;
 top:0;
 left:0px;
 position:absolute;
 }
.bsimple.absolute h3, .flashx h3  {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 }
.bsimple.absolute h3 a , .flashx h3 a{
 position:absolute;
 left:0;
 border:0px;
 color:black;
 width:100%;
 height:100%;
 padding:0px;
 top:0;
 } 

 .bsimple.absolute h3 a span , .flashx h3 a span{
  position:absolute;
  background:#2288b1;
  color:white;
  padding:9px 25px;
  top:0px;
  width:150px;
  margin-left:20px;
  left:0px;
  transform-origin:00% 0%; 
  font-size:20px;
  transform:rotate(-90deg) translateX(-100%);;
  }
.section-content {
	display:inline-block;
}

.section-content h2,
.section-content h3,
.section-content h4 {
	text-transform: uppercase;
}

.section-content.light,
.section-content.light h2,
.section-content.light h3,
.section-content.light h4 {
	color:#fff !important;
}

.home-content,
.home-content h4,
.home-content h3,
.home-content h2 {
	color:#443e32;
}

#home-section .container,
#collection-section .container {
	/* important to vertical center and align product-boxes */
	height:100%;
	position: relative;
}

.section-content h2 {
	font-family: 'open_sansregular', Verdana, sans-serif;
}

.home-content.section-content h2 {
	font-size:180px;
	line-height: 0.9;
}

.arrivals-content.section-content h2,
.lookbook-content.section-content h2 {
	font-size:60px;
	line-height: 1;
	color:#8c8574;
	margin-bottom: 14px;
}

.collection-content.section-content h2 {
	font-size:130px;
	line-height: 1;
	color:#675f56;
	margin-bottom: 0;
}

.trend-content.section-content h2 {
	font-size:90px;
	line-height: 1;
	color:#675f56;
	margin-bottom: 9px;
}

.home-content h2 > span {
	font-size:80px;
	vertical-align: middle;
}

.home-content h2 > span:first-child {
	margin-right:20px;
}

.home-content h2 > span:last-child {
	margin-left:30px;
}


.section-content h3 {
	font:23px/1 'SourceCodePro-Light', Verdana, sans-serif;
}

.home-content.section-content h3 {
	font-size:40px;
	line-height: 1;
	margin-bottom:60px;
}

.arrivals-content.section-content h3,
.lookbook-content.section-content h3 {
	color:#675f56;
	margin-bottom:17px;
}

.collection-content.section-content h3 {
	font:45px/1 'open_sanslight', Verdana, sans-serif;
	color:#675f56;
	margin-bottom:33px;
	text-transform: lowercase;
}

.trend-content.section-content h3 {
	font:35px/1 'source_code_proregular', Verdana, sans-serif;
	color:#675f56;
	margin-bottom:28px;
}

.home-content.section-content h4 {
	font:18px/1 'source_code_proregular', sans-serif;
	margin-bottom:22px;
}

.collection-content.section-content h4 {
	font:45px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:34px;
}

.section-content p {
	font: 22px/1.4 'open_sansregular', Verdana;
}

.home-content.section-content p {
	max-width: 660px;
	margin:-32px auto 24px;
	/* negative margin because of h2 (judson font's line height) */
}

.arrivals-content.section-content p,
.lookbook-content.section-content p {
	font-family: 'open_sanslight', Verdana, sans-serif;
	margin-bottom:34px;
	max-width:570px;
}

.trend-content.section-content p {
	font-size:35px;
	line-height: 1;
	margin-bottom:40px;
}



.lookbook-content.section-content,
.arrivals-content.section-content {
	color:#62615f;
}
.vcenter {
 text-align:center;
 }
#lookbook-section {
	background-color: #9f9f9f;
}


#collection-section {
	background-image: url('/image/bg/004.jpg');
}

.collection-content {
	margin-right:-30px;
	color:#675f56;
}

.product-box-container {
	position: absolute;
	left:0;
}

.product-box-container.top-center {
	top:50%;
	margin-top:-120px; 
}

.product-box-container.bottom {
	bottom:0;
	margin-bottom:53px;
}

.product-box-wrapper {
	display:inline-block;
	position: relative;
}

.btn-box {
	display:block;
	width:33px;
	height:33px;
	border:1px solid #fff;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -379px -1180px;
	transition:all 0.35s ease;
	-webkit-transition:all 0.35s ease;
}

.btn-box:hover,
.btn-box:focus,
.open .btn-box {
	background-color: #2288b1;
	border-color:#2288b1;
}

.product-box-wrapper .dropdown-menu {
	width:240px;
	top:auto;
	bottom:0;
	margin:0 0 -10px;
	padding:20px;
	border-radius: 0;
	box-shadow:0 3px 3px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 3px 3px rgba(0,0,0, 0.2);
}

.product-box-wrapper.open  .dropdown-menu,
.product-box-wrapper:hover  .dropdown-menu {
	margin-bottom:-30px;
}

.product-box-wrapper .dropdown-menu.pull-right {
	right:100%;
	margin-right:30px;
}

.product-box-wrapper .product-top {
	margin-bottom:17px;
}

.product-box-wrapper .product-name {
	line-height: 20px;
	margin-bottom:13px;
}

.product-box-wrapper .product-name,
.product-box-wrapper .product-price-container {
	text-align: left;
}

.product-box-wrapper .product-price-container {
	margin-bottom:9px;
}

.product-box-wrapper .product-old-price {
	margin-right:10px;
}

.product-box-wrapper .product-add-btn {
	text-align: center;
	background-color: #cbc6b5;
	border-color:#cbc6b5;
	color:#fff;
}

.product-box-wrapper .product-add-btn:hover,
.product-box-wrapper .product-add-btn:focus {
	border-color:#2288b1;
	background-color: #2288b1;
}

#products-section.section {
	padding:64px 0 52px;
}

.products-wrapper .product {
	margin-bottom:60px;
}

#blog-section.section {
	padding-top:64px;
}

#trend-section {
	background-image: url('../images/background3.jpg');
}

.trend-content.section-content {
	margin-left:-30px;
	color:#675f56;
}

.light-title.big {
	font:35px/1 'SourceCodePro-Light', Verdana, sans-serif;
	color:#8c8574;
	margin-bottom:45px;
}

#aboutus-section {
	padding:60px 0 140px;
}

.accordion-reverse .accordion-title .accordion-btn.color2.open,
.accordion-reverse .accordion-title .accordion-btn.color2:hover,
.accordion-reverse .accordion-title .accordion-btn.color2:focus {
	background-color: #2288b1;
}

#newsletter-section {
	background-image: url('../images/newsletterbg-section.jpg');
}

#newsletter-section .newsletter-content {
	max-width:750px;
	margin-right:auto;
	margin-left:auto;
}

.newsletter-content.light,
.newsletter-content.light h2,
.newsletter-content.light h3,
.newsletter-content.light h4 
.small .newsletter-content.light,
.small .newsletter-content.light h2,
.small .newsletter-content.light h3,
.small .newsletter-content.light h4,
.small .newsletter-content.light p {
	color:#fff;
}

.newsletter-content h3,
.newsletter-content .h3 {
	font:23px/1 'SourceCodePro-Light', Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom:50px;
}

.newsletter-content h2,
.newsletter-content .h2 {
	font:90px/1 'open_sansregular', Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.newsletter-content p {
	font:30px/1.5 'open_sanslight', sans-serif;
	margin-bottom:42px;
}

.newsletter-content #newsletter {
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
}

.newsletter-content .input-group-lg>.form-control,
.newsletter-content .input-group-lg>.input-group-addon,
.newsletter-content .input-group-lg>.input-group-btn>.btn {
	height:56px;
}

.newsletter-content .input-group-lg>.form-control {
	font-size:22px;
	line-height:30px;
	padding:13px 20px;
}

.newsletter-content .input-group-lg>.input-group-addon,
.newsletter-content .input-group-lg>.input-group-btn>.btn {
	font-size:16px;
	line-height:20px;
	padding:17px 47px;
}

.newsletter-content .form-control {
	background-color: transparent;
	color:#fff;
	font-family: 'open_sanslight', Verdana;
}

.small .newsletter-content.light .form-control  {
	border-color:#fff;
}

.small .newsletter-content.light .btn-custom-3 {
	border-color:#fff;
	color:#fff;
}

.small .newsletter-content.light .btn-custom-3:focus,
.small .newsletter-content.light .btn-custom-3:hover,
.small .newsletter-content.light .btn-custom-3:active {
	border-color:#2288b1;
	background-color:#2288b1;
	color:#fff;
}


.newsletter-content.light .form-control:-moz-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control::-moz-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control:-ms-input-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control::-webkit-input-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control,
.newsletter-content.light  .form-control:focus {
	color:#fff;
	border-color:#fff;
}





/* =============================================
------------------- 9.Category.html --------------
==============================================*/

#category-banner {
	position: relative;
}

.banner-container {
	position: absolute;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	padding:0 70px;
}

.banner-content h1 > span {
	display:block;
	font:22px/50px 'source_code_proregular', sans-serif;
	color:#8d8980;
	margin-bottom: 1px;
}

.banner-content h1 {
	color:#848078;
	font:50px/1 'judsonbold', Verdana;
	text-transform: uppercase;
	margin-bottom:14px;
}

.light .banner-content h1 > span,
.light .banner-content h1 {
	color:#ffffff;
}

.banner-content {
	display:inline-block;
	text-align: center;
}

.category-banner-slider .banner-container {
	padding:0 130px;
}

#category-filter-bar {
	margin-bottom: 10px;
}

.sort-filter {
	width:202px;
	margin-right:50px;
}

.show-filter {
	width:133px;
}

.view-btn-group {
	margin-right:50px;
	font-size:0;
}

.btn-view {
	width:34px;
	text-indent:-9999px;
	border:1px solid transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-color: transparent;
}

.btn-view:hover,
.btn-view:active,
.btn-view:focus {
	background-color: transparent;
	border-color:transparent;
}

.btn-view.btn-view-grid {
	background-position: -203px -429px;
}

.btn-view.btn-view-list {
	margin-left:25px;
	background-position: -235px -429px;
}

.btn-view.active {
	background-image: url('../images/sprites/sprite.png');
	box-shadow:none;
	-webkit-box-shadow:none;
	border:1px solid #d7d5cb;
}

.category-grid .row {
	margin-left:-12.5px;
	margin-right:-12.5px;
}

.category-grid .col-sm-4,
.category-grid .col-md-4 {
	padding:0 12.5px;
}

.category-grid .product {
 background-color:inherit;
 xborder-radius:14px;
 }


.category-grid .product {
	margin-bottom:7px;
}

.category-grid .row.last .product {
	margin-bottom:0;
}


.category-list .product  {
	margin-bottom:60px;
	position: relative;
}

.category-list .product .product-top {
	width:220px;
	margin-right:25px;
	float:left;
}

.product-list-content .product-name {
	text-align: left;
	font-size:20px;
	margin:8px 0 14px;
}

.product-list-content p {
	font-size:14px;
	line-height: 23px;
}

.product-list-meta  {
	margin-top:8px;
}

.product-list-meta .product-price-container,
.product-list-meta .ratings-container {
	text-align: right;
}

 .product-list-meta .product-price-container{
 	margin-bottom:13px;
 }

.product-list-meta .ratings-container  {
	margin-bottom:17px;
}

.product-list-meta .ratings-container .ratings-amount {
	display:block;
	color:#a7a091;
}

.product-list-meta .product-price,
.product-list-meta .product-old-price {
	font-size:18px;
}

.product-list-meta .product-action-container .btn {
	padding:7px 15px;
}

.product-list-action-wrapper {
	text-align: right;
}

.product-list-action-wrapper .product-btn {
	width:40px;
	height:36px;
	text-indent: 9999px;
}

.product-list-action-wrapper .product-btn.product-favorite {
	background-position: -250px -461px;
}

.product-list-action-wrapper .product-btn.product-favorite:hover,
.product-list-action-wrapper .product-btn.product-favorite:active {
	background-position: -250px -495px;
}

.product-list-action-wrapper .product-btn.product-compare {
	background-position: -288px -461px;
}

.product-list-action-wrapper .product-btn.product-compare:hover,
.product-list-action-wrapper .product-btn.product-compare:active {
	background-position: -288px -495px;
}

.product-list-action-wrapper .product-btn.product-whislist {
	background-position: -326px -461px;
}

.product-list-action-wrapper .product-btn.product-whislist:hover,
.product-list-action-wrapper .product-btn.product-whislist:active {
	background-position: -326px -495px;
}



/* category sidebar*/
.sidebar-banner {
	position: relative;
	text-align: center;
}

.sidebar-banner-content {
	position:absolute;
	left:0;
	top:0;
	height:100%;
}

.sidebar-banner-content h5 > span{
	display:block;
	font:18px/50px 'source_code_proregular', sans-serif;
	margin-bottom: 3px;
}

.sidebar-banner-content h5 {
	color:#696459;
	font:35px/1 'judsonbold', Verdana;
	text-transform: uppercase;
	margin-bottom:14px;
}

.widget .product-image-container {
	float:left;
	width:80px;
	margin-right:20px;
}

.widget .product-group .product {
	margin-bottom:30px;
}

.widget .product-group .product:last-child {
	margin-bottom:20px;
}

.widget .product-name {
	font-size:15px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 7px;
}

.widget .product-price-container {
	text-align: left;
}

.widget .product-content {
	margin-left:100px;
}

.widget .ratings-container {
	margin-bottom:5px;
}

.widget .accordion-title {
	font-size:23px;
	line-height: 40px;
	color:#908876;
	padding:0;
	text-transform: uppercase;
}

.widget .accordion-title:after,
.widget .accordion-title .accordion-btn:after {
	display:none;
}

.widget .accordion-title .accordion-btn {
	width:27px;
	height:27px;
	margin-top:-17px;
	background-color: transparent;
	background-position: -203px -461px;
}

.widget .accordion-title .accordion-btn.collapsed {
	background-position: -203px -570px;
}

.widget .accordion-title .accordion-btn:hover,
.widget .accordion-title .accordion-btn:focus {
	background-color:#2288b1;
	border:none;
	background-position: -203px -496px;
}

.widget .accordion-title .accordion-btn.collapsed:hover,
.widget .accordion-title .accordion-btn.collapsed:focus {
	background-position: -203px -533px;
}

.widget .accordion-body .accordion-body-wrapper {
	padding:18px 0 46px;
}

.widget .panel:last-child .accordion-body .accordion-body-wrapper {
	padding-bottom:10px;
}

.filter-color-container,
.filter-size-container  {
	font-size:0;
}

.filter-color-container .row,
.filter-size-container .row {
	margin-left:-6px;
	margin-right:-6px;
}

.filter-color-box,
.filter-size-box {
	display: inline-block;
	width:35px;
	height:35px;
	border:1px solid #d7d5cb;
	margin: 0 6px 12px;
}

.filter-color-box {
	box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
}

.filter-color-box:hover,
.filter-color-box:focus {
	box-shadow: inset 0 0 0 2px #fff;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
}


.filter-size-box {
	color:#a39d94;
	font-size:16px;
	line-height:33px;
	text-align: center;
	text-transform: uppercase;
}

.filter-size-box.active {
	background-color: #fff;
	cursor: default;
}

.filter-size-box.active:hover,
.filter-size-box.active:focus {
	background-color: #fff;
	border-color: #d7d5cb;
	color:#a39d94;
}

.filter-size-box:hover,
.filter-size-box:focus {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
	color:#fff;
}


/* noUiSlider Styles */
noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

.noUi-handle {
	position: relative;
	z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}

.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}

.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 2px;
}

.noUi-horizontal .noUi-handle {
	width:13px;
	height:13px;
	left: 0;
	top: -6.5px;
}

.noUi-horizontal.noUi-extended {
	padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -15px;
}

/* Styling */
.noUi-background {
	background: #d7d2c1;
}

.noUi-connect {
	background: #2288b1;
	-webkit-transition: background 450ms;
	-moz-transition: background 450ms;
	-o-transition: background 450ms;
	-ms-transition: background 450ms;
	transition: background 450ms;
}

.noUi-origin {
	border-radius: 3px;
}

.noUi-target {
	border-radius: 2px;
}

.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;*/
.noUi-dragable {
	cursor: w-resize;
}

.noUi-handle {
	border-radius: 50%;
	background: #2288b1;
	cursor: default;
}

/* Blocked state */
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
	background: #4FDACF;
}

#price-range {
	margin-top:5px;
}

#filter-range-details {
	margin-top:20px;
}

.filter-price .row {
	margin-left:-10px;
	margin-right:-10px;
}

.filter-price .col-xs-6 {
	padding:0 10px;
}

.filter-price-label {
	color:#a39d94;
	font-size:16px;
	margin-bottom:5px;
}

#filter-range-details .form-control {
	border-color:#d7d5cb;
	font-size:18px;
	font-family: 'open_sansregular', sans-serif;
	color:#a39d94;
	height:35px;
	margin-bottom: 20px;
	padding:7px 10px 7px 20px;
}

/* fix for display:inline-block auto margin for child elements*/
.filter-price-action {
	font-size:0;
}

.filter-price-action .btn {
	margin-right:20px;
}

/* =============================================
------------------- 10.Blog.html -----------------
==============================================*/

.article {
	padding-left:100px;
	position:relative;
	margin-bottom:80px;
}

.article.last {
	margin-bottom:0;
}

.article-media-container {
	margin-bottom:30px;
	background: #cccccc;
}

.article h2 {
	font-size:28px;
	line-height:24px;
	margin-bottom: 11px;
}

.article h2,
.article h2 a {
	color:#857e70;
}

.article h2 a:hover {
	color:#9b968b;
}

.article-meta-box {
	position: absolute;
	left:0;
	top:0;
	width:80px;
	height:70px;
	border:1px solid #e6e0d1;
	text-align: center;
	padding:10px;
	font-size:12px;
	line-height:20px;
	color:#9e9b90;
	text-transform: uppercase;
}

.article-meta-box a {
	color:#9e9b90;
}

.article-meta-box a:hover {
	color:#857e70;
}

.meta-box-text {
	display:block;
	margin-top:-2px;
}

.article-meta-box.article-meta-comments {
	top:71px;
} 

.article-icon {
	display:inline-block;
	width:27px;
	height:28px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.article-icon.article-date-icon {
	background-position: -201px -112px;
}

.article-icon.article-comment-icon {
	background-position: -228px -112px;
}

.article-meta-container {
	margin-top:24px;
	font-family: 'open_sansregular', Verdana;
}

.readmore {
	display: inline-block;
	text-transform: uppercase;
	font:14px/20px 'open_sansregular', sans-serif;
	font-size:14px;
	color:#898678;
	border:1px solid #cbc6b5;
	padding:7px 25px;
	transition:color 0s;
	-webkit-transition:color 0s;
	-moz-transition:color 0s;
	-ms-transition:color 0s;
	-o-transition:color 0s;
}

.readmore:hover,
.readmore:focus,
.readmore:active {
	background: #2288b1;
	border-color: #2288b1;
	color:#fefefe;
}


.article-meta-wrapper {
	float:right;
	line-height:36px;
	text-align:right;
}

.article-meta,
.article-meta a {
	color:#9d9787;
}

.article-meta a:hover {
	color:#857e70;
}

.article-meta:after {
	content:'/';
	padding:0 11px;
}

.article-meta:last-child:after {
	content:'';
	padding:0;
}

/* Sidebar */

.sidebar.margin-top-up {
	margin-top:-10px;
}

.sidebar h3 {
	color:#908876;
	font-size:23px;
	line-height: 40px;
	text-transform:uppercase;
	margin-bottom:19px;
}

.sidebar .widget {
	margin-bottom:60px;
	position: relative;
}

#category-widget {
	font-family: 'open_sansregular', Verdana;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#category-widget a {
	display:block;
	font-size:15px;
	line-height: 30px;
	padding:4px 10px;
}

#category-widget a:hover {
	color:#88837a;
}

#category-widget > li > a {
	color:#a39d94;
	position: relative;
	border-top:1px solid #e6dfd1;
}

#category-widget > li:last-child {
	border-bottom:1px solid #e6dfd1;
}

#category-widget li li {
	padding-left:11px;
}

#category-widget li li:first-child {
	border-top:1px solid #e6dfd1;
}

#category-widget li li:last-child,
#category-widget li li:last-child a {
	border-bottom:none;
}

#category-widget li li a {
	color:#b6b1a8;
	padding:4.5px 10px;
	border-bottom:1px solid #efe7d9;
}

#category-widget li ul {
	display:none;
}

#category-widget li.open ul {
	display:block;
}
.widget h3 {
 font-family: 'open_sansregular', Verdana;
 margin-bottom:0px;
 font-size:18px;
 }
#filter-widget .fltedit {
 margin-bottom:0px;
 }
 #filter-widget .delf {
  width:100%;
  }
#filter-widget .delf .glyphicon {
 margin-left:10px;
 } 
#filter-widget {
	font-family: 'open_sansregular', Verdana;
	text-transform: uppercase;
	padding-bottom: 10px;
}
#filter-widget li.fl_1 {
 display:none;
 }
#filter-widget li li a {
        color:#b6b1a8;
        padding:4.5px 10px;
}
#filter-widget label.a {
	display:block;
	font-size:15px;
	position:relative;
	line-height: 30px;
	padding:4px 10px;
}

#filter-widget span:hover {
	color:#88837a;
}


#filter-widget > li > label.b {
	color:#a39d94;
	position: relative;
	xborder-top:1px solid #e6dfd1;
}

#filter-widget > li:last-child {
	border-bottom:1px solid #e6dfd1;
}

#filter-widget li li {
	padding-left:11px;
}

#filter-widget li li:first-child {
	xborder-top:1px solid #e6dfd1;
}

#filter-widget li li:last-child,
#filter-widget li li:last-child a {
	border-bottom:none;
}

#filter-widget li li span.fcc {
	color:#b6b1a8;
	padding:4.5px 10px;
	border-bottom:1px solid #efe7d9;
}

#filter-widget li ul {
	display:none;
}

#filter-widget li.open ul {
	display:block;
}
body ul.dropdown-menu {
 background-color:#fbfaf4;
 }
ul.dropdown-menu > li > a {
 font-size:17px;

 }
#header .navbar-nav>li>a {
color:#444;
}
@media (min-width: 768px) and (max-width: 3992px) {
#header {
 padding-bottom:25px;
 } 
.ccc .close-ccc {
 position:absolute;
 top:10px;
 right:10px;
 color:#444;
 } 

div.ccc {
 position:absolute;
 width:100vw;
 left:-2.6%;
 top:94%;
 text-align:center;
 }
} 
.ccc img {
mix-blend-mode: multiply;
} 
.ccc ul li ul.dropdown-menu {
 border:none;
 }
.ccc > ul {
 xpadding-bottom:3px;
 max-width:100%;
 overflow-x:auto;
 left:0;
 overflow-x:hidden;
 display:inline-flex;
 margin:auto;
 flex-flow: row;
 text-align:center;
 justify-content:center;
 }
.ccc ul li ul li {
 padding:10px;
 text-align:left;
 max-width:150px;
 white-space:normal;
 }
.ccc ul li ul li a img {
 width:120px;
 }
.ccc ul li ul li a span.cnam2 {
 white-space:normal;
 min-height:41px;
 } 
.ccc ul li ul li a {
 color :#333;
 padding:0px;
 text-align:center;
 font-size:12px;
 
 }
 .ccc ul li.open ul {
 max-height:80vh;
 overflow-y:hidden;
 overflow-x:hidden;
 text-align:center;
 border:0px solid black;
 justify-content:center;
 left:0px;
 margin-top:-1px;
 z-index:2;
 width:100%;
 transition:max-height 0.5s;
 }

.ccc.gray ul li ul {
 transition:none;
 }
.ccc ul li ul {
 position:absolute;
 background-color:#f7f6f0;
 opacity:1;
 max-height:0px;
 z-index:2;
 left:0px;
 width:100%;
 display:flex;
 flex-flow:row wrap;
 justify-content:center;
 overflow-y:hidden;
 overflow-x:hidden;
 text-align:center;
 overflow-y:hidden;
 transition:max-height 0.5s;
 }

.ccc ul li span.cnam {
 text-overflow: ellipsis;
 white-space:nowrap;
 max-width:120px;
 overflow-x:hidden;
 } 
.ccc ul li {
 position:static;
 padding:0px 6px;
 margin-right:-1px;
 margin-left:-1px;
 }
.ccc ul li a {
 display:block;
 text-align:center;
 color:#444;
 font-size:13px;
 text-transform:uppercase;
 }
.ccc ul li a span.label {
 display:none;
 color:#888;
 }
.ccc ul li a span,  li.ccc ul li a img {
 display:block;
 }
.ccc ul li a img {
width:100%;
} 
#category-widsget .category-widget-btn:hover {
 color:#2288b1;
 }
#category-widsget .category-widget-btn {
 background-image:none;
 background:none;
 right:10px;
 top:0px;
 height:36px;
 padding:4px;
 }
#category-widsget .category-widget-btn:before {
 content: "\e234";
 font-family: "Glyphicons Halflings";
 } 
#category-widsget .open .category-widget-btn {
 transform:rotate(90deg);
 }  
.category-widget-btn {
	display:block;
	width:23px;
	height:23px;
	background-color: #cbc6b2;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -364px -76px;
	position: absolute;
	right:10px;
	top:8px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.category-widget-btn:hover {
	background-color: #2288b1;
}

.open  > a > .category-widget-btn, .open  > label > .category-widget-btn {
	background-position: -387px -76px;
}

/* =============================================
----------------- 13.Cart.html ------------------
==============================================*/
manufacturerc ul li {
 display:flex;
 }
table.compare-info td a {
 color:#9d9889;
 }
table.compare-info.table-responsive td {

 }
table.compare-info td.thumb img {
 width:250px;
 margin:auto;
 }
table.compare-info .ci-desc td {
 text-align:left;
 }
table.compare-info .ci-desc td.th {
 text-align:center;
 }
table.compare-info td.thumb {
 vertical-align:middle !important;
 } 
table.compare-info .product-action-wrapper.action-responsive a.product-add-btn {
 padding:0px 10px;
 }
.table {
	border:1px solid #e7e2d1;
	margin-bottom:0;
	color:#9e988a;
}

.table img {
	display:inline-block;
	max-width:100%;
	height:auto;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 25px;
	line-height: 1.5;
	border-top: none;
	text-align:center;
}
.table > tbody > tr > td.text-left {
 text-align:left;
 } 
.table.pm > tbody > tr > td { 
 padding:15px;
 }

.table-responsive>.table>thead>tr>th, 
.table-responsive>.table>tbody>tr>th, 
.table-responsive>.table>tfoot>tr>th, 
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td, 
.table-responsive>.table>tfoot>tr>td {
	white-space:normal;
 }
 
.cart-table thead tr th {
	padding:17px 25px;
	border-color:transparent;
	border-bottom:none;
	background:#e7e2d1;
}

.table .table-title {
	font:16px/20px 'open_sansregular', sans-serif;
	color:#a19988;
	text-transform:uppercase;
}

.cart-table  > thead > tr > th:last-child {
	border-right:transparent;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #e7e2d1 !importan;
}

.table figure a {
	display:block;
}

.cart-table .product-name-col  {
	width:500px;
}

.cart-table .product-name-col figure {
	max-width:170px;
	float:left;
	margin-right:25px;
	border:1px solid #e6dfd1;
}

.cart-table .product-name-col ul li {
	padding:1px 0;
}

.cart-table .product-code {
	padding-top:30px;
}

.table .product-name {
	font-size:18px;
	line-height:25px;
	text-align:left;
	margin:5px 0 8px;
}

.table .product-price-special {
	font-size:18px;
	font-family:'open_sansregular', Verdana, sans-serif;
	display:inline-block;
	margin-top:2px;
}

.table .product-total-col .product-price-special {
	color: #2288b1;
}

.cart-table .product-name-col ul {
	text-align:left;
}

.cart-table .item-name-col ul li{
	display:block;
}


.table .custom-quantity-input {
	width:110px;
	margin:0 auto;
}

.table .custom-quantity-input input {
	height:100%;
	font-size:15px;
	background: transparent;
	color:#9e988a;
	border:1px solid #cbc6b5;
	text-align: center;
}
.table .custom-quantity-input .quantity-btn {
	width:22px;
	height:22px;
	line-height:22px;
}

.compare-product-table .close-button {
	margin-left:0;
}

.close-button {
	display:inline-block;
	width:18px;
	height:18px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -334px -189px;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
	-ms-transition:background-color 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	vertical-align: top;
}

.close-button:hover {
	background-color:#2288b1;
	background-position: -334px -207px;
	border-color:#2288b1;
}

.close-button.disabled:hover {
	background-position: -334px -189px;
	background-color: transparent;
}

.cart-table .close-button {
	margin-top:7px;
}

.total-table {
	font:15px/18px "open_sansregular", sans-serif;
	color:#9e988a;
	text-transform:uppercase;
}

.total-table > tbody > tr > td,
.total-table > tbody > tr:first-child > td,
.total-table > tbody > tr:last-child > td  {
	padding:16px 29px;
	line-height:21px;
}

.total-table > tbody > tr > td,
.total-table > tfoot > tr > td {
	border-right:1px solid #e7e2d1;
}

.total-table > tfoot > tr > td {
	padding: 19.5px;
	font-size:15px;
	line-height:21px;
	background:#f8f4ee;
	color:#858073;
}

.total-table > tfoot > tr > td:last-child {
	color:#2288b1;
}

.ship-desc {
	font-size:16px;
	line-height:20px;
	color:#ada99c;
	margin-bottom:20px;
}

.ship-row {
	margin-bottom: 15px;
}

.ship-row:last-child {
	margin-bottom: 5px;
}

.ship-label {
	line-height: 34px;
}

.ship-label  > i {
	color:#2288b1;
}

.ship-post {
	padding-right:20px;
}

.ship-row,
.ship-row input {
	color:#b8b4a8;
	border-color:#d7d5cb;
}

.ship-row .form-control {
	margin-bottom: 0;
}

/* =============================================
-------- 14.Compare-Products.html ------------
==============================================*/


.table.compare-table > thead > tr > th, 
.table.compare-table > tbody > tr > th, 
.table.compare-table > tfoot > tr > th, 
.table.compare-table > thead > tr > td, 
.table.compare-table > tbody > tr > td, 
.table.compare-table > tfoot > tr > td {
	padding:10px;
	line-height:20px;
	font-size:13px;
	vertical-align: middle;
	border-bottom: none;
}

.table.compare-table > tbody > tr.product-row > td {
	padding:20px;
	vertical-align: top;
}

.table.compare-table > tbody > tr.action-row > td {
	padding:30px;
}

.table.compare-table > tbody > tr.summary-row > td {
	padding:14px 30px;
}

.compare-table  > thead > tr:first-child > td,
.compare-table  > tbody > tr:first-child > td {
	border-top-color:#e7e2d1 !important;
}

.compare-table  > thead > tr > td:last-child,
.compare-table  > tbody > tr > td:last-child,
.compare-table > tfoot > tr > td:last-child {
	border-right-color:#e7e2d1 !important;
}
.compare-table  > thead > tr > td,
.compare-table  > tbody > tr > td,
.compare-table > tfoot > tr > td {
	border-top-color:#e7e2d1;
	border:1px solid #e7e2d1;
}

.compare-table .table-title {
	width:230px;
	text-align: left;
	border-right:none;
	background:#e7e2d1;
	font-size:15px !important;
	line-height: 19px !important;
	padding:15px 10px 15px 30px !important;
	vertical-align: top !important;
}

.compare-table .product-row .table-title,
.compare-table .summary-row .table-title {
	padding:16px 10px 16px 30px !important;
}

.compare-table  figure {
	max-width:170px;
	margin:0 auto;
}

.compare-table  figure img {
	border:1px solid #e6dfd1;
}

.compare-table .product-name {
	text-align:center;
	font-size:16px;
	line-height:22px;
	margin:24px 0 6px;
	padding:0 15px;
} 

.compare-table .product-price-special {
	color:#2288b1;
	font-size:16px;
	line-height: 17px;
}

.compare-table .brand-row {
	text-transform: uppercase;
}

.compare-table .ratings {
	vertical-align: middle;
}

.compare-table .btn {
	padding:7px 17px;
}

.compare-table .btn-custom-2 {
	font-size:13px;
	line-height:1.5;
	color:#e8e8e8 !important;
}


/* =============================================
------------------- 15.Checkout.html --------------
==============================================*/


.help-block {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size:13px;
}

.help-block a {
	color:#2288b1;
}

.help-block a:hover {
	text-decoration:underline;
}

h2.accordion-title {
	font-size:33px;
}

.subtitle {
	font:22px/1 'open_sansregular', Verdana, sans-serif;
	color:#b3ada1;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.accordion .form-group,
.accordion .form-control + .sbHolder,
.accordion .form-group .form-control {
	margin-bottom:10px;
}
.buttons .left, .buttons .right {
 display:inline-block;
 width:49%;
 }
.paa-links a {
 font-size:20px;
 color:#9d9889;
 }
/* orders */
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
.mw800 {
 max-width:800px;
 }

.mw1200 {
 max-width:1200px;
 }

.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-list .order-info a {
  display:inline-block;
  text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-product .form-grp input {
 margin-bottom:15px;
 }
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}

.form-mw {
 max-width:600px;
 }
.agree-div {
 padding:15px 10px;
 background:#eed;
 margin-bottom:10px;
 position:relative;
 }
.agree-div span.error { 
 display:block;
 position:absolute;
 font-weight:normal;
 color:#a00;
 bottom:0px;
 }
.nocomp .comp {
 display:none;
 }
.form-group span.error, .form-grp span.error {
 color:#c00;
 } 
.buttons .right {
 text-align:right;
 } 
.accordion .form-horizontal .form-group  {
 margin-bottom:10px;
 }
.checkout h2 {
 font-size:24px;
 }
table#fintab.table td a {
 color: #444;
 font-weight:bold;
 }
.checkout-table thead tr th {
	padding:17px 25px;
	border-color:transparent;
	border-bottom:none;
	background:#e7e2d1;
}

.checkout-table thead tr th:last-child {
	width:58px;
}

.checkout-table .checkout-table-title,
.checkout-table .checkout-table-price,
.checkout-table .checkout-total-title,
.checkout-table .checkout-total-price  {
	font:15px/20px "open_sansregular", sans-serif;
	color:#9e988a;
	text-transform:uppercase;
	padding:16px 15px;
}

.checkout-table .product-code {
	padding-top: 30px;
}

.checkout-table .checkout-table-title{
	text-align:right;
	border-right:1px solid #e7e2d1;
}

.checkout-table .checkout-total-title,
.checkout-table .checkout-total-price {
	padding-top:19px;
	padding-bottom:19px;
	color:#858073;
}

.checkout-table .checkout-table-title,
.checkout-table .checkout-total-title {
	text-align: right;
}

.checkout-table .checkout-table-title > span,
.checkout-table .checkout-total-title > span {
	display:inline-block;
	width:200px;
	text-align: left;
}


.checkout-table .checkout-total-title {
	text-align:right;
	border-right:1px solid #e7e2d1;
	font-size:15px;
	line-height:22px;
	color:#666;
}

.checkout-table .checkout-total-price {
	font-size:15px;
	color:#e82c0c;
	line-height:22px;
	width:250px;
}

.checkout-table .product-name-col  {
	width:500px;
}

.checkout-table .product-name-col figure {
	width:170px;
	float:left;
	margin-right:25px;
	border:1px solid #e6dfd1;
}

.checkout-table .product-name-col ul {
	text-align:left;
}

.checkout-table .product-name-col ul li{
	display:block;
}

.checkout-table tfoot tr {
	background:#f8f4ee;
}

.accordion-body .checkout-table ul {
	padding-left:0;
}



/* =============================================
---------------- 16.Contact.html ---------------
==============================================*/

/* give right side larger padding*/
.padding-right-md {
	padding-right:25px;
}
/* give left side larger padding*/
.padding-left-md {
	padding-left:25px;
}

.padding-right-lg {
	padding-right:35px;
}
/* give left side larger padding*/
.padding-left-lg {
	padding-left:35px;
}

/* give both side larger padding*/
.padding-both-lg {
	padding:0 35px;
}

/* give right side xlarge padding*/
.padding-right-xlg {
	padding-right:50px;
}

.padding-right-lger {
	padding-right:40px;
}


#map {
	height:700px;
	margin-bottom:40px;
}

#map img {
	max-width:none;
}

.map-info-box {
	padding:8px;
	min-height:90px;
}

.map-info-box h4 {
	font-size:18px;
	margin-bottom:10px;
}

.map-info-box p {
	margin-bottom:5px;
}

.contact-container {
	padding-top:8px;
}

.contact-container h2 {
	color:#b3ada1;
}

.contact-box h3 {
	font:16px/25px 'open_sansregular', Verdana, sans-serif;
	color:#989686;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.contact-box {
	margin-bottom:30px;
	color:#a8a292;
}

.contact-box p:last-child {
	margin-bottom: 0;
}

.contact-list li,
.contact-address {
	font-size:14px;
	line-height:28px;
}

.contact-address {
	line-height:29px;
}

.contact-list li > span {
	color:#b6b4a2;
	text-decoration: underline;
	margin-right:6px;
	font-size:15px;
	line-height:28px;
}


/* =============================================
-------------- 17.Contact-two.html ------------
==============================================*/

textarea.min-height-lg {
	height:178px;
}

.contact-box-lg h3 {
	font-size:23px;
	color:#908876;
	text-transform: uppercase;
	margin-top:6px;
}

.contact-box-lg .contact-list li {
	font-size:14px;
	line-height:36px;
}


/* =============================================
--------------------- 18.Footer -----------------
==============================================*/
.device-hv {
 display:none;
 }
@media (hover: hover) {
 body .device-hv {
    display:block;
    }
  }
#footer {
	background-color:#2288b1;
 	font-size:15px;
	line-height:23px;
	color:9d9889;
	overflow: hidden;
}
#footer #spam_form label {
 font-weight:normal;
 color:#bbb;
 }
#footer .links {
 margin-bottom:20px;
 }
#footer .links li {
 text-align:center;
 }
#footer .links li a {
 font-size:17px;
 color:#ccc;
 text-align:center;
 }
#footer .links a:hover {
	color:#fff;
}

#footer a {
	color:#bbb;;
}

#footer a:hover {
	color:#fff;;
}

#footer.footer4 a {
	color:#edeae3;
}

#footer.footer4 a:hover {
	color:#fff;
}

#footer.footer5 a:hover {
	color:#2288b1;
}

#footer.footer6 a {
	color:#c7c4bc;
}

#footer.footer6 a:hover {
	color:#fff;
}

#footer-top-map {
	width:100%;
	height:550px;
}

#footer-top-small-map {
	width:100%;
	height:100px;
	border:1px solid #dad7cb;
	margin-bottom:13px;
}

#footer.footer4 #footer-top {
	background-color: #f3f3f0;
	padding:65px 0 29px;
}




#footer #footer-top .form-group,
#footer #footer-top .form-group .form-control {
	margin-bottom:10px;
}


#footer #footer-top .form-control.input-lg {
	font-size:14px;
	height:40px;
	padding:11px 15px;
}


#footer #footer-top textarea.form-control.min-height-sm {
	height:90px;
}

#footer #footer-top .form-control:-moz-placeholder {
	font-family: 'open_sansregular', Verdana;
}

#footer #footer-top .form-control::-moz-placeholder {
	font-family: 'open_sansregular', Verdana;
}

#footer #footer-top .form-control:-ms-input-placeholder {
	font-family: 'open_sansregular', Verdana;
}

#footer #footer-top .form-control::-webkit-input-placeholder {
	font-family: 'open_sansregular', Verdana;
}

#footer #footer-top textarea.form-control.input-lg {
	padding:10px 15px;
}

#footer #footer-wrapper {
	background-image: url('../images/footerbg.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#footer #footer-inner {
	padding:33px 0 33px;
	position: relative;
}

#footer.footer2 #footer-inner {
	padding:95px 0 17px;
}

#footer.footer3 #footer-inner {
	padding:95px 0 67px;
}

#footer.footer4 #footer-inner,
#footer.footer5 #footer-inner,
#footer.footer6 #footer-inner {
	padding:68px 0 0;
}



#footer .widget {
	margin-bottom:63px;
	position: relative;
}

#footer.footer4 .widget {
	margin-bottom:53px;
}

#footer.footer5 .widget,
#footer.footer6 .widget  {
	margin-bottom:57px;
}

#footer.footer4 .widget.facebook-widget {
	margin-bottom:25px;
}

#footer.footer5 .widget.facebook-widget,
#footer.footer6 .widget.facebook-widget {
	margin-bottom:33px;
}

#footer h4 {
	font:23px/1 'source_code_proregular', Arial, sans-serif;
	color:#ccc;
	text-transform: uppercase;
	margin-bottom:23px;
}

#footer.footer4 h4,
#footer.footer5 h4,
#footer.footer6 h4  {
	color:#fff;
	font:18px/1 'open_sansregular', Arial, sans-serif;
	margin-bottom: 20px;
}

#footer.footer5 h4 {
	color:#888779;
}

#footer.footer4 #footer-top h4 {
	font:24px/1 'open_sanslight', Arial, sans-serif;
	margin-bottom: 45px;
	color:#847e71;
}

#footer.footer5 #footer-top h4,
#footer.footer6 #footer-top h4 {
	font:23px/1 'source_code_proregular', Arial, sans-serif;
	margin-bottom: 35px;
}

#footer.footer6 #footer-top h4 {
	color:#888779;
}

#footer .border-bottom {
	padding-bottom:20px;
	border-bottom:1px solid #e0dfd4;
	margin-bottom:18px;
}

.widget .links li {
	margin-bottom:1px;
}

.widget .links  a {
	display:block;
	line-height:35px;
}

#footer.footer4 .widget .links a,
#footer.footer5 .widget .links a,
#footer.footer6 .widget .links a {
	line-height:38px;
}

#footer .twitter-widget {
	padding-top:6px;
}

#footer .twitter-widget .tweet_list li {
	margin-bottom:27px;
}

#footer .twitter-widget .tweet_list li:last-child {
	margin-bottom:0;
}

#footer .twitter-widget .tweet_list a {
	color:#2288b1;
}

#footer-bottom .copyright-text {
	font-size:13px;
	line-height:18px;
	margin:21px 0;
}

#footer-bottom .social-links {
	margin-right:40px;
}	

#footer-bottom .social-links li {
	margin:10px 10px 10px 0px;
}

/* fix for incline block margin */
.social-links {
	font-size:0;
	line-height:0;
}

.social-links li {
	display:inline-block;
	margin:0 5px;
	
}

.social-links li:first-child {
	margin-left:0;
}

.social-icon {
	display:block;
	width:40px;
	height:40px;
	background-image: url(../images/sprites/sprite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	border:1px solid #cdccbf;
	-webkit-transition:background-position 0.35s;
	-moz-transition:background-position 0.35s;
	-o-transition:background-position 0.35s;
	-ms-transition:background-position 0.35s;
	transition:background-position 0.35s;
}

.color3 .social-icon {
	border-color:#edeae3;
}

.small .social-icon  {
	width:35px;
	height:35px;
}

.social-links.light .social-icon {
	border-color:#fff;
}
.icon-instagram:hover {
 background-position:0px -40px;
 }
.icon-instagram {
 background-image:url(../images/sprites/insta3.png?tt);
 background-position:0px 0px;
 }
.icon-facebook {
	background-position:0 0;
}

.icon-twitter {
	background-position:-38px 0;
}

.icon-rss {
	background-position:-76px 0;
}

.icon-delicious {
	background-position:-114px 0;
}

.icon-linkedin {
	background-position:-152px 0;
}

.icon-flickr {
	background-position:-190px 0;
}

.icon-skype {
	background-position:-228px 0;
}

.icon-email {
	background-position:-266px 0;
}

.icon-googleplus {
	background-position:-47px -235px;
}

.icon-dribbble {
	background-position:-85px -235px;
}


.color3 .icon-facebook {
	background-position:0 -1180px;
}

.color3 .icon-twitter {
	background-position:-38px -1180px;
}

.color3 .icon-rss {
	background-position:-76px -1180px;
}

.color3 .icon-delicious {
	background-position:-114px -1180px;
}

.color3 .icon-linkedin {
	background-position:-152px -1180px;
}

.color3 .icon-flickr {
	background-position:-190px -1180px;
}

.color3 .icon-skype {
	background-position:-228px -1180px;
}

.color3 .icon-email {
	background-position:-266px -1180px;
}


/* re- areange positions for smaller icons*/
.small .icon-facebook {
	background-position:-3px -2.5px;
}

.small .icon-twitter {
	background-position:-41px -2.5px;
}

.small .icon-rss {
	background-position:-79px -2.5px;
}

.small .icon-delicious {
	background-position:-117px -2.5px;
}

.small .icon-linkedin {
	background-position:-155px -2.5px;
}

.small .icon-flickr {
	background-position:-193px -2.5px;
}

.small .icon-skype {
	background-position:-231px -2.5px;
}

.small .icon-email {
	background-position:-269px -2.5px;
}

.small .icon-googleplus {
	background-position:-50px -237.5px;
}

.small .icon-dribbble {
	background-position:-88px -237.5px;
}

/* hover states */
.social-links.light .icon-facebook,
.icon-facebook:hover {
	background-position:0 -38px;
}

.social-links.light .icon-twitter,
.icon-twitter:hover {
	background-position:-38px -38px;
}

.social-links.light .icon-rss,
.icon-rss:hover {
	background-position:-76px -38px;
}

.social-links.light .icon-delicious,
.icon-delicious:hover {
	background-position:-114px -38px;
}

.social-links.light .icon-linkedin,
.icon-linkedin:hover {
	background-position:-152px -38px;
}

.social-links.light .icon-flickr,
.icon-flickr:hover {
	background-position:-190px -38px;
}

.social-links.light .icon-skype,
.icon-skype:hover {
	background-position:-228px -38px;
}

.social-links.light .icon-email,
.icon-email:hover {
	background-position:-266px -38px;
}

.social-links.light .icon-googleplus,
.icon-googleplus:hover {
	background-position:-47px -273px;
}

.social-links.light .icon-dribbble,
.icon-dribbble:hover {
	background-position:-85px -273px;
}

.color3 .icon-facebook:hover {
	background-position:0 -1218px;
}

.color3 .icon-twitter:hover {
	background-position:-38px -1218px;
}

.color3 .icon-rss:hover {
	background-position:-76px -1218px;
}

.color3 .icon-delicious:hover {
	background-position:-114px -1218px;
}

.color3 .icon-linkedin:hover {
	background-position:-152px -1218px;
}

.color3 .icon-flickr:hover {
	background-position:-190px -1218px;
}

.color3 .icon-skype:hover {
	background-position:-228px -1218px;
}

.color3 .icon-email:hover {
	background-position:-266px -1218px;
}


/* re-arange hover states for smaller icons */
.small .icon-facebook:hover {
	background-position:-3px -40.5px;
}

.small .icon-twitter:hover {
	background-position:-41px -40.5px;
}

.small .icon-rss:hover {
	background-position:-79px -40.5px;
}

.small .icon-delicious:hover {
	background-position:-117px -40.5px;
}

.small .icon-linkedin:hover {
	background-position:-155px -40.5px;
}

.small .icon-flickr:hover {
	background-position:-193px -40.5px;
}

.small .icon-skype:hover {
	background-position:-231px -40.5px;
}

.small .icon-email:hover {
	background-position:-269px -40.5px;
}

.small .icon-googleplus:hover {
	background-position:-50px -275.5px;
}

.small .icon-dribbble:hover {
	background-position:-88px -275.5px;
}

.social-icon:hover,
.social-icon:active,
.social-icon:focus {
	background-color: #2288b1;
	border-color:#2288b1;
}

.color2 .social-icon:hover  {
	background-color: #2288b1;
	border-color:#2288b1;
}


/* =============================================
----------------- 18.Scroll Top Button --------------
==============================================*/
#scroll-top {
	display:block;
	width:47px;
	height:46px;
	position:fixed;
	bottom:25px;
	right:25px;
	text-indent:9999px;
	display:inline-block;
	cursor:pointer;
	z-index:440;
	opacity:0;
	visibility:hidden;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -223px;
	border:1px solid #aea995;
	-webkit-transition:background-position 0.35s;
	-moz-transition:background-position 0.35s;
	-o-transition:background-position 0.35s;
	-ms-transition:background-position 0.35s;
	transition:background-position 0.35s;
	transform:scale(0.4);
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	-o-transform:scale(0.4);
	-ms-transform:scale(0.4);
}

#scroll-top:hover {
	border:none;
	background-color: #2288b1;
	background-position: 0 -273px;
}

#scroll-top.color2:hover {
	background-color: #2288b1;
}

#scroll-top.fixed {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	opacity:1;
	visibility:visible;
}


/* =============================================
------------ 19. About Us  ----------
==============================================*/

.parallax {
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	/* to prevent empty bg area*/
	background-repeat: no-repeat;
	background-position: center top;
}

.coverbg {
	-webkit-background-size: cover;
	background-size: cover;
}

.about-banner {
	background-color: #e3e3e3;
	background-image: url('../images/about-bgbanner.jpg');
	text-align:center;
	height:500px;
	color:#62615f;
	position: relative;
}

.about-banner.parallax {
	background-position: center -150px;
}

.about-banner-slider {
	max-width:640px;
	margin:0 auto;
}

.about-banner h1 {
	font-size:60px;
	line-height:1;
	color:#75726b;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 13px;
}

.about-banner h1 > span {
	font-size:23px;
	display: block;
	font-family: 'SourceCodePro-Light', sans-serif;
	margin-bottom:32px;
}

.about-banner p {
	font:22px/32px 'open_sanslight', Verdana, sans-serif;
}




.about-banner.light {
	background-image: url('../images/about-bgbanner-light.jpg');
}

.about-banner.light,
.about-banner.light h1  {
	color:#fff;
}

.promote-box {
	padding-top:5px;
	padding-bottom: 5px;
}

.quote-icon {
	display:inline-block;
	width:35px;
	height:30px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -304px -250px ;
	margin-bottom: 13px;
}

.quote-icon.light {
	background-position: -339px -250px ;
}

.promote-box h2 {
	font:30px/40px 'open_sanslight', Verdana;
	color:#b3aa99;
	letter-spacing: -1px;
}

.feature-box {
	text-align:center;
	background-color: transparent;
	padding:20px 15px;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}

.feature-box h3 {
	font:20px/1 'SourceCodePro-Light', sans-serif;
	text-transform: uppercase;
	color:#868279;
	position: relative;
	margin-bottom:22px;
}

.feature-box p {
	font-size:14px;
	line-height:22px;
	margin-bottom:5px;
}

.feature-box:hover {
	background-color: #2288b1;
}

.feature-box:hover h3,
.feature-box:hover p {
	color:#fff;
}

.feature-icon {
	display:inline-block;
	width:81px;
	height:81px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.feature-icon.icon-delivery {
	background-position: 0 -361px;
}

.feature-icon.icon-service {
	background-position: -81px -361px;
}

.feature-icon.icon-secured {
	background-position: 0 -442px;
}

.feature-box:hover .feature-icon.icon-delivery  {
	background-position: -81px -442px;
}

.feature-box:hover .feature-icon.icon-service  {
	background-position: 0 -523px;
}

.feature-box:hover .feature-icon.icon-secured  {
	background-position: -81px -523px;
}


.about-company h2,
.about-company h3 {
	color:#9f9a8f;
	margin-bottom:25px;
}

.about-text h3,
.about-text h4 {
	font-size:20px;
	color:#908c82;
	margin-bottom:10px;
}

.about-text p {
	margin-bottom:10px;
	line-height:25px;
	padding-right:10px;
}

.about-text img {
	margin-top: 1px;
}


.testimonials-section {
	background-image: url('../images/testimonialsbg.jpg');
	background-color: #e3e3e3;
	text-align:center;
	color:#9a9889;
	position: relative;
	padding:50px 0 76px;
	overflow: hidden;
}

.testimonials-section h2 {
	color:#908876;
	text-transform: uppercase;
}

.testimonials-section h2,
.testimonials-section .h1 {
	margin-bottom:30px;
}

.testimonials-slider {
	max-width:790px;
	margin:0 auto;
}

.testimonial {
	margin-bottom: 40px;
}

.testimonial p {
	font-size:15px;
	line-height: 23px;
}

.testimonial .quote-icon {
	margin-bottom:23px;
}

.testimonial .testimonial-owner {
	font:15px/21px 'open_sanslight', Verdana, sans-serif;
	font-style: italic;
	color:#8e8778;
}

.testimonials-section.light {
	background-image: url('../images/testimonialsbg-light.jpg');
}

.testimonials-section.light,
.testimonials-section.light h2,
.testimonials-section.light .testimonial .testimonial-owner {
	color:#fff;
}

.services h2 {
	font:27px/1 'open_sanslight', Verdana, sans-serif;
	color:#847e71;
	text-transform: uppercase;
	margin-bottom: 38px;
}

.service {
	margin-bottom: 90px;
}

.service-icon {
	display:block;
	width:170px;
	height:160px;
	background-image: url('../images/sprites/sprite.png');
	background-color: #efead9;
	background-repeat: no-repeat;
	float:left;
	margin-right:30px;
}

.service-icon.service-icon-dev {
	background-position: 0 -604px;
}

.service-icon.service-icon-market {
	background-position: -170px -604px;
}

.service-icon.service-icon-design {
	background-position: 0 -764px;
}

.service-icon.service-icon-hosting {
	background-position: -170px -764px;
}

.service-content {
	margin-left:200px;
	padding-top:8px;
}

.service-content h3 {
	text-transform: uppercase;
	font:30px/1 'judsonbold', Verdana, sans-serif;
	color:#9e988a;
	margin:0 0 14px;
}

.service-content p {
	font-size:14px;
	line-height: 22px;
	margin-bottom: 0;
}


.skills h2 {
	font:27px/1 'open_sanslight', Verdana, sans-serif;
	color:#847e71;
	text-transform: uppercase;
	margin-bottom: 32px;
}

.funfacts-section {
	background-image: url('../images/funfactsbg.jpg');
	background-color: #e3e3e3;
	text-align:center;
	color:#908876;
	position: relative;
	padding:50px 0;
}

.funfacts-section h2 {
	margin-bottom: 14px;
	color:#908876;
}

.funfact-desc {
	font-size:15px;
	line-height: 21px;
	margin-bottom:68px;
	color:#9a9889;
}

.fact {
	float:left;
	width:20%;
	text-transform: uppercase;
	margin-bottom:18px;
}

.fact-icon {
	display:inline-block;
	width:46px;
	height:54px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	margin-bottom:15px;
}

.fact-icon.fact-icon-clients.light {
	background-position: 0 -924px;
}

.fact-icon.fact-icon-projects.light {
	background-position: -46px -924px;
}

.fact-icon.fact-icon-tweets.light {
	background-position: -92px -924px;
}

.fact-icon.fact-icon-pizza.light {
	background-position: -136px -924px;
}

.fact-icon.fact-icon-coffee.light {
	background-position: -182px -924px;
}

.fact-icon.fact-icon-clients {
	background-position: 0 -978px;
}

.fact-icon.fact-icon-projects {
	background-position: -46px -978px;
}

.fact-icon.fact-icon-tweets {
	background-position: -92px -978px;
}

.fact-icon.fact-icon-pizza {
	background-position: -136px -978px;
}

.fact-icon.fact-icon-coffee {
	background-position: -182px -978px;
}

.fact .count {
	display:inline-block;
	font:16px/25px 'open_sansbold', Verdana, sans-serif;
	margin-bottom:2px;
}

.fact h4 {
	font:16px/25px 'source_code_proregular', sans-serif;
}

.funfacts-section.light {
	background-image: url('../images/funfactsbg-light.jpg');
}

.funfacts-section.light,
.funfacts-section.light .funfact-desc,
.funfacts-section.light h2,
.funfacts-section.light .h1,
.funfacts-section.light .fact h4 {
	color:#fff;
}


/* special margin to match it with the design */
.team-members .row {
	margin-left:-25px;
	margin-right:-25px;
}

/* same as above row's margin */
.member-col {
	padding:0 25px;
}

.team-members .carousel-title {
	margin-bottom:30px;
}

.member {
	margin-bottom:90px;
}

.member:last-child {
	margin-bottom: 80px;
}

.member figure {
	border:1px solid #e6dfd1;
	width:180px;
	float:left;
	margin-right:20px;
}

.member figure img {
	width:100%;
}

.member-content {
	margin-left:200px;
	padding-top:3px;
}

.member h3 {
	font-style: italic;
	font-size:25px;
	color:#9d9689;
	margin-bottom:3px;
}

.member h4 {
	font:14px/17px 'open_sansregular', sans-serif;
	color:#2288b1;
	margin-bottom: 10px;
}

.member p {
	line-height: 23px;
	font-size:14px;
}


/* =============================================
------------- 20.Register/Login html ------------
==============================================*/

h2.color2 {
	color:#959180;
	margin-bottom: 25px;
}

#login-form .form-group,
#register-form .form-group,
#login-form .form-group .form-control,
#register-form .form-group .form-control {
	margin-bottom:25px;
}
#content form img.captcha {
 display:inline-block;
 }


#login-form .help-block {
	margin-top:-10px;
}

/* Custom checkbox */
.radio label.custom-radio-wrapper, 
.checkbox label.custom-checkbox-wrapper {
	padding-left:0;
}

.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper {
	padding-left:0;
}

.radio-inline.custom-radio-wrapper+.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper+.checkbox-inline.custom-checkbox-wrapper {
	margin-left:30px;
}

.custom-checkbox-container,
.custom-radio-container {
	display:inline-block;
	width:19px;
	height:19px;
	border:1px solid #b7b3aa;
	position: relative;
	margin-right:15px;
}

.custom-radio-container { 
	border-radius: 50px;
}

.custom-checkbox-container input[type="checkbox"],
.custom-radio-container input[type="radio"] {
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: absolute;
	left:0;
	top:0;
	z-index:10;
}

.custom-checkbox-container .custom-checkbox-icon {
	position:absolute;
	z-index:9;
	width:23px;
	height: 19px;
	left:-1px;
	top:-1px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -334px -139px;
	background-repeat: no-repeat;
	opacity:0;
	filter:alpha(opacity=0);
}

.disabled .custom-checkbox-container,
.disabled .custom-radio-container  {
	opacity:0.44;
	background-color: #eaeaea;
}

.disabled .custom-checkbox-container .custom-checkbox-icon  {
	background-image: none;
}

.custom-radio-container .custom-radio-icon {
	position:absolute;
	z-index:9;
	display: block;
	opacity:0;
	filter:alpha(opacity=0);
	width:7px;
	height:7px;
	left:50%;
	top:50%;
	margin-top:-3.5px;
	margin-left:-3.5px;
	background-color: #b7b3aa;
	border-radius: 50%;
}

.disabled .custom-radio-container .custom-radio-icon {
	background-color: transparent;
}

.custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon,
.custom-radio-container input[type="radio"]:checked + .custom-radio-icon {
	opacity:1;
	filter:alpha(opacity=100);
}

.custom-checkbox-wrapper *,
.custom-radio-wrapper * {
	vertical-align: middle;
}


/* =============================================
----------------- 21.404 Pages   --------------
==============================================*/


#content.no-content {
	background-image: url('../images/404bg.jpg');
	height:700px;
	position: relative;
	color:#fff;
	padding-bottom: 0;
}

.no-content-box  h3,
#content.no-content h3 {
	font:23px/1 'SourceCodePro-Light', sans-serif;
	text-transform: uppercase;
	color:#fff;
	margin-bottom: 30px;
}

.no-content-box h2,
#content.no-content h2 {
	font:60px/55px 'open_sansregular', Verdana, sans-serif;
	text-transform: uppercase;
	color:#fff;
	margin-bottom: 10px;
}

.no-content-box  p,
#content.no-content  p {
	font:22px/32px 'open_sanslight', sans-serif;
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 32px;
}

.no-content-box form,
#content.no-content form {
	display:inline-block;
	width:300px;
}

.no-content-box form input,
#content.no-content form input {
	background-color: transparent;
	border-color:#a5a49e;
	color:#fff;
	font-size:18px;
	font-family: 'open_sansregular', sans-serif;
	padding-right:67px;
	padding-left:15px;
}

.no-content-box form .form-group,
#content.no-content form .form-group {
	position: relative;
}

.no-content-box form .form-group,
.no-content-box form .form-control,
#content.no-content form .form-group,
#content.no-content form .form-control {
	margin-bottom: 0;
}

.no-content-box .submit-btn,
#content.no-content .submit-btn {
	display:block;
	width:52px;
	height:44px;
	position: absolute;
	right:1px;
	top:1px;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -247px -536px;
	transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	text-indent: -9999px;
	border:none;
}

.no-content-box .submit-btn:hover,
.no-content-box .submit-btn:active,
.no-content-box .submit-btn:focus,
#content.no-content .submit-btn:hover,
#content.no-content .submit-btn:active,
#content.no-content .submit-btn:focus {
	background-color: #ecebe1;
	background-position: -299px -536px;
}

#content.no-content form input:-moz-placeholder {
	color:#fff;
	text-transform: uppercase;
}

#content.no-content form input::-moz-placeholder {
	color:#fff;
	text-transform: uppercase;
}

#content.no-content form input:-ms-input-placeholder {
	color:#fff;
	text-transform: uppercase;
}

#content.no-content form input::-webkit-input-placeholder {
	color:#fff;
	text-transform: uppercase;
}

/* 404-two */
.no-content-box {
	width:814px;
	height:514px;
	background-image: url('../images/404-contentbg.png');
	background-repeat: no-repeat;
	text-align: center;
	margin:55px auto 60px;
	padding:30px;
}

.no-content-box h2 {
	color:#2288b1;
	margin-bottom: 20px;
}

.no-content-box  h3 {
	font-size:35px;
	color:#807e78;
	margin-bottom: 23px;
}

.no-content-box  p {
	line-height: 34px;
	color:#9c978d;
	margin-bottom: 36px;
}

.no-content-box form input {
	background-color: #f7f5f2;
	border-color:#e2e1d9;
	color:#8b8475;
	box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.no-content-box .submit-btn{
	background-position: -299px -536px;
}

.no-content-box form input:-moz-placeholder {
	color:#8b8475;
	text-transform: uppercase;
}

.no-content-box form input::-moz-placeholder {
	color:#8b8475;
	text-transform: uppercase;
}

.no-content-box form input:-ms-input-placeholder {
	color:#8b8475;
	text-transform: uppercase;
}

.no-content-box form input::-webkit-input-placeholder {
	color:#8b8475;
	text-transform: uppercase;
}

.alert.ui-pnotify-container {
 background-image:none;
 background-color:#f2f2f2;
 border:none;
 }
.ui-pnotify-container a:hover {
 color: rgb(226, 83, 3);
 }
.alert.ui-pnotify-container h4,
.alert.ui-pnotify-container .ui-pnotify-sticker,
.alert.ui-pnotify-container .ui-pnotify-closer,
.alert.ui-pnotify-container .ui-pnotify-icon {
 color:rgb(226, 83, 3);
 }
.alert.ui-pnotify-container .ui-pnotify-text {
 color: rgb(56, 62, 66); 
}
/*
Author  : Hunter Perrin
Version : 2.0.1
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
top: 25px;
right: 10px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 199999;
}
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
margin-top: 0;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft {
left: 25px;
right: auto;
}
.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft {
bottom: 25px;
top: auto;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}