@charset "UTF-8";
/* CSS basic Document */


/* SINGLE POSITIONS & FIXES FOR SEVERAL PURPORSES */
.clear    { clear:both;  }
.left     { float:left;  }
.right    { float:right;  }
.relative { margin-top:-20px;  }
.anchor   { margin-top:-50px; height:50px; top:0; }
.row      { padding:10px; }
.center   { display:table; margin:0 auto; }
/* HTML / BODY */

html,body { margin:0;  }
.gracias  { background:url(../images/background/gracias.png) center center fixed; background-size:cover; -webkit-background-size:cover; .moz
background-size:cover; -ms-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

/* PARAGRAPHS / HEADLINES / BLOCKQUOTES / SPAN / LI / A / etc */

p, h1, h2, h3, h4, h5, h6, blockquotes, span, strong, li, a, ul { color:#727277;font-family: 'Roboto Condensed', sans-serif; font-weight:300; padding-left:0px; } a { text-decoration:none;  }

/* CONTAINERS */

.container    { height:auto; margin:0px;  }
.content      { display:table; margin:0 auto; text-align:center;  }

.column-small { display:table; float:left; max-width:350px; padding:30px 10px; margin:10px; text-align:justify; }

.menu-cover        { width:100%; height:auto; padding:10px 0px; margin:0 auto; text-align:center; position:absolute;  }
.menu-cover a      { color:#fff;  }
.menu-fixed        { width:100%; background:#fff; padding:10px 0px; margin:0 auto; text-align:center;  }
.menu-cover ul li  { display: inline-block; padding:5px; margin:10px; border:#FFF solid thin; color:#FFF; cursor: pointer; font-size:14px; }
.menu-fixed ul li  { display: inline-block; padding:5px; margin:10px; border:#FFF solid thin; color:#FFF; cursor: pointer; font-size:14px; }

nav a:hover, nav a:focus { outline: none;  }
nav a                    { font-family: 'Roboto Condensed', sans-serif;font-weight:300;position: relative;display: inline-block;padding:5px;margin: 10px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 10px;  }

.logo, .logo-color { width:200px; height:60px; margin:0 auto;  }
.logo img          { width:100%;  }
.logo-color img    { width:60%;  }

.projects                { float:left; max-width:900px; margin:10px; background:#fff; padding:10px; box-shadow:#ccc 1px 1px 10px;  }
.projects-info-container { display:table;  }
.projects-info           { display:table; float:left; margin-right:50px;  }
.projects-info h1        { color:#727277; font-size:16px; text-align:left;  }
.projects-info p         { color:#727277; font-size:13px; text-align:left;  }

.projects img            { cursor:pointer; opacity:.8; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;  }
.projects img:hover      { opacity:1;  }

.separator { background: #727277; width: 32px; height: 1px; display: table; margin: 20px auto; }
/* HEADER & MENU FIXED */

.sticky nav a       { color:#727277; }
.sticky nav         { float: right; }
.sticky .logo       { display:none; }
.sticky .logo-color { display:inline; float:left; height:50px; }
.sticky             { background:#FFF; position:fixed; top:0; transition:all.4s ease-in-out; -webkit-transition:all.4s ease-in-out; -moz-transition:all.4s ease-in-out; -ms-transition:all.4s ease-in-out; -o-transition:all.4s ease-in-out; box-shadow:#999 1px 1px 10px; z-index:9999; }

.column-3 { width: auto; max-width: calc(30% - 15px); float: left; padding: 15px; }
.column-3 .icon { text-align: center; display: table; margin: 10px auto; width: 100px; }
.column-3 .content p { text-align: center!important;  }

.menu-content       { display:table; margin:0 auto; }
.logo-color         { display:none; }

.modal { z-index: 99999; position: fixed; background: rgba(0,0,0,.7); width: 100%; height: 100%; }
.modal .close { float: right; margin: 20px; }
.modal .close i { color: white; font-size: 30px; }
.modal iframe { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: none; box-shadow: rgba(0,0,0,.7) 0px 0px 10px; width: 80%; height: 80%; display: table; margin: 10px auto;}

.overflow { overflow: hidden; }

/* ICONS */

.city  { width:313px; height:195px; margin:0 auto;  }
.social-media { max-width:165px; margin:10px auto;  }
.faq-container { max-width:710px; margin:0 auto; height:auto;  }

/* ICONFONTS */

.menu-cover   [data-icon]:before       { color:#fff; font-size:30px;  }
.social-media [data-icon]:before       { display: inline-block; float:left; color:#ed193d; font-size:25px; margin:5px; cursor:pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;  }
.social-media [data-icon]:hover:before { transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-3px); -o-transform:translateY(-10px);  }
.fa-chevron-down:before { line-height:35px; opacity:.4;  }
.fa-chevron-up:before   { line-height:35px; opacity:.4;  }

/* BUTTONS */

.cover-btn                                 { background:rgba(255,255,255,.8); padding:25px 50px; margin:0px auto 50px; text-align:left; max-width:520px;  }
.cover-btn strong                          { font-weight:500; }
.cover-btn h1, .cover-btn h2, .cover-btn p { padding:0px; margin:0px; line-height:30px; color:#666; }
.cover-more                                { float:right; position:relative; display:table; color:#FFF;padding: 10px 30px; text-align:center; margin:-50px auto 10px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; cursor: pointer; opacity:.8;  }

.more         { background:#fcb040; display:table; color:#FFF;padding: 10px 30px; text-align:center; margin:30px auto; font-family: 'Roboto Condensed', sans-serif; font-weight:300; cursor: pointer;  }
.construction { background: #EF4D5F; width:200px; color:#FFF;padding: 10px 30px; text-align:center; margin:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; cursor: pointer; font-size:20px; font-weight:700; float:left;  }
.inversion    { background: #fcb040; width:200px; color:#FFF;padding: 10px 30px; text-align:center; margin:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; cursor: pointer; font-size:20px; font-weight:700; float:left;  }
.push         { height:200px;  }

.faq-hover h1        { cursor:pointer;  }
.faq-hover:hover img { opacity:1; transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px);  }
.faq-hover img       { opacity:.8; transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;  }

/* BACKGROUNDS */

.yellow     { background:#fcb040;  } /* Color */
.red        { background:#ed193d;  } /* Color */
.gray-light { background:#F8F8F8;  } /* Color */

form { width:100%; height:auto; padding:20px 0px; text-align:center; background:#F00F38; color:#fff; }
form  h1 { color:#fff; }
input { display:inline-block; padding:8px; margin:5px; width:15%; border:none; outline:none; }
textarea { height:60px; display:table; padding:8px; resize:none; margin:10px auto; width:48.7%; border:none; outline:none;}
input[type="submit"]{ width:200px; border-radius:30px; background:#A92222; color:#fff; cursor:pointer; height:30px; line-height:15px; font-size:15px; margin:10px auto;}
input[type="submit"]:hover{ background: #fff; color:#F30032;}

::-webkit-input-placeholder { color:#999; font-weight:300; font-size:12px; }
::-moz-placeholder { color:#999; font-weight:300; font-size:12px; } /* firefox 19+ */
:-ms-input-placeholder { color:#999; font-weight:300; font-size:12px; } /* ie */
input:-moz-placeholder { color:#999; font-weight:300; font-size:12px; }

.errFld::-webkit-input-placeholder { color:#fff; font-weight:900; font-size:12px; }
.errFld::-moz-placeholder { color:#fff; font-weight:900; font-size:12px; } /* firefox 19+ */
.errFld:-ms-input-placeholder { color:#fff; font-weight:900; font-size:12px; } /* ie */
.errFldinput:-moz-placeholder { color:#fff; font-weight:900; font-size:12px; }

.errFld { background:#A92222;}
.errMsg { display:none; }


.home-banner               { background:url(../images/background/home-banner.png) center top fixed; height:724px;  }                /* Images */
.blog-banner               { background:url(../images/background/blog-banner.png) center top fixed; height:400px;  }                /* Images */
.inversion-banner          { background:url(../images/background/inversion-cover.png) center top fixed; height:470px;  }            /* Images */
.altopunto-banner          { background:url(../images/background/altopunto-cover.png) center top fixed; height:470px;  }            /* Images */
.construccion-banner  	  { background:url(../images/background/construccion-cover.png) center top fixed; height:470px;  }         /* Images */
.legal-background     	  { background:url(../images/background/legal-background.png) center top fixed;  }                         /* Images */
.video-background     	  { background:url(../images/background/video-background.png) center top fixed;  }                         /* Images */
.phrase-background    	  { background:url(../images/background/phrase-background.png) center top fixed; background-size:cover;  } /* Images */
.project-background   	  { background:url(../images/background/project-background.jpg) center top fixed; background-size:cover;  }/* Images */
.mision-background   	     { background:url(../images/background/mision-background.png) center top fixed; background-size:cover;  }/* Images */
.profit-background         { background:url(../images/background/profit-background.png) center top fixed; background-size:cover;  }/* Images */
.construction-background   { background:url(../images/background/construction-background.png) center center fixed; background-size:cover;  }/* Images */
.design-background    { background:url(../images/background/design-background.png) center top fixed; background-size:cover;  } /* Images */
.faq-background       { background:url(../images/background/faq-background.png) center bottom fixed; background-size:cover;  } /* Images */
.faq-background-brush { background:url(../images/background/faq-background-brush.png) center top no-repeat;  }                 /* Images */
.benefits-background  { background:url(../images/background/benefits-background.png) center top no-repeat;  }                  /* Images */

.city-01           { background:url(../images/icons/01.png) center top no-repeat; position:absolute;  }                    /* Icon Images */
.city-02           { background:url(../images/icons/02.png) center top no-repeat; position:absolute; visibility:hidden;  } /* Icon Image */
.city-03           { background:url(../images/icons/03.png) center top no-repeat;position:absolute; visibility:hidden;   } /* Icon Image */

.blog-banner h2 { border: white solid thin; padding: 20px 40px; display: table; background: rgba(0,0,0,.3); margin: 180px auto 10px; font-size: 20px; color: white; text-transform: uppercase; letter-spacing: 1px; }

/* COLOR FONTS */

.light-gray-font { color:#939598;  }
.altopunto-red   { color:#ed193d;  }
.white-color     { color:#fff;  }

/* ID's */

#advtange     { text-align: center; padding-bottom:30px; }
#advtange span    { font-weight:500; }
#advtange h1  { text-align: center; }
#advtange ul li { list-style:none; line-height:30px; }

#aboutus      { max-width:400px; text-align:center; padding:50px 10px;  }
#aboutus h1   { font-size:30px; text-align:center;  }
#aboutus p    { font-size:13.5px; color:#727277; text-align:center;  }
#aboutus h2   { font-weight:700; color:#939598;  }
#aboutus span { font-weight:700; color:#ed193d;  }

#credito      { max-width:1170px; text-align:center; padding:50px 10px;  }
#credito img  { width: 100%; }
#credito h1   { text-align:center; }
#credito p    { text-align:justify; }

.process { text-align: left; }
.process ul li { padding: 5px 0; }
.process ul li strong { font-weight: bold; }
.process h1  { font-size: 29px; }
.process h1 img { vertical-align: middle; }

#video        { text-align:center; padding:50px 0px;  }

#projects     { max-width:935px;  padding:50px 0px; color:#727277;  }

#phrase                    { padding:50px 0;  }
#phrase p                  { color:#fff; font-size:20px;  }
#phrase [data-icon]:before { font-size:50px; color: rgba(207,3,41,.7);  }
#phrase h3                 { font-size:30px; font-weight:700; text-transform:uppercase; color:#fff; background: rgba(207,3,41,.7); padding:20px;  }

#project-ico img { width:100%; margin-top:20px;  }

#footer        { margin-top:30px;  }
#footer p      { color:#bcbdc0;  }
#footer h2     { font-size:14px;  }
#footer img    { width:40%; margin:0 auto;  }
#footer h1 img { max-width:60px; height:auto; }

#logo                          { display: table;margin: 0 auto;  }
#logo [data-icon]:before       { font-size:80px;  }
#logo [data-icon]:hover:before { color:#ed193d;  }
.fa, .fa-download:before { font-size:25px; line-height:35px; color:#ed193d; display:inline-block; float:left; }

#copyright { font-size:10px; color:#333; }

#triangle-down      { margin:-10px auto 0;position:relative;z-index:100;width: 0;height: 0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 25px solid white;  }
#triangle-down-gray { margin:-10px auto 0;position:relative;z-index:100;width: 0;height: 0;border-left: 100px solid transparent;border-right: 100px solid transparent;border-top: 100px solid #F8F8F8;  }

iframe#youtube { display:table; border:none; outline:none; width:560px; height:315px; margin:0 auto; padding:0;   }

#landscape img        { padding-top:50px;  }
#oportunidad		    { padding:50px 0px; }
#oportunidad img	    { width: 40%; }
#inversion			    { text-align:center; }
#inversion img        { width:60%; padding-top:25px; }
#vision img           { width:100%; }
#vision-info          { padding-top:100px; }
#construction-ico img { width:100%; }
#vender img  		    { width:70%; }
#profit img		    { width:80%; }	

#intro [data-icon]:before { margin:0 auto; text-align:center; font-size:40px; color:#FFF; display:table; }

#title { padding-top:150px;  }

#money[data-icon]:before        { position: absolute; margin-left:-150px; font-size:100px; }
#construction[data-icon]:before { position: absolute; margin-left:-150px; font-size:100px; }

#consulting                  { padding:20px 0; }
#consulting .column-small    { margin:0 25px; color:#fff; padding-top:0px; }
#consulting .column-small li { color:#fff; text-align:justify; font-size:13.5px; }
#consulting .column-small h4 { color:#fff; }
#consulting h1               { color:#fff; margin-top:30px; margin-bottom:10px; }
#consulting img              { margin-top:30px; max-width:10%; }

#oportunidad   { max-width:700px; }
#oportunidad p {  text-align: justify; }

/* iframe Fullscreen */

iframe.fullscreen { width: 100%; height: 100%; border: none; outline: none; position: absolute; }

/* Menu Hover Animation: border slight translate */

.cl-effect-8 a               { padding: 10px; }

.cl-effect-8 a::before,
.cl-effect-8 a::after        { position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: #fff solid thin;content: '';-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;  }

.cl-effect-8 a::after        { border-color: #ed193d;opacity: 0;-webkit-transform: translateY(-7px) translateX(6px);-moz-transform: translateY(-7px) translateX(6px);transform: translateY(-7px) translateX(6px); }

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before { opacity: 0;-webkit-transform: translateY(5px) translateX(-5px);-moz-transform: translateY(5px) translateX(-5px);transform: translateY(5px) translateX(-5px); }

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  { opacity: 1;-webkit-transform: translateY(0px) translateX(0px);-moz-transform: translateY(0px) translateX(0px);transform: translateY(0px) translateX(0px); }