/*
-----------------
COLORS:
Verde Manzana => 	    #86B850;
Verde Emergencia =>		#D2D940
Verde Oscuro => 	    #477E0B;
gris texto   =>         #949494
*/

/*
1. 	LAYOUT
2.  NAVIGATION
3.  CONTENIDO
4.  TESTIMONIALES
5.  ALIANZAS
6   FOOTER

*/

/* -------- 0. RESET -------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea{
		outline: none;
}

* { box-sizing:border-box;}



/* -------- 1. 	LAYOUT -------- */
body{
	font-family: 'Open Sans', sans-serif ;
	font-size: 0.875em;
	position: relative;
}
h1,h2,h3,h4,h5,h6, #comofunciona h3.panel-title, #compramos-por-ti h3.panel-title{
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	text-align: center;
	color: #2B6A3F;
}

h1 {
    display: block;
    font-size: 3em;
	margin: 0.67em 0em;
}
h2 {
    display: block;
    font-size: 2.2em;
	margin: 0.83em 0em;
}
h3, #comofunciona h3.panel-title, #compramos-por-ti h3.panel-title {
    display: block;
    font-size: 1.6em;
	margin: 1em 0em;
}
h4 {
    display: block;
	margin: 1.33em 0em;
    font-weight: bold;
}
h5 {
    display: block;
    font-size: 0.83em;
	margin: 1.67em 0em;
    font-weight: bold;
}
h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
p, li{
	line-height: 19.5px;
	color:#949494;
	margin:10px auto;
	letter-spacing: 0.015em;
}

.embed-container, .embed-container-solicitud, .embed-container-registro {
    position: relative;
    padding-bottom: 820px;
    height: 0;
    /*overflow: hidden;*/
}
.embed-container-solicitud {
    padding-bottom: 990px;
}
.embed-container-registro{
    padding-bottom: 940px;
}
.embed-container iframe, .embed-container-solicitud iframe, .embed-container-registro iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*links*/
a:focus, a:hover {
    color: auto;
    text-decoration: none!important;
}
a.email {
	font-weight: 600;
	color: #949494;
	transition: all 0.3s ease-in-out;
	margin-top: 3px;
	display: block;
}
a.email:hover {
	text-decoration: none!important;
	color: #3E9A5B;
}
a.link, .link-white, a.linkopacity, .link-important, a.link-important-center{
	margin: 10px 5px;
	border-radius: 50px;
	padding: 7px 20px;
	background: #E2E1E1;
	color: #949494;	
	transition: background 0.3s ease-in-out;
	display: inline-block;
	width: auto;
	text-shadow: none;	
}

a.link:hover, .link-white{
color: white !important;
text-decoration: none !important;	
background: #86B850;
transition: all 0.3s ease-in-out;
}

.link-white:hover{
color: white !important;
text-decoration: none !important;	
background: #3E9A5B; 
transition: all 0.3s ease-in-out;
}
a.linkopacity{
	background-color: transparent;
	color: #D2D940;	
	border: 1px solid #D2D940;	
}
a.linkopacity:hover{
	text-decoration: none;
	background-color: #D2D940;
	color: #477E0B;	
	border-color:white;
}
.link-important, a.link-important-center{
	background-color: #D2D940;
	color: #477E0B!important;	
	border: 1px solid #ffffff;
	text-align: center;
	font-weight: 600;
}
a.link-important-center{
	display:block;
	width: 116.38px;
	margin: 20px auto;
	padding: 10px 0px;

}
.link-important:hover, a.link-important-center:hover{
	text-decoration: none;
	background-color: #477E0B;
	color: #ffffff!important;	
	border-color:white;	
}
.padding-content{
	padding: 80px 0px;
}



/* -------- 2. NAVIGATION -------- */
/*estilos del menú*/
#menu {
	/*padding: 20px 45px;* padding en versión móvil*/
	margin: 0!important;
	padding: 0!important;
	width: 100%;
	background-color: orangered;
}

#menu.navbar-default {
	background-color: white;
	border-color: transparent !important;
	box-shadow:0px 1px 20px #dcdcdc ;	
}
#menu.navbar-default .navbar-nav > li > a{
	font-family: 'Dosis', sans-serif;
	color: #2B6A3F;			/*color del menu en movil*/
	font-weight: 600;
	text-transform: uppercase; 
	font-size: 14px;
	letter-spacing: 0.5px;
	padding: 10px 5px;
	margin: 0px 2.5px;
	position: relative;
	transition: all 0.1s ease-in-out;	
}
#menu.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	background-color: #86B850;
	color: white;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height: inherit; /*máximo a la hora de desplegar el menú - reset*/
	margin-top: 10px; /*margen entre el encabezado y el contenedor del menú*/
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent!important;/*borde que separa el encabezado con el contenedor del menú*/
}

/*logotype*/
#menu a.navbar-brand {
	height: inherit;
/*	background-color: blue;*/
	padding: 0!important;
}
#menu a.navbar-brand > figure > img#logo {
	display: block;
	max-width: 160px;
	margin: 5px 0px 5px 5px;
}

/*Estilos del menu móvil-----------------------------*/

/*boton hamburguesa menu*/
.navbar-toggle {
	border-radius: 3px;
	margin: 23px 15px 20px 0px;
    border: 0px solid transparent;
	transition: all 0.3s ease;
	background-color: #86B850;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #477E0B;
	border-color: #86B850;
}
/*cambio de color de icon-bar */
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
/*cambio de color de icon-bar mientras esta focus*/
.navbar-default .navbar-toggle:hover>.icon-bar, .navbar-default .navbar-toggle:focus>.icon-bar {
	background-color: white !important;
}

/*Información del menú*/
#menu #number-mail{
	display: none;
}
#menu a.link, #menu a.link-white{
	margin: 0px;
	padding: 10px 0px;
	border-radius: 0px;
	background: #E2E1E1;
	float: left;
	width: 50%;
	text-align: center;
	color: #949494;	
	transition: background 0.3s ease-in-out;
}

#menu a.link:hover, #menu a.link-white{
color: white !important;
text-decoration: none !important;	
background: #86B850;
transition: all 0.3s ease-in-out;
}

#menu a.link-white:hover{
color: white !important;
text-decoration: none !important;	
background: #3E9A5B; 
transition: all 0.3s ease-in-out;
}


/*banner*/
#banner.carousel {
    /*padding: 30px;*/
	/*background-color: black;*/
	background: url(background-slider.jpg) center center no-repeat !important;
	background-size: cover!important;
	overflow: hidden!important;
}
#banner .carousel-inner>.item>a>img, #banner .carousel-inner>.item>img{	
  display: block;
  width: 100vw;
  height: 99vh;
  object-fit: cover;
}

/*css carousel fade bootstrap*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*css carousel fade bootstrap*/
/*carousel caption*/
.carousel-caption{
	text-shadow: none;
}
#banner .carousel-caption {
  position: absolute;
  width:90%;
  background-color: rgba(71,126,11,0.80);
  margin: 0 auto;
  display:table;
  left:5%;
  right:5%;
  top:50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 20px;
  text-align: center;
  bottom:0px!important;
  border-radius: 10px;
}

#banner .carousel-caption *, .captcha-white  {
	color:white;
}
/*.carousel-caption > img {
	margin: 0 auto;
	max-width:40%;
}*/
#banner .carousel-caption > h2{
	/*font-size:7em;*/
	/*font-weight: 600;*/
	margin: 10px auto 20px auto;
	padding: 0px !important;
}
#banner .carousel-caption > h3{
	/*font-size:3em;*/
}
#banner .carousel-caption > p{
	margin: 0 auto;
}
/*container control, Delete shadow, transition to hover*/
#banner .carousel-control.left, .carousel-control.right{
	background-image: none;
	transition: all 0.3s ease-in-out;
}

/*carousel indicators*/
#banner .carousel-indicators {
    bottom: 15px;
}
#banner .carousel-indicators li, .carousel-indicators .active {
	background-color: white;
	border-color: #D2D940;
}
#banner .carousel-indicators .active {
    background-color: #D2D940;
	border-color: white;	
}
/*arrow*/
#banner .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    /* right: 50%; */
    right: 0;
    margin-right: 10px;
}
#banner .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
    /* left: 50%; */
    left: 0;	
    margin-left: 8px;	
}

/*mouse-scroll*/
.masinfo a {color: white;}
.masinfo{
	position:absolute;
    font-size: 30px;
    width: 100%;
    text-align: center;
    top: 87%;
    left: 0%;
	z-index: 1;
	animation: flechascroll 3s 2s infinite ease-in-out;	
}
@keyframes flechascroll {
  0%, 20%, 40%, 100% { margin-top: 0;}
  10%, 30% { margin-top: 15px;}
}


/* -------- 3. CONTENIDO -------- */
/*faster de inicio*/
.content-avion *{
	text-align: center;	
}
.content-avion {
	background: url(images/inicio-avion-faster-services.png) no-repeat bottom right;
	background-size: contain;
	height: 580px;
}

.mejoresmarcas img, .content-servicios img{
	display: block;
	margin: 20px auto;
	max-width: 100%;		
}

/*servicios de inicio*/
.content-servicios img, #faster img, #servicios img, #comofunciona img, #compramos-por-ti img, #rastrea img{
	display: block;
	max-width: 100%;	
	margin: 10px auto 20px auto;			
}
.content-servicios a{
	transition: all 0.3s ease-in-out;
	display: block;
	
}
.content-servicios a:hover{
	transform: scale(0.9);
	
}
/* pagina faster */
#faster ul, #servicios ul, #tiendas ul {
	padding:0px 0px 0px 28px;
	display: block;
}
#faster ul li, #servicios ul li, #tiendas ul li{
	list-style-image:url(images/li.png) ;
	list-style-position: outside;
	text-align: left;
	margin-top: 0px;
}

#faster h3,  #faster p, #servicios p, #servicios #titulo-verde, #tiendas #titulo-verde, #comofunciona *, #compramos-por-ti p, #rastrea *, #awb *, #tracking *{
	text-align: center;	
}

/*pagina de servicios*/
#servicios #titulo-verde  h2, #tiendas #titulo-verde  h2 {
	background-color: #477E0B;
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
}
/*pagina como funciona*/
#comofunciona .content-comofunciona{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(45deg, rgb(238,238,238) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgb(238,238,238) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgb(238,238,238) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 20px;
	margin: 20px auto;
	padding: 30px;
	border: 1px solid #477E0B;
}
#comofunciona h3.panel-title, #compramos-por-ti h3.panel-title {
    margin-top: auto;
    margin-bottom: auto;
    font-size: auto;
    color:auto;
}
#comofunciona a .panel-heading, #compramos-por-ti a .panel-heading{
	transition: all 0.3s ease-in-out;
	border-bottom: 2px solid #ddd;
	background-color: #f5f5f5;

}
#comofunciona a:hover .panel-heading, #compramos-por-ti a:hover .panel-heading{
	background-color: #e0e0e0;
	text-decoration: none!important;
}

/*pagina de tiendas*/
#tiendas ul li a{
	color: #949494;	
}
#tiendas ul li a:hover{
	color: #000;
	text-decoration: underline!important;
}

/*compramos por ti*/
#solicitud-compra{
	background: url(images/background-contact.jpg) no-repeat center center;
	background-size: cover;
}
#solicitud-compra h2{
	color: white;
}
/*formulario*/
.input {			
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	color: #ffffff;
	position: relative;
	z-index: 0;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.input__field {
	position: relative;
	display: block;
	float: right;
	border: none;
	border-radius: 0;
	color: #4C4C4C;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	font-size:1.5em;    /*tamaño del titulo del campo*/
	/*color: blue;*/		/*color del titulo del campo*/
	position: relative;
	display: block;
	padding: 10px 0;
	width: 100%;
}


/* Individual styles */
.input--jiro {
	margin:20px auto;
}

.input__field--jiro {
	font-size:1.5em;
	padding: 15px 10px; /*tamaño del campo para escribir*/
	width: 100%;
	background: transparent;
	color: #949494; /*color de las letras cuando escribe*/
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.input__label--jiro {
	position: absolute;
	left: 0;
	padding: 0px; /*margen interno del nombre del campo*/
	width: 100%;
	height: 100%;
	text-align: left;
	pointer-events: none;
}

.input__label-content--jiro {
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}

.input__label--jiro::before,
.input__label--jiro::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--jiro::before {
	border-top: 3px solid #D2D940;  	/*Color de la barra inferior del campo*/
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.input__label--jiro::after {
	z-index: -1;
	background-color: #fff;				/*Color del campo para escribir*/
	box-shadow: none!important; 		/*sombra o neon cuando se selecciona el campo*/
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
.input__field--jiro:focus,
.input--filled .input__field--jiro {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.input__field--jiro:focus + .input__label--jiro .input__label-content--jiro,
.input--filled .input__label-content--jiro {
	-webkit-transform: translate3d(0, -80%, 0);
	transform: translate3d(0, -80%, 0);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--jiro:focus + .input__label--jiro::after,
.input--filled .input__label--jiro::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
p.help-block {
	padding: 0!important;
	margin: 0!important;
}
p.help-block ul {
	padding: 0;
	margin: 0;
}
p.help-block ul li, #textarea p.help-block ul li, #registro p.help-block ul li {
	list-style-type: none;
	color:#FF0004;
	padding: 0px 3px;
	border-radius: 0px 0px 5px 5px ;
	background-color: white;
    font-weight: 600;
	font-size: 18px;
	font-size: 0.8em;
	position:absolute;
	top:48px;
	left: 0px;		
}
#registro ul li{
	color: white !important;
}
p.err {
	text-align: left !important;
	color:#FF0004;
	font-size: 15px;
}
#textarea p.help-block ul li {
	top:126px;
	left: 0px;
}
/*eliminar color amarillo del autocomplete del input*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
/*contacto*/
.contacto *{
	text-align: left;
}
.contacto .input{
	color: #477E0B;
}
.contacto .input__label--jiro::before{
	border-top: 3px solid #477E0B;  	/*Color de la barra inferior del campo*/
}
.contacto .input__label--jiro::after {
	background-color:#efefef;				/*Color del campo para escribir*/
}
.contacto .link-white, #compramos-por-ti .link-important{
	border: none;
	padding: 15px 50px;
}
/*eliminar color amarillo del autocomplete del input*/
/*formulario*/

/*modal*/
.modal-body{
	overflow: hidden;	
}
.modal-content-search{
	width: 100%;
	margin: 0 auto;
	max-width: 317px;
    background-color: #fdfdfd;
    border-radius: 15px;
}
 .modal .link-white, .content-user .link-white{
	border: none;
	 margin: 20px auto 0px auto;
}
 .modal button.close {
    top: 2px;
    position: absolute;
    cursor: pointer;
    right: 10px;
}
 .modal button.close span {
	 font-size: 35px;
}
.search{
	background-color: #eee;
	border: 1px solid #DBDBDB;
	border-radius: 30px;
	padding: 10px;
}
#registro h2{
	color: white;
}
#registro .modal-body{
	padding: 0px;
}
#registro h2{
	margin:0px 0px 15px 0px;
	text-align: left !important;
}
#registro .form-group, .user .form-group {
    margin-bottom: 0px;
}
#registro .input--jiro {
	margin: 13px auto !important;
}

#registro .input__field--jiro {
    font-size: 1.3em;
    padding: 9px 5px !important;
}

#registro .alert-success {
    position: relative;
}
#registro button.close {
    top: 13px;
    position: absolute;
    cursor: pointer;
    right: 12px;
}

/*centrar img registro*/
#logo-registro img{
	display: none;
}
#content-registro{
	width: 100%;
	padding: 20px;
	background:url(images/registrarse-fondo.jpg) no-repeat center center;
	background-size: cover;	
	float: left;
}

#regiscliente .form-group p.help-block ul li{
    text-align: right;
    left: inherit;
    top: 32px;
    right: 0;
	
}

/*user*/
.content-user{
	background: url(background-user.jpg) no-repeat center center;
	background-size: cover;
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
	position: relative;

}
.user button.link-white{
	display: block;
}
.user{
  background-color: #fdfdfd;
  border-radius: 15px;
  padding: 20px;
  position: absolute;
  width:90%;
  max-width: 317px;
  margin: 0 auto;
  display:table;
  left:5%;
  right:5%;
  top:50%;
  transform: translateY(-50%);
}
.user img{
    display: block;
    max-width: 100%;
    height: auto;
	margin: 0 auto 10px auto;
}


/* -------- 4. TESTIMONIALES -------- */
#testimonios{
padding: 60px 0px 70px 0px;
background-color: #fbfbfb;		
}
/*carousel testimoniales*/
#testimoniales .carousel-inner>.item>a>img, #testimoniales .carousel-inner>.item>img{	
  display: block;
  width: 100vw;
  height: 56vh;
  object-fit: cover;
}
/*container control, Delete shadow, transition to hover*/
#testimoniales .carousel-control.left, .carousel-control.right{
	background-image: none;
	transition: all 0.3s ease-in-out;
}
/*carousel caption*/
#testimoniales .carousel-caption {
  width:90%;
  margin: 0 auto;
  left:5%;
  right:5%;
  top:33%;/*altura del contenedor caption*/
  transform: translateY(-50%);
  z-index: 10;
  padding: 20px;
  text-align: center;
  bottom:0px!important;
  border-radius: 10px;
}

/*#testimoniales .carousel-caption * {
	color:white;
}*/
#testimoniales .carousel-caption img {
	margin: 0 auto;
	display: block;
}
#testimoniales .carousel-caption p, #testimoniales .carousel-caption p, #testimoniales h3, #testimoniales h4, #testimoniales h5  {
	color: #949494 !important;
}
#testimoniales h3{
	font-family: 'Open Sans', sans-serif ;
	font-weight: 600;
	font-style: italic;
}
#testimoniales h3{
	font-family: 'Open Sans', sans-serif ;
	font-weight: 600;
	font-style: italic;
}
#testimoniales h4{
	margin: 0em 0em 0.5em 0em;
}
#testimoniales h5{
	margin: 0em;
}

#testimonios .carousel-inner{
	background: url(images/comillas-p.png) no-repeat 7% 24%;

}
/*carousel indicators*/
#testimoniales .carousel-indicators {
    bottom: -27px;
}
#testimoniales .carousel-indicators li, .carousel-indicators .active {
	background-color: white;
	border-color: #477E0B;
}
#testimoniales .carousel-indicators .active {
    background-color: #477E0B;
	border-color: white;	
}

/* -------- 5. ALIAZAS -------- */
#alianzas{
	padding: 40px 0px 68px 0px;
}


/* -------- 6. FOOTER -------- */
footer * {
	color: white;
	text-align:left;
}
footer {
	background-color: #2B6A3F;
	padding: 80px 0px 0px 0px;
	
}
footer  ul {
	margin: 20px auto;	
}
footer  ul li{
	margin: 10px auto;
	list-style: circle;
	list-style-position: inside;
}
footer  a {
	color: #FFFFFF;	
}
footer  a:hover {
	color: #FFFFFF;	
}
footer  a.email {
	color: #FFFFFF;	
}
footer  a.email:hover {
	color: #86B850;	
}
footer h3{
	font-size: 1.17em;
}
footer h3.banderas::before{
	position: absolute;
	height: 25.797px;
	width: 25.797px;
	left: 1px;
	top:-6px;
	content: "";
	background: url(images/footer-banderas.png) no-repeat left 7px;
}
footer h3.banderas{
	display: block;
	padding-left: 34px;
	position: relative;
}
footer h3#colombia::before, footer h3#ecuador::before{
	background: url(images/footer-banderas.png) no-repeat left -21px;
}
footer h3#china::before{
	background: url(images/footer-banderas.png) no-repeat -26px 4px;
}
.svg-inline--fa.fa-facebook-square.fa-w-14, .svg-inline--fa.fa-instagram.fa-w-14 {
	font-size: 2em;
	margin-left: 5px;
}

.footer-copy{
	background-color: #225A36;
	margin-top: 80px;
	padding: 40px 0px;
}
.footer-copy p, .footer-copy a#copy{
	font-size: 0.7em;
	color: #349052;	
}
.footer-copy a#copy{
	display: block;
	margin: 10px 0px;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
.embed-container-registro{
    padding-bottom: 902px;
}	
	

}
@media only screen and (min-width : 480px) {
/* -------- 1. LAYOUD -------- */	
	
/* -------- 2. NAVIGATION -------- */
	
	
/* -------- 3. CONTENIDO -------- */	
.content-avion {
	height: 620px;
}

.embed-container-registro{
    padding-bottom: 883px;
}	


	
/* -------- 4. TESTIMONIOS -------- */
#testimonios .carousel-inner {
    background: url(http://localhost/fasterservicescorp/sitio/css/images/comillas-p.png) no-repeat 7% 31%;
}	
#testimoniales .carousel-inner>.item>a>img, #testimoniales .carousel-inner>.item>img{	
  height: 44vh;
}
	
	
/* -------- 5. ALIANZAS -------- */	
	
/* -------- 6. FOOTER -------- */
	
.embed-container {
    padding-bottom: 800px;
}	
.embed-container-solicitud {
    padding-bottom: 980px;
}

}

@media only screen and (min-width : 580px) {
/* -------- 1. LAYOUD -------- */	
	
/* -------- 2. NAVIGATION -------- */
	
	
/* -------- 3. CONTENIDO -------- */	
.content-avion {

	height: 735px;
}
	
/* -------- 4. TESTIMONIOS -------- */
	
/* -------- 5. ALIANZAS -------- */	
	
/* -------- 6. FOOTER -------- */
	
	


}

@media only screen and (min-width : 768px) {
	

/* -------- 2. NAVIGATION -------- */	
/*Cambiar el punto de interrupción de NavBar de Bootstrap*/
.navbar-header {
 float: none;
}
 .navbar-left, .navbar-right {
 float: none !important;
 margin-right: 0px !important;
}
 .navbar-toggle {
 display: block;
}
 .navbar-fixed-top {
 top: 0;
 border-width: 0 0 1px;
}
 .navbar-collapse.collapse {
 display: none!important;
}
 .navbar-nav {
 float: none!important;
 margin-top: 7.5px;
}
 .navbar-nav>li {
 float: none;
}
 .navbar-nav>li>a {
 padding-top: 10px;
 padding-bottom: 10px;
}
 .collapse.in {
 display:block !important;
}
	/*Cambiar el punto de interrupción de NavBar de Bootstrap*/

.navbar-right .dropdown-menu {
    right: 0!important;
    left: 0!important;
	}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0; 
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
    position: static;
    float: none;
    width: auto;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}	
	
/* -------- 3. CONTENIDO -------- */		

.content-avion *{
	text-align: left;
	
}
.content-avion {
	height: 774px;
	
}	
.content-avion a.link-white, #comofunciona a.link-white{
	text-align: center;
}
/* pagina faster */	
#faster h2, #faster h3, #faster p, #servicios #titulo-verde h2, #tiendas #titulo-verde h2 {
	text-align: left !important;	
}
/*pagina servicios*/
#servicios p, #servicios #titulo-verde, #servicios h3, #tiendas #titulo-verde{
	text-align: left !important;
}
#faster h2.titulo-valores, #contacto h2.titulo-valores {
	text-align: center !important;	
}	
/*pagina como funciona*/
	

	
/* -------- 4. TESTIMONIALES -------- */
#testimonios .carousel-inner {
    background: url(http://localhost/fasterservicescorp/sitio/css/images/comillas-p.png) no-repeat 7% 39%;
}	
/*carousel testimoniales*/
#testimoniales .carousel-inner>.item>a>img, #testimoniales .carousel-inner>.item>img{	
  height: 36vh;
}
	
/*registro*/	
#logo-registro{
	background-color: white;
	width: 50%;
	float: left;
	position: relative;
}
#logo-registro img{
	display: block;
	margin: auto;
	transform: translateY(412%);
	max-width: 100%;
}
#content-registro{
	width: 50%;
}	
.embed-container-registro{
    padding-bottom: 902px;
}	
}



@media only screen and (min-width : 992px){
	
/* -------- 1. lAYOUT -------- */	
/*links*/
a.email {
	font-weight: 600;
	color: #949494;
	transition: all 0.3s ease-in-out;
	margin-top: 3px;
	display: block;
}
a.email:hover {
	text-decoration: none!important;
	color: #3E9A5B;
}
a.link, .link-white{
	border-radius: 50px;
	padding: 7px 20px;
	background: #E2E1E1;
	color: #949494;	
	transition: background 0.3s ease-in-out;
	width: auto;
}

a.link:hover, .link-white{
color: white !important;
text-decoration: none !important;	
background: #86B850;
transition: all 0.3s ease-in-out;
}

.link-white:hover{
color: white !important;
text-decoration: none !important;	
background: #3E9A5B; 
transition: all 0.3s ease-in-out;
}	

/* -------- 2. NAVIGATION -------- */
/*logotype*/
#menu a.navbar-brand > figure > img#logo {
    max-width: 180px;
    margin: 36px 0px 0px 15px;
}	
	
/*Estilos del menú*/	
#menu .navbar-nav {
	margin: 15px 20px 0px 0px;/*distancia entre el menú y la info header*/
    
}
#menu.navbar-default .navbar-collapse, #menu.navbar-default .navbar-form{
	padding: 20px 0px 0px 0px;
	float: right;
}
#menu.navbar-default .navbar-nav > li > a{
	text-align: center; 	/*centrado el texto del item*/
	color: #2B6A3F;			/*color del menu en movil*/	
}	


	
/*reset del Cambiar el punto de interrupción de NavBar de Bootstrap y volver a menu horizontal*/
 .navbar-header {
 float: left;
}
 .navbar-left, .navbar-right {
 float: right !important;
 margin-right: 0px !important;
}
 .navbar-toggle {
 display: none;
}
 .navbar-collapse {
 border-top:  none;
 box-shadow: none;
}
 .navbar-fixed-top {
 top: 0;
 border-width: 0 0 1px;
}
 .navbar-collapse.collapse {
 display: block!important;
}
 .navbar-nav {
 float: block!important;
 margin-top: 0px;
}
 .navbar-nav>li {
 float: left;
}
 .navbar-nav>li>a {
 padding-top: 10px;
 padding-bottom: 10px;
}
 #menu.collapse.in {
 display:none !important;
}
/*reset del Cambiar el punto de interrupción de NavBar de Bootstrap y volver a menu horizontal*/

	
.navbar-right .dropdown-menu {
    right: auto!important;
    left: 0 !important;
	}
.navbar-nav>li>.dropdown-menu {
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px; 
    position: absolute!important;
    float: none;
	min-width: inherit!important;
    background-color: white;
    border: 1px;

}	
.dropdown-menu>li>a {
    display: block;
     padding: 3px 20px; 
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
	
	
/*información del menú*/
#menu a.link, #menu a.link-white{
	border-radius: 50px;

}	
#menu #number-mail{
	display: block !important;
    margin-right: 20px;
}
#menu .cont-info-enca {
	float: right;
}
#menu .cont-info-enca p {
	font-size: 1em;
	text-align:right;
	padding: 0px !important;	
	margin: 0px !important;
}
#menu .cont-info-enca a.link, #menu .cont-info-enca a.link-white{
	margin: 0px 5px 0px 0px;
	padding: 9px 15px;
	display: block;
	float: left;
	width: auto;
}		
	
/*banner*/
/*carousel caption*/
#banner .carousel-caption {
	max-width: 960px;
    margin: 0px;
    display: table;
	padding: 50px 10%!important;
    left: 0px;
    /*right: 0%; para centrar el contenedor*/
    text-align: left;
border-radius: 0px 20px 20px 0px;
}
#banner .carousel-caption > h2{
	font-size:3em;
	text-align: left;
}
#banner .carousel-control{
	display: none;
}
	
	
/* -------- 3. CONTENIDO -------- */		

.content-avion {
	height: 404px;	
}	
	
/*pagina como funciona*/
#comofunciona .content-comofunciona{
	margin: 20px;
	width: calc(33.33333333% - 40px); /*CALCULAR UN ANCHO PROPORCIONAL EN EL CONTENEDOR, RESTANDO UN MARGEN*/
}	
	

/* -------- 4. TESTIMONIALES -------- */	
#testimonios .carousel-inner{
	background: url(images/comillas.png) no-repeat 3% 30%;

}
	
	
/* -------- 6. FOOTER -------- */	
.footer-copy a#copy{
	text-align: right !important;
}
	

}

@media only screen and (min-width : 1200px) {
	
/* -------- 3. CONTAINER -------- */	
	
.content-avion {
	height: 660px;
	
}

.embed-container {
    padding-bottom: 720px;
}		
.embed-container-solicitud {
    padding-bottom: 790px;
}	
	
}