header { z-index:2; }
.center { text-align:center; }
.full { width:100%; }
.noPadding { padding:0; }
.hanger { margin-top:-207px; justify-content:space-between; }
        .hanger > div img { margin:0 auto; display:block; }
        .hanger> div h4 { text-align:center; color:#000; margin-top:20px; }
        .hanger> div .btn { margin:0 auto; display:table; margin-top:30px; }



.panel { float:left; display:block; width:100%; padding:100px 60px; }
	.panel p { margin-bottom:20px; font-size:18px; line-height:23px; }
		.panel p strong { font-weight:500; }
	.panel h3 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
	.panel h4 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
		.panel ul { margin-top:10px; padding-left:40px; }
			.panel ul li { margin-bottom:10px; font-size:18px; list-style:disc; }
				.panel ul li strong { font-weight:500; }
		.panel ol { margin-top:10px; padding-left:40px; }
			.panel ol li { margin-bottom:10px; font-size:18px; list-style:decimal; }
	.panel h5 { font-size:24px; font-weight:500; margin-top:10px; margin-bottom:10px; }
	
	
.col-2 { display:flex; flex-wrap:wrap; }
	.col-2 h3 { width:100%; }
	.col-2  > div { width:50%; padding-right:30px; }
	.col-2  > a { width:50%; padding-right:30px; }
	
	
	
	
.col-3 { display:flex; flex-wrap:wrap; }
	.col-3 h3 { width:100%; }
	.col-3  > div { display:block; width:33.33%; padding-right:30px; }
	.col-3  > a { display:block; width:33.33%; padding-right:30px; }
	
	
	
	
.col-4 { display:flex; flex-wrap:wrap; }
	.col-4 h3 { width:100%; }
	.col-4  > div { display:block; width:25%; padding-right:30px; }
	
.col-5 { display:flex; flex-wrap:wrap; }
	.col-5 h3 { width:100%; }
	.col-5  > div { display:block; width:20%; padding-right:30px; }
	
	
	
	
.bandedRight { display:flex; flex-wrap:wrap; flex-direction:row-reverse; }
	.bandedRight h3 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
	.bandedRight h4 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
	.bandedRight  > div { display:block; width:72%; padding-right:30px;  }
		.bandedRight  > div:first-of-type { width:28%; padding:0;  }
		.bandedRight  > div img { width:100%; }
	
	
	
.bandedLeft { display:flex; flex-wrap:wrap; flex-direction:row; }
	.bandedLeft h3 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
	.bandedLeft h4 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
	.bandedLeft  > div { display:block; width:72%; padding-left:30px;  }
		.bandedLeft  > div:first-of-type { width:28%; padding:0;  }
		.bandedLeft  > div img { width:100%; }
		
		




.bigImageRight { display:flex; flex-wrap:wrap; flex-direction:row-reverse; padding:100px 235px; }
	.bigImageRight  > div { display:block; width:40%; padding-right:90px;  }
		.bigImageRight  > div:first-of-type { width:60%; padding:0;  }
		.bigImageRight  > div h4 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
		.bigImageRight  > div p { font-size:18px; }
		.bigImageRight  > div img { width:100%; }
	
	
	
.bigImageLeft { display:flex; flex-wrap:wrap; flex-direction:row; padding:100px 235px; }
	.bigImageLeft  > div { display:block; width:40%; padding-left:90px;  }
		.bigImageLeft  > div:first-of-type { width:60%; padding:0; }
		.bigImageLeft  > div h4 { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }
		.bigImageLeft  > div p { font-size:18px; }
		.bigImageLeft  > div img { width:100%; }





.fullImageRight { display:flex; flex-wrap:wrap; flex-direction:row; padding:0; }
	.fullImageRight > div { width:50%; background-size:cover !important; }
		.fullImageRight > div:first-of-type { padding:100px 70px 100px 60px; }
		.fullImageRight > div h4 { font-size:36px; font-weight:600; margin-bottom:5px; }
		.fullImageRight > div p { margin-bottom:30px; font-size:18px; }
		
.fullImageLeft { display:flex; flex-wrap:wrap; flex-direction:row-reverse; padding:0; }
	.fullImageLeft > div { width:50%; background-size:cover !important; }
		.fullImageLeft > div:first-of-type { padding:100px 70px 100px 60px; }
		.fullImageLeft > div h4 { font-size:36px; font-weight:600; margin-bottom:5px; }
		.fullImageLeft > div p { margin-bottom:30px; font-size:18px; }



.gridedLinks { padding:100px 0 0; }
.gridedLinks .col-3 { margin-top:50px; }
    .gridedLinks .col-3 > a { font-size:36px; text-decoration:none; padding:30px; color:#777; text-align:center; border-bottom:1px solid #777; }
        .gridedLinks .col-3 > a:hover { background:#05205b; color:#fff; }
        .gridedLinks .col-3 > a:nth-of-type(1),
        .gridedLinks .col-3 > a:nth-of-type(2),
        .gridedLinks .col-3 > a:nth-of-type(4),
        .gridedLinks .col-3 > a:nth-of-type(5),
        .gridedLinks .col-3 > a:nth-of-type(7),
        .gridedLinks .col-3 > a:nth-of-type(8) { border-right:1px solid #777; }





/*fadedImageRight*/
.fadedImageRight { position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
    .fadedImageRight > div .text {  }
    .fadedImageRight > div .image { position:absolute; right:0; top:0; width:55%; height:100%; padding:0; z-index:-1; background-size:cover; }
            .fadedImageRight > div .image .overlay { width:100%; height:100%; z-index:1; position:absolute; top:0; left:0; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(80,80,80,0) 35%, rgba(80,80,80,0) 100%); }




/*fullImageBG*/
.fullImageBG { background-size:cover; }
    .fullImageBG .box { width:70%; background:#fff; border:2px solid #777; margin:0 auto; padding:20px; }
    .fullImageBG .col-2 .box { width:45%; }















/*----Responsive for Architecture----*/

@media only screen and (max-width: 1679px) {
	.bigImageRight,
	.bigImageLeft { padding:100px 180px; }
	
	.gridedLinks .col-3 > a { font-size:28px; }
	
	.hanger .btn { font-size:18px; }
}


@media only screen and (max-width: 1420px) {
	.bigImageRight > div { padding-right:50px; }
}

@media only screen and (max-width: 1279px) {
	.col-2 > div,
	.col-3 > div { width:100%; }
	
	.bigImageRight,
	.bigImageLeft { padding:100px 60px; }
	
	.gridedLinks .col-3 > a { font-size:22px; }
	
	.fullImageRight { flex-direction:column; padding:100px 30px; }
		.fullImageRight > div { width:100%; padding:0; }
			.fullImageRight > div img,
			.fullImageRight > div iframe { min-height:450px; }
			
	.hanger > div h4 { font-size:25px; }
	.hanger .btn { font-size:15px; }
}

@media only screen and (max-width: 1023px) {
	.hanger { flex-direction:column; margin-top:30px; }
		.hanger > div { width:100%; margin-bottom:50px; }
}

@media only screen and (max-width: 992px) {
	.bandedRight > div,
	.bandedRight > div:first-of-type	{ width:100%; padding:0; }
	.bandedRight > div img { width:500px; margin:0 auto; display:block; margin-bottom:50px; }
	
	.bandedLeft > div,
	.bandedLeft > div:first-of-type	{ width:100%; padding:0; }
	.bandedLeft > div img { width:500px; margin:0 auto; display:block; margin-bottom:50px; }
	
	
}

@media only screen and (max-width: 768px) {
	.panel { padding:80px 30px; }
	
	.bigImageRight { flex-direction:column-reverse; padding:50px 30px; }
		.bigImageRight > div { width:100%; padding:0; }
			.bigImageRight>div h4 { text-align:center; }
			.bigImageRight > div p { text-align:center; font-size:18px; }
			.bigImageRight>div .btn { margin:0 auto; margin-bottom:50px; }
			
		.bigImageRight > div:first-of-type { width:100%; }
		
	.bigImageLeft { flex-direction:column-reverse; padding:50px 30px; }
		.bigImageLeft > div { width:100%; padding:0; }
			.bigImageLeft>div h4 { text-align:center; }
			.bigImageLeft > div p { text-align:center; font-size:18px; }
			.bigImageLeft>div .btn { margin:0 auto; margin-bottom:50px; }
			
		.bigImageLeft > div:first-of-type { width:100%; }
	
	.fullImageRight > div:first-of-type { padding:0; }
	.fullImageRight>div h4 { font-size:26px; }
	.fullImageRight>div p { font-size:16px; }
	
	.gridedLinks { padding:0; }
	.gridedLinks .col-3 > a { width:100%; border-bottom:1px solid #777; border-right:none !important; }
	
	.bandedRight > div img,
	.bandedLeft > div img { width:100%; }
	
	.bandedRight h4,
	.bandedLeft h4	{ font-size:22px; }
	
	.col-5 > div{ width:33%; }
}

@media only screen and (max-width: 500px) {
	.fullImageRight > div img, .fullImageRight > div iframe { min-height:190px; }
	.col-5 > div { width:50%; }
}