@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Balthazar&display=swap');

/* Grid */
body {font-family: 'Roboto', sans-serif;font-size: 15px;font-weight:300;text-align: left;background-color: #fff; color: #333;}
:focus, :active{outline: none;border: 0;}
::selection {background: #555; color:#fff;/* WebKit/Blink Browsers */}
::-moz-selection {background: #555; color:#fff;/* Gecko Browsers */}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
select {-moz-appearance: none;-webkit-appearance: none;padding: 5px;border: 0px;}
select::-ms-expand {display: none;}
button:focus {outline:0 !important;}
img {max-width: 100%;}

/* Fonts */
p {line-height: 2;margin: 15px 0;text-align:left;}
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;color:#333;font-weight:300;line-height: 1.2;margin:0}
h1, h2 {font-size: 39px;text-align: left;margin: 0;line-height: 1.3; text-transform: uppercase;letter-spacing: 5px;}
.h3, h3 {font-size: 38px;letter-spacing: 5px;text-align: center;color: #fff;text-transform: uppercase;font-weight:500;}
.h4, h4 {font-size: 38px;letter-spacing: 5px;text-align: center;color: #fff;text-transform: uppercase;}
.h5, h5 {font-size: 11px;text-align: center;margin: 0;color:#333; letter-spacing: 3px;text-transform: uppercase;}
.h6, h6 {font-size: 14px;text-align: center;line-height: 70px;margin: 0;color: #c09b73;font-weight: 600;text-transform: uppercase;letter-spacing: 6px;}
h4 span {color:#fff;font-size:0.65em;text-transform: uppercase;font-weight:100;}
h2 span {color:#fff;display:block;}

.box h1, .box h2 {display: inline-block;/*width: min-intrinsic;width: -webkit-min-content;width: -moz-min-content;width: min-content;*/}

a, a:hover, a:focus {color: #333;text-decoration: none;}
.clear {clear:both;}

b, strong {font-weight: 600;}

hr {border-top: 1px solid #333; margin:40px 0; width:120px;}
/* Alignements */
.center {text-align:center;}
.left {float:left;}
.right {float:right}

/* Navigation */
.navbar {padding: 10px 15px;background: #fff;height: 100px;text-align: center;position: fixed;width:100%;    z-index: 1;top:0;font-size: 20px;letter-spacing: 3px; text-transform: uppercase;}
.navbar-margin {margin-top:100px;}
.nav-link {color:#333;border-bottom: 1px solid #eee;padding: 15px 0;}
.navbar-brand img {width: 280px;z-index:10000;}
.logo {position: absolute;left: 50%;transform: translate(-50%);top:0;max-width: 180px;margin: 10px auto 0;display:block;}
.nav-left {padding-right: 4rem;padding-left: 0;}
.nav-right {padding-right: 0rem;padding-left: 4rem;}
button.navbar-toggler {min-height: 40px;margin: 0;border: none;}
.navbar-toggler-icon {display: inline-block;width: 20px;height: 15px;background: url(../img/menu-lines.png);background-size: 100% 100%;position: relative;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
.navbar-toggler-icon i {color:#333;}
.nav-item.current {font-weight: bold;}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin:0;    position: absolute;  left: 50%;    transform: translateX(-50%);}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #bbaa88;}
.dropdown-menu {padding: 0;font-size:unset; margin: 13px 0 0 0;color: #555;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #bbaa88;border-radius: 0; border-top: 0px;}
.dropdown-item {padding:0.5rem 1rem;}
a:hover.nav-link  {color:#bbb;}
.nav-item {text-align: left;}
nav span {display: block;font-size: 14px;}
.nav-item.active .nav-link  {color: #c09b73;}
.nav-link:focus  {color: #fff;}
.nav-link:hover {color: #ccc;}
.langswitcher li {float:left;padding: 0 10px;}
.langswitcher li:nth-child(1){border-right: 1px solid #333;padding-left:0;}
.langswitcher li:nth-child(2){padding-right:0;}
.langswitcher li .active {text-decoration: underline;text-underline-offset: 5px;}
.mobile-container {display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;width: 100%;padding-top: 30px;}

/* Lists & Blockquotes */
ul {list-style: none; padding: 0;margin-bottom: 0;}
blockquote {border-left: 10px solid #ccc; padding-left: 30px; margin: 30px 0px 30px 50px;font-family: 'Balthazar', serif;color: #333;font-size: 30px;font-weight: 400;}

/* Buttons */
html input[type=button] {background-color: #fff;color: #333;display: inline-block;margin: 0;padding: 10px 45px;letter-spacing: 2px;text-transform: uppercase;cursor: pointer;font-size: 13px;font-weight: 600;}
.button {background-color: #fff;color: #333;display: inline-block;margin: 0;padding: 10px 45px;letter-spacing: 2px;text-transform: uppercase;cursor: pointer;font-size: 13px;font-weight: 600;}
.button:hover, .button:focus, .btn-primary:focus {color: #333;}

/* Form */
.form-control {padding: 5px 10px;font-size: inherit;height: auto;border-radius: 0;border: 0px solid #ba8;color: #555;font-weight: 300;background-color: #d9d9d9;margin: 10px 0 8px;}
.form-control:focus {background-color: #d9d9d9;outline: 0;box-shadow: 0 0 0 0rem transparent;}
.form-label {display: none;}
label.inline {color: #999;font-size:12px;}
.form-honeybear {visibility: hidden;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px,1px,1px,1px);}
input[type="checkbox"] {margin-right: 5px;}
#form-footer {position: relative;}
.button.btn.btn-primary.btn-lg {background: transparent;color: #fff;padding: inherit;border: 0;position: absolute;right: 0;bottom: 1px;font-size: 15px;}

/* Cookies */
.cc-color-override--29957753.cc-window {background-color: #555555;}

/* Sections */
#interior {padding: 0px 0 30px}
.box {padding: 30px;position: relative;}
.box a, .box a:hover, .box a:focus {text-decoration: underline;text-underline-offset: 10px;font-size: 20px;position: absolute;bottom: 35px;right: 30px;letter-spacing: 3px;text-transform: uppercase;}
.pink {background: #F2E7E7;}

#tradition {padding: 0px 0 30px}
.blue {background: #E9F0F6;}

.scic {background: url("/user/pages/media/outdoor.jpg");background-size: cover;background-position: center;height: 550px;margin-bottom: 30px;position: relative;text-align: center;
align-content: center;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 55px;text-transform: uppercase;font-weight: 600;text-shadow: 0px 0px 8px #444;}
#scic img {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

#spaces {padding: 0px 0 30px}
#services {padding: 0px 0 30px}
.yellow {background:#F6F2E9;}

#impressions .col-6,#impressions .col-lg-4 {padding-bottom: 30px}

#showroom {background: url("/user/pages/media/daniel-steen-interior-design-showroom-palma.jpg");background-size: cover;background-position: center;height: 550px;margin-bottom: 30px;position: relative;}
.showroom {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);    width: 100%;}
.showroom p {text-align: center;margin: 0;letter-spacing: 3px;font-weight: 500;color: #ccc;}

#contact {background:#444444;color:#fff;margin-bottom:30px}
footer a, footer a:hover, footer a:visited {color:#f5f5f5;}
footer img {max-width: 100%;display: block;}

.address-image {display:none;}
.address-title {font-size: 20px;font-weight: 600;}
footer .col-lg-4 {padding: 60px 0;}
.address {text-transform: uppercase;line-height: 2; letter-spacing: 3px;padding-left:60px;}
.opening {text-transform: uppercase;line-height: 2; letter-spacing: 3px;padding-left:60px;}
.form {padding-right:60px;}

.disclaimer ul li {float: left;padding: 0px 10px;}
.disclaimer ul {display: inline-block;margin: 0 0 25px;}
.disclaimer {text-align: center;}
.disclaimer a, .disclaimer a:hover, .disclaimer a:focus, .disclaimer a:visited {color: #333;}

.thankyoubox p {text-align:center;}
#thankyou {padding: 150px 0; background:#fff;min-height: calc(100vh - 50px); }

#legal {padding-bottom: 50px;}

.mobile {display:none !important;}

@media screen and (max-width:575px){
	body {font-size:14px}
	.desktop {display:none;}
	h1, h2 {font-size:36px;}
	h3 {font-size: 22px;letter-spacing: 3px;}
	h4 {font-size: 22px;letter-spacing: 3px;}
	h5 {font-size: 12px;letter-spacing: 2px;line-height: 1.2;}
	h6 {font-size: 14px; letter-spacing: 2px;}
	.navbar {font-size:16px; padding: 0;height: 70px;}
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {transform: translateX(-63%);}
	.navbar-brand img {max-width:160px;}
	.navbar-margin {margin-top:70px;}
	.hamburger img {width: 30px;}
	[class*=col] {padding:0;}
	.box {padding: 25px;}
	.box a, .box a:hover, .box a:focus {position: relative;display:block; text-align:right;bottom: auto; right:auto;padding-top: 10px;font-size: 16px;}
/*	#interior {padding: 0px 0 0px}
	#spaces {padding: 0px 0 0px}*/
	#scic .container {padding:0;}
	.scic {height: 372px;line-height: 1;padding-top: 215px;font-size: 32px;}
	.showme{padding:0;}
	#showroom {height:300px;}
	.showroom p {letter-spacing: 1px;font-size: 13px;}
	footer .container {padding:0;}
	footer .col-lg-4 {padding:0;}
	.address {padding:30px}
	.opening {padding:0 30px}
	.form {padding:30px 30px 60px}
}

@media screen and (min-width:576px) and (max-width:767px){
	h1, h2 {font-size:28px;letter-spacing: 2px;}
	h3 {font-size: 30px;letter-spacing: 3px;}
	h4 {font-size: 30px;}
	.box h1, .box h2 {display: block; width: auto;}
	#interior .col-12, #tradition .col-12, #spaces .col-12, #services .col-12 {margin-bottom:30px;}
	#interior .col-12, #tradition .col-12 {margin-bottom:30px;}
	.box a, .box a:hover, .box a:focus {position: relative;display:block; text-align:right;bottom: auto; right:auto;padding-top: 10px;}
	#scic img {width:70%;}
	.scic {height:300px;}
	#showroom {height:300px;}
	footer .col-lg-4 {padding:0;}
	.address {padding:30px}
	.opening {padding:0 30px}
	.form {padding:30px 30px 60px}
}

@media screen and (min-width:768px) and (max-width:991px){
	h1, h2 {font-size:30px;}
	.box h1, .box h2 {display: block; width: auto;}
	#interior .col-12, #tradition .col-12, #spaces .col-12, #services .col-12 {margin-bottom:30px;}
	.box a, .box a:hover, .box a:focus {position: relative;display:block; text-align:right;bottom: auto; right:auto;padding-top: 10px;}
	.scic {height:400px;}
	#showroom {height:400px;}
	footer .col-lg-4 {padding:0;}
	.address {padding:60px 0 0 60px}
	.opening {padding:60px 0px 0 50px}
	.form {padding:30px 60px 60px}
}


@media screen and (min-width:992px) and (max-width:1199px){
	body {font-size:12px;;}
	h1, h2 {font-size:24px; line-height:1.2}
	hr {margin:20px 0;}
	.scic {height:450px;}
	#showroom {height:450px;}
	.form-control {padding: 7px 10px;}
	.box {	padding: 20px;}
	.box a, .box a:hover, .box a:focus {bottom: 25px;font-size:16px;right: 20px;}
}

@media screen and (min-width:1200px) and (max-width:1399px){
	body {font-size:13px;}
	h1, h2 {font-size:32px;}
	.box {	padding: 25px;}
	.box a, .box a:hover, .box a:focus {bottom: 25px;font-size:16px;right: 25px;}
}

@media screen and (max-width:319px) {
	body {font-size:12px;}
	.navbar-brand img {max-width: 120px;}
	h1, h2 {font-size: 22px;}
	.box a, .box a:hover, .box a:focus {font-size:14px;}
}

@media (max-width: 991px) {
	.navbar-nav .nav-link {font-size:18px;}
}