@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Lato', sans-serif;}
	
h1,h2,h3,h4{ font-family: 'Work Sans', sans-serif;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 50px;
    letter-spacing: -1px;
    line-height: 40px;}

.navbar-default {
    border-color: transparent;
    background-color: #273140;
    width: inherit;
}

.navbar-default .navbar-collapse {
    border: none;
    box-shadow: none;
}
.logo img{ width:200px;     transition: all 0.25s ease-in-out;}
.navbar-shrink .logo img{ width:130px}
.navbar-default .nav li a {
    color: white;
    font-family:Lato;
    font-size: 14px;
    font-weight:bold;
    opacity: 0.7;
    padding: 15px 25px;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
	color:#bab6b1;
}

.navbar-default .nav li a:hover{ color:#fff}
.navbar-default.navbar-shrink .navbar-nav>.active>a:focus, .navbar-default.navbar-shrink .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    background: none;
    opacity: 1;
    color: #EC7550;
    -webkit-filter: brightness(1.2);
}

#header, header {
    position: relative;
    text-align: center;
    color: #fff;
    background-color: #1d222d;
	padding-bottom:127px
}
header .intro-text {
    padding-top: 165px;
    padding-bottom: 0;
}
header .intro-text .intro-lead-in {
    float: left;
    font-family:'Work Sans';
    font-size: 52px;
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 1.2;
    margin: 100px 0 30px;
    text-align: left;}
	
header .intro-text .intro-heading {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    max-width: 75%;
    display: block;
    text-align: left;
    float: left;
    margin-bottom: 30px;
}
header .container {
    position: relative;
    z-index: 10;
}
#headerbackground {
    background-image: url(images/header-port.jpg);
    background-attachment: fixed;

    position: absolute;
    background-position: top center;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.25;}
	.carousel-inner { font-size:17px}
	header .carousel{ max-width:543px}
	.form-group {
    margin-bottom: 15px;
}
 .header-dashboard input[type=text], .header-dashboard input[type=password], .header-dashboard input[type=email]{ height:40px}
 .header-dashboard textarea{ height:80px}
 .header-dashboard input[type=text], .header-dashboard input[type=password], .header-dashboard input[type=email],.header-dashboard textarea{ border-radius:0;
border:none; background:rgba(255,255,255,0.8);
}
	header .header-dashboard form {
    margin-bottom: 0;
    margin-top: 174px;
	background:rgba(255,255,255,0.1); 
	padding:32px;
	
	overflow:auto; border: 1px solid #3d4352
}

.tres-pasos{ font-size:20px; padding:20px ; background:#23242f; color:#d9dae1}
	header .carousel-inner{ min-height:96px}
.carousel-indicators{ bottom: -44px;}


.carousel-indicators li {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -3px 1px 0 1px ;
    text-indent: -999px;
    cursor: pointer;
    border: none;
    border-radius: 10px;
	background:#fff
}
.carousel-indicators .active{   
    width: 10px;
    height: 10px;
    margin: 0;
	margin-bottom:-2px
 }



.header-buttons {
    margin: 60px auto 100px auto;
}
	.primary-button {
    float: left;
    margin-left: 50px;
    min-width: 150px;
    padding: 0 20px;
    background-color: white;
    border-radius: 2px;
    color: #EC7550;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 10px;
    line-height: 36px;
    border: 2px solid white;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.primary-button:hover {
    background: none;
    color: #fff;
    text-decoration: none;}
	
.primary-button.button-inverse {
    color: #fff;
    background: #EC7550;
    border: 2px solid #EC7550;
    margin: 0;
}
	#header .primary-button.button-inverse:hover {
    color: #EC7550;
    background: none;
    border-color: #EC7550;}
	

.features-bg {
    margin-bottom: -20px;
    padding-bottom: 0 !important;
}
.feature {
    margin-top: 40px;
    margin-bottom: 5px;
    text-align: center;
	font-size:18px; font-weight:300
}
.feature p { padding:0 40px}
.feature .icon {
    font-size: 40px;
    margin-bottom: 30px;
    transition: all 5sc;
}
.feature .icon i {
    color: #EC7550;
    border: 2px solid #EC7550;
    border-radius: 50%;
    min-height: 80px;
    min-width: 80px;
    padding-top: 18px;
    transition: all 5 sec;
}
section {
    padding: 100px 0;
}

section h2.section-heading {
    font-size: 50px;
    letter-spacing: -3px;
    line-height: 51px;
    margin-bottom: 40px;
    margin-top: 0;
	font-weight:300
}


.feature-list-2 li .icon-container, .icon-container {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: #EC7550;
    color: #ffffff;
    line-height: 32px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: center;
}
.feature-list-2 i {
    background: #EC7550;
    padding: 8px 11px;
    border-radius: 5px;
    margin-right: 30px;
}
.feature-list-2 li .details {
    width: 88%;
}
 .pasos-features {
    background: #424351 none repeat scroll 0 0;
    padding-bottom: 100px;
}

section#pasos{ padding:0}
section#pasos .carousel{ min-height:200px}
.pasos-features{ color:#fff; padding:60px 0; min-height:367px; transition:all 0.2s ease }
#carousel-pasos .icon-container{ display:inline-block; text-transform:lowercase; font-size:18px}
#carousel-pasos .carousel-indicators li {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: -3px 1px 0 1px ;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ec7550;

    border: none;
    border-radius: 10px;
}
#carousel-pasos .carousel-indicators .active{     background-color: #ec7550;
    width: 10px;
    height: 10px;
    margin: 0;
	margin-bottom:-2px
 }
 .carousel-control{ width:7%}
 .carousel-control.left, .carousel-control.right{ background:none !important}
  .carousel-control.left{ text-align:left}
  .carousel-control.right{ text-align: right}
  .carousel-control img{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
   .carousel-control.left img{ right:0}
    .carousel-control.right img{ left:0}
 
.pasos-features .carousel-inner{ width:90%; margin:0 auto; line-height:34px}
.pasos-features .item{ width:90%; margin:0 auto}

.brief-features{padding: 60px 0;}

section#brief { padding:0px;
background:url(images/man-map-logistics.jpg) no-repeat center;
 position: relative;
    background-size: 100%;
     }

#brief .gray-bg{ background:rgba(66,67,91,0.9) none repeat scroll 0 0}
.brief-top h2, .brief-top h6, .brief-top p {
    color: #ffffff;
	font-size:40px
}
.brief p {
    margin-top: 0px;
	font-size:17px;
}
.brief-awesomeness-down p { font-size:22px; font-weight:lighter; margin-bottom:55px; text-align:justify}

.pasos-features  h4{ color:#fff; font-size:26px; font-weight:100; text-transform:uppercase}
.feature-list-2 li {
    overflow: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
#video {
    background: url(images/videobg.jpg) ;
    position: relative;
    background-size: 100%;
    background-attachment: fixed;}
	
#video .overlay {
    width: 100%;
    height: 100%;
    opacity: 0.9;
    position: absolute;
    top: 0;
}

#video .section-heading{ background:url(images/logoaprobado.png) no-repeat right; padding-bottom:20px}
.parallax {
    background: #ce6341;
}
.parallax h2.section-heading, .parallax .section-subheading {
    color: #fff;
    margin-bottom: 100px;
}
.parallax p { font-size:20px; color:#fff; position:relative; font-weight:100; margin-bottom:30px; text-align:justify}
.footer-bg {
    background: #23242f none repeat scroll 0 0;
}
.footer-bg .logo img {
    margin-top: 50px;
    margin-bottom: 30px;
    border-radius: 5px;
}
footer h6{ color:#ccc; font-size:30px; font-family:"Work sans"; padding-top:60px}
footer { color:#ccc}
footer  p{ font-weight:bold; font-size:18px; margin:0; padding-top:30px}
footer a{ color:#ccc; display:
block; padding:2px 0 }
footer a:hover{ color:#fff}
.text-danger {color: #EC7550;}

@media screen and (min-width: 768px){
.carousel-indicators {
    bottom: -44px;
}
header .header-dashboard form{ max-width:380px;}
}


@media (min-width: 960px){
.navbar-default.navbar-shrink {
    padding: 10px 0;
    background-color: #273140;
}

.navbar-default {
    padding: 25px 0;
    border: 0;
    background-color: transparent;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

}

@media (max-width: 960px){
	h1,h2,h3,h4{ font-size:40px !important}
header .intro-text .intro-lead-in {
    font-size: 38px;
    letter-spacing: -1px;
    line-height: 35px;
    margin-bottom: 30px;
    padding-top: 60px;
    text-align: center;
    width: 100%;
}
.carousel-control{ display:none}
}
@media (max-width: 760px){
	#comoHacerlo .pull-left, #comoHacerlo .pull-right{ display:block; float:none !important; text-align:center; margin:0 auto !important}
	.parallax p{ padding:0 20px}
	header .header-dashboard form{ max-width: auto }
	}