/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
body{
	background: #fafafa !important;
}
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ===== Initializr Styles ==================================================
Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
========================================================================== */

body {
	font: 16px/26px Montserrat, Helvetica Neue, Arial;

}
.wrapper {
	width: 90%;
	margin: 0 5%;
}
/* ===================
ALL: Orange Theme
=================== */

.header-container {
	border-bottom: 20px solid #e44d26;
}
.footer-container,
.main aside {
	border-top: 20px solid #e44d26;
}
.header-container,
.footer-container,
.main aside {
	background: #f16529;
}
.title {
	color: white;
}
/* ==============
MOBILE: Menu
============== */

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav a {
	display: block;
	margin-bottom: 10px;
	padding: 15px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background: #e44d26;
}
nav a:hover,
nav a:visited {
	color: white;
}
nav a:hover {
	text-decoration: underline;
}
/* ==============
MOBILE: Main
============== */

.main {
	padding: 30px 0;
}
.main article h1 {
	font-size: 2em;
}
.main aside {
	color: white;
	padding: 0px 5% 10px;
}
.footer-container footer {
	color: white;
	padding: 20px 0;
}
/* ===============
ALL: IE Fixes
=============== */

.ie7 .title {
	padding-top: 20px;
}
/* ==========================================================================
Author's custom styles
========================================================================== */

html,
body {
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	width: 100%;
	color: #fafafa;
	background-color: #212121;
}
h1 {
	font-family: 'Raleway BOLD';
}
option,
a {
	color: #212121;
}
.principal {
	/*height: 100%;
	overflow-x: hidden;*/
}
.principal #imagentec {
	background: url("../imagenes/WEB.jpg") center 49% no-repeat;
	height: 100%;
	/*background-attachment: fixed;*/
	overflow: auto;
	position: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
@media (max-width: 992px) {
	.principal #imagentec {
		background: url("../imagenes/WEBmovil.jpg") center top no-repeat;
		height: 50%;
		position: initial;
		background-size: 100%
	}
}
@media (max-width: 768px) {
	.principal #imagentec {
		background: url("../imagenes/WEBmovil.jpg") 46% 20% no-repeat;
		height: 50%;
		position: initial;
	}
}
.principal #informacion {
	background-color: #212121;
	/*left:58.3%;*/
	float: right;
}
@media (max-width: 768px) {
	.principal #informacion {
		left: initial;
	}
}
@media (max-width: 768px) {
	.principal #informacion {
		left: initial;
	}
}
@media (max-width: 992px) {
	.principal #informacion {
		left: initial;
	}
}
#informacion .row #logotec {
	margin-top: 20px;
	/*margin-bottom:  20px;*/
}
#texto {
	font-family: 'Raleway';
	/*	font-style: italic; */
}
.form-group {
	position: relative;
}
#formulario .form-control {
	color: #212121;
	background-color: #FAFAFA;
	border: 1px solid #FAFAFA;
}
#calendario #field3,
#calendario #field11,
#calendario #field12 {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #212121;
	background-color: #fafafa;
	background-image: none;
	border: 1px solid #fafafa;
	/* border-radius: 4px; */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#select #field7,
#select #campus,
#select #field8,
#select #carrera1,
#select #field10,
#select #EPPais,
#select #EPEstado,
#select #EPMunicipio,
#select #EscuelaProveedora,
#select2 #areas {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #636363;
	background-color: #fafafa;
	background-image: none;
	border: 1px solid #fafafa;
	/* border-radius: 4px; */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.radio-inline {
	/*margin-left: 10%;*/
	margin-bottom: 7%;
}
.checkbox-inline {
	margin-left: 8%;
	margin-bottom: 7%;
}
.input-group-addon {
	border: 0;
	outline: 0;
	background-color: #212121;
	background: transparent;
	border-radius: 0px 0px 0px 0px;
	border-bottom: 1px solid white;
}
.fa-whatsapp,
.fa-envelope {
	color: #636363;
	/*padding-top: 6px; */
}
#formulario .input-group-addon {
	background-color: #fafafa;
	border: 1px solid #fafafa;
}
#btnEnviar {
display: block;
background: #212121;
color: #fafafa;
padding: 10px;
height: 70px;
font-family: ´'Montserrat';
font-size: 16px;
margin: 10px 0;
font-weight: bold;
border: 0;
box-shadow: none;
width: 250px;
}
/*CSS CAMPOS DINAMICOS */

#campodinamico {
	border: 1px solid #cccccc;
}
/*--------------------------------*/

#field11 {
	background-color: red;
}
#field4-error,
#field5-error,
#aviso-error {
	position: absolute;
}
label.error {
	top: 35px;
	left: 0px;
	background: rgba(255, 0, 0, 0.4);
	padding: 3px;
	z-index: 10;
}
#checkboxes-error {
	position: absolute;
}
.country-list {
	color: black;
}
#field4 {
	padding-right: 210px;
}
#comentario {
	border: 1px solid #cccccc
}
.campodinamico #acompanantes,
.campodinamico #marca,
.campodinamico #anio,
.campodinamico #placas,
.campodinamico #color {
	border: 1px solid #cccccc;
}
#aviso-privacidad {
	margin-top: 5%;
}
#movilidad-error,
#estacionamiento-error {
	max-width: 82px;
}
.img-areas {
	display: block;
	max-width: 300px;
	height: 139px;
	margin: 0 auto;
	width: 219px;
}
#formulario {
	background: #fafafa;
}
#formulario > h3 {
	text-align: center
}
.banner-w {
	background: #fafafa;
	color: #212121;
}
.banner-w h3 {
	text-transform: uppercase;
}
.banner-w p {
	color: #252625;
}
#areas-exploracion {

    background:  #fafafa no-repeat center center fixed; 
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.img-areas-explora {
	display: block;
	max-width: 325px;
	height: 200px;
	margin: 0 auto;
	width: auto;
}
.subtitulo {
	font-size: 16px;
	margin-top: 2%;
}
.ms-choice > span {
	position: relative !important;
}
.ms-drop.bottom ul li label span {
	margin-left: 3px;
	text-align: center;
}
.ms-choice {
	border: 1px solid #fafafa !important;
	background-color: #fafafa !important;
}
a[href^="https://tec.mx/es/aviso-de-privacidad-prospectos"] {
	color: #212121;
}
a[href^="https://tec.mx/es/aviso-de-privacidad-prospectos"]:hover {
	color: #636363;
}
.ms-choice > span.placeholder {
	color: #636363 !important;
}
.intl-tel-input {
	width: 100% !important;
}
a:focus,
a:hover {
	color: white;
	text-decoration: underline;
}
#ui-datepicker-div {
	z-index: 10 !important;
}
.principal #imagentec {
	background: url("../img/Foto-Portada.webp") center 49% no-repeat;
	height: 100%;
	/*background-attachment: fixed;*/
	overflow: auto;
	position: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*MENU PRINCIPAL*/

.main-menu-tittle {
	color: black;
	font-style: bold;
	text-decoration: none;
	line-height: 80% !important;
	font-family: "helvetica";
}
.main-menu-tittle a:hover {
	color: black;
	font-style: bold;
	text-decoration: none;
	line-height: 80% !important;
	font-family: "helvetica";
}
.main-menu-container {
	text-align: left;
	background: transparent;
	font-size: 15px;
	color: white;
	padding-top: 8px;
	margin-bottom: 10px;
	cursor: pointer;
	font-family: "helvetica";
}
.main-menu-container:hover {
	background: white;
	font-style: bold;
	color: black;
}
.ep-line {
	background: #B0B0B0 !important;
	margin-left: 3% !important;
	width: 97% !important;
	margin-bottom: 2% !important;
}
.ui-datepicker-year {
	color: #898888;
}
    #imagentec .logo-tec-movil{
	    display: none;
    }
.btn-registro{
	display: flex;
	align-content: center;
	flex-flow: row wrap;
	justify-content: center;
	padding-top: 2rem;
}
/* ==========================================================================
Media Queries
========================================================================== */

@media (max-width: 992px) {
	.principal #imagentec {
		background: url("../img/Foto-Portada-Papeleta-mobile.jpg") center top no-repeat;
		height: 55%;
		position: initial;
		background-size: 100%;
	}
}
/*Media Queries Para Tablet*/

/* iPad pro */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait)  {
	.principal #imagentec {
		background: url('../img/Foto-Portada.webp') center no-repeat;
		height: 100vh;
		position: initial;
		background-size: cover;
	}
	#informacion > .row {
    height: 100vh;
	}
	#formulario > h3 {
		text-align: left;
	}
	.img-areas-explora {
		display: block;
		max-width: 300px;
		height: 200px;
		margin: 0 12%;
		width: auto;
	}
	#aviso-privacidad {
		margin: 5% 0;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.principal #imagentec {
		background: url('../img/Foto-Portada.webp') center no-repeat;
		height: 100vh;
		position: fixed;
		background-size: cover;
	}
}
/* (1024x768) iPad 1 & 2, XGA */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.principal #imagentec {
		background: url("../img/Foto-Portada.webp") center top no-repeat;
		height: 44vh;
		position: initial;
		background-size: 100%;
	}
}
/* (768x1024) iPad 1 & 2, Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.principal #imagentec {
		background: url("../img/Foto-Portada.webp") center top no-repeat;
		height: 44vh;
		position: initial;
		background-size: 100%;
		

	}
}
/* (1024x768) iPad 1 & 2, Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.principal #imagentec {
		/*background: url(../img/Foto-Portada.webp) center top no-repeat;
	    height: 100vh;
	    position: fixed;
	    background-size: 100%;*/
	   display:none;
	}
	
	body{
    overflow: scroll;
	-webkit-overflow-scrolling: touch;
    }
	#formulario > h3 {
		text-align: left;
	}
	.img-areas-explora {
		display: block;
		max-width: 300px;
		height: 200px;
		margin: 0 12%;
		width: auto;
	}
	#aviso-privacidad {
		margin: 5% 0;
	}
}
@media(max-width:576px) {
	/*MENU PRINCIPAL*/
	.main-menu-container {
		text-align: left;
		background: transparent;
		font-size: 14px;
		color: white;
		padding-top: 15px;
		margin-bottom: 30px;
		cursor: pointer;
	}
	.main-menu-container:hover {
		background: white;
		font-style: bold;
		color: black;
	}
	.navbar-title-right {
		font-size: 30px;
		color: white;
		text-align: right;
		font-family: "helvetica";
	}
	.navbar-sqrt-left {
		border: none;
		text-align: left !important;
		font-size: 22px !important;
	}
	.navbar-sqrt-left hr {
		text-align: left !important;
		background: white;
		height: 3px;
		width: 40px;
		margin: 0 !important;
	}
}
@media (max-width: 500px) {
	.principal #imagentec {
		/*background: url("../img/Foto-Portada-Papeleta-mobile.jpg") center top no-repeat;
		height: 80vh;
		position: initial;
		background-size: 100%;*/
		display:none;
	}
}
@media only screen and (min-width: 1140px) {
	/* ===============
Maximal Width
=============== */
	#formulario > h3 {
		text-align: left;
	}
	#areas-exploracion {
		background:  #fafafa no-repeat center center fixed; 
  		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.img-areas-explora {
		margin: auto 15%;
	}
	.banner-w p {
		font-size: 18px;
	}
	.ms-drop {
		width: 40% !important;
	}
}

 /*
  ##Device = iPhone X
  ##Screen = B/w 375px to 812px
  */
 @media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) 
    { 
    
    	    body{
    	    	overflow: scroll;
	-webkit-overflow-scrolling: touch;
    }
    	
    }
 
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
   
    .principal #imagentec {
    	display:none;
    }
      body{
    	    	overflow: scroll;
	-webkit-overflow-scrolling: touch;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
    .logo-tec-movil{
	    display: none;
    }
    body{
    	    	overflow: scroll;
	-webkit-overflow-scrolling: touch;
    }

  
}

/* ==========================================================================
Helper classes
========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href)")";
	}
	abbr[title]:after {
		content: " (" attr(title)")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}