/* ------------------ Tipografía UNIVIA ------------------ */

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/30ed56");

@font-face {font-family: 'UniviaProBook';src: url('fonts/univia-book/webfonts/30ED56_0_0.eot');src: url('fonts/univia-book/webfonts/30ED56_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/univia-book/webfonts/30ED56_0_0.woff2') format('woff2'),url('fonts/univia-book/webfonts/30ED56_0_0.woff') format('woff'),url('fonts/univia-book/webfonts/30ED56_0_0.ttf') format('truetype');}


@import url("//hello.myfonts.net/count/30fe1d");
  
@font-face {font-family: 'UniviaProThin';src: url('fonts/univia-thin-bold/webfonts/30FE1D_0_0.eot');src: url('fonts/univia-thin-bold/webfonts/30FE1D_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/univia-thin-bold/webfonts/30FE1D_0_0.woff2') format('woff2'),url('fonts/univia-thin-bold/webfonts/30FE1D_0_0.woff') format('woff'),url('fonts/univia-thin-bold/webfonts/30FE1D_0_0.ttf') format('truetype');}
  
@font-face {font-family: 'UniviaPro-Bold';src: url('fonts/univia-thin-bold/webfonts/30FE1D_1_0.eot');src: url('fonts/univia-thin-bold/webfonts/30FE1D_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/univia-thin-bold/webfonts/30FE1D_1_0.woff2') format('woff2'),url('fonts/univia-thin-bold/webfonts/30FE1D_1_0.woff') format('woff'),url('fonts/univia-thin-bold/webfonts/30FE1D_1_0.ttf') format('truetype');}

/* ------------------ Tipografía UNIVIA ------------------ */


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

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

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

p, h1, h2, h3, h4, h5, h6, a { margin: 0 !important; }
p { font-size: 19px !important; }

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

.fopen { font-family: 'Open Sans', sans-serif !important; font-weight: 300; }
.funibook { font-family: UniviaProBook !important; font-weight: normal !important; font-style: normal !important; }
.funithin { font-family: UniviaProThin !important; font-weight: normal !important; font-style: normal !important; }
.funibold { font-family: UniviaPro-Bold !important; font-weight: normal !important; font-style: normal !important; }

.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }

.tupper { text-transform: uppercase !important; }
.ftitle { font-size: 51px !important; }
.ftitmini { font-size: 18px !important; }
.fsmidd { font-size: 15px !important; }
.fsmini { font-size: 13px !important; }
.fplarge { font-size: 24px !important; }
.finput { font-size: 15px !important; }
.fs21p { font-size: 21px !important; }
.fs15p { font-size: 15px !important; }

.cfwh { color: #FFFFFF !important; }
.cfbl { color: #252631 !important; }
.cfor { color: #F94616 !important; }

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

.prodsw { width: 40% !important; }

.paddbfimg { padding: 3% 0 250px !important; }
.margimg { margin-top: -300px !important; }
.paddafimg { padding: 500px 0 5% !important; }
.margafimg { margin-top: -300px !important; }

.margskill { margin: -5px 0 0 5px !important; }
.margskill2 { margin: -5px 30px 0 0 !important; }

.separator5 { padding: 5% 0 !important; width: 100% !important; }
.separator3 { padding: 3% 0 !important; width: 100% !important; }

.row { padding: 3% !important; }

@media (max-width: 1439px){
	
	.margskill { margin: -5px 0 0 0 !important; }
	
}


@media (max-width: 1200px){
	
	.ftitle { font-size: 42px !important; }
	.margafimg { margin-top: -230px !important; }
	.prodsw { width: 50% !important; }
	.margskill { margin: -5px 0 0 -5px !important; }
	
}


@media (max-width: 991px){
	
	.container { max-width: 90% !important; }
	.bkgqs { background-size: 70% !important; }
	.w100 { max-width: 100% !important; flex: none; text-align: center; }
	.margskill { margin: -5px 0 0 -7px !important; }
	
}


@media (max-width: 767px){
	
	.dview { display: none !important; }
	.mview { display: block !important; }
	
	.g-recaptcha {
        display: inline-block;
    }

	.allcenter, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { text-align: center !important; padding: 2% 5% !important; }
	.paddform { padding: 5% 0 !important; }
	.ftitmini { font-size: 30px !important; }
	.margimg { margin-top: -320px !important; }
	.margimgs { margin: 0 !important; }
	.prodsw { width: 80% !important; }
	.margafimg { margin-top: -200px !important; }
	.paddafimg { padding: 180px 0 5% !important; }
	.mgtopprod { margin-top:  0 !important; }
	.imgprodback { width: 80% !important; }
	.container { max-width: 95% !important; }
	
	.bkgposb1 { background-position: -130% -50px !important; }
	.bkgposb2 { background-position: 150% top !important; }
	.bkgposb3 { background-position: 230% 120px !important; }
	
	.w90 { width: 90% !important; }
	
	.paddrowskill { padding: 3% 10% 3% 4% !important; }
	.paddrowskillnum { padding: 3% 6% 3% 4% !important; }
	.margskill { margin: -5px -40px 0 55px !important; }
	.margskill2 { margin: -5px -20px 0 0 !important; }
	
	.row { padding: 2% 0 !important; margin: 0 !important; }
	.ftitle { font-size: 30px !important; }
	
}

@media (max-width: 650px){
	
	.margskill { margin: -5px -40px 0 50px !important; }
	
}


@media (max-width: 600px){
	
	.margimg { margin-top: -50% !important; }
	.margafimg { margin-top: -35% !important; }
	.prodsw { width: 90% !important; }
	.hballs { width: 240px !important; }
	.margskill { margin: -5px -40px 0 40px !important; }
	.margskill2 { margin: -5px -15px 0 0 !important; }
	
}


@media (max-width: 476px){
	
	.g-recaptcha {
        transform:scale(0.84);
	    -webkit-transform:scale(0.84);
	    transform-origin:0 0;
	    -webkit-transform-origin:2 0;
    }
	
	.margimg { margin-top: -60% !important; }
	.margskill { margin: -5px -35px 0 150% !important; }
	.margskill2 { margin: -5px -10px 0 0 !important; }
	
}