nav{ background-color: #77777b; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); }
html { scroll-behavior: smooth;}
.navbar-light .navbar-nav .nav-link{ color: white !important; font-weight: bold; padding:17px; font-size:18px; }
.pill { text-align: center; background: #1d5c93; color: white; border-radius: 30px;  margin: 15px; width: 125px; }
.whats { background: #25d366; }
.pill h5 { margin: 10px auto; padding:5px; }
.pill a { color: white; text-decoration: none; font-size:15px; }
#banner{ background: url("../img/banner7.png"); height:750px; background-size: cover;}
#banner .title{ padding-top: 13%; }
#banner .title h1{ font-size: 47px; color:#3baf29; font-weight: bold; letter-spacing: -1px; line-height: 50px;}
#banner .title h4{ color:#514b54; font-weight: 400; font-size:20px;}
.btn-round { font-size: 16px; color: white; letter-spacing: 1px; line-height: 15px; padding: 8px; border: 2px solid white; border-radius: 40px; background: #128800; width:250px; }
.form-top{  background-color: #00a19c; height:750px; padding:30px;}
.form-topi{ background-color: #f2f2f2; height:750px; padding:30px; }
.form-top input{ margin: 10px auto; }
.form-top h3{ color: white; }
.form-top .btn, #servicios .btn, #contactanos .btn{ display:block; margin:auto; color:white; background-color: #007b78; border:1px solid white; font-weight: bold; }
.form-top span{ display: inline-flex; color:white; }
.form-top .checkbox{ margin: -6px 10px !important; }
.exhibidores { margin-top:5%;; }
.checkbox{ width: auto; margin: 0; margin-right: 5px; margin-top: -5px; }
#prescencia, #cotiza{ background-color: #3baf29; padding: 30px; color:white; }
#prescencia p{ font-size: 18px; width: 85%; margin: 0 auto; }
#prescencia .container{ width:70%; }
.bg-blue{ background-color: #5be0dc; }
.bg-light-green{ background-color: #49d534; }
#productos h3{ color: #494949; font-weight: bold; }
#productos .row.final{ margin-top:70px; }
#productos .ex img, #productos .pop img{ width:90%; }
#productos .pop p, #productos .ex p{ font-size: 16px; font-weight: bold;}
#tecnologia{ background-color: #494949; padding: 30px; color:white; }
#tecnologia .btn{ background-color: black; color:white; font-weight: bold; }
#tecnologia .container{ width:68%; }
#tecnologia p{ font-size: 19px; }
#porqueElegir{ background-color: #f2f2f2; padding:30px; }
#porqueElegir h3, #marcas h3{ color:#494949;font-weight: bold; }
#porqueElegir p, #marcas p{ font-size: 20px; color:#4a494a;  }
#porqueElegir .porqueContainer { height: 110px; }
#porqueElegir .porqueContainer ~ p{font-size: 20px; color: #4a494a; width: 80%; margin: auto;}
#porqueElegir .btn {background-color: #77777b; font-weight: bold;}
#plan360{ background-color: #00a19c; padding:30px; }
#plan360 h1{ font-size: 4rem; font-weight: bold; color: white; }
#plan360 h2{ font-size: 3rem; font-weight: bold; color: white; }
#plan360 h3{color:#5be0dc; font-weight: bold;}
#plan360 .btn{ background-color: #007b78; font-weight: bold; }
#servicios{ background-color: #c3fefc; padding:30px; }
#servicios p{ margin-top: 20px; font-size: 18px; width: 95%; padding-left: 20px; }
#servicios h3{color:#494949; font-weight: bold; padding-top:10px;}
#marcas, #contactanos{ background-color: #ffffff; padding:30px; }
#marcas ul li{ margin: 5px 16px; }
#cotiza h3{ width:65%; margin:auto; }
#contactanos ul li{ margin:0 15px; }
#contactanos p, #contactanos a{ font-size:16px; color:#007b78; }
#footer-top{background-color: #f2f2f2;}
#footer-top a { color:#808080; text-decoration:none; font-size: 14px; font-weight: bold; }
#footer-top .menu{margin-top: 50px;}
#footer-top .logos li{ margin: 20px 15px; }
#avisos{ background-color: #494949; }
#avisos p, #avisos a{ font-size: 11px; color:white; }

@media (max-width: 600px) {
	.navbar-brand { width: 25%; }
	.navbar-toggler{ position: relative; left:-2%; }
	.form-check{float: none !important;}
	.checkbox{  margin: -5px 10px !important; }
	#footer-top .menu{ text-align: center; }
	.logo-footer{width: auto !important;    display: block;    margin: auto;}
	.logos{ text-align: center; }
	.logos li{ margin: 20px 5px !important; }
	#footer-top .menu .list-inline-item{ display:block; margin:20px;  }
	#footer-top .menu .list-inline-item a{ font-size: 20px;  }
	#banner { text-align: center; }
	#banner .title .btn{ margin-bottom:20px; }
	#prescencia { margin-top:440px; }
	#prescencia .container, #tecnologia .container{ width:100%; }
	#porqueElegir .porqueContainer { margin-top: 50px; }
	#plan360{ text-align: center; }
	#marcas ul li { margin: 6px;  }
	#avisos{ text-align: center; }
	.forma-contacto br{ display:none; }
	.forma-contacto .mb-2{ margin:0 !important; }
	.forma-contacto .form-control{ margin-bottom:10px !important; }
}