/* ----------------------------------------------------------------
	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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Rozha+One&display=swap');

.frozha { font-family: 'Rozha One', serif !important; font-weight: normal !important; font-style: normal !important; }
.fopen { font-family: 'Open Sans', sans-serif !important; }


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

.fcwhite { color: white !important; } .fcblack { color: black !important; } .fcaqua { color: #50e2f9 !important; } .fcblue { color: #003e51 !important; } .fcgray { color: #666 !important; }

.fs120 { font-size: 120px !important; } .fs90 { font-size: 90px !important; } .fs75 { font-size: 75px !important; } .fs60 { font-size: 60px !important; } .fs45 { font-size: 45px !important; } .fs42 { font-size: 42px !important; } .fs39 { font-size: 39px !important; } .fs36 { font-size: 36px !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; } .fs12 { font-size: 12px !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; }

.txtshadow { text-shadow: 3px 3px 6px rgb(0,0,0,0.5)}
.lnh120 { line-height: 120% !important; }
.lnh100 { line-height: 100% !important; }
.lnh0 { line-height: 0 !important; }
.lts6 { letter-spacing: 6px !important; }
.lts3 { letter-spacing: 3px !important; }
.lts1 { letter-spacing: 1px !important; }

.dview { display: block !important; }
.mview { display: none !important; }

.vidvh { height: 35vh !important; }


@media (max-width: 1500px){
    
    
    
}

@media (max-width: 1250px){
    
    .fs72 { font-size: 60px !important; }
    .fs60 { font-size: 54px !important; }
    
}


@media (max-width: 996px){
    
    .fs75 { font-size: 60px !important; }
    .fs72 { font-size: 45px !important; }
    .fs60 { font-size: 39px !important; }
    .paddtxt { padding: 0 !important; }
    
    .vidvh { height: 30vh !important; }
    
}

@media (max-width: 767px){
    
    .fs72 { font-size: 42px !important; }
    .fs60 { font-size: 36px !important; }
    .fs39 { font-size: 27px !important; }
    .fs30 { font-size: 24px !important; }
    .fs24 { font-size: 21px !important; }
    .dview { display: none !important; }   
    .mview { display: block !important; }
    .bkgpoints { background-size: 50% !important; }
    .bkglft { background-size: 0px !important; }
    .imgfoot { width: 25% !important; }
    .paddmobtop { padding-top: 5% !important; }
    .allcenter { padding: 5% 0 0 !important; }
    .allcenterfoot { padding: 5% !important; text-align: center !important; display: block !important; }
    .paddtest { padding: 5% 10% !important; }
    .iconsize1 { width: 60px !important; top: 25% !important; }
    .iconsize2 { width: 54px !important; top: 25% !important; }
    .padddivbtns { padding: 5% 0 !important; }
    
    .imgrosa { width: 20% !important; }
    .imgrosa2 { width: 20% !important; left: 15% !important; }
    .imgazul { width: 20% !important; }
    .vidvh { height: 300px !important; }
    
    .lnh100 { line-height: 105% !important; }
    
    .fs42 { font-size: 36px !important; }
}

@media (max-width: 570px){
	
    .allcenter { padding: 5% 0 2% !important; text-align: center !important; display: block !important; }
    .fs72 { margin: 0 !important; font-size: 45px !important; }
    .fs60 { font-size: 30px !important; }
    .fs39 { font-size: 30px !important; }
    .fs30 { font-size: 21px !important; }
    .iconsize1 { width: 45px !important; top: 30% !important; }
    .iconsize2 { width: 39px !important; top: 30% !important; }
    .imglogotop { width: 120px !important;  padding: 5% !important; }
    .paddbtns { padding: 8px 15px !important; }
    .imgfoot { width: 50% !important; }
    .paddgral { padding: 2% !important; }
    
    .vidvh { height: 210px !important; }
    
    .imgrosa2 { width: 20% !important; left: 5% !important; }
    
}

@media (max-width: 476px){
	
    .fs72 { margin: 0 !important; font-size: 27px !important; }
    .fs60 { font-size: 27px !important; }
    .fs39 { font-size: 24px !important; }
    .fs30 { font-size: 18px !important; }
    .fs24 { font-size: 18px !important; }
    
    .vidvh { height: 180px !important; }
    
    .fs42 { font-size: 30px !important; }
    
}