/* File Description:Main CSS file of the template */

/* TABLE OF CONTENTS

1) Typography
2) Layout
3) Sections
4) Pages ( blog, about etc )
5) Template Components
6) Navigations
7) Blocks/Widgets
8) Main Slideshow
9) Owl carousel
10) IE 8 Support
11) margin/padding helpers
12) Unipromos Moduls

* */

/* 1) Typography
----------------------------------------------------------------------------- */
table.suggestions td.product-name{
	max-width: 300px;
	overflow: hidden;
}
html {
	height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.50;
	color: #666666;
	background-color: #ffffff;
}
body.mceContentBody {
     padding:10px;

  }
body.full-height, body.full-height .page-wrapper {
	background-color: #fafafa;
	min-height: 100%;
}

span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6 {
  display:block;
  font-weight:700;
}

h1,
h2,
h3,
h4,
h5,
h6,
span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6 {
	color: #343434;
	line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
span.h1 a,
span.h2 a,
span.h3 a,
span.h4 a,
span.h5 a,
span.h6 a {
	color: #343434;
}
.brand-color {
  color: black;
}
.brand-bg {
  background-color: black;
  color:white;
}
.brand-bg a, 
.brand-bg h1, 
.brand-bg h2, 
.brand-bg h3, 
.brand-bg h4, 
.brand-bg h5, 
.brand-bg h6, 
.brand-bg h1 a, 
.brand-bg h2 a, 
.brand-bg h3 a, 
.brand-bg h4 a, 
.brand-bg h5 a, 
.brand-bg h6 a, 
.brand-bg span.h1, 
.brand-bg span.h2, 
.brand-bg span.h3, 
.brand-bg span.h4, 
.brand-bg span.h5, 
.brand-bg span.h6, 
.brand-bg span.h1 a, 
.brand-bg span.h2 a, 
.brand-bg span.h3 a, 
.brand-bg span.h4 a, 
.brand-bg span.h5 a, 
.brand-bg span.h6 a, {
  color: white;
}
h1, span.h1 {
	font-size: 38px;
	font-weight: 700;
}
h2, span.h2 {
	font-size: 28px;
	margin-bottom: 15px;
}
h3, span.h3 {
	font-size: 22px;
}
h4, span.h4 {
	font-size: 18px;
	font-weight: 700;
}
h5, span.h5 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
h6, span.h6 {
	font-weight: 700;
}
.form-control {
    font-size: 12px;
}
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.title {
		margin-top: 0;
	}
}

.sidebar {
  margin-bottom: 10px;
}
.sidebar .title {
	margin-bottom: 15px;
	margin-top: 20px;
	position: relative;
}
.page-header {
	margin-top: 20px;
	padding-top: 20px;
}
p {
	margin-bottom: 20px;
}
a {
	color: #666666;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #999999;
}
a:focus,
a:active {
	outline: none;
}
.no-trans * {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
		-ms-transition: none !important;
		 -o-transition: none !important;
			transition: none !important;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
blockquote {
	border-left: none;
	display: block;
	margin: 20px auto 20px;
	font-size: 16px;
	position: relative;
	padding: 10px 10px 10px 0px;
	margin-left: 40px;
}
blockquote:after {
	content: "“";
	width: 25px;
	height: 25px;
	line-height: 64px;
	font-size: 64px;
	font-family: 'PT Serif', serif;
	position: absolute;
	top: 12px;
	left: -45px;
}
.blockquote:before {
	font-family: 'PT Serif', serif;
	content: "“";
	font-size: 40px;
}
blockquote.inline {
	padding: 0;
}
blockquote.inline p {
	width: 60%;
	display: inline-block;
	margin: 0;
}
blockquote.inline footer {
	width: 37%;
	display: inline-block;
	padding-left: 5px;
}
blockquote.inline:after {
	top: 0;
}
mark,
.mark {
	background-color: #666666;
	color: #ffffff;
}
pre {
	padding: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.text-muted {
	color: #999999;
}
.text-default {
	color: #666666;
}
.well {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #f3f3f3;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
}
.icons-page i {
	color: #333;
	font-size: 20px;
}

/* Lists
---------------------------------- */
ul {
	list-style: none;
}
.list-icons,
.list {
	list-style: none;
	padding: 0;
}
.list-icons li,
.list li {
	padding: 5px 0;
}
.list-icons li i {
	width: 25px;
	text-align: center;
}
.list li .vertical-divider {
	padding-right: 15px;
	position: relative;
}
.list li .vertical-divider:after {
	position: absolute;
	content: "";
	height: 60%;
	width: 1px;
	background-color: #CECECE;
	right: 9px;
	top: 5px;
}
.list-inline {
	margin-top: 9px;
	margin-bottom: 8px;
}

/* Tables
---------------------------------- */
.table:not(.table-bordered) {
	/* border-bottom: 2px solid #f3f3f3; */
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 1px solid #666666;
	background-color: #666666;
	color: #fff;
}
.table-bordered {
	border-color: #666666;
}
tbody {
	background-color: #ffffff;
}
.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: 8px 15px;
	border-top: 1px solid #f3f3f3;
}
.table-striped tbody {
	background-color: #fafafa;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f1f1f1;
}
.table-striped.table > tbody > tr > td {
	border-color: #e8e8e8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: #f3f3f3;
}
.dl-horizontal dd {
	margin-bottom: 10px;
}
.dark .table:not(.table-bordered) {
	border-bottom: 2px solid #515151;
}
.dark .table > thead > tr > th {
	border-bottom: 1px solid #27272a;
	background-color: #27272a;
	color: #cdcdcd;
}
.dark tbody {
	background-color: transparent;
}
.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td {
	border-top: 1px solid #515151;
}
.dark .table-hover > tbody > tr:hover {
	background-color: #27272a;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.dl-horizontal dd {
		margin-left: 190px;
	}
	.dl-horizontal dt {
		max-width: 160px;
	}
}

/* 2) Layout
----------------------------------------------------------------------------- */
.page-wrapper {
	background-color: #ffffff;
}
.header-top {
	background-color: #f1f1f1;
	border-bottom: 1px solid #dadada;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
}
.header-top.dark {
	background-color: #27272A;
	border-bottom: 1px solid #000000;
	color: #cdcdcd;
}
.header-top.banner {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;
}
.header {
	padding: 20px 0;
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;
}
.header.dark {
	background-color: #36373C;
	border-top: 1px solid #515151;
	border-bottom-color: transparent!important;
}
.header.header-small {
	padding: 0;
}
.banner {
	background-color: #f1f1f1;
	border-bottom: 1px solid #eaeaea;
}
.page-intro {
	padding: 10px 0;
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
	background-color: #fafafa;
	border-bottom: 1px solid #dadada;
}
.banner + .page-intro {
	margin-top: -56px !important;
	position: relative;
	background-color: rgba(250, 250, 250, 0.9);
	z-index: 2;
}
.page-top {
	padding: 40px 0;
}
.main-container {
	padding: 25px 0;
}
.full-height .main-container {
	padding-top: 220px;
}
.section {
	padding: 25px 0;
}
.block {
	padding-bottom: 40px;
}
.sidebar .block:first-child {
	margin-top: 2px;
}
.full-width {
    width: 100vw;
    max-width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-left: 0;
    padding-right: 0;
}
/* Only tiny-Editor */
body#tinymce .object-non-visible {
 display:inline;
}
body#tinymce #c1 {
background-color:#ccc;
}
/* Boxed Layout
---------------------------------- */
.boxed .page-wrapper {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px #cacaca;;
	box-shadow: 0px 0px 10px #cacaca;;
}
.pattern-1 {
	background-image: url("../images/pattern-1.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-4 .page-wrapper,
.pattern-5 .page-wrapper,
.pattern-6 .page-wrapper,
.pattern-7 .page-wrapper,
.pattern-8 .page-wrapper,
.pattern-9 .page-wrapper {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.pattern-2 {
	background-image: url("../images/pattern-2.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-3 {
	background-image: url("../images/pattern-3.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-4 {
	background-image: url("../images/pattern-4.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-5 {
	background-image: url("../images/pattern-5.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-6 {
	background-image: url("../images/pattern-6.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-7 {
	background-image: url("../images/pattern-7.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-8 {
	background-image: url("../images/pattern-8.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern-9 {
	background-image: url("../images/pattern-9.png");
	background-repeat: repeat;
	background-position: 0 0;
}
.pattern {
	background-image:none;
	background-repeat: repeat;
	background-position: 0 0;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.boxed .page-wrapper {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.boxed .page-wrapper {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.boxed .page-wrapper {
		width: 1170px;
	}
}

/* Backgrounds
---------------------------------- */
.light .footer {
	background-color: #f7f7f7;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.light .subfooter {
	background-color: #e7e7e7;
}
.white-bg {
	background-color: #ffffff !important;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	border: none !important;
}
.header-top {
	font-size: 12px;
}
.header-top.white-bg {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #dadada !important;
}
.gray-bg {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	position: relative;
}
.gray-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: 5px;
	content: "";
	width: 100%;
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
}
.header.gray-bg {
	border-bottom: 1px solid #dadada;
}
.header.gray-bg,
.header.gray-bg:before {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.dark-bg {
	background-color: #000000;
	color: #ffffff;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6,
.dark-bg span.h1,
.dark-bg span.h2,
.dark-bg span.h3,
.dark-bg span.h4,
.dark-bg span.h5,
.dark-bg span.h6 {
	color: #ffffff;
}
.dark-bg a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.dark-bg a:not(.btn):hover {
	color: #fff;
	text-decoration: none;
}
.default-bg {
	background-color: #666666;
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6,
.default-bg span.h1,
.default-bg span.h2,
.default-bg span.h3,
.default-bg span.h4,
.default-bg span.h5,
.default-bg span.h6 {
	color: #ffffff;
}
.default-bg a:not(.btn) {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:not(.btn):hover {
	color: #ffffff;
	text-decoration: none;
}
.default-bg.text-muted,
.default-bg.text-muted h1,
.default-bg.text-muted h2,
.default-bg.text-muted h3,
.default-bg.text-muted h4,
.default-bg.text-muted h5,
.default-bg.text-muted h6,
.default-bg.text-muted span.h1,
.default-bg.text-muted span.h2,
.default-bg.text-muted span.h3,
.default-bg.text-muted span.h4,
.default-bg.text-muted span.h5,
.default-bg.text-muted span.h6 {
	color: #f1f1f1;
}
.dark-bg.text-muted,
.dark-bg.text-muted h1,
.dark-bg.text-muted h2,
.dark-bg.text-muted h3,
.dark-bg.text-muted h4,
.dark-bg.text-muted h5,
.dark-bg.text-muted h6,
.gray-bg.text-muted,
.gray-bg.text-muted h1,
.gray-bg.text-muted h2,
.gray-bg.text-muted h3,
.gray-bg.text-muted h4,
.gray-bg.text-muted h5,
.gray-bg.text-muted h6,
.dark-bg.text-muted span.h1,
.dark-bg.text-muted span.h2,
.dark-bg.text-muted span.h3,
.dark-bg.text-muted span.h4,
.dark-bg.text-muted span.h5,
.dark-bg.text-muted span.h6,
.gray-bg.text-muted span.h1,
.gray-bg.text-muted span.h2,
.gray-bg.text-muted span.h3,
.gray-bg.text-muted span.h4,
.gray-bg.text-muted span.h5,
.gray-bg.text-muted span.h6 {
	color: #999999;
}

/* Parallax effect
---------------------------------- */
.no-touch .light-translucent-bg,
.no-touch .dark-translucent-bg,
.no-touch .default-translucent-bg,
.no-touch .parallax {
	background-attachment: fixed !important;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.parallax {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.parallax {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding: 50px 0;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after {
    background-color: rgba(250, 250, 250, 0.7);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.light-translucent-bg {
	color: #333;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
.header + .banner > .light-translucent-bg { border-top: none; }

.slider-banner-container .light-translucent-bg {
	border: none;
}
.light-translucent-bg .separator-2 {
	background-color: #333;
}
.light-translucent-bg:after {
	background-color: rgba(255, 255, 255, 0.7);
}
.dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0.7);
}
.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6,
.dark-translucent-bg span.h1,
.dark-translucent-bg span.h2,
.dark-translucent-bg span.h3,
.dark-translucent-bg span.h4,
.dark-translucent-bg span.h5,
.dark-translucent-bg span.h6 {
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.default-translucent-bg:after {
	background-color: rgba(232, 76, 61, 0.7);
}
.default-translucent-bg,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6,
.default-translucent-bg span.h1,
.default-translucent-bg span.h2,
.default-translucent-bg span.h3,
.default-translucent-bg span.h4,
.default-translucent-bg span.h5,
.default-translucent-bg span.h6 {
	color: #ffffff;
}
.default-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.default-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.light-translucent-bg .container,
.dark-translucent-bg .container,
.default-translucent-bg .container {
	z-index: 3;
	position: relative;
}
.parallax-bg {
	background: url("../images/parallax-bg.jpg") 50% 0px no-repeat;
}
.parallax-bg-2 {
	background: url("../images/parallax-bg-2.jpg") 50% 0px no-repeat;
}
.parallax-bg-3 {
	background: url("../images/parallax-bg-3.jpg") 50% 0px no-repeat;
}

/* Custom Grid
---------------------------------- */
.grid-space-20 {
	margin-right: -10.5px;
	margin-left: -10.5px;
}
.grid-space-20 .col-lg-6,
.grid-space-20 .col-lg-4,
.grid-space-20 .col-lg-3,
.grid-space-20 .col-md-6,
.grid-space-20 .col-md-4,
.grid-space-20 .col-md-3,
.grid-space-20 .col-sm-6,
.grid-space-20 .col-sm-4,
.grid-space-20 .col-sm-3,
.grid-space-20 .col-xs-6,
.grid-space-20 .col-xs-4,
.grid-space-20 .col-xs-3 {
	padding-left: 10px;
	padding-right: 10px;
}
.grid-space-10 {
	margin-right: -6px;
	margin-left: -6px;
}
.grid-space-10 .col-lg-6,
.grid-space-10 .col-lg-4,
.grid-space-10 .col-lg-3,
.grid-space-10 .col-md-6,
.grid-space-10 .col-md-4,
.grid-space-10 .col-md-3,
.grid-space-10 .col-sm-6,
.grid-space-10 .col-sm-4,
.grid-space-10 .col-sm-3,
.grid-space-10 .col-xs-6,
.grid-space-10 .col-xs-4,
.grid-space-10 .col-xs-3 {
	padding-left: 5px;
	padding-right: 5px;
}
.grid-space-0 {
	margin-right: 0;
	margin-left: 0;
}
.grid-space-0 .col-lg-6,
.grid-space-0 .col-lg-4,
.grid-space-0 .col-lg-3,
.grid-space-0 .col-md-6,
.grid-space-0 .col-md-4,
.grid-space-0 .col-md-3,
.grid-space-0 .col-sm-6,
.grid-space-0 .col-sm-4,
.grid-space-0 .col-sm-3,
.grid-space-0 .col-xs-6,
.grid-space-0 .col-xs-4,
.grid-space-0 .col-xs-3 {
	padding-left: 0;
	padding-right: 0;
}
.grid-space-0>div {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.footer-content {
		margin: 40px 0;
	}
}

/* Fixed navigation
---------------------------------- */
.fixed-header-on .header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1006;
	opacity: 0;
	filter: alpha(opacity=0);
	border-bottom: 1px solid #f1f1f1;
	padding: 7px 0;
	background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}
}
.fixed-header-on .dark.header.fixed {
	border-bottom: 1px solid #36373C;
	background-color: rgba(54, 55, 60, 0.95);
}
.fixed-header-on.boxed .header.fixed {
	left: auto;
}
.fixed-header-on .header .logo {
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
	margin: 2px 0 -4px 0;
	display: none;
}
.fixed-header-on .header .site-slogan {
	display: none;
}
.fixed-header-on .header .navbar.navbar-default {
	margin: 0;
}
.fixed-header-on .header.fixed.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.fixed-header-on .header.fixed .header-contact, .fixed-header-on .header.fixed #top2 {
    display: none;
}

.fixed-header-on #logo {
    max-height: 60px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.fixed-header-on.boxed .header.fixed {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.fixed-header-on .header .logo {
		display: block;
	}
	.fixed-header-on.boxed .header.fixed {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.fixed-header-on.boxed .header.fixed {
		width: 1170px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Fixed header position */
	.header.fixed {
		position: relative !important;
		top: auto !important;
	}
}

/* Miscellaneous
---------------------------------- */
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-20 {
	padding-left: 20px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-20 {
	padding-right: 20px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.space {
	padding-top: 20px;
	padding-bottom: 20px;
}
.space-top {
	padding-top: 20px;
}
.space-bottom {
	padding-bottom: 20px;
}
.margin-clear {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.padding-top-clear {
	padding-top: 0 !important;
}
.padding-bottom-clear {
	padding-bottom: 0 !important;
}
.border-clear {
	border: none !important;
}
.separator {
	display: block;
	width: 60px;
	height: 5px;
	margin: 15px auto 15px;
	background-color: #cccccc;
	position: relative;
	border: 1px solid #cccccc;
}
.separator:after {
	width: 30px;
	height: 5px;
	background: #333333;
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
}
.separator-2 {
	display: block;
	width: 30px;
	height: 5px;
	margin: 15px 0 15px;
	background-color: #cccccc;
	position: relative;
}
.sidebar .separator {
	width: 30px;
	height: 5px;
	margin: 15px 0 20px;
	background-color: #666;
	border-color: #666;
}
.sidebar .separator:after {
	content: "";
	background-color: transparent;
}
.dark-bg .separator-2 {
	background-color: #999999;
}
.default-bg .separator-2 {
	background-color: #ebebeb;
}
.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}
.vertical-divider-left,
.vertical-divider-left-lg {
	border-left: 1px solid #eeeeee;
	padding-left: 50px;
	margin-left: 20px;
}
.vertical-divider-right,
.vertical-divider-right-lg {
	border-right: 1px solid #eeeeee;
	padding-right: 50px;
	margin-right: 20px;
}
.grid span {
	padding: 15px 5px;
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.margin-top-clear {
		margin-top: 0 !important;
	}
	.margin-bottom-clear {
		margin-bottom: 0 !important;
	}
}

/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (max-width:1199px) {
	/* miscellaneous */
	.portfolio-item.vertical-divider-left-lg,
	.side.vertical-divider-left-lg {
		border-left: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	.portfolio-item.vertical-divider-right-lg,
	.side.vertical-divider-right-lg {
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {
	/* miscellaneous */
	.portfolio-item.vertical-divider-left,
	.side.vertical-divider-left {
		border-left: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	.portfolio-item.vertical-divider-right,
	.side.vertical-divider-right {
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}
}

/* 3) Sections
----------------------------------------------------------------------------- */
/* Footer */
.footer {
	font-size: 14px;
	color: #999999;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer span.h1,
.footer span.h2,
.footer span.h3,
.footer span.h4,
.footer span.h5,
.footer span.h6 {
	color: #999999;
}
.footer h2,
.footer span.h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.light .footer,
.light .footer h1,
.light .footer h2,
.light .footer h3,
.light .footer h4,
.light .footer h5,
.light .footer h6,
.light .footer span.h1,
.light .footer span.h2,
.light .footer span.h3,
.light .footer span.h4,
.light .footer span.h5,
.light .footer span.h6 {
	color: #666;
}
.footer {
	padding: 30px 0;
	background-color: #262626;
	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #333333;
}
.footer a {
	color: #999;
}
/* Subfooter
---------------------------------- */
.subfooter {
	font-size: 14px;
}
.subfooter p {
	margin: 0;
}
.subfooter {
	padding: 25px 0;
	background-color: #000000;
}
.subfooter {
	padding: 25px 0 60px 0;
}
.subfooter .navbar-default .nav > li > a {
	color: #999;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	/* subfooter */
	.subfooter {
		text-align: center;
	}
}


/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.blogpost .blogpost-content {
		margin-left: 70px;
	}
	.blogpost .side {
		width: 50px;
	}
	.blogpost .post-info {
		width: 50px;
		height: 60px;
		padding: 8px 8px;
		margin: 0 20px 5px 0;
	}
	.blogpost .post-info .day {
		font-size: 20px;
	}
	.blogpost .post-info .month {
		font-size: 11px;
		line-height: 1.2;
	}
}

/* Affix */
#affix.affix {
	position: static;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	#affix.affix {
		position: fixed;
		top: 65px;
		width: 80px;
	}
	#affix.affix-bottom {
		position: absolute;
		width: 80px;
	}
}

/* Affix Menu - Sidebar */
.sidebar.affix {
	position: static;
}

/* Show and affix the side nav when space allows it */
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.col-md-4 .sidebar.affix,
	.col-md-4 .sidebar.affix-bottom {
		width: 293px;
	}
	.col-md-3 .sidebar.affix,
	.col-md-3 .sidebar.affix-bottom {
		width: 213px;
	}
	.sidebar.affix {
		position: fixed;
		top: 20px;
	}
	.fixed-header-on .sidebar.affix {
		top: 65px;
	}
	.sidebar.affix-bottom {
		position: absolute;
	}
	.sidebar.affix-bottom .affix-menu,
	.sidebar.affix .affix-menu {
		margin-top: 0;
		margin-bottom: 0;
	}
	.affix-menu {
		padding-top: 20px;
	}
	h3.title ~ .affix-menu {
		padding-top: 0px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.col-md-4 .sidebar.affix,
	.col-md-4 .sidebar.affix-bottom {
		width: 390px;
	}
	.col-md-3 .sidebar.affix,
	.col-md-3 .sidebar.affix-bottom {
		width: 263px;
	}
}

/* Blog Masonry layout
---------------------------------- */
.masonry-grid .blogpost {
	margin-bottom: 30px;
}
.masonry-grid .blogpost .blogpost-body {
	padding: 15px 15px 0 15px;
}
.masonry-grid .blogpost h2.title {
	font-size: 24px;
}
.masonry-grid .blogpost .submitted {
	margin: 15px 0 10px;
}
.masonry-grid .blogpost .blogpost-content {
	margin-left: 0;
}
.masonry-grid .blogpost .post-info {
	width: 50px;
	height: 60px;
	padding: 8px 8px;
	margin: 0 20px 5px 0;
}
.masonry-grid .blogpost .post-info .day {
	font-size: 20px;
}
.masonry-grid .blogpost .post-info .month {
	font-size: 11px;
	line-height: 1.2;
}

/* Medium desktop devices and tablets */
@media (min-width:992px) and (max-width:1199px) {
	.masonry-grid .blogpost footer {
		font-size: 12px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.masonry-grid-item {
		max-width: 100%;
	}
}

/* Blog Timeline layout
---------------------------------- */
.timeline {
	position: relative;
	padding: 40px 0;
	margin-top: 40px;
}
.timeline-icon {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	color: #f3f3f3;
	font-size: 40px;
	margin-left: -13px;
	top: -30px;
	line-height: 1;
}
.timeline .timeline-item {
	padding: 0 15px;
}
.timeline .blogpost .blogpost-body {
	padding: 15px 15px 0 15px;
}
.timeline .blogpost h2.title {
	font-size: 24px;
}
.timeline .blogpost .submitted {
	margin: 15px 0 10px;
}
.timeline .blogpost footer {
	padding: 12px 15px;
}
.timeline .blogpost .blogpost-content {
	margin-left: 0;
}
.timeline .blogpost .post-info {
	width: 50px;
	height: 60px;
	padding: 8px 8px;
	margin: 0 20px 5px 0;
}
.timeline .blogpost .post-info .day {
	font-size: 20px;
}
.timeline .blogpost .post-info .month {
	font-size: 11px;
	line-height: 1.2;
}
.timeline-date-label {
	float: none;
	clear: both;
	display: block;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 80px;
	line-height: 1;
	width: 135px;
	position: relative;
	z-index: 2;
	color: #666666;
}
.timeline .timeline-item.pull-right + .timeline-date-label {
	padding-top: 80px;
}
.timeline-date-label:after {
	background-color: #f3f3f3;
	height: 30px;
	width: 100%;
	position: absolute;
	bottom: -8px;
	z-index: -1;
}

/* Medium desktop devices and tablets */
@media (min-width:768px) and (max-width:1199px) {
	.timeline .blogpost footer {
		font-size: 12px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.timeline .blogpost {
		margin-bottom: 0;
	}
	.timeline:before {
		background-color: #f3f3f3;
		width: 2px;
		height: 100%;
		content: "";
		position: absolute;
		left: 50%;
		display: block;
		margin-left: -1px;
		top: 0;
	}
	.timeline .timeline-item {
		position: relative;
		width: 50%;
		padding-left: 0;
		padding-right: 40px;
		margin-bottom: 80px;
		float: left;
		clear: left;
		z-index: 1;
	}
	.timeline .timeline-item.pull-right {
		position: relative;
		width: 50%;
		padding-left: 40px;
		padding-right: 0;
		margin-top: 80px;
		margin-bottom: 0;
		float: right;
		clear: right;
	}
	.timeline .timeline-item:after {
		content: "";
		font-family: "FontAwesome";
		right: 10px;
		background-color: #f3f3f3;
		left: auto;
		position: absolute;
		top: 20px;
		z-index: -1;
		width: 25px;
		height: 1px;
	}
	.timeline .timeline-item:before {
		content: "";
		position: absolute;
		background-color: #fff;
		border: 1px solid #666666;
		height: 10px;
		width: 10px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		top: 15px;
		right: -5px;
	}
	.timeline .timeline-item.pull-right:after {
		right: auto;
		left: 10px;
	}
	.timeline .timeline-item.pull-right:before {
		left: -5px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.timeline .timeline-item.pull-right {
		float: none !important;
	}
}

/* Comments
---------------------------------- */
.comments {
	margin-top: 60px;
}
.comments h2.title {
	margin-bottom: 40px;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
}
.comment {
	font-size: 14px;
}
.comment .comment {
	margin-left: 75px;
}
.comment-avatar {
	margin-top: 5px;
	width: 55px;
	float: left;
}
.comment-content {
	margin-left: 75px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 40px;
}
.comment h3 {
	margin-top: 0;
	margin-bottom: 5px;
}
.comment-meta {
	margin-bottom: 15px;
	color: #999999;
	font-size: 12px;
}
.comment-meta a {
	color: #666666;
}
.comment-meta a:hover {
	text-decoration: underline;
}
.comment .btn {
	font-size: 12px;
	padding: 7px;
	min-width: 100px;
	margin-top: 5px;
	margin-bottom: -1px;
}
.comment .btn i {
	padding-right: 5px;
}

/* Portfolio
---------------------------------- */
.filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.text-center.filters .nav-pills > li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: inline-block;
	float: none;
}

/* Portfolio Item
---------------------------------- */
.portfolio-item.side {
	font-size: 14px;
	margin-top: 30px;
}
.portfolio-item.side .social-links {
	margin: 0;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.portfolio-item.side {
		margin-top: 125px;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	/* Portfolio page */
	.filters .nav-pills > li {
		display: inline-block;
		width: 100%;
	}
}

/* About Us pages
---------------------------------- */
.team-member small {
	display: block;
	margin-top: -5px;
}
.team-member.box-style-1 {
	margin-top: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.team-member.option-3 {
		overflow: hidden;
		margin-bottom: 20px;
	}
	.team-member.option-3 .overlay-container {
		float: left;
		width: 55%;
	}
	.team-member.option-3 .image-box-body {
		float: left;
		width: 45%;
		padding: 20px 10px 5px 15px;
	}
}

/* Small and Medium devices (tablets, smartphones, laptops) */
@media (min-width:768px) and (max-width:1199px) {
	.team-member.option-3 .image-box-body {
		padding: 40px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.team-member .image-box-body {
		padding: 15px 25px;
	}
	.team-member {
		max-width: 480px;
		margin: 20px auto 20px !important;
	}
}

/* Coming Soon Page
---------------------------------- */
.coming-soon-bg {
	background: url("../images/coming-soon-bg.jpg") 50% 0px no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.boxed .coming-soon-bg {
	background: none;
}
.is-countdown {
	border: 1px solid transparent;
	background-color: transparent;
}
.countdown-section {
	text-align: center;
	padding: 20px;
	margin: 10px 0;
}
.countdown-amount {
	font-size: 36px;
	font-weight: 700;
	display: block;
}
.countdown-period {
	display: block;
	font-size: 28px;
	line-height: 1.2;
	margin-top: 15px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.countdown-amount {
		font-size: 24px;
	}
	.countdown-period {
		font-size: 18px;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.countdown-period {
		font-size: 14px;
	}
}

/* Shop pages
---------------------------------- */
.listing-item {
	margin: 0 0 20px 0;
	border: 1px solid #f1f1f1;
	position: relative;
	overflow: hidden;
}
.listing-item:hover {
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.listing-item img {
    padding: 20px 10px 20px 10px;
    opacity: 100%;
}
.listing-item-body {
	/* padding: 20px 15px 15px; */
  padding: 10px;
  position: relative;
	-webkit-transition: ease-in-out all 0.25s;
	-o-transition: ease-in-out all 0.25s;
	transition: ease-in-out all 0.25s;
  background-color: #fff;
}

.listing-item div.product-provider {
  color: #111;
  padding: 2px;
  font-size: 11px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 120px;
  left: 0;
  background-color: rgba(240,240,240,0.7);
  border: 1px solid #f2f2f2;
}

.listing-item p.product-title {
	font-size: 18px;
  font-weight:bold;
  line-height: 1.3;
	height: 2.8em;
	overflow: hidden;
}
.listing-item p.product-title a {
  color: #4a4a4a;
  text-decoration: none;
}

.listing-item .product-priceline {
  display: inline-block;
  margin-top: 3px;
  color: #888888;
}
.listing-item div.item-bottom {
  border-top: 2px solid #888888;
  padding-top: 5px;
  margin-top: 10px;
}

.listing-item .elements-list, .listing-item .elements-list a {
  color: #888888;
}
.listing-item .elements-list a:hover {
  color: #333;
  text-decoration: none;
}
.listing-item .product-priceline .smaller {
  font-size: 0.6em;
}
.listing-item .product-priceline .item-price {
  font-size: 1.2em;
  font-weight: bold;
}
.listing-item del,
.price del {
	font-size: small;
	line-height: 1;
	color: #cccccc;
}
div.listing-item .overlay-container {
	min-height:200px;
}
.text-center .logo img {
	margin: 0 auto;
}

.multicolor {
    z-index: 1;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-indent:-9000px;
	background: transparent url("/static/images/cw.png") no-repeat scroll;
}
.product_labels {
    margin-bottom: 2px;

}
.label-wrapper {
    position: absolute;
    left: 10px;
    top: 10px;
}
.label-wrapper .label {
  margin: 2px;
  }
.label-promotion {
    background-color:red;
}
.label-offer {
    background-color: red;
    color: white !important;
}
.label-new {
    background-color: #77a92e;
    color: white !important;
}
.label-calc {
    background-color: #333333;
}
.price {
	font-weight: bold;
}
.preu_ab {
	font-size:xx-small;
}

.comprar#ficha-producte {
	margin-left:15px;
	margin-top:25px;
}

textarea#notes {height:3em; padding-top:0.8em;}
#afegit {
	display:none;
	position: fixed;
	top:25%;
	z-index: 2000;

}
#stockinfo > span.stock {
    font-size: smaller;
    font-style: italic;
}
.elements-list > * {
	border-right: 1px solid #dddddd;
	margin: 5px 6px 5px 0;
	padding-right: 10px;
	line-height: 24px;
	height: 22px;
	display: inline-block;
}
.elements-list > *:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
.price {
	font-size: 22px;
	color: #000;
	font-weight: 300;
}
.wishlist:hover i:before {
	content: "\f004";
}
.listing-item .badge {
	border-radius: 0;
	position: absolute;
	border-color: transparent;
	top: -1px;
	left: -1px;
	font-weight: 400;
}
.sorting-filters {
	background-color: #f3f3f3;
	border: none;
	border-radius: 10px;
	padding: 5px 15px 3px 15px;
	margin-bottom: 40px;
}
.sorting-filters .form-inline {
    margin: 0 auto;
	max-width:1140px;
}
.sidebar .sorting-filters {
	margin-bottom: 0;
}
.sorting-filters label {
	display: block;
	margin-bottom: 5px;
	/* font-size: 14px; */
}
.sorting-filters form {
	margin: 0;
}
.sorting-filters .btn {
	margin: 20px 0 0;
	min-width: 0;
	width: 100%;
}
.sorting-filters .form-control,
.sorting-filters .form-control:focus {
	margin-bottom: 5px;
	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f3f3f3;
}
.sorting-filters .form-inline .form-control {
	width: 100%;
}
.sorting-filters.dark-bg {
	background-color: #333333;
}
#filtres_submit {
    margin-top: 5px;
}
.sorting-filters .filter {
    padding: 10px;
}

.list-with-image {
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 5px;
}
.list-with-image:last-child {
	border-bottom: none;
}
.list-with-image .overlay-container {
	float: left;
	width: 80px;
	margin-bottom: 10px;
}
.list-with-image h2,
.list-with-image p {
	margin-left: 100px;
}
.list-with-image h2 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 5px;
}
.list-with-image p {
	font-size: 13px;
	color: #999;
	margin-bottom: 15px;
}
.list-tables {
	margin: 0 0 0 ;
}
.list-tables .left {
	padding-right: 10px;
}
.list-tables .right {
	padding-left: 10px;
}
.product-img {
	border:solid 1px  #eee;
}
.stockout {
    background-color:#fff;
    color:#333;
    font-style:italic;
    padding:5px;
    border:1px solid #ccc;
}
.nota.providerdiscount {
    color:#F00;
    background-color:#FFF;
    padding: 5px;
    margin-top: 5px;
    border:1px solid #CCCCCC;
	}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.sorting-filters .form-inline .form-group {
		width: 18%;
		margin-right: 1.9%;
	}
	.sorting-filters .form-inline .form-group:last-child {
		margin-right: 0;
	}
}
/* product sheet */
input.highlighted {
	border: solid 2px #333;
}
.table_prices caption {
	text-align:left;
}
.table_prices th {
	text-align:center;
}
table.table_prices  td:first-child {
	border-left: none;
}
.table#variants  {
}
.table#variants th {
	text-align:center;
	font-size:smaller;
}
.table#variants input {
    width:100%;
	min-width:40px;
	max-width:70px;
}
.table#variants td {
padding:2px;
vertical-align:middle;
text-align:center;
}
.table#variants td.color_name {
max-width:70px;
font-size:smaller;
text-align:right;
overflow:hidden;
}
table#confidencial_fitxa_producte {
	font-size: 90%;
}
#precios_marcaje > caption {
margin-bottom:2px;
font-weight: bold;
}
.text-default.stock {
   color: green
}
@media (min-width:768px) {
   .sorting-filters #search {
	  	   width: 38%;
   }
}

/* Cart and Checkout pages
---------------------------------- */
.cart.table .price {
	width: 18%;
}
.cart.table .amount,
.cart.table .remove,
.cart.table .quantity {
	width: 12%;
}
.table .information {
	width: 80%;
}
.cart.table .quantity input {
	width: 60px;
	padding: 6px;
}
.cart.table .product {
	font-size: 15px;
}
.cart.table .amount {
	text-align: right;
}
.cart .price {
	font-size: 14px;
}
.cart.table .product small {
	font-size: 12px;
	display: block;
	color: #999;
}
.cart.table thead > tr > th {
	font-size: 16px;
}
.cart.table .total-quantity,
.cart.table .total-amount {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}
.cart.table .total-amount {
	text-align: right;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.cart.table thead > tr > th {
		font-size: 14px;
	}
	.cart.table .amount,
	.cart.table .price {
		width: 12%;
	}
	.cart.table .remove,
	.cart.table .quantity {
		width: 8%;
	}
	.cart.table > thead > tr > th,
	.cart.table > tbody > tr > th,
	.cart.table > tfoot > tr > th,
	.cart.table > thead > tr > td,
	.cart.table > tbody > tr > td,
	.cart.table > tfoot > tr > td {
		padding: 8px 10px;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.cart.table > thead > tr > th,
	.cart.table > tbody > tr > th,
	.cart.table > tfoot > tr > th,
	.cart.table > thead > tr > td,
	.cart.table > tbody > tr > td,
	.cart.table > tfoot > tr > td {
		padding: 8px 7px;
	}
}

/* Cart dropdown block
---------------------------------- */
.cart .form-group {
	margin-bottom: 0;
}
.header-top-dropdown .dropdown-menu.cart {
	padding: 0;
	min-width: 350px;
	font-size: 12px;
	right: -1px;
}
.dropdown-menu.cart table {
	margin-bottom: 0;
}
.dropdown-menu.cart .panel-body {
	padding: 0px 10px 0px;
}
.dropdown-menu.cart .panel-body .btn {
	margin-left: 5px;
}
.total-amount,
.total-quantity {
	font-size: 13px;
}
.cart.table > tbody > tr > td {
		vertical-align:top;
}
.cart .table > tbody > tr > td {
	vertical-align:top;
	text-align:center;
	padding:4px;
}


.cart .quantity {
	width: 50px;
	font-size: 11px;
}
.invoice-container .cart .quantity {
	font-size: 14px;
}
.cart .product {
	width: 220px;
	font-size: 13px;
}
.cart .product .small {
	display: block;
	color: #999999;
}
.cart .amount,
.total-amount {
	font-weight: 700;
}
/* Floatingcart */
#floatingcart {
	max-height:450px;
	overflow:scroll;
}
#floatingcart h2 {
    padding: 5px;
}
.cart .table > tbody > tr > td.floatingcart_description {
	text-align:left;
}
table.showtotal  th {
    font-size: smaller;
}
table.showtotal tr.priceproducts > th, table.showtotal tr.priceshipping > th, table.showtotal tr.priceiva > th {
    font-weight: 400;
}

span.attribut {
	font-style:italic;
	font-size:smaller;
}
span.att_label { font-weight:bold;}

td#td_subtotal table.table_prices  {
		border-bottom: 2px  double #F3F3F3;
}
td#td_subtotal table.table_prices td {
	border:none;
	background-color:transparent;

}
td#td_subtotal table.table_prices tr.total {
		border-top: 2px solid #F3F3F3;
}
.cart .table > tbody > tr > td.prices {
	text-align:right;
}

td#td_subtotal table.table_prices td.price_total {
	font-weight:bold;
}
#td_quantity {min-width: 145px;}
.table_cesta label {display: block;}
.cart.table .quantity input {display: inline-block; width: 80px;}
img.qty-refresh {display: inline-block;}
div.qty_min {display: inline-block; clear:both; font-style:italic;}
#td_image {width:200px;};
#td_options {width:40%; vertical-align: top;}
#td_subtotal {text-align:right;}
td.prices.price_total, #td_subtotal > span.price_total {font-weight: bold; white-space: nowrap; padding-right:5px;}
td.prices.price_total {border-top:2px solid #acacac;}
#td_subtotal td.etiqueta { white-space: nowrap; text-align: right}
tr.total td {font-weight: bold;}
#td_subtotal > table > tbody td {vertical-align: bottom;}
#td_subtotal > table td.etiqueta {font-size: smaller;}
#cart_table table.showtotal {
    display: inline-table;
}
#cart_table table.showtotal th {
    padding-right: 5rem;
}
#cart_table table.showtotal tr.total  {
    border-top:1px solid #acacac;
}
tr.pricetotal td, tr.pricetotal th {border-bottom: double #acacac;}
.remove {text-align:center;}
.img-responsive {border: 1px solid #ccc;
       box-shadow: 0 0 10px 1px rgba(0,0,0,0.50);
 }
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
/* make tables responsive */
/* 1. option: no-table */
.table-responsive {width:100%; text-align:center}
.table-responsive th {display: none; margin:0 auto;}
.showtotal th {display: inline-block; margin:0 auto;}
.table-responsive td {display: list-item; margin-top: 20px; text-align:center, padding: 0;list-style-type: none; }
.showtotal td {display: table-cell;}

#frmcesta .top {display:inline-block;}
#td_itemname {border-top: 2px solid #999;}
td#td_image img {display: block;
    margin-left: auto;
    margin-right: auto;}
.table_cesta td#td_options {display: inline-block; height: auto; width:70%}
.cart.table .quantity, .cart.table .remove  {width: 70%; margin-left: auto; margin-right: auto;}
.cart.table .quantity input{ margin-left: auto; margin-right: auto;}
#td_price:before{ content: url("/static/images/price.png");}
#td_price {display: inline-block; line-height: 32px; width: 70%; }
#td_units {display: inline-block; line-height: 32px; width: 70%;}
#td_subtotal {line-height: 32px; border-top: 1px solid #ccc; border-bottom: 5px double #ccc; font-weight:bold; width: 70%;margin-left: auto; margin-right: auto;}
td.remove:before {content: attr(data-th)" : ";}
.table-responsive.table_prices td:before {content: attr(data-th)" : "; font-weight: bold; width: 6.5em; display: inline-block; }
.cart.table .quantity input {display: block}
    /* 2. option: flip-scroll */
	.flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.flip-scroll * html .cf { zoom: 1; }
	.flip-scroll *:first-child+html .cf { zoom: 1; }

	.flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

	.flip-scroll th,
	.flip-scroll td { margin: 0; vertical-align: top; }
	.flip-scroll th { text-align: left; }

	.flip-scroll table { display: block; position: relative; width: 100%; }
	.flip-scroll thead { display: block; float: left; }
	.flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }


	.flip-scroll thead tr { display: block;}
	.flip-scroll th { display: block; text-align: right;}
	.flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	.flip-scroll td { display: block; min-height: 1.25em; text-align: left; max-width: 75px; overflow:hidden;}

	.flip-scroll#variants tbody {max-width:600px;}
    .flip-scroll#variants th {height: 2.75em; }
	.flip-scroll#variants td  {height: 2.75em; }
   	.flip-scroll#variants td.color_name, flip-scroll#variants th:first-child {font-size:smaller; text-align:center;}


	/* sort out borders */

	.flip-scroll th { border-bottom: 0; border-left: 0; }
	.flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	.flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	.flip-scroll th:last-child,
	.flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}
@media (max-width:400px) {
.flip-scroll#variants tbody {max-width:300px;}

}
/* End cart-table responsive */
/* Cart-Wizard */
.process-wrap {
  width: 75%;
  margin: 20px auto 50px auto;
}
.process-main {
  width: 100%;
  min-width: 320px;
  display: flex;
}
.col-3 {
  width: 25%;
  position: relative;
}
.col-3:first-child .process-step:before {
  content: '1';
}
.col-3:nth-child(2) .process-step:before{
  content: '2';
}
.col-3:nth-child(3) .process-step:before {
  content: '3';
}
.col-3:last-child .process-step:before{
  content: '4';
}
.process-main .col-3:not(:first-child):before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  top: 17.5px;
  left: calc(-50% + 20px);
  right: 0;
  background: #ebebeb;
  border: 2px #ebebeb solid;
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}
.process-step-cont {
  font-family: sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: space-between;
}
.process-step {
  border: 5px #ebebeb solid;
  border-radius: 100%;
  line-height: 0;
  background: #959595;
  text-align: center;
  align-items: center;
  justify-content: center;
  align-self: center;
  display: flex;
  color: #fff;
  width: 35px;
  height: 35px;
  font-weight: 700;
  margin-bottom: 7px;
  z-index: 4;
  /*cursor: pointer;*/
}
.process-label {
  color: #959595;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.active-step1 .col-3:first-child .process-step,
.active-step1 .col-3:first-child .process-dots:first-child,
.active-step1-mini2 .col-3:first-child .process-step,
.active-step1-mini2 .col-3:first-child .process-dots:nth-child(-n+2),
.active-step1-mini3 .col-3:first-child .process-step,
.active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+3),
.active-step1-mini4 .col-3:first-child .process-step,
.active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+4)
{
  background-color: $base-color;
}
.active-step1-mini2 .col-3:first-child .process-dots:first-child,
.active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+2),
.active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+3)
{
  background-color: #fbcb93;
}
.active-step1 .col-3:first-child .process-label,
.active-step1-mini3 .col-3:first-child .process-label,
.active-step1-mini2 .col-3:first-child .process-label,
.active-step1-mini4 .col-3:first-child .process-label{
  color: $base-color;
}
.active-step2 .col-3:first-child,
.active-step3 .col-3:nth-child(-n+2),
.active-step4 .col-3:nth-child(-n+3){
  opacity: 0.5;
  /*pointer-events: none;*/
}
.active-step2 .col-3:first-child .process-step:before,
.active-step3 .col-3:nth-child(-n+2) .process-step:before,
.active-step4 .col-3:nth-child(-n+3) .process-step:before{
  content: '\2713';
  padding: 7px;
}
.active-step2 .col-3:nth-child(-n+2) .process-step,
.active-step2 .col-3:nth-child(-n+2) .process-dots,
.active-step3 .col-3:nth-child(-n+3) .process-step,
.active-step3 .col-3:nth-child(-n+3) .process-dots,
.active-step4 .col-3:nth-child(-n+4) .process-step,
.active-step4 .col-3:nth-child(-n+4) .process-dots {
  background-color: #666;
}
.active-step2 .col-3:nth-child(-n+2) .process-label,
.active-step3 .col-3:nth-child(-n+3) .process-label,
.active-step4 .col-3:nth-child(-n+4) .process-label{
  color: #666;
}
.active-step2 .col-3:nth-child(-n+2):before,
.active-step3 .col-3:nth-child(-n+3):before,
.active-step4 .col-3:nth-child(-n+4):before{
  background: #666 !important;
}
/* End Cart-Wizard */


.cart-amounts-panel {
  position: sticky;
  top: 100px;
  font-size: smaller;
}
.cart-amounts-panel table {
  border: none !important;
}
 
.cart-amounts-panel table td {
  text-align: right;
}

.cart-amounts-panel div.wrapper {
 -webkit-box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
  -moz-box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
  box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
  border-radius: 5px;
  border: 1px solid rgba(179, 179, 179, 0.26);
}
div.shadowed {
	-webkit-box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
	-moz-box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
	box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
	border-radius: 5px;
	border: 1px solid rgba(179, 179, 179, 0.26);
	padding: 10px;
  
}
.cart-amountspanel-button {
  width: 96%;
}
.cart-amounts-panel table.showtotal tr:nth-last-child(1) {
  border-top: 2px solid #eee;
  font-size: large;
  font-weight: bold;
} 
.paymentinfo {
  padding-top: 20px;
  font-size: smaller;
}
/* 5) Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */

.btn {
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 160px;
	text-align: center;
	border-radius: 0;
	margin: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn:focus,
.btn:active {
	outline: none;
	box-shadow: none;
}
.btn.btn-lg {
	padding: 17px 12px;
	font-size: 18px;
	min-width: 210px;
}
.btn.btn-sm {
	padding: 8px;
	font-size: 12px;
	min-width: 105px;
}
.btn.radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn.rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.moving {
	-webkit-animation: moving 1.7s ease-out infinite;
	animation: moving 1.7s ease-out infinite;
	position: relative;
	top: -30px;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
.btn-remove {
	font-size: 10px;
	padding: 3px 15px;
	min-width: 0;
}
@-webkit-keyframes moving {
	0% {
		top: -30px;
	}
	60% {
		top: 0px;
	}
}
@keyframes moving {
	0% {
		top: -30px;
	}
	60% {
		top: 0px;
	}
}

/* Dark Buttons */
.btn-dark {
	color: #f1f1f1;
	background-color: #333333;
	border-color: #333333;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
	color: #ffffff;
	background-color: #666;
	border-color: #666;
}

/* Gray Buttons */
.btn-gray {
	color: #fff;
	background-color: #666666;
	border-color: #666666;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
	color: #ffffff;
	background-color: #666666;
	border-color: #666666;
}

/* Light Gray Buttons */
.btn-light-gray {
	color: #333333;
	background-color: #fafafa;
	border-color: #f3f3f3;
}
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
	color: #ffffff;
	background-color: #666666;
	border-color: #666666;
}
.default-bg .btn-light-gray {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}
.default-bg .btn-light-gray:hover,
.default-bg .btn-light-gray:focus,
.default-bg .btn-light-gray:active,
.default-bg .btn-light-gray.active,
.default-bg .open .dropdown-toggle.btn-light-gray {
	color: #333333;
	background-color: #fafafa;
	border-color: #fafafa;
}

/* The color of default buttons is the color of current color scheme */
.btn-default {
	background-color: #666666;
	color: #fff !important;
	border-color: #999999;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: #999999;
	border-color: #999999;
}
.default-bg .btn-default {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: transparent;
}
.default-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-bg .btn-default:active,
.default-bg .btn-default.active,
.default-bg .open .dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.5);
	border-color: transparent;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
	background-color: #999999;
	border-color: #999999;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* Button with transparent bg */
.btn-white {
	background-color: transparent;
	color: #999999;
	border: 1px solid #666666;
}
.footer .btn-white,
.subfooter .btn-white {
	color: inherit;
}
.footer .btn-white:hover,
.subfooter .btn-white:hover {
	color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	color: #fff;
	background-color: #999999;
	border-color: #999999;
}
.default-bg .btn-white {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}
.default-bg .btn-white:hover,
.default-bg .btn-white:focus,
.default-bg .btn-white:active,
.default-bg .btn-white.active,
.default-bg .open .dropdown-toggle.btn-white {
	color: #333333;
	background-color: #fafafa;
	border-color: #fafafa;
}
.footer-content .btn-white {
	color: #999;
	background-color: transparent;
	border-color: #555;
}

/* Buttons in product-view
---------------------------------- */
div.actions-group {
  gap: 20px;
  }

div.actions-group > a.btn {
  width: 100%;
  }

/* Links
---------------------------------- */
.link {
	padding-right: 23px;
	position: relative;
	display: inline-block;
	text-align: right;
}
.link:hover {
	text-decoration: none;
}
.link:hover span {
	text-decoration: underline;
}
.link:after {
	content: "\f178";
	font-family: "FontAwesome";
	position: absolute;
	right: 0;
	top: 2px;
}

/* Forms
---------------------------------- */
textarea {
	resize: vertical;
}
.sidebar form {
	margin: 5px 0 20px 0;
}
.form-control {
	border-radius: 0;
	background: #ffffff;
	height: 40px;
	border-color: #acacac;
	color: #acacac;
	position: relative;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}

.form-control:focus {
	border-color: #666666;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}
select.form-control {
	
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url('/static/images/arrow_down.png');
    outline: none;
}
.form-control::-moz-placeholder {
	color: inherit;
}
.form-control:-ms-input-placeholder {
	color: inherit;
}
.form-control::-webkit-input-placeholder {
	color: inherit;
}
.dark-bg .form-control, .dark-bg select.form-control {
	color: #fff;
}
.btn_searchform_interior {
	margin-left: -25px;
	background:none;
	height: 40px;
	display: inline-block;
    border: none;
}

.input-group-addon {
	background-color: #cacaca;
	border-color: #acacac;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.form-list > div {
	padding: 7px 15px;
	border-bottom: 1px solid #dddddd;
	background-color: #f3f3f3;
	margin: 6px 0;
	display: block;
}
fieldset {
	padding: 10px 25px;
	margin: 15px 0px;
	border: 1px solid #ddd;
	background-color: #fafafa;
}
fieldset legend {
	display: block;
	width: auto;
	padding: 3px 10px;
	margin-bottom: 0;
	font-size: 15px;
	line-height: inherit;
	color: #333;
	border: 1px solid #ddd;
	background-color: #ffffff;
}
fieldset .form-control,
fieldset .form-control:focus {
	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f3f3f3;
}
fieldset img {
  max-height: 80px; 
  border: 5px solid #fff; 
  box-shadow: 0 0 10px #ddd;
}
.badge {
	padding: 2px 4px 3px;
	font-size: 10px;
	margin-left: 12px;
	top: -2px;
	position: relative;
	font-weight: 400;
	border-radius: 2px;
	background-color: transparent;
	color: inherit;
	border: 1px solid #666666;
}
.dropdown .badge {
	background-color: transparent;
	color: inherit;
}
.dropdown .active>a>.badge,
.dropdown a:hover .badge,
.dropdown .open > a > .badge {
	border-color: #666666;
}
.dark .dropdown .active>a>.badge,
.dark .dropdown a:hover .badge,
.dark .dropdown .open > a > .badge {
	border-color: #3d3d3d!important;
}
/* Forms in all backgrounds */
.dark-bg .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #999999;
}
.dark-bg .input-group-addon {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
}
.dark-bg .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.gray-bg .form-control,
.header-top-dropdown .form-control,
#footer.light .form-control {
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f1f1f1;
	background-color: #ffffff;
}
.gray-bg .form-control:focus,
.header-top-dropdown .form-control:focus,
#footer.light .form-control:focus {
	border-color: #cacaca;
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
}
.dark .header-top-dropdown .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #333;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #cdcdcd;
}
.dark .header-top-dropdown form i {
	color: #cdcdcd;
}
.dark .header-top-dropdown .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.gray-bg .input-group-addon {
	background-color: #ececec;
	border: 1px solid #f1f1f1;
}
.default-bg .form-control {
	background-color: #f1f1f1;
	border-color: #666666;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
}

.default-bg .form-control:focus {
	background-color: #f1f1f1;
	background-color: rgba(0, 0, 0, 0.25);
}
.default-bg .input-group-addon {
	background-color: #999999;
	border-color: #666666;
	color: #fff;
}
.default-bg select.form-control,
.dark-bg select.form-control {
	color: #666666;
}
.default-bg .form-control, .default-bg .form-control:focus {
	border-color: #ccc;
}
footer:not(.light) .footer-content .form-control {
	border-color: #292929;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
}
footer:not(.light) .footer-content .form-control:focus {
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
}
footer:not(.light) .footer-content .input-group-addon {
	background-color: rgba(0, 0, 0, 0.5);
	border: transparent;
}
select.form-control {
	-webkit-appearance: none;
}
select[multiple].form-control {
	-webkit-appearance: none;
}
/* Validation states */
.has-success .form-control,
.has-success .form-control:focus {
	border-color: #3c763d;
}
.has-warning .form-control,
.has-warning .form-control:focus {
	border-color: #8a6d3b;
}
.has-error .form-control,
.has-error .form-control:focus {
	border-color: #a94442;
}
.default-bg .has-success .form-control,
.default-bg .has-warning .form-control,
.default-bg .has-error .form-control,
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
	border-color: #fff;
	color: #ffffff;
}
.default-bg .has-success .form-control-feedback,
.default-bg .has-warning .form-control-feedback,
.default-bg .has-error .form-control-feedback,
.default-bg .has-success .control-label,
.default-bg .has-warning .control-label,
.default-bg .has-error .control-label {
	color: #fff;
}
.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .error {
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}

/* forms with icons */
label ~ .form-control-feedback {
	top: 25px;
}
.form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 42px !important;
	top: 0;
}

/* Disabled forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
	margin: 20px 0 40px;
	text-align: left;
}
ul.pagination li {
	padding: 0;
	margin: 0 5px 0 0;
	border-bottom: none;
	font-size: 12px;
	display: inline-block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
	padding: 10px 15px;
	border: 1px solid #f3f3f3;
	line-height: 1;
	background-color: #fafafa;
	display: inline-block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #666666;
}
ul.pagination li > a:hover {
	background-color: transparent;
	color: #ffffff;
	background-color: #666666;
	border-color: #666666;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
	color: #ffffff;
	background-color: #666666;
	border-color: #666666;
	line-height: 1;
}
ul.pagination li > a:focus {
	background: none;
}

/* Breadcrumb
---------------------------------- */
.breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	font-size: 13px;
	padding: 8px 0;
}
.breadcrumb > li + li::before {
  content: '>';
}

/* Tabs
---------------------------------- */
.nav-tabs {
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
	border-bottom: 1px solid #f0f0f0;
	margin-top: 15px;
}
.nav-tabs > li > a {
	font-size: 13px;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 12px 25px;
	position: relative;
	color: #666666;
}
.nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	background-color: #fafafa;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #666;
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
	border-bottom-color: transparent;
}
.nav-tabs > li.active > a:after {
	width: 3px;
	content: "";
	background-color: #666666;
	height: 103%;
	position: absolute;
	left: 0;
	top: 0;
}
.tab-content {
	border: 1px solid #f0f0f0;
	padding: 20px;
	border-top: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	position: relative;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	background-color: #fafafa;
	margin-bottom: 15px;
}
.tab-content h1, .tab-content span.h1 {
	font-size: 34px;
}
.tab-content:after {
	width: 3px;
	content: "";
	background-color: #666666;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.tab-content.clear-style {
	border: none;
	padding: 10px 0 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.tab-content.clear-style:after {
	width: 0;
	background-color: transparent;
	height: 100%;
}

/* Small devices (tablets, smartphones) */
@media (min-width:481px) and (max-width:767px) {
	.nav-tabs > li > a {
		padding: 12px 10px;
		font-size: 11px;
		margin-right: 0;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.nav-tabs {
		background-color: #999999;
	}
	.nav-tabs > li {
		float: none;
	}
	.nav-tabs > li a {
		color: #ffffff;
		margin-right: 0;
		border-bottom: 1px solid #8f8f8f;
	}
	.nav-tabs > li > a:hover {
		color: #666666;
	}
	.nav-tabs > li > a:hover:after {
		width: 3px;
		content: "";
		background-color: #666666;
		height: 102%;
		position: absolute;
		left: 0;
		top: 0;
	}
}

/* Horizontal tabs version 2 */
.tabs-style-2 .nav-tabs {
	border-bottom: 1px solid #666666;
}
.tabs-style-2 .nav-tabs > li.active > a,
.tabs-style-2 .nav-tabs > li.active > a:hover,
.tabs-style-2 .nav-tabs > li.active > a:focus,
.tabs-style-2 .nav-tabs > li > a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #666666;
	background-color: #666666;
	color: #fff;
}
.tabs-style-2 .nav-tabs > li.active > a:after {
	width: 0;
	height: 0;
	background-color: transparent;
}
.tabs-style-2 .tab-content {
	border: none;
	padding: 20px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.tabs-style-2 .tab-content:after {
	width: 0px;
	background-color: transparent;
	height: 0;
}
.tabs-style-2 .nav-tabs > li > a:hover:after {
	width: 0;
	background-color: transparent;
	height: 0;
}

/* vertical tabs */
.vertical {
	margin: 20px 0;
}
.vertical.hc-tabs {
	margin: 40px 0;
}
.vertical .nav-tabs,
.vertical .tab-content {
	display: table-cell;
	margin: 0;
	vertical-align: top
}
.vertical .nav-tabs {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-color: transparent;
	background-color: #999999;
}
.vertical .nav-tabs > li {
	float: none;
}
.vertical .nav-tabs > li a {
	margin: 0;
	padding: 15px 40px;
	white-space: nowrap;
	color: #ffffff;
	border-bottom: 1px solid #8f8f8f;
}
.vertical .nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	border-right-color: transparent;
	color: #666666;
	z-index: 2;
}
.vertical .nav-tabs > li > a:hover:after {
	width: 3px;
	content: "";
	background-color: #666666;
	height: 102%;
	position: absolute;
	left: 0;
	top: 0;
}
.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
	-webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	border-right-color: transparent;
	border-bottom-color: #f0f0f0;
	color: #666666;
	z-index: 2;
	width: 101%;
}
.vertical .tab-content {
	border-top: 1px solid #f0f0f0;
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	left: -1px;
	z-index: 1;
	padding: 20px 30px;
}
.vertical .tab-content:after {
	background-color: transparent;
}
.arrow {
	display: block;
	position: relative;
}
.arrow i {
	font-size: 96px;
	top: -62px;
	position: absolute;
	line-height: 1;
	z-index: 2;
	left: 50%;
	margin-left: -27px;
}
.arrow i:before {
	color: #fafafa;
	text-shadow: 0px -1px 1px #E9E9E9;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.vertical .nav-tabs,
	.vertical .tab-content {
		display: block;
	}
}

/* hc-tabs */
.hc-tabs .hc-tabs-top img {
	display: none;
}

/* Nav pills
---------------------------------- */
.nav-pills > li > a {
	border-radius: 0;
	padding: 10px 15px;
	border: 1px solid transparent;
	color: #666666;
	font-size: 13px;
	font-weight: 700;
}
.nav-pills.nav-stacked > li + li {
	margin-left: 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	border: 1px solid #f3f3f3;
	color: #666666;
	background-color: #fafafa;
}
.nav-pills.nav-stacked > li > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 3px;
	color: #d1d1d1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-pills > li.active > a:after {
	color: #666666;
}
.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {
	color: #666666;
	right: 10px;
}
.nav-pills > li > ul > li a {
	font-size: 0.8em;
	padding: 5px 8px 5px 40px;
	font-weight: 500;
}
.nav-pills > li > a.active,
.nav-pills > li > a.active:hover,
.nav-pills > li > a.active:focus {
	border: 1px solid #f3f3f3;
	color: #666666;
	background-color: #fafafa;
	font-weight: 700;
}
.nav-pills.nav-stacked > li > ul > li a:after {
	font-size: 11px;
	right: 30px;
	top: 4px;
}
.footer-content .nav-pills > li > a {
	padding: 4px 0px;
	border-color: transparent;
	color: #999;
	font-weight: 400;
}
.footer-content .nav-pills > li:last-child > a {
	border-bottom: none;
}
.footer-content .nav-pills > li.active > a,
.footer-content .nav-pills > li.active > a:focus,
.footer-content .nav-pills > li > a:focus {
	color: #999;
	background-color: transparent;
	border-color: transparent;
}
.footer-content .nav-pills > li.active > a:hover,
.footer-content .nav-pills > li > a:hover {
	color: #fff;
	background-color: transparent;
	border-color: transparent;
}
.footer-content .nav-pills.nav-stacked > li > a:after {
	top: 3px;
}
.footer-content .nav-pills.nav-stacked > li > a:after,
.footer-content .nav-pills > li.active > a:after,
.footer-content .nav-pills > li.active > a:hover:after,
.footer-content .nav-pills > li.active > a:focus:after,
.footer-content .nav-pills > li > a:hover:after,
.footer-content .nav-pills > li > a:focus:after {
	color: #999
}
.light .footer-content .nav-pills > li > a,
.light .footer-content .nav-pills > li.active > a,
.light .footer-content .nav-pills > li.active > a:focus,
.light .footer-content .nav-pills > li > a:focus {
	color: #666;
}
.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
	color: #999999;
}
.light .footer-content .nav-pills.nav-stacked > li > a:after,
.light .footer-content .nav-pills > li.active > a:after,
.light .footer-content .nav-pills > li.active > a:hover:after,
.light .footer-content .nav-pills > li.active > a:focus:after,
.light .footer-content .nav-pills > li > a:hover:after,
.light .footer-content .nav-pills > li > a:focus:after {
	color: #666
}

/* Process pills */
.process .nav-pills > li + li {
	margin-left: 60px;
	position: relative;
}
.process .nav-pills > li + li:after {
	font-family: "FontAwesome";
	content: "\f101";
	position: absolute;
	top: 10px;
	left: -35px;
	width: 10px;
	background-color: #fff;
}

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	background-color: #fafafa
}
.panel-heading a {
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #666666;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-dark .panel-heading a,
.panel-dark .panel-heading a:hover {
	background-color: #333333;
}
.panel-transparent .panel-default > .panel-heading,
.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
	background-color: transparent;
	color: inherit;
}
.panel-transparent .panel-heading a {
	border: 1px solid #f1f1f1;
}
.panel-transparent .panel-heading a.collapsed {
	color: inherit;
	background-color: transparent;
}
.panel-heading a.collapsed {
	color: #ffffff;
	background-color: #999999;
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	content: "\f196";
}
.panel-heading a:hover,
.panel-transparent .panel-heading a:hover {
	text-decoration: none;
	background-color: #666666;
	color: #ffffff;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;
}

/* Progress bars
---------------------------------- */
.progress {
	margin-bottom: 25px;
	background-color: #f1f1f1;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 30px;
}
.progress-bar {
	padding: 6px 0 5px 0;
	text-align: left;
}
.progress-bar-default {
	background-color: #666666;
}
.progress-bar-gray {
	background-color: #999999;
}
.progress-bar-dark {
	background-color: #333333;
}
.gray-bg .progress {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
}
.progress-bar span {
	position: relative;
	left: 15px;
}

/* Circular Progress Bars
---------------------------------- */
.knob-container {
	margin: 10px;
	position: relative;
	display: inline-block;
}
.knob-container canvas {
	width: 132px;
	height: 132px;
	margin: 0 auto;
}
.knob-text {
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	margin-top: -14px;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.knob-container canvas {
		width: 169px;
		height: 169px;
	}
}

/* Alerts
---------------------------------- */
.alert {
	margin: 20px 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	padding-left: 70px;
	overflow: hidden;
	z-index: 1;
	border: none;
}
.alert:before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 50px;
	height: 101%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 2;
}
.alert-success {
	color: #2a5f2b;
	background-color: #bcdab0;
}
.alert-info {
	color: #1a4e68;
	background-color: #c6e8fa;
}
.alert-warning {
	color: #72582b;
	background-color: #f7f0ce;
}
.alert:after {
	font-family: "FontAwesome";
	position: absolute;
	top: 10px;
	left: 17px;
	color: #ffffff;
	font-size: 20px;
	z-index: 3;
}
.alert.alert-success:after {
	content: "\f00c";
}
.alert.alert-info:after {
	content: "\f05a";
}
.alert.alert-warning:after {
	content: "\f071";
}
.alert.alert-danger:after {
	content: "\f00d";
}
.close {
	font-size: 28px;
	font-weight: normal;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

/* Modals
---------------------------------- */
.modal-open .page-wrapper {
}
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal-content .modal-header {
	background-color: #666666;
}
.modal-content .modal-title {
	font-size: 24px;
	color: #ffffff;
}
.modal-footer .btn {
	margin: 0;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.modal-lg {
		width: 1140px;
	}
}

/* Popups
---------------------------------- */
.mfp-zoom-out-cur .page-wrapper {
	-webkit-filter: blur(3px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.mfp-bg {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.mfp-figure:after {
	background-color: #ffffff;
}

/* Images and Images overlay
---------------------------------- */
.fixed-image {
	background-position: center center;
	background-repeat: no-repeat;
	height: 400px;
}
.no-touch .fixed-image {
	background-attachment: fixed;
}
.fixed-image {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(241, 241, 241, 0.85);
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay a {
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 26px;
	color: #666666;
	background-color: #ffffff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}
.overlay span {
	position: absolute;
	display: block;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #000000;
	font-style: italic;
}
.overlay-links {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -75px;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: all 0.25s linear 0.05s;
	-moz-transition: all 0.25s linear 0.05s;
	-ms-transition: all 0.25s linear 0.05s;
	-o-transition: all 0.25s linear 0.05s;
	transition: all 0.25s linear 0.05s;
}
.overlay-links a {
	position: static;
	margin-top: 0;
	margin-left: 0;
    border-radius: 15px;
}
.overlay-links a + a {
	left: 50px;
	color: #ffffff;
	background-color: #666666;
}
.overlay-links a.right {
  border-radius: 0 20px 20px 0;
  width: 75px;
  }
.overlay-links a.left {
  border-radius: 20px 0 0 20px;
  width: 75px;
  margin-left:0;
  }
.overlay a:hover {
	color: #ffffff;
	background-color: #333333;
	text-decoration: none;
}
.overlay i {
	line-height: 50px;
}
.box-style-1 .overlay i {
	font-size: 26px;
	margin: 0;
}
a.overlay {
	background-color: rgba(255, 255, 255, 0.9);
	cursor: pointer;
}
a.overlay:hover {
	text-decoration: none;
}
.listing-item a.overlay {
	-webkit-transition: linear 0.25s;
	-o-transition: linear 0.25s;
	transition: linear 0.25s;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.listing-item a.overlay:hover {
	text-decoration: none;
}
a.overlay i {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 40px;
	line-height: 42px;
	color: #666666;
	margin-top: -22px;
	margin-left: -18px;
	text-align: center;
}
a.overlay.small i {
	font-size: 18px;
	line-height: 1;
	margin-top: -8px;
	margin-left: -8px;
}
.overlay .social-links {
	margin: 0;
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.overlay .social-links li {
	margin: 0 auto;
}
.overlay .social-links li a {
	margin: 2px;
	width: 40px;
	height: 40px;
	font-size: 18px;
	position: static;
}
.overlay .social-links li a:hover {
	background-color: #fff;
	border-color: #fff;
	text-decoration: none;
}
.overlay .social-links li a i {
	line-height: 38px;
	font-size: 24px;
	margin: 0;
}
.overlay-container:hover .overlay,
.overlay-container:hover .overlay-links {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Responsive iframe
---------------------------------- */
.tp-caption .embed-responsive {
	overflow: visible;
}

/* Audio wrapper
---------------------------------- */
.audio-wrapper iframe {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}

/* Scroll Spy
---------------------------------- */
.scroll-spy {
	position: relative;
}

/* 6) Navigations
----------------------------------------------------------------------------- */
/* first level menu */
.navbar.navbar-default {
	border-radius: 0;
	margin: 12px 0 5px;
	background-color: #fafafa;
	border-color: #f1f1f1;
}
.header-small .navbar.navbar-default {
	margin: 0;
}

/* first level menu items */
.navbar-default .navbar-nav > li > a {
	color: #666666;
     border-left: 1px solid rgba(226,226,226,.2);
	font-size: 16px;
	font-weight: normal;
	padding: 14px 20px 12px 19px;
	z-index: 102;
	border: 1px solid transparent;
    /* border-left: 1px solid rgba(226,226,226,.2); */
	bottom: -1px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
/* Centra el menu  */
ul.navbar-nav {
	float: none;
	margin: 0 auto; 
	display: table;
	table-layout: fixed
}
.navbar-default .navbar-nav > li > a:hover {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    border: 1px solid #fff;
	background-color:#f2f2f2;
	color: #333;
}
.navbar-default .navbar-nav > li > a:active {
    border: 1px solid #fff;
	background-color:#f2f2f2;
	color: #333;
}


/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
	color: #666666;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a, .header .dropdown-menu a {
	text-decoration:none;
}
.default-bg.header .dropdown-menu, .default-bg.header .dropdown-menu a {
	color: #666;
}
.default-bg.header .dropdown-menu, .default-bg.header .dropdown-menu a:hover {
	color: #999999;
}

.default.header-top-dropdown .dropdown > button:hover {
	color: #666;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:#fafafa;
	border: 1px solid #fff;
	border-bottom:1px solid #fafafa;
    z-index: 1000;
}
#navbar_header {
    background-color: #ffffff;
    color: #666666;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {


	/*Default mobile menu
	------------------------------ */

	.default-bg.header .navbar-default, .default-bg.header .navbar-default a {
		color: #333;
	}

	/* first level items hover and focus states */
	.default-bg.header .navbar-default .navbar-nav > li > a:hover,
	.default-bg.header .navbar-default .navbar-nav > li > a:focus,
	.default-bg.header .navbar-default .navbar-nav > .active > a:hover,
	.default-bg.header .navbar-default .navbar-nav > .active > a:focus {
		color: #333;
		background-color:  #FFF;
	}

	/* first level items when opened */
	.default-bg.header .main-navigation .navbar-nav > .open > a,
	.default-bg.header .main-navigation .navbar-nav > .open > a:hover,
	.default-bg.header .main-navigation .navbar-nav > .open > a:focus	{
		color: #333;
		background-color: #f1f1f1;
	}

	/* second level menu */
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu {
		border: none;
	}
	/* second level items */
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
	}

	/* second level items on hover/focus */
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}
	.default-bg.header .navbar-default .navbar-nav > .dropdown.open > a:before {
		color: #ffffff;
	}
}
/* first level active menu items when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus {
	color: #666666;
	background-color: #fafafa;
	border: 1px solid #f1f1f1;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
	box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
}

/* first level active menu items when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
	background-color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {
	display: none;
}

/* second level menu */
.dropdown-menu {
	min-width: 220px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	background-color: #fafafa;
	/* -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08); */
	border: 1px solid #f1f1f1;
	z-index: 101;
}

/* second level menu items */
.dropdown-menu > li > a {
	padding: 12px 20px;
	font-size: 15px;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

/* li.dropdown a {
	border: 0px;
	padding: 5px;
} */
select, textarea,  input[type="text"]{
	border-radius: 5px !important;
}
input.flat {
	border-radius: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.input-group-addon {
	background-color: white;
	border-radius:  5px;
}
label.col-form-label{
	text-align: left !important;
}
ul.dropdown-menu {
	background-color: white;
}
/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
	background-color: #ffffff;
	color: #666666;
	border-color: #f1f1f1;
}

@media (min-width:480px) { 
/* categorie-dropdown begins on top 
   li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
		position: fixed; 
		height: 100%;
   }  */
}

nav ul a:hover {
		color: #666666 !important;
	}
/* third level menu */
.dropdown-menu .dropdown-menu {
	top: -1px;
	left: 100% !important;
	padding-top: 0;
	margin-left: 1px;
	border-left: none;
	border-top: 1px solid #f1f1f1;
}
span.quick-filter {
	padding: 5px;
	border-radius: 3px;
	font-size: 10px;
	margin-right: 5px; 
}
span.quick-filter span {
	color: white;
}

/* mega menu */
.mega-menu.dropdown {
	position: static;
}
.mega-menu .dropdown-menu {
	left: 0;
	top: 96%;
	width: 100%;
	padding: 20px 30px;
}

/* mega menu menu items */
.mega-menu .menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mega-menu h4.title {
	margin: 10px 0 5px;
	font-size: 14px;
	text-transform: uppercase;
}
.mega-menu .menu > li > a {
	padding: 5px 0;
	font-size: 15px;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
	display: block;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
	padding-right: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mega-menu .menu > li:last-child > a {
	border-bottom: none!important;
}
.mega-menu .menu > li > a:hover i,
.dropdown-menu > li > a:hover i {
	padding-left: 5px;
}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
	background-color: #ffffff;
	color: #666666;
	border-color: #f1f1f1;
	text-decoration: none;
}

/* arrows for parent menu items */
.dropdown>a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	left: auto;
	top: 16px;
	right: 6px;
	line-height: 1;
	color: #d1d1d1;
}
.navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #666666;
}
.navbar-default .navbar-nav > .dropdown.open > a:before {
	color: #e5e5e5;
}
.dropdown .dropdown>a:before {
	content: "\f105";
	right: 10px;
	top: 15px;
	margin-left: 0;
	visibility: visible;
	color: #666;
}
.dropdown .dropdown.open>a:before {
	color: #666666;
}

/* mobile menu toggle button */
.navbar-default .navbar-toggle {
	border-color: #ccc;
}

/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #666666;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #999;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #666666;
}

/*Dark Navigation*/
.dark.header .navbar.navbar-default {
	background-color: #27272A;
	border-color: #1f1f1f;
}
/* Dark navigation first level menu items */
.dark.header .navbar-default .navbar-nav > li > a {
	color: #e1e1e1;
}
/* Dark navigation first level active menu items on hover/focus */
.dark.header .navbar-default .navbar-nav > .active > a,
.dark.header .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
}
/* Dark navigation first level active menu items when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus {
	background-color: #27272a;
	border-color: #484848;
	border-bottom-color: #27272a;
	color: #ffffff;
}
/*Dark navigation second level menu items*/
.dark.header-top a {
	color: #ccc;
}
.dark.header-top ul li .link {
	color: #ccc;
}
.dark.header .dropdown-menu {
	background-color: #27272a;
	border: 1px solid #484848;
}
.dark.header-top .dropdown-menu {
	background-color: #36373c;
	border: 1px solid #3d3d3d;
	border-top-color: #36373c;
}
.dark.header-top .dropdown-menu .divider {
	background-color: #454545;
}
.dark.header .dropdown-menu > li > a {
	color: #cdcdcd;
	border-bottom: 1px solid #3d3d3d;
}
/*Dark navigation second level menu items on focus/hover and when opened */
.dark.header .dropdown-menu > li > a:hover,
.dark.header .dropdown-menu > li > a:focus,
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover,
.dark.header .nav .open > a:focus,
.dark.header .dropdown-menu > .active > a,
.dark.header .dropdown-menu > .active > a:hover,
.dark.header .dropdown-menu > .active > a:focus,
.dark.header .dropdown-menu .menu > .active > a,
.dark.header .dropdown-menu .menu > .active > a:hover,
.dark.header .dropdown-menu .menu > .active > a:focus {
	background-color: #36373C;
	color: #ffffff;
}
/*Dark navigation third level menu items*/
.dark.header .dropdown-menu .dropdown-menu {
	border-left: none;
}
/*Dark navigation mega-menu items*/
.dark.header h1,
.dark.header h2,
.dark.header h3,
.dark.header h4,
.dark.header h5,
.dark.header h6,
.dark.header span.h1,
.dark.header span.h2,
.dark.header span.h3,
.dark.header span.h4,
.dark.header span.h5,
.dark.header span.h6,
.dark.header p {
	color: #cdcdcd;
}
.dark.header .divider {
	background-color: #3d3d3d;
}
.dark.header .mega-menu .menu > li > a {
	color: #cdcdcd;
	border-bottom: 1px solid #3d3d3d;
}
/*Dark navigation mega menu menu items on focus/hover and when opened */
.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {
	background-color: #36373c;
	color: #ffffff;
}
/* Dark navigation arrows for parent menu items */
.dark.header .dropdown>a:before {
	color: #e1e1e1;
}
.dark.header .navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #ffffff;
}
.dark.header .navbar-default .navbar-nav > .dropdown.open > a:before {
	color: #666666;
}
.dark.header .dropdown .dropdown>a:before {
	color: #e1e1e1;
}
/* Dark navigation mobile menu toggle button */
.dark.header .navbar-default .navbar-toggle {
	border-color: #666666;
}

/* Dark navigation mobile menu toggle button on hover/focus */
.dark.header .navbar-default .navbar-toggle:hover,
.dark.header .navbar-default .navbar-toggle:focus {
	background-color: #36373c;
	border-color: #999999;
}
.dark.header .navbar-default .navbar-toggle .icon-bar {
	background-color: #666666;
}
.dark.header .navbar-default .navbar-toggle:hover .icon-bar,
.dark.header .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #999999;
}

/* dropdown animations */
.animated.main-navigation .open .dropdown-menu,
.open .dropdown-animation {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownSmall;
	animation-name: fadeInDownSmall;
}
.open .dropdown-animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.animated.main-navigation .dropdown-menu .open .dropdown-menu {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.main-navigation .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}

	/* first level menu */
	.navbar.navbar-default,
	.dark.header .navbar.navbar-default {
		background-color: transparent;
		border-color: transparent;
	}

	/* layout fixes */
	.main-navigation .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}
	.main-navigation .navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}
	.main-navigation .navbar-right > li:last-child > .dropdown-menu {
		right: 0;
		left: auto;
	}
}

/* Medium desktop devices and tablets */
@media (min-width:768px) and (max-width:1199px) {
	.main-navigation .container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}
}

/* Medium devices (tablets landscape to portrait) */
@media (min-width:768px) and (max-width:991px) {
	.main-navigation .navbar-nav {
		float: left !important;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
		left: -243px;
		width: 940px;
	}
}

/* Medium desktop devices */
@media (min-width:992px) and (max-width:1199px) {
	.navbar-default .navbar-nav > li > a {
		padding-right: 19px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	/* first level menu item */
	.main-navigation .navbar-nav > li {
		margin: 0;
	}
	.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
		left: -293px;
		width: 1140px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Mobile menu
	------------------------------ */
	/* active items */
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #666666;
		background-color: transparent;
	}

	/* first level items */
	.navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #f1f1f1;
	}
	.subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #141414;
	}
	.light .subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #ddd;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-bottom: 1px solid transparent;
	}

	/* first level items when opened */
	.main-navigation .navbar-nav > .open > a,
	.main-navigation .navbar-nav > .open > a:hover,
	.main-navigation .navbar-nav > .open > a:focus {
		border-color: transparent!important;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/* first level items hover and focus states */
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #666666;
		background-color: #fff;
	}

	/* second level menu */
	.navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #ffffff;
	}

	/* second level items */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 12px 15px 12px 40px;
		color: #666666;
		border-color: #fafafa;
	}

	/* second level items on hover/focus */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #666666;
	}

	/* third level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
		padding-left: 60px;
	}

	/* four level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
		padding-left: 80px;
	}

	/* Arrows for parent menu items */
	.dropdown>a:before {
		right: 32px;
	}
	.dropdown .dropdown>a:before {
		right: 36px;
	}

	/*Dark mobile menu
	------------------------------ */
	.dark.header .navbar-default .navbar-collapse,
	.dark.header .navbar-default .navbar-form {
		border-color: #1f1f1f;
	}
	/* active items */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #36373c;
	}
	/* first level items */
	.dark.header .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #3c3c3e;
	}

	/* first level active items */
	.dark.header .navbar-default .navbar-nav > .active > a,
	.dark.header .navbar-default .navbar-nav > .active > a:focus {
		color: #ffffff;
		background-color: #36373C;
	}

	/* first level items hover and focus states */
	.dark.header .navbar-default .navbar-nav > li > a:hover,
	.dark.header .navbar-default .navbar-nav > li > a:focus,
	.dark.header .navbar-default .navbar-nav > .active > a:hover,
	.dark.header .navbar-default .navbar-nav > .active > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}

	/* first level items when opened */
	.dark.header .main-navigation .navbar-nav > .open > a,
	.dark.header .main-navigation .navbar-nav > .open > a:hover,
	.dark.header .main-navigation .navbar-nav > .open > a:focus	{
		color: #ffffff;
		background-color: #36373c;
	}

	/* second level menu */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #27272a;
		border: none;
	}
	/* second level items */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		color: #cdcdcd;
		border-color: #3c3c3e;
	}

	/* second level items on hover/focus */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}
	.dark.header .navbar-default .navbar-nav > .dropdown.open > a:before {
		color: #ffffff;
	}
}

/* Header top navigation
---------------------------------- */
.header-top .navbar.navbar-default {
	margin: 0;
	min-height: 30px;
}
.header-top .navbar-default .navbar-nav > li > a {
	color: #999999;
	padding: 4px 20px;
}
.header-top .navbar-default .navbar-nav > li {
	border-right: 1px solid #999999;
}
.header-top .navbar-default .navbar-nav > li:last-child {
	border-right: none;
}

/* Subfooter navigation
---------------------------------- */
.subfooter .navbar {
	margin: 0;
	min-height: 0;
	background: transparent;
	border-color: transparent;
}
.subfooter .navbar-default .nav > li > a {
	padding: 10px 10px;
	text-transform: none;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
}
.subfooter .navbar-default .nav > li:last-child > a {
    bottom:-2px;
}
.subfooter .navbar-default .nav li:last-child a,
.light .subfooter .navbar-default .nav > li:last-child > a {
	border: none;
}
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
    border: 1px solid transparent;
	background-color: transparent;
	text-decoration: underline;
	color: #666666;
}
.subfooter .navbar-default .nav > li:last-child > a:hover {
border: none;
}
.subfooter .navbar-default .nav > li:hover {
border-right: 1px black solid;
}
.subfooter .navbar-default .nav > li:last-child {
    border: none;
}
.subfooter .navbar-default .nav > li > a:hover {
     text-decoration:none;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.subfooter .navbar-nav {
		float: none;
		margin: 15px 0;
		text-align: center;
	}
	.subfooter .navbar-nav > li {
		float: none;
		padding: 5px 0;
	}
	.subfooter .navbar-default .nav > li > a {
		padding: 0px 10px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	.subfooter {
		text-align: left;
	}
	.subfooter .navbar-nav {
		float: right;
		margin: 0;
		text-align: left;
	}
	.subfooter .navbar-nav > li {
		float: left;
		padding: 0;
		margin-top: 4px;
	}
	.subfooter .navbar-default .nav > li > a {
		border-right: 1px solid #333333;
	}
	.light .subfooter .navbar-default .nav > li > a {
		border-right: 1px solid #999999;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* subfooter nav */
	.subfooter .navbar-default .navbar-toggle:hover,
	.subfooter .navbar-default .navbar-toggle:focus {
		background-color: transparent;
		border-color: #888;
	}
	.light .subfooter .navbar-default .navbar-collapse {
		border-color: #ddd;
	}
	.subfooter .navbar-default .navbar-collapse {
		border-color: #000000;
	}
}

/* 7) Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo
---------------------------------- */
.logo img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.logo img:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.main-container .logo img {
	margin: 0 auto;
}
.header-small .logo img {
	max-height: 350px;
	margin: 2px 0 -4px 0;
}
.text-center .logo img {
	margin: 0 auto;
}
.site-slogan {
	font-size: 13px;
	font-style: italic;
	color: #999999;
}
.dark.header .site-slogan {
	color: #cdcdcd;
}
.main-container .site-slogan {
	color: inherit;
	text-align: center;
	margin-bottom: 20px;
}
.logo-footer {
	margin: 25px 0 20px;
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {
	.logo img,
	.header-small .logo img {
		margin: 0 auto;
	}
	.site-slogan {
		text-align: center;
	}
}

/* Call to action
---------------------------------- */
.call-to-action {
	padding: 10px 25px;
	text-align: center;
}
.call-to-action .btn {
	margin: 10px 5px;
}
.call-to-action .btn.btn-lg {
	margin-top: 15px;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.call-to-action .btn {
		display: block;
		width: 60%;
		margin: 10px auto;
	}
}

/* Boxes
---------------------------------- */
.box {
	text-align: center;
	margin: 0 10px 10px 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	font-size: 0;
	float: left;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box i {
	font-size: 36px;
	line-height: 60px;
}
.box.small {
	margin: 0 5px 5px 0;
	width: 45px;
	height: 45px;
}
.box.small i {
	font-size: 24px;
	line-height: 45px;
}
.box.gray-bg:hover {
	color: #666666;
}
.box.default-bg:hover {
	background-color: #fff;
	border: 1px solid #666666;
}
.box.default-bg:hover * {
	color: #666666;
}
.box.dark-bg:hover {
	background-color: #fff;
	border: 1px solid #666;
}
.box.dark-bg:hover * {
	color: #666;
}
.box-style-1 {
	text-align: center;
	padding: 20px;
	margin: 20px 0;
}
.grid-space-10 .box-style-1 {
	margin: 10px 0;
}
.box-style-1 i {
	font-size: 90px;
	margin: 15px 0 5px;
	text-align: center;
}
.box-style-1:not(.team-member):hover i {
	color: #666666;
	-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;
}
.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
	color: inherit;
}
.box-style-2 {
	margin-top: 20px;
}
.box-style-2 i {
	font-size: 36px;
	line-height: 60px;
}
.box-style-2 .icon-container {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-2 .body {
	margin-left: 80px;
}
.box-style-2 h2 {
	font-size: 24px;
	margin-top: 0;
}
.box-style-2:hover .icon-container {
	border: 1px solid #666;
}
.box-style-2:hover .default-bg {
	background-color: #fff;
	border: 1px solid #666666;
}
.box-style-2:hover .default-bg * {
	color: #666666;
}
.box-style-2:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-2:hover .dark-bg * {
	color: #666;
}
.box-style-2:hover .white-bg * {
	color: #666666;
}
.box-style-3 {
	margin-top: 20px;
}
.box-style-3 i {
	font-size: 22px;
	line-height: 45px;
}
.box-style-3 .icon-container {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-3 .body {
	margin-left: 80px;
}
.box-style-3 h2 {
	font-size: 20px;
	margin-top: 0;
}
.box-style-3:hover .icon-container {
	border: 1px solid #666;
}
.box-style-3:hover .default-bg {
	background-color: #fff;
	border: 1px solid #666666;
}
.box-style-3:hover .default-bg * {
	color: #666666;
}
.box-style-3:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-3:hover .dark-bg * {
	color: #666;
}
.box-style-3:hover .white-bg * {
	color: #666666;
}
.panel-body i {
	width: 35px;
	text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.box-style-3.right .icon-container {
		float: right;
	}
	.box-style-3.right .body {
		margin-right: 80px;
		text-align: right;
		margin-left: 0;
	}
}

/* Image Boxes
---------------------------------- */
.image-box {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
}
.grid-space-0 .image-box {
	border: none;
}
.image-box h3.title {
	margin-top: 0;
}
.image-box .btn {
	white-space: normal;
	border-color: transparent;
}
.image-box .btn-block {
	margin: 0;
}
.image-box-body {
	padding: 20px 15px 15px;
}

/* Tags cloud block
---------------------------------- */
.tags-cloud {
	font-size: 0;
}
.tag {
	display: inline-block;
	margin: 0 3px 3px 0;
}
.tag a {
	padding: 5px 10px;
	color: #999;
	display: block;
	font-size: 12px;
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
}
.tag a:hover {
	color: #ffffff;
	background-color: #666666;
	border-color: #666666;
	text-decoration: none;
}
footer:not(.light) .footer-content .tag a,
.dark-bg .tag a {
	background-color: transparent;
	border-color: #555;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Social icons block
---------------------------------- */
.social-links {
	list-style: none;
	font-size: 0;
	padding: 0;
	margin: 40px 0 20px 0;
}
.social-links li {
	display: inline-block;
	margin: 0 2px 2px 0;
}
.social-links li a {
	width: 45px;
	height: 45px;
	display: block;
	text-align: center;
	font-size: 20px;
	background: #666666;
	border: 1px solid #666666;
	color: #fff;
}
.social-links.large li a {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.social-links.light li a {
	background: #fafafa;
	border: 1px solid #f3f3f3;
	color: inherit;
}
.social-links.dark li a {
	background: #454545;
	border: 1px solid #333333;
	color: #acacac;
}
.social-links.radius-5px li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.social-links.circle li a {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.social-links li a:hover {
	background-color: transparent;
	border-color: #999999;
	color: #999999;
}
.social-links.dark li a:hover {
	background: #fafafa;
	border: 1px solid #acacac;
	color: inherit;
}
.social-links.light li a:hover {
	border: 1px solid #d2d2d2;
	color: #333333;
}
.social-links li a i {
	line-height: 44px;
}
.social-links.large li a i {
	line-height: 60px;
}
.header-top .social-links {
	margin: 0;
}
.header-top .social-links li {
	padding: 3px 5px 2px;
	border-right: 1px solid #e3e3e3;
	margin: 0;
}
.header-top .social-links li:hover {
	background-color: #fafafa;
}
.header-top .social-links li a {
	font-size: 16px;
}
.header-top .social-links li:last-child {
	border-right: none;
}
.header-top .social-links li a {
	border: none;
	width: 25px;
	height: 30px;
	color: #999999;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li a:hover {
	color: #999999;
}
.header-top .social-links li a i {
	line-height: 30px;
}
.dark.header-top .social-links li {
	border-right: 1px solid #3d3d3d;
}
.dark.header-top .social-links li:last-child {
	border-right: none;
}
.dark.header-top .social-links li:hover {
	background-color: transparent;
}
.dark.header-top .social-links li a {
	color: #999999;
}
.footer-content .social-links {
	margin: 20px 0;
}
.footer-content .social-links li {
	margin: 0 5px 5px 0;
}
.footer-content .social-links li a {
	color: #666;
	background-color: transparent;
	border-color: #666;
}
.footer-content .social-links li a:hover {
	color: #fff;
	background-color: #666;
	border-color: #666;
}
.social-links li.twitter a:hover,
.colored.social-links li.twitter a {
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;
}
.social-links li.skype a:hover,
.colored.social-links li.skype a {
	background-color: #00aff0;
	border-color: #00aff0;
	color: #fff;
}
.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {
	background-color: #0976b4;
	border-color: #0976b4;
	color: #fff;
}
.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {
	background-color: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}
.social-links li.youtube a:hover,
.colored.social-links li.youtube a {
	background-color: #b31217;
	border-color: #b31217;
	color: #fff;
}
.social-links li.flickr a:hover,
.colored.social-links li.flickr a {
	background-color: #ff0084;
	border-color: #ff0084;
	color: #fff;
}
.social-links li.facebook a:hover,
.colored.social-links li.facebook a {
	background-color: #3b5998;
	border-color: #3b5998;
	color: #fff;
}
.social-links li.pinterest a:hover,
.colored.social-links li.pinterest a {
	background-color: #cb2027;
	border-color: #cb2027;
	color: #fff;
}
.social-links li.instagram a:hover,
.colored.social-links li.instagram a {
	background-color: #517fa4;
	border-color: #517fa4;
	color: #fff;
}
.social-links li.vimeo a:hover,
.colored.social-links li.vimeo a {
	background-color: #aad450;
	border-color: #aad450;
	color: #fff;
}
.social-links li.tumblr a:hover,
.colored.social-links li.tumblr a {
	background-color: #32506d;
	border-color: #32506d;
	color: #fff;
}
.social-links li.soundcloud a:hover,
.colored.social-links li.soundcloud a {
	background-color: #ff3a00;
	border-color: #ff3a00;
	color: #fff;
}
.social-links li.foursquare a:hover,
.colored.social-links li.foursquare a {
	background-color: #0072b1;
	border-color: #0072b1;
	color: #fff;
}
.social-links li.dribbble a:hover,
.colored.social-links li.dribbble a {
	background-color: #ea4c89;
	border-color: #ea4c89;
	color: #fff;
}
.social-links li.behance a:hover,
.colored.social-links li.behance a {
	background-color: #053eff;
	border-color: #053eff;
	color: #fff;
}
.social-links li.vine a:hover,
.colored.social-links li.vine a {
	background-color: #00a478;
	border-color: #00a478;
	color: #fff;
}
.social-links li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a {
	background-color: #f74425;
	border-color: #f74425;
	color: #fff;
}
.header-top .social-links li.twitter a:hover {
	color: #55acee;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.skype a:hover {
	color: #00aff0;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.linkedin a:hover {
	color: #0976b4;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.googleplus a:hover {
	color: #dd4b39;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.youtube a:hover {
	color: #b31217;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.flickr a:hover {
	color: #ff0084;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.facebook a:hover {
	color: #3b5998;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.pinterest a:hover {
	color: #cb2027;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.instagram a:hover {
	color: #517fa4;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.vimeo a:hover {
	color: #aad450;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.tumblr a:hover {
	color: #32506d;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.soundcloud a:hover {
	color: #ff3a00;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.foursquare a:hover {
	color: #0072b1;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.dribbble a:hover {
	color: #ea4c89;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.behance a:hover {
	color: #053eff;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.vine a:hover {
	color: #00a478;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.stumbleupon a:hover {
	color: #f74425;
	background-color: transparent;
	border-color: transparent;
}
.social-links .dropdown>button {
	padding: 6px 15px 5px;
	font-size: 16px;
	color: #999;
	text-align: center;
	min-width: 0;
	margin: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.social-links .dropdown>button i {
	width: 15px;
}
.social-links .dropdown.open>button>i:before {
	content: "\f00d";
	color: #666666;
}
.social-links .dropdown-menu {
	z-index: 103;
	padding: 0px;
	min-width: 290px;
	margin-top: 1px;
	font-size: 0;
	box-shadow: none;
	background-color: #fafafa;
}
.social-links .dropdown-menu li a,
.social-links .dropdown-menu li a i {
	padding: 0;
}

/* Header top dropdowns
---------------------------------- */
.header-top-dropdown {
	float: right;
	font-size: 0;
	text-align: right;
}
.header-top-dropdown .dropdown>button {
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid transparent;
}
.dark .header-top-dropdown .dropdown>button {
	border-right: 1px solid #515151;
}
.header-top-dropdown .dropdown:last-child>button {
	border-right-color: transparent;
}
.header-top-dropdown .dropdown>button {
	padding: 8px 10px;
	margin: 0;
	font-size: 12px;
	color: #999;
	text-align: center;
	min-width: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: none;
}
.dark.header-top .header-top-dropdown .dropdown>button {
	border-right: 1px solid #3d3d3d;
}
.dark.header-top .header-top-dropdown .dropdown:last-child>button {
	border-right-color: transparent;
}
.header-top-dropdown .dropdown>button i {
	padding-right: 5px;
	width: 15px;
}
.header-top-dropdown .dropdown.open>button,
.header-top-dropdown .dropdown>button:hover {
	color: #666666;
	background-color: #fafafa;
	border-right-color: #e3e3e3;
}
.dark.header-top .header-top-dropdown .dropdown.open>button,
.dark.header-top .header-top-dropdown .dropdown>button:hover {
	color: #FFFFFF!important;
	background-color: #36373C;
	border-right-color: #3d3d3d;
}
.dark.header .header-top-dropdown .dropdown.open>button,
.dark.header .header-top-dropdown .dropdown>button:hover {
	color: #FFFFFF!important;
	background-color: #36373C;
	border-right-color: #515151;
}
.header-top-dropdown .dropdown:first-child.open>button,
.header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: #e3e3e3;
}
.dark.header-top .header-top-dropdown .dropdown:first-child.open>button,
.dark.header-top .header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: #3d3d3d;
}
.header .header-top-dropdown .dropdown>button {
	padding: 3px 10px;
}
.header .header-top-dropdown .dropdown.open>button,
.header .header-top-dropdown .dropdown>button:hover {
	background-color: transparent;
}
.header .header-top-dropdown .dropdown:first-child.open>button,
.header .header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: transparent;
}
.header .header-top-dropdown .dropdown:last-child.open>button,
.header .header-top-dropdown .dropdown:last-child>button:hover {
	border-right-color: transparent;
}
.header .header-top-dropdown .dropdown-menu {
	margin-top: 27px;
}
.header-top-dropdown .dropdown-menu {
	z-index: 1100;
	padding: 20px;
	min-width: 280px;
	margin-top: 0px;
}
.header-top-dropdown .search-box .form-group {
	margin-bottom: 0;
}
.header-top-dropdown form {
	margin: 0;
}
.header-top-dropdown .login-form span {
	margin: 0 3px;
}
.header-top-dropdown .login-form ul {
	padding-left: 0;
	list-style-position: inside;
	padding: 5px 0;
}
.header-top-dropdown .login-form .social-links {
	display: inline-block;
	margin: 0;
}
.dark .header-top-dropdown .login-form a {
	color: #cdcdcd;
	text-decoration: underline;
}
.dark .header-top-dropdown .login-form a:hover {
	text-decoration: none;
}
.header .header-top-dropdown {
	margin-top: 19px;
}
.dark.header .header-top-dropdown {
	color: #cdcdcd;
}
.fixed-header-on .header .header-top-dropdown {
	margin-top: 13px;
}
.fixed-header-on .header .header-top-dropdown .dropdown-menu {
	margin-top: 19px;
}

/* Small devices (tablets, 480px and below) */
@media (max-width: 480px) {
	.header-top-dropdown .btn-group {
		position: static;
	}
	.header-top-dropdown .dropdown-menu {
		right: 15px!important;
		width: 100%;
	}
}

/* Sidebar/footer gallery block
---------------------------------- */
.gallery.row {
	margin-left: -5px;
	margin-right: -5px;
}
.gallery-item {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

/* Latest tweets block
---------------------------------- */
ul.tweets {
	list-style: none;
	padding: 0;
}
ul.tweets li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 35px;
}
ul.tweets li i {
	position: absolute;
	top: 4px;
	left: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #666666;
}
ul.tweets li p {
	margin-bottom: 5px;
}
ul.tweets li span {
	font-size: 12px;
	color: #666666;
}

/* Testimonials
---------------------------------- */
.testimonial {
	margin: 25px 0;
}
.well .testimonial,
.owl-item .testimonial {
	margin: 0;
}
.testimonial h2 {
	margin-bottom: 25px;
}
.testimonial-image {
	max-width: 160px;
	float: left;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.testimonial-body {
	padding: 15px;
}
.testimonial-image + .testimonial-body {
	margin-left: 180px;
}
.testimonial-info-1 {
	font-size: 13px;
	color: #000;
	font-style: italic;
}
.testimonial-info-2 {
	font-size: 13px;
	color: #000;
	font-weight: 700;
}
.dark-bg .testimonial-info-1,
.dark-bg .testimonial-info-2,
.default-bg .testimonial-info-1,
.default-bg .testimonial-info-2,
.dark-translucent-bg .testimonial-info-1,
.dark-translucent-bg .testimonial-info-2 {
	color: inherit;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.testimonial-image {
		max-width: 80px;
	}
	.testimonial-image + .testimonial-body {
		padding: 0 15px;
		margin-left: 100px;
	}
}

/* Isotope filtering
---------------------------------- */
.isotope-container {
	display: none;
	margin-bottom: 40px;
}
.isotope-item {
	margin-bottom: 30px;
}
.grid-space-20 .isotope-item {
	margin-bottom: 20px;
}
.grid-space-10 .isotope-item {
	margin-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.isotope-item {
		max-width: 100%;
	}
}

/* Stats
---------------------------------- */
.stat-num {
	font-size: 36px;
	font-weight: 700;
	display: block;
}

/* Pricing tables
---------------------------------- */
.pricing-tables {
	margin: 60px 0 0;
}
.plan {
	text-align: left;
	border: none;
	margin-bottom: 40px !important;
    padding: 0;
}
.plan + .plan {
	border-left: none;
}
.plan .header {
	padding: 8px 15px;
	margin: 0;
	font-weight:bold;
}
.plan .header h3 {
	display: inline-block;
	font-size: 24px;
	margin: 0;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #494949;
}
.plan .header .price {
	display: inline-block;
	font-size: 16px;
	padding: 10px 0 0;
	font-weight: 400;
	color: inherit;
}
.plan .header .price span {
	text-transform: uppercase;
}
.plan .content {
	padding: 8px 20px;
}
.plan ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
}
.plan ul li {
    padding:5px 20px 5px 20px;
	font-size: 90%;
	line-height: 180%;
	text-shadow: 1px 1px 0 #fff;
}
.plan ul li a.pt-popover {
	color: #000;
	border-bottom: 1px dashed #000;
	position: relative;
}
.plan ul li a.pt-popover:hover {
	text-decoration: none;
}
.plan ul li a.pt-popover:after {
	position: absolute;
	top: 0px;
	left: -15px;
	font-family: "FontAwesome";
	content: "\f059";
	color: #DDDDDD;
	font-size: 12px;
}
.best-value.plan ul li {
	padding: 15px 0;
}
.plan .popover {
	width: 250px;
	font-size: 13px;
	text-align: center;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.plan .popover-title {
	background-color: #666666;
	color: #ffffff;
	text-shadow: none;
	font-size: 13px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.plan .popover-content {
	font-size: 12px;
}
.plan .btn {
	text-shadow: none;
}
.plan .border {
	border: 1px solid #eee;
}
.gray .plan {
	border-top: 1px solid #c5c5c5;
	background-color: #f1f1f1;
	-webkit-box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);
	box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);
}
.gray .plan .header {
	background: #fafafa;
	border: 1px solid #cacaca;
	width: 150px;
	height: 150px;
	margin: 15px auto;
	border-radius: 100%;
}
.gray .plan .header h3 {
	color: #666666;
	display: block;
	margin-top: 30px;
}
.gray .plan .header .price {
	font-size: 24px;
	padding-top: 5px;
}
.gray .plan ul {
	background: #f1f1f1;
	border-top: 1px solid #e4e4e4;
}
.gray .plan ul li {
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #f8f8f8;
	color: #333333;
}
.white .plan {
	border-color: #f3f3f3;
}
.white .plan .header {
	color: #fff;
	background: #666666;
}
.white .plan .header h3 {
	color: #fff;
}
.white .plan ul {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	background-color: #fbfbfb;
}
.white .plan ul li {
	border-bottom: 1px solid #f5f5f5;
}
.stripped .header {
	background: #ccc;
	border: none;
	-webkit-box-shadow: 0px 0px 60px #333 inset;
	-moz-box-shadow: 0px 0px 60px #333 inset;
	box-shadow: 0px 0px 60px #333 inset;
	color: #fff;
}
.stripped .header h3 {
	color: #fff;
}
.stripped .plan ul {
	-webkit-box-shadow: 0px 0px 32px 0px #cacaca inset;
	-moz-box-shadow: 0px 0px 32px 0px #cacaca inset;
	box-shadow: 0px 0px 32px 0px #cacaca inset;
	background: #fdfdfd;
}
.stripped .plan ul li {
	border: 1px solid #ececec;
	border-top: none;
	color: #333;
}
.stripped .plan ul li:nth-child(even) {
	-webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;
	-moz-box-shadow: 0px 0px 40px #e4e4e4 inset;
	box-shadow: 0px 0px 40px #e4e4e4 inset;
	background: #ffffff;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.best-value.plan {
		top: -30px;
		position: relative;
	}
}

/* Google maps
---------------------------------- */
#map-canvas {
	height: 450px;
}
.sidebar #map-canvas {
	height: 350px;
}
#map-canvas img {
	max-width: inherit;
}

/* Scroll to top
---------------------------------- */
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	background-color: #000000;
	z-index: 1005;
	display: none;
}
.scrollToTop i {
	line-height: 50px;
	font-size: 24px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.scrollToTop {
		width: 40px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.scrollToTop i {
		line-height: 40px;
		font-size: 20px;
	}
}

/* 8) Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution
---------------------------------- */
.slider-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.slider-banner,
.slider-banner-2,
.slider-banner-3,
.slider-banner-fullscreen {
	width: 100%;
	position: relative;
}
.slider-banner>ul,
.slider-banner-2>ul,
.slider-banner-3>ul,
.slider-banner-fullscreen>ul {
	display: none;
}
.slider-img {
	border:solid 2px  #666666;
}
.tp-loader.spinner0 {
	background: url("/static/skins/iDea/images/loader.gif") no-repeat center center;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-animation: none;
	animation: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	margin-left: -22px;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
	background-color: #666666;
	box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
}
.slideshow-boxed {
	padding: 20px 0 60px;
}
.slideshow-boxed .slider-banner-container {
	padding: 10px;
	background: #fff;
	border: 1px solid #eaeaea;
}
.slideshow-boxed .tp-caption {
	margin-left: 20px !important;
}

/* Slider Revolution captions */
.tp-caption {
	z-index: 5;
    overflow:hidden;
    text-overflow: ellipsis;
}

/* input.btn, a.btn-default {
	border: 0px !important;
} */
.tp-caption a.btn,
.tp-caption a.btn:hover {
	color: #ffffff;
}
.default_bg {
	background-color: #666666;
	color: #fff;
}
.white_bg {
	background-color: #ffffff;
	color: #333333;
}
.dark_gray_bg {
	background-color: #666666;
	color: #fff;
}
.light_gray_bg {
	background-color: #fafafa;
	color: #333;
	border: 1px solid #f3f3f3!important;
	border-left: none!important;
}
.tp-caption.small_thin_white {
	font-size: 18px;
	line-height: 26px;
	color: #e1e1e1;
	font-weight: 300;
	text-shadow: 1px 1px 1px #000000;
}
.tp-caption.small_thin_dark {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
}
.tp-caption.large {
	font-size: 36px;
	padding: 0px 15px;
}
.tp-caption.medium {
	font-size: 22px;
	padding: 2px 10px;
}
.tp-caption.small {
	font-size: 14px;
	padding: 5px;
}

/* Large devices (Large desktops less than 1199px) */
@media (max-width:1199px) {
	.tp-caption {
		margin-left: 20px !important;
	}
}

/* Revolution Nav Controls */
.tparrows.round {
	background-image: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50% !important;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.tparrows.round:before {
	font-family: 'fontello';
	font-size: 24px;
	content: '\e87c';
	line-height: 52px;
	display: inline-block;
}
.tparrows.round.tp-rightarrow:before {
	content: '\e87d';
}
.tparrows.round:hover {
	color: #ffffff;
	background-color: #666666;
}
.slideshow-boxed .slider-banner-container .tparrows {
	opacity: 0;
	filter: alpha(opacity=0);
}
.slideshow-boxed .slider-banner-container:hover .tparrows {
	opacity: 1;
	filter: alpha(opacity=100);
}
.tp-bullets {
	z-index: 100;
}
.tp-bullets.simplebullets.round .bullet {
	background-image: none;
	width: 14px;
	height: 14px;
	background: rgba(0, 0, 0, 0.5);
	border: none;
	margin: 0 3px;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.bullets-with-bg + .tp-bullets.preview4 {
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	padding: 5px 15px;
	bottom: -6px !important;
	border-radius: 3px;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
	background-color: #666666;
}
.tp-bannertimer {
	background-image: none;
	background-color: rgba(232, 76, 61, 0.7);
	z-index: 100;
	display: none;
}
.slideshow-boxed .tp-bullets {
	bottom: -33px !important;
}
.slideshow-boxed .bullets-with-bg + .tp-bullets.preview4 {
	padding: 7px 15px 2px;
	bottom: -45px !important;
}
.slideshow-boxed .tp-rightarrow {
	right: 10px !important;
}
.slideshow-boxed .tp-leftarrow {
	left: 10px !important;
}
.slideshow-boxed .tp-bullets.hidebullets {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.tparrows,
	.tp-bullets {
		display: none;
	}
}

/* 10) IE 8 Support
----------------------------------------------------------------------------- */
.ie8 .tp-caption{
	line-height: 1.5!important;
}
.ie8 .overlay {
	background-color: rgb(241, 241, 241);
	display: none;
	opacity: 0.8!important;
	filter: alpha(opacity=80)!important;
}
.ie8 a.overlay i {
	display: none;
}
.ie8 .overlay-container:hover a.overlay i,
.ie8 .overlay-container:hover .overlay {
	display: block;
}
span.original_price {
text-decoration: line-through;
}
/* 11) margin/padding Helpers
----------------------------------------------------------------------------- */
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mtop-0 { margin-top:0!important; }
.mright-0 { margin-right:0!important; }
.mbottom-0 { margin-bottom:0!important; }
.mleft-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mtop-1 { margin-top:.25rem!important; }
.mright-1 { margin-right:.25rem!important; }
.mbottom-1 { margin-bottom:.25rem!important; }
.mleft-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mtop-2 { margin-top:.5rem!important; }
.mright-2 { margin-right:.5rem!important; }
.mbottom-2 { margin-bottom:.5rem!important; }
.mleft-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mtop-3 { margin-top:1rem!important; }
.mright-3 { margin-right:1rem!important; }
.mbottom-3 { margin-bottom:1rem!important; }
.mleft-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mtop-4 { margin-top:1.5rem!important; }
.mright-4 { margin-right:1.5rem!important; }
.mbottom-4 { margin-bottom:1.5rem!important; }
.mleft-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mtop-5 { margin-top:3rem!important; }
.mright-5 { margin-right:3rem!important; }
.mbottom-5 { margin-bottom:3rem!important; }
.mleft-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mtop-auto { margin-top:auto!important; }
.mright-auto { margin-right:auto!important; }
.mbottom-auto { margin-bottom:auto!important; }
.mleft-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }
.p-6 { padding:4rem!important; }
.p-7 { padding:5rem!important; }
.p-8 { padding:6rem!important; }
.p-9 { padding:7rem!important; }
.p-10 { padding:8rem!important; }

.ptop-0 { padding-top:0!important; }
.pright-0 { padding-right:0!important; }
.pbottom-0 { padding-bottom:0!important; }
.pleft-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.ptop-1 { padding-top:.25rem!important; }         
.pright-1 { padding-right:.25rem!important; }                       
.pbottom-1 { padding-bottom:.25rem!important; }      
.pleft-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.ptop-2 { padding-top:.5rem!important; }         
.pright-2 { padding-right:.5rem!important; }                                
.pbottom-2 { padding-bottom:.5rem!important; }               
.pleft-2 { padding-left:.5rem!important; }        
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.ptop-3 { padding-top:1rem!important; }                               
.pright-3 { padding-right:1rem!important; }             
.pbottom-3 { padding-bottom:1rem!important; }                
.pleft-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.ptop-4 { padding-top:1.5rem!important; }                             
.pright-4 { padding-right:1.5rem!important; }               
.pbottom-4 { padding-bottom:1.5rem!important; }              
.pleft-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.ptop-5 { padding-top:3rem!important; }   
.pright-5 { padding-right:3rem!important; } 
.pbottom-5 { padding-bottom:3rem!important; }    
.pleft-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.ptop-6 { padding-top:4rem!important; }   
.pright-6 { padding-right:4rem!important; } 
.pbottom-6 { padding-bottom:4rem!important; }    
.pleft-6 { padding-left:4rem!important; }  
.px-6 { padding-right:4rem!important;padding-left:4rem!important; }
.py-6 { padding-top:4rem!important;padding-bottom:4rem!important; }

.ptop-7 { padding-top:5rem!important; }   
.pright-7 { padding-right:5rem!important; } 
.pbottom-7 { padding-bottom:5rem!important; }    
.pleft-7 { padding-left:5rem!important; }  
.px-7 { padding-right:5rem!important;padding-left:5rem!important; }
.py-7 { padding-top:5rem!important;padding-bottom:5rem!important; }

.ptop-8 { padding-top:6rem!important; }   
.pright-8 { padding-right:6rem!important; } 
.pbottom-8 { padding-bottom:6rem!important; }    
.pleft-8 { padding-left:6rem!important; }  
.px-8 { padding-right:6rem!important;padding-left:6rem!important; }
.py-8 { padding-top:6rem!important;padding-bottom:6rem!important; }

.ptop-9 { padding-top:7rem!important; }   
.pright-9 { padding-right:7rem!important; } 
.pbottom-9 { padding-bottom:7rem!important; }    
.pleft-9 { padding-left:7rem!important; }  
.px-9 { padding-right:7rem!important;padding-left:7rem!important; }
.py-9 { padding-top:7rem!important;padding-bottom:7rem!important; }

.ptop-10 { padding-top:8rem!important; }
.pright-10 { padding-right:8rem!important; }
.pbottom-10 { padding-bottom:8rem!important; }
.pleft-10 { padding-left:8rem!important; }                             
.px-10 { padding-left:8rem!important;padding-right:8rem!important; }
.py-10 { padding-top:8rem!important;padding-bottom:8rem!important; }


/* 12) Unipromos Moduls
----------------------------------------------------------------------------- */
/* Unipromos header */
div.cart_size {
    font-size:11px;
    font-weight: bold ;
    margin-top:-11px;
    margin-left:22px;
}
#col_headerlogo {
    height: 30px;
}
#col-headersearch a#cart-icon {
    position: relative;
    top: 5px;
    text-decoration: none;
}
a#cart-icon:hover {
    text-decoration: none;
}
#shopping-cart-icon {
    color: black;
}

#shopping-cart-icon:hover {
    color: #666;
}
.badge#shoppingCartItems {
    background-color: #666;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -18px;
    padding-top: 3px;
    margin-left: -10px;
    width: 22px;
    height: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
	border-radius: 22px;
}
#user-icon {
	color: #555555;
	position: absolute;
}
#user-icon:hover {
	color: #666;
	position: absolute;
}
a#user-btn {
  text-decoration: none;
}

div.wishlist-elev {
	position: relative; 
	top: -5px;
	left: 10px;
}
#wishlist-count {
	position: relative; 
	top: -5px; 
	left: -18px;
	font-size: 12px;
	color: white;
}
#header_searchfield {
    display: flex;
}
button#submit_search {
    min-width: 48px;
    width: 48px;
    height: 40px;
    margin-top: 0px
}
input.keyword-search {
	background-color: #f6f6f6;
	border-radius: 15px !important;
    border: 0px;
}
#submit_search {
	margin-left: -20px;
	z-index: 1000;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;

}

#link_cesta\ header_cart {
    min-width: 48px;
    width: 48px;
    height: 40px;
    margin-top: 0px;
    float: right;
    background-color: transparent;
    border-color: transparent;
}

.idea_top#shoppingCartItems {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding-top:5px;
}
form.header-search {
        text-align: right;
        margin-top: 0;
        padding-left: 40px;
    }

form.header-search button#submit {
    display: inline-block;
    vertical-align: top;
    margin-top: -40px;
        min-width: 0;
    height: 40px;
    }
#submit_basic {
        padding: 10px 110px 0 0;
        color: #666666;
    }
form#f1 {
    margin: 0px;
    width: 80%;
    float: left;
  }

@media (max-width:530px) {
  form#f1 {
    width: 70%;
  }
}
#mobile-floating-cart h3 {
        color: #999999;
    }
form.header-search {
       margin-bottom:0;
     }
#col-headersearch {
       padding-top:20px;
       color: #666666;
    }
@media (min-width: 992px) {
    .header-contact {
        position: relative;
        font-size: 1.2em;
    }

    .vcenter {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .child {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}
/* End Unipromos header */

/* Unipromos cart-sidebar */
#cart-sidebar {
		display: none;
		overflow-y: auto;
		background-color: rgba(255, 255, 255, 0.95);
		padding: 10px;
		position: fixed;
		z-index: 10000;
		right: 0;
		top: 0;
		width: 30%;
		height: 100%;
		-webkit-box-shadow: -3px 0 3px 0 rgba(186, 186, 186, 1);
		-moz-box-shadow: -3px 0 3px 0 rgba(186, 186, 186, 1);
		box-shadow: -3px 0 3px 0 rgba(186, 186, 186, 1);
}
@media (max-width:992px) {
#cart-sidebar {
    width: 100%;
  }
}
#cart-sidebar {
		text-align: center;
}
#cart-products > tr > td > a > i {
  color: $complementarytext-color;
  font-size: 16px;
  }
#cart-products > tr > td {
  text-align: right;
  }
#cart-sidebar > table > thead > tr > th {
  background-color: white;
  color: $title-color;
  text-align: center;
  }
/* End Unipromos cart-sidebar */

/* Unipromos suggestions */
div.keyword-search-results {
  position: absolute;
  display: none;
  z-index: 9999 !important;
  margin-top: -10px;
  width: calc(80% - 24px);
  border: 1px solid #e3e1e1;
  background-color: white;
  -webkit-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0 10px 20px 0px rgba(0,0,0,0.25);
}
table.suggestions {
  width: 100%;
}
table.suggestions tr.suggestion-heading {
    font-size: 10px;
    letter-spacing: 1.5px;
}
table.suggestions tr.suggestion-heading td {
  text-align: left;
  padding-left: 20px;
  border-top: 1px solid #f1f1f1;
  }
table.suggestions tr[data-selected="true"] {
  background-color: #666 !important;
    color: #FFF !important;
}
table.suggestions tr[data-selected="true"] td a {
  color: #FFF !important;
}


table.suggestions td img {
  width: 60px;
}

table.suggestions td a {
  color: #202020 !important;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

table.suggestions td a:hover {
  color: #202020;
  text-decoration: none;
}
table.suggestions td b a {
  color: #333;
  padding-left: 80px;
}
table.suggestions td.price {
  font-size: 12px;
  text-align: righ
}
table.suggestions tr:hover {
  cursor: pointer;
  background-color: #f1f1f1 !important;
  color: #202020 !important;
}
table.suggestions tr:hover td a, table.suggestions tr:hover td {
  color: #202020 !important;
}
table.suggestions td {
    vertical-align: middle !important;
    padding: 4px 8px;
   text-align: left;
}

/* End Unipromos suggestions */
/* Unipromos Categories Dropdown */
#nav_cats > div {
top:45px;
}
div.dropdown-menu  {
    border: 1px solid #999999;
	z-index: 999;
	}
.categorias_tiles {
    color:#999999;
    background-color: #f2f2f2;
	font-weight:bold;
	margin: 5px 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-position:left center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	border-radius: 0px;
	position: relative;
	padding-left: 55px;
	padding-top: 14px;
	overflow: hidden;
	height:52px;
}

.categorias_tiles:hover {
 	    color:#fff;
		background-color: #384044;

    }
.categorias_tiles:hover {
 	    color:#ffffff;
		background-color: #666666;
    }
/* End Unipromos Categories Dropdown */

/* Unipromos Homepage: Banner, Content */
.banner {
	margin-bottom: 50px;
}

#mainpage {
	margin-bottom: 0;
}
/* End Unipromos Homepage: Banner, Content */
#categories-front {
	background-color:#fff;
	border-bottom:2px #ccc solid;
	text-align:center;
}
#basic_search_form {
	text-align:center;
	margin-top: 10px;

}
#submit_basic {color:#333;cursor:pointer;}

.fixed-header-on .header.fixed div.form-group, .fixed-header-on .header.fixed #submit_basic  {
	margin-bottom: 0;
	margin-top: -7px;
}
#shop_caption, #shop_caption a {
	color: #919191;
}
/* barra de cookies */

.cc_div .c-bn:not(#s-c-bn) {
  background: var(--cc-btn-primary-bg) !important;
  color: var(--cc-btn-primary-text) !important;
  }

/* End Barra ley de cookies */
/* Unipromos Home Slider */

/* errors */
input.error, textarea.error, select.error {
    background-color: #f2dede; color: #000000
}
span.error {
    display: block; color: red; font-weight:bold;
}
 div.search_heading {
	 font-size:x-small;
	 text-align:right;
	 padding: 8px;
    font-weight: bold;
	color: #ADADAD;
}
.bx-wrapper .bx-viewport {
		border: none;
}
div.cost_refresh {
	padding-left:0;
}
div.cost_refresh:hover {
	cursor:pointer;
	cursor: hand;
}
div.cost_refresh img {
	margin-top:4px;
}
div.g-recaptcha {
	margin:0;
}
.owl-carousel-home {
	margin-top: -25px;
}
.owl-carousel-home img {
    margin-left:auto;
    margin-right:auto;

}
.owl-controls .owl-page span {
	background: #acacac;
	}
#rgpd_notice {
	padding-top:50px;
}
/* Smoothproducts CSS */
/* Needed for the lightbox */

html, body {
	height: 100%;
	width: 100%;
}

/* CSS for the loading div */

.sp-loading {
	text-align: center;
	max-width: 270px;
	padding: 15px;
	border: 5px solid #eee;
	border-radius: 3px;
	font-size: 12px;
	color: #888;
}

/* Element wrapper */

.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	background: #eee;
	border: 5px solid #eee;
	border-radius: 3px;
	position: relative;
	margin: 0 25px 15px 0;
	float: left;
	/**************
	  Set max-width to your thumbnail width
	***************/

	max-width: 300px;
}

/* Thumbnails */

.sp-thumbs {
	text-align: left;
	display: inline-block;
}
.sp-thumbs img {
	min-height: 50px;
	min-width: 50px;
	max-width: 50px;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 50px;
	height: 50px;
	overflow: hidden;
	opacity: .3;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.sp-thumbs a:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

/* Image currently being viewed */

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
}
.sp-large a img {
	max-width: 100%;
	height: auto;
}
.sp-large a {
	display: block;
}

/* Panning Zoomed Image */

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}
/* Lightbox */

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 500;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 10px;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 10px;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}

/* End CSS Smoothproducts */
/* smoothproducts.css personalisiert */

/* Element wrapper */
.sp-loading {
	max-width: 500px;

}
.sp-wrap, sp-loading {
    background:#fff;
	border: 2px solid #ccc;
	box-shadow: 0px 0px 5px #CCC;
	max-width: 336px;
}
/* Thumbnails */
.sp-thumbs {
    background-color: #eee;
	width: 336px;
}

.sp-thumbs a:link, .sp-thumbs a:visited {
	width:82px;
	height:62px;
	border: 1px solid #ccc;
}

.sp-lightbox {
	z-index: 99999;
}
.sp-lightbox img {
	border: 10px solid #666;

}
/* End smoothproducts.css personalisiert */
/* CSS bx-wrapper fitxa producte (models) */


#product-view .bx-wrapper .bx-viewport {
   background-color: #fff;
   border: 2px solid #eee;
   left: 0;

}
#product-view .bx-wrapper .bx-viewport {
   box-shadow: none; /* 0px 0px 5px #CCC; */
}
#product-view .bx-wrapper .bx-next {
	right: 5px;
	background: transparent url(/static/skins/default/images/controls-unipromos.png) no-repeat scroll -43px -32px;
}
#product-view .bx-wrapper .bx-prev {
	left: 5px;
	background: transparent url(/static/skins/default/images/controls-unipromos.png) no-repeat scroll 0px -32px;
}
#product-view .bx-wrapper .bx-controls-direction a {
		z-index:0;
}
/* End CSS bx-wrapper fitxa imatge (models) */
/* bubbles */

.bubble {
position: relative;
text-align:center;
color:#a94442;
width: 100%;
height:auto;
padding: 3px;
margin-top:10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #a94442 solid 1px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 5px 8px;
border-color: #ffff transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -8px;
top: -8px;
left: 15%;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 5px 8px;
border-color: #a94442 transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -8px;
top: -9px;
left: 15%;
}
.bubble.bubble-danger {
  background: #f2dede;
}
.bubble.bubble-danger:after {
  border-color: #f2dede transparent;
}

/* End bubbles */
/*  bxslider banners */
#slideshow-ownbanner {
    height:auto;
    margin: 10px 0 15px 0;
}
#browsable-ownbanner {
	height:auto
}

div.ownbanner {
	margin-left:-30px;
}
#slideshow-ownbanner img {max-width:940px;}
/* End bxslider banners */

.slider-siblings .sibling {
	max-width:84px;
	text-align:center;
	border-right:1px solid #ddd;
}

.slider-siblings span {
	display:inline-block; width: 80px; font-size:xx-small; color: #aaa; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;
}

.sibling img {
	max-width:83px;
}

.text-right {
	text-align: right;
}
.small {
	font-size:
	smaller
}

#frmcesta .top {
	display:none;
}
/* Banner tricolor */
#c1 {background-image: url('https://static.unipromos.com/static/uploads/customer_content/1066/banners_tricolor_png.png');
 background-repeat: no-repeat;
background-size: cover;
background-color: #43b7d0;
background-position:center;
padding-bottom:60px;
max-height:406px;
}
section.action{
 margin-top: 10px;
}
a.unipromos-button{
  padding: 5px;
 border: 1px solid white;
}
#c1 div h3{
 text-align: center;
 font-weight: bold;
 font-style: italic;
 font-size: 30px;
  padding: 30px 0 30px 0;
}
    #c11 {
        padding-left: 20px;
        text-align: left;
    }
    #c12 {text-align: center}
    #c13 {
        padding-right: 20px;
        text-align: right;
    }
    #c1 div p, #c1 div section {
        text-align: left;
        padding: 0 50px 0 50px;
    }
#c11, #c13{
 color: white;
}
#c12 {
    color: black;
}
#c12 a {
 color: black;
 border: 1px solid black;
}
@media (max-width:992px) {

  #c1 {
     background-image: url('');
     background-color: #fff;
     max-height: none;
   }
    #c1 > div > div {
        padding-bottom: 20px;
    }
    #c11 {
        background-color:#43b7d0;
    }
    #c12 {
        background-color:#f2f2f2;
    }
    #c13 {
        background-color:#737172;
    }

}
/* End Banner tricolor */
/* Whatsapp-Chat */
ul.social-links.sticky {
    position: fixed;
    bottom: -15px;
    right: 60px;
    z-index: 999;
}

.colored.social-links li.whatsapp a {
	background-color: #4BA234;
	border-color: #fff;
	color: #fff;
}
.colored.social-links.sticky li.whatsapp a:hover {
	width: 80px;
    padding: 1px;
    background-color: #4BA234;
    -webkit-border-radius: 24px 0 0 24px;
	-moz-border-radius: 24px 0 0 24px;
	border-radius: 24px 0 0 24px;
}
i#chat-whatsapp {
    color:#fff;
}
/* End Whatsapp-Chat */
/* Stripe Popup */
    input.InputElement {
        border: 2px solid green !important;
    }
    #card-errors {
        color: red;
        font-weight: bold;
    }
    #payment-popup input,
    .StripeElement {
        height: 40px;
        padding: 10px 12px;
        margin: 30px 0;

        color: #32325d;
        background-color: #ffffff;

        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12);
        -webkit-transition: box-shadow 150ms ease;
        transition: box-shadow 150ms ease; */
        border-color: #f3f3f3;
    }

    #payment-popup input:focus,
    .StripeElement--focus {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .32);
    }

    .StripeElement--invalid {
        border-color: #fa755a;
    }

    .StripeElement--webkit-autofill {
        background-color: #fefde5 !important;
    }
/* End Stripe Popup */
/* Offer Managment / Angebotsverwaltung: */

table.offer table.table.light thead tr th {
  background-color: transparent; 
  color: #8b8b8b; 
  border-bottom: 1px solid #e1e1e1; 
}
table.offer tr.modelseparator > td {
  border-top: 3px solid #e1e1e1; !important
}

table.quote a.active, table.quote a.active:hover {
        transition: all 0.6s ease 0.0s;
        border: 2px solid #0B90C4;
        background-color: #0B90C4;
        outline: 0;
        color: white;
    }

  table.quote a.rejected, table.quote a.rejected:hover {
        background-color: #db9796;
        color: black;
    }

   table.quote  a.inactive {
        border: 2px solid #0B90C4;
        color: black;
    }

    table.quote {
        border-spacing: 10px;
    }

    tr.selected td, td#total {
        transition: all 0.6s ease 0.0s;
        font-weight: bold;
        font-size: larger;
        color: #0B90C4;
    }
    table.quote td {
        text-align: center;
        vertical-align: top;
    }

    tr.rejected td {
        text-decoration: line-through;
        background-color: #CCC;
        display: none;
    }

    table.quote tr {
        border-bottom: 1px solid #f8f8f8;
    }

    table.attributes tr {
        border: 0px;
    }

    table.attributes td {
        text-align: right;
    }


    input.tiny {
        width: 30px;
    }

    span.write {
        display: none;
    }
/* End Offer Managment / Angebotsverwaltung: */
/* Papercatalogues  */
div.card.caralog-entry {
   border: none;
}
   div.catalog-entry {
      text-align: center;
    }
   div.catalog-entry h5 {
      text-align: left;
    }
  div.catalog-description p {
    padding:10px 5px 0 5px;
    margin: 0;
    font-size:smaller;
    text-align:left;
  }
  div.catalog-description {
    margin-bottom: 50px;
    padding-bottom:10px;
  }
  div.catalog-description p.view {
    text-align:right;
  }
  div.catalog-description p.view a {
    color: #333;
    font-weight: 700;
  }
    div.catalog-entry img {
        border: 5px solid #f2f2f2;
        border-radius: 5px;
         margin: 0 auto;
    }
    div.catalog-entry h5, div.catalog-entry h5 a {
        text-transform: none;
        font-size: 14px;
        color: grey;
    }
    div.catalog-entry h5 i {
        font-size: 20px;
    }

    div.catalog-entry.selected img {
        border: 5px solid green;
        box-shadow: 10px 10px 8px #888888;
    }
    div.catalog-entry.selected h5 {
        font-weight: 700;
        color: green;
    }
/* End Papercatalogues */
/* Google-maps iFrame responsive */
.google-maps {
position: relative;
padding-bottom: 75%; /* This is the aspect ratio*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* End Google-maps iFrame responsive */

div.legallinks {
	text-align:right;
	padding-top:5px;
}

div.legallinks span {
	padding: 0 5px;
}



.decorated {
	overflow: hidden;
	text-align: left;
}
.decorated > span {
	position: relative;
	display: inline-block;
}

.decorated > span:after {
	content: '';
	position: absolute;
	top: 50%;
	border-bottom: 2px solid #d0d0d0;
	width: 100vw;
	margin: 0 20px;
}
.decorated > span:before {
	right: 100%;
}
.decorated > span:after {
	left: 100%;
}
#product-category-list {
	display: flex;
  flex-wrap: wrap;
}
#product-category-list div {
	margin-right: 15px;
}

#product-images {
	background-color: #fff;
}
div.owl-item {
	border-right: 1px solid #fff;
}
img.product-image {
	opacity: 100%;
}
div.owl-nav  {
    text-align: right;
}
div.owl-nav span {
    display: block;
    width: 30px;
    padding: 5px;
    font-size: 30px;
    color: #333;
}
#price-filter {
	margin-bottom: 0px;
}

div.categories-sidebar {
  -webkit-box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
  -moz-box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
  box-shadow: 0px -4px 16px -4px rgba(179, 179, 179, 0.26);
  border-radius: 0px;
  border: 1px solid rgba(179, 179, 179, 0.26);
}

div.categories-sidebar nav li a {
	padding: 4px 20px;
}
div.categories-sidebar nav {
	margin-top: 15px;
	margin-bottom: 15px;
}
ul.categories-subcategory  {
	list-style: none !important;
}
ul.categories-subcategory li  {
	margin-left: 20px;
	margin-top: 5px;
}
ul.categories-subcategory li a {
	color: #aaaaaa;
}
ul.categories-subcategory li.active a {
  font-weight: bold;
  color: #666;
  
}

h3.categories-title {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 20px;
	background-color: #666666;
	color: white;
}
span.h3.categories-title {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 20px;
	background-color: #666666;
	color: white;
}

span.sidebar_title {
  padding: 4px 20px;
  font-size: smaller;
}


h3.product-title a {
	font-size: 20px;
	color: #4A4A4A;
}

span.product-price {
	font-size: 16px;
	color: #4A4A4A;	
}
#product-options label {
  font-size: 100%  
}

#nav-color-filters {
		display: flex;
		margin: 0;
		padding-left: 5px;
		flex-wrap: wrap;
	}
#nav-color-filters a {
		vertical-align: middle;
		text-align: center;
		width: 30px;
		padding-top: 3px;
		min-width: 30px;
		border-radius: 15px;
		height: 30px;
		margin-top: 5px;
		margin-right: 5px;
		display: block;
		{
			# border: 2px solid lightgrey; #
		}
	}
#nav-color-filters a.checked {
		font-weight: bold;
	}

#nav-color-filters a:hover {
		text-decoration: none;
		cursor: pointer;
}

#nav-color-filters a.bordered {
		border: 2px solid grey;
	}
	#brandselector {
		position: absolute;
		z-index: 200;
		padding: 5px;
		margin-top: -5px;
		background-color: white;
		width: 240px;
		border: 2px solid #f0f0f0;
	}
	#nav-other-filters {
		display: flex;
    flex-direction: column;
		margin: 0;
		padding: 0;
	
	}
div.filter input[type="checkbox"], div.filter input[type="radio"] {
    /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  margin-right: 10px;
}

	#nav-other-filters label {
    font-size: 13px;
	
	}
	#nav-other-filters div.filter {
    margin-left: 10px;
    padding: 5px;
		text-align: left;
		margin-top: 5px;
		margin-right: 15px;
    border-radius: 3px;
	}
	#nav-other-filters a:not(.active) {
	
	}

	#nav-other-filters a:hover {
		text-decoration: none;
		cursor: pointer;
  }
#stock-qty {
  margin: 5px; 
  text-align: right;
  
}
  
	#nav-brand-filters {
		display: flex;
		margin: 0;
		padding: 10px;
		flex-wrap: wrap;
	}


	#nav-brand-filters a.brand-filter {
		text-align: center;
		color: white;
		margin-top: 5px;
		margin-right: 5px;
		padding: 5px;
		display: block;
		border-radius: 3px;
		background-color: #999999;
	}
	#nav-brand-filters a.brand-filter:hover {
            text-decoration: none;
            cursor: pointer;
        }
	#nav-brand-filters a.checked {
		font-weight: bold;
		background-color: #666;
	}
	#nav-brand-filters a.active {
		font-weight: bold;
		background-color: #666;
	}
 	#nav-brand-filters a.more-brands {
		color: black;
    background:none;
    text-decoration:none;
    width: 100%;
    text-align: right;
    margin-top: 10px
	}      
  #toggle-filters-wrapper {
    display: flex;
    justify-content: space-between;
  }
  #toggle-sorting {
    display: flex; 
    width: auto;
    margin-bottom: 5px
  }
#btn-toggle-filters {
    margin-top: 0; 
    border-radius: 5px; 
    padding:12px 7px; 
    /*letter-spacing: 0.5px;*/
    height: 40px;
}

a.delete-filters{
	font-size: 10px;
	text-decoration: underline;
}

#header-buttons {
	float: right;
	display: flex;
	align-items: center;
}

#header-buttons #cart-icon {
	margin-left: 20px;
}

#user-menu {
	position: absolute;
	z-index: 1010;
	margin-left: -150px;
	color: #141414;
	height: 300px;
	width: 250px;
	background-color: white;
	border: 1px solid #dbd0db;
	-webkit-box-shadow: 0px 10px 5px 0px rgba(219,208,219,1);
	-moz-box-shadow: 0px 10px 5px 0px rgba(219,208,219,1);
	box-shadow: 0px 10px 5px 0px rgba(219,208,219,1);
}

#user-menu ol {
	padding: 10px;
}

span#userinfo{
	color: black;
	font-size: 10px;
}

ol.pass-section li{
	margin-top: 10px;
}


/* banner fx */

div.banner-entry div.banner-outer {
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
div.banner-entry div.banner-outer img {
    min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

div.banner-entry div.fading:hover img {
	opacity: .5;
}


div.banner-entry div.zoom:hover img {
	transform: scale(1.3);
}

div.banner-entry div.grayscale img {
	filter: grayscale(100%);
}
div.banner-entry div.grayscale:hover img {
	filter: grayscale(0);
}

div.banner-entry div.sepia {
	filter: sepia(0);
}
div.banner-entry div.sepia:hover {
	filter: sepia(100%);
}

div.banner-entry div.rotate:hover img {
	transform: rotate(380deg);
}

div.banner-outer {
	position: relative;
	width: 100%;
	height: 100%
}

div.banner-entry:hover div.banner-text-wrapper {
	display: block;
}


div.banner-title {
	font-weight: bold;
	padding: 5px;
}
div.banner-title:hover, div.banner-description:hover {
	text-decoration: none;
}
div.banner-entry div.banner-text-wrapper {
	text-align: center;
	position: absolute;
	margin: auto;
  padding: 8px 24px;
}
div.banner-title {
  font-family: 'font_heading_bold';
}
ul.contact-list {
  margin-top: 20px;
}
ul.contact-list li {
  padding: 5px 0;
}

/* Product-Chat */
 #enquiry-wrapper {
     position: fixed;
     z-index: 10000;
     bottom: 48px;
     right: 5px;
 }
#enquiry-wrapper h3 {
  font-size: 18px;
  padding: 8px;
}
a.enquiry-icon {
     float: right;
     border: 0px;
     min-width: 52px;
     font-size: 18px;
     text-align: center;
     border-radius: 10px 0px 0px 10px;
     padding: 10px 17px;
     text-decoration: none;
 }
a.enquiry-icon.fa-close {
     border-radius: 10px 10px 0px 1px;
     padding: 12px;
 }

 @keyframes spaceboots {
     0% {
         transform: translate(2px, 1px) rotate(0deg);
     }
     10% {
         transform: translate(-1px, -2px) rotate(-1deg);
     }
     20% {
         transform: translate(-3px, 0px) rotate(1deg);
     }
     30% {
         transform: translate(0px, 2px) rotate(0deg);
     }
     40% {
         transform: translate(1px, -1px) rotate(1deg);
     }
     50% {
         transform: translate(-1px, 2px) rotate(-1deg);
     }
     60% {
         transform: translate(-3px, 1px) rotate(0deg);
     }
     70% {
         transform: translate(2px, 1px) rotate(-1deg);
     }
     80% {
         transform: translate(-1px, -1px) rotate(1deg);
     }
     90% {
         transform: translate(2px, 2px) rotate(0deg);
     }
     100% {
         transform: translate(1px, -2px) rotate(-1deg);
     }
 }
 .shake:hover,
 .shake:focus {
     animation-name: spaceboots;
     animation-duration: 0.8s;
     transform-origin: 50% 50%;
     animation-iteration-count: 1;
     animation-timing-function: linear;
 }

 .slideup,
 .slidedown {
     max-height: 0px;
     overflow-y: hidden;
     -webkit-transition: max-height 0.8s ease-in-out;
     -moz-transition: max-height 0.8s ease-in-out;
     -o-transition: max-height 0.8s ease-in-out;
     transition: max-height 0.8s ease-in-out;
 }
 .slidedown {
     max-height: 300px;
 }
/* position recaptcha batch */
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}

.grecaptcha-badge:hover {
width: 256px !important;
}


/* Stockout messages */
div.stockout_btn {
  margin-top: 10px;
}
 span.out_of_stock {
      padding: 3px;
     display: block;
     margin-bottom: 10px;
     border: 1px solid #a94442;
     background-color: #f2dede;    
     border-radius: 8px;
     font-weight: 400;
     color:  #a94442;
     
 }
 span.out_of_stock:after
{
content: '';
position: absolute;
border-style: solid;
border-width:  8px 5px 0;
border-color: #f2dede transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -8px;
top: 38px;
left: 50%;
}

 span.out_of_stock:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 5px 0;
border-color: #a94442 transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -8px;
top: 39.5px;
left: 50%;
}

div.stockout_txt {
}

div.stockout_txt.stock_hint {
}
i.ishowstockmatrix {
  font-size: 18px;
}

/* blog */
.entry-mini {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.blogpost-dates {
  font-size: smaller;
}
.blogfilters {
  padding-bottom: 30px;
}
.include_more_link {
  margin-bottom: 30px;
}

/* New Twitter Icon 𝕏 */
.fa-twitter-f:before, .fa-twitter:before {
    content: "𝕏";
}