.header__preHeader{
	background: #E4E4E4;
	padding-top:5px;
	padding-bottom: 5px;
	color: #3F4462;
	font-size: 15px;
}
@media all and (max-width:768px){
	.header__preHeader{
		padding-top:3px;
		padding-bottom: 3px;
		font-size: 13px;
	}
}

.header__fix_scrolled .header__preHeader{
	display: none;
}
.header__fix{
	text-align: center;
	  position: fixed;
    width: 100%;
    z-index: 99;
	
	  backdrop-filter: blur(3px);
    background-blend-mode: overlay;
    
    box-shadow: 1px 1px 20px rgba(0, 0, 50, 0.1);
    
	}
	.header-fix__in{
		background-color: #fff;
		min-height: 80px;		
	}
	@media all and (min-width:768px){
		.header-fix__in{
			min-height: 90px;
		}
	}
	.header__fix_scrolled .header-fix__in{
		background-color: #d1ecff;
		background-color: rgb(209 236 255 / 90%);
		box-shadow: 0 10px 20px rgba(0,0,150,0.15);
	}

	img.header-logo__img{ display:inline; }
	@media all and (max-width:768px){
		img.header-logo__img{ max-width: 190px; }
	}
	@media all and (min-width: 768px){
		.header__fix_scrolled{ z-index: 99;}
		.header__fix_scrolled .header-fix__in{
			
			background-color: #d1ecff;
			background-color: rgb(209 236 255 / 90%);
			
			box-shadow: 0 10px 20px rgba(0,0,150,0.15);
			
		}
	}
		
		
		@media all and (min-width:768px){	
			.header__btns{
				position: relative;
				top:15px;
			}
		}

		
		@media all and (min-width:768px){
			.nav_headerMenu{
				float: left;
			    position: relative;
			    top: 27px;
			    left: 25px;
			    padding: 0 15px;
			}
		}
			.headerMenu__link{
				padding: 5px 10px;
				border-radius: 50px;
				font-size: 18px;
				color: #263A84;
				font-weight: bold;
				display: inline-block;
			}
			.headerMenu__link:hover{
				color: #20D7B8;
			}
			@media all and (max-width:768px){
				.headerMenu__link{
					display: inline-block;
    				width: 100%;
    				padding-top: 10px;
					padding-bottom: 10px;
    				
				}
				.headerMenu__link:hover{
					background: #fff;
					
				}
			}
		
		.header__fix_scrolled .header__logo,
		.header__fix_scrolled .header-contact__7j{ 
			height: auto;
			color: var(--dark-blue);
		}
		@media all and (min-width:768px){
			.header__logo{ 
				position:relative; 
				top:22px 
			}
		}
		@media all and (max-width:768px){
			.header__logo{ 
				min-height: 80px; 
				position: relative;
				top:12px;
			}

		}
		
		@media all and (max-width:768px){
			.header__btns .o-btn__text{ display:none; }
			
			.header__btns .header-contact__btn{
				position: absolute;
			    right: 0;
			    top: 10px;
			    padding: 8px 10px 8px 12px;
			    width: 50px;
			    min-height: 50px;
			    max-height: 40px;
			    height: 50px;
			}
			
			.header__btns .header-contact__btn .o-btn__icon{ margin:0; top:0 }
			
		}
		
		.header__slogan{ 
			position:relative; 
			font-size: 14px;
			font-weight: bold;
    		
		}
		
		@media all and (max-width:768px){
			.header__slogan{ 
				/* display:none; */
				position: absolute;
			    top: 55px;
			    width: 100%;
			}
		}
		
		@media all and (min-width:768px){
			.header__slogan{ 
				top:18px; 
				font-size: 18px;
				margin-bottom:10px 
			}
		}
	
		
		@media all and (min-width){
			.header__slogan{
				text-align: left;
				top:15px; 
			right: 15px;
			}
		}
	
	@media all and (max-width: 768px){
		.header__fix_scrolled .header__logo,
		.header__fix_scrolled .header-contact__7j{ 
			height: 0;
			transform: translateY(-150px);
			overflow: hidden; 
		}
	}

	.header__fix, .header__fix *{ transition: all 500ms ease-in-out; }
	.header__fix.header__fix_scrolled *{ transition: all 250ms ease-out; }