/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
body:after{
 display:none;
 content:
   url('/site_assets/img/icons/rs-instagram-neutral.png')
   /* url('/site_assets/img/icons/rs-twitter-neutral.png') */
   /* url('/site_assets/img/icons/rs-linkedin-neutral.png') */
   url('/site_assets/img/icons/rs-fb-neutral.png');
}
html {
  font-family: 'Gudea', sans-serif !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
body p, body section, body footer, body .contact-form {
  font-family: 'Gudea', sans-serif !important;
  font-size: 20px;
  line-height: 25px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  text-decoration: none;
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
  color: #f88248 !important;
  /* font-weight: bolder; */
  text-decoration: none !important;
}
.mainNav a:hover {
  font-weight: inherit !important;
}

.contact-form p > a:hover{
  font-weight: bolder !important;
  color: white !important;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 800 !important;
}
dfn {
  font-style: italic;
}

h1, h2, h3, h4, h5 {
  font-family: 'Gudea', sans-serif !important;
}

h1 {
  font-size: 3rem !important;
  font-weight: 700 !important;
}


h2 {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
}

.mainHeader .mainNav-item a:hover {
  color: #f88248 !important;
}

.mainHeader .mainNav .active {
  color: #f88248;
}

h4{
  font-size: 1rem !important;
  text-transform: uppercase !important;
}

mark {
  background: #ff0;
  color: #444444;
}
/* small {
  font-size: 80%;
} */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: 'Gudea', sans-serif !important;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}


*,
:before,
:after {
  box-sizing: border-box;
}

.text {
  color: #444444;
  line-height: 1.75;
}
.title__small {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1.125;
  font-weight: 600;
}
.title__small {
  font-size: 1.5rem;
  font-weight: 700;
}
.title__white {
  color: #fff;
}

.btn,
.btn__lang,
.btn__send {
  display: inline-block;
  margin: 0;
  text-align: center;
  text-decoration: none;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid #fff;
  border-radius: 50px;
  color: #fff;
  transition: 300ms all ease-in-out;
}
.btn:hover,
.btn__lang:hover,
.btn__send:hover {
  background-color: #fff;
  color: #025595;
}
.btn__lang,
.btn__send {
  background-color: #1bb1e7;
  color: #fff;
}
.btn__lang:hover,
.btn__send:hover {
  color: #fff;
  background-color: #025595;
}
.btn__send {
  font-size: 1rem;
  padding: 0.25rem 1.5rem;
}
.mainLogo {
  display: inline-block;
  width: 250px;
  text-decoration: none;
}
.mainLogo img {
  display: block;
  width: 60%;
}

.mainHeader {
  height: 5em;
  padding-left: 4em;
  /* padding-left: calc(50% - (1200px / 2)); */
  /* padding-right: calc(50% - (1200px / 2)); */
  /* box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); */
  position: fixed;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  z-index: 10;
  background-color: #FFF;
  background-size: 60%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.custom-close-menu{
  position: absolute;
  top: 0;
  right: 0;
}

.mainNav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: 'Gudea', sans-serif !important;
  font-weight: 500;
  margin-right: 2em;
  font-size:1.2rem !important;
}

.flags {
  width: 100px;
  margin: 0 3em;
}

.flag-container{
  width: 25px;
  float: left;
  margin: 0 5px;
  height: auto;
  position: relative;
}

.flag-overlay{
  width: 25px;
  height: 20px;
  position: absolute;
  top: 5px;
}

.flag-container .active{
  background-color: #fbfbfbb5;
}

.flag-container .active:hover{
  background-color: #fbfbfbb5;
  opacity: 0;
}

.mainNav a:hover{
  color: #f88248;
}
@media only screen and (max-width: 1200px) {
  .mainNav {
    display: none;
  }
}
.mainNav-item {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-decoration: none;
  color: #444444;
  margin-right: 1em;
  margin-left: 1em;
  /* transition: 250ms top ease-in-out; */
  transition: 300ms all ease-in-out;
}

@media only screen and (max-width: 1200px) {
  .btn__lang {
    display: none;
  }
}
.mainNav-trigger {
  display: none;
  color: #f86948 !important;
  text-decoration: none;
  font-size: 2.5rem;
  line-height: 1;
  margin-right: 1em;
}
@media only screen and (max-width: 1200px) {
  .mainNav-trigger {
    display: block;
  }
}
.mainNav__mobile {
  box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);
  position: fixed;
  right: -90%;
  padding-top: 65px;
  width: 90%;
  height: 100vh;
  background-color: #f86948;
  text-align: left;
  padding-left: 3em;
  z-index: 11;
}
.mainNav__mobile-item {
  font-family: 'Gudea', sans-serif !important;
  padding-top: .5em;
  padding-bottom: .5em;
  text-decoration: none;
  color: white;
  display: block;
  font-size: 1.5em;
}
.mainNav__mobile-item.active {
  color: white;
  font-weight: bolder;
  background-color: #f88248;
  border: 0;
}

.mainNav__mobile-item :hover{
  color: white;
  font-weight: bolder;
}
.mainNavMobile a:hover {
  color: white !important;
  font-weight: bolder;
}

.bottom-nav{
  width: 100%;
  position: absolute;
  height: auto;
  border-top: solid 1px white;
  bottom: 17%;
  margin: -3em;
  padding-top: 3em;
}

.bottom-nav p{
  font-size: 25px;
  color: white;
  margin: 0 0 2em 2em;
}

.bottom-nav .white-round-button{
  margin-left: 3em;
}
.wrap {
  position: relative;
}


.wrapper{
  overflow: hidden;
}

.wrapper-full-page {
  overflow: hidden;
  margin: 0;
  height: 100%;
}



@media only screen and (max-width: 900px) {
  .white-round-button, .orange-round-button{
    font-size: .7em !important;
  }
}



.main-color{
  color: #f86948;
}

.main-background{
  background-color: #f86948;
}

.white-background{
  background-color: white;
}

.gray-background{
  background-color: #dfdfdf;
}

.white{
  color: #fff;
}

.center {
  text-align:center;
  margin:auto;
}

.contact-form{
  background-color: #e10007;
  padding: 2em 5em 3em 5em;
}
.contact-form input, .contact-form textarea{
  width: 100%;
  margin: 1em;
  padding: .7em;
  border: none;
}
.contact-form .white-text{
  margin-top: 3em;
  color:white;
}

.contact-form .white-text p{
  margin-top: 2em;
}

.contact-form .cr-select{
  margin: 1em;
  width: 100%;
  height: 60%;
  border-radius: 0px !important;
  border: none;
}

.contact-form a{
  color: inherit;
  text-decoration: underline;
}

.contact-form a:hover{
  color: inherit;
}

.contact-form select:invalid, .contact-form select:[disabled], .contact-form select:disabled{
  color: #b6b6b6 !important;
}

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b6b6b6;
  font-size: 16px;
  padding-left: 10px;
}

.contact-form span {
  margin-left: 1em;
  color: white;
}

.contact-form .invalid {
  border: #ff000073 solid 4px;
  box-shadow: 0 0 10px #ecd9d9;
}

.submit-button{
  margin: 1em 2em;

}

.white-round-button, .orange-round-button{
  font-size: 16px !important;
}

/* .submit-button .white-round-button{
  border-radius: 25px;
  padding: 1em 4em;
  border: solid 1px white;
  color: white;
  text-decoration: none;
} */

.orange-round-button{
    border-radius: 25px;
    padding: 1em 2em;
    background-color: #f86948;
    color: white;
    text-decoration: none;
}

.orange-round-button:hover{
  background-color: #f88248 !important;
  color: white !important;
  border: none;
}

.no-border{
  border:none !important;
}

.no-border-hover:hover{
  border:none !important;
}

.white-round-button{
  border-radius: 25px;
  padding: 1em 2em;
  background-color: #f86948;
  border: 1px solid white;
  color: white;
  text-decoration: none;
}

.white-round-button:hover{
  border: none;
  background-color: white;
  color: #f88248 !important;
}

.gray-round-button{
    border-radius: 25px;
    padding: 1em 2em;
    border: solid 1px #ccc;
    color: #ccc;
    text-decoration: none;
}

.gray-round-button:hover{
  border: solid 1px #ccc;
  color: #ccc !important;
  font-weight: normal !important;
}

.transparent-round-button{
  border-radius: 25px;
  padding: 1em 2em;
  border: 1px solid white;
  color: white;
  text-decoration: none;
}

.transparent-round-button:hover{
  border: none;
  background-color: white;
  color: #f88248 !important;
}

footer{
  background-color: #dfdfdf;
  padding: 4em 4em 3em 4em;
}

footer ul{
  margin-top: 1em;
  margin-left: -2.5em;
  list-style: none;
}

footer ul li{
  margin-bottom: 1em;

}

footer .social-icons li{
  float: left;
}

footer ul li img{
  width: 40px;
  margin-right: 1em;
}

footer p{
  margin-top:3em;
  font-size: 14px;
}

footer ul li a {
  color: black !important;
}

.bottom-footer{
  background-color: #dfdfdf;
  border-top: solid 1px white;
  margin: 0 2em;
  padding: 2em;
}

.bottom-footer a{
  float: right;
}

.social-list .social-icon{
  margin: 0 0 0 -1em;
}

.qga-twitter{
  width:70px; height:70px; background-image: url('/site_assets/img/icons/rs-twitter-neutral.png'); background-size:cover;
}
.qga-twitter:hover{
  background-image: url('/site_assets/img/icons/rs-twitter-activo.png');
}

.qga-facebook{
  width:70px; height:70px; background-image: url('/site_assets/img/icons/rs-fb-neutral.png'); background-size:cover;
}
.qga-facebook:hover{
  background-image: url('/site_assets/img/icons/rs-fb-activo.png');
}

.qga-social-icon{
  margin: 5px;
  color: #f86948 !important;
}

.qga-social-icon:hover{
  color: #f88248 !important;
}

.qga-instagram{
  width:70px; height:70px; background-image: url('/site_assets/img/icons/rs-instagram-neutral.png'); background-size:cover;
}
.qga-instagram:hover{
  background-image: url('/site_assets/img/icons/rs-instagram-activo.png');
}

.qga-linkedin{
  width:70px; height:70px; background-image: url('/site_assets/img/icons/rs-linkedin-neutral.png'); background-size:cover;
}
.qga-linkedin:hover{
  background-image: url('/site_assets/img/icons/rs-linkedin-activo.png');
}

/* Inputs */

.input-field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    -webkit-appearance: none;
}
.input-field:focus {
    outline: none;
}


/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1100px) {
  .upper-image-banner {
    background-attachment: scroll;
  }
}

/* .background-layer{
  width: 100%;
  height: 100%;
  background-color: #00000048;
  position: absolute;
  z-index: 90;
} */

.upper-text-banner{
  width: 100%;
  min-height: 8em;
  height: auto;
  margin: 8em 4em 2em;
}

.banner-principal, .services-banner{
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.slide-inner-text{
  padding: 5em;
}


.swiper-slide > .swiper-call-to-action{
  padding-left: 5em;
}

.subtitle{
  margin: 1em 0;
}

.gray-background .subtitle {
  padding-top: 1em;
  margin-bottom: -1em;
}

.generic-banner, .white-section{
  width: 100%;
  height: auto;
  margin: 5em 2em 5em 4em;
}

.generic-banner2{
  width: 100%;
  height: auto;
  padding: 5em 2em 5em 4em;
}

.swiper-inner-image{
  margin-top: 1em;
  margin-left: 6em;
  margin-right: -6em;
}

.swiper-inner-image img{
  width: 35% !important;
}

.swiper-call-to-action{
  margin-top: 2em;
}

.bold-paragraph{
  margin: 0 2em 2em 0;
  font-weight: 600;
}

.text p{
  margin: 0 12em 0 0;
}

.bold-paragraph, .bold-paragraph p {
  font-size: 2em !important;
  line-height: normal;
  font-weight: 700;
}

.inner-text .bold-paragraph{
  padding: 4em 2em 0 2em;
}

.inner-text p{
  padding: 0 3em;
}

.inner-text2{
  margin: 0 5em 0 0;
}


.inner-swiper{
  padding: 2em 4em;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 6% !important;
}

.industrias-bullets{
  margin-left: 4em;
  font-size: 1.3em !important;
  font-family: 'Gudea', sans-serif !important;
}

.mail-main{
  text-decoration:none;
  color: #f86948;
}

.mail-white{
  text-decoration:underline;
  color: white;
}

.mail-white:hover{
  color: white !important;
}

.form-inputs{
  padding: 0 4em;
}

.form-input-wrapper{
  padding: 0em 5em;
}

.form-input-wrapper span{
  color: #f88248;
}

.qga-input{
  width: 100%;
  margin: .5em 0 1em 0;
  padding: .7em;
}

.qga-textarea{
  width: 100%;
  margin: .5em 0 1em 0;
  padding: .7em;
  height: 200px;
  border: solid 1px #d8d8d8;
}

.bkr-index-logo{
  text-align: left;
}

.duvalin-section-inner-text{
  padding: 4em !important;
}

.duvalin-section-inner-text ul{
  padding-left: 8em;
}

@media (max-width: 1300px) {

  .inner-swiper .bold-paragraph{
    margin-bottom: 1em !important;
  }

  .swiper-inner-image{
    margin-top: 2em;
  }

  .duvalin-section-inner-text ul{
    padding-top: 4em;
    padding-left: 4em;
  }

}

/********************** Extra Small Devices **************************/

@media (max-width: 767px) {

  .mainHeader {
    padding-left: 1em;
  }

  .banner-principal, .services-banner{
    height: 550px;
  }

  .slide-inner-text{
    padding: 5em 2em;
  }

  .swiper-slide > .swiper-call-to-action{
    padding-left: 0;
  }

  .swiper-inner-image{
    width: 40% !important;
    margin-top: 0;
  }

  .swiper-inner-image img{
    width: 100% !important;
  }


  .swiper-call-to-action{
    margin: auto;
    text-align: center;
    width: 100% !important;
    padding-top: 3em;
  }

  .bkr-index-logo{
    text-align: center;
  }

  .conoce-qga{
    margin: 3em auto 2em;
    text-align: center;
  }

  .bold-paragraph{
    margin: 0 1em 1em 0;
    font-size: 1.5em !important;
  }

  .upper-text-banner{
    margin: 7em 1em 2em 1em !important;
    padding: 0 2em 0 0 !important;
  }

  .generic-banner, .white-section {
    margin: 0 !important;
    padding: 2em !important;
  }

  .generic-banner2{
    padding: 0em 1em 1em 2em !important;;
  }

  .inner-swiper{
    padding: 1em 4em 1em 1em !important;
  }

  .inner-swiper .bold-paragraph {
    margin-right: 0em !important;
  }

  .inner-text .bold-paragraph{
    padding: 0;
  }

  .inner-text p{
    padding: 0;
  }

  .gray-background .subtitle {
    padding-top: 0;
    margin: 1em 0;
  }

  .bottom-footer{
    text-align: center;
  }
  .bottom-footer a{
    float: none;
  }

  .duvalin-section-inner-text ul{
    padding-left: 4em !important;
  }

  /* Nosotros */

  .banner-w-img {
    height: auto !important;
  }

  .banner-w-img .inner-text{
    padding: 2em 3em;
  }

  .trabajar-con-nosotros h2{
    padding: 1.5em !important;
    margin: auto;
    text-align: center;
    font-size: 3em;
  }

  .industrias-bullets{
    margin-left: 0 !important;
  }

  .form-inputs{
    padding: 1em 0;
  }

  .qga-input{
    border: solid 1px #d8d8d8;

  }

  .qga-textarea{
    border: solid 1px #d8d8d8;
  }

  footer{
    background-color: #dfdfdf;
    padding: 2em;
  }

  footer ul{
    /* margin-left: 0; */
  }

  footer .upper-footer {
    text-align:left;
  }

  footer .upper-footer .row {
    margin: auto;
  }

  footer .footer-menu{
    margin-left: -2.2em;
  }

}
/********************** Extra Small Devices **************************/