.top-header-cntr,
.middle-header-cntr,
.bottom-header-cntr {
	width:101%;
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 999;
	-webkit-transition: top 300ms linear,background-color 300ms linear;
	-o-transition: top 300ms linear,background-color 300ms linear;
	transition: top 300ms linear,background-color 300ms linear;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.top-header,
.middle-header,
.bottom-header {
	width: 90%;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-transition: max-height 300ms linear;
	-o-transition: max-height 300ms linear;
	transition: max-height 300ms linear;
	margin: auto;
}


.builder .h-row,
.builder .col {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.builder .col {
	padding: 0;
}
.builder .col img {
	max-width: 100%;
	vertical-align: middle;
}
.builder .col .col {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.h-row.align-center .col {
	align-items: center;
}





.top-header-cntr {
top: 0;
z-index: 999;
}
.top-header {
height: 0px;
max-height: 0px;
max-width: px;
}

.middle-header-cntr {
top: 0px;
z-index: 998;
background-color:#ffffff;
		
		box-shadow: 0 0 20px 2px rgba(99,99,99,0.1)
		;}
.middle-header {
height: 110px;
max-height: 110px;
max-width: 1600px;
width:90%;
		}
.bottom-header-cntr {
top: 110px;
z-index: 997;
}
.bottom-header {
height: 0px;
max-height: 0px;
max-width: px;
}





.main-header .col {
-webkit-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms linear;
}
.scrolled .main-header .col {
opacity: 0;
}


.scrolled .top-header-cntr {
top: 0;
    z-index: 996;
}
.scrolled .top-header {
    max-height: 0;
}


.scrolled .middle-header-cntr {
    top: 0;

background-color:#ffffff;
		}
.scrolled .middle-header {
    max-height: 70px;
}
    .scrolled .middle-header .col {
    opacity: 1;
    }


.scrolled .bottom-header-cntr {
top: 70px;

    z-index: 994;
}
.scrolled .bottom-header {

    max-height: 0;
}







.page-wrapper {
margin-top: 150px;
-webkit-transition: margin-top 300ms linear;
-o-transition: margin-top 300ms linear;
transition: margin-top 300ms linear;
}
.scrolled .page-wrapper {
margin-top: 70px;
}








	.middle-header-left {
	width:30%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
				}
	.middle-header-center {
			}
	.middle-header-right {
	width:70%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
				}







@media (max-width:400px) {


	

	
		.middle-header-cntr {
				}
		.scrolled .middle-header-cntr {
					top: 0;
				}

		.middle-header {
						}

		.middle-header-left {
				}
		.middle-header-center {
				}
		.middle-header-right {
				}


	

	

	.page-wrapper {
		margin-top: 110px;
	}
	.scrolled .page-wrapper {
		margin-top: 70px;
	}


	
		.main-header div[class*="start"] .col { 
			margin-right: 10px; 
			margin-left: 0;
		}
		.main-header div[class*="start"] .col:last-child {
			margin-right: 0;
		}
		.main-header div[class*="center"] .col { 
			margin: 10px; 
		}
		.main-header div[class*="end"] .col { 
			margin-left: 10px; 
			margin-right: 0;
		}
		.main-header div[class*="end"] .col:first-child {
			margin-left: 0;
		}
		
	

}




@media (min-width:400px) and (max-width:688px) {


	

	
		.middle-header-cntr {
				}

		.scrolled .middle-header-cntr {
					top: 0;
				}

		.middle-header {
						}

		.middle-header-left {
				}
		.middle-header-center {
				}
		.middle-header-right {
				}

	

	

	.page-wrapper {
		margin-top: 110px;
	}
	.scrolled .page-wrapper {
		margin-top: 70px;
	}


	
		.main-header div[class*="start"] .col { 
			margin-right: 15px; 
			margin-left: 0;
		}
		.main-header div[class*="start"] .col:last-child {
			margin-right: 0;
		}
		.main-header div[class*="center"] .col { 
			margin: 15px; 
		}
		.main-header div[class*="end"] .col { 
			margin-left: 15px; 
			margin-right: 0;
		}
		.main-header div[class*="end"] .col:first-child {
			margin-left: 0;
		}
		
	
}




@media (min-width:688px) and (max-width:1024px) {

	

	
		.middle-header-cntr {
				}
		.scrolled .middle-header-cntr {
					top: 0;
				}
		.middle-header {
						}

		.middle-header-left {
				}
		.middle-header-center {
				}
		.middle-header-right {
				}


	

	

	.page-wrapper {
		margin-top: 110px;
	}
	.scrolled .page-wrapper {
		margin-top: 70px;
	}


	
		.main-header div[class*="start"] .col { 
			margin-right: 20px; 
			margin-left: 0;
		}
		.main-header div[class*="start"] .col:last-child {
			margin-right: 0;
		}
		.main-header div[class*="center"] .col { 
			margin: 20px; 
		}
		.main-header div[class*="end"] .col { 
			margin-left: 20px; 
			margin-right: 0;
		}
		.main-header div[class*="end"] .col:first-child {
			margin-left: 0;
		}
		
	
}




@media (min-width:1024px) and (max-width:1312px) {



	

	
	.middle-header-cntr {
				}
		.scrolled .middle-header-cntr {
					top: 0;
				}

		.middle-header {
						}

		.middle-header-left {
		width:20%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
				}
		.middle-header-center {
				}
		.middle-header-right {
		width:80%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
				}

	


	
	.page-wrapper {
		margin-top: 110px;
	}
	.scrolled .page-wrapper {
		margin-top: 70px;
	}


	
		.main-header div[class*="start"] .col { 
			margin-right: 25px; 
			margin-left: 0;
		}
		.main-header div[class*="start"] .col:last-child {
			margin-right: 0;
		}
		.main-header div[class*="center"] .col { 
			margin: 25px; 
		}
		.main-header div[class*="end"] .col { 
			margin-left: 25px; 
			margin-right: 0;
		}
		.main-header div[class*="end"] .col:first-child {
			margin-left: 0;
		}
		
	
}




@media (min-width:1312px) {


	

	
		.middle-header-cntr {
				}
		.scrolled .middle-header-cntr {
					top: 0;
				}
		.middle-header {
						}

		.middle-header-left {
		width:20%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
				}
		.middle-header-center {
				}
		.middle-header-right {
		width:80%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
				}
	
	

	.page-wrapper {
		margin-top: 110px;
	}
	.scrolled .page-wrapper {
		margin-top: 70px;
	}


	
		.main-header div[class*="start"] .col { 
			margin-right: 30px; 
			margin-left: 0;
		}
		.main-header div[class*="start"] .col:last-child {
			margin-right: 0;
		}
		.main-header div[class*="center"] .col { 
			margin: 30px; 
		}
		.main-header div[class*="end"] .col { 
			margin-left: 30px; 
			margin-right: 0;
		}
		.main-header div[class*="end"] .col:first-child {
			margin-left: 0;
		}
		
	
}