* {
    -webkit-overflow-scrolling: touch;
}

a, a:hover {
    color: #da604b;
    text-decoration: none;
}

p {
    margin: 0 0 0px;
}

html, body {
	font-family: 'Dosis', sans-serif;
	max-width: 100%;
	overflow-x: hidden;
	font-size: 20px;
	line-height: 30px;
	color: #6e7c7c;


}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Asap Condensed', sans-serif;
	color: #6e7c7c;
	margin: 10px 0px;
	text-transform:uppercase;
	font-weight:400;
}

h1{
	font-size:	46px;
}

h2{
	font-size:	40px;
}

h3{
	font-size:	34px;
}

h4{
	font-size:	28px;
}

h6{
	font-size:50px;
	color:#fff;
	font-weight: 700;
	line-height: 40px;
}


/******************* menu ******************/

.topbar-top {
    background-color: #6d7b7b;
    width: 100%;
    top: 0;
    color: #e6d4bf;
    padding: 10px 0px;
}

.topbar{
	position: relative;
    padding: 47px 0px 0px 0px;
    z-index: 10;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.but:hover{
	
}


.but_text, .but_text:hover, .but_text:active, .but_text:visited{
	font-family: 'Asap Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-decoration:none;		
}

/******************* menu ******************/


/******************* BLOGS ******************/

.blogdate{
	border-right: solid 1px #fff;
	height: 100%;	
	text-align: right;

}

.blog-date-day{
	font-family: 'Asap Condensed', sans-serif;	
	font-size: 36px;
	font-weight: 700;	
	padding-right: 10px;
	color: #6e7c7c;
}

.blog-date-month{
		padding-right: 10px;
		color: #6e7c7c;
}

.bloginfo{
		padding: 15px;
		border-top: solid 1px #fff;	
}

.blogitem{
	padding: 15px;	
}

.blogtitle{
	font-family: 'Asap Condensed', sans-serif;	
	font-weight: 700;
	color: #fff;
	font-size:18pt;	
}

.blogintro{
	font-size: 14pt;
	color: #6e7c7c;	
}

.blogcatlist{
	padding: 10px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;	
	text-align: center;
    margin: 80px 0px 40px 0px;
}

.blogcatlistitem{
	text-transform: uppercase;
    font-family: 'Asap Condensed', sans-serif;
    color: #6e7c7c;
    font-size: 18pt;
	padding: 0px 10px;
	
}

/******************* BLOGS ******************/

/******************* Behandelingen ********************/

.panel-default > .panel-heading {
    background-color: transparent;
    border-top: solid 1px #fff;
}

.panel{
	border: none;
	background: transparent;
		
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}

/******************* Behandelingen ********************/

/******************* Ervaringen ********************/
.ervaringimg{
	width: 300px;
	display:block;
	margin:auto;	
}

.ervaringname{
	width: 300px;
	display:block;
	margin:auto;
	text-align:center;	
}

.ervaringtext{
	width: 80%;
	display:block;
	margin:auto;
	text-align:center;	

}

/******************* Ervaringen ********************/

/******************* content *****************/

.content_box{
	position: relative;
}	

.content_right{
	float: right;
    margin-right: -15px;
	position:relative;
}

.content_right .bgimage{
	mix-blend-mode: darken;
	width:100%;
	text-align:left;
	margin-bottom: -100px;
}


.content_right .contenttitle{
	border-bottom: solid 1px #fff;
	color: #fff;
	    float: right;	
}

.content_right .contenttitle h1{
	color: #fff;	
}

.content_right .image{
	width: 100%;
	text-align: right;	
}



.textleft{
	float: left;
	margin-top: -15%;
	background: #92a3a1;
	color: #fff;
	border-top: solid 1px #fff;
	padding: 40px 80px 40px 0px;
	position:relative;
	margin-left: 15px;
}

.content_left{
	float: left;
    margin-left: -15px;
	position:relative;
}

.content_left .bgimage{
	mix-blend-mode: darken;
	width:100%;
	text-align:right;
    margin-bottom: -100px;
}

.content_left .contenttitle{
	border-bottom: solid 1px #fff;
	color: #fff;	
	width:90%;
	text-align:right;
	    margin-top: 20px;
}

.content_left .contenttitle h1{
	color: #fff;	
}

.content_left .image{
	width: 100%;
	text-align: left;	
}

.textright{
	float: right;
	margin-top: -15%;
	background: #92a3a1;
	color: #fff;
	border-top: solid 1px #fff;
	padding: 40px 0px 40px 40px;
	position:relative;
	margin-right:15px;
}

.cross{
	text-align:center;
	vertical-align:middle;
	height:100%;	
}


/******************* content *****************/

/******************* product *****************/

.productimg-1{
padding: 0px 40px 0px 0px;	
}

.productimg-2{
padding: 0px 20px 0px 20px;	
}

.productimg-3{
padding: 0px 0px 0px 40px;	
}

.product{
	padding: 0px 100px;	
	width:100%;
	white-space:normal;
	z-index: 2000;
	display:block;
	
}

/******************* product *****************/

.shadow{
	    box-shadow: 20px 20px 80px #6f6f6e;
}

/**************** FOOTER *********************/

.footer{
	background:#6e7c7c;
	padding: 15px 0px;	
	margin-top: 0px;
	color:#fff;
	border-top: 1px #fff solid;

}



.footer a {
	font-family: 'Asap Condensed', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	font-size: 18px;
	padding: 0px 40px;
    color: #a2b1af;
    text-decoration: none;
}

.address{
	color: #fff;
	width: 100%;
	text-align:center;	
}

.social_icons{
	color: #fff;
	width: 100%;
	text-align:center;
	margin: 20px 0px;	
}

.social_icon{
	    margin: 5px 10px;
}

/**************** FOOTER *********************/
.clear{
	clear: both;	
}

.body_content ul{
		    margin-left: 20px;;	
	}


/* Small Devices, Tablets */
 @media (max-width: 768px) and (max-width: 992px){
	

	 
	 .body_content {
    position: relative;
    margin: 0px 15px;
}
.navbar-inverse {
    background-color: transparent;
    border: none;
}


	
.wrapper_home{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 5%, #f9e8e0 10%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 5%,#f9e8e0 10%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 5%,#f9e8e0 10%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 10%, #f9e8e0 20%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 10%,#f9e8e0 20%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 10%,#f9e8e0 20%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}


.wrapperblogoverzicht{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 2%, #f9e8e0 5%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 2%,#f9e8e0 5%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 2%,#f9e8e0 5%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapper_blog{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 15%, #f9e8e0 30%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 15%,#f9e8e0 30%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 15%,#f9e8e0 30%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.body_content{
	position: relative;	
}

.topinfo{
	padding-right: 20px;	
}

/******************* content *****************/

.content_box{
	position: relative;
}	

.content_right{
	float: right;
    margin-right: -15px;
	position:relative;
}

.content_right .bgimage{
	mix-blend-mode: darken;
	width:100%;
	text-align:left;
}


.content_right .contenttitle{
	border-bottom: solid 1px #fff;
	color: #fff;
	padding: 0px 20px;	
}

.content_right .contenttitle h1{
	color: #fff;	
}

.content_right .image{
	width: 100%;
	text-align: right;	
}



.textleft{
	float: left;
	margin-top: 0;
	background: #92a3a1;
	color: #fff;
	border-top: solid 1px #fff;
	padding: 40px;
	position:relative;
	margin-bottom: 60px;
	margin-left: 0px;
}

.content_left{
	float: left;
    margin-left: -15px;
	position:relative;
}

.content_left .bgimage{
	mix-blend-mode: darken;
	width:100%;
	text-align:right;
}

.content_left .contenttitle{
	border-bottom: solid 1px #fff;
    color: #fff;
    width: 100%;
    text-align: left;
    padding-left: 15px;
}

.content_left .contenttitle h1{
	color: #fff;	
}

.content_left .image{
	width: 100%;
	text-align: left;	
}

.textright{
	float: right;
	margin-top: 0;
	background: #92a3a1;
	color: #fff;
	border-top: solid 1px #fff;
	padding: 40px;
	position:relative;
	margin-right:0px;
	margin-bottom: 60px;
}

.cross{
	text-align:center;
	vertical-align:middle;
	height:60px;	
}


/******************* content *****************/


.advance{
	position:absolute;
	top: 130px;
	z-index: 0;
}

h1{
	color: #fff;
	margin-top: 60px;	
}

/******************* menu ******************/
#menu{
    padding-top: 7px;	
}

#menu li a {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #6f6f6e;
    margin: 22px 10px 10px 10px;
    padding: 0px;
}

.but {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #da604b;
    border: 1px solid #fff;
    padding: 0px 10px;
    margin: 16px 10px 10px 10px;
    text-transform: uppercase;
	float:left;

}

.btn{
    font-family: 'Asap Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #da604b;
    border: 1px solid #fff;
    padding: 10px 20px;
	text-transform: uppercase;
	
}

.homebannertext {
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
    padding: 0px 80px 80px 0px;
}

/******************* menu ******************/

/******************** multislider ************************/

.multislider{
	width: 100%;
	margin: auto;

}

.multisliderimg{
	position:relative;
   min-height: 210px;
}

.multislidertxt{
	position: absolute;
	bottom: 0;
	left: 0;
	Background: rgba(146,161,163,0.7);
	padding: 10px;
	width:30%;
}

.prodsliderimg{
	position:relative;
    min-height: 360px;	
}

.prodslidertxt{
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px;
	width:30%;
}

/******************** multislider ************************/


.boximgbannerhome{
	margin-bottom: 40px;
	overflow-x:hidden;	

}

.homebannertext {
    position: absolute;
    bottom: 95px;
    text-align: right;
    width: 100%;
    padding: 0px 45px 0px 0px;
    z-index: 100;
}

.bannerhomeimg{
	width:180%;	
}

.homebannertext h1{
    width: 430px;
    text-align: left;
    float: inherit;
    margin-right: 20px;
    font-size: 54px;	
}

.homebannertext h2{
    text-align: left;
    float: right;
    margin: 194px 0px 0px 0px;
    font-size: 35px;
    color: #b88779;	
}

.title{
	border-bottom: 2px solid #fff;
	width:100%;
	text-align: left;
	padding: 20px 0px 0px 0px;	
	margin-top: 0px;
}

.contenttitle{
	border-bottom: 2px solid #fff;
	width:inherit;
	text-align: left;
	padding: 20px 0px 0px 0px;	
}

.socialcontainer{
	height: 64px;
	overflow: hidden;	
}

.mailchimp{
	width:100%;
	padding: 100px 0px;
	text-align:center;	
}

.productimg-1{
padding: 0px 0px 0px 0px;	
}

.productimg-2{
padding: 0px 0px 0px 0px;	
}

.productimg-3{
padding: 0px 0px 0px 0px;	
}

.product{
	padding: 0px 40px 60px 40px;
	width:100%;
	white-space:normal;
	z-index: 2000;
	display:block;
	
}

.blogitem h1{
	margin-top: 60px;	
}

.blogboximg{
	padding: 0px 0px 15px 15px;
	height: 100%px;	
}

.blogboximg_list{
	position:relative;
	padding: 0px;
	height: 380px;	
	overflow: hidden;
	width:100%;
}

.blogitemoverlay{
	position: absolute;
	bottom: 0;
	width:100%;
	z-index: 100;
	background: rgba(91, 91, 91, 0.6);
	padding: 15px;
	text-transform:uppercase;
	font-size: 24px;
    font-weight: 400;
	color: #fff;	
}

.item{
	padding:5px;	
}

.bloginfo_list{
	background: #92a4a2;
	padding: 15px;
	color: #fff;	
}


/************************** intro Home ****************************/

.introright{
	position:relative;
	top: 30%;	
}

.introslider{
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;	
}

.introslider div{
	width:100%;
}

.text{
	    padding: 0px 20px 40px 20px;	
}

.blogtext{
	    padding: 0px 20px 40px 20px;	
}

.introtitle{
	font-family: 'Asap Condensed', sans-serif;
    font-size: 40px;		
    border-top: solid 2px #fff;
    text-align: right;
    padding-right: 40px;
	padding-top: 10px;
    line-height: 30pt;
	text-transform:uppercase;
}

.imgtitle{
	position: absolute;
	bottom: 10px;
	text-align:right;
	color: #6f6f6e;
	padding-right:20px;
		
}

/************************** intro Home ***************************/

.youtube{
	width:100%;
	Height:660px;	
	margin: 40px 0px;
}

.inputnb{
padding:0px 5px; 
margin: 10px 20px 0px 0px; 
border: none; 
background:#e7d5c0; 
color:#fff; position: 
relative; top: 1px;	
width: 100%;
}

}


 @media (min-width: 995px) and (max-width: 1024px){	
.wrapper_home{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 5%, #f9e8e0 10%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 5%,#f9e8e0 10%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 5%,#f9e8e0 10%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 5%, #f9e8e0 20%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 5%,#f9e8e0 20%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 5%,#f9e8e0 20%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapperblogoverzicht{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 2%, #f9e8e0 5%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 2%,#f9e8e0 5%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 2%,#f9e8e0 5%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapper_blog{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 15%, #f9e8e0 30%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 15%,#f9e8e0 30%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 15%,#f9e8e0 30%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.body_content{
	position: relative;	
}

.advance{
	position:absolute;
	top: 130px;
	z-index: 0;
}

h1{
	color: #fff;
	margin-top: 60px;	
}

/******************* menu ******************/
#menu{
	width:100%;
    padding-top: 7px;	
}

#menu li a {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #6f6f6e;
    margin: 22px 10px 10px 10px;
    padding: 0px;
}

.but {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #da604b;
    border: 1px solid #fff;
    padding: 0px 10px;
    margin: 16px 10px 10px 10px;
    text-transform: uppercase;
	float:right;

}

.btn{
    font-family: 'Asap Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #da604b;
    border: 1px solid #fff;
    padding: 10px 20px;
	text-transform: uppercase;
	
}

.homebannertext {
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
    padding: 0px 80px 80px 0px;
}

/******************* menu ******************/

/******************** multislider ************************/

.multislider{
	width: 100%;
	margin: auto;

}

.multisliderimg{
	position:relative;
   min-height: 400px;
}

.multislidertxt{
	position: absolute;
	bottom: 0;
	left: 0;
	Background: rgba(146,161,163,0.7);
	padding: 10px;
	width:30%;
}

.prodsliderimg{
	position:relative;
    min-height: 400px;	
}

.prodslidertxt{
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px;
	width:30%;
}

/******************** multislider ************************/


.boximgbannerhome{
    margin-bottom: 150px;
    background-image: url(../media/advance.png);
    background-size: 100%;	

}

.bannerhomeimg{
	width:100%;	
}

.homebannertext {
    position: absolute;
    bottom: 85px;
    text-align: right;
    width: 100%;
    padding: 0px 45px 0px 0px;
    z-index: 100;
}

.homebannertext h1{
    width: 430px;
    text-align: right;
    float: right;
    margin-right: 20px;
    font-size: 30px;	
}

.homebannertext h2{
    text-align: left;
    float: right;
    margin: 164px 0px 0px 0px;
    font-size: 24px;
    color: #b88779;	
}

.title{
	border-bottom: 2px solid #fff;
	width:100%;
	text-align: left;
	padding: 20px 0px 0px 0px;	
	margin-top: 0px;
}

.contenttitle{
	border-bottom: 2px solid #fff;
	width:100%;
	text-align: left;
	padding: 20px 0px 0px 0px;	
}

.socialcontainer{
	height: 188px;
	overflow: hidden;	
}

.mailchimp{
	width:100%;
	padding: 100px 0px;
	text-align:center;	
}

.productimg-1{
padding: 0px 40px 0px 0px;	
}

.productimg-2{
padding: 0px 20px 0px 20px;	
}

.productimg-3{
padding: 0px 0px 0px 40px;	
}

.product{
	padding: 0px 40px;	
	width:100%;
	white-space:normal;
	z-index: 2000;
	display:block;
	
}

.blogitem h1{
	margin-top: 60px;	
}

.blogboximg{
	padding: 0px 0px 15px 15px;
	height: 260px;	
}

.blogboximg_list{
	position:relative;
	padding: 0px;
	height: 380px;	
	overflow: hidden;
	width:100%;
}

.blogitemoverlay{
	position: absolute;
	bottom: 0;
	width:100%;
	z-index: 100;
	background: rgba(91, 91, 91, 0.6);
	padding: 15px;
	text-transform:uppercase;
	font-size: 24px;
    font-weight: 400;
	color: #fff;	
}

.item{
	padding:5px;	
}

.bloginfo_list{
	background: #92a4a2;
	padding: 15px;
	color: #fff;	
}


/************************** intro Home ****************************/

.introright{
	position:relative;
	top: 30%;	
}

.introslider{
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;	
}

.introslider div{
	width:100%;
}

.text{
	    padding: 0px 80px 40px 140px;	
}
.blogtext{
	    padding: 0px 140px 40px 140px;	
}

.introtitle{
font-family: 'Asap Condensed', sans-serif;
    font-size: 30px;
    border-top: solid 2px #fff;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
    line-height: 23pt;
    text-transform: uppercase;
}

.imgtitle{
	position: absolute;
	bottom: 10px;
	text-align:right;
	color: #6f6f6e;
	padding-right:20px;
		
}

/************************** intro Home ***************************/

.youtube{
	width:100%;
	Height:660px;	
	margin: 40px 0px;
}

.inputnb{
padding:0px 5px; 
margin: 10px 20px 0px 0px; 
border: none; 
background:#e7d5c0; 
color:#fff; position: 
relative; top: 1px;	
width: 90%;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
.wrapper_home{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 5%, #f9e8e0 10%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 5%,#f9e8e0 10%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 5%,#f9e8e0 10%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 5%, #f9e8e0 20%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 5%,#f9e8e0 20%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 5%,#f9e8e0 20%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapperblogoverzicht{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 2%, #f9e8e0 5%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 2%,#f9e8e0 5%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 2%,#f9e8e0 5%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.wrapper_blog{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92a3a1+0,ddb9b5+20,ddc7ba+69,92a3a1+100 */
background: #92a3a1; /* Old browsers */
background: -moz-linear-gradient(top, #92a3a1 15%, #f9e8e0 30%, #f0daae 80%, #92a3a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #92a3a1 15%,#f9e8e0 30%,#f0daae 80%,#92a3a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #92a3a1 15%,#f9e8e0 30%,#f0daae 80%,#92a3a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92a3a1', endColorstr='#92a3a1',GradientType=0 ); /* IE6-9 */	
}

.body_content{
	position: relative;	
}

.advance{
	position:absolute;
	top: 0px;
	z-index: 0;
}

h1{
	color: #fff;
	margin-top: 60px;	
}

/******************* menu ******************/
#menu{
	width:100%;
    padding-top: 7px;	
}

#menu li a {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #6f6f6e;
    margin: 28px 15px 10px 15px;
    padding: 0px;
}

.but {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #da604b;
    border: 1px solid #fff;
    padding: 0px 10px;
    margin: 20px 10px 10px 10px;
    text-transform: uppercase;
	float:right;
}

.btn{
    font-family: 'Asap Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #da604b;
    border: 1px solid #fff;
    padding: 10px 20px;
	    text-transform: uppercase;
	
}

.homebannertext {
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
    padding: 0px 80px 80px 0px;
}

/******************* menu ******************/

/******************** multislider ************************/

.multislider{
	width: 100%;
	margin: auto;

}

.multisliderimg{
	position:relative;
   min-height: 400px;
}

.multislidertxt{
	position: absolute;
	bottom: 0;
	left: 0;
	Background: rgba(146,161,163,0.7);
	padding: 10px;
	width:30%;
}

.prodsliderimg{
	position:relative;
    min-height: 400px;	
}

.prodslidertxt{
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px;
	width:30%;
}

/******************** multislider ************************/


.boximgbannerhome{
    margin-bottom: 150px;
    background-image: url(../media/advance.png);
    background-size: 100%;	

}

.bannerhomeimg{
	width:100%;	
}

.homebannertext {
    position: absolute;
    bottom: 85px;
    text-align: right;
    width: 100%;
    padding: 0px 45px 0px 0px;
    z-index: 100;
}

.homebannertext h1{
    width: 430px;
    text-align: right;
    float: right;
    margin-right: 20px;
    font-size: 40px;	
}

.homebannertext h2{
    text-align: left;
    float: right;
    margin: 194px 0px 0px 0px;
    font-size: 26px;
    color: #b88779;	
}

.title{
	border-bottom: 1px solid #fff;
	width:100%;
	text-align: left;
	padding: 20px 0px 0px 0px;	
	margin-top: 100px;
}

.contenttitle{
	border-bottom: 2px solid #fff;
	width: 90%;
    text-align: left;
    padding: 20px 0px 0px 0px;
}

.socialcontainer{
	height: 100%;
	overflow: hidden;	
}

.mailchimp{
	width:100%;
	padding: 50px 0px;
	text-align:center;	
}

.productimg-1{
padding: 0px 40px 0px 0px;	
}

.productimg-2{
padding: 0px 20px 0px 20px;	
}

.productimg-3{
padding: 0px 0px 0px 40px;	
}

.product{
	padding: 0px 40px;	
	width:100%;
	white-space:normal;
	z-index: 2000;
	display:block;
	
}

.blogitem h1{
	margin-top: 60px;	
}

.blogboximg{
	padding: 0px 0px 15px 15px;
	height: 260px;	
}

.blogboximg_list{
	position:relative;
	padding: 0px;
	height: 380px;	
	overflow: hidden;
	width:100%;
}

.blogitemoverlay{
	position: absolute;
	bottom: 0;
	width:100%;
	z-index: 100;
	background: rgba(91, 91, 91, 0.6);
	padding: 15px;
	text-transform:uppercase;
	font-size: 24px;
    font-weight: 400;
	color: #fff;	
}

.item{
	padding:5px;	
}

.bloginfo_list{
	background: #92a4a2;
	padding: 15px;
	color: #fff;	
}


/************************** intro Home ****************************/

.introright{
	position:relative;
	top: 30%;	
}

.introslider{
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;	
}

.introslider div{
	width:100%;
}

.text{
	    padding: 0px 230px 40px 230px;	
}

.blogtext{
	    padding: 0px 170px 40px 170px;	
}

.texthome{
	    padding: 0px 80px 40px 170px;	
}

.introtitle{
    font-family: 'Asap Condensed', sans-serif;
    font-size: 36px;
    border-top: solid 1px #fff;
    text-align: right;
    padding-right: 40px;
    padding-top: 10px;
    line-height: 29pt;
    text-transform: uppercase;
}

.imgtitle{
	position: absolute;
	bottom: 10px;
	text-align:right;
	color: #6f6f6e;
	padding-right:20px;
		
}

/************************** intro Home ***************************/

.youtube{
	width:100%;
	Height:660px;	
	margin: 40px 0px;
}


.inputnb{
padding:0px 5px; 
margin: 10px 20px 0px 0px; 
border: none; 
background:#e7d5c0; 
color:#fff; position: 
relative; top: 1px;	
width: 90%;
}
}
