@charset "UTF-8";
/******
* GENERALES
*******/
body {
	color: #333;
	font-family:  16px 'Montserrat-Medium.ttf' !important;
	font-weight: 400;
	font-size: 22px;
	/** Sizes:
	Black: 700
	Bold: 600
	Semibold: 500
	Regular: 400
	Thin: 100
	*/
}


a.btn-wsp {
    position: fixed;
    width: 55px;
    height: 55px;
    line-height: 55px;
    bottom: 30px;
    right: 30px;
    background: #1A9A38;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 100;
}
 
img {
    vertical-align: sub;
}

@font-face{
	font-family:themillion1;
	src: url(../fonts/GalanoGrotesque.otf);
	
	}


@font-face{
		font-family:themillion2;
		src: url(../fonts/Belgan-Aesthetic-2.ttf);
		
	}


a { color: #003260; }
h1, h2, h3,
h4, h5, h6 {
	font-weight: 600;
	margin-top: 0;
}
h2 { margin-bottom: 30px; }
.img-responsive.force { width: 100%; }
hr { border-top-color: #67666a; }
hr.e-margin { margin: 30px 0; }
b, strong { font-weight: 600; }


.space60{height: 60px;}


h1.estudia {
    font-size: 28px !important;
}

/******
* STAGE
*******/



.stage {
	background-color: #001e3a;
	background-image: url(../images/banner-landing.jpg);
	
	background-repeat: no-repeat;
	background-size: cover;
}
/* Left side */
.stage .inner-pad { padding-right: 60px; }
.stage .brand { margin: 54px 180px; }
.stage .brand img { max-width: 350px; }
.stage .main-heading { padding-bottom: 15px; }
.stage .main-heading h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.main-heading .virtual-button {
	background-color: #6699cc;
	border-radius: 0px 30px 30px 0px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: 5px;
	margin-bottom: 40px;
	padding: 8px 45px 6px;
	text-transform: uppercase;	
}
.main-heading .cost { margin-bottom: 15px; }
.main-heading .cost p{
	color: #fff;
	font-weight: 400;
	margin: 0 0 15px;
}
.main-heading .cost .legal { font-size: 10px; }
.main-heading .cost .close-line {
	background: #ffff;
    height: 1px;
}
.main-heading .cost .code-doc {
	font-size: 25px;
	color: #7284C2;	
}
/* Right side (Form) */
.inquiry-form { padding-left: 80px; }
.inquiry-form .back-color { background-color: #ffff;
    border-radius: 20px;}
.inquiry-form .back-top {
	background: transparent url() no-repeat left top;
	padding-top: 38px;
}
.inquiry-form .back-bottom {
	background: transparent url() no-repeat bottom right;
	padding: 0 24px 50px;
}

.start-date-container.clearfix {
    text-align: center;
    color: #ffff;
	font-size: 25px;
	margin: 12px 0 0px 80px;
}





.inquiry-form .start-date-container {
	color: #003260;
	margin-bottom: 20px;
}
.inquiry-form .start-date-container img {
	float: left;
	margin-right: 15px;
	max-width: 60px;
}
.inquiry-form .start-date-container h2 {
	font-size: 18px;
	font-weight: 100;
	margin: 9px 0 0;
	text-transform: uppercase;
}
.inquiry-form .start-date-container .start-date {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}

select{
	background-color: #fff;
	border: 2px solid #2f347a;
	border-radius: 4px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 7px 14px;
	width: 100%;	
}



.inquiry-form input[type="text"], 
.inquiry-form input[type="tel"], 
.inquiry-form input[type="number"], 
.inquiry-form input[type="select"],
 .inquiry-form input[type="email"] {
    background-color: rgb(255, 255, 255);
    border: 2px solid #2f347a;
    border-radius: 4px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 7px 14px;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

.inquiry-form .privacy { margin: 5px 0 15px; }
.inquiry-form .privacy input[type="checkbox"] {
	float: left;
	margin: 0 5px 0 0;
}
.inquiry-form .privacy label {
	float: left;
	font-size: 9px;
	font-weight: 400;
	width: 92%;	
}
.inquiry-form .privacy label a { text-decoration: underline; }
.inquiry-form button {
	background-color: #6699cc;
	border: none;
	border-radius: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 10px;
	text-transform: uppercase;
	width: 100%;	
}
.inquiry-form .contact-info-container {
	color: #003260;
	margin-top: 30px;
}
.inquiry-form .contact-info-container img { float: left; }
.inquiry-form .contact-info-container p { margin: 0; }
.inquiry-form .toll-free { margin-bottom: 15px; }
.inquiry-form .toll-free img {
	margin-right: 15px;
	max-width: 60px;
}
.inquiry-form .toll-free p {
	font-size: 13px;
	font-weight: 400;
	margin-top: 10px;
}
.inquiry-form .toll-free p a {
	color: #003260;
	font-size: 21px;
}
.inquiry-form .toll-free p strong {	font-weight: 600; }
.inquiry-form .email,
.inquiry-form .whatsapp { margin-bottom: 15px; }
.inquiry-form .email img,
.inquiry-form .whatsapp img {
	margin-right: 15px;
	max-width: 30px;
}
.inquiry-form .email p,
.inquiry-form .whatsapp p {
	font-size: 11px;
	font-weight: 400;
	margin-top: 2px;
}
.inquiry-form .whatsapp p a { color: #003260; }
.inquiry-form .email p strong,
.inquiry-form .whatsapp p strong { font-weight: 600; }
.inquiry-form .email a {
	color: #003260;
	text-decoration: underline;
}
.stage-fx .blank {
	background-color: #fff;
	height: 5px;
}
.stage-fx .shadow {
	background: transparent url(../images/stage_fx.jpg) no-repeat center bottom;
	background-size: cover;
	
}

/******
* COURSE TARGET
*******/
.course { margin: 30px 0 40px; }
.course h3 {
	color: #003260;
	font-size: 28px;
	font-weight: 100;
	margin: 0 0 30px;
}
.course p {
	font-size: 18px;
	margin: 0 0 20px;
}
.course ul {
	color: #003260;
	font-weight: 400;
	margin: 0;
	padding-left: 16px;
}
.course li { margin-bottom: 15px; }

/******
* BENEFITS
*******/
.benefits {
	background-color: #ebebeb;
	padding: 40px 0;
}
.benefits h3 {
	color: #003260;
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 30px;
	text-align: center;
}
.benefits .tabless {
	display: table;
	width: 100%;
	height: 65px;
}
.benefits .tabless > div {
	display: table-cell;
	vertical-align: middle;
}
.benefits .radius-left { border-radius: 60px 0 0 60px; }
.benefits .radius-right { border-radius: 0 60px 60px 0; }
.benefits .red {
	background-color: #c10b18;
	overflow: hidden;
	padding: 10px 5px 12px 20px;
	width: 65px;
}
.benefits .red img { max-width: 30px; }
.benefits .blue {
	color: #fff;
	background-color: #003260;
}
.benefits .title {
	font-size: 11px;
	font-weight: 100;
	padding: 10px 15px;
}
.benefits .long {
	font-size: 9px;
	font-weight: 100;
	padding-right: 20px;
}
.benefits .long .tabless { width: auto; }
.benefits .long strong {
	font-size: 44px;
	font-weight: 600;
	margin-right: 5px;
}

/******
* FEATURES
*******/
.features { padding: 0px 0 0px; }
.features h3 {
	color: #003260;
	font-size: 28px;
	font-weight: 100;
	margin: 0 0 30px;
	text-align: center;
}
.features .img-container {
	position: relative;	
}
.features .img-container .img-border {
	border: 12px solid #fff;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
.features .img-container .icon {
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
}
.features .img-container .manage-time.icon { background-image: url(../images/asesoria-personalizada-ico.png); }
.features .img-container .from-home.icon { background-image: url(../images/relaciones-sociales-ico.png); }
.features .img-container .best-online.icon { background-image: url(../images/opiniones-tiempo-real-ico.png); }
.features .img-container .freedom.icon { background-image: url(../images/trabajo-diario-ico.png); }
.features .text-border {
	border-left: 1px solid #ccc;
	margin-left: 10px;
}
.features h4 {
	color: #003260;
	font-size: 14px;
	margin: 5px 0 5px 10px;
}
.features p {
	color: #003260;
	font-size: 13px;
	margin: 0 0 0 10px;
}

/******
* PROFILE
*******/
.profile {
	background: transparent url(../images/banner-perfil.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 50px;
	position: relative;
}
.profile .profile-icon {
	background: transparent url(../images/profile_icon.png) no-repeat center top;
	height: 125px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.profile .pad {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-top: 155px;
	padding: 30px 15px 20px;
	position: relative;
}
.profile h3 {
	background: url(../images/profile_title_bg.png) no-repeat center center;
	color: #fff;
	font-size: 28px;
	font-weight: 100;
	left: 0;
	position: absolute;
	text-align: center;
	top: -16px;
	width: 100%;
}
.profile p {
	color: #fff;
	font-size: 14px;
	margin: 0 0 15px;
	text-align: center;	
}
.profile ul {
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding-left: 16px;
}
.profile li { margin-bottom: 10px; }

/******
* CURRICULUM
*******/
.curriculum {
	background: transparent url(../images/curriculum_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 40px 0;
}
.curriculum  h3 {
	color: #003260;
	font-size: 28px;
	font-weight: 400;
	margin: 0 0 30px;
	text-align: center;
}
.curriculum h4 {
	color: #fff;
	background-color: #003260;
	font-size: 18px;
	margin: 0;
	padding: 10px;
	text-align: center;
}
.curriculum table { width: 100%; }
.curriculum th {
	background-color: #c10b19;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 15px;
	text-align: left;
}
.curriculum th:last-child { border-left: 1px solid #fff; }
.curriculum td {
	background-color: rgba(255, 255, 255, 0.35);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #003260;
	font-size: 14px;
	padding: 10px 15px;
	text-align: left;
}
.curriculum table tr:last-child td { border-bottom: none; }
.curriculum td:last-child {
	border-left: 1px solid #fff;
	text-align: center;
}

/******
* FOOTER
*******/
.footer {}
.footer .top {
	background-color: #e5e5e5;
	padding: 25px 0;
}
.footer .top p {
	font-size: 11px;
	margin: 0;
	text-align: center;	
}
.footer .mid {
	background-color: #fff;
	padding: 20px 0;
}
.footer .mid .tabless {
	display: table;
	width: 100%;
}
.footer .mid .tabless > div {
	display: table-cell;
	vertical-align: middle;
}
.footer .mid .icon {
	padding-right: 10px;
	width: 40px;
}
.footer .mid p {
	font-size: 12px;
	margin: 0;
}
.footer .bottom {
	background-color: #003260;
	padding: 20px 0;

}

.footer .bottom a{
	color: #FFF;	
}

.footer .bottom p {
	color: #fff;
	font-size: 13px;
	margin: 0;
	text-align: center;
}
.footer .bottom p .text {
	display: inline-block;
	vertical-align: -5px;
}
.footer .bottom p .logo {
	background: url(../images/uniremington_logo_footer.png) no-repeat center center;
	display: inline-block;
	height: 24px;
	margin-left: 10px;
	width: 24px;
}

/******
* MEDIA QUERIES
*******/
@media (min-width: 320px){ 
	
		background-color: #e9e6e2;
	}
	.stage .inner-pad { padding-right: 0; }
	.stage .main-heading { margin-bottom: 40px; }
	.inquiry-form { padding-left: 0; }
	.course img { margin-bottom: 30px; }
	.benefits .pad { margin-bottom: 20px; }
	.features .text-border {
		border-left: none;
		margin-bottom: 20px;
	}
	.footer .mid .tabless { margin-bottom: 15px; }

	.row {
		 margin-left: 0px !important; 
		 margin-right: 0px !important; 
    }

	.stage .brand {
		margin: 54px 0px;
	}

	.stage .main-heading h1 {
		
		font-size: 40px;
	
	}

	.virtual-button1 {
		width: 60%;
		padding: 0px 0px 2px 0px;	
		background: rgb(102, 153, 204);
        border-radius: 5px;
        width: 65%;
        padding: 0px 0px 5px;	
		
	}
	p.cupos {
		margin: -55px 100px 7px -10px;
		color: #7284C2;
	}

	
	

 }
@media (min-width: 768px){
	.stage {
		
		background-image: url(../images/Fondo-general.jpg);
	}
	.stage .inner-pad { padding-right: 30px; }
	.stage .main-heading { margin-bottom: 0; }
	.inquiry-form { padding-left: 80px; }
	.course img { margin-bottom: 0; }
	.features .text-border {
		border-left: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.features .text-border.hsm { border-left: none; }
	.footer .mid .tabless { margin-bottom: 0; }

	.row {
		margin-left: -200px !important;
		margin-right: -60px !important;
	}

	.virtual-button1 {
		background: rgb(102, 153, 204);
		border-radius: 5px;
		width: 50%;
		padding: 0px 0px 5px 0px;
		font-size: 28px;
		margin: 0px 0px -40px 95px;
	}
	p.cupos {
		margin: -24px 0px 15px 0px;
	}

}
@media (min-width: 992px) {
	.stage .inner-pad { padding-right: 60px; }
	.benefits .pad { margin-bottom: 0; }
	.features .text-border { margin-bottom: 0; }
	.features .text-border.hsm { border-left: 1px solid #ccc; }
}
@media (min-width: 1112px) {	

}