:root {
    --thm-font: 'Jost', sans-serif;
    --thm-reey-font: 'reeyregular';
    --thm-gray: #726f84;
    --thm-gray-rgb: 114, 111, 132;
    --thm-primary: #3c72fc;
    --thm-primary-rgb: 60, 114, 252;
    --thm-black: #0f0d1d;
    --thm-black-rgb: 15, 13, 29;
    --thm-base: #ffffff;
    --thm-base-rgb: 255, 255, 255;
    --thm-light: #f2f4f8;
    --thm-light-rgb: 242, 244, 248;
    --thm-letter-space-big: 0.1em;
    --thm-letter-space-small: -0.02em;
    --color-azul: #1724A9;
    --color-azulclaro: #61B3E4;
    --color-verde: #E1E61E;
    --color-gris: #cccccc;
    --color-blanco: #fff;
    --color-rojo: #CC132F;
}

@font-face {
font-family: "Metronic";
src: url("/temas/global/fuentes/metronic/MetronicPro.eot");
src: url("/temas/global/fuentes/metronic/MetronicPro.woff") format("woff"),
url("/temas/global/fuentes/metronic/MetronicPro.otf") format("opentype"),
url("/temas/global/fuentes/metronic/MetronicPro.svg#filename") format("svg");
}

@font-face {
font-family: "MetronicB";
src: url("/temas/global/fuentes/metronic/Metronic-Bold.eot");
src: url("/temas/global/fuentes/metronic/Metronic-Bold.woff") format("woff"),
url("/temas/global/fuentes/metronic/Metronic-Bold.otf") format("opentype"),
url("/temas/global/fuentes/metronic/Metronic-Bold.svg#filename") format("svg");
}
@font-face {
font-family: "MetronicL";
src: url("/temas/global/fuentes/metronic/Metronic-Light.eot");
src: url("/temas/global/fuentes/metronic/Metronic-Light.woff") format("woff"),
url("/temas/global/fuentes/metronic/Metronic-Light.otf") format("opentype"),
url("/temas/global/fuentes/metronic/Metronic-Light.svg#filename") format("svg");
}


.white{
    color: var(--color-blanco);
}
.tawk-text-center{
    display: none !important;
}
.tawk-branding{
    display: none !important;
}


.preloader__image {
    background-image: url(/temasm/webs/grupo2022/img/loader.png);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    width: 100%;
    height: 100%;
}

.main-header{
    background-color: var(--color-azul);
    padding: 0 40px;
}
.stricky-header{
        background-color: var(--color-azul);
    padding: 0 40px;
}

.search-popup__content p{
    padding: 14px 30px;
}

.search-popup__content .boton {
    padding: 14px 30px;
    margin: 10px 30px;
    width: 100%;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 0;
    background-color: var(--color-azul);
    color: var(--color-blanco);
}

.search-popup__content select {
    border: none;
    outline: none;
    border: none;
    outline: none;
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 70px;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 600;
    color: var(--thm-gray);
    background-color: var(--thm-light);
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="rgb(34, 36, 41)" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 30px top 50%;
    background-size: .65em auto;
    margin-bottom: 20px;
}

.main-menu-wrapper__logo{
        padding:6px 50px;
}
.main-menu-wrapper__logo img{
    width: 180px;
}

@media (max-width: 767px){
.main-menu-wrapper__logo {
    padding-left: 5px;
    padding-right: 5px;
    border-right: 0;
}
}

@media (max-width: 992px){
.main-menu-wrapper__logo {
    padding-left: 5px;
    padding-right: 5px;
}
}


.main-menu-wrapper__main-menu {
    padding-left: 40px;
}

.main-menu .main-menu__list>li, .stricky-header .main-menu__list>li {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
    position: relative;
}
.main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li {
    margin-left: 30px;
}

.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a{
    font-size: 13px;
    font-weight: 600;
}

.main-menu .main-menu__list li ul li a, .stricky-header .main-menu__list li ul li a {
text-transform: none;
font-size: 14px;
    line-height: 30px;
    color: var(--thm-black);
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: 500ms;
   font-weight: 700;
    letter-spacing: var(--thm-letter-space-small);
}
.main-menu .main-menu__list li ul li:hover>a,
.stricky-header .main-menu__list li ul li:hover>a {
    background-color: var(--color-azulclaro);
    color: var(--color-azul);
}

.main-menu-wrapper__search {
    padding: 25.5px 60px 22.5px;
}



.main-slider .image-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1);
    transition: transform 7000ms ease;
    z-index: 4;
    background-color: var(--color-blanco);
    background-blend-mode: luminosity;
    opacity: 0.7;
    background-position: center center;
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}
.main-slider .image-layer {
background-blend-mode: unset;
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}
.main-slider .container {
    padding-top: 120px;
    padding-bottom: 120px;
}

.our-mission-bg.jarallax div div {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}



.main-slider h2 {
    color: var(--color-azul);
    font-family: 'Metronic';
}

.main-slider-shape-logo {
    background-image: url(../img/main-slider-shape-logo.png);
    z-index: 90;
    transform: translateX(400px);
    transform: right top;
    mix-blend-mode: overlay;
}


.main-slider .swiper-slide-active .main-slider-shape-logo {
    opacity: 1;
    transform: translate(0);
    transition: all 900ms ease;
    transition-delay: 900ms;
    opacity: .4;
}



.main-slider-shape-logo-1 {
    background-image: url(../img/main-slider-shape-logo-1.png);
    z-index: 10;
    mix-blend-mode: overlay;
}

.main-slider-shape-logo-2 {
    background-image: url(../img/main-slider-shape-logo-2.png);
    z-index: 9;
    transform: translateX(400px);
    mix-blend-mode: overlay;
}

.main-slider-shape-logo-3 {
    background-image: url(../img/main-slider-shape-logo-3.png);
    z-index: 8;
    transform: translateX(600px);
    mix-blend-mode: overlay;
}

.main-slider-shape-logo-4 {
    background-image: url(../img/main-slider-shape-logo-4.png);
    z-index: 7;
    transform: translateX(600px);
    transform: right top;
    mix-blend-mode: soft-light;
}


.main-slider .swiper-slide-active .main-slider-shape-logo-1 {
    opacity: 1;
    transform: translate(0);
    transition: all 1500ms ease;
    transition-delay: 200ms;
}

.main-slider .swiper-slide-active .main-slider-shape-logo-2 {
    opacity: 1;
    transform: translate(0);
    transition: all 1200ms ease;
    transition-delay: 400ms;
}

.main-slider .swiper-slide-active .main-slider-shape-logo-3 {
    opacity: 1;
    transform: translate(0);
    transition: all 1300ms ease;
    transition-delay: 600ms;
}

.main-slider .swiper-slide-active .main-slider-shape-logo-4 {
    opacity: 1;
    transform: translate(0);
    transition: all 1100ms ease;
    transition-delay: 800ms;
}






.main-slider__next-text {
    font-size: 12px;
    color: var(--color-verde);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: var(--thm-letter-space-big);
    transition: all 500ms ease;
}

.main-slider__prev-text {
    font-size: 12px;
    color: var(--color-verde);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: var(--thm-letter-space-big);
    transition: all 500ms ease;
}



.main-header {
    background-color: var(--color-azul);
    padding: 0 0px;
}

.main-menu{
     padding: 0 40px;
}


/*============================
// topbar
============================*/
.topbar {
  min-height: 10px;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
   align-items: center;
}
.topbar {
  background-color: var(--color-azulclaro);
}

.novedades_top{
    
}

.novedades_top_titulo{
        font-size: 0.8125rem;
    color: var(--color-blanco);
    font-weight: 300;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
.rt-trending{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rt-treding-slider1 {
  height: 20px;
  text-align: left;
  margin: 0;
}
.rt-treding-slider1 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.rt-trending .trending-title {
    font-size: 0.8125rem;
    color: var(--color-blanco);
    font-weight: 300;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    position: relative;
    padding-right: 12px;
    margin-right: 10px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.rt-trending .trending-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: var(--color-blanco);
}
.rt-trending .trending-title .icon {
    font-size: 0.65rem;
    background-image: linear-gradient(45deg, #0034c2, #2962ff);
    color: var(--color-blanco);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 6px;
}
.rt-trending .trending-title .icon {
  color: var(--color-black);
  background-color: var(--color-primary);
}
.rt-trending .trending-slide-title {
  font-size: 13px;
  color: #e0e0e0;
  position: relative;
  padding-left: 12px;
  margin-bottom: 0;
}
.rt-trending .trending-slide-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #656565;
}

/*
.rt-trending .trending-slide-title {
  color: var(--color-black);
}
.rt-trending .trending-slide-title::after {
  background-color: var(--color-black);
}
*/
.rt-topbar-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rt-topbar-right .telefono a, .rt-topbar-right .whatsapp a{
  font-size: 1.125rem;
  color: var(--color-azul);
  font-weight: 300;
  line-height: 2; 
}
.rt-topbar-right .telefono a:hover, .rt-topbar-right .whatsapp a:hover{
  color: var(--color-blanco);
}

.rt-topbar-right .telefono .icon {
  color: var(--color-azul);
  margin-right: 5px;
}

.rt-top-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 17px;
  margin-left: 15px;
}
.rt-top-social::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 17px;
  background-color: #fff;
}
.rt-top-social .follow {
  font-size: 0.8125rem;
  text-transform: uppercase;
  margin-right: 12px;
  color: #fff;
}
.rt-top-social li {
  margin-right: 12px;
      list-style: none;
}
.rt-top-social li:last-child {
  margin-right: 0;
}
.rt-top-social a {
  font-size: 0.8125rem;
  color: var(--color-azul);
}
.rt-top-social a:hover {
  color: var(--color-blanco);
}
@media (max-width: 1199px) {
  .rt-top-social {
    padding-left: 0;
    margin-left: 0;
  }
  .rt-top-social::after {
    display: none;
  }
}




.cases-one__content:before {
    background-color: var(--color-azul);
}

.cases-one__icon span,.cases-one__icon i {
    font-size: 60px;
    color: var(--thm-base);
    line-height: 60px;
    display: block;
    transform: scale(1);
    transform-origin: left center;
    transition: transform 500ms ease;
}

.cases-one__single:hover .cases-one__icon span,
.cases-one__single:hover .cases-one__icon i {
    transform: scale(.85);
}


.news-one__date-box {
    background-color: var(--color-azul);
}


.scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: var(--thm-primary);
    position: fixed;
    bottom: 80px;
    right: 32px;
    z-index: 99;
    text-align: center;
    transition: all 0.4s ease;
    display: none;
    border-radius: 50%;
    transition: all 0.4s ease;
}


.site-footer {
    position: relative;
    display: block;
    background-color: var(--color-azul);
}

.footer-widget__text{
    color: var(--color-verde);
}

.footer-widget__explore-list li a {
   color: var(--color-blanco); 
}
.footer-widget__explore-list li a:hover {
   color: var(--color-azulclaro); 
}

.footer-widget__newsletter-text{
    color: var(--thm-black);
}
.footer-widget__newsletter-form{
    background-color: var(--color-azulclaro); 
}
.footer-widget__newsletter-btn{
    background-color: var(--color-azul);
}
.footer-widget__newsletter-btn:hover {
    background-color: var(--thm-black);
}
.footer-widget__contact-list li .icon i {
    font-size: 14px;
    color: var(--color-blanco);
}
.footer-widget__contact-list li .text p{
    color: var(--color-blanco);
}
.footer-widget__contact-list li .text p a{
    color: var(--color-blanco);
}
.footer-widget__contact-list li .text p a:hover {
    color: var(--color-verde);
}
.site-footer-bottom__left p{
    color: var(--color-azulclaro);
}
.site-footer-bottom__left p a{
        font-size: 16px;
        font-weight: bold;
     color: var(--color-rojo);
}
.site-footer__social a{
    color: var(--color-verde);
}
.site-footer__social a:hover {
    color: var(--thm-base);
}



.btn-azul {
    color: #E1E61E;
    background-color: #1724A9;
    border-color: #1724A9;
}


.form-control {
    border-radius: 3px;
    font-size: 16px;
    height: auto;
    line-height: 1.33333;
    padding: 15px 15px 15px 20px;
    background: #f6f7f8;
    color: #323232;
    border: 0px solid transparent;
    box-shadow: none;
}

.form-control:focus { background: #ffffff; border:0px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;
    border-color: transparent; }

.modal-header, .modal-footer {
    border: 0;
}