/* Master Stylesheet (Theme Name: Ph) (Version: 31 Dic) (Author: Nob) */  

/* ---------- Primary Styles (Orig) #Yo ---------- */

html{
	font-size: 100%;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
	touch-action: manipulation;
	}

body{
	width: 100%;
	height: 100%;
	background-image: url(../../Fotos/Areco.jpg); /* Yo */
	background-position-x: center; /* Yo */
	background-position-y: top; /* Yo */
	background-size: cover; /* cover */
	position: absolute; /* Ant: absolute (Yo) */
	margin: 0;
	top: 0;
	-webkit-font-smoothing: antialiased; /* Ant: antialiased */
	-moz-osx-font-smoothing: grayscale; /* Ant: grayscale */
	word-wrap: break-word;
	overflow: hidden;
	overflow-x: hidden; /* Yo */
	} 

body{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #333; /* Nada / Ant: 333 */
	} 

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, inpot, button{
	margin: 0;
	padding: 0;
	}

h1,h2,h3,h4,h5,h6{
	line-height: 1.5;
	font-weight: inherit;
	}

h1,h2,h3{font-family: 'Poppins', sans-serif;} /* Carla */

p{line-height: 1.6; font-size: 1.05em; font-weight: 400; color: #555;}

h1{font-size: 3.5em; line-height: 1;}
h2{font-size: 3em; line-height: 1.1;}
h3{font-size: 2.5em;}
h4{font-size: 1.5em;}
h5{font-size: 1.2em;}
h6{font-size: .9em; letter-spacing: 1px;}

a, button{display: inline-block; text-decoration: none; color: inherit; transition: all .3s; line-height: 1;}

a:focus, a:active, a:hover, button:focus, button:active, button:hover, a b.light-color:hover{
	text-decoration: none;
	/* color: #E45F74; */ /* Color de los iconos (Yo) */
	}

b{font-weight: 500;}

img{width: 100%;} /* Ver (Yo) */

li{list-style: none; display: inline-block;}

span{display: inline-block;}

button{outline: 0; border: 0; background: none; cursor: pointer;}

b.light-color{color: #444;} /* Nada */

[class^="icon-"]:before, [class*=" icon-"]:before{line-height: inherit;}

html{
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
}

*,
*::before,
*::after {
	  -webkit-box-sizing: inherit;
			  box-sizing: inherit;
}

/* ---------- Main (Nada) #Yo ---------- */

.MainAreaWrapper{height: 100%;}

/* ---------- Social (General) ---------- */

.MainArea .SocialBoot{
	text-align: center; /* Yo */
	color: #fff; /* Nada */
	position: fixed; /* Ant: absolute */
	/* padding-top: 150px; */ /* Yo */
	/* padding-bottom: 50px; */ /* Yo */
	/* top: 650px; */ /* Ant: 30px (Yo) */
	bottom: 50px; /* Ant: 30px (Yo) */
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 666;
	}

.MainArea .SocialBoot .ListHeading{
	display: block;
	/* margin-bottom: 15px; */ /* Ant: 15px (Yo) */
	} 

.MainArea .SocialBoot > li > a > i{
	display: inline-block;
	height: 35px;
	width: 35px;
	line-height: 35px;
	border-radius: 40px;
	font-size: 1.04em;
	margin: 5px
	}
	
/* ---------- Social (Colores) ---------- */

.MainArea .SocialBoot > li > a > i:hover{
	/* background: rgba(255,255,255,.8)!important; */ /* Ant: FFF (Yo) */
	text-decoration: none;
	color: rgba(255,255,255,.8)!important;
	}	
	
	.MainArea .SocialBoot > li > a > i[class*="twitter"]{background: #1DA1F2;} /* Ant: 3AA4F8 (Yo) */
	.MainArea .SocialBoot > li > a > i[class*="facebook"]{background: #3B5998;} /* Ant: 2A61D6 (Yo) */
	.MainArea .SocialBoot > li > a > i[class*="instagram"]{background: #D00070;} /* Ant: 8F614A / BA30CE (Yo) */
	.MainArea .SocialBoot > li > a > i[class*="pinterest"]{background: #E60023;} /* Ant: E1C013 (Yo) */
	.MainArea .SocialBoot > li > a > i[class*="fa-500px"]{background: #313131;} /* Fontawesome (Yo) */	
	
	.MainArea .SocialBoot > li > a > i[class*="youtube-outline"]{background: #F43846;} /* Yo */
	.MainArea .SocialBoot > li > a > i[class*="linkedin"]{background: #0077B5;} /* Yo */
	.MainArea .SocialBoot > li > a > i[class*="fa-behance"]{background: #003399;} /* Fontawesome (Yo) */
	.MainArea .SocialBoot > li > a > i[class*="fa-camera"]{background: #26334C;} /* Fontawesome (Yo) */
	
	.MainArea .SocialBoot > li > a > i[class*="ion-ios-camera"]{background: #333333;} /* No (Yo) */

/* ---------- Logo (Png) #Yo ---------- */

.Logo{
	/* background-color:rgba(255,255,255,.4)!important; */ /* Yo */
	background-image:url(../../Avatar/Max/CristianBelon.png)!important; /* Yo */
	/* background-position:center; */ /* Yo */
	background-position-x: center;
	background-position-y: center; /* Ant: top (Yo) */
	background-repeat:no-repeat; /* Yo */
	position: fixed; /* Yo */
	width: 100%;
	/* height: 100%; */
	padding-top: 250px; 
	/* top: 50px; */ /* Yo */
	/* left: 50%; */ /* Yo */
	/* display: block; */
	/* position: relative; */ /* Yo */
	z-index: 999;
	}

/* ---------- Fade (Varios) #Yo ---------- */

.Fade {
    opacity: 0;
    /* margin-top: 25px; */
    /* font-size: 21px; */
    /* text-align: center; */
    -webkit-transition: opacity 2s ease-in; /* Ant: 2s (Yo) */
    -moz-transition: opacity 2s ease-in; /* Ant: 2s (Yo) */
    -o-transition: opacity 2s ease-in; /* Ant: 2s (Yo) */
    -ms-transition: opacity 2s ease-in; /* Ant: 2s (Yo) */
    transition: opacity 2s ease-in; /* Ant: 2s (Yo) */
}

/* ---------- Par (Varios) #Yo ---------- */

.Par {
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 3s; /* Ant "1s" */
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes parpadeo {  
	000% {opacity: 1.0;}
	050% {opacity: 0.25;} /* Ant "0.0" */
	100% {opacity: 1.0;}
}

.ParRoundedCountdown {
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 5s; /* Ant "1s" */
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes parpadeo {  
	000% {opacity: 1.0;}
	050% {opacity: 0.50;} /* Ant "0.25" (En 0.0 Desaparece) */
	100% {opacity: 1.0;}
}