/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{
    outline:none
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 15px;
    line-height: 19px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.noscroll {
    overflow: hidden;
}

.clearfix:before,
.clearfix:after {
   content: '\0020';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
   
/*PLACEHOLDER*/
::-webkit-input-placeholder { / WebKit, Blink, Edge /
color: #666;
} :-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #666;
}
::-moz-placeholder { / Mozilla Firefox 19+ /
color: #666;
} :-ms-input-placeholder { / Internet Explorer 10-11 /
color: #666;
}

/*IFRAME RESPONSIVE*/
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*MAIN TYPO*/
p{
    margin:0;
    padding:0;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	
}

a {
	text-decoration: none;
	color: inherit;
}

li {
	list-style-type: none;
}

form h3 {
	font-size: 24px;
}

.CaptionCont, .SelectBox{
	border-radius: 0 !important;
	padding-top: 7px !important;
	padding-bottom: 8px !important;
	border-color: #ccc !important;
	color: #666 !important;
}

input.text,
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/* LINK ANIMATIONS */

.animation-yellow {
	/*border-bottom: 4px solid #FFEA4A;*/
	display: inline-block;
}

.animation-yellow a {
	text-decoration: none !important;
}

.animation-yellow::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #FFEA4A;
    transition: width .2s;
	margin-top: 10px;
}

.animation-yellow:hover::after {
    width: 8%;
}

.animation-black {
	/*border-bottom: 4px solid #FFEA4A;*/
	display: inline-block;
}

.animation-black a {
	text-decoration: none !important;
}

.animation-black::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #232020;
    transition: width .2s;
	margin-top: 10px;
}

.animation-black:hover::after {
    width: 8%;
}


.animation-yellow-reverse {
	/*border-bottom: 4px solid #FFEA4A;*/
	display: inline-block;
}

.animation-yellow-reverse a {
	text-decoration: none !important;
}

.animation-yellow-reverse::after {
    content: '';
    display: block;
    width: 50%;
    height: 4px;
    background: #FFEA4A;
    transition: width .3s;
	margin: 10px auto 0;
}

.animation-yellow-reverse:hover::after {
    width: 100%;
}

.animation-black-reverse {
	display: inline-block;
	text-transform: uppercase;
	font-size: 21px;
	padding: 5px;
	letter-spacing: 2px;
	margin-top: 30px;
}

.animation-black-reverse a {
	text-decoration: none !important;
}

.animation-black-reverse::after {
    content: '';
    display: block;
    width: 50%;
    height: 4px;
    background: #232020;
    transition: width .3s;
	margin: 10px auto 0;
}

.animation-black-reverse:hover::after {
	width: 100%;
}


.animation-yellow-start-empty {
	/*border-bottom: 4px solid #FFEA4A;*/
	display: inline-block;
}

.animation-yellow-start-empty a {
	text-decoration: none !important;
}

.animation-yellow-start-empty::after {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    background: #FFEA4A;
    transition: width .2s;
	margin-top: 10px;
}

.animation-yellow-start-empty:hover::after {
    width: 50%;
}

.animation-black-start-empty {
	/*border-bottom: 4px solid #FFEA4A;*/
	display: inline-block;
}

.animation-black-start-empty a {
	text-decoration: none !important;
}

.animation-black-start-empty::after {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    background: #232020;
    transition: width .2s;
	margin-top: 10px;
}

.animation-black-start-empty:hover::after {
    width: 50%;
}

/*LOGO*/
.main-logo {
	cursor:pointer;
	margin-top:30px;
}

/* SOCIAL MEDIA */
#sm-icons a{
	padding: 0px 5px;	
	padding-left: 0;
}

/* FOOTER */
#footer {
	
}

#footer ul.main-nav li.menuitem{
	float:left;
	list-style:none;
	padding: 0px 5px;
	cursor:pointer;
	
}
#footer ul.main-nav li.menuitem:hover{
	text-decoration:underline;	
}

#header-wrapper{
	width: 100%;
	margin: 0;
	box-sizing: border-box; 
	background-size: cover;
	background-position: top; 
}

#header{
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 100px;
}

.main-logo img {
	width:320px;
	height:auto;
	float: left;
	padding-right: 15px;
	box-sizing: border-box;
}

#header-left {
	width: 30%;
	float: left;
	padding: 0 0 0 0px;
	box-sizing: border-box;
}

#header-right{
	width: 70%;
	float: right;
}

/* SECONDARY NAV */

#secondary-nav-wrapper {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	position: relative;
}

#secondary-nav-left{
	width: 50%;
	background-color: #232020;
	display: inline-block;
}

#secondary-nav-left-content{
	width: 100%;
	max-width: 640px;
	box-sizing: border-box;
	float: right;
	padding: 30px;
	padding-left: 0;
	padding-right: 60px;
	display: inline-block;
	color: #FFFFFF;
}

#secondary-nav-left-content h1 {
	line-height: 45px;;
	letter-spacing: 2px;
	font-size: 39px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#secondary-nav-left-content a {
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: lighter
}

#secondary-nav-left-content a:hover {
	color: #FFEA4A;
}

#secondary-nav-left-content a svg {
	color: #FFEA4A;
}

#secondary-nav-left li {
	margin-bottom: 20px;
}

#secondary-nav-right{
	width: 60%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-image: url("../../img/middel1.png");
	background-size: cover;
	background-position: center;
	display: block;
}

/* PAGE REDIRECT */

.page-redirection-wrapper{
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
	background-image: url("../../img/Wood-Yellow.jpg");
	background-size: cover;
	color: #232020;
	padding-bottom: 46px;
	padding-top: 60px;
}

.page-redirection-wrapper .animation-black-reverse{
	margin-top: 0;
}

.black{
	background-image: none;
	background-color: #232020 !important;
	color: #FFEA4A;
}

.page-redirection-wrapper span {
	font-size: 37px;
	display: block;
	padding-bottom: 30px;
	width: 76%;
	line-height: normal;
	margin: auto;
}

.page-redirection-wrapper a {
	/*border-bottom: 4px solid #232020;*/
	text-transform: uppercase;
	font-size: 21px;
	padding: 5px;
	display: inline-block;
}

.page-redirection-wrapper span::before{
	content: '\201c';
}

.page-redirection-wrapper span::after{
	content: '\201d';
}

/* REALISATIONS */

#realisations-wrapper {
	width: 100%;
}

.realisations {
	display: flex;
	width: 100%;
	min-height: 38vh
}

.realisation-item {
	flex: 1 50%;
	padding: 50px;
	box-sizing: border-box;
}

.realisation-item-left {
	width: 100%;
	max-width: 590px;
	float: right;
}

.realisation-item-right {
	width: 100%;
	max-width: 590px;
}

.realisation-item.bg-image {
	background-image: url("../../img/arts-and-crafts-carpenter-carpentry-175709.jpg");
	background-size: cover;
	background-position: center;
}

.realisation-item h2 {
	font-size: 39px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 45px;
}

.realisation-item p {
	font-size: 17px;
	margin-bottom: 60px;
	line-height: 34px;
}

.realisation-item a {
	/*text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 17px;
	padding-bottom: 6px;
	/*border-bottom: 4px solid #FFEA4A;*/
	text-decoration: underline;
}

.realisation-item a.animation-yellow {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 17px;
	padding-bottom: 6px;
	text-decoration: none;
	/*border-bottom: 4px solid #FFEA4A;*/
}

/* NEWS */

#news-wrapper {
	width: 100%;
	background-color: #EEEEEE;
	padding-bottom: 45px;
}

#news {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}

#news h3 {
	font-size: 17px;
	font-weight: normal;
	padding-top: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
}

#news-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.news-item {
	width: 30%;
	background-color: #FFFFFF;
	margin-bottom: 50px;
}

.news-item div {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 70px;
}

.news-item span {
	font-size: 17px;
	letter-spacing: 2px;
}

.news-item h4 {
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 2px;
}

.news-item p {
	font-size: 14px;
	line-height: 34px;
	margin-bottom: 50px;
}

.news-item a {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 17px;
	padding-bottom: 6px;
	/*border-bottom: 4px solid #FFEA4A;*/
}

/* FOOTER */

#footer-wrapper {
	width: 100%;
	background-color: #232020;
	padding-top: 30px;
}

#footer {
	width: 100%;
	max-width: 1280px;
	padding-top: 80px;
	padding-bottom: 40px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

#footer-left {
	float: left;
}

#footer-right {
	float: right;
	width: 30%;
}

#footer h3 {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
	margin-bottom: 30px;
}

#footer a svg {
	color: #FFEA4A;
	margin-right: 6px;
}

#footer-left li {
	padding-bottom: 10px;
}

#footer-left > ul {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	column-gap: 60px;
}

#footer-left > ul > li {
	break-inside: avoid-column;
	page-break-inside: avoid;
}

#footer-left > ul > li > ul {
	margin: 0;
	margin-left: 34px;
	margin-top: 20px;
}

#footer-left > ul > li > ul > li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #FFEA4A; /* Change the color */
	display: inline-block; /* Needed to add space between the bullet and the text */ 
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#footer-right b {
	font-weight: bolder;
}

#footer-right p {
	font-weight: lighter;
	line-height: 24px;
	font-size: 17px;
	margin-bottom: 20px;
}

#footer-right a {
	text-decoration: underline;
}

#footer a:hover {
	color: #FFEA4A;
}

/* TITLE */

.title-wrapper{
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
	background-image: url("../../img/Wood-Yellow.jpg");
	background-size: cover;
	color: #232020;
	
}

.title-wrapper h2 {
	font-size: 39px;
	font-weight: normal;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
}

.title {
	width: 100%;
	max-width: 1280px;;
	margin: 0 auto;
}

/* SLIDESHOW */

#slideshow-wrapper {
	width: 100%;
	background-color: #232020;
	height: 90vh;
}

#slideshow {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 90vh;
}

.btn-left{
	position: absolute;
	top: 47%;
	font-size: 60px;
	color: #FFFFFF;
	left: 4rem;
	z-index: 502;
}

.btn-right{
	position: absolute;
	top: 47%;
	font-size: 60px;
	color: #FFFFFF;
	right: 4rem;
	z-index: 502;
}

#carousel {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
}

#carousel div {
	height: 100%;
}

#carousel img{
	height: 100%;
	width: auto !important;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 500;
	display: block !important;
}

/* DETAIL-CONTENT */

#detail-content-wrapper {
	width: 100%;
	background-image: url('../../img/Wood-Yellow.jpg');
	background-size: cover;
	padding-bottom: 45px
}

#detail-content {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	padding-top: 100px;
}

#detail-content-left {
	width: 16%;
}

#detail-content-right {
	width: 40%;
}

#detail-content-right a{
	text-decoration: underline;
}

#detail-content-left a {
	font-size: 17px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 11px;
}

#detail-content h2 {
	margin-top: 0;
	font-size: 39px;
	letter-spacing: 2px;
	line-height: 48px;
}

#detail-content p {
	font-size: 17px;
	line-height: 30px;
	padding-top: 45px;
	padding-bottom: 60px;
}

#detail-content-right a.animation-black {
	text-transform: uppercase;
	font-size: 21px;
	text-decoration: none;
}

/* MAIN-CONTENT */

#main-content-wrapper {
	width: 100%;
}

#main-content {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

#main-content a {
	text-decoration: underline;
}

#main-content-left {
	width: 50%;
}

#main-content-left-copy {
	width: 640px;
	max-width: 640px;
	box-sizing: border-box;
	float: right;
	padding: 30px;
	padding-right: 60px;
	padding-left: 0;
}

#main-content-left-copy p {
	font-size: 17px;
	line-height: 26px;
	font-weight: 300;
/*	margin-top: 40px;*/
}

#main-content-right {
	width: 50%;
	position: relative;
	/*background-image: url('../../img/bench-furniture-wood-103674.jpg');*/
	background-size: cover;
	background-position: center center;
}

.carousel-item {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

#main-content-right form{
	width: 80% !important;
	margin: 0 auto;
	margin-left: 50px;
}

.slick-current, .slick-list, .slick-track , .slick-current div, .slick-list div{
	height: 100%;
}

/* MEDIA QUERIES SCREEN */

@media only screen and (max-width: 1279px) {
	#footer{
		padding: 0 50px;
		box-sizing: border-box;
	}
	#news{
		padding: 0 50px;
		box-sizing: border-box;
	}
	#header{
		padding: 50px 50px 100px;
		box-sizing: border-box;
	}
	#secondary-nav-left-content{
		padding-left: 50px;
	}
	
	#slideshow-wrapper {
		height: 75vh;
	}
	
	#slideshow {
		height: 75vh;
	}
	
	#detail-content{
		padding-left: 50px;
		padding-right: 50px;
		box-sizing: border-box;
	}
	
	#detail-content-left {
		width: 26%;
	}
	
	.title{
		box-sizing: border-box;
		padding-left: 50px;
		padding-right: 50px;
	}
	
	#main-content-left-copy{
		float: left;
		padding-left: 50px;
		width: 80%;
	}
	
	#secondary-nav-right {
		width: 50%;;
	}
	
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#news-items{
		flex-wrap: wrap;
	}
	
	.news-item{
		width: 45%;
		margin: auto;
		margin-bottom: 30px;
	}
	
	#slideshow, #slideshow-wrapper {
		height: 60vh;
	}
	
	.btn-left {
		font-size: 40px;
		left: 3rem;
	}
	
	#main-content .btn-left-page{
		left: 55% !important;
	}
	
	.btn-right {
		font-size: 40px;
		right: 3rem;
	}
	
	#secondary-nav-left{
		width: 58%;
	}
	
	.realisation-item h2 {
		font-size: 30px;
	}
	
	#main-content-left{
		width: 100%;
	}
	
	#main-content-left-copy{
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-left: 50px;
		padding-right: 50px;
	}
	
	

}

/* Tablet Portrait size to standard 960 (devices and browsers) iPad Portrait*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#header{
		width: 100%;
		box-sizing: border-box;
		
	}
	
	#header-left {
		width: 100%;
		box-sizing: border-box;
		padding: 0 0px;
		max-width: 100%;
	}
	
	#header-right {
		width: 100%;
		max-width: 100%;
	}
	
	#secondary-nav-left{
		width: 100%;
	}
	
	#secondary-nav-left-content{
		float: none;
		
	}
	
	#secondary-nav-right{
		display: none;
	}
	
	.realisations {
		flex-wrap: wrap;
	}
	
	.realisation-item {
		flex: 100%;
	}
	
	.bg-image{
		order: -1;
		min-height: 40vh;
	}
	
	.picture{
		width: 20% !important;
	}
	
	.news-item {
		width: 100%;
	}
	
	#footer-left{
		float: none;
		width: 100%;
	}
	
	#footer-right{
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
	
	#footer-left > ul {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		column-gap: 0;
	}
	
	/* SLIDESHOW */

	#slideshow, #slideshow-wrapper {
		height: 40vh;
	}
	
	#detail-content {
		display: block;
		padding-top: 24px;
	}
	
	#detail-content-left{
		width: 100%;
	}
	
	#detail-content-right{
		width: 100%;
	}
	
	#detail-content h2 {
		font-size: 36px;
	}
	
	#main-content {
		flex-wrap: wrap;
	}
	
	#main-content-left {
		width: 100%;
	}
	
	#main-content-right {
		width: 100%;
		min-height: 40vh;
	}
	
	
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) iPhone Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) iPhone Portrait*/
@media only screen and (max-width: 479px) {

/*IPHONE ZOOM FIX*/
input[type='text'],
select:focus,
textarea {
	font-size: 16px;
}




/* LOGO */
.main-logo img {
	width:200px !important;
	height:auto !important;
}

}