/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loader-page {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white url(/wp-content/themes/Re9Beneficios/loader-re9-beneficios.gif) 0% 50% no-repeat;
  background-size: 80% auto;
  background-position: center;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loader-page {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   loader-page element will be visible */
body.loading .loader-page {
  display: block;
}

#masterhead {
  border: #DFDBE1 solid 1px;
}

@media (max-width: 768px) {
  body {
    width: 100%;
    height: 100%;
  }
  .slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 325px;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
  }
  .slideout-menu-left {
    left: 0;
  }
  .slideout-menu-right {
    right: 0;
  }
  .slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
    background-color: #FFF;
    /* A background-color is required */
    min-height: 100vh;
  }
  .slideout-open,
  .slideout-open body,
  .slideout-open .slideout-panel {
    overflow: hidden;
  }
  .slideout-open .slideout-menu {
    display: block;
  }
}

@media (min-width: 769px) {
  #sidebar {
    display: none;
  }
}

#sidebar .space-logo {
  height: 250px;
  border-bottom-left-radius: 100px;
}

#sidebar .menu {
  font-size: 18px !important;
  font-size: 1rem !important;
  line-height: 22px !important;
  line-height: 1.22222rem !important;
}

#sidebar .menu .menu-item {
  width: 100%;
  display: block;
}

#sidebar .menu .nav-link {
  padding: 10px;
  float: left;
}

#sidebar .menu .active {
  width: auto;
}

#sidebar .menu .active a {
  background-color: #12105B;
  border-radius: 50px;
  color: #fff;
  width: auto;
}

#panel {
  background-color: #fff;
}

#home .text-box {
  margin-top: -120px;
  z-index: 9999;
  position: absolute;
  right: 0px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 80px;
  width: 90%;
}

#home .text-box h1 {
  font-family: 'Bebas Neue', cursive;
  color: #18B5B1;
  font-size: 70px !important;
  font-size: 3.88889rem !important;
  line-height: 60px !important;
  line-height: 3.33333rem !important;
}

#home .text-box p {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 28px !important;
  font-size: 1.55556rem !important;
  padding: 0;
}

#home .btn-about {
  position: absolute;
  right: 0px;
  margin-top: 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  text-transform: uppercase;
  font-size: 18px !important;
  font-size: 1rem !important;
}

.animate-scroll {
  opacity: 0;
  padding-top: 80px;
  margin-top: 50px;
}

.animate-scroll.animated {
  opacity: 1;
  padding-top: 0;
  margin-top: 0;
}

.slider {
  position: relative;
}

.slider .slick-prev {
  position: absolute;
  left: 5%;
  z-index: 2;
}

.slider .slick-prev::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f104';
  font-size: 32px;
}

.slider .slick-next {
  position: absolute;
  right: 5%;
  z-index: 2;
}

.slider .slick-next::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f105';
  font-size: 32px;
}

.slider .slick-dots {
  bottom: -30px;
}

.slider .slick-dots li {
  margin: 0 2px;
  opacity: 1;
  height: 15px;
  width: 15px;
}

.slider .slick-dots li button {
  opacity: 1;
  height: 15px;
  width: 15px;
  padding: 0;
}

.slider .slick-dots li button::before {
  background-color: #DFDBE1;
  border-radius: 50%;
  content: "";
  opacity: 1;
  font-size: 12px;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider .slick-dots li.slick-active button {
  opacity: 1;
}

.slider .slick-dots li.slick-active button::before {
  background-color: #12105B;
  opacity: 1;
}

.btn-control {
  margin-top: -50px;
  z-index: 996;
  position: absolute;
  width: 100%;
}

.btn-control .btn {
  width: 52px;
  height: 52px;
}

#header-pages {
  height: 260px;
  background-size: cover;
  /*background-position: center center;*/
  border-bottom-left-radius: 100px;
}

#header-pages .title {
  font-family: 'Bebas Neue', cursive;
  font-size: 60px !important;
  font-size: 3.33333rem !important;
}

#content-pages p {
  font-size: 18px !important;
  font-size: 1rem !important;
  line-height: 40px !important;
  line-height: 2.22222rem !important;
}

#content-pages .content {
  border-bottom-left-radius: 50px;
}

#solutions-list {
  background-color: #18B5B1;
}

@media (min-width: 992px) {
  #solutions-list {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  #solutions-list {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  #solutions-list {
    margin-right: auto;
  }
}

#solutions-list .scrooller {
  display: block;
  width: 92% !important;
  float: right;
}

#solutions-list .solution-scroll {
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  cursor: grab;
}

@media (max-width: 768px) {
  #solutions-list .solution-scroll .col-6 {
    max-width: 160px !important;
  }
}

@media (max-width: 768px) {
  #solutions-list .solution-scroll .col-6 {
    margin-right: 15px;
  }
}

#solutions-list .solution-scroll::-webkit-scrollbar {
  display: none;
}

#solutions-list .area-solutions {
  background-color: #DFDBE1;
  border-bottom-left-radius: 50px;
  height: 250px;
  padding-top: 85px;
  margin-top: -115px;
}

#card-solution {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 40px;
  height: 115px;
}

#card-solution .title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px !important;
  font-size: 1rem !important;
}

#client-list .area-title {
  background-color: #18B5B1;
  border-bottom-left-radius: 50px;
  padding-top: 85px;
}

@media (max-width: 576px) {
  #client-list .area-title {
    height: 350px;
  }
}

@media (min-width: 992px) {
  #client-list .area-title {
    height: 210px;
  }
}

#client-list .title {
  font-family: 'Bebas Neue', cursive;
  font-size: 60px !important;
  font-size: 3.33333rem !important;
}

@media (max-width: 576px) {
  #client-list .list {
    margin-top: -260px;
  }
}

@media (min-width: 992px) {
  #client-list .list {
    margin-top: -130px;
  }
}

#page-solutions .thumb {
  background-color: #DFDBE1;
  border-top-left-radius: 0px;
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 0px;
  height: 360px;
}

#page-solutions .btn-know-more {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: -15px;
}

.slider-soluctions .slick-dots {
  padding-left: 10px;
  text-align: left !important;
}

.slider-soluctions .slick-dots li {
  width: 8px !important;
}

.slider-soluctions .slick-dots li button {
  width: 8px !important;
  padding: 0px;
}

.slider-soluctions .slick-dots li button::before {
  font-size: 8px;
  width: 8px !important;
}

#single-solution .thumb {
  background-color: #DFDBE1;
  border-top-left-radius: 0px;
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 0px;
  height: 360px;
}

#highlight-list .scrooller {
  display: block;
  width: 92% !important;
  float: right;
}

#highlight-list .highlight-scroll {
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  cursor: grab;
}

@media (max-width: 768px) {
  #highlight-list .highlight-scroll .col-6 {
    max-width: 160px !important;
  }
}

@media (max-width: 768px) {
  #highlight-list .highlight-scroll .col-6 {
    margin-right: 15px;
  }
}

#highlight-list .highlight-scroll::-webkit-scrollbar {
  display: none;
}

#highlight-list .area-highlights {
  background-color: #DFDBE1;
  border-bottom-left-radius: 50px;
  height: 250px;
  padding-top: 85px;
  margin-top: -115px;
}

#card-highlight {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 40px;
  height: 115px;
}

#card-highlight .title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px !important;
  font-size: 1rem !important;
}

#filters .border-primary {
  border: #12105B solid 1px;
}

@media (min-width: 992px) {
  #list-last-posts {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  #list-last-posts {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  #list-last-posts {
    margin-right: auto;
  }
}

#list-last-posts h1 {
  font-size: 30px !important;
  font-size: 1.66667rem !important;
}

#list-last-posts .scrooller {
  display: block;
  width: 96% !important;
  float: right;
}

#list-last-posts .post-scroll {
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  cursor: grab;
}

@media (max-width: 768px) {
  #list-last-posts .post-scroll .col-9 {
    max-width: 220px !important;
  }
}

@media (max-width: 768px) {
  #list-last-posts .post-scroll .col-9 {
    margin-right: 15px;
  }
}

#list-last-posts .post-scroll::-webkit-scrollbar {
  display: none;
}

#list-last-posts .area-posts {
  /*background-color: $gray-800;
		border-bottom-left-radius: 50px;
	    height: 250px;
	    padding-top: 85px;
	    margin-top: -115px;*/
}

#list-last-posts a {
  border-bottom-left-radius: 10px;
}

#list-category-posts {
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
}

@media (min-width: 992px) {
  #list-category-posts {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  #list-category-posts {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  #list-category-posts {
    margin-right: auto;
  }
}

#list-category-posts h1 {
  font-size: 30px !important;
  font-size: 1.66667rem !important;
}

#list-category-posts .scrooller {
  display: block;
  width: 96% !important;
  float: right;
}

#list-category-posts .post-scroll,
#list-category-posts .post-scroll-0,
#list-category-posts .post-scroll-1 {
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  cursor: grab;
}

@media (max-width: 768px) {
  #list-category-posts .post-scroll .col-9,
  #list-category-posts .post-scroll-0 .col-9,
  #list-category-posts .post-scroll-1 .col-9 {
    max-width: 220px !important;
  }
}

@media (max-width: 768px) {
  #list-category-posts .post-scroll .col-9,
  #list-category-posts .post-scroll-0 .col-9,
  #list-category-posts .post-scroll-1 .col-9 {
    margin-right: 15px;
  }
}

#list-category-posts .post-scroll::-webkit-scrollbar,
#list-category-posts .post-scroll-0::-webkit-scrollbar,
#list-category-posts .post-scroll-1::-webkit-scrollbar {
  display: none;
}

#list-category-posts .area-posts {
  /*background-color: $gray-800;
		border-bottom-left-radius: 50px;
	    height: 250px;
	    padding-top: 85px;
	    margin-top: -115px;*/
}

#list-category-posts a {
  border-bottom-left-radius: 10px;
}

#list-relevant-posts {
  background-color: #DFDBE1;
  border-bottom-left-radius: 80px;
  margin-top: -120px;
  padding-top: 60px;
}

@media (min-width: 992px) {
  #list-relevant-posts {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  #list-relevant-posts {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  #list-relevant-posts {
    margin-right: auto;
  }
}

#list-relevant-posts h2 {
  font-size: 30px !important;
  font-size: 1.66667rem !important;
}

#list-relevant-posts .scrooller {
  display: block;
  width: 96% !important;
  float: right;
}

#list-relevant-posts .post-scroll {
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  cursor: grab;
}

@media (max-width: 768px) {
  #list-relevant-posts .post-scroll .col-9 {
    max-width: 220px !important;
  }
}

@media (max-width: 768px) {
  #list-relevant-posts .post-scroll .col-9 {
    margin-right: 15px;
  }
}

#list-relevant-posts .post-scroll::-webkit-scrollbar {
  display: none;
}

#list-relevant-posts .area-posts {
  /*background-color: $gray-800;
		border-bottom-left-radius: 50px;
	    height: 250px;
	    padding-top: 85px;
	    margin-top: -115px;*/
}

#list-relevant-posts a {
  border-bottom-left-radius: 10px;
}

#card-post {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  height: 150px;
}

@media (min-width: 992px) {
  #card-post {
    height: 400px;
  }
}

#card-post .title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-size: 0.88889rem !important;
  line-height: 20px !important;
  line-height: 1.11111rem !important;
}

#card-post p {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px !important;
  font-size: 0.66667rem !important;
  line-height: 10px !important;
  line-height: 0.55556rem !important;
  margin-bottom: 0px;
}

.btn-cta-lets-talk {
  font-family: 'Bebas Neue', cursive !important;
  font-size: 60px !important;
  font-size: 3.33333rem !important;
  line-height: 57px !important;
  line-height: 3.16667rem !important;
  border-radius: 10px 40px 10px 40px;
}

#content-blog {
  border-left: #DFDBE1 solid 1px;
  border-bottom: #DFDBE1 solid 1px;
  border-radius: 0px 0px 0px 60px;
}

#content-blog .title {
  font-family: 'Montserrat', sans-serif;
  font-size: 45px !important;
  font-size: 2.5rem !important;
  line-height: 45px !important;
  line-height: 2.5rem !important;
}

#content-blog .btn-back {
  width: 42px;
  height: 42px;
}

#social-share .area-social {
  border-radius: 0px 0px 0px 80px;
}

#header-contact-us {
  height: 180px;
  border-bottom-left-radius: 80px;
  color: #DFDBE1;
}

.form-send .form-control {
  border-radius: 0px;
  border: none;
  border-bottom: #767676 solid 1px;
  color: #767676;
}

.form-send .form-control::-webkit-input-placeholder {
  color: #DFDBE1 !important;
}

.form-send .form-control:-moz-placeholder {
  color: #DFDBE1 !important;
}

.form-send .form-control::-moz-placeholder {
  color: #DFDBE1 !important;
}

.form-send .form-control:-ms-input-placeholder {
  color: #DFDBE1 !important;
}

.form-send .form-control::-ms-placeholder {
  color: #DFDBE1 !important;
}

.form-send .form-control::placeholder {
  color: #DFDBE1 !important;
}

.form-send input.form-control:focus, .form-send textarea.form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

.form-send .btn-submit {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-right: -15px;
}

#newsletter {
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
}

@media (min-width: 992px) {
  #newsletter {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  #newsletter {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  #newsletter {
    margin-right: auto;
  }
}

#newsletter .wpcf7-not-valid-tip {
  color: #18B5B1 !important;
}

#newsletter .wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
}

#newsletter .form-control {
  border-radius: 0px !important;
  background-color: rgba(0, 0, 0, 0);
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: #fff solid 1px;
  color: #fff;
}

#newsletter .form-control::-webkit-input-placeholder {
  color: #fff !important;
}

#newsletter .form-control:-moz-placeholder {
  color: #fff !important;
}

#newsletter .form-control::-moz-placeholder {
  color: #fff !important;
}

#newsletter .form-control:-ms-input-placeholder {
  color: #fff !important;
}

#newsletter .form-control::-ms-placeholder {
  color: #fff !important;
}

#newsletter .form-control::placeholder {
  color: #fff !important;
}

#newsletter input.form-control:focus, #newsletter textarea.form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

#newsletter .btn-send-newsletter {
  margin-right: -20px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.before-footer .title {
  font-size: 20px !important;
  font-size: 1.11111rem !important;
  font-family: 'Montserrat', sans-serif;
}

.before-footer ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  font-size: 16px !important;
  font-size: 0.88889rem !important;
  line-height: 22px !important;
  line-height: 1.22222rem !important;
}

.before-footer a {
  color: #767676;
}

footer {
  border-top-left-radius: 10px;
  border-top-right-radius: 40px;
}

footer .address {
  font-size: 16px !important;
  font-size: 0.88889rem !important;
  line-height: 25px !important;
  line-height: 1.38889rem !important;
}

a,
button,
figcaption,
.pagination,
.nav-item,
.nav-link,
.animate-scroll,
.btn,
nav {
  transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
}

input,
select,
textarea {
  height: auto !important;
  border-radius: 0;
}

button:focus {
  outline: none;
}

figure {
  position: relative;
}

figure figcaption {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

html,
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  height: 100%;
  line-height: 1;
}

@media (min-width: 1200px) {
  html,
  body {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  html,
  body {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  html,
  body {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  html,
  body {
    font-size: 13px;
  }
}

.title {
  font-family: 'Bebas Neue', cursive;
  font-size: 60px !important;
  font-size: 3.33333rem !important;
  line-height: 55px !important;
  line-height: 3.05556rem !important;
}

p {
  font-size: 18px !important;
  font-size: 1rem !important;
  line-height: 40px !important;
  line-height: 2.22222rem !important;
}

.breadcrumb {
  background: #fff !important;
}

#backToTop {
  display: none;
}

#qlwapp.qlwapp-middle-left,
#qlwapp.qlwapp-bottom-left,
#qlwapp.qlwapp-middle-right,
#qlwapp.qlwapp-bottom-right {
  bottom: -10px !important;
}

#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-developer, #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-developer, #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer, #qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-developer, #qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle, #qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle, #qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle, #qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-toggle {
  margin-left: 15px !important;
}

.modal-content {
  border-radius: 0px 80px 0px 80px !important;
}

.modal-header {
  border-bottom: none;
}

.modal-header .close {
  padding: 0px !important;
  margin: 0px !important;
}

.modal-footer {
  border-top: none;
}

#cta-lets-talk h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-size: 1.11111rem !important;
  line-height: 20px !important;
  line-height: 1.11111rem !important;
}

#cta-lets-talk .form-pre-send .form-control {
  border-radius: 0px !important;
  background-color: rgba(0, 0, 0, 0);
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: #fff solid 1px;
  color: #fff;
}

#cta-lets-talk .form-pre-send .form-control::-webkit-input-placeholder {
  color: #fff !important;
}

#cta-lets-talk .form-pre-send .form-control:-moz-placeholder {
  color: #fff !important;
}

#cta-lets-talk .form-pre-send .form-control::-moz-placeholder {
  color: #fff !important;
}

#cta-lets-talk .form-pre-send .form-control:-ms-input-placeholder {
  color: #fff !important;
}

#cta-lets-talk .form-pre-send .form-control::-ms-placeholder {
  color: #fff !important;
}

#cta-lets-talk .form-pre-send .form-control::placeholder {
  color: #fff !important;
}

#cta-lets-talk .form-pre-send input.form-control:focus, #cta-lets-talk .form-pre-send textarea.form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

#cta-lets-talk .form-pre-send .btn {
  margin-right: -15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.close-pop-up {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-right: -15px;
}