/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

h1, h2, h3, h4, h5, h6, p, a, li, ul, span { font-family: 'IBM Plex Sans', sans-serif !important; }

.lnh100 { line-height: 100% !important; }
.lnh120 { line-height: 120% !important; }

.lsp3 { letter-spacing: -3px !important; }

.txtjusty { text-align: justify !important; }

.fw100 { font-weight: 100 !important; } .fw200 { font-weight: 200 !important; } .fw300 { font-weight: 300 !important; } .fw400 { font-weight: 400 !important; } .fw500 { font-weight: 500 !important; } .fw600 { font-weight: 600 !important; } .fw700 { font-weight: 700 !important; }

.fs90 { font-size: 90px !important; } .fs72 { font-size: 72px !important; } .fs60 { font-size: 60px !important; } .fs48 { font-size: 48px !important; } .fs45 { font-size: 45px !important; } .fs42 { font-size: 42px !important; } .fs30 { font-size: 30px !important; } .fs24 { font-size: 24px !important; } .fs21 { font-size: 21px !important; } .fs18 { font-size: 18px !important; } .fs15 { font-size: 15px !important; } .fs13 { font-size: 13px !important; }

.fcorg {color: #ec7756 !important; } .fcgreen { color: #0a5540 !important; } .fcdgray { color: #2d2d2d !important; } .fcwhite { color: white !important; }

.container90 { max-width: 90% !important; }
.section0 { padding: 0 !important; margin: 0 !important; }
.section5 { padding: 5% 0 !important; margin: 0 !important; }

label { letter-spacing: 0; }
input { background-color: transparent !important; border-left: none !important; border-top: none !important; border-right: none !important; border-bottom: 2px solid #ec7756 !important; color: #0a5540 !important; padding: 2% 3% !important; width: 100% !important; font-size: 15px !important; }

.marg0 { margin: 0 !important; }
.padd0 { padding: 0 !important; }

@media (max-width: 1200px){
	
	.fs90 { font-size: 72px !important; } 
	.fs72 { font-size: 60px !important; }
    .fs24 { font-size: 21px !important; }
    
    .al1 { left: 45% !important; }
    
    .livingrtop { padding-top: 25% !important; }
	
    .slider1 { background-size: cover !important; }
    .sl1, .sr1 { left: 89% !important; }
    .sl2 { left: 85% !important; }
    .sr2 { left: 92% !important; }
}

@media (max-width: 996px){
	
	.fs90 { font-size: 60px !important; } 
	.fs72 { font-size: 51px !important; }
    .fs24 { font-size: 18px !important; }
    .fs60 { font-size: 54px ! important; }
    
	
    .sl2 { left: 82% !important; }
    .sr2 { left: 90% !important; }
    
    .username { right: 20px !important; }
}

@media (max-width: 767px){
	
	.fs90 { font-size: 60px !important; } 
	.fs72 { font-size: 51px !important; }
    .fs24 { font-size: 18px !important; }
    .fs60 { font-size: 48px ! important; }
    
    .al1 { left: 43% !important; }
    
    .slidertop {max-width: 100% !important; }
    
    .ptop10mob { padding-top: 10% !important; }
    .linemod { top: 100% !important; left: 30% !important; width: 70% !important; }
    
    .brnone { display: none !important; }
	
    .padmobame { padding: 7% 15% !important; }
    
    .lineamen { top: 41% !important; width: 35% !important; }
    .maxw80 { max-width: 80% !important; }
}

@media (max-width: 600px){
	
	.fs90 { font-size: 60px !important; } 
	.fs72 { font-size: 51px !important; }
    .fs24 { font-size: 18px !important; }
    .fs60 { font-size: 45px ! important; }
    
    .al1 { left: 40% !important; }
    
    .slidertop {max-width: 100% !important; }
    .lineamen { top: 43% !important; width: 35% !important; }
	
}

@media (max-width: 520px){
    
    .lineamen { top: 45% !important; width: 35% !important; }
    .copyr { padding: 5% !important; text-align: center !important; }
    
	.sl2 { left: 77% !important; }
    .sr2 { left: 85% !important; }
    
    .sl3, .sr3 { left: 2% !important; }
    
    .sl1, .sr1 { left: 87% !important; }
}



@media (max-width: 420px){
    
    .al1 { left: 38% !important; }
    .sl2 { left: 75% !important; }
    .sl1, .sr1 { left: 85% !important; }
	
}