@import url("https://use.typekit.net/pwm3ono.css");

body {
	color: #7e7e80;
	font-family: din-2014, sans-serif;
	font-weight: 300;
	font-size: 20px;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: #a1ddea;
}

.header {
	background: #a1ddea;
	color: #7e7e80;
}

.header > .container {
	  -webkit-box-align: center;
	-webkit-align-items: center;
	     -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.header a {
	color: #7e7e80;
}
.flag-area {
    position: relative;
}
.flag-area .title {
	position: absolute;
	background: #7cbfcd;
	color: #fff;
	right: 162px;
	font-size: 16px;
	font-weight: 600;
	padding: 11px 20px 12px;
}

.social-links li {
	font-size: 16px !important;
}

.social-links a {
	border-radius: 5px;
	display: flex;
	padding: 6px;
	background-size: 64px;
}

.social-links a.facebook {
	background-color: #4267B2;
	transition: background-color 250ms ease-in-out;
}

.social-links a.instagram {
	background-image: linear-gradient(72.44deg, #FF7A00 11.92%, #FF0169 28.56%, #D300C5 51.69%);
	transition: background-position 250ms ease-in-out;
}

.social-links a.twitter {
	background-color: #1DA1F2;
	transition: background-color 250ms ease-in-out;
}

.social-links a svg {
	height: 20px;
	width: 20px;
	fill: #ffffff;
}

.social-links a.facebook:hover {
	background-color: #304d86;
}

.social-links a.instagram:hover {
	background-position: -32px;
}

.social-links a.twitter:hover {
	background-color: #1d7ab4;
}

.flag-area > .social-links {
	align-items: center;
	display: flex;
	margin-bottom: 0;
	position: absolute;
	right: 310px;
	top: 6px;
}

.flag-area > .social-links li:first-child {
	margin: 0;
}

.languagepicker {
    position: absolute;
    background-color: #7cbfcd;
    color: #fff;
    display: inline-block;
    padding: 0;
    height: 45px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0 50px 10px 0;
    vertical-align: top;
    right: 0;
}

.languagepicker:hover,
.languagepicker:active {
    height: 81px;
}

.languagepicker a{
	color: #fff;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 3px 20px;
    line-height: 40px;
    border-bottom: 1px solid #EEE;
    border-top: 0;
}

.languagepicker li:hover{
    background-color: #7cbfcd;
}

.languagepicker:first-child li {
    border: none;
    background: #7cbfcd !important;
}

.languagepicker li img {
    margin-right: 5px;
}
.navbar {
	width: 100%;
	background: none;
	border: none;
}
a.navbar-brand {
	height: auto;
}
.navbar-nav {
	margin-top: 50px;
}
.navbar li {
	margin: 0 6px;
}
.navbar-default .navbar-nav > li > a {
	color: #3e3e3e;
	font-weight: 400;
}
.navbar-nav > li > a:hover {
	color: #fff !important;
	text-decoration: none;
}
.navbar {
	margin-bottom: 0;
}
.navbar-toggle {
	background: #fff;
	border: none;
	border-radius: 0;
	margin-right: 0;
}
.banner-carousel {
	margin-bottom: 30px;
}
.banner-carousel .item-content {
	height: 490px;
	position: relative;
	width: 1170px;
}
.banner-carousel .item-title {
	bottom: 40px;
	color: #a1ddea;
	font-size: 48px;
	letter-spacing: -0.04em;
	position: absolute;
	right: 80px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.spacing {
	padding: 20px 0;
}

h1 {
	font-size: 28px;
	font-weight: normal;
}
.overview h1 {
	font-size: 17px;
	font-weight: bold;
}
h2.accent {
	color: #a1ddea;
}
.sub-nav {
	font-size: 17px;
	font-weight: bold;
}
.nav-pills li a {
	border-radius: 0;
	background: #eaeaea;
	color: #7e7e80;
}
.nav-pills li a:hover {
	background: #a1ddea;
	color: #fff;
}
.footer {
	color: #78787b;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 0;
}
.footer .details {
	text-align: left;
}
.footer hr {
	border-color: #dfdfdf;
}
.footer h4 {
	color: #78787b;
	font-size: 15px;
	font-weight: bold;
	margin-top: 1.5em;
	text-transform: uppercase;
}
.footer .details .search {
	position: relative;
	top: unset;
}
.footer a {
	color: #78787b;
}
.footer a:hover {
	color: #78787b;
	text-decoration: none;
}

.edition {
	font-family: operetta-12, serif;
	font-weight: 600;
	text-transform: uppercase;
}
.box-area-alt,
.box-area {
	margin-top: 30px;
}
.box {
	border: 10px solid #fff;
	color: #3e3e3e;
	height: 325px;
	line-height: 1.2;
	margin-bottom: 30px;
	padding: 30px;
	position: relative;
	width: 100%;
}
.box.narrow {
	height: 91px;
	padding: 0 30px;
}
.flex {
	display: flex;
}
.push {
	margin-left: auto;
}
.h-100 {
	height: 100%;
}
.w-100 {
	width: 100%;
}
.align-center {
	align-self: center;
}
.box-area .box-color:nth-child(1)  .box {
	background: #aaf6d6;
}
.box-area .box-color:nth-child(2) .box {
	background: #81dfdd;
}
.box-area .box-color:nth-child(3) .box {
	background: #ada6df;
}
.box-area .box-color:nth-child(4) .box {
	background: #a1ddea;
}
.box-area .box-color:nth-child(5) .box {
	background: #9E95F8;
}
.box-area .box-color:nth-child(6) .box {
	background: #D8C8FB;
}
.box-area .box-color:nth-child(7) .box {
	background: #f9f9f9;
}
.box-area .box-color:nth-child(8) .box {
	background: #F3B3DA;
}
.box-area-alt .box-color:nth-child(1) .box {
	background: #c20231;
	color: #fff;
}
.box-area-alt .box-color:nth-child(2) .box {
	background: #6E2EFE;
	color: #fff;
}
.box-area-alt .box-color:nth-child(3) .box {
	background: #ee224c;
	color: #fff;
}
.box-area-alt .box-color:nth-child(4) .box {
	background: #de6f9f;
	color: #fff;
}
.box-area-alt .box-color:nth-child(5) .box {
	background: #9b51b3;
	color: #fff;
}
.box-area-alt .box-color:nth-child(6) .box {
	background: #7e017e;
	color: #fff;
}
.box-area-alt .box-color:nth-child(1) .box a,
.box-area-alt .box-color:nth-child(2) .box a,
.box-area-alt .box-color:nth-child(3) .box a,
.box-area-alt .box-color:nth-child(4) .box a,
.box-area-alt .box-color:nth-child(5) .box a,
.box-area-alt .box-color:nth-child(6) .box a {
	color: #fff;
	border: 1px solid #fff;
}
.box-area-alt .box-color:nth-child(1) .box a:hover,
.box-area-alt .box-color:nth-child(2) .box a:hover,
.box-area-alt .box-color:nth-child(3) .box a:hover,
.box-area-alt .box-color:nth-child(4) .box a:hover,
.box-area-alt .box-color:nth-child(5) .box a:hover,
.box-area-alt .box-color:nth-child(6) .box a:hover {
	text-decoration: none;
	background: #fff;
	border-color: #fff;
	color: #3e3e3e;
}
.box.eleven {
	background: #a1ddea;
}
.box .title {
	font-weight: 300;
	font-size: 4rem;
}
.box.alt {
	color: #fff;
}
.box a {
	color: #3e3e3e;
	background: rgba(0,0,0,0.1);
	display: block;
	padding: 1rem 2rem;
	border: 2px solid #3e3e3e;
	position: absolute;
	bottom: 3rem;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	transition: background 0.3s ease,
				border-color;
}
.box a:hover {
	text-decoration: none;
	background: #fff;
	border-color: #fff;
}
.box.alt a {
	color: #fff;
	border: 1px solid #fff;
}
.box.alt a:hover {
	text-decoration: none;
	background: #fff;
	border-color: #fff;
}
.box a.static {
	position: static;
	display: inline-block;
	float: right;
}
.prod-cats .box a {
	color: #3e3e3e;
	background: rgba(0,0,0,0.1);
	display: block;
	padding: 1rem 2rem;
	border: 2px solid #3e3e3e;
	position: absolute;
	bottom: 3rem;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	transition: background 0.3s ease,
				border-color;
}
.prod-cats .quick-ship a {
	background: #a1ddea;
	border-color: #a1ddea;
}
.prod-cats .quick-ship a:hover {
	border-color: #a1ddea;
	background: transparent;
}
.prod-cats .box a.static {
	position: static;
	display: inline-block;
	float: right;
	margin-bottom: 0;
}
.prod-cats .box .title {
	font-size: 26px;
	font-weight: normal;
}
h2.big {
	color: #3e3e3e;
	font-weight: 600;
	font-size: 3.5rem;
}
h2.big.light {
	font-weight: 300;
}
.explore {
	/*margin: 7rem 0 9rem;*/
	margin: 5rem 0;
}
.bold {
	font-weight: 700;
}
.prod-cats {
	background: url(../images/world-map-big.png) no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
	margin-bottom: 20px;
}
.category-list:last-of-type .prod-cats {
	margin-bottom: 0;
}
.prod-cats a {
	background: rgba(0,0,0,0.1);
	border: 4px solid #7e7e80;
	color: #3e3e3e;
	font-size: 26px;
	font-weight: normal;
	padding: 13px 30px;
	display: block;
	margin-bottom: 10px;
	transition: background 0.5s ease,
	            border 0.5s ease;
}
.prod-cats a:hover {
	text-decoration: none;
	background: transparent;
	border: 4px solid #aaf6d6;
}
.category {
	color: #7e7e80;
	font-size: 17px;
	font-weight: bold;
}
.category a {
	color: #7e7e80;
}
.cat-border {
	padding: 15px 5px;
}
/* CHAIRS AND MATCHING STOOLS */
.prod-cats .cat-1 a {
	background: #ada6df;
	border-color: #ada6df;
}
.prod-cats .cat-1 a:hover {
	border-color: #ada6df;
	background: transparent;
}
/* SOFT SEATING */
.prod-cats .cat-2 a {
	background: #81dfdd;
	border-color: #81dfdd;
}
.prod-cats .cat-2 a:hover {
	border-color: #81dfdd;
	background: transparent;
}
/* STOOLS */
.prod-cats .cat-3 a {
	background: #9E95F8;
	border-color: #9E95F8;
}
.prod-cats .cat-3 a:hover {
	border-color: #9E95F8;
	background: transparent;
}
/* Multipurpose */
.prod-cats .cat-4 a {
	background: #a1ddea;
	border-color: #a1ddea;
}
.prod-cats .cat-4 a:hover {
	border-color: #a1ddea;
	background: transparent;
}
/* BENCHES */
.prod-cats .cat-5 a {
	background: #D8C8FB;
	border-color: #D8C8FB;
}
.prod-cats .cat-5 a:hover {
	border-color: #D8C8FB;
	background: transparent;
}
/* TABLES */
.prod-cats .cat-6 a {
	background: #f9f9f9;
	border-color: #f9f9f9;
}
.prod-cats .cat-6 a:hover {
	border-color: #f9f9f9;
	background: transparent;
}
/* OUTSIDE */
.prod-cats .cat-7 a {
	background: #F3B3DA;
	border-color: #F3B3DA;
}
.prod-cats .cat-7 a:hover {
	border-color: #F3B3DA;
	background: transparent;
}
.prod-cats .cat-8 a {
	background: ;
	border-color: ;
}
.prod-cats .cat-8 a:hover {
	border-color: #81dfdd;
	background: transparent;
}
/* WOODEN FRAMES */
.prod-cats .cat-15 a {
	background: #aaf6d6;
	border-color: #aaf6d6;
}
.prod-cats .cat-15 a:hover {
	border-color: #aaf6d6;
	background: transparent;
}
/*  EDITION Chairs & Stools */
.prod-cats .cat-34 a {
	background: #c20231;
	border-color: #c20231;
	color: #fff;
}
.prod-cats .cat-34 a:hover {
	border-color: #c20231;
	background: transparent;
	color: #3e3e3e;
}
/* EDITION Lounge  */
.prod-cats .cat-36 a {
	background: #ee224c;
	border-color: #ee224c;
	color: #fff;
}
.prod-cats .cat-36 a:hover {
	border-color: #ee224c;
	background: transparent;
	color: #3e3e3e;
}
.prod-cats .cat-43 a {
	background: #6E2EFE;
	border-color: #6E2EFE;
	color: #fff;
}
.prod-cats .cat-43 a:hover {
	border-color: #6E2EFE;
	background: transparent;
	color: #3e3e3e;
}
.prod-cats .cat-37 a {
	background: #de6f9f;
	border-color: #de6f9f;
	color: #fff;
}
.prod-cats .cat-37 a:hover {
	border-color: #de6f9f;
	background: transparent;
	color: #3e3e3e;
}
.prod-cats .cat-38 a {
	background: #9b51b3;
	border-color: #9b51b3;
	color: #fff;
}
.prod-cats .cat-38 a:hover {
	border-color: #9b51b3;
	background: transparent;
	color: #3e3e3e;
}
.prod-cats .cat-39 a {
	background: #7e017e;
	border-color: #7e017e;
	color: #fff;
}
.prod-cats .cat-39 a:hover {
	border-color: #7e017e;
	background: transparent;
	color: #3e3e3e;
}
.prod-list li {
	margin: 0;
}
.prod-list a > div {
	color: #7e7e80;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
.img-padding {
	padding: 50px;
}
/* override some bootstrap carousel styles */
#product-images .carousel-inner .item.active {
	margin-bottom: 20px;
}
#product-images .carousel-control {
	background: none;
}
input, .form-control {
	border-radius: 0 !important;
}
.form-control:focus {
	border-color: #999;
	box-shadow: 0 0 8px #888;
}

.resource {
	background-color: #f7f7f7;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
}
.resource-half-width {
	float: left;
	width: 50%;
}
.resource-half-width.content h4 {
	color: #7e7e80 !important;
	padding: 0 20px;
}
.resource-half-width.content:before {
	border-color: transparent #f7f7f7 transparent transparent;
	border-style: solid;
	border-width: 20px 20px 20px 0;
	content: '';
	position: absolute;
	right: 50%;
	top: 45%;
}
.resource img {
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
}

.resource .btn-download {
	background-color: #78787b;
	border: none;
	border-radius: 0;
	bottom: 0;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	text-align: left;
	text-transform: uppercase;
	width: 50%;
}
.resource .btn-download:hover {
	background-color: #eee;
	color: #78787b;
}
.resource .content h4 {
	color: #fff;
	text-transform: uppercase;
	margin: 2em 0 2.5em 0;
}
.downloads-list {
	margin-bottom: 20px;
	display: inline-block;
}
.downloads-list a {
	background: #78787b;
	display: block;
	margin-top: 5px;
	padding: 8px 15px;
}