html, body
{ 
  	height: 100%;
}

body
{
	color: #ffffff;
	font: 16px 'Raleway-Regular';
	line-height: 19px;
	background: #ffffff;
	position: relative;
}

strong
{
  	font-family: 'Raleway-Bold';
}

h1,h2,h3,h4,h5,h6
{
	color: #ffffff;
 	font: 50.27px 'Raleway-ExtraBold';
	line-height: 54.27px;
}

a, a:before, a:after
{
	color: #ffffff;
 	text-decoration: none;
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

a:hover, a:hover:before, a:hover:after
{	
	cursor: pointer;
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

span, span:before, span:after
{
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

span:hover, span:hover:before, span:hover:after
{	
	cursor: pointer;
 	-webkit-transition: all 300ms ease-out;
 	-moz-transition: all 300ms ease-out;
 	-ms-transition: all 300ms ease-out;
 	-o-transition: all 300ms ease-out;
 	transition: all 300ms ease-out;
}

input, textarea
{
	width: 100%;
	height: 42px;
	color: #000;
	font: 16px 'Raleway-Regular';
	background: #ffffff;
	border: 0px;
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	margin-bottom: 0px;
}

textarea
{
    height: 68px;
	padding-top: 10px;
	padding-left: 4px;
	resize: none;
}

input[type="number"]
{
    width: 35px;
    height: 24px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    border: 2px solid #A6244A;
}

input[type="radio"], input[type=checkbox] 
{
	display: none;
    width: auto;
    height: auto;
} 

input:focus, textarea:focus, .inputSeleccionado
{
	outline: 0;
}

input[type="checkbox"]
{
	width: auto;
	height: auto;
	margin: 0px;
	margin-right: 9px;
	vertical-align: middle;
}

label {
	color: #005383;
	font-family: 'Raleway-Bold';
	margin-bottom: 6px;
}


label.lbRadio
{
	font: 14px 'Raleway-Regular';
    padding-left: 22px;
	margin-right: 13px;
    position: relative;
}

label.lbRadio:before 
{
    display: inline-block;
    content: "";
    width: 11px;
    height: 11px;
    left: 0;
    top: 3px;
    background-color: #ffffff;
	box-shadow: inset 3px 0px 4px rgba(0, 0, 0, 0.29);
    vertical-align: top;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
}

label.lbCheckbox
{
	font-size: 16px;
	padding-left: 13px;
	margin-left: 10px;
	position: relative;
}

label.lbCheckbox:before 
{
    content: "";
	display: inline-block;
	width: 11px;
    height: 12px;
	left: 0;
	top: 4px;
	background-color: #1d0042;
	vertical-align: top;
	position: absolute;
}

input[type=radio]:checked + label.lbRadio:before 
{
	content: "\2022";
    color: #9fcc44;
    font-size: 24px;
    text-align: center;
    line-height: 12px;
}

input[type=checkbox]:checked + label.lbCheckbox:before 
{
    content: "\2713";
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    line-height: 12px;
}

/******************************************************Placeholder******************************************************/

::-webkit-input-placeholder
{
 	color: #ffffff;
}

::-o-input-placeholder
{
 	color: #ffffff;
}

::-ms-input-placeholder
{
 	color: #ffffff;
}

:-moz-input-placeholder
{
 	color: #ffffff;
}

::-moz-input-placeholder
{
 	color: #ffffff;
}

/************************************************************************************/


.BgLuz {
	width: 100%;
	max-width: 1100px;
	height: 670px;
	background: url(../images/luzIzq.png) no-repeat;
	background-size: cover;
	z-index: 1;
}

.Header {
	padding-top: 20px;
	position: absolute;
	z-index: 1;
}

.Header-Center {
	width: 100%;
	max-width: 1278px;
	padding: 0px 15px;
}

.Logo {
	width: 202px;
	height: 29px;
	background: url(../images/logo.png) center no-repeat;
	background-size: 100%;
	margin-top: 18px;
	margin-right: 29px;
}

.Header-RedesSociales {
	margin-top: 26px;
}

.Header-RedSocial {
	width: 20px;
	height: 20px;
	background: url(../images/icoTwitter.png) no-repeat;
	background-size: 100%;
	margin-right: 9px;
}

.Header-RedSocial--Instagram {
	background-image: url(../images/icoInstagram.png);
}

.Header-RedSocial--Facebook {
	background-image: url(../images/icoFacebook.png);
}

.Header-RedSocial--Youtube {
	background-image: url(../images/icoYoutube.png);
}

.Header-RedSocial:hover {
	transform: translateY(-5px);
}
/**************************************************************************/

.Home {
	width: 100%;
    height: 100%;
    background: center no-repeat;
	background-size: cover ;
}

.Fase-Item {
	width: 100%;
    height: 100%;
    background: center no-repeat;
	background-size: cover ;
}

.Fase-Center {
	width: 100%;
	max-width: 1278px;
    /* padding-top: 320px; */
	top: 160px;
	top: 14.6%;
	padding: 0px 15px;
	position: relative;
}

.Slider-Video {
	height: 100%;
}

.Fase-ContentText1 {
	width: 359px;
	height: 307px;
	font-size: 12.95px;
	line-height: 16.95px;
	background: url(../images/bgText1.png) no-repeat;
	padding-left: 45px;
	position: relative;
	z-index: 9;
}


.Fase-ContentText1.Slider2 {
	width: 365px;
	height: 312px;
	background-image: url(../images/bgText2.png);
}

.Fase-ContentText1.Slider3 {
	width: 365px;
	height: 312px;
	background-image: url(../images/bgText3.png);
}

.Fase-TitleText {
	padding-top: 50px;
	margin-bottom: 15px;
}

.Fase-ContentText1.Slider2 .Fase-TitleText {
	font-size: 44.54px;
	line-height: 48.54px;
}

.Fase-ContentText1.Slider3 .Fase-TitleText {
	font-size: 44.54px;
	line-height: 48.54px;
}


.Fase-TitleText span {
	font-family: 'Raleway-Light';
}


.Fase-TitleText strong {
	font: 55.16px 'Raleway-ExtraBold';
	line-height: 49.33px;
}

.Fase-ContentText1.Slider2 .Fase-TitleText strong {
	font-size: 44px;
	line-height: 48px;
}


.Fase-ContentText1.Slider3 .Fase-TitleText strong {
	font-size: 72.88px;
	line-height: 76.88px;
}

.Fase-ContentText1 p{
	max-width: 200px;
	border-left: 3px solid rgba(255, 255, 255, 0.35);
	padding-left: 14px;
}

.Fase-ContentText1.Slider2 p {
	max-width: 170px;	
}

.Fase-ContentText1.Slider3 p {
	max-width: 110px;	
}

.Fase-BtnText1 {
	width: 159px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.6px;
	background: url(../images/btnVerTrailer.png) no-repeat;
	padding: 18px 0px;
	bottom: 0px;
	left: 76px;
}

.Fase-BtnText1:hover {
	transform: translateY(-5px);
}

.Fase-ContentText1.Slider2 .Fase-BtnText1 {
	bottom: 10px;
}

.Fase-ContentText1.Slider3 .Fase-BtnText1 {
	bottom: 15px;
}

/**************************************************************************/

.Footer {
	height: 345px;
	background-color: rgba(37, 42, 47, 0.71);
	position: absolute;
	bottom: 0px;
	z-index: 9;
}

.Footer-Center {
	width: 100%;
	max-width: 797px;
	padding-top: 35px;
	position: relative;
}

.Footer-Col {
	width: 290px;
}

.Footer-Title {
	font-size: 18px;
	line-height: 22px;
}

.Footer-Title strong {
	font-size: 23px;
	line-height: 27px;
}

.Footer-Title span {
	font: 31px 'Raleway-Bold';
	line-height: 35px;
}

.Footer-Text {
	color: #ffd7c3;
	font-size: 15px;
	line-height: 19px;
	margin-top: 30px;
}

.Footer-Col2 {
	width: 396px;
	font-size: 16px;
	line-height: 20px;
	margin-left: 100px;
}

.Footer-Col2 strong {
	font-family: 'Raleway-SemiBold';
}

.Footer-TextSuscribete {
	margin-bottom: 15px;
	letter-spacing: 0.9px;
}

.Footer-BtnEnviar {
	width: 249px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1px;
	background: url(../images/btnEnviar.png) no-repeat;
	background-size: 100%;
	padding: 26px 0px;
	margin-top: 22px;
}

.Footer-BtnEnviar:hover {
	transform: translateY(-5px);
}

.Footer-DerechoAutor {
	font-size: 14px;
	line-height: 18px;
	margin-top: 60px;
}