body {font-family: 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 15px; overflow-x: hidden;}
img {max-width: 100%}
.clear {clear: both;}

/* header */

.logoHeader {display: inline-block; width: 148px; height: 26px; margin: 6px 0 ; background-image: url(../images/packonnect.svg); background-repeat: no-repeat; background-position: center;}
header {margin-bottom: 15px}
header .container {position: relative;}
.navbar {text-transform: uppercase;}
.bg-light {background: #fff!important;}
.btn-login {background-color: #363636; margin-right: 10px;}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler-icon, .navbar-toggler-icon:focus {border:0!important; outline: 0!important;}
.navbar-nav {padding-top: 20px; font-weight: 400;}
.navbar-toggler {padding: .25rem 0;}
.idiomas {width: 60px; margin:0 10px;}
.menuSubGrupo {position: absolute; top: 0; right: 0}


@media (min-width: 576px) {
.logoHeader {width: 200px; background-image: url(../images/packonnect.svg);}
header .container {padding-left: 15px!important;}
.btn-login {right: 60px;}
.idiomas {display: inline-block;}
}
@media (min-width: 992px) {
.btn-login {right: 20px;}
.navbar-nav {padding-top: 0;}
.menuSubGrupo {position: static;}
}

/*secciones home*/
.rowHome .col-md-6 {margin-bottom: 40px;}
.rowInicio { padding: 30px 0; text-align: center; margin-bottom: 80px; max-width: 950px; margin: 0 auto}
.videoHome {margin-bottom: 60px; width: 720px;}
h1 {font-family: 'Montserrat', sans-serif; font-size: 34px;}
.h1Home {max-width: 700px; margin: 0 auto}
.h1Home span {}
.h2Home {font-family: 'Montserrat', sans-serif; font-size: 26px; margin-top: 10px;}
.bajadaH1 {font-size: 20px; text-align: center; margin: 20px auto 30px;}
.text16 {font-size: 16px;}
@media (min-width: 768px) {
		h1 {font-size:42px;}
	}


	/*buscador*/
	.buscadorHome {max-width: 700px; margin: 0 auto 80px;justify-content: center;}
	.buscadorHome .form-control-lg {background-color: #F4F2F2; border:none; font-weight: 300; width: 100%}
	@media (min-width: 768px) {
		.buscadorHome .form-control-lg {width: 600px}
	}

.bajadasHome {margin-bottom: 20px;}
.volantaVerde {color: #28a745; font-weight: 400;}
.volantaAzul {color: #116ec5; font-weight: 400;}
.btn-verde {background-color: #63E600; border-color:#63E600; color: #fff;}
.btn-verde:hover {background-color: #6bcc22; border-color:#63E600; color: #fff;}
.btn-azul {background-color: #116ec5; border-color:#0587FF; color: #fff;}
.btn-azul:hover {background-color: #0e579c; border-color:#116ec5; color: #fff;}
/*.imgSupplier {width: 100%; max-width: 280px; margin: 0 15px;}
.imgBuyer {width: 100%; max-width: 350px; margin: 0 15px;}*/

	/* slide */

	.fotosHome {margin: 50px 0 100px;position: relative;}
	.fotosHomeOpac {min-height: 350px; padding: 0 10px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%; transform: translate(-50%); width: 100%; max-width: 430px; text-align: center;}
	.textFotosHome span {background-color: #fff; padding: 0 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 30px; color: #363636;}
	.slideHome { z-index: -1;}
	.carousel-item img {min-height: 350px; min-width: 1400px; }
	.carousel-item {overflow: hidden; position: relative;}


	@media (min-width: 768px) {
		.textFotosHome span {font-size: 26px; line-height: 36px;}
		.rowHome {margin-bottom: 60px;}
	}
	@media (min-width: 992px) {
		.textFotosHome {width: 680px; position: relative; top: -40px}
		.textFotosHome .text1, .textFotosHome .text2  {}
		.text1 {position: absolute; left: 0}
		.text2 {position: absolute; right: 0; top: 40px;}
		.fotosHomeOpac {max-width: none; height: 100%;}
	}

	/* why */
	.why {text-align: center; margin-bottom: 60px}
	.h2Why {font-family: 'Montserrat', sans-serif; font-size: 32px; margin-bottom: 50px;}
	.h3Why {font-family: 'Montserrat', sans-serif; font-size: 20px; margin: 30px 0 20px;}
	.h3Why:after {content: ""; display: block; height: 1px; width: 100px; background-color: #444; margin: 20px auto;}
	.why p {padding: 0 15px;}
	.why .col-sm-6 {margin-bottom: 20px}
	.btn-gris {background-color: #363636; border-color:#363636; color: #fff;}
	.btn-gris:hover {background-color: #000; border-color:#363636; color: #fff;}

	/*say hello*/
	.sayHello {font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 1.15; text-align: center; margin-bottom: 80px;}
	.sayHello p {max-width: 650px; margin: 0 auto; padding: 40px 15px;}


/*footer*/

footer {background-color: #363636; height: 300px; padding-top: 80px; text-align: center}
.logoFooter {max-width: 200px}

.bajadaFooter {font-size: 14px; letter-spacing: 1px; color: #ccc; margin-top: 10px}
.redes {margin-bottom: 20px;}
.redes a {margin-left: 8px; transition: .5s}
.redes a:hover {opacity: 0.5}
.menuFooter {border-top: 1px solid #888; padding-top: 15px}
.menuFooter a {color: #ddd; display: inline-block; padding-right: 15px;}
.menuFooter a:hover {color: #fff}
.boton-top {position: fixed; right: 10px; bottom: 30px; }

@media (min-width: 576px) {
	.redes {text-align: right;}
	.txtFooter {text-align: left}
	.menuFooter {text-align: left}
}


/*scroll to top  */
.back-to-top {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	padding-top: 12px;
	background-color: #ddd;
    position: fixed;
    bottom: 25px;
    right: 11px;
    display: none;
    border: none;
}

.back-to-top:hover {
	background-color: #70da88;
}

/*CHAT*/
/*#chat-application {right: 80px!important}*/


/*interiores*/

.rowTitulosInt {background-color: #f4f2f2; text-align: center; padding: 60px 0; margin-bottom: 60px}
.rowTitulosInt h1:after {content: ""; display: block; width: 80px; height: 3px;  margin: 8px auto;}
.rowTitulosInt .h1Verde:after {background-color: #28a745;}
.rowTitulosInt .h1Azul:after {background-color: #116ec5}

.pColor {font-size: 20px; max-width: 700px; margin: 60px auto; color: #28a745; text-align: center}
h2 {margin-top: 50px; font-size: 28px;}
.rowCenter {text-align: center; max-width: 950px; margin: 0 auto}

@media (min-width: 768px) {
	.bg-buyers {background-image: url(../images/bg-buyers.png); background-repeat: no-repeat; background-position: right center}
	.bg-suppliers {background-image: url(../images/bg-suppliers.png); background-repeat: no-repeat; background-position: left 10px}
}

.bajadaSuppliers {max-width: 700px}

.tablaPlanes {max-width: 830px; margin: 0 auto 50px;}

.logoHeader {width: 200px; background-image: url(../images/packonnect.svg);}

.navbar .container {flex-direction: column; padding-top: 60px}

.navbar-collapse {min-width: 200px;}

@media (min-width: 576px) {
	.navbar .container {flex-direction: row; padding-top: 0}
}