/* ----------------------------------------------------------------
	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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')

.froboto { font-family: "Roboto", sans-serif !important; }

.fw900 {font-weight: 900 !important; } .fw700 {font-weight: 700 !important; } .fw500 {font-weight: 500 !important; } .fw400 {font-weight: 400 !important; } .fw300 {font-weight: 300 !important; } .fw100 {font-weight: 100 !important; }

.fcwhite { color: white !important; } .fcblack { color: black !important; } .fcgray { color: #606060 !important; }

.fs105 {font-size: 105px !important; } .fs90 {font-size: 90px !important; } .fs60 {font-size: 60px !important; } .fs51 {font-size: 51px !important; } .fs48 {font-size: 48px !important; } .fs42 {font-size: 42px !important; } .fs36 {font-size: 36px !important; } .fs33 {font-size: 33px !important; } .fs30 {font-size: 30px !important; } .fs27 {font-size: 27px !important; } .fs24 {font-size: 24px !important; } .fs21 {font-size: 21px !important; } .fs18 {font-size: 18px !important; }

.ls30 { letter-spacing: 30px !important; } .ls20 { letter-spacing: 20px !important; } .ls10 { letter-spacing: 10px !important; }
.lnh100 { line-height: 80% !important; } .lnh120 { line-height: 120% !important; } .lnh150 { line-height: 150% !important; }

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

.container { max-width: 90% !important; }
.imginter { width: 360px !important; height: 360px !important; border: 3px solid white !important; }

input, textarea { border-color: white !important; color white !important; font-family: "Roboto", sans-serif !important; font-weight: 300 !important; font-size: 18PX !IMPORTANT }

.colcasas { width: 70% !important; }
.colcasasdesc { width: 30% !important; }

.w20 { width: 20% !important}

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

.playbtn { width: 150px !important; }

@media (max-width: 1380px){
    .w100links { width: 100% !important; }
    .btnlinkmarg { margin-bottom: 15px !important; }
    .fs90 { font-size: 75px !important; }
    .playbtn { width: 110px !important; }
    .w20 { width: 33% !important}
    .w33 { width: 50% !important; }
}

@media (max-width: 1200px){
    
    .playbtn { width: 90px !important; }
    .fs90 { font-size: 75px !important; }
    .fs60 { font-size: 54px !important; }
    .fs51 { font-size: 45px !important; }
    .fs36 { font-size: 30px !important; }
    .fs33 { font-size: 27px !important; }
    .fs30 { font-size: 24px !important; }
    .fs27 { font-size: 24px !important; }
    .iconscasas { width: 75px !important; }
    
}

@media (max-width: 1120px){
    
    .fs90 { font-size: 60px !important; }
    .fs60 { font-size: 51px !important; }
    .fs51 { font-size: 45px !important; }
    .fs42 { font-size: 39px !important; }
    .fs36 { font-size: 27px !important; }
    .fs33 { font-size: 24px !important; }
    .fs30 { font-size: 21px !important; }
    
}

@media (max-width: 996px){
    
    .fs105 {font-size: 75px !important; }
    .fs90 { font-size: 48px !important; }
    .fs60 { font-size: 42px !important; }
    .fs51 { font-size: 30px !important; }
    .fs48 { font-size: 42px !important; }
    .fs42 { font-size: 36px !important; }
    .fs36 { font-size: 24px !important; }
    .fs33 { font-size: 21px !important; }
    .fs30 { font-size: 18px !important; }
    .ls5 { letter-spacing: 3px !important; }
    
    .txtsldr { left: 0 !important; top: 100px !important; }
    .btnupprev { right: 10% !important; bottom: 12% !important; top: inherit !important; }
    
    .colcasas { width: 100% !important; }
    .colcasasdesc { width: 30% !important; }
    .w33 { width: 100% !important; }
    
    .hgalery24 { height: 18vh !important; }
    .hgalery45 { height: 30vh !important; }
    .hgalery30 { height: 21vh !important; }
    .hgalery35 { height: 24vh !important; }
    
}

@media (max-width: 767px){
    
    .btnupprev { right: 10% !important; bottom: 12% !important; top: inherit !important; }
    .allcenter { text-align: center !important; padding: 5% !important; }
    .imgltozano { width: 100% !important; padding: 0 15% !important; }
    .clearfix { padding: 0 !important; }
    .logosize { width: 45px !important; }
    
    .fs42 { font-size: 27px !important; }
    
    .txtimgcen { text-align: center !important; right: 15% !important}
    
    .paddleftmob { padding: 5% 0 5% 5% !important; }
    
    .w20 { width: 50% !important}
    .iconamenis { padding: 10% 30% !important; }
    
    .hgalery24 { height: 24vh !important; }
    .hgalery45 { height: 24vh !important; }
    .hgalery30 { height: 24vh !important; }
    .hgalery35 { height: 24vh !important; }
    
    .posfoot {position: relative !important; padding-top: 5% !important; }
    
    .tcentermob { text-align: center !important; }
    
}

@media (max-width: 540px){
    
    .txtimgcen { text-align: center !important; right: 10% !important; }
    
    .w20 { width: 100% !important}
    
    .iconamenis { padding: 4% 35% !important; }
    
    .dview { display: none !important; }
	.mview { display: block !important; }
	
	.btmtxt { bottom: 0 !important; top: inherit !important; } 
	
	.fs48 { font-size: 36px !important; }
    
}

@media (max-width: 480px){
    
    .imginter { left: 15% !important; height: 45% !important; width: 80% !important; }
    .txtimgcen { text-align: center !important; right: 7% !important; bottom: 5% !important; padding-top: 5% !important; }
    
}

@media (max-width: 420px){
    
    .imginter { left: 10% !important; top: 5% !important; }
    
    
}