@charset "utf-8";





::selection {

	background: #f5bc43;

	color:#000;

	}

::-moz-selection {

	background: #f5bc43;

	color:#000;

}





a {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-touch-callout: none;

}



body, html {

	background:#FFF;

	font-size:16px;

	color:#87888a;

	font-family: 'Muli','Lato',Arial, Helvetica,sans-serif;

	height: 100%;

	position: relative;

	

}



body { overflow-x:hidden; }



h1 {

	display: block;

	/*font-weight: bold;*/

	font-size:30px;

	margin-bottom:10px;

	color:#3F3F3F;

}



h2 { color:#87888a; font-size:16px; margin:10px 0px;  font-weight:bold; }

h3 { color:#87888a; font-size:14px; margin:10px 0px; font-weight:bold; }



.page-content ul li  { list-style-position: outside; list-style-type: disc; margin:5px 0px 5px 15px; }





a,a:hover,a:focus {

	color:#000;

	text-decoration: none;

}



.page-content{

	line-height: 1.6;

	font-weight: normal;

}



#map {	width:100%;	height:450px;	color:#000; border:1px solid #000;margin-top:20px; margin-bottom:20px; }



#map img { max-width:none; }



form input,form textarea,form select{



	border-radius: 2px;

	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.07);

	border:1px solid #c9c4b8;

	padding:4px;

}



textarea{resize:none; }



form input:focus , form textarea:focus{

	box-shadow: none;

}





form input.error , form textarea.error {

	background: #fff3f4;

	border:1px solid #a70000;

}





.button,

form button{





	color: #FFF;

	padding: 10px 20px;

	font-size:15px;

	background:#f5bc43;

	border:none;

	border-radius:3px;

	color:#232524;



	cursor: pointer;

	cursor:hand;

}



.button{

	display: inline-block;

	margin:0;

	font-size: 14px;

}



.form.newsletter button{

	margin-left:160px;

}



#sitemap a {

    text-decoration:none;

    padding: 5px 5px 5px 20px;

    background-image: url('https://www.schrijnwerkbrugge.be/data/images/skin/default/icon_sitemapcategory_01.png');

    background-repeat: no-repeat;

    background-position: left center;

    color:#000;



}



#sitemap li  {

    margin:0px 15px;

    padding:7px 4px;

    padding-left:0px;

    font-size:15px;

    list-style: none;

    list-style-position: inside;

}



#sitemap li.mainCat{

	margin-left:40px;

}



#sitemap ul {

    margin:0px;

    padding:2px;

    padding-left:5px;

    list-style-position: inside;

    list-style: none;

}



#sitemap li {

    font-weight:normal;

    list-style-position: inside;

}



#sitemap li a {

    padding: 0px 5px 0px 20px;

    background: url("https://www.schrijnwerkbrugge.be/data/images/skin/default/list.png") no-repeat left center;

    font-size:15px;

}

#sitemap li.sub{

	margin-left:35px;

}

#sitemap li.subsub{

	margin-left:55px;

}



#sitemap li.subsubsub{

	margin-left:75px;

}



#sitemap li.sub a , #sitemap li.subsub a , #sitemap li.subsubsub a{

	color:#686868;

	background: none;

}



.errorForm {

	color:#e51e23;

	margin:20px 0px;

	padding:10px;

	font-size:13px;

}



.errorForm li {

	margin-left:30px;

	padding: 1px 0px;

	list-style: disc;

	list-style-position: outside;

}



.overlay-link{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	display: block;

}



/* specific styles */

.wrap .main-section-window{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}





.wrap .section-wrapper{

	

	height: 300vh;



	transform:translate3d(0,0,0);

	-webkit-transform:translate3d(0,0,0);



/*	transition:all .6s ease;

	-webkit-transition:all .6s ease;

	-moz-transition:all .6s ease;

	-ms-transition:all .6s ease;

	-o-transition:all .6s ease;*/



	transition:all .6s cubic-bezier(.55,0,.1,1);

	-webkit-transition:all .6s cubic-bezier(.55,0,.1,1);

	-moz-transition:all .6s cubic-bezier(.55,0,.1,1);

	-ms-transition:all .6s cubic-bezier(.55,0,.1,1);

	-o-transition:all .6s cubic-bezier(.55,0,.1,1);



	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;





}



.wrap.main-open .section-wrapper{

	transform:translate3d(0,0,0);

	-webkit-transform:translate3d(0,0,0);

}



.wrap.about-open .section-wrapper{

	transform:translate3d(0,-100vh,0);

	-webkit-transform:translate3d(0,-100vh,0);

}



.wrap.contact-open .section-wrapper{

	transform:translate3d(0,-200vh,0);

	-webkit-transform:translate3d(0,-200vh,0);

}



.wrap .section-wrapper .page-section{

	height: 100vh;

	width: 100vw;

	display: block;

	position: relative;

}



.page-wrap{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	height: 100%;

	width: 100%;

}



.page-wrap .page-panel{

	position: absolute;

	top: 0;

	bottom: 0;

	height: 100%;

}



.page-wrap .page-panel.left-panel{

	left: 0;

	bottom: 56px;

	height: auto;

	right: 420px;

	background:#232524;

}



.page-wrap .page-panel.right-panel{

	right: 0;

	width: 420px;

	background:#232524;

	padding:20px;

	padding-top: 40px;

	padding-right: 80px; 

}

.logo-wrap{

	position: relative; 

	text-align: right;

	padding-bottom: 20px;

	border-bottom: 1px solid #65542e;

	display: inline-block;

}



.nav-logo-wrap .nav-logo-owner .logo-icon,

.logo-wrap .logo-icon{

	width: 12px;

	height: 12px;

	display: inline-block;

	vertical-align: baseline;

	margin-right: 10px;

	background: #f5bc43;

}



.nav-logo-wrap .nav-logo-owner .logo-text,

.logo-wrap .logo-text{

	display: inline-block;

	vertical-align: baseline;

	font-weight: 100;

	font-size: 25px;

	color:#FFF;

}



.logo-slogan{margin-top: 20px;text-align: right; }



.logo-slogan .main-slogan,

.logo-slogan .sub-slogan{

	color:#f5bc43;

	font-weight: 100;

}





.logo-slogan .main-slogan{

	font-size: 19px;

	margin-bottom:10px;

}

.logo-slogan .sub-slogan{

	font-size: 16px;

}



.page-wrap .right-panel .main-content-panel{

	height: 70%;

	overflow: hidden;

	color:#FFF;

	margin-top:70px;

	padding-left: 10px;

	margin-right: -20px;

	font-weight: 100; 

	position: relative;

}



#right-panel{height: 100%; }

.page-wrap .right-panel .main-content-panel .custom-scroll{

	height: 100%;

	overflow: hidden;

}







.main-content-panel h1,

.main-content-panel h2,

.main-content-panel h3,

.main-content-panel h4{

	color:#f5bc43;

}



.page-wrap .right-panel .main-content-panel strong,

.page-wrap .right-panel .main-content-panel b{

	color:#f5bc43;

}



.main-slider{



	perspective : 300px;

	-webkit-perspective : 300px;



	opacity: 0;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 1;

}



.main-slider .main-slider-blanket{

	background:#232524;

	z-index: 2;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top:0;

}



.main-slider .main-slide.active{

	z-index: 4;

}



.main-slider .main-slide.inactive{

	z-index: 3;

}



.main-slider .main-slide .main-slide-pic,

.main-slider .main-slide .main-slide-title{

	/*opacity: 0;*/

}



.main-slide .main-slide-pic,

.main-slider .main-slide{

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	width: 100%;

	height: 100%;



	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;



	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;



	transform:translate3d(0,0,0);

	-webkit-transform:translate3d(0,0,0);

	z-index: 1;

}





.main-slider .main-slide{

	transform:translate3d(0,100%,0);

	-webkit-transform:translate3d(0,100%,0);

	box-shadow: 0px 0px 50px rgba(0,0,0,0.7);

}





.main-slider .main-slide-title{

	position: absolute;

	right: 30px;

	bottom: 26px;

	text-align: right;

	font-size:25px;

	/*font-weight: 100;*/

	text-shadow:0px 1px 2px rgba(0,0,0,0.4); 

	color:#FFF;

	font-style: italic;

	background:rgba(0,0,0,0.6);

	padding:20px;

	z-index: 2;

}



.wrap .navigation{

	position: fixed;

	left: 0;

	right: 0;

	top:-56px;

	background:#FFF;

	z-index: 2;

	border-bottom: 1px solid #CCC;



	transform:translate3d(0,100vh,0);

	-webkit-transform:translate3d(0,100vh,0);



	transition:all .6s cubic-bezier(.55,0,.1,1);

	-webkit-transition:all .6s cubic-bezier(.55,0,.1,1);

	-moz-transition:all .6s cubic-bezier(.55,0,.1,1);

	-ms-transition:all .6s cubic-bezier(.55,0,.1,1);

	-o-transition:all .6s cubic-bezier(.55,0,.1,1);

}



.wrap.normal-open .navigation,

.wrap.about-open .navigation,

.wrap.contact-open .navigation{

	top: 0;

	transform:translate3d(0,0,0);

	-webkit-transform:translate3d(0,0,0);

}



.navigation .nav-wrap{

	font-size: 0;

}

.navigation .nav-wrap li{

	display: inline-block;

}

.navigation .nav-wrap li a{

	padding:15px 25px;

	color:#030303;

	font-size: 16px;

	text-transform: lowercase;

	display: block;

}

.navigation .nav-wrap li a.active,

.navigation .nav-wrap li:hover a{

	background:#f5bc43;

}



.wrap .nav-logo-wrap{

	overflow: hidden;

	height: 56px;

	padding-right: 60px;

	text-align: right;

}



.wrap .nav-logo-wrap .inner-nav-logo-wrap{



	transform:translate3d(0,0,0);

	-webkit-transform:translate3d(0,0,0);

	transition:all .6s cubic-bezier(.55,0,.1,1);

	-webkit-transition:all .6s cubic-bezier(.55,0,.1,1);

	-moz-transition:all .6s cubic-bezier(.55,0,.1,1);

	-ms-transition:all .6s cubic-bezier(.55,0,.1,1);

	-o-transition:all .6s cubic-bezier(.55,0,.1,1);

}



.wrap.normal-open .nav-logo-wrap .inner-nav-logo-wrap,

.wrap.about-open .nav-logo-wrap .inner-nav-logo-wrap,

.wrap.contact-open .nav-logo-wrap .inner-nav-logo-wrap{

	transform:translate3d(0,-50%,0);

	-webkit-transform:translate3d(0,-50%,0);

}



.wrap.normal-open .content-wrap{

	padding-top: 100px;

}



.wrap .nav-logo-wrap .nav-logo-owner .logo-text{

	color:#232524;

	font-size:26px; 

}



.wrap .nav-logo-wrap .nav-logo-creator{

	font-size: 15px;

	padding:20px;

}

.wrap .nav-logo-wrap .nav-logo-owner{

	padding:15px 20px;

	font-size:26px; 

}



.page-section .normal-page-wrap{

	position: absolute;

	right: 0;

	top: 56px;

	bottom: 0;

	left: 0;

	padding:80px;

	z-index: 2;



	perspective:600px;

	-webkit-perspective:600px;

}



#contact-section.page-section{

	perspective:600px;

	-webkit-perspective:600px;	

}



.wrap #about-section.page-section{

	background: url("https://www.schrijnwerkbrugge.be/data/images/skin/default/about-pat.jpg") repeat center center;

}



.wrap #about-section.page-section .normal-page-wrap .inner-normal-page-wrap{

	position: absolute;

	left:50%;

	top:50%;

	

	border: 1px solid #CCC;

	padding:40px;

	background:#FFF;

	width: 100%;

	max-width: 1200px;

	z-index: 2;





	/*transfrom:translate3d(-50%,-50%,0);

	-webkit-transfrom:translate3d(-50%,-50%,0);*/

	

	transform:translate3d(-50%,50%,0) rotateX(65deg) scale(.8);

	-webkit-transform:translate3d(-50%,50%,0) rotateX(65deg) scale(.8);

	opacity: 0;



	/*opacity: 0;*/



	transition:all .4s cubic-bezier(.55,0,.1,1);

	-webkit-transition:all .4s cubic-bezier(.55,0,.1,1);

	-moz-transition:all .4s cubic-bezier(.55,0,.1,1);

	-ms-transition:all .4s cubic-bezier(.55,0,.1,1);

	-o-transition:all .4s cubic-bezier(.55,0,.1,1);



}



.wrap .contact-page-wrap{

	background:rgba(255,255,255,0.8);



	position: absolute;

	left:35%;

	top:50%;

	

	border: 1px solid #CCC;

	padding:40px;

	width: 100%;

	max-width: 500px;

	z-index: 2;





	/*transfrom:translate3d(-50%,-50%,0);

	-webkit-transfrom:translate3d(-50%,-50%,0);*/

	

	transform:translate3d(-50%,50%,0) rotateX(65deg) scale(.8);

	-webkit-transform:translate3d(-50%,50%,0) rotateX(65deg) scale(.8);

	opacity: 0;



	/*opacity: 0;*/



	transition:all .4s cubic-bezier(.55,0,.1,1);

	-webkit-transition:all .4s cubic-bezier(.55,0,.1,1);

	-moz-transition:all .4s cubic-bezier(.55,0,.1,1);

	-ms-transition:all .4s cubic-bezier(.55,0,.1,1);

	-o-transition:all .4s cubic-bezier(.55,0,.1,1);



}



.wrap.contact-open .contact-page-wrap{

	

	transform:translate3d(-50%,-50%,0) rotateX(0deg) scale(1);

	-webkit-transform:translate3d(-50%,-50%,0) rotateX(0deg) scale(1);

	opacity: 1;



	transition-delay:0s;

	-webkit-transition-delay:0s;

}



.wrap #map{

	position: absolute;

	left: 0;

	right: 0;

	top:36px;

	bottom: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}



.wrap.about-open #about-section.page-section .normal-page-wrap .inner-normal-page-wrap{

	transform:translate3d(-50%,-50%,0) rotateX(0) scale(1);

	-webkit-transform:translate3d(-50%,-50%,0) rotateX(0) scale(1);

	opacity: 1;



	transition-delay:.3s;

	-webkit-transition-delay:.3s;

}



.wrap.contact-open #about-section.page-section .normal-page-wrap .inner-normal-page-wrap{

	transform:translate3d(-50%,-80%,0) rotateX(-65deg) scale(.8);

	-webkit-transform:translate3d(-50%,-80%,0) rotateX(-65deg) scale(.8);

	opacity: 0;



	transition-delay:0s;

	-webkit-transition-delay:0s;

}



.slideshow-wrapper{

	height: 400px;

	width: 100%;

	position: relative;

	border:1px solid #CCC;

}



.slideshow-wrapper .slideshow-item{

	width: 100%;

	height: 400px;

	display: block;

	overflow: hidden;

	background-size: cover;

	background-position: center center;

}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{

	box-shadow: none !important; 

	border:1px solid #CCC;

	height: auto;

	border-radius: 3px;

}



.prev-slide-btn,

.next-slide-btn{

	display: block;

	position: absolute;

	left:50%;

	bottom: 110px;

	transform:translate3d(-50% , 0 , 0);

	-webkit-transform:translate3d(-50% , 0 , 0);

	z-index: 5;

	width: 80px;

	height: 50px;



}



.prev-slide-btn{

	top: 100px;

	transform:translate3d(-40% , 0 , 0);

	-webkit-transform:translate3d(-40% , 0 , 0);

}



.prev-slide-btn:after,

.prev-slide-btn:before,

.next-slide-btn:after,

.next-slide-btn:before{

	content:'';

	width: 30px;

	height: 6px;

	border-radius: 10px;

	background:#FFF;

	position: absolute;

	left:50%;

	top:50%;

	

	-webkit-transform: translate3d(15%,-50%,0) rotate(-45deg);

	transform: translate3d(15%,-50%,0) rotate(-45deg);

	-webkit-transform-origin: right center;

	transform-origin: right center;

	/*box-shadow: 0px 0px 10px rgba(0,0,0,.2);*/

}



.next-slide-btn:before{

	transform: translate3d(-15%,-50%,0) rotate(45deg);

	-webkit-transform: translate3d(-15%,-50%,0) rotate(45deg);

	transform-origin: left center;

	-webkit-transform-origin: left center;

}





.prev-slide-btn:after{

	transform: translate3d(-15%,-50%,0) rotate(45deg);

	transform-origin: right center;



	-webkit-transform: translate3d(-15%,-50%,0) rotate(45deg);

	-webkit-transform-origin: right center;

}

.prev-slide-btn:before{

	transform: translate3d(-45%,-50%,0) rotate(-45deg);

	transform-origin: left center;



	-webkit-transform: translate3d(-45%,-50%,0) rotate(-45deg);

	-webkit-transform-origin: left center;

}



.flex-control-nav{

	bottom: -40px;

}



.main-loader{

	position: absolute;

	z-index: 1;

	left: 50%;

	top: 50%;

	width: 42px;

	height: 50px;

	transform:translate3d(-50%,-50%,0);

	-webkit-transform:translate3d(-50%,-50%,0);



	background: url("https://www.schrijnwerkbrugge.be/data/images/skin/default/loader.gif") no-repeat center center;

	background-size: 100%;



}



.mobile-nav-pointer{display: none; }





/* RESPONSIVE STYLES ****************************************************** */



.show-mobile,

.hide-big,

.main-slide-title-mobile,

.sidebar-box .sidebar-title{display: none; }



/* The container */
label.privacy {
    display: block;
    width:auto;
    position: relative;
    padding-left: 35px;
    margin:2em 0;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.privacy input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.privacy:hover input ~ .checkmark {
    background-color: #ccc;
}


.privacy input:checked ~ .checkmark {
    background-color: #F5BC43;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.privacy input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.privacy .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-width:1366px) {

	.wrap .nav-logo-wrap{

		padding-right: 0px;

	}

}



@media only screen and (max-width: 1280px) {

	

	.wrap .contact-page-wrap{

		top:36px;

		bottom: 0;

		transform: translate3d(-50%, 0, 0px) rotateX(65deg) scale(0.8);

		-webkit-transform: translate3d(-50%, 0, 0px) rotateX(65deg) scale(0.8);

	}



	.wrap.contact-open .contact-page-wrap{

		transform: translate3d(-50%, 0%, 0px) rotateX(0deg) scale(1);

		-webkit-transform: translate3d(-50%, 0%, 0px) rotateX(0deg) scale(1);

	}



}



@media only screen and (max-width:1175px) {

	.navigation .nav-wrap li a{

		font-size: 13px;

		padding:18px 20px;

	}

}



@media only screen and (max-width:1075px) {

	body , html{

		font-size: 14px;

	}



	.page-wrap .page-panel.right-panel{

		bottom:55px;

	}

	#right-panel{

		height: 60%;

	}

	.page-wrap .right-panel .main-content-panel{

		height: 100%;



	}

}



@media only screen and (max-width:1000px) {

	.navigation .nav-wrap li a{

		padding:18px 10px;

	}

}



@media only screen and (max-width:850px) {

	

	body,html{

		background:#232524;

		overflow-x:hidden;

		

	}



	.hide-mobile,

	#admin{display: none; }

	.navigation .container > .fRight,

	.navigation .container > .fLeft{float: none; }



/*	.navigation .container > .fLeft{

		position: absolute;

		left: 0;

		right: 0;

		bottom:0;

		top:0;

	}

*/

	.wrap.about-open .navigation, 

	.wrap.contact-open .navigation,

	.wrap .navigation{

		position: static;

		z-index: 5;

		transform:none;

		-webkit-transform:none;

		border-bottom:1px solid #333;

	}



	.wrap .main-section-window {

		top:57px;

		height: auto;

		

	}



	.wrap.about-open .nav-logo-wrap .inner-nav-logo-wrap, 

	.wrap.contact-open .nav-logo-wrap .inner-nav-logo-wrap,

	.wrap.main-open .nav-logo-wrap .inner-nav-logo-wrap{

		text-align: left;

		transform: translate3d(0px, -50%, 0px);

		-webkit-transform: translate3d(0px, -50%, 0px);

	}





	.show-mobile{

		display: block; 

	}



	.wrap .navigation .nav-wrap{

		position: absolute;

		top:57px;

		left: 0;

		right: 0;

		bottom: 0;

		background:#F5BC43;

		z-index: 5;

		overflow: scroll;

		-webkit-overflow-scrolling:touch;



		transform:translate3d(100%,0,0) scale(.9);

		-webkit-transform:translate3d(100%,0,0) scale(.9);



		transition:all .6s cubic-bezier(.55,0,.1,1);

		-o-transition:all .6s cubic-bezier(.55,0,.1,1);

		-ms-transition:all .6s cubic-bezier(.55,0,.1,1);

		-moz-transition:all .6s cubic-bezier(.55,0,.1,1);

		-webkit-transition:all .6s cubic-bezier(.55,0,.1,1);

	}





	.wrap.mobile-nav-open .nav-wrap{

		

		transform:translate3d(0,0,0) scale(1);

		-webkit-transform:translate3d(0,0,0) scale(1);



	}



	

	.wrap .main-section-window{

		transition:all .5s cubic-bezier(.55,0,.1,1);

		-o-transition:all .5s cubic-bezier(.55,0,.1,1);

		-ms-transition:all .5s cubic-bezier(.55,0,.1,1);

		-moz-transition:all .5s cubic-bezier(.55,0,.1,1);

		-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);

	}



	.wrap.mobile-nav-open .main-section-window{

		transform:translate3d(-150px , 0 , 0) scale(.9);

		-webkit-transform:translate3d(-150px , 0 , 0) scale(.9);

	}



	.navigation .nav-wrap li{

		display: block;

	}



	.navigation .nav-wrap li a{

		display: block;

		border-bottom: 1px solid #030303;

		text-transform: none;

		text-align: center;

	}

	.navigation .nav-wrap li a.active{

		background:rgba(255,255,255,.2);

	}



	.nav-logo-wrap .nav-logo-owner .logo-icon, .logo-wrap .logo-icon{

		width: 10px;

		height: 10px;

		margin-right: 5px;

	}

	.wrap .nav-logo-wrap .nav-logo-owner .logo-text{

		font-size: 18px;

	}



	.wrap .section-wrapper .page-section{

		overflow: scroll;

		-webkit-overflow-scrolling:touch;

		padding-bottom: 80px;

		

	}

	





	.wrap .navigation .nav-icon{

	    width: 33px;

	    height: 30px;

	    display: inline-block;

	    vertical-align: middle;

	    position: absolute;

	    right: 1rem;

	    top:1rem;

	    z-index: 5;

	    background: none;



	    -webkit-tap-highlight-color: rgba(0,0,0,0);

  		-webkit-tap-highlight-color: transparent;

	}



	.wrap .navigation .nav-icon span,

	.wrap .navigation .nav-icon span:after,

	.wrap .navigation .nav-icon span:before{

	    position: absolute;

	    width: 100%;

	    height: 4px;

	    border-radius: 10px;

	    background:#000;

	    top:50%;

	    left: 0;

	    right: 0;

	    transform:translate3d(0,-50%,0);

	    -webkit-transform:translate3d(0,-50%,0);

	    content:'';



	    transition:all .5s cubic-bezier(.55,0,.1,1);

	    -o-transition:all .5s cubic-bezier(.55,0,.1,1);

	    -ms-transition:all .5s cubic-bezier(.55,0,.1,1);

	    -moz-transition:all .5s cubic-bezier(.55,0,.1,1);

	    -webkit-transition:all .5s cubic-bezier(.55,0,.1,1);



	}



	.wrap .navigation .nav-icon span:before{

	    top:0;

	    transform:translate3d(0,-200%,0) rotate(0deg);

	    -webkit-transform:translate3d(0,-200%,0) rotate(0deg);

	}



	.wrap .navigation .nav-icon span:after{

	    top:auto;

	    bottom: 0;

	    transform:translate3d(0,200%,0) rotate(0deg);

	    -webkit-transform:translate3d(0,200%,0) rotate(0deg);

	}





	.wrap.mobile-nav-open .navigation .nav-icon span:before{

	    transform:translate3d(0,200%,0) rotate(135deg);

	    -webkit-transform:translate3d(0,200%,0) rotate(135deg);

	}



	.wrap.mobile-nav-open .navigation .nav-icon span:after{

	    transform:translate3d(0,200%,0) rotate(-135deg);

	    -webkit-transform:translate3d(0,200%,0) rotate(-135deg);

	}



	.wrap.mobile-nav-open .navigation .nav-icon span{

		margin-top:5px;

	}



	.wrap.mobile-nav-open .navigation .nav-icon span{

	    background:none; 

	    top:1px;

	}

	

	.page-section .normal-page-wrap{

		padding: 0; 

		position: relative;

		top: 0;

		padding-bottom: 80px;

	}

	.slideshow-wrapper .slideshow-item,

	.slideshow-wrapper{

		height: 250px;

	}

	.slideshow-wrapper{margin-top:1.5rem;margin-bottom:1.5rem; }

	

	.wrap #about-section.page-section .normal-page-wrap .inner-normal-page-wrap{

		padding:20px;

		position: static;

		width: 100%;



		transform-origin:center top;

		transform:translate3d(0,0,0) rotateX(-25deg) scale(.8) !important;

		-webkit-transform:translate3d(0,0,0) rotateX(-25deg) scale(.8) !important;

	}

	

	.wrap.about-open #about-section.page-section .normal-page-wrap .inner-normal-page-wrap{

		transform:translate3d(0,0,0) rotateX(0deg) scale(1) !important;

		-webkit-transform:translate3d(0,0,0) rotateX(0deg) scale(1) !important;

	}





	.wrap .contact-page-wrap{

		position: relative;

		transform:none !important;

		-webkit-transform:none !important;

		top:0;

		left: 0;

		right: 0;

		padding:20px 10px;

		

	}

	.wrap #map{

		position: static;

		height: 250px;

		left:0;

		right:0;

		bottom:0;

		top:0;

	}

	

	.page-wrap{

		position: static;

		height: auto;

		width: auto;



	}

	.page-wrap .page-panel.left-panel{

		height: 150px;

		left: 0;

		right: 0;

		position: relative;

	}

	.page-wrap .page-panel.right-panel{

		width: 100%;

		left: 0;

		right: 0;

		position: relative;

		padding: 0;

		height: auto;

		padding:20px 0 0px;

	}

	#right-panel{height: 100%; }

	.page-wrap .right-panel .main-content-panel .custom-scroll{

		height: auto;

	}

	.page-wrap .right-panel .main-content-panel{

		overflow: visible;

		height: auto;

		margin:0;

		padding: 0;

		padding:20px;

		padding-bottom: 80px;

	}



	.wrap.home .hide-non-home{

		display: block;

		padding:10px 30px;

	}



	.wrap .hide-non-home{

		display: none;

	}



	.main-slide-title{display: none; }

	.main-slide-title-mobile{

		display: block;

		position: absolute;

		left: 0;

		right: 0;

		bottom: 0;

		padding: 10px;

		text-align: right;

		font-style: italic;

		background:rgba(0,0,0,0.6);

		color:#FFF;

		z-index: 6;

		font-size: 13px;

	}

	

	#contact-section{

		background: #FFF;

	}

	

	.wrap.home .prev-slide-btn,

	.wrap.home .next-slide-btn{

		display: none;

	}



	.prev-slide-btn:after, .prev-slide-btn:before,

	.next-slide-btn:after, .next-slide-btn:before{

		width: 16px;

		height: 4px;

	}

	

	.prev-slide-btn{

		margin-left:-3px;

		bottom: 0;

		top: 0px;

	}

	.next-slide-btn{

		bottom: 0px;

	}



	.wrap .navigation{

		transform:none !important;

		-webkit-transform:none !important;

		-ms-transform:none !important;

	}



	.wrap.main-open .section-wrapper{

		transform:translate3d(0,0,0);

		-webkit-transform:translate3d(0,0,0);

	}



	.wrap.about-open .section-wrapper{

		transform:translate3d(0,-33.3333%,0);

		-webkit-transform:translate3d(0,-33.3333%,0);

	}



	.wrap.contact-open .section-wrapper{

		transform:translate3d(0,-66.6666%,0);

		-webkit-transform:translate3d(0,-66.6666%,0);

	}





}