* {margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Tahoma, sans-serif; font-size: 16px;}
/* img { display: block; max-width: 100%; } */

html {height: 100%; overflow:auto}
body {/* height: 100%; */ height: 100%;}
.page {
	width: 100%;
	/* min-height: 100%; */
	height: 100%;
	text-align: center;
}
.content {
	margin: 0 auto;
	max-width: 990px;
	text-align: center;
}
.default {
	padding: 200px 15px 70px;
	min-height: 400px;
	max-width: 990px;
	text-align: justify;
	margin: 0 auto;
}
	.default h2 {
		color: #000;
		font-size: 36px;
		margin-bottom: 30px;
	}
	.default ul {
		padding-left: 25px;
	}
	.default img {
		border: solid 2px #ccc;
	}
@media screen and (max-width: 800px) {
	.default {
		padding: 250px 15px 70px;
	}
}
@media (max-width: 990px) {
	.content {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.left { float: left; }
.right { float: right; }
.full { width: 100%; }
.half { width: 48%; }
.bHalf { width: 50%; }
.sHalf { width: 43%; }
@media (max-width: 600px) {
	.half,
	.bHalf,
	.sHalf {
		width: 100%;
	}
}
h2 {
	font-family: "Times New Roman";
	font-size: 100px;
	font-weight: bold;
	color: #fff;
}
h3 {
	font-size: 48px;
	font-family: "Times New Roman";
	margin-top: 97px;
	margin-bottom: 48px;
}
.flex-center {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

header {
	position: relative;
}
	header nav {
		background-color: rgba(0,0,0,.47);
		min-height: 86px;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		margin: 0 auto;
		z-index: 20;
		
		-webkit-display: flex;
		display: flex;
	}
		header nav > div {
			max-width: 990px;
			height: 100%;
			margin: 0 auto;
			font-size: 0;
		}
@media screen and (min-width: 801px) {
	header nav {
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
}
@media screen and (max-width: 800px) {
	header nav {
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
	}
	#logo {
		-webkit-order: 1;
		order:         1;
	}
	.top-menu {
		-webkit-order: 3;
		order:         3;
	}
	.lang {
		-webkit-order: 2;
		order:         2;
		width: 100%;
	}
}
#logo {
	float: left;
	width: 240px;
	height: 100%;
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 0;
}
	#logo a {
		font-size: 35px;
		line-height: 85%;
		font-weight: bold;
		color: #fff;
		text-align: center;
		display: block;
		text-decoration: none;
	}
.lang {
	list-style: none;
	font-size: 0;
	display: inline-block;
	height: 86px;
}
	.lang li {
		display: inline-block;
		height: 100%;
		width: 44px !important;
	}
		.lang li:last-of-type {
			margin-right: 0;
		}
		.lang li a {
			display: -webkit-flex;
			display: flex;
			height: 100%;
			-webkit-justify-content: center;
			justify-content:         center;
			-webkit-align-items: center;
			align-items:         center;
			padding: 0 5px;
		}
			.lang li a img {
				display: block;
			}
/* ----------------- MENU ---------------- */
.top-menu {
	
}
	.top-menu:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	.top-menu .menu {
		list-style: none;
		font-size: 0;
		height: 100%;
		min-height: 86px;
	}
	.top-menu ul {
	  list-style-type: none;
	  position: relative;
	}
		.top-menu ul li {
		  display: inline-block;
		  /* float: left; */
		  position: relative;
		}
		.top-menu a {
		  display: block;
		  padding: 0 20px;
		  color: #FFF;
		  font-weight: bold;
		  line-height: 60px;
		  text-decoration: none;
		}
			.top-menu .menu > li > a {
				padding: 0 10px;
			}
			.top-menu .menu a:hover {
				color: #fff;
				background-color: #000;
			}
			.top-menu .menu > li a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				color: #fff;
				line-height: 45px;
				font-size: 18px;
				-webkit-display: flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: center;
				align-items: center;
			}
.top-menu ul ul {
  display: none;
  position: absolute;
  left: 0;
}
.top-menu .menu ul a {
	padding: 0;
}

.top-menu ul li:hover > ul { display: inherit; }

.top-menu ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

.top-menu ul ul ul li {
  position: relative;
  /* top: -60px; */
  /* left: 170px; */
}

/* li > a:after { content: ' ▼'; } */

.toggle, [id^=drop] {
 display: none;
}

li > a:only-child:after { content: ''; }

@media (min-width: 801px) {
	.top-menu .menu {
		display: block;
	}
		.top-menu .menu > li {
			height: 86px;
		}
			.top-menu .menu > li > ul {
				background-color: rgba(0, 0, 0, 0.47);
			}
				.top-menu .menu > li > ul > li {
					min-width: 170px;
				}
				.top-menu .menu > li > ul ul {
					background-color: rgba(0, 0, 0, 0.47);
					left: 100%;
					top: 0;
				}
				.top-menu .menu ul ul li {
					width: 230px;
				}
					.top-menu .menu ul ul li a {
						font-weight: normal;
						font-size: 16px;
					}
}

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

.top-menu { 
	margin: 0; 
	width: 100%;
}

.toggle + a {display: none !important; }
 .menu { display: none; }

.toggle {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
		.top-menu .toggle > span {
			display: inline-block;
			margin-right: 5px;
			vertical-align: middle;
		}
			.top-menu .toggle > span > span {
				display: block;
				background-color: #fff;
				margin-bottom: 4px;
				height: 4px;
				width: 20px;
				border-radius: 3px;
			}
				.top-menu .toggle > span > span:last-of-type {
					margin-bottom: 0;
				}
		.top-menu .toggle i {
			font-style: normal;
			vertical-align: middle;
			font-size: 36px;
			line-height: 55px;
		}
		.top-menu .toggle:hover {
			background-color: #000;
		}
		.top-menu .toggle:hover > span > span {
			background-color: #fff;
		}
		.top-menu .toggle:hover i {
			color: #fff;
		}

[id^=drop]:checked + ul { display: block; }

.top-menu ul li {
  display: block;
  width: 100%;
}

.top-menu ul ul .toggle,
 .top-menu ul ul a { padding: 0 40px; }

.top-menu ul ul ul a { padding: 0 80px; }

.top-menu a:hover,
 .top-menu ul ul ul a { background-color: #000000; }

.top-menu ul li ul li .toggle,
 .top-menu ul ul a { background-color: #212121; }

.top-menu ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

/* .top-menu ul ul li:hover > ul,
.top-menu ul li:hover > ul { display: none; } */

.top-menu ul ul li {
  display: block;
  width: 100%;
}

.top-menu ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {
.top-menu ul li {
  display: block;
  width: 94%;
}
}
	.flexslider {
		clear: both;
		height: 781px;
	}
		.flex-viewport {
			height: 100%;
		}
		.flexslider .slides {
			height: 100%;
		}
		.flexslider .slides li {
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			height: 100%;
		}
@media (max-width: 990px) {
	header nav {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 800px) {
	header .logo {
		width: 65%;
	}
	.flexslider {
		height: 580px;
	}
}
@media (max-width: 600px) {
	header .logo {
		width: 75%;
	}
	.flexslider {
		height: 400px;
	}
}

.mid-banner {
	width: 100%;
	position: relative;
	height: 500px;
}
@media (max-width: 800px) {
	.mid-banner {
		height: 430px;
	}
	h2 {
		font-size: 85px;
	}
}
@media (max-width: 600px) {
	.mid-banner {
		height: 350px;
	}
	h2 {
		font-size: 70px;
	}
}
#welcome {
	
}
		#welcome .content {
			text-align: justify;
			padding: 60px 15px;
		}
		#welcome h2 {
			color: #000;
			text-align: left;
			font-size: 36px;
			margin-bottom: 25px;
		}
		#welcome a {
			margin-top: 25px;
			display: block;			
		}
		#welcome img {
			display: block;
			max-width: 100%;
		}
#about {
	
}
	#about .mid-banner {
		background: url(data/images/bg-about.jpg) center top / cover;
	}
	#about h4 {
		font-size: 24px;
		text-align: left;
		margin-bottom: 40px;
		font-weight: normal;
	}
	#about p {
		text-align: left;
		padding-left: 5px;	
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#about ul {
		padding-left: 25px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
		#about ul li {
			text-align: left;
		}
	#about .header {
		text-align: left;
		padding-top: 45px;
		padding-bottom: 35px;
	}
		#about .header p {
			margin-bottom: 30px;
		}
	#about .content {
		
	}
		#about .item {
			display: -webkit-flex;
			display: flex;
			padding-top: 20px;
			padding-bottom: 20px;
		}
			#about .photo {
				width: 330px;
				-webkit-flex-shrink: 0;
				flex-shrink: 0;
			}
				#about .photo img {
					border: solid 1px #000;
				}
			#about .description {
				-webkit-flex: auto;
				flex: auto;
			}
@media (max-width: 600px) {
	#about .item {
		-webkit-flex-direction: column;
		flex-direction:         column;
	}
	#about .photo {
		width: 100%;
		flex-shrink: 1;
	}
	#about .description {
		width: 100%;
		padding-top: 20px;
	}
}
	

#windows {
	
}
	#windows .mid-banner {
		background: url(data/images/bg-windows.jpg) center top / cover;
	}
	#windows h4 {
		font-size: 24px;
		text-align: left;
		margin-bottom: 40px;
		font-weight: normal;
	}
	#windows p {
		text-align: left;
		padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#windows ul {
		padding-left: 25px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
		#windows ul li {
			text-align: left;
		}
	#windows .header {
		text-align: left;
		padding-top: 45px;
		padding-bottom: 35px;
	}
		#windows .header p {
			margin-bottom: 30px;
		}
	#windows .content {
		
	}
		#windows .item {
			display: -webkit-flex;
			display: flex;
			padding-top: 20px;
			padding-bottom: 20px;
		}
			#windows .photo {
				width: 330px;
				-webkit-flex-shrink: 0;
				flex-shrink: 0;
			}
				#windows .photo img {
					border: solid 1px #000;
				}
			#windows .description {
				-webkit-flex: auto;
				flex: auto;
			}
@media (max-width: 600px) {
	#windows .item {
		-webkit-flex-direction: column;
		flex-direction:         column;
	}
	#windows .photo {
		width: 100%;
		flex-shrink: 1;
	}
	#windows .description {
		width: 100%;
		padding-top: 20px;
	}
}
#doors {
	
}
	#doors .mid-banner {
		background: url(data/images/bg-doors.jpg) center top / cover;
	}
	#doors .content {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		justify-content:         space-around;
		padding-bottom: 20px;
	}
		#doors .content a {
			margin: 10px;
		}
		#doors .content div {
			margin-top: 20px;
		}
		#doors img {
			max-width: 100%;
			height: auto;
			display: block;
		}
@media (max-width: 600px) {
	#doors .content {
		padding: 0;
	}
}

#contact {
	overflow: hidden;
}
	#contact .header {
		padding-top: 50px;
		padding-bottom: 50px;
	}
		#contact .header h2 {
			color: #000;
		}
	#contact .content {
		display: -webkit-flex;
		display: flex;
	}
	#contact address {
		width: 300px;
	}
		#contact address p {
			display: block;
			width: 100%;
			text-align: left;
			margin-bottom: 15px;
			font-style: normal;
			font-size: 16px;
		}
			#contact address p strong {
				display: block;
				color: #333;
			}
			#contact address p a {
				color: #333;
			}
	#contact .map {
		background-color: silver;
		height: 300px;
	}
		#contact .map iframe {
			width: 100%;
			height: 100%;
			border: none;
		}
@media (min-width: 769px) {
	#contact .map {
		-webkit-flex: auto;
		flex: auto;
	}
}
@media (max-width: 768px) {
	#contact .content {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#contact address {
		width: 100%;
	}
		#contact address p {
			text-align: center;
		}
	#contact .map {
		width: 100%;
	}
}
	#contact nav {
		max-width: 990px;
		margin: 30px auto;
		overflow: hidden;
	}
		#contact nav ul {
			list-style-type: none;
			padding: 0;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap:         wrap;
			-webkit-justify-content: center;
			justify-content:         center;
		}
			#contact nav ul li a {
				display: block;
				text-decoration: none;
				color: #333;
				font-weight: bold;
				font-size: 16px;
				padding-left: 10px;
				padding-right: 10px;
				text-align: center;
			}
@media all and (max-width: 600px) {
	#contact nav ul li a {
		line-height: 34px;
	}
}
@media (min-width: 601px) and (max-width: 800px) {
	#contact nav {
		width: 100%;
	}
}


footer {
	
}	
.signature {
	width: 100%;
}
	.signature img {
		margin: 0;
	}
	.signature > p {
		display: block;
		text-align: center;
		padding-top: 22px;
		padding-bottom: 22px;
		margin-bottom: 0;
	}
		.signature > p a {
			color: #333;
			text-decoration: none;
			font-size: 14px;
			font-family: Verdana, Arial, Tahoma, sans-serif;
			display: inline-block;
			vertical-align: middle;
		}
/* imagelightbox start */
			
#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			border: none;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			border: none;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}

/* imagelightbox end */