@charset "UTF-8";
/*======================

	ültima versión: enero 021

========================*/

.buttonDisabled{Cursor:text !important; Text-Decoration: None !important; } 
.noHover{pointer-events: none;}
.uppercase{text-transform: uppercase;}
.white , span.white , p.white { text-color:white !important;color:white !important}
.black , span.black , p.black { text-color:black !important;color:black !important}
.bg-grey-light{ background-color: #f8f8f8}



/*======================

	04. Margins

========================*/
.mb-0{margin-bottom: 0px !important;}
.mtb-0 {margin-top: 0px !important; margin-bottom: 0px !important; }
.mtb-l{margin-top: 14vh !important; margin-bottom: 14vh !important; }
.mtb-m{margin-top: 10vh !important; margin-bottom: 10vh !important; }
.mtb-s{margin-top: 4vh !important; margin-bottom: 4vh !important; }
.mb-xs{margin-bottom: 1vh !important; }
.mb-s{margin-bottom: 4vh !important; }
.mb-m{margin-bottom: 10vh !important; }
.mb-l{margin-bottom: 14vh !important; }
.mb-10{margin-bottom: 10px !important; }
.mb-15{margin-bottom: 15px !important; }

.mt-l , div.mt-l {margin-top: 14vh !important;  }
.ptb-l{padding-top: 14vh !important; padding-bottom: 14vh !important; }
.ptb-m{padding-top: 10vh !important; padding-bottom: 10vh !important; }
.ptb-s{padding-top: 5em !important; padding-bottom: 5em !important; }
.ptb-0{padding-top: 0px !important; padding-bottom: 0px !important; }
.pt-0{padding-top: 0px !important;  }
/* margin-top */
.m-0{margin-top: 0px !important; margin-bottom:  0px !important; margin-left: 0px !important; margin-right: 0px !important;}
.mt-0{margin-top: 0px !important;}
.mt-30 { margin-top: 30px !important;  }
.mt-xs { margin-top: 2vh !important;  }
.mt-s { margin-top: 4vh !important;  }
.mt-m {margin-top: 10vh !important;}
.mt-half {margin-top: 90vh !important;}

.p-xs{padding: 2vh !important; }
.p-s{padding: 4vh !important; }
.p-m{padding: 8vh !important; }
.pt-0{padding-top:0px !important;}
.pt-xs{padding-top: 2vh !important; }
.pt-s{padding-top: 4vh !important; }
.pt-m{padding-top: 10vh !important; }
.pt-l{padding-top: 14vh !important; }
.pb-l{padding-bottom: 14vh !important; }
.pb-s{padding-bottom: 4vh !important; }
.pb-xs{padding-bottom: 2vh !important; }
.pl-m{padding-left: 10vh !important; }
.pl-l{padding-left: 14vh !important; }
.mlr-0{margin-left: 0px !important; margin-right: 0px !important; }
.mlr-m{margin-left: 4vh !important; margin-right: 4vh !important; }

.plr-0{padding-left: 0px !important; padding-right: 0px !important; }
.plr-m{padding-left: 4vh !important; padding-right: 4vh !important; }
.plr-l{padding-left: 10vh !important; padding-right: 10vh !important; }
.plr-m-portfolio{padding-left: 14vh !important; padding-right: 14vh !important; }
/*======================

	05. Visibility

========================*/
.bg-white{background-color: white !important}
.bg-0{ background-color: transparent !important}
.display-no{ display: none; opacity: 0; }
.opacity-m{ opacity: 0.5}
/*======================

	06. borders 10

========================*/

.b-10{ border: 10px solid #ffffff !important}
.mw-100{ max-width: 100%}

/*======================

	07. Positions

========================*/
.p-a{position: absolute}


/*======================

	08. Headings

========================*/
.h1{ font-size: 150%}
.h2{font-size: 125%}
.h3{font-size: 100%}
.h4{font-size: 90%}

.text-big , h1.text-big , h2.text-big  , h3.text-big  , h4.text-big {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}
/*======================

	10. Responsive

========================*/

@media only screen and (max-width: 768px){
	.ptb-m-s{padding-top: 2vh !important; padding-bottom: 2vh !important; }
	.mtb-m-s{margin-top: 2vh !important; margin-bottom: 2vh !important; }
	
	.ptb-m{padding-top: 4vh !important; padding-bottom: 4vh !important; }
	
	.mtb-l{margin-top: 4vh !important; margin-bottom: 4vh !important; }
	.mt-l , div.mt-l {margin-top: 4vh !important;  }
	.mtb-m{margin-top: 4vh !important; margin-bottom: 4vh !important; }
	
	.mb-15{margin-bottom: 10px !important; }
	.mb-m{margin-bottom: 4vh !important; }
	.mb-l{margin-bottom: 4vh !important; }
	.pt-0{padding-top: 0px !important;  }
	.pt-l {padding-top: 4vh !important;}
	.pb-l{padding-bottom: 4vh !important; }
	
	.pl-m{padding-left: 4vh !important; }
	.pl-l{padding-left: 4vh !important; }
	
	.plr-m{padding-left: 2vh !important; padding-right: 2vh !important; }
.plr-l{padding-left: 2vh !important; padding-right: 2vh !important; }
.plr-m-portfolio{padding-left: 2vh !important; padding-right: 2vh !important; }
	
	}