

.top-header-cntr,
.middle-header-cntr,
.bottom-header-cntr {
width:100%;
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-footer-cntr,
.bottom-footer-cntr {
width:100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-header,
.middle-header,
.bottom-header,
.top-footer,
.bottom-footer {
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;
}
.main-footer .h-row .h-row {
flex-direction: column;
}

.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;
}

footer.builder .col .col {
flex-direction: column;
}


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






.top-header-cntr {
top: 0;
z-index: 999;
background-color:#023047;
		}
.top-header {
height: 30px;
max-height: 30px;
max-width: 1450px;
}

.middle-header-cntr {
top: 30px;
z-index: 998;
background-color:#023047;
		}
.middle-header {
height: 90px;
max-height: 90px;
max-width: 1450px;
}
.bottom-header-cntr {
top: 120px;
z-index: 997;
}
.bottom-header {
height: 0px;
max-height: 0px;
max-width: px;
}






.top-footer-cntr {
background-color:#023047;
		margin-top: 0px;
margin-bottom: 0px;
}
.top-footer {
padding-top: 80px;
		padding-bottom: 40px;
		max-width: 1450px;
flex-wrap: wrap;
}
.bottom-footer-cntr {
background-color:#023047;
		margin-top: 0px;
margin-bottom: 0px;
}
.bottom-footer {
padding-bottom: 50px;
		max-width: 1450px;
flex-wrap: wrap;
}






.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;
background-color:#023047;
		}
.scrolled .top-header {
	max-height: 0;
}


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

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


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

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

	max-height: 0;
}







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





.top-header-left {
width:23%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-header-center {
}
.top-header-right {
}
.middle-header-left {
}
.middle-header-center {
}
.middle-header-right {
}
.bottom-header-left {
}
.bottom-header-center {
}
.bottom-header-right {
}





.top-footer-1 {
}
.top-footer-2 {
}
.top-footer-3 {
}
.top-footer-4 {
}

.bottom-footer-1 {
}
.bottom-footer-2 {
}
.bottom-footer-3 {
}








@media (max-width:400px) {

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

.middle-header {
}


.bottom-header-cntr {
top: 90px;
}
.scrolled .bottom-header-cntr {
top: 80px;
}

.bottom-header {
}

.page-wrapper {
margin-top: 90px;
}
.scrolled .page-wrapper {
margin-top: 80px;
}


.top-header-left {
}
.top-header-center {
}
.top-header-right {
}
.middle-header-left {
width:50%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.middle-header-center {
}
.middle-header-right {
}
.bottom-header-left {
}
.bottom-header-center {
}
.bottom-header-right {
}




.top-footer {
}
.bottom-footer {
}

.top-footer-1 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-2 {
}
.top-footer-3 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-4 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}

.bottom-footer-1 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.bottom-footer-2 {
}
.bottom-footer-3 {
}



		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col {
			margin-right: 10px;
			margin-left: 0;
		}

		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}

		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col {
			margin: 10px;
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col {
			margin-left: 10px;
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	

}




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

.top-header {
}

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

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

.middle-header {
}


.bottom-header-cntr {

top: 90px;
}

.scrolled .bottom-header-cntr {
top: 80px;
}

.bottom-header {
}


.page-wrapper {
margin-top: 90px;
}
.scrolled .page-wrapper {
margin-top: 80px;
}

.top-header-left {
}
.top-header-center {
}
.top-header-right {
}
.middle-header-left {
width:45%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.middle-header-center {
}
.middle-header-right {
}
.bottom-header-left {
}
.bottom-header-center {
}
.bottom-header-right {
}



.top-footer {
}
.bottom-footer {
}

.top-footer-1 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-2 {
}
.top-footer-3 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-4 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}

.bottom-footer-1 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.bottom-footer-2 {
}
.bottom-footer-3 {
}


		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col {
			margin-right: 15px;
			margin-left: 0;
		}

		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}

		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col {
			margin: 15px;
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col {
			margin-left: 15px;
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}




@media (min-width:688px) and (max-width:1024px) {
.top-header {
}
.middle-header-cntr {
	top: 0;
}
.scrolled .middle-header-cntr {
	top: 0;
}
.middle-header {
}



.bottom-header-cntr {
top: 90px;
}

.scrolled .bottom-header-cntr {
top: 80px;
}

.bottom-header {
}

.page-wrapper {
margin-top: 90px;
}
.scrolled .page-wrapper {
margin-top: 80px;
}



.top-header-left {
}
.top-header-center {
}
.top-header-right {
}
.middle-header-left {
width:35%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.middle-header-center {
}
.middle-header-right {
}
.bottom-header-left {
}
.bottom-header-center {
}
.bottom-header-right {
}


.top-footer {
}
.bottom-footer {
}

.top-footer-1 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-2 {
}
.top-footer-3 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-4 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}

.bottom-footer-1 {
width:100%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.bottom-footer-2 {
}
.bottom-footer-3 {
}


		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col {
			margin-right: 20px;
			margin-left: 0;
		}

		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}

		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col {
			margin: 20px;
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col {
			margin-left: 20px;
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}




@media (min-width:1024px) and (max-width:1312px) {
.top-header {
}

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

.middle-header {
}

.bottom-header-cntr {
top: 120px;
}
.scrolled .bottom-header-cntr {
top: 80px;
}
.bottom-header {
}


.page-wrapper {
margin-top: 120px;
}
.scrolled .page-wrapper {
margin-top: 80px;
}

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


.top-footer {
}
.bottom-footer {
}

.top-footer-1 {
width:50%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-2 {
}
.top-footer-3 {
width:25%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-4 {
width:25%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}

.bottom-footer-1 {
width:55%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.bottom-footer-2 {
}
.bottom-footer-3 {
}


		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col {
			margin-right: 25px;
			margin-left: 0;
		}

		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}

		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col {
			margin: 25px;
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col {
			margin-left: 25px;
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}




@media (min-width:1312px) {
.top-header {
}

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

.bottom-header-cntr {
top: 120px;
}

.scrolled .bottom-header-cntr {
top: 80px;
}

.bottom-header {
}

.page-wrapper {
margin-top: 120px;
}
.scrolled .page-wrapper {
margin-top: 80px;
}



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



.top-footer {
}
.bottom-footer {
}

.top-footer-1 {
width:50%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-2 {
}
.top-footer-3 {
width:25%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.top-footer-4 {
width:25%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}

.bottom-footer-1 {
width:55%;
		flex-basis: unset !important;
		flex-grow: unset !important;
		}
.bottom-footer-2 {
}
.bottom-footer-3 {
}





		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col {
			margin-right: 30px;
			margin-left: 0;
		}

		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}

		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col {
			margin: 30px;
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col {
			margin-left: 30px;
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}
