html{ scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

body {
 
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  width: 100%;
  font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-family: Roboto;


text-align: center;
letter-spacing: 0.2px;

/* light text */

color: #FFFFFF;


}

.navbar {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.navbar.scrolled {
  background: rgb(68, 68, 68); 
  background: rgba(34, 34, 34, 0.78);
}

.row:before, .row:after {display: none !important;}


.nav-link {
  display: block;
  padding: 0px;
  cursor: pointer;
}

/* .bootstrap-select{   border: 1px solid #C4101A
 
} */




#contact_form_div #contact_label {

  margin-bottom: 30px;
  font-size: 25px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

/* #contact_form_div input[type="text"] {
  margin-left: 10px;
  width: 400px;
  height: 50px;
  border-radius: 2px;
  font-size: 17px;
  border: 1px solid #C4101A;
  border-radius: 10px;
} */

/* #contact_form_div textarea {
  width: 630px;
  height: 100px;
  font-size: 17px;
  border-radius: 2px;
  font-size: 17px;

  border: 1px solid #C4101A;
  border-radius: 10px;
}

#contact_form_div input[type="submit"] {
  width: 230px;
  height: 40px;
  border: none;
  border-radius: 2px;
  font-size: 17px;
  background-color: #85C1E9;
  border-bottom: 3px solid #3498DB;
  color: #1B4F72;
  font-weight: bold;
} */



#footer {
  /* display: flex; */
  text-align: center;
  background: black;
  color: white;
}

#footer h1 {
    /* padding-top: 30px; */
  display: flex;
  justify-content: flex-start;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 65px;
  margin: 0px;
  padding-left:50px;
  padding-right:50px;
  text-align: center;
  letter-spacing: 0.5px;
  font-feature-settings: 'salt'on, 'liga'off;
  color: #FFFFFF;
}

.info  {
  display: flex;
  text-align: center;
  background: black;
  color: white;
  height: 83px;
  width: 100%;
}

.info img {
  margin: 10px;
  height: 40px;

}


@media (max-width:700px){
  .carousel-item {
      width: 100%;
      image-rendering: auto !important;
      image-rendering: crisp-edges !important;
      image-rendering: pixelated !important;
    
      /* Safari seems to support, but seems deprecated and does the same thing as the others. */
      image-rendering: -webkit-optimize-contrast !important;
}
}

.phone img {
  width: 50px;
  align-items: center;
  margin-left: 100px;
  text-align: center;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}

.eje img{
  position: relative;
  margin-top:   -150px;
}

.phone p {
  text-align: center;
  color: red;
}

.direccion p {
  text-align: center;
  color: red;
}

.direccion img {
  align-items: center;
  width: 50px;

  margin-left: 100px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}



.rowOne{
  width: 100%;
}


.col{

  display: flex; 
  justify-content: center; 
 margin-bottom:30px;
}

.background img{
  height:110vh;
  margin-top:50px;
  width:50%;
  position: absolute;
}



.row {
  padding-top:20px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-right: 200px;
  margin-left: 200px; */
  margin-top: -100px;

}


.cotizacion h2{
  margin-top:50px;
  font-family: Mulish;
font-style: normal;
font-weight: bold;
font-size: 38px;
line-height: 56px;
text-align: center;
color: #494949;
mix-blend-mode: normal;
}



.colSelect button{
  border: 1px solid #C4101A;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background: #fff;
  background-color: #fff;
  border-radius: 10px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 19px;
  outline: none !important;
  overflow: hidden;
  text-overflow: '';
  height: 80px;
  padding: 10px;
  /* background: url(assets/images/redArrow.svg) no-repeat right #fff; */
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline-style: none !important;
  text-align: center;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  /* color: #333 !important; */
  background-color: #fff !important;
  border-color: #C4101A !important;
  border-radius: 10px;
  outline: none !important;
  outline-style: none !important;
}
.btn-default:hover {
  /* color: #333 !important; */
  background-color: #fff !important;
  border-color: #C4101A !important;
  border-radius: 10px;
  outline: none !important;
  outline-style: none !important;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
  /* color: #333 !important; */
  background-color: #fff !important;
  border-color: #C4101A !important;
  border-radius: 10px;
  outline: none !important;
  outline-style: none !important;
}


.btn.focus, .btn:focus {
  /* outline: 0; */
  box-shadow: none;
}

.btn-default.focus, .btn-default:focus {
    color: #000000 !important;
    background-color: #C4101A;
    border-color: #C4101A !important;
}

.open>.dropdown-toggle.btn-default {
  color: #000000 !important;
  background-color: #fff !important;
  border-color: #C4101A !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  background-color: #fff !important;
  outline: thin dotted #C4101A!important;
  outline: 1px  -webkit-focus-ring-color!important;
  outline-offset: 0px !important;
  outline-style: none !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  color: #000000 !important;
  text-decoration: none;
  background-color: #fff !important;
  outline: 0;
}

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  color: #C4101A;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.dropdown-toggle::after {
  color: #C4101A;
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}


.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
   height: 50%; 
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%; 
}

.formContainer{
  margin-left: 300px;
  margin-right: 300px;
  display: flex;
  justify-content: center;
}

@media(max-width:1200px){
  .formContainer{
    margin-left: 100px;
    margin-right: 100px;
  }
}


.formContainer input{
  height: 80px;
  display: flex;
  justify-content: center;
  position: relative;
    display: block;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #495057; */
    background-color: #fff;
    border: 1px solid #C4101A;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.modal-content input {
  height: 80px;
  display: flex;
  justify-content: center;
  position: relative;
    display: block;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #495057; */
    background-color: #fff;
    border: 1px solid #C4101A;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.form-control:focus {
  border-color: #C4101A !important;
  box-shadow: none !important;
}

.modal-fade{
  width: 500px;

}

#mymodal{
  width: 500px;
}

.modal-dialog{
width: 500px;
}


.modal-body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  margin-right: 0px;
}

.modal-body textarea{

  padding-top:15px;
  font-size: 1.4em;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #C4101A;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.formContainer:focus {
  border: 1px solid #C4101A;
  box-shadow: none;
} 


.row input {
  height:80px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  /* color: #495057; */
  background-color: #fff;
  border: 1px solid #C4101A;
  border-radius: 10px;
 
}

.ButtonModal{
  display: flex;
  justify-content: center;
  margin-top:30px;
  margin-bottom: 30px;
  margin-left: 20px;
}

.flexButton{
  display: flex;
  justify-content: center;
  margin-top:30px;
  margin-bottom: 30px;
  margin-left: 20px;
}

.EnviarButton{
  position: sticky;
  width: 159px;
  height: 52px;
  right: 39px;
  background: #C4101A;
  box-shadow: 0px 4px 31px rgba(0, 0, 0, 0.15);
  border:none;
  font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.2px;
color: #FFFFFF;


}

.WrapCards {

  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  align-items: flex-start;
  padding: 20px;
  width: 276px;
  height: 246px;
  left: 0px;
  top: 0px;
  text-align: left;
  background: #FCFCFC;
  box-shadow: 0px 18px 58px 16px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;


}

.rowOne {
width:100vw;
}


.WrapCards img{
  position: static;
width: 36px;
height: 36px;
left: 24px;
top: 24px;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;
}

.wrapsectionnumber{
  width: 100%;
  display: flex !important;
  justify-content: center !important;
}

.wrapnumber{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.wrapnumber a{
font-size: 17px;

}

.wrapnumber h4{
  padding-right:5px;
  color: #000000 !important;
  font-weight: 400;
  text-decoration: none !important;
  text-decoration-color: #000000 !important;
  -webkit-text-decoration-color: #000000 !important;
}


.WrapCards h3{
  height: 22px;
  left: 0%;
  right: 13.81%;  
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.5px;
  color: #363940;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 10px 0px

}


.formContainerModal{
  display: flex;
  justify-content: center;
  
  
}

@media(max-width:1200px){
  .formContainerModal{
    margin-left: 100px;
    margin-right: 100px;
  }
}



.formContainerModal input{
  height: 80px;
  display: flex;
  justify-content: center;
  position: relative;
    display: block;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #C4101A;
    border-radius: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}




#text {
  display: flex;
  align-items: center;
  text-align: justify;
 
  margin: 0px 0px 0px 80px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  
}

@media (max-width:767px){
.modal .modal-dialog {
  position: relative;
  width: 100%;
  margin: auto;
}
.modal{
padding: 0px !important;
}
}

@media (max-width:1100px){
  #text{
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width:1100px){
   h1{
  
    flex-direction: column;
   
  
  }
}


#text p {
  padding: 30px 50px 50px 50px;

}

#imgfooter{
  display: flex;
justify-content:flex-end ;
width: 80%;
}


#imgfooter img {

  width: 100%;
  height: 600px;
  border-bottom-left-radius: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width:1100px){
  #imgfooter img {

   width: 100%;
    height: 500px;
    border-bottom-left-radius: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
  }
}





.WrapInfo .info{
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 6px;
text-align: center;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}

.info img {
  margin-left:40px;
  
}



#phonedir{
  display:flex;
  justify-content: center;
}


.carousel-item img{
  width:50%;

}



.ejecutivo img{

  margin-top: -30px;
  margin-bottom: 130px;
  width: 50%;
  height:100px;
}


.logoFooter img{
width: 100%;
height: 80px;
object-fit: contain;

}


@media(max-width:767px) {
  .logoFooter  {
    width: 100%;
    height: 80px;
    object-fit: contain;

  }
  }


.input-group[class*=col-] {
  float: none;
  padding-right: 5px !important;
  padding-left: 5px !important;
}



.bootstrap-select .dropdown-toggle .caret {
  display: none;
}

.row-cols-lg-4>* {
  -ms-flex: 0 0 25%;
  flex: 0 0 21%;
  max-width: 21%;
}

@media only screen and (min-width:1285px) and (max-width:1530px) {

.formContainer input {
  padding:5px;
}
.formContainer select  {
  font-size: 14px !important;
  padding:5px;
    } 

.formContainer {
  margin-left: 170px;
  margin-right: 170px;
  }


}

.row-cols-lg-4>* {
  -ms-flex: 0 0 25%;
  flex: 0 0 21%;
  max-width: 21%;
  margin: 0 5px;
  margin-bottom:30px;
}

/* .WrapCards {
  margin-right: 180px;
  margin-left: 180px;
} */


@media only screen and (min-width:767px) and (max-width:1284px) {

  .row-cols-md-2>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 40%;
    max-width: 43%;
}


  .WrapInfo .info{
    display:flex;
    justify-content: center;
    padding-left:80px;
  }
  #imgfooter{
    display: flex;
  justify-content:flex-end ;
  width: 100%;
  }



  #footer h1 {
    padding-top: 30px;
  }

  .row {
    margin: 0px !important;
  }

  .logoFooter  {
    width: 100%;
    height: 80px;
    object-fit: contain;

  }

  .carousel-item img{
    width:100%;

  
  }
  
  .form-row{
   display: flex;
   justify-content: center;
  }

.formContainer {
  
    margin-left: 90px;
    margin-right: 90px;
  }

  .formContainer button  {
    font-size: 16px !important;
    padding-left: 10px;
      }

      .formContainer input {
        padding:5px;
        font-size: 16px !important;
      }

      .formContainer textarea  {
        padding-left:10px;
        font-size: 17px !important;
      }

  .ejecutivo img {
    position: relative;
    margin-top: 0px;
    margin-bottom: 100px;
    width: 90%; 
    height:77px;

}




  #footer h1 {

    font-size: 38px;

  }

  
  #text p {
    font-size: 17px;
  }

#phone {
  display:none;
}

#direccion{
  display:none;
}

#text{
  margin-left: 0px;
}

  #wrapper {
    width: 100%;
  }

  #wrapper h1 {
    font-size: 30px;
text-align: center;  }

  

  #contact_form_div {
    width: 100%;
    margin-left: 25%;
    padding-left: 0px;
    padding-right: 0px;
  }

}

@media only screen and (min-width:400px) and (max-width:766px) {

  .row-cols-sm-1>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}

  .WrapInfo .info{
    display:flex;
    justify-content: center;
    padding-left:80px;
  }

  #imgfooter{
    display: flex;
  justify-content:flex-end ;
  width: 100%;
  }

  #footer h1 {
    padding-top: 30px;
  }

  .row {
    margin: 0px !important;
  }

  .ejecutivo img {
    position: relative;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 90%; 
    height:77px;
   
}


.logoFooter  {
  width: 100%;
  height: 80px;
  object-fit: contain;

}


.carousel-item img{
  width:100%;

}

    .formContainer {
        margin-left: 20px;
        margin-right: 20px;
      }
    

  #footer h1 {

    font-size: 38px;

  }

  #text p {
    font-size: 17px;
  }

#phone {
  display:none;
}

#direccion{
  display:none;
}
  #text{
    margin-left: 0px;
  }
  
  #wrapper {
    width: 100%;
  }

  #wrapper h1 {
    font-size: 30px;
  }

  #contact_form_div {
    width: 60%;
    margin-left: 20%;
  }

  #contact_form_div input[type="text"] {
    width: 80%;
  }

  #contact_form_div textarea {
    width: 80%;
  }

  #contact_form_div input[type="submit"] {
    width: 80%;
  }
}



@media only screen and (min-width:100px) and (max-width:399px) {

  .row-cols-sm-1>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}


  .WrapInfo .info{
    display:flex;
    justify-content: center;
    padding-left:80px;
  }


  #imgfooter{
    display: flex;
  justify-content:flex-end ;
  width: 100%;
  }

  

  #footer h1 {
    padding-top: 30px;
  }

  .carousel-item img{
    width:100%;
 
  }
  
  

  .row {
    margin: 0px !important;
  }

  .ejecutivo img {
    position: relative;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 95%; 
    height:77px;
}


    .formContainer {
        margin-left: 20px;
        margin-right: 20px;
      }
    

  #footer h1 {

    font-size: 31px;

  }

  #text p {
    font-size: 17px;
  }

#phone {
  display:none;
}

#direccion{
  display:none;
}
  #text{
    margin-left: 0px;
  }
  #wrapper {
    width: 100%;
  }

  #wrapper h1 {
    font-size: 25px;
  }

  #contact_form_div {
    width: 90%;
    margin-left: 5%;
    padding-left: 0px;
    padding-right: 0px;
  }

  #contact_form_div input[type="text"] {
    width: 80%;
  }

  #contact_form_div textarea {
    width: 80%;
  }

  #contact_form_div input[type="submit"] {
    width: 80%;
  }
}