/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
    height: 100%;
	
}

body,
h1,
h2,
h3,
h4,
h5,
h6
 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;	
}


.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #E9E9E9;
    background: url(../assets/splash-1.jpg) no-repeat center bottom fixed;
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 5%;
/*    padding-bottom: 20%;*/
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #E9E9E9;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}




.section-heading {
    margin-bottom: 16px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #E9E9E9;
    background: url(../assets/splash-2.jpg) no-repeat center top fixed;
    background-size: cover;
}

.banner-contact {
    padding: 50px;
    background: #E9E9E9;
    background-size: cover;
	
    margin-bottom: 50px;

}

.banner2 {
    padding: 100px 0;
    color: #E9E9E9;
    background: url(../assets/splash-7.jpg) no-repeat center top fixed;
    background-size: cover;
}

.banner3 {
    padding: 100px 0;
    color: #E9E9E9;
    background: url(../assets/splash-4.jpg) no-repeat center top fixed;
    background-size: cover;
}

.banner-victoria {
	padding: 360px 0;
	color: #E9E9E9;
	background: url(../assets/victoria-feature.jpg) no-repeat center bottom fixed;
	background-size: cover;
}

.banner4 {
    padding: 100px 0;
    color: #E9E9E9;
    background: url(../assets/splash-5.jpg) no-repeat center center;
    background-size: cover;
}

.banner-miami {
    padding: 180px 0;
    color: #E9E9E9;
    background: url(../assets/miami-feature.jpg) no-repeat center top fixed;
    background-size: cover;
	margin-top: 100px;
}




.banner-urban {
    padding: 250px 0;
    color: #E9E9E9;
    background: url(../assets/urban.jpg) no-repeat center top fixed;
    background-size: contain;
    margin-top: 100px;
}

.banner-forum {
    padding: 250px 0;
    color: #E9E9E9;
    background: url(../assets/forum.jpg) no-repeat center top fixed;
    background-size: contain;
    margin-top: 100px;
}





.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background-color: #E9E9E9;
}

p.copyright {
    margin: 15px 0 0;
}



.navbar-brand { display:block; width:182px; height:50px; background:url(../assets/logo-header.png) no-repeat 0px 10px; text-indent:-5000px;}

.navbar { background:#FFF; box-shadow:1px 1px 2px rgba(0,0,0,.3); font-weight:bold!important;}
.navbar-inverse { color:#999; background:#222!important; box-shadow:1px 1px 2px rgba(0,0,0,.3); }
.navbar-inverse a{ color:#CCC!important;}
.navbar-inverse .active>a{ background:#222!important;color:#FFF!important;}
.navbar-inverse a:hover{ color:#FFF!important;}

.getBack { background: url(../assets/getback.png) no-repeat left center; padding-left:30px!important; padding-right:60px!important; }

.superTitleSmall { color: #5D989C!important; background: #FFF; font-size: 32px; display: inline-block; padding: 10px 20px; font-weight: 300; position: absolute; top: 30px;}
.superTitleSmall span { color:#CCC!important; font-size:15px!important;  font-weight:300;}

.img-responsive { margin-bottom:10px;}



.superTitle { color:#5D989C!important; background:#FFF; margin-top:-95px; font-size:90px; display:inline-block; padding:10px 20px; font-weight:100; margin-left: -25px;}
.superTitle span { color:#CCC!important; font-size:30px!important;  font-weight:300; margin-left: 5px;}

.navbar-inverse .navbar-brand { display:block; width:182px; height:50px; background:url(../assets/logo-white.png) no-repeat 0px 10px; text-indent:-5000px;}

.arrowDown { background: url(../assets/arrow.png) no-repeat center top;
height: 120px;
width: 70px;
display: block;
text-indent:-5000px; margin:0 auto;}



.content-miami {
    padding: 150px 0;
    border-top: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
	
	color:#FFF;
	text-shadow:1px 1px 2px rgba(0,0,0,.6);
	
	background: url(../assets/splash-6.jpg) no-repeat center center;
    background-size: cover;
}

.content-buenosaires {
    padding: 150px 0;
    border-top: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
	
	color:#FFF;
	text-shadow:1px 1px 2px rgba(0,0,0,.6);

	
	background: url(../assets/splash-5.jpg) no-repeat center center;
    background-size: cover;
}

.content-mardelplata {
    padding: 150px 0;
    border-top: 10px solid #FFF;
    border-bottom: 10px solid #FFF;
	
	color:#FFF;
	text-shadow:1px 1px 2px rgba(0,0,0,.6);
	
	background: url(../assets/splash-3.jpg) no-repeat center center;
    background-size: cover;
}

.intro-header {}
.products { padding:0;  margin-top:-150px; margin-bottom: 50px;}


.about { padding:100px 0 100px 0 ; background:#333; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,.2); margin-top:50px;}
.services { padding:100px 0 100px 0 ;}
.services h2, .about h2 { color:#5D989C;}

.contact { padding:100px 0 ;}
.contact h4 { color:#5D989C; padding-bottom:20px;}

.section-heading { text-transform:uppercase; }

.section-heading span{ color:#999; font-size:12px; display:block; }
.img-responsive { border:3px solid #FFF; box-shadow:0px -1px 3px rgba(0,0,0,.5)}


/* Map */

#map {
    height: 175px;
	border-radius:6px;
}

.iconservices {padding:10px 0 0 0; color:#5D989C;}

.victoria-features { min-height:420px;}


/* MENU */


.navbar-fixed-top {
	background:none;
	box-shadow:none;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	color:#FFF;
 
-webkit-transition: background .5s ease-in-out, box-shadow .5s ease-in-out, color .5s ease-in-out, text-shadow .5s ease-in-out;
-moz-transition: background .5s ease-in-out, box-shadow .5s ease-in-out, color .5s ease-in-out, text-shadow .5s ease-in-out;
transition: background .5s ease-in-out, box-shadow .5s ease-in-out, color .5s ease-in-out, text-shadow .5s ease-in-out;
}

.navbar-fixed-top a{ color:#DAE8E9; 

    -webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
}
.navbar-fixed-top a:hover{ color:#FFF;
	background:none!important;

    -webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
	
}
.navbar-fixed-top .navbar-brand{
	opacity:0;
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;

}


.top-nav-collapse {
	background:#fff;
	box-shadow:1px 1px 4px rgba(0,0,0,.3);
	text-shadow:none;
	color:#333;

-webkit-transition: background .5s ease-in-out, box-shadow .5s ease-in-out, color .5s ease-in-out, text-shadow .5s ease-in-out;
-moz-transition: background .5s ease-in-out, box-shadow .5s ease-in-out, color .5s ease-in-out, text-shadow .5s ease-in-out;
transition: background .5s ease-in-out, box-shadow .5s ease-in-out, color .5s ease-in-out, text-shadow .5s ease-in-out;

}

.top-nav-collapse .navbar-brand{
	opacity:100;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;

}
.top-nav-collapse a{
	color:#5D989C;
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;

}
.top-nav-collapse a:hover{
	color:#FFF;
	background:#5D989C!important;
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;

}
/*------------ANIMATION-----------*/

.element-animation{
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}





.element-animation-title{
  animation: animationFramesTitle ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFramesTitle ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFramesTitle ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFramesTitle ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFramesTitle ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFramesTitle{
  0% {
    opacity:0;
    transform:  translate(-500px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFramesTitle{
  0% {
    opacity:0;
    -moz-transform:  translate(-500px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFramesTitle {
  0% {
    opacity:0;
    -webkit-transform:  translate(-500px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFramesTitle {
  0% {
    opacity:0;
    -o-transform:  translate(-500px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFramesTitle {
  0% {
    opacity:0;
    -ms-transform:  translate(-500px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}