#contacto-exito {
  position: absolute;
  top: 4vh;
  z-index: 1050;
}

#infobox a {
  color: #FEFEFE;
}

#infobox a:hover {
  text-decoration: none;
  color: #FEFEFE;
}

#menu-dicotomia .nav.justify-content-end li a{
  color: #5B5B5E;
  font-weight: 500;
}

#infobox{
  background: #385768;
}

a:focus {
  outline: none;
}

#infobox-tel {
  width: 16px;
  height: 16px;
  background-image: url('../images/contacto-head-01.png');
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 4px;
}

#infobox-mail {
  width: 16px;
  height: 16px;
  background-image: url('../images/contacto-head-02.png');
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 4px;
}

.infobox-item {
  display: inline-block;
}

#infobox li{
  color: #FEFEFE;
  margin-right: 1rem;
  font-size: 0.8125rem;
}

a.navbar-brand {
  margin-left: 10vw;
}

#menu-dicotomia .nav-item:hover {
  background: #E8E9E9;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -ms-transition: background 1s ease;
  -o-transition: background 1s ease;
  transition: background 1s ease;
}

.dicotomia-menu-mr {
  margin-right: 10vw;
}

#logo-dicotomia {
  background-image: url('../images/logo-head-01.png');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 111px;
  height: 52px;
}

#menu-dicotomia ul {
  margin-right: 10vw;
}

#menu-dicotomia ul li {
  font-size: 1.125rem;
}

@media (max-width: 780px) {
  #infobox ul {
    margin: 0;
  }

  #menu-dicotomia ul {
    display: none;
  }
}

@media (max-width: 984px) {
  a.navbar-brand, #menu-dicotomia ul {
    margin: auto;
  }
}

.carousel-caption-dicotomia{
  position: absolute;
  right: 0%;
  top: 13vw;
  left: 11%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  width: 60vw;
  max-width: 480px;
}

div.carousel-item {
  text-shadow: 1px 1px 1px #000000;
}

div.carousel-item p {
    font-size: 1.125rem;
}

div.boton-abajo {
  width: 58px;
  height: 58px;
  background-image: url('../images/boton-abajo-01.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  top: -29px;
}

.bg-dicotomia-light {
  background-color: #E8E9E9;
}

.bg-dicotomia-white {
  background: #FFFFFF;
}

.section-container h2 {
  font-size: 1.125rem;
}

.servicio {
  max-width: 100px;
  height: 100px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 100%;
}

.servicio-modal {
  max-width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.servicio-item {
  margin-top: 3vw;
  margin-bottom: 3vw;
}

.servicio-1 {
  /*background: #D83E46;*/
  background-image: url('../images/servicios-01.png');
}

.servicio-2 {
  /*background: #00A2CE;*/
  background-image: url('../images/servicios-02.png');
}

.servicio-3 {
  /*background: #3A586A;*/
  background-image: url('../images/servicios-03.png');
}

.servicios-catalogo {
  background: #D8D9DE;
  color: #88868B;
}

.servicios-catalogo span {
  font-weight: 800;
}

.servicios-catalogo a {
  color: #88868B;
}

.servicios-catalogo a:hover {
  text-decoration: none;
  color: #88868B;
}

.servicios-catalogo-img {
  min-width: 100px;
  max-width: 48%;
  height: auto;
}

div.modal-dicotomia {
  background-image: url("../images/modal-dicotomia.png");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.form-group.required .col-form-label:before{
  content: "*";
  color: red;
}

p.advertencia:before {
    content: "*";
    color: red;
}

p.advertencia {
    font-size: 0.6875rem;
}

.proyecto-item {
  min-width: 177px;
  max-width: 177px;
}

.proyecto-item-mascara {
  height: 100%;
  position: absolute;
  background-image: url('../images/proyectos-mascara.png');
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
}

.proyecto-item-mascara:hover {
  opacity: 0.6;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

#contacto-form .form-group .col-form-label{
  min-width: 80px;
}

.line {
  color: #727276;
  font-size: 1em;
  margin:0 0 1em;
  line-height:2em;
  padding:0;
  position:relative;
  overflow:hidden;
  text-align:center;
}
.line:before,.line:after {
  content:" ";
  position:absolute;
  top:50%;
  margin-left:-999em;
  height:2px;
  width:998em;
  border-top:1px solid #727276;
}
.line:after {
  left:auto;
  width:999em;
  margin:0 0 0 1em;
}

h2 {
  font-size: 1.125rem;
}

h3{
  font-size: 1em !important;
}

#cotiza-tu-proyecto h3, #contacto h3, #tarifas h3{
  font-weight: 600 !important;
  color: #5B5B5E !important;
}

#cotiza-tu-proyecto p, #contacto p, #tarifas p {
  color: #727276;
}

#contacto-form{
  max-width: 450px;
}

p{
  font-size: 0.9375rem;
  line-height: normal;
}

p.p-modal {
  color: #727276;
    font-size: 0.8125rem;
}

#dicotomia-map{
  max-width: 400px;
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.extension {
  width:35px;
  height:35px;
  background-repeat: no-repeat;
  background-size: 100%;
  margin:5px;
}

.extension-ai {
  background-image: url('../images/extensiones-01.png');
}

.extension-eps {
  background-image: url('../images/extensiones-02.png');
}

.extension-cdr {
  background-image: url('../images/extensiones-03.png');
}

.extension-dxf {
  background-image: url('../images/extensiones-04.png');
}

.extension-dwg {
  background-image: url('../images/extensiones-05.png');
}

.mail-icon {
  background-image: url('../images/iconocorreo.png');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.triangulo-gris {
  background-image: url('../images/triangulo-gray.png');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin-left: 7.5vw;
  margin-right: 5px;
}

.mail-gris {
  background-image: url('../images/mail-gray.png');
  background-size: 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 18px;
  margin-left: 7.5vw;
  margin-right: 5px;
}

.bg-dicotomia-contacto {
  background: #D8D9DE !important;
  width: 100% !important;
  max-width: 250px;
}

.contacto-text {
  color: #385768;
}

#contacto .col  {
  min-width: 200px;
}

.contacto-input {
  max-width: 250px;
}

.messenger {
  width: 62px;
  height: 62px;
  overflow: hidden;
  position: fixed;
  bottom: 6px;
  right: 6px;
  z-index: 1100;
  -webkit-box-shadow: 0 0 4px 1px #303030;
  box-shadow: 0 0 4px 1px #303030;
}

.messenger-btn {
  width: 100%;
  height: 100%;
  background-image: url('../images/messenger-dicotomia.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}