body, html {
  height: 100%;
  margin: 0;
  color: #2c2c2c;
  font-family: 'Montserrat', sans-serif;
  background-color:  #ffffff;
}

* {margin: 0; font-family: 'Montserrat', sans-serif;}

.logo-menu img {width: 40%;}
.redes-menu {margin-top:  20px;}
.bg-light {  background-color: transparent !important;}

.font-weight-bold {font-weight: 900;}
.font-weight-light {font-weight: 100;}
.padding5050 {padding-top:  100px; padding-bottom: 100px;}

.background-white {background-color: #ffffff;}
.background-gray {background-color: #f5f5f5;}
.background-gray-hard {background-color: #2c2c2c;}
.background-red {background-color: #fe0f00;}

.text-black {color: #000000;}
.text-white {color: #ffffff;}
.text-gray {color: #a0a0a0;}
.text-red {color: #fe0f00;}

.sombra-texto {text-shadow: rgba(0, 0, 0, 0.5) 1px 0 20px;}
.montserrat {font-family: 'Montserrat', sans-serif;}

.navbar .nav .nav-item .nav-link {
    position: relative;
    padding: 0;
    color: #141414;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0px;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
}

.navbar-dark .navbar-toggler {color: #2c2c2c;border-color: #2c2c2c;}
.navbar-toggler {background-color: #2c2c2c}

.navbar-fixed, .navbar-sticky.navbar-sticky-apply {
    background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);
    color: #2c2c2c;
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {color: #2c2c2c;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: #000000;}
.nav-item {padding: 0px 5px;}
.nav-link i {margin-top: 5px;}
.icon-fb {color: #3b5998;}
.icon-wh {color: #25D366;}

.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #F5F5F5;
}

.margin-menu-link {margin-top:  5px;}

.btn-top-cotizar {
  background: #49A5FB;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #49A5FB, #006DFB);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #49A5FB, #006DFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 20px;
  padding: 5px 20px;
  border: 0;
  color: #ffffff;
  margin-right: -50px;
  -webkit-transition: box-shadow 1s ease-out;
  -moz-transition: box-shadow 1s ease-out;
  -o-transition: box-shadow 1s ease-out;
  transition: box-shadow 1s ease-out;
}

.btn-top-cotizar:hover {box-shadow: rgba(0, 0, 0, 0.5) 1px 0 20px;}

.menu-fixed {
  position:fixed;
  z-index:1000;
  top:0;
  /*max-width:1000px;*/
  left:0;
  width:100%;
  box-shadow: rgba(0, 0, 0, 0.5) 1px 0 20px;
  background-color: #f5f5f5;
}

.position-middle {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}

.bg-size {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.btn-general-rojo {
  padding: 10px 15px;
  letter-spacing: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 0 20px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  background-color:  #fe0f00;
  border-radius: 0px;
  text-transform: uppercase;
  color: #ffffff;
}

.btn-general-rojo:hover {
  cursor: pointer;
  background-color: #8f140c;
  color: #ffffff;
}

.btn-general-negro {
  padding: 10px 15px;
  letter-spacing: 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 0 20px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  background-color:  #2c2c2c;
  border-radius: 0px;
  text-transform: uppercase;
  color: #ffffff;
}

.btn-general-negro:hover {
  cursor: pointer;
  background-color: #000000;
  color: #ffffff;
}

.margin-bottom-50 {margin-bottom: 50px;}
.margin-top-50 {margin-top: 50px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-top-20 {margin-top: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-top-30 {margin-bottom: 30px;}

/* ==========  Select Field Variables ========== */
/* ==========  Select Field ========== */
/* Style Select Field */
select {
  background-color: transparent;
  padding: 4px 0;
  font-size: 16px;
  color: #ffffff;
  border: none;
  border-bottom: 1px solid #ffffff;
  width: 100%;
}

/* Remove focus */
select:focus {
  outline: none;
}

/* Hide label */
.mdl-selectfield label {display: none;}

/* Use custom arrow */
.mdl-selectfield select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.mdl-selectfield:after {
  position: absolute;
  top: 0.75em;
  right: 0.5em;
  /* Styling the down arrow */
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: .25em solid transparent;
  border-right: .25em solid transparent;
  border-top: 0.375em solid #ffffff;
  pointer-events: none;
}

.go-up {
  display:block;
  padding:10px;
  font-size:46px;
  color:black;
  cursor:pointer;
  position: fixed;
  bottom:25px;
  right:25px;
}

/* HOME */
.container-header {
  height: 100vh;
  width: 100%;
  background-image: url(../images/BG/bg-header-home.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.transparent-header {
  color: rgba(255,255,255,0.1);
  font-weight: 700;
  text-transform: uppercase;
}

.borde-right-red {border-right:  red solid 10px; height: 40px; margin-bottom: 10px;}
.title-marcas {text-transform: uppercase; font-size: 12px; letter-spacing: 2px; margin-bottom: 20px;}
.titles span {font-size: 14px; font-weight: 500; letter-spacing: 2px;}
.titles3 {color: #ffffff; font-weight: 700; letter-spacing: -2px; font-size: 52px; line-height: 0.9; margin-bottom: 20px;}
.titles3 span {font-size: 14px; font-weight: 500; letter-spacing: 2px; color: #ffffff;}

.borde-top-gray {border-top: #565656 solid 1px; padding-top: 50px;}
.borde-top-gray2 {border-top: #e5e5e5 solid 1px; padding-top: 50px;}
.borde-bottom-gray {border-bottom: #565656 solid 1px; padding-bottom: 50px;}
.borde-bottom-gray2 {border-bottom: #e5e5e5 solid 1px; padding-bottom: 50px;}

.icons-bullets {text-transform: uppercase; letter-spacing: 2px; font-weight: 200; font-size: 12px;}
.icon-white {
  margin-bottom: 20px;
  background-color:  white;
  padding: 20px;
  text-align: center;
  font-size: 36px;
  box-shadow: -18px 15px 17px -12px rgba(0,0,0,0.16);
}

.card {
  background-color: #ffffff;
  box-shadow: -18px 15px 17px -12px rgba(0,0,0,0.16);
  border-radius:  10px 10px 0px 0px;
}

.card {text-decoration: none;color: #000000;}

.card-body {padding: 30px; font-size: 12px;}
.card-title {text-transform: uppercase; margin-bottom: 20px; font-size: 10px; font-weight: 700;}
.margin-card {margin-top: 50px;}
.card-img-top {border-radius: 10px 10px 0px 0px;}

.footer {padding: 50px 0px; font-size: 12px; text-align: center}
.footer a {color: #ffffff; text-align: center; padding: 0px 5px;}

.padding-footer {padding: 10px 0px; text-align: right;}
.border-footer {border-bottom: #fe0f00 solid 1px;}
.links-footer {text-transform: uppercase; font-size: 10px; color: #ffffff; text-align: right;}
.logo-footer img {width: 15%; margin-top: -20px;}
/* HOME */

/* Nosotros */
.container-nosotros {
  height: 100vh;
  width: 100%;
  background-image: url(../images/BG/bg-header-nosotros.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.bg-second-nosotros {
  width: 100%;
  background-image: url(../images/img-nosotros-01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.list ul li {list-style: none;}

.list ul li::before {
  content: "\2022";
  font-weight: 900;
  display: inline-block;
  width: 0.7em;
  color: #FF0600;
}

.bullets-gente{
  margin-top: 30px;
  border: #565656 solid 1px;
  border-radius: 0px 0px 10px 0px;
  font-weight: bold;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.bullets-gente:hover{
  background-color: #565656;
  color: white;
}

.bullets-gente i {
  margin-bottom: 20px;
  color: #FF0600;
}

.correo-contacto a {
  color: #a0a0a0;
  text-decoration: underline;
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

.correo-contacto a:hover {color: #FF0600;}

.map-container{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

.map-container iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.card2 {
  background-color: #ffffff;
  box-shadow: -18px 15px 17px -12px rgba(0,0,0,0.16);
  border-radius:  10px 10px 0px 0px;
}

.card2 {
  text-decoration: none;
  color: #000000;
  -webkit-transition: box-shadow 1s ease-out;
  -moz-transition: box-shadow 1s ease-out;
  -o-transition: box-shadow 1s ease-out;
  transition: box-shadow 1s ease-out;
}

.card2:hover {box-shadow: -18px 15px 17px -12px rgba(0,0,0,0.36);}
.card-body {padding: 30px; font-size: 12px;}
.card-title {text-transform: uppercase; margin-bottom: 20px; font-size: 10px; font-weight: 700;}
.card-img-top {border-radius: 10px 10px 0px 0px;}
/* Nosotros */

.footer {border-top: #454545 solid 1px;}
.img-gente {width: 30%;}

.contacto-footer-movil {font-size: 12px;}
.footer, .links-footer {font-size: 14px;}

.logos-home img {
  filter: grayscale(100%);
  -webkit-transition: filter 1s ease-out;
  -moz-transition: filter 1s ease-out;
  -o-transition: filter 1s ease-out;
  transition: filter 1s ease-out;
}
.logos-home img:hover {filter: grayscale(0%);}