@font-face {
    font-family: JostBold;
    src: url("../fonts/Jost/Jost-Bold.ttf") format("opentype");
}

@font-face {
    font-family: JostRegular;
    src: url("../fonts/Jost/Jost-Regular.ttf") format("opentype");
}

@font-face {
    font-family: opensansBold;
    src: url("../fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: opensansRegular;
    src: url("../fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
}

body {
    font-size: calc(10px + 0.5vw);
    font-family: JostBold;
    font-feature-settings: "ss01" 1;
}

div, img {
	max-width: 100%;
}

.ceropadding{
	padding: 0px;
}

.redondo {
    border-radius: 20px;
}

.ceromargin{
	margin: 0px;
}

#max {
	max-width: 100%;
}

#imgCarrousel1, #imgCarrousel2, #imgCarrousel3, #imgCarrousel9{
	width: 100%;
	height: 100%;
}



#carousel-example-generic{
	width: 100vw;
}

#divprueba:before {
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 50%;  /* or 100px */
	border-bottom:1px solid magenta;
}

#container2 {
	position: relative;
}

#center2 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 1.125em;
}

#divorillas{
	/*display: inline-flex;*/
}

#img2 { 
	width: 100vw;
	height: 100vh;
	opacity: 0.3;
}


.carousel-captiontop {
	top: 0;
	bottom: 395px;
}

.carrousel_titulo{
	font-size: 1.30em;
	font-weight: bold;

	color: #FFF;
	padding-bottom: 3.5%;
	padding-top: 6%;
	white-space: nowrap;
	text-decoration: none; 
}

.carrousel_titulo span{
	border-bottom: solid 2px #063C4A;
	display: inline;
	padding-bottom: 8px;
}

.carrousel_titulo_principal{
	font-size: 2.0em;
	font-weight: bold;
	color: #063C4A;
	padding-bottom: 3.5%;
	white-space: nowrap;
	text-decoration: none; 
}

.carrousel_cuerpo{
	font-size: 1em;
	font-weight: bold;

	color: #FFF;
	white-space: nowrap;
	text-decoration: none; 
}

.carrousel_titulo2{
	font-size: 1.30em;
	font-weight: bold;

	color: #FFF;
	padding-bottom: 3.5%;
	padding-top: 6%;
	white-space: nowrap;
	text-decoration: none; 
}

h1.carrousel1 {
    margin-top: 10vh;
    margin-bottom: 10vh;
    letter-spacing: 2px;
    font-size: 2em;
}

h1.carrousel9 {
    margin-top: 10vh;
    margin-bottom: 10vh;
    letter-spacing: 2px;
    font-size: 2em;
    color: #E27B26;
}

h6.carrousel1 {
    font-family: opensansRegular;
    font-size: 0.7em;
    letter-spacing: 1px;
    color: #FFF;
}

h6.carrousel9 {
    font-family: opensansRegular;
    font-size: 0.7em;
    letter-spacing: 1px;
    color: #E27B26;
}

div.serviciostotal {
	background: #063C4A;
	width: 60%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
	color: #FFF;
	font-size: 1.20em;
	position: relative;
	z-index: 1;
}

div.izquierda{
	display: inline-block;
	margin: 0%;
	padding: 0%;
	width: 47%;
	line-height: 130%;
	vertical-align: top;

}

div.derecha{
	display: inline-block;
	margin: 0%;
	padding: 0%;
	width: 47%;
	line-height: 130%;
	vertical-align: top;
}

hr.guion{
	color: #063C4A;
	border-color: #063C4A;
	background-color: #063C4A;
	width: 25px;
	height: 4px;
	margin-left: 8%;
	padding: 0px;
}

div.servicios {
    background-color: #FCFAFB;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;

}
p.servicios {
    color: #063C4A;
    font-size: 0.85em;
    text-align: left;
    font-family: opensansRegular;
    margin-left: 8%;
    margin-right: 8%;
    margin-bottom: 10%;
    text-align: justify;
}

h2.serviciostitulo {
    color: #063C4A;
    margin-left: 8%;
    margin-right: 8%;
    margin-bottom: 5%;
    margin-top: 10%;
    font-size: 0.85em;
    text-align: left;
    font-family: opensansRegular;
    text-align: justify;
}

h1.serviciostitulo {
    color: #E27B26;
    font-size: 1.25em;
    text-align: left;
    letter-spacing: 2px;
    text-align: justify;
}

div.col-md-5 h1.serviciostitulo{
	margin-left: 8%;
	margin-right: 8%;
	margin-bottom: 10%;
    margin-top: 10%;
}

/*Inicia css 3PL*/

li.s3pl {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #209BD6;
}

li.s3pl:hover, li.s3pl:focus {
    background-color: #209BD6;
    color: #FFFFFF;
}
    

hr.servicios3pl{
	color: #209BD6;
	border-color: #209BD6;
	background-color: #209BD6;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;
}

div.servicios3pl {
	background: #209BD6;
	font-weight: bold;
	color: #FFF;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}

h1.servicios3pl{
	color: #209BD6;
	font-size: 2.3em;
    letter-spacing: 3px;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.servicios3pl{
	color: #063C4A;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
	font-size: 1.25em;
    margin-top:0px;
    letter-spacing:1px;
}

div.servicios3pllista {
	margin-top: -4%;
	background: #209BD6;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.servicios3pllista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicios3pllista div.izquierda ul li span{
	color: #FFF;
}

div.servicios3pllista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicios3pllista div.derecha ul li span{
	color: #FFF;
}

/*Termina css 3PL*/

/*Inicia css Kanban*/

li.skanban {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #D6DE23;
}

li.skanban:hover, li.skanban:focus {
    background-color: #D6DE23;
    color: #FFFFFF;
}

hr.servicioskanban{
	color: #D6DE23;
	border-color: #D6DE23;
	background-color: #D6DE23;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;

}

div.servicioskanban{
	background: #D6DE23;
	font-weight: bold;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}


h1.servicioskanban{
	color: #D6DE23;
	font-size: 2.3em;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.servicioskanban{
	color: #063C4A;
	font-size: 1.25em;
    margin-top:0px;
	text-align: left;
	margin-left: 8%;
    letter-spacing:1px;
	margin-right: 8%;
}

div.servicioskanbanlista {
	margin-top: -4%;
	background: #D6DE23;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.servicioskanbanlista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicioskanbanlista div.izquierda ul li span{
	color: #063C4A;
}

div.servicioskanbanlista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicioskanbanlista div.derecha ul li span{
	color: #063C4A;
}

/*Termina css Kanban*/


/*Inicia css vmi*/

li.svmi {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #E85755;
}

li.svmi:hover, li.svmi:focus {
    background-color: #E85755;
    color: #FFFFFF;
}

hr.serviciosvmi{
	color: #E85755;
	border-color: #E85755;
	background-color: #E85755;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;

}

div.serviciosvmi{
	background: #E85755;
	color: #FFF;
	font-weight: bold;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}


h1.serviciosvmi{
	color: #E85755;
	font-size: 2.3em;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.serviciosvmi{
	color: #063C4A;
	font-size: 1.25em;
    margin-top:0px;
	text-align: left;
    letter-spacing:1px;
	margin-left: 8%;
	margin-right: 8%;
}

div.serviciosvmilista {
	margin-top: -4%;
	background: #E85755;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.serviciosvmilista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.serviciosvmilista div.izquierda ul li span{
	color: #FFF;
}

div.serviciosvmilista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.serviciosvmilista div.derecha ul li span{
	color: #FFF;
}

div.serviciosvmilista p{
	font-size: 0.8em;
	text-align: left;
    font-family: opensansBold;
	margin-left: 8%;
	margin-bottom: 0%;
	line-height: 130%;

}

/*Termina css vmi*/

/*Inicia css kitting*/

li.skitting {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #FFD002;
}

li.skitting:hover, li.skitting:focus {
    background-color: #FFD002;
    color: #FFFFFF;
}

hr.servicioskitting{
	color: #FFD002;
	border-color: #FFD002;
	background-color: #FFD002;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;

}

div.servicioskitting{
	background: #FFD002;
	font-weight: bold;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}


h1.servicioskitting{
	color: #FFD002;
	font-size: 2.3em;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.servicioskitting{
	color: #063C4A;
	font-size: 1.25em;
    margin-top:0px;
	text-align: left;
    letter-spacing:1px;
	margin-left: 8%;
	margin-right: 8%;
}

div.servicioskittinglista {
	margin-top: -4%;
	background: #FFD002;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.servicioskittinglista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicioskittinglista div.izquierda ul li span{
	color: #063C4A;
}

div.servicioskittinglista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicioskittinglista div.derecha ul li span{
	color: #063C4A;
}

/*Termina css kitting*/

/*Inicia css point*/

li.spoint {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #EB7A24;
}

li.spoint:hover, li.spoint:focus {
    background-color: #EB7A24;
    color: #FFFFFF;
}

hr.serviciospoint{
	color: #EB7A24;
	border-color: #EB7A24;
	background-color: #EB7A24;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;

}

div.serviciospoint{
	background: #EB7A24;
	font-weight: bold;
	color: #FFF;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}


h1.serviciospoint{
	color: #EB7A24;
	font-size: 2.3em;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.serviciospoint{
	color: #063C4A;
	font-size: 1.25em;
    margin-top:0px;
	text-align: left;
	margin-left: 8%;
    letter-spacing:1px;
	margin-right: 8%;
}

div.serviciospointlista {
	margin-top: -4%;
	background: #EB7A24;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.serviciospointlista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.serviciospointlista div.izquierda ul li span{
	color: #FFF;
}

div.serviciospointlista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.serviciospointlista div.derecha ul li span{
	color: #FFF;
}

/*Termina css point*/

/*Inicia css crossdock*/

li.scrossdock {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #2DAC5F;
}

li.scrossdock:hover, li.scrossdock:focus {
    background-color: #2DAC5F;
    color: #FFFFFF;
}

hr.servicioscrossdock{
	color: #2DAC5F;
	border-color: #2DAC5F;
	background-color: #2DAC5F;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;

}

div.servicioscrossdock{
	background: #2DAC5F;
	font-weight: bold;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}


h1.servicioscrossdock{
	color: #2DAC5F;
	font-size: 2.3em;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.servicioscrossdock{
	color: #063C4A;
	font-size: 1.25em;
    margin-top:0px;
    letter-spacing:1px;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

div.servicioscrossdocklista {
	margin-top: -4%;
	background: #2DAC5F;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.servicioscrossdocklista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicioscrossdocklista div.izquierda ul li span{
	color: #063C4A;
}

div.servicioscrossdocklista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.servicioscrossdocklista div.derecha ul li span{
	color: #063C4A;
}

/*Termina css crossdock*/



/*Inicia css E-COMMERCE*/

li.secommerce {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color:#F5515D;
}

li.secommerce:hover, li.secommerce:focus {
    background-color: #F5515D;
    color: #FFFFFF;
}
    
hr.serviciosecommerce{
	color: #F5515D;
	border-color: #F5515D;
	background-color: #F5515D;
	height: 2px;
	margin: 0px;
	padding: 0px;
	padding-top: 1%;
}

div.serviciosecommerce {
	background: #F5515D;
	font-weight: bold;
	color: #FFF;
	width: 8%;
	line-height: 250%;
	border-bottom-right-radius: 7.5px;
}

h1.serviciosecommerce{
	color: #F5515D;
	font-size: 2.3em;
    letter-spacing: 3px;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
}

h2.serviciosecommerce{
	color: #063C4A;
	text-align: left;
	margin-left: 8%;
	margin-right: 8%;
	font-size: 1.25em;
    margin-top:0px;
    letter-spacing:1px;
}

div.serviciosecomlista {
	margin-top: -4%;
	background: #F5515D;
	width: 100%;
	line-height: 100%;
	color: #FFF;
	font-size: 0.90em;
	padding: 4%;
	padding-top: 8%;
	position: relative;
	z-index: 0;
}

div.serviciosecomlista div.izquierda ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.serviciosecomlista div.izquierda ul li span{
	color: #FFF;
}

div.serviciosecomlista div.derecha ul li{
	color: #063C4A;
	font-size: 0.8em;
	text-align: left;
    font-family: opensansRegular;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.serviciosecomlista div.derecha ul li span{
	color: #FFF;
}

/*Termina css E-COMMERCE*/



/*Inicia css div quote*/
.quote{
	color: #EB7A24;
	border-color: #EB7A24;
	background-color: #EB7A24;
	width: 100%;
	padding-bottom: 5%;
	margin: 0px;
}

form.emailquote{
	border-style: solid;
	border-width: 2px;
	border-color: #063C4A;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	border-radius: 10px;
    width: 100%;
}

div.textquote {
    width: 75%;
    text-align:left;
    margin: 0%;
    margin-right: 2%;
    border-right: solid;
    border-bottom-width: 2px;
    border-color: #063C4A;
    padding-bottom:18px;
    padding-top:18px;
}

div.col-md-10 h1.quote{
	color: #FFF;
	font-size: 1.3em;
	text-align: left;
    letter-spacing: 2px;
    padding: 0px;
    margin-top: 6%;
    margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 3%;
}
/*Termina css div quote*/

/*Inicia css textfield quote*/

input[type="text"].emailquote
{
	background: transparent;
	border-style: none;
	font-size: 1.3em;
	color: #FFF;
    font-family: opensansRegular;
    letter-spacing:1px;
    width: 100%;
}

input[type="text"].emailquote::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFF;
    padding-top: 12px;
    padding-bottom: 12px;
}
input[type="text"].emailquote:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
    padding-top: 12px;
    padding-bottom: 12px;
}
input[type="text"].emailquote::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
   padding-top: 12px;
   padding-bottom: 12px;
}
emailquote:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFF;
   padding-top: 12px;
   padding-bottom: 12px;
}
emailquote::-ms-input-placeholder { /* Microsoft Edge */
   color:    #FFF;
   padding-top: 12px;
   padding-bottom: 12px;
}

input.emailquote:focus {
	color: #FFF;
    border-color: #063C4A;
    box-shadow: 0 1px 1px #063C4A inset, 0 0 8px #063C4A;
    outline: 0 none;
}
/*Termina css textfield quote*/

/*Inicia css botton quote*/

button.emailquote{
	background: #063C4A;
	border: none;
	color: #FFF;
	font-size: 1em;
    padding: 18px 30px;
    margin: auto;
    letter-spacing:1px;
    float: right;
}

div.btnquote {
    float: right;
    max-width: 22%;
    height: auto;
    margin: auto;

}



button.emailquote:focus{
	background: #063C4A;
    color: #FFF;
    border-color: #063C4A;
    box-shadow: 0 2px 2px #063C4A inset, 0 0 8px #063C4A;
    outline: 0 none;

}
/*Termina css botton quote*/

/*Inicia css contactus*/

hr.contactusa{
	color: #063C4A;
	border-color: #063C4A;
	background-color: #063C4A;
	width: 10%;
	height: 2px;
	margin: 0px;
	padding: 0px;
	margin-left: 33%;
	margin-bottom: 3%;
}

hr.contactusn{
	color: #E27B26;
	border-color: #E27B26;
	background-color: #E27B26;
	width: 10%;
	height: 2px;
	margin: 0px;
	padding: 0px;
	margin-left: 33%;
	margin-bottom: 3%;
}

button.contactuse{
	border-radius: 0px;
	background-color: #063C4A;
	border-width: 0px;
}

button.contactust{
	border-radius: 0px;
	background-color: #E27B26;
	border-width: 0px;
}

button.contactust1 {
    border-radius: 0px;
    background-color: #E85755;
    border-width: 0px;
}

button.contactuse2 {
    border-radius: 0px;
    background-color: #D6DE23;
    border-width: 0px;
}

button.contactust3 {
    border-radius: 0px;
    background-color: #209BD6;
    border-width: 0px;
}

button.contactuse4 {
    border-radius: 0px;
    background-color: #E27B26;
    border-width: 0px;
}

button.contactuse5 {
    border-radius: 0px;
    background-color: #337AB7;
    border-width: 0px;
}

h1.contactus{
	color: #E27B26;
	font-size: 2em;
	font-weight: bold;
	margin: 10% 0% 0% 33%;
	text-align: justify;

}

h1.contactusc{
	color: #063C4A;
	font-size: 1em;
	font-weight: bold;
	margin: 4% 0% 0% 33%;
	text-align: justify;

}

h3.contactusc{
	color: #063C4A;
	font-size: 1em;
	font-weight: bold;
	margin: 4% 0% 0% 16%;
	text-align: justify;

}

h3.contactustel{
	color: #063C4A;
	font-size: 1em;
	font-weight: bold;
	margin: 4% 0% 0% 33%;
	text-align: justify;

}

h1.contactusn{
	color: #E27B26;
	font-size: 2em;
	font-weight: bold;
	margin: 4% 0% 0% 16%;
	text-align: justify;

}

div.contactusm{
	border-bottom-color: #E27B26;
	border-bottom-width: 3px;
	border-bottom-style: solid;
    height: 60vh;
}

div.contactuscolumnas{
	padding: 0% 0% 0% 16%;
	margin-left: 0px;
}

div.contactus{
    margin-left: 0px;
    margin-right: 0px;
}


h4.conta{
	margin: 2% 0% 0% 33%;
    color: #063C4A;
    font-size: 1.2em;
    text-align: justify;
}

.block {
  text-align: center;
  padding: 1% 5%;
}
 
.block:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
 }
 
.centeredquote {
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  padding: 0px;
 }

.centeredbtn {
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  width: 23%;
  border-left-color: #063C4A;
  border-left : solid;
  border-left-width: 2px;
 }

form.emailquotes{
	border-style: solid;
	border-width: 2px;
	border-color: #063C4A;
	border-radius: 10px;
}


h4.info{
	color: #063C4A;
	font-size: 1.3em;
	font-weight: bold;
	margin: 4% 0% 0% 0%;
	text-align: justify;

}

.infoform{
	color: #063C4A;
	font-size: 1.3em;
	font-weight: bold;
	margin: 4% 0% 0% 0%;
	text-align: left;
}

.requiredform{
	color: #063C4A;
	font-size: 0.5em;
	font-weight: bold;
	margin: 4% 0% 0% 0%;
	text-align: left;
}

.requiredform ::first-letter {
    color: #063C4A;
    font-size: 1em;
    font-weight: bold;
    margin: 4% 0% 0% 0%;
    text-align: left;
}

.requiredform :first-letter {
    color: #063C4A;
    font-size: 1em;
    font-weight: bold;
    margin: 4% 0% 0% 0%;
    text-align: left;
}

h3.contactustittle{
	margin: 2% 0% 0% 0%;
    color: #063C4A;
    font-size: 1em;
    text-align: justify;
}

h5.contactustittle {
    color: #ffffff;
    text-align: justify;
}

/*Termina css contactus*/

div.navblue {
    background-color: #063C4A;
}

ul.navbar-nav {
    max-width: 100%;
}

ul.navbar-nav li img {
    max-width:100%;
}

.navbar-default .navbar-nav > li  {
    color: #E27B26;
    font-size: 0.5em;
    text-align: center;
}


.navbar-default .navbar-nav > li > a {
    color: #E27B26;
    line-height: 1.5em;

}

.navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
}

li.textnav {
    border-bottom: solid;
    border-bottom-width: 6px;
    border-bottom-color: #003B49;
}

ul.navbar-nav li.textnav{
    font-size: 1.3em;
    line-height: 2em;
    color: #FFF;
}

    ul.navbar-nav li.textnav a {
        font-family: JostRegular;
        color: #FFF;
        line-height: 2em;
        margin-top: 10%;
        text-align: left;
        font-feature-settings: "ss01" 1;
    }

ul.navbar-nav li.textnav img {
    max-width: 20%;
    display: inline-block;
}

li.textnav:hover, li.textnav:focus {
    background-color: #003B49;
    color: #DDD;
}

.buttonTotal{
    color: #FFF;
	background-color: #E27B26;
    border-radius: 5px;
    border-color: #E27B26;
    padding-left: 10px;
    padding-right: 10px;
}

.buttonTotal2 {
    color: #FFF;
    background-color: #E27B26;
    border-radius: 10px;
    border-color: #E27B26;
    padding-left: 10px;
    padding-right: 10px;
    width: 500px;
    height: 75px;
    font-size: 2em;
}

.buttonTotal3 {
    color: #FFF;
    background-color: #E27B26;
    border-radius: 10px;
    border-color: #E27B26;
    padding-left: 10px;
    padding-right: 10px;
    width: 160px;
    height: 90px;
    font-size: 1.6em;
    text-align: center;
}

.buttonTotal:hover{
	background-color: #063C4A;
    color: #FFF;
    border-color: #063C4A;
}


.title {
    color:#E27B26;
    position: absolute;
    bottom: 0;
    left: 0;
}

.titleimg {
    position: absolute;
    bottom: 0;
    right: 0;
}

.headlogin{
    /*background-color: #FFFFFF;*/
    /*background: rgb(6, 60, 74);*/
    /*background: rgba(6, 60, 74, 0.5);*/
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 0px;
    margin-bottom: 20vh;

}

.whiteText {
    color: #fff;
}

div.margin {
    margin-bottom: 15px;
    
}

.loginbg {
    width: 100vw;
    height:100vh;
    background-image: url('../Images/JD-Web_Background_SignIn.jpg');
    background-repeat: no-repeat;
}

.headloginform {
    margin-top: 30vh;
}


@media only screen and (max-width: 80000px) {
    .navbar-default .navbar-nav > li  {
        color: #E27B26;
        font-size: 0.5em;
        max-width: 10%;
        height: 130px;
    }

    .navbar-default .navbar-nav > li.textnav  {
        color: #E27B26;
        max-width: 16%;
        height: 130px;
    }

    body.navspace {
    padding-bottom: 140px;
    }

}



@media only screen and (max-width: 1280px) {
    .navbar-default .navbar-nav > li  {
        color: #E27B26;
        font-size: 0.5em;
        max-width: 8%;
        height: 130px;
    }

    .navbar-default .navbar-nav > li.textnav  {
        color: #E27B26;
        max-width: 22%;
        height: 130px;
    }

    body.navspace {
    padding-bottom: 140px;
    }

}

@media only screen and (max-width: 900px) {
    .navbar-default .navbar-nav > li  {
        color: #E27B26;
        font-size: 0.5em;
        max-width: 8%;
        height: 100px;
    }

    .navbar-default .navbar-nav > li.textnav  {
        max-width: 22%;
        color: #E27B26;
        height: 100px;
    }

    body.navspace {
    padding-bottom: 110px;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li  {
        color: #E27B26;
        font-size: 1em;
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }

    .navbar-default .navbar-nav > li > a  {
        max-width: 100%;
        font-size: 2em;
        display: inline-flexbox;
    }

    .navbar-default .navbar-nav > li > a > img  {
        max-width: none;
        display: inline-flexbox;
    }


    body.navspace {
    padding-bottom: 80px;
    }
}

@media only screen and (max-width: 285px) {
    .navbar-default .navbar-nav > li  {
        color: #E27B26;
        font-size: 1em;
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }

    .navbar-default .navbar-nav > li > a  {
        max-width: 100%;
        font-size: 2em;
        display: inline-flexbox;
    }

    .navbar-default .navbar-nav > li > a > img  {
        max-width: none;
        display: inline-flexbox;
    }

    body.navspace {
        padding-bottom: 130px;
    }
}

.hiddenn {
    display : none;
}

div.carousel {
	background: #E48034;
}

@media only screen and (max-width: 1130px) {
    h1.carrousel1 {
        margin-top: 9vh;
        margin-bottom: 9vh;
        letter-spacing: 2px;
        font-size: 2em;

    }

    .carrousel_titulo{
	    font-size: 1.20em;
    	font-weight: bold;
	    color: #FFF;
    	padding-bottom: 3%;
	    padding-top: 4%;
    	white-space: nowrap;
	    text-decoration: none; 
    }

    .carrousel_titulo span{
	border-bottom: solid 2px #063C4A;
	display: inline;
	padding-bottom: 6px;
}

    .carrousel_titulo_principal{
	    font-size: 1.6em;
    	font-weight: bold;
	    color: #063C4A;
        padding-bottom: 3%;
    	white-space: nowrap;
	    text-decoration: none; 
    }

    .carrousel_cuerpo{
        font-size: .8em;
    	font-weight: bold;
    	color: #FFF;
	    white-space: nowrap;
    	text-decoration: none;
    }
}

@media only screen and (max-width: 1050px) {
    h1.carrousel1 {
        margin-top: 8vh;
        margin-bottom: 8vh;
        letter-spacing: 2px;
        font-size: 1.9em;
    }


}

@media only screen and (max-width: 950px) {
    h1.carrousel1 {
        margin-top: 8vh;
        margin-bottom: 8vh;
        letter-spacing: 2px;
        font-size: 1.7em;
    }
}

@media only screen and (max-width: 850px) {
    h1.carrousel1 {
        margin-top: 7vh;
        margin-bottom: 7vh;
        letter-spacing: 2px;
        font-size: 1.5em;
    }

    .carrousel_titulo{
	    font-size: 1em;
    	font-weight: bold;
	    color: #FFF;
    	padding-bottom: 2.75%;
	    padding-top: 3.5%;
    	white-space: nowrap;
	    text-decoration: none; 
    }

    .carrousel_titulo span{
	border-bottom: solid 2px #063C4A;
	display: inline;
	padding-bottom: 5px;
}

    .carrousel_titulo_principal{
	    font-size: 1.2em;
    	font-weight: bold;
	    color: #063C4A;
        padding-bottom: 2.75%;
    	white-space: nowrap;
	    text-decoration: none; 
    }

    .carrousel_cuerpo{
        font-size: .6em;
    	font-weight: bold;
    	color: #FFF;
	    white-space: nowrap;
    	text-decoration: none;
    }
}

@media only screen and (max-width: 750px) {
    h1.carrousel1 {
        margin-top: 6vh;
        margin-bottom: 6vh;
        letter-spacing: 2px;
        font-size: 1.3em;
    }

    .carrousel_titulo{
	    font-size: 1em;
    	font-weight: bold;
	    color: #FFF;
    	padding-bottom: 1.5%;
	    padding-top: 2%;
    	white-space: nowrap;
	    text-decoration: none; 
    }

    .carrousel_titulo span{
	border-bottom: solid 2px #063C4A;
	display: inline;
	padding-bottom: 5px;
}

    .carrousel_titulo_principal{
	    font-size: 1.2em;
    	font-weight: bold;
	    color: #063C4A;
        padding-bottom: 1.5%;
    	white-space: nowrap;
	    text-decoration: none; 
    }

    .carrousel_cuerpo{
        font-size: .6em;
    	font-weight: bold;
    	color: #FFF;
	    white-space: nowrap;
    	text-decoration: none;
    }
}

@media only screen and (max-width: 610px) {
    .carrousel_titulo{
	    font-size: 1em;
    	font-weight: bold;
	    color: #FFF;
    	padding-bottom: 1%;
	    padding-top: 1%;
    	white-space: nowrap;
	    text-decoration: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .carrousel_titulo span{
	border-bottom: solid 2px #063C4A;
	display: inline;
	padding-bottom: 5px;
}

    .carrousel_titulo_principal{
	    font-size: 1.2em;
    	font-weight: bold;
	    color: #063C4A;
        padding-bottom: 1.5%;
    	white-space: nowrap;
	    text-decoration: none; 
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .carrousel_cuerpo{
        font-size: .6em;
    	font-weight: bold;
    	color: #FFF;
	    white-space: nowrap;
    	text-decoration: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 500px) {
    ol.carousel-indicators {
        display: none;
    }
}


@media only screen and (max-width: 450px) {
    h1.carrousel1 {
        margin-top: 4vh;
        margin-bottom: 4vh;
        letter-spacing: 2px;
        font-size: 1em;
    }

    .carrousel_titulo{
	    font-size: .5em;
    	font-weight: bold;
	    color: #FFF;
    	padding-bottom: .75%;
	    padding-top: 0%;
    	white-space: nowrap;
	    text-decoration: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .carrousel_titulo span{
	border-bottom: none;
	display: inline;
}

    .carrousel_titulo_principal{
	    font-size: .75em;
    	font-weight: bold;
	    color: #063C4A;
        padding-bottom: .75%;
    	white-space: nowrap;
	    text-decoration: none; 
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .carrousel_cuerpo{
        font-size: .5em;
    	font-weight: bold;
    	color: #FFF;
	    white-space: nowrap;
    	text-decoration: none;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 350px) {
    .carrousel_titulo {
        margin-top: 0px;
    }
}


button.btnlanguaje {
    display: inline-block;
    background-color: transparent;
    border-radius: 10px;
    border-width: 0px;
}

.btnlanguaje img {
    max-width: 24px;
    max-height: 24px;
}