* {
	
	
  }





:root{
	
	--mh_width:min(1600px,90%); 
	--mn_width:min(1200px,90%); 

	
	--mmco:#0054A3; 

	
	--bs1:0 0 10px rgba(0,0,0,0.1);  
	--bs3:0 0 10px rgba(0,0,0,0.3);  
	--tr3:.3s ease; 
	--tr6:.6s ease; 

	
	--fs-72: 72px;
	--fs-60: 60px;
	--fs-58: 58px;
	--fs-56: 56px;
	--fs-54: 54px;
	--fs-52: 52px;
	--fs-50: 50px;
	--fs-48: 48px;
	--fs-46: 46px;
	--fs-44: 44px;
	--fs-42: 42px;
	--fs-40: 40px;
	--fs-38: 38px;
	--fs-36: 36px;
	--fs-34: 34px;
	--fs-32: 32px;
	--fs-30: 30px;
	--fs-28: 28px;
	--fs-26: 26px;
	--fs-24: 24px;
	--fs-22: 22px;
	--fs-20: 20px;
  --fs-18:18px;
}


html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
html::-webkit-scrollbar-track {
    background: #E6E6E6;
}


html{
	scroll-behavior: smooth;
}
html{
	scroll-padding-top:130px; 
}



.mhw{ 
	max-width: var(--mh_width);
	margin: 0 auto;
}
.mnw{ 
	max-width: var(--mn_width);
	margin: 0 auto;
}


.main .parallax-container{
	transform: unset!important;
}


.pbg{
	position: relative;
}
.pbg img{
	position: absolute;
}



.bs1{
	box-shadow: var(--bs1);
}
.bs3{
	box-shadow: var(--bs3);
}

.bs1h:hover{
	box-shadow: var(--bs1);
}
.bs3h:hover{
	box-shadow: var(--bs3);
}


.tr3{
	transition: var(--tr3);
}
.tr6{
	transition: var(--tr6);
}



.txh{
	transition:color var(--tr3);
}
.txh:hover{
	color: var(--mmco)!important;
}

.ctx{
	transition:color var(--tr3);
}
.ctxh:hover .ctx{
	color: var(--mmco)!important;
}



.imh img{
	transition: transform var(--tr6);
}
.imh:hover img{
	transform: scale(1.05);
}

.cim img{
	transition: transform var(--tr6);
}
.cimh:hover .cim img{
	transform: scale(1.05);
}


.no_blak{
	white-space: pre-line;
}



@media (min-width:1000px) {
	:root {
		--fs-72: 30px;
		--fs-60: 30px;
		--fs-58: 30px;
		--fs-56: 30px;
		--fs-54: 30px;
		--fs-52: 30px;
		--fs-50: 30px;
		--fs-48: 30px;
		--fs-46: 30px;
		--fs-44: 30px;
		--fs-42: 30px;
		--fs-40: 30px;
		--fs-38: 30px;
		--fs-36: 30px;
		--fs-34: 30px;
		--fs-32: 30px;
		--fs-30: 38px;
		--fs-28: 26px;
		--fs-26: 24px;
		--fs-24: 22px;
		--fs-22: 20px;
		--fs-20: 18px;
        --fs-18:16px;
	}
}

@media (min-width:1600px) {
	:root {
		--fs-72: 72px;
		--fs-60: 60px;
		--fs-58: 58px;
		--fs-56: 56px;
		--fs-54: 54px;
		--fs-52: 52px;
		--fs-50: 50px;
		--fs-48: 48px;
		--fs-46: 46px;
		--fs-44: 44px;
		--fs-42: 42px;
		--fs-40: 40px;
		--fs-38: 38px;
		--fs-36: 36px;
		--fs-34: 34px;
		--fs-32: 32px;
		--fs-30: 30px;
		--fs-28: 28px;
		--fs-26: 26px;
		--fs-24: 24px;
		--fs-22: 22px;
		--fs-20: 20px;
              --fs-18:16px;
	}
}

@media (max-width: 769px) {
	:root {
	
		--fs-72: 28px;
		--fs-60: 28px;
		--fs-58: 28px;
		--fs-56: 28px;
		--fs-54: 28px;
		--fs-52: 28px;
		--fs-50: 28px;
		--fs-48: 28px;
		--fs-46: 28px;
		--fs-44: 28px;
		--fs-42: 28px;
		--fs-40: 28px;
		--fs-38: 28px;
		--fs-36: 28px;
		--fs-34: 28px;
		--fs-32: 28px;
		--fs-30: 28px;
		--fs-28: 22px;
		--fs-26: 22px;
		--fs-24: 20px;
		--fs-22: 20px;
		--fs-20: 16px;
              --fs-18:14px;
	}
	.mhw{ 
		max-width:100%;
	}
	.mnw{ 
		max-width:100%;
	}

	
	.mbp{
		padding: 1rem 10px!important;
	}
}



@media (min-width:1600px){
	body{
		font-size: 16px;
	}
}

@media (max-width:1600px) and (min-width:1200px){
	body{
		font-size: 14px;
	}
}

@media (max-width: 769px) {
	body {
		font-size: 14px;
	}
}