/*
Theme Name: MRINetwork Child Theme
Description: MRI Network
Author: inmensus.com
Template: inmensus
Version: 3.12.0
*/
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@700&display=swap');
/*************** ADD CUSTOM CSS HERE. ***************/
.mrinetwork .transparent #logo img {
  max-height: 60px!important;
}

.mrinetwork #logo img {
  max-height: 60px!important;
}

.mrinetwork .header-search a i {
  color: black!important;
}

.mrinetwork .menu-item a {
  font-size: 120%!important;
}

.mrinetwork .header-button-1 div a {
  text-align: center;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 13px;
}

.mrinetwork .logo_login {
  margin-top: -10px;
}

.mrinetwork .center-logo {
  top: 30%;
}

.mrinetwork #menu-item-23 {
  margin-left: 10%!important;
}

.mrinetwork .menu-item a {
  color: black!important;
  font-weight: bolder!important;
  font-family: usual, sans-serif!important;
  font-style: normal!important;
  font-weight: 600!important;
}

.mrinetwork .stuck #logo img {
  max-height: 60px!important;
}

.mrinetwork .counter {
  text-align: center;
}

.mrinetwork .counter .col-inner h2 {
  font-size: 85px;
  font-family: 'Sen', sans-serif;
  background-color: black;
  border-radius: 50%;
  position: relative;
  color: #ffffff;
  text-align: center;
  line-height: 251px;
  width: 271px;
  height: 271px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
}

.mrinetwork .counter .col {
  display: table;
  height: 271px;
  overflow: hidden;
}

.mrinetwork .fondo-services .bg-fill {
  background-image: url(https://mrinetwork.com/multimedia/2020/07/services-shape-2.png), url(https://mrinetwork.com/multimedia/2020/07/services-shape-1.png);
  background-size: 350px!important;
  background-position: center bottom, right center;
}

.mrinetwork .gd_search {
  background-image: url(https://mrinetwork.com/multimedia/2020/08/bg-map.png);
  min-height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #a1a1a1;
}

.mrinetwork #section_1367430319 {
  padding: 0px 10px;
  margin-top: -10px;
  position: relative;
  min-height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: center;
  align-items: center;
}

.mrinetwork #row-566366362 > .col > .col-inner {
  background-color: inherit;
}

.mrinetwork .gd_results {
  background-color: #ebebeb;
}

.mrinetwork #gform_wrapper_2 {
  position: relative;
  left: 30%;
  top: 50%;
  -webkit-transform: translate(-15%, 50%);
  transform: translate(-15%, 50%);
}

.mrinetwork h3.results {
  margin-left: 40px;
}

.mrinetwork #gform_wrapper_2 input,#gform_wrapper_2 select {
  text-transform: uppercase;
  text-align: center;
  width: 70%;
}

.mrinetwork #field_2_4 > div,#field_2_5 > div {
  width: 70%;
}

.mrinetwork .gd_search .img-inner {
  width: 150px;
  display: flex;
  align-items: flex-end;
  bottom: 0px!important;
  margin-bottom: 0px!important;
  margin-top: 40%;
  margin-left: 15%;
}

.mrinetwork .gd_search,.gd_results {
  max-height: 500px;
  overflow: hidden;
}

.mrinetwork .website {
  padding: 2px 30px;
  background-color: black;
  color: white;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bolder;
}

.mrinetwork .gd_results_table td {
  font-size: 14px;
}

.mrinetwork .gd_results_table th {
  font-size: 15px;
  text-transform: capitalize;
}

.mrinetwork #gform_submit_button_2 {
  display: none;
}

.mrinetwork .chosen-single span {
  font-size: 20px;
}

.mrinetwork .chosen-single {
  padding: 8px!important;
  height: 45px!important;
  text-align: center;
  text-transform: uppercase;
  font-family: inherit;
  color: #777!important;
}

.mrinetwork .chosen-container {
  height: 45px!important;
}

.mrinetwork .chosen-search-input {
  width: 100%!important;
}

.mrinetwork .highlighted {
  background-image: linear-gradient(#4f4d4d 20%,#777 90%)!important;
  font-weight: bolder;
}

.mrinetwork body.home #content > section:nth-child(2) {
  padding-top: 10px!important;
  padding-bottom: 0px!important;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

.mrinetwork .vuecontainer {
  padding: 0px;
}

.mrinetwork .clock_social {
  padding: 0px 30px;
  position: absolute;
  top: 123px;
  z-index: 99999;
  max-width: 1920px!important;
}

.mrinetwork .clock_slider {
  color: black;
    /* Abs positioning makes it not take up vert space */
  margin-left: 50px!important;
  width: 300px!important;
    /* Border is the new background */
  background: none;
    /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(90deg);
}

.mrinetwork .col_social {
  float: right!important;
  width: 10%!important;
}

.mrinetwork .col_bt_clock_social {
  width: 80%!important;
}

.mrinetwork .col_clock {
  width: 10%!important;
  float: left!important;
}

.mrinetwork .gd_results_table {
  display: block!important;
  width: 100%!important;
  max-height: 500px!important;
  overflow-y: auto!important;
  position: relative!important;
}

.mrinetwork .gd_results_table tbody tr {
  width: 100%!important;
}

.mrinetwork .gd_results_table {
  width: 95%!important;
  margin: 50px 40px;
}

.mrinetwork #thwebsite {
  width: 10% !important;
}

.mrinetwork #thname {
  width: 35%;
}

.mrinetwork #thcity {
  width: 15% !important;
}

.mrinetwork #thstate {
  width: 5% !important;
}

.mrinetwork #thcountry {
  width: 15% !important;
}

.mrinetwork th {
  background: #ebebeb;
  position: sticky;
  top: 0;
    /* Don't forget this, required for the stickiness */
     box-shadow: 0 2px 2px -1px #ebebeb;
}
.mrinetwork .website:hover{
     color:white;
     font-size:14px;
}
.mrinetwork .vuecontainer{
     padding:0px!important;
     
}
.mrinetwork .gd_results_table::-webkit-scrollbar {
     width: 20px;
    /* Tamaño del scroll en vertical */
     height: 20px;
    /* Tamaño del scroll en horizontal */
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.mrinetwork .gd_results_table::-webkit-scrollbar-thumb {
     background: #ebebeb;
     border: 1px solid black;
     border-radius: 20px!important;
}
/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.mrinetwork .gd_results_table::-webkit-scrollbar-thumb:hover {
}
/* Cambiamos el fondo cuando esté en active */
.mrinetwork .gd_results_table::-webkit-scrollbar-thumb:active {
}
.mrinetwork .gd_results_table::-webkit-scrollbar-track {
     background: black;
     padding:14px!important;
     border-radius: 15px;
     border:8px solid #ebebeb 
}
/* Cambiamos el fondo cuando esté en active o hover */
.mrinetwork .gd_results::-webkit-scrollbar-track:hover, .container::-webkit-scrollbar-track:active {
}
.mrinetwork .noresults{
     text-transform: uppercase;
     text-align: center;
     padding-top: 30px;
}
@media screen and (max-width: 549px){
    .mrinetwork .slider-wrapper .flickity-prev-next-button {
         display: block!important;
    }
}
@media only screen and (max-width: 1920px) and (min-width: 821px) {
    .mrinetwork .row-vertical-line{
         background-color: black;
         position:relative;
         max-width: 2px!important;
         height: 40vh!important;
         left:48px;
         bottom:20px 
    }
    .mrinetwork .col_social .col-inner{
         top:94% 
    }
}
.mrinetwork .home-clocks{
     margin-bottom:15px!important;
}

.mrinetwork .contact-clocks{
     margin-top:10px!important;
     margin-bottom:15px!important;
}
.mrinetwork .contact-clocks .flickity-button{
     margin-top: -10px!important 
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE ***************/

    .mrinetwork .flickity-slider{
         margin-top: 1%!important 
    }
    .mrinetwork .clock_slider,.clock_social{
         display:none;
    }
    .mrinetwork .chosen-single,#input_2_3,.chosen-single span{
         width: 100%!important;
         font-size:16px!important;
         font-weight: inherit;
    }
    .mrinetwork #field_2_4 > div, #field_2_5 > div, #field_2_3 > div {
         width: 100%;
         margin-left:-25% 
    }
    .mrinetwork .gd_results{
         margin-top:-95%!important 
    }
    .mrinetwork #gform_wrapper_2 {
        position: relative;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-25%, 50%);
        transform: translate(-25%, 50%);
    }
    .mrinetwork .gd_search .img-inner {
        display: none;
    }
    .mrinetwork #gform_wrapper_2 select {
        width: 100%;
    }
    .mrinetwork .gd_search {
        max-height: 650px!important;
        min-height: 650px!important;
    }
}
.mrinetwork .center-logo {
     position: relative;
     width: 300px!important;
}
.mrinetwork .full-dheader-1,.full-dheader-2,.full-dheader-3{
     display: none;
}
.mrinetwork .pscroll {
    height: 500px;
    overflow-y: scroll!important;
    overflow: -moz-scrollbars-vertical!important;
    direction: rtl!important;
    text-align: left!important;
    padding: 10px!important;
    -webkit-overflow-scrolling: touch;
}

.mrinetwork .pscroll > p{
    direction:ltr!important;
}
.mrinetwork .pscroll::-webkit-scrollbar {
     -webkit-appearance: none!important;
     width: 20px!important;
    /* Tamaño del scroll en vertical */
     height: 20px!important;
    /* Tamaño del scroll en horizontal */
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.mrinetwork .pscroll::-webkit-scrollbar-thumb {
     background-color: #ebebeb!important;
     border: 1px solid black!important;
     border-radius: 20px!important;
     -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)!important;
}
/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.mrinetwork .pscroll::-webkit-scrollbar-thumb:hover {
}
/* Cambiamos el fondo cuando esté en active */
.mrinetwork .pscroll::-webkit-scrollbar-thumb:active {
}
.mrinetwork .pscroll::-webkit-scrollbar-track {
     background: black!important;
     border-radius: 15px!important;
     border:8px solid #ebebeb!important 
}

.mrinetwork .flickity-slider .clock-time {
     position: relative!important;
     display: block;
     width: 100%!important;
}
.mrinetwork .flickity-slider .clock {
    font-size: 15px;
    margin-top:14px!important;
    line-height: 1.2;
}
.mrinetwork .flickity-slider .clock-time { 
    font-size: 10px; 
} 
 
.mrinetwork .flickity-slider .clock-time:first-line { 
    font-size: 15px; 
} 

.mrinetwork .slider-clocks-container, .slider-clocks-container .bg{
    min-height: 80px!important;
}
.mrinetwork .slider-clocks-container .flickity-slider, .slider-clocks-container .flickity-viewport{
    height:80px!important;
    padding-bottom: 10px!important;
}
.mrinetwork .slider-clocks-container .flickity-button{
   margin-top: -15px!important 
}

.mrinetwork .page-id-28 .banner .clock{
    writing-mode: vertical-rl!important;text-orientation: mixed!important;
}

.mrinetwork .header-wrapper.stuck .logo{
    display:block!important;
}

.mrinetwork .accordion-item a span,.accordion-item a button i{
    color:white!important
}
.mrinetwork .vertical-clock{
    color:white;
    font-size:45px;
}

.mrinetwork .vertical-ampm{
    font-size:15px;
    text-transform:lowercase;
    vertical-align: middle;
}

.mrinetwork .vertical-clock p{
    font-family: "Open Sans", sans-serif!important;
    font-weight:100!important;
    margin-bottom: 2px;
    text-align: center;
    line-height: 50px;
}
.mrinetwork .vertical-clock .dots{
    line-height: 40px;
        font-size:25px;
    margin-top:-20px!important
}
.mrinetwork .vertical-ampm{
    margin-top:30px;
    font-size:25px!important
}


.mrinetwork .gd_search,.gd_results{
    min-height: 600px!important;
    height: 600px!important;
    max-height: 600px!important;
    overflow: hidden !important;
}

.mrinetwork .footer-search  form input.search-field{
    color:white!important;
}

.mrinetwork .video{
    padding-top: 0px!important
}

.mrinetwork .grid-cover-full{
    top:0px!important;
    left:0px!important;
    height:100%!important;
    width:100%!important;
    max-width:100%!important;
    background-repeat: no-repeat;
    background-size: 100%;

}
.mrinetwork .over-row{
    position:absolute;
    z-index: 999999;
}
.mrinetwork .close-grid{
    display:none;
}

.mrinetwork .flickity-button:hover{
    color:white!important;
}
.mrinetwork .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: white;
}

.mrinetwork .dheader-2  .vertical-clock,.dheader-3  .vertical-clock{
    display:none;
}

.mrinetwork h2.grid-hidden-content,h3.grid-hidden-content{
    text-transform:uppercase;
    text-align: center
}

.mrinetwork h2.grid-hidden-content{
    font-size: 40px
}

.mrinetwork .over-full div .vertical-clock{
    float: right;
    margin-top: 50px!important;

}


.mrinetwork .over-full div.grid-cover-full .col .vertical-clock,.over-full div.grid-cover-full .col h2,.over-full div.grid-cover-full .col h3 {
    margin-top:50px;
    float: right!important;
    margin-right:200px
}
.mrinetwork .over-full div.grid-cover-full h2.grid-hidden-content{
    margin-top:50px;
}



.mrinetwork .dheader-1 h2,.dheader-1 h3,.dheader-2 h2,.dheader-2 h3,.dheader-3 h2,.dheader-3 h3{
        text-transform: uppercase;
        font-family: "Open Sans", sans-serif;
        font-weight: 100;
}
.mrinetwork .vertical-clock p{
     margin-top: 0px!important;
     margin-bottom: 0px!important;
 }


.mrinetwork .nav-left {
    -ms-flex-pack: start;
    justify-content: center!important;
    margin-left: -5%!important;
}
@media only screen and (max-width: 48em) {
    .mrinetwork .nav-left {
        -ms-flex-pack: start!important;
        justify-content: start!important;
        margin-left: 0%!important;
    }
}

.mrinetwork .packages >.col-inner > .row > .col > .col-inner{
    min-height:600px
}


.mrinetwork .chosen-results {
    z-index: 999999 !important;
    max-height: 150px!important;
    height:150px!important
}