@charset "UTF-8";
/* CSS Document */
html,
body {
width: 100%; height: 100%; 
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
font-family: 'Raleway', sans-serif;
font-size: 1.2em !important;
background-color: #3b2a45;
}
.parallax {

/* Full height */
height: 100vh; 
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(../imgs/bcg_vegas_mob.jpg);}
h1,h2,h3,h4,h5v{font-family:'Merriweather', serif;}
#info{
background: #3b2a45 no-repeat top left;
padding: 50px 0 50px;
}

.portaintro{position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
background-image: url(../imgs/bcg_vegas_mob.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


.aboutimg {
width: 300px;
height: 300px; }


section{
width: 100%;
padding: 0 7%;
display: table;
margin: 0;
max-width: none;
height: 100vh;}

video#bgvidblog { 
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../imgs/bcg_blog.jpg) no-repeat;
background-size: cover; 
}
video#bgvidcontact{ 
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../imgs/bcg_contactenos.jpg) no-repeat;
background-size: cover; 
}
#bgvabout{ display: none;
width: 300px;
height: 300px;
background: url(../imgs/AF-about.png) no-repeat;
background-size: cover; 
margin: 15% auto 0 auto;
object-fit: cover;
}

.uppercase{ text-transform: uppercase;}
/*FONTS STYLES*/
.wrapper {
margin: 0 auto;
z-index: 9;
text-align: center;
color: #FFFFFF;
position: relative;
margin-top: 10vh;
}
.gamma {
font-size: 2rem; /* 36 / 18 = 2 */
margin-bottom: 0.825rem;
}
.raleway{font-family: 'Raleway'}
.thin{font-weight: 200;}
.ls-xlarge{letter-spacing: 5px;}
.tera {
font-size: 4.5rem; /* 117 / 18 = 6.5 */
margin-bottom: 0.25385rem;
}
.bold{font-weight: 700;}
.epsilon {
font-size: 1.16667rem; /* 21 / 18 = 1.1667 */
margin-bottom: 1.41429rem;
}
.ls-medium{letter-spacing: 4px;}
.decorative-span{
display: inline-block;
font-size: 20px;
line-height: 45px;
margin: 0 10px;
position: relative;
vertical-align: middle;
color: #fff;
}
.decorative-span:before, .decorative-span:after{
background-color: #fff;
bottom: 100%;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
}
.decorative-span:after {
top: 96%;
}
/*FIN FONTS STYLES*/

video#about{ width: 450px; height: 450px; object-fit: cover; margin-top: 15%;}
.overlaysection {
position: absolute;
width: 100%;
height: 100vh;
top: 0px;
left: 0px;
background: url(../imgs/pixel.png) top center;
opacity: 0.8;
filter: alpha(opacity=80);
}
.overlaysection2 {
background:rgba(31,28,20, 0.62);
height: 100%;
width: 100%;
}
#menu-toggle {
z-index: 10;
position: fixed;
top: 25px;
right: 53px;
}
.toggle {
/* margin: 5px 5px 0 0;*/
}
a:link{-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
/* The Overlay (background) */
.overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */    
height: 0;
width: 100%;
position: fixed; /* Stay in place */
z-index: 15; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(213,111,74); /* Black fallback color */
background-color: rgba(213,111,74, 0.95); /* Black w/opacity */
overflow-y: hidden; /* Disable horizontal scroll */
transition: 0.7s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
position: relative;
top: 25%; /* 25% from the top */
width: 100%; /* 100% width */
text-align: center; /* Centered text/links */
margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
font-weight: 300;
color: #ffffff;
display: block; /* Display block instead of inline */
transition: 0.3s; /* Transition effects on hover (color) */
}
.overlay a:hover, .overlay a:focus {
color: #333333;
text-decoration: none;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
position: absolute;
top: 26px;
right: 53px;
font-size: 25px;
}
	
/*fin the overlay*/

/* Custom Button Styles */
.btn-dark {
color: #fff;
border-radius: 50%;
/*background-color: rgba(0,0,0,0.4);*/
}
.btn-lg{ width: 50px;
height: 50px;
border-radius: 25px;}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
color: #fff;
background-color: rgba(0,0,0,0.7);
border-radius: 50%;
}
.btn-light {
border-radius: 0;
color: #333;
background-color: rgba(255,255,255,0.4);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
color: #333;
background-color: rgba(255,255,255,0.8);
}
/*Custom Shapes for animation*/
#shape1{width: 1px;
height: 450px;
background: #b46b52;
margin: 15% 0 0 0%;
float: right;}
#shape2{width: 200px;
height: 200px;
background: #353146;
float: left;}	
#loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333;
z-index: 9999999999;
}
.spinner {
width: 40px;
height: 40px;
top: 45%;
position: relative;
margin: 0px auto;
}
.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
background-color: #d56f4af2;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2s infinite ease-in-out;
animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/*Fin */
/*Text elements*/
.beige{ color:#c5a96b;}
.salmon{ color:#b46b52;}
.lead, .lead2{ font-family:'Merriweather', serif; font-size: 1.9rem !important; text-align: center;}
.lead2{ text-align: left;}
.info{ color:#FFFFFF; font-size: 1em;}
.info a, .info a:visited, .info a:link, .info a:focus  { color:#c7ae78; text-decoration: none; -webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
.info a:hover{ color:#7C7C7C; text-decoration: none; -webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}
.marleft{ margin-left: 6%;}
.maright{ margin-right: 6%;}
/*.martop{ margin-top: -2%;}*/
/*SCROLL BUTTON*/
.down a {
position: absolute;
bottom: 40px;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
font : normal 400 20px/1;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .3s;
}
.down a:hover {
opacity: .5;
}
#arrow{opacity: 0.8;}
#intro a {
transition: all 1s linear;
display: block;
}
#intro a span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb04 2s infinite;
animation: sdb04 2s infinite;
box-sizing: border-box;
display: block;
}
@-webkit-keyframes sdb04 {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
}
20% {
-webkit-transform: rotate(-45deg) translate(-10px, 10px);
}
40% {
-webkit-transform: rotate(-45deg) translate(0, 0);
}
}
@keyframes sdb04 {
0% {
transform: rotate(-45deg) translate(0, 0);
}
20% {
transform: rotate(-45deg) translate(-10px, 10px);
}
40% {
transform: rotate(-45deg) translate(0, 0);
}
}
.hidden {
display: none;
}

.visuallyhidden {
opacity: 0;
}
/* FIN SCROLL BUTTON*/
/*SECTION PORTAFOLIO*/
/*PORTAFOLIO FULLSCREEN*/
.fullscreen-bg{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
background-image: url(../imgs/bcg_portafolio_mob.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.mask1{ background-color: rgba(25,19,8,0.70); padding: 18% 0 5%;}
.divider{ border-top: 1px solid rgba(110,103,87,0.60) !important; margin-top: -5px !important;}
.dividernorm{ border-top: 1px solid rgba(255,255,255,0.1) !important; width: 30%; margin: 5% 0;}
#porta p{ margin:0 6%; color: aliceblue;}
#porta img{ opacity: 0.8; filter: alpha(opacity=80);}
.linkinec, .linkbyaf, .linkayp, .linkredroom, .linkrr{ cursor:pointer; padding: 5% 0; margin-bottom: 10px;}
.list-unstyled li {
  color: #d9534f;
}
/*FIN SECTION PORTAFOLIO*/
/*SECTION BLOG*/
#blog{ padding:0;}
.mask3{ background-color: rgba(15,10,2,0.2); padding: 3% 1%; float: left; width:inherit; margin-top: 10%; z-index: 1;}
#blog img {
padding: 0px 2%;
}
#porta a, #porta a:link, #porta a:visited, #porta a:focus {color:#d56f4af2; opacity: 1; text-decoration: none;}
#porta a:hover {color:#CFCECE; text-decoration: none;}
#porta h5{ font-family: 'Merriweather', serif; }
.thumbblog{
width: 100px;
height: 100px;
margin-right: 10px;
background-size: cover;
background-position: center center;
}
.thumbfirst{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2018/02/AF_Foto_Post-1280x640.jpg);}
.thumb1{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2018/02/Casual-Wearing-36-De-flores-y-rosas-01-1280x640.jpg);}
.thumb2{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2018/02/congofilms-1280x640.png);}
.thumb3{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2017/05/af-Getsemani.jpg);}
.thumb4{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2017/02/15069034_728352647313901_437520915513296212_o-e1486134373586.jpg);}
.thumb5{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2017/02/14067833_683315948484238_1593601252931386793_o-e1486128921669.jpg);}
.thumb6{background-image: url(http://andresfranco.net/blog/wp-content/uploads/2017/02/13925434_673973676085132_5618389435031583200_o-e1486127675368.jpg);}
.list-unstyled-blog li {
  color: #FFFFFF;
}
.linkon{ opacity: 1; }
.linkoff{ opacity: 0; }
/*FIN SECTION BLOG*/
/*SECTION CONTACTO*/
.parallaxcontact {
background-image: url(../imgs/bcg_contacto_mob.jpg);
/* Full height */
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
#contacto{ padding:0;}
.fullscreen-bg-cont{
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
.mask2{ background-color: rgba(15,10,2,0.2); padding: 3% 0; float: right; width: 700px; margin-top: 14%; z-index: 1;}
#contacto form{ padding-top: 15px;}
.formtext { background-color: rgba(38,30,17,0.5) !important; color: #FFFFFF !important;}
label{ color:#ffffff !important;}
/*BUTTONS*/
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
/*font-size: 1rem;*/
line-height: 1.5;
/*border-radius: .25rem;*/
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-light {
color: #111;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
/*FIN BUTTONS*/
/*FIN SECTION CONTACTO*/
/*FOOTER*/
footer {
background: #1e262a;
padding: 35px 0px 30px;
text-align: center;
overflow-y: auto;
font-size: 0.9em !important;
}
footer a, footer a:focus, footer a:visited {
padding: 0 5% 1%;
text-decoration: none;
font-size: 1.2em;
font-weight: 400;
color: #636c72;
transition: 0.3s; /* Transition effects on hover (color) */
text-transform:uppercase;
}
footer a:hover{
color: #c5a96b;
text-decoration: none;
}
.menufoot{ padding-top: 1%;}
/*FIN FOOTER*/


/*FEEDEK STYLES*/
.feedEkList{width:100%; list-style:none outside none; bpadding:4px 6px;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.feedEkList li .thumbblog{ background-color: aqua;}
/*.itemTitle a{font-weight:bold; color:#4EBAFF !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }*/
.itemDate{font-size:11px;color:#AAAAAA;} 
/*FIN FEEDEK STYLES*/