html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family:  sans-serif;
    min-height: 100%;
    position: relative;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto-Regular', sans-serif;
    overflow-x: hidden;
    margin: 0;
   /* background-color:transparent;*/
    background-color:rgba(13,110,253,1);
    
}

a {
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:hover, a:focus {
    text-decoration: none;
    color:#fff;
    opacity:0.75;
}

p {
    padding: 0;
    margin: 0;
    text-transform: none;
}
img {
    -ms-interpolation-mode: bicubic;
    /* Allow smoother rendering of resized image in Internet Explorer */
}

@font-face {
    font-family: 'FuturaLT-Light';
    src: url('../fonts/futura_lt_bt_light.ttf') format('truetype');
}

@font-face {
    font-family: 'FuturaLT';
    src: url('../fonts/FuturaLT.ttf') format('truetype');
}

@font-face {
    font-family: 'FuturaLT-Bold';
    src: url('../fonts/FuturaLT-Bold.ttf') format('truetype');
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.img-center {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.padding-z {
    padding: 0;
    margin: 0;
}
.a-center {
    text-align: center !important;
}
.bold {
    font-family: 'FuturaLT-Bold', sans-serif !important;
}

.sbold {
    font-family: 'FuturaLT', sans-serif !important;
}

.no-wrap{
    white-space:nowrap;
}

.lk-gr{
    transition:all 0.3s ease 0s;
    cursor: pointer;
}

.lk-gr:hover{
    transform: scale(0.98, 0.98);
    opacity:0.7;
}

.highlight{
    color: #006cbb;
}

.highlight:hover, .highlight:focus {
    color: #006cbb;
}



/*NAV*/

.navbar{
  background-color: rgba(13,110,253,1) !important;
  padding: 10px;
  z-index: 30;
  width: 100%;
  height: 80px;
  position: relative;
}

.nav-link{
    font-family: 'FuturaLT', sans-serif;
    color: #e8e8e8;
    margin: 0 8px;
    transition: all 0.3s ease 0s;
}

.nav-link:hover, .nav-link:focus{
   color: #e8e8e8;
   border-bottom: solid 1px #e8e8e8;
   line-height: 130%;   
}

.navbar-nav .nav-link.highlightact, .navbar-nav .show > .nav-link:after {
   font-family: 'FuturaLT-Bold', sans-serif;
   color: #ffffff;
}

.navbar-expand-lg .navbar-nav {
  position: absolute;
  right: 100px;
  top:35px;
}


.line-nav{
   max-width: 100%;
   position: relative;
   top: 16px;  
   z-index: 200; 
}

.logo-mn{
  width: 160px;
  margin-left: 13%;
  padding: 5px 15px;
  position: absolute;
  top: 22px;
  z-index: 250;
}

.navbar-brand:hover, .navbar-brand:focus{
    opacity:1;
}


/*END-NAV*/

/*SLIDER*/

#carouselPfizerConmigo{
   /* margin-top: 108px;*/
}

.carousel-indicators [data-bs-target] {
    background-color: transparent;
    border:solid 3px #f4ac20;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    opacity: 1;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #f4ac20;
}


/*END SLIDER*/


/*MODALS*/

.modal-body {
    padding: 0;
}

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

.wrp-inner-log{
    background-color: #ffffff;
    border-radius: 20px;
    padding:30px;
    width: 90%;
    margin:20px auto 20px auto;
    display: block; 
}

.wrp-inner-vrim{
    background-color: #0070ba;
    border-radius: 20px;
    padding:30px;
    width: 90%;
    margin:20px auto 20px auto;
    display: block; 
}


.md-bg{
    background-image: url(../img/nnnoise.svg);
    background-color: #0d6efd;
}

.md-bg-vrim{
    background-color: #d0ecf7;
}

.logo-pop-pfz{
  display: block;
  margin: 0 auto;
  width: 200px;
}

.tit-log {
  font-family: 'FuturaLT', sans-serif;
  font-size: 32px;
  color: #ffffff;
  padding: 0 20px;
  text-align: center;
}

.tit-vrim-pop{
  font-family: 'FuturaLT', sans-serif;
  font-size: 28px;
  color: #f4ac20;
  padding: 0 20px;
  text-align: center;
}

.lab-log {
  font-family: 'FuturaLT', sans-serif;
  font-size: 18px;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 0px;
  color: #006cb7;
  text-align: center;
  display: block;
}

.lab-vrim-log {
  font-family: 'FuturaLT', sans-serif;
  font-size: 24px;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 0px;
  color: #ffffff;
  text-align: center;
  display: block;
}

.inp-log{
    background-color:transparent;
    border:1px solid #c0bfd1;
    border-radius:10px;
    height:40px;
    width:440px;
    max-width: 100%;
    margin: 10px auto;
    padding:3px 15px;
    font-family: 'FuturaLT', sans-serif;
    text-align: center;
    color:#5a596c;
    display: block;
    transition: all 0.3s ease 0s;
}


.inp-log:hover, .inp-log:focus{
    opacity: 0.93;
}

.bt-log{
    border:solid 1px #0d6efd;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding:3px;
    color: #fff;
    width:130px;
    display:block;
    margin:0 auto;
    text-align: center;
    background-color:#0d6efd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-log:hover{
    border:solid 1px #0d6efd;
    color:#0d6efd;
    background-color:#fff;
    transform: scale(0.98, 0.98);
}

.bt-vrim-log{
    border:solid 1px #f4ac20;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding:3px;
    color: #fff;
    width:130px;
    display:block;
    margin:0 auto;
    text-align: center;
    background-color:#f4ac20;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-vrim-log:hover{
    opacity: 0.8;
    transform: scale(0.98, 0.98);
}

.inp-sel{
  color: #a6a5af !important;
}

.lab-fr{
  font-family: 'FuturaLT', sans-serif;
  text-align: center;
  color: #a6a5af;
}


.btn-close{
    background-color: #fff;
    --bs-btn-close-color: #0d6efd;
    --bs-btn-close-opacity: 0.75;
  --bs-btn-close-hover-opacity: 0.95;
  --bs-btn-close-hover-cursor:pointer;
    border-radius: 50%;
  --bs-btn-close-bg: unset;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-focus-cursor:pointer;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: var(--bs-btn-close-opacity);
}


.btn-close img{
    width: 25px;
    margin-right: 0px;
    margin-top: -15px;
}


#input-cedula{
    display: none;
    transition:all 0.3s ease 0s;
}

#input-cedula:target{
    display: block;
    margin-top: 15px;
    animation-name: anm;
    animation-duration: 0.6s;
    animation-timing-function: ease;
    position: relative;
}

@keyframes anm {
    0%   { top:-9999px;}
    100% { top:0px;}
}

/*#reg_cedula{
    display: none;
}*/

/*HOME*/


.mn{
    display: none !important;
}

#bnv{
   background-image: url('../img/img-bnv.png');
   background-position: center right;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #87d5f5;
   min-height: 400px;
   padding:30px; 
}

.txt-bnv{
  font-family: futuralt-light,sans-serif;
  font-size: 48px;
  color: #006cb7;
  margin-top: 88px;
  margin-left: 13%;
  width: 490px;
  max-width: 100%;
}

.stxt-bnv{
   font-family: 'FuturaLT-Bold', sans-serif;
}

.line-ben{
    border: 0;
    height: 2px;
    background: #f4ac20;
    background-image: linear-gradient(to right, #f4ac20, #f4ac20, #f4ac20); 
    width: 20px;
    opacity:1; 
    display: block;
    margin:5px auto 10px auto; 
}

.tit-gr{
    font-family: 'FuturaLT';
    font-size: 42px;
    text-align: left; 
    color:#006cb7;
    margin:20px 0 10px 15%;
}

.tit2-gr{
    font-family: 'FuturaLT';
    font-size: 42px;
    text-align: left; 
    color:#ffffff;
    margin:20px 0 10px 15%;
}

.txt-gr{
    font-family: 'FuturaLT-Light', sans-serif;
    font-size: 18px;
    text-align: justify; 
    color:#5a596c;
    margin:25px 0;
    padding:0 10px;
}


.txt-bnv-hg{
   font-family: 'FuturaLT-Light', sans-serif;
}

.line-tit{
    border: 0;
    height: 2px;
    background: #f4ac20;
    background-image: linear-gradient(to right, #f4ac20, #f4ac20, #f4ac20); 
    width: 40px;
    opacity:1;
    margin:0; 
}

/*HOME-PERFILES*/

#perfiles{
    background-color: #f0f6f8;
    padding:30px; 
}

.wrp-perfs{
    width:800px;
    display:block;
    margin:0 auto; 
}

.img-perf{
    width:320px;
    max-width: 100%;
    height: auto;
    display: block;
    margin:0 auto;
    border-radius: 10px;
    cursor:pointer;
    transition:all 0.3s ease 0s;
}

.img-perf:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
    box-shadow:none;
}

.bt-perf{
    display: block;
    margin: 20px auto;
    border: none;
    box-shadow:none;
    background: transparent;
    cursor: pointer;
}

/*HOME-BENEFICIOS*/

#beneficios{
   background-image: url(../img/nnnoise.svg);
   background-color: #005c9c;
   margin-top: -120px;
   padding:100px 30px 50px 30px;
}

.swrp-bens{
    width: 220px;
    height: 210px;
    max-width: 100%;
    background-color: #d0ecf7;
    border-radius: 20px;
    box-shadow: 1px 1px 8px #00225f;
    padding: 20px;
    display: block;
    margin:15px auto; 
}

.swrp-bens2{
    width: 220px;
    height: 210px;
    max-width: 100%;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 1px 1px 8px #00225f;
    padding: 20px;
    display: block;
    margin:15px auto; 
}

.txt-ben{
  font-family: 'FuturaLT-Light', sans-serif;
  font-size: 18px;
  text-align: center;
  color:#005797;
}

.wrp-bens{
    display: block;
    margin:15px auto 15px auto;
    width: 1000px;
}

.img-ben{
    display: block;
    margin: 0 auto; 
    width: 180px;
    padding:0 10px 10px 10px;
}



/*HOME-FARMACIAS*/
#hm-farmacias{
   background-image: url(../img/nnnoisev2.svg);
   background-color: #c7e2ed;
   padding:30px;
}

.wrp-far{
    display: block;
    margin:0 auto;
    width: 1080px;
    max-width: 100%;
}

.txt-far{
  font-family: 'FuturaLT-Light', sans-serif;
  font-size: 20px;
  text-align: left;
  margin-top: 30px;
  margin-left: 15%;
  color:#392f3d;
  width: 400px;
  max-width: 100%;
}

.img-far{
    width: 300px;
    display: block;
    margin:0 auto;
}

.img-cad{
    display: block;
    margin: 0 auto;
    width: 1000px;
    max-width: 100%; 
}

/*CONTACTO*/

#contacto{
     background-image: url(../img/nnnoisev2.svg);
    background-color: #7fc8e7;
    padding: 30px;
}

.frm-cnt{
    padding:30px 30px;
    margin: 0 auto;
    width: 780px;
    max-width: 100%;
}


.wrp-inps{
   width:440px;
    max-width: 100%;
    margin: 10px auto;
    display: block;
}

.lab-gr{
   font-family: 'FuturaLT-Light', sans-serif; 
   font-size: 18px;
   margin-bottom: 5px;
   margin-top: 15px;
   color: #ffffff;
   text-align: center;
   display: block;
}

.inp-gr{
    background-color:#fff;
    border:none;
    box-shadow: inset 1px 1px 3px #9d9d9d;
    border-radius:10px;
    height:40px;
    width:440px;
    max-width: 100%;
    margin: 10px auto;
    padding:3px 15px;
    font-family: 'FuturaLT', sans-serif;
    color:#5a596c;
    display: block;
    transition: all 0.3s ease 0s;
}


.inp-gr:hover, .inp-gr:focus{
    opacity: 0.93;
}

.wrp-inp-sht{
  width: 440px;
  max-width: 100%;
  display: block;
  margin:0 auto; 
}

.inp-gr2{
    background-color:#fff;
    border:1px solid #006cbb;
    border-radius:50px;
    height:40px;
    width:440px;
    max-width: 100%;
    margin: 10px auto;
    padding:3px 15px;
    font-family: 'FuturaLT', sans-serif;
    color:#5a596c;
    display: block;
    transition: all 0.3s ease 0s;
}


.inp-gr2:hover, .inp-gr2:focus{
    opacity: 0.93;
}


.inp-txtarea{
    background-color:#fff;
    border:none;
    box-shadow: inset 1px 1px 3px #9d9d9d;
    border-radius:10px;
    width:440px;
    max-width: 100%;
    margin: 10px auto;
    padding:3px 15px;
    font-family: 'FuturaLT', sans-serif;
    color:#5a596c;
    display: block;
}

.bt-frm{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding:3px;
    color: #fff;
    width:110px;
    float: right;
    background-color:#0d6efd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-frm:hover{
    color:#0d6efd;
    background-color:#fff;
    transform: scale(0.98, 0.98);
}

.img-cnt{
    width:260px;
    max-width: 100%;
    padding: 20px;
}

/*END-CONTACTO*/

/*END-HOME*/

/*PACIENTE*/

#bnv-paciente{
   background-image: url('../img/bnv-paciente.png');
   background-position: center left;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #eef3f2;
   min-height: 370px;
   padding:30px; 
}

.wrp-txt-pac{
    width: 500px;
    max-width: 100%;
    margin-left: 50%;
}

.tit-pac{
   font-family: 'FuturaLT', sans-serif;
   font-size: 26px; 
   color: #0070ba;
   text-align: left;
   margin-top:30px;
   width: 400px;
   max-width: 100%;
}

.stit-pac{
  font-family: 'FuturaLT', sans-serif;
  font-size: 20px;
  text-align: left;
  margin-top: 20px;
  color: #0070ba;
  width: 400px;
  max-width: 100%;
}

.txt-pac{
  font-family: 'FuturaLT-Light', sans-serif;
  font-size: 20px;
  text-align: left;
  margin-top: 10px;
  color:#392f3d;
  width: 400px;
  max-width: 100%;
}

/*SECCIÓN TARJETA*/

#sec-tarjeta{
    background-image: url(../img/nnnoise.svg);
    background-color: #006cb7;
    padding: 30px;
}

.wrp-trj{
    float: left;
}

.txt-trj{   
  font-family: 'FuturaLT-Light', sans-serif;
  font-size: 20px;
  text-align: left;
  margin-top: 30px;
  margin-left: 61%;
  color:#ffffff;
  width: 400px;
  max-width: 100%;
}

.bt-copy{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px;
    color: #024a7e;
    width:240px;
    margin-top: 30px;
    margin-left: 61%;
    background-color:#87d5f5;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-copy:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

.img-trj{
    float: right;
    margin: -50px 15% 50px 0px;
    width: 450px;
    max-width: 100%; 
}

/*DATOS*/

.wrp-datos{
    background-color:#e0e0e0;
    border-radius: 20px;
    box-shadow: 1px 1px 8px #00225f;
    width: 560px;
    max-width: 100%;
    margin:20px auto 10px auto; 
    display: block;
    padding:30px 20px;
}

.wrp-bt-dt{
    width: 360px;
    max-width: 100%;
    margin:0 auto;
    display: block;
}

.tit-dt{
   font-family: 'FuturaLT';
    font-size: 22px;
    text-align: right; 
    color:#0070ba;
}

.txt-dt{   
  font-family: 'FuturaLT', sans-serif;
  font-size: 20px;
  text-align: left;
  color:#392f3d;
}

.bt-dt{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px 15px;
    color: #ffffff;
    width:auto;
    display:block;
    margin:20px auto 10px auto; 
    background-color:#0d6efd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-dt:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

/*LEVELS*/

.tit2-alt{
    font-family: 'FuturaLT';
    font-size: 32px;
    text-align: center; 
    color:#ffffff;
    margin:80px auto 10px auto;
    line-height: 100%;
}

.wrp-levels{
    margin:30px auto 0 auto; 
    display: block;
    width: 1000px;
    max-width: 100%;
}

.swrp-levels{
    width: 280px;
    height: auto;
    max-width: 100%;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 1px 1px 8px #00225f;
    padding: 20px 0;
    display: block;
    margin:15px auto; 
}

.wrp-ben{
    max-width: 100%;
    width: 860px;
     margin: 50px auto 100px auto;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 1px 1px 8px #00225f;
    padding: 20px 0;
}

.filter-grayscale{
  filter: grayscale(100%);
}

.wrp-tit1-lv{
    background-color: #87d5f5;
    padding: 20px;
    color: #006cb7;
    margin-bottom: 20px;
}

.wrp-tit2-lv{
    background-color: #0d6efd;
    padding: 20px;
    color: #ffffff;
}

.wrp-tit3-lv{
    background-color: #006cb7;
    padding: 20px;
    color: #ffffff;
}

.tit-lv{
    font-family: 'FuturaLT';
    font-size: 38px;
    text-align: center;
    line-height: 100%;  
}


.sl-lv{
    font-family: 'FuturaLT-Light';
    font-size: 14px;
    text-align: center; 
    line-height: 100%;
    text-transform:uppercase;
}

.stit1-lv{
    font-family: 'FuturaLT-Light';
    color: #006cb7;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
     margin:20px 0 10px auto;
}

.stit2-lv{
    font-family: 'FuturaLT-Light';
    color: #0d6efd;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
     margin:20px 0 10px auto;
}

.txt-lv{
    font-family: 'FuturaLT-Light';
    color: #392f3d;
    font-size:21px;
    text-align:left;
    padding: 0 20px;
}

.li-lv{
    font-family: 'FuturaLT-Light';
    color: #392f3d;
    font-size:13px;
    width:90%;
    margin-left: 20px;
    margin-top: 15px;
}

.icon-check{
    width: 20px;
    margin-right: 5px;
}

.bt1-lv{
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding:3px;
    color: #006cb7;
    width:130px;
    display:block;
    margin:20px auto 0 auto;
    text-align: center;
    background-color:#87d5f5;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt1-lv:hover{
    opacity:0.85;
    transform: scale(0.98, 0.98);
    color: #006cb7;
}

.bt2-lv{
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding:3px;
    color: #ffffff;
    width:130px;
    display:block;
    margin:20px auto 0 auto;
    text-align: center;
    background-color:#0d6efd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt2-lv:hover{
    opacity:0.85;
    transform: scale(0.98, 0.98);
    color: #ffffff;
}

.bt3-lv{
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding:3px;
    color: #ffffff;
    width:130px;
    display:block;
    margin:20px auto 0 auto;
    text-align: center;
    background-color:#006cb7;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt3-lv:hover{
    opacity:0.85;
    transform: scale(0.98, 0.98);
    color: #ffffff;
}

/*VRIM*/

#sec-iframe-vrim{
  display: none;
}

#sec-iframe-vrim:target{
  display: block;
  position: relative;
  -webkit-animation-name: anm-ifr;
    -webkit-animation-duration:0.6s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: anm-ifr;
    -moz-animation-duration:0.6s;
    -moz-animation-timing-function: ease-in-out;
    animation-name: anm-ifr;
    animation-duration:0.6s;
    animation-timing-function: ease-in-out;
}

@keyframes anm-ifr{
  0% {top: -500px;}
  100% {top: 0px;}
}




.wrp-vrim {
  display: block;
  margin: 30px auto 30px auto;
  width: 991px;
  background-color: #e6f0fd;
  border-radius: 10px;
  box-shadow: 1px 1px 12px #cccccc;
  max-width: 100%;
  padding: 30px;
}

.ben-vrim{
  background-color: #f1f1f1;
  padding: 30px;
}

.bllt-num{
  font-family: 'FuturaLT-Bold', sans-serif;
  color: #ffffff;
  text-align: center; 
  background-color: #f4ac20;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 180%;
  margin-right: 10px;
  display: inline-block;
}

.bllt7{
  position: relative;
  top: -27px;
}

.txt-ben-vrim{
  font-family: 'FuturaLT', sans-serif;
  font-size: 18px;
  text-align: justify; 
  color:#392f3d;
  margin:8px 0;
  display: inline-block;
}


.txt-ben-vrim2{
  font-family: 'FuturaLT', sans-serif;
  font-size: 21px;
  text-align: center; 
  color:#0d6efd;
  margin:8px auto;
  padding: 0 10px;
}

.bt-vrim-ben{
   border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    padding:10px 3px;
    color: #ffffff;
    width:240px;
    display:block;
    margin:30px auto;
    text-align: center;
    background-color:#0d6efd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-vrim-ben:hover{
  opacity:0.85;
  transform: scale(0.98, 0.98);  
  color: #ffffff;
}

.tit-gr-vrim{
    font-family: 'FuturaLT';
    font-size: 42px;
    text-align: center; 
    color:#ffffff;
    margin:20px auto 10px auto;
    width: 444px;
}

.txt-gr-vrim{
  font-size: 28px;
  text-align: center;
  color: #ffffff;
  margin: 25px auto;
  padding: 0 10px;
  display: block;
  width: 720px;
  padding:0 10px;
}

.bt-vrim-ben2{
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    padding:10px 3px;
    color: #ffffff;
    width:240px;
    display:block;
    margin:30px auto;
    text-align: center;
    background-color:#f4ac20;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-vrim-ben2:hover{
  opacity:0.85;
  transform: scale(0.98, 0.98);  
  color: #ffffff;
}

.ref-dsl{
  color: #0d6efd;
  font-size: 24px;
}

/*IFRAME*/

.sec-iframe{
  background-image: url(../img/nnnoise.svg);
  background-color: #006cb7;

}

.wrp-iframe{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 50px;
    border-radius: 30px;
}

.iframe-lv {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}


/*FAQS*/

#faqs{
    background-color: #dbeff7;
    padding: 30px;
}

.wrp-faq{
    display: block;
    margin:30px auto 0 auto;
    width: 960px;
    max-width: 100%;
}

.txt-qst{
    font-family: 'FuturaLT', sans-serif;
    color:#006cbb;
}

.txt-ans{
    font-family: 'FuturaLT-Light', sans-serif;
    color:#392f3d;
}

.accordion-item {
  box-shadow:1px 5px 5px #ccc;
  border-radius:10px !important;
  margin-bottom:20px;
  background-color:#e6f0fd;
  font-family: 'FuturaLT-Light', sans-serif;
  color: #5a596c;

}

.accordion-button{
   font-family: 'FuturaLT', sans-serif;
   font-size: 18px; 
   color: #fff;
   background-image: url(../img/nnnoisev2.svg);
   background-color:#84d1f0;
   border-radius:10px !important;
}

.accordion-button:not(.collapsed) {
  color: #fff;
}

.accordion-button::after {
    background-image: url('../img/arrow-faq.png');
}

.accordion-button:not(.collapsed)::after{
  background-image: url('../img/arrow-faq.png');  
}

.icon-qs{
    width: 30px;
    margin-right:5px;
}

/*TESTIMONIOS*/

#testimonios{
   background-image: url(../img/nnnoise.svg);
    background-color: #2175f1;
    padding: 30px;
}


.container-slider{
    max-width: 1000px;
    height: 500px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 10px;
}

.wrp-vd-slider{
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 600px;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inp-vd-slider[type=radio]{
    display: none;
}

.cards{
    position: relative;
    width: 100%;
    height: 100%;
}

.card{
    position: absolute;
    width: 501px;
    height: 365px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.img-vd-slider{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 1px 1px 15px #00225f;
}


#item-2:checked ~ .cards #selector-1,
#item-1:checked ~ .cards #selector-3,
#item-3:checked ~ .cards #selector-2{
    transform: translateX(-40%) scale(0.8);
    opacity: 0.6;
    z-index: 0;
}

#item-3:checked ~ .cards #selector-1,
#item-1:checked ~ .cards #selector-2,
#item-2:checked ~ .cards #selector-3{
    transform: translateX(40%) scale(0.8);
    opacity: 0.6;
    z-index: 0;
}

#item-1:checked ~ .cards #selector-1,
#item-2:checked ~ .cards #selector-2,
#item-3:checked ~ .cards #selector-3{
    transform: translateX(0) scale(1);
    z-index: 1;
}

/*MIS COMPRAS*/

#compras{
    background-image: url(../img/nnnoise.svg);
    background-color: #237afc;
    padding: 30px;
}

.img-compras{
   float: right;
    margin: -50px 15% 0 0;
    width: 280px;
    max-width: 100%;  
}


.tit3-alt{
    font-family: 'FuturaLT';
    font-size: 32px;
    text-align: center; 
    color:#ffffff;
    margin:10px auto 10px auto;
    line-height: 100%;
}


.wrp-tab {
  width: 800px;
  max-width: 100%;
  margin: 20px auto 30px auto;
  display: block;
  height: 500px;
  overflow-y: scroll;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 1px 1px 12px #00225f;
}

.tab-gr {
  font-size: 16px;
  font-family: 'FuturaLT', sans-serif;
  text-align: center;
  background: transparent;
  color: #00004e;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0;
  border: solid 1px #87d5f5;
}

.tab-gr th {
  font-family: 'FuturaLT', sans-serif;
  color: #006cbb;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  background-color: #87d5f5;
  border-right: solid 2px #fff;
  border-left: solid 2px #fff;
  padding: 5px;
  width: 1000px;
  max-width: 100%;
}

.tab-gr td {
  font-family: 'FuturaLT-Light', sans-serif;
  color: #392f3d;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border-bottom: solid 1px #87d5f5;
  padding: 5px;
  border-collapse: separate;
  border-spacing: 5px;
}

/*FARMACIAS*/
#sec-farmacias{
   background-image: url(../img/nnnoisev2.svg);
   background-color: #7ec7e5;
   padding:30px;
}

.tit4-alt{
    font-family: 'FuturaLT';
    font-size: 32px;
    text-align: center; 
    color:#006cbb;
    margin:10px auto 10px auto;
    line-height: 100%;
}

.txt2-far{
   font-family: 'FuturaLT-Light', sans-serif;
   color: #392f3d;
   font-size:20px;
   text-align: center; 
}

.ifm-far {
  width: 90%;
  padding: 50px;
  height: 500px;
  box-shadow: 1px 1px 15px #ccc;
  margin: 52px auto;
  display: block;
}

#sec-medicamentos{
   background-color: #dbeff7;
   padding:30px;
}

.logos-far{
    width:180px;
    display: block;
    margin:0 auto;
    padding:10px;
}

.bt-far{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px;
    color: #ffffff;
    width:115px;
    display:block;
    margin:0 auto; 
    background-color:#0d6efd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-far:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

.icon-web{
    padding:0 4px 2px 5px;
    width: 20px;
}

/*END-PACIENTE*/


/*MEDICO*/

#tarjetas{
    background-image: url(../img/nnnoise.svg);
    background-color: #006cb7;
    padding:30px;
}

#bnv-medico{
   background-image: url('../img/img-med.png');
   background-position: center left;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #eef3f2;
   min-height: 370px;
   padding:30px; 
}


.bt-manual{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px;
    color: #ffffff;
    text-align: center;
    display:block;
    width:130px;
    margin-top: 20px;
    background-color:#0d70fd;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-manual:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

.bt-trj{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px;
    color: #024a7e;
    display:block;
    width:130px;
    margin: 30px auto 10px auto;
    background-color:#87d5f5;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-trj:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

.img-trj2{
    float: right;
    margin: -50px 15% 50px 0px;
    width: 450px;
    max-width: 100%; 
}

/*HISTÓRICO-MÉDICO*/

#historico{
    background-color: #237afc;
    background-image: url(../img/nnnoise.svg);
    padding:30px;
}

#resumen{
    background-color: #dbeff7;
    padding:30px;
}


.wrp-tab-res {
  width: 560px;
  max-width: 100%;
  margin: 20px auto 30px auto;
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 20px 20px 20px;
  box-shadow: 1px 1px 12px #00225f;
}

.wrp-tab-res2 {
  width: 560px;
  max-width: 100%;
  margin: 20px auto 30px auto;
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 20px 45px 20px;
  box-shadow: 1px 1px 12px #00225f;
}

.tab-resumen {
  font-size: 16px;
  font-family: 'FuturaLT', sans-serif;
  text-align: center;
  background: transparent;
  color: #00004e;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 0;
  border-collapse: separate;
  border-spacing: 5px;
}

.tab-resumen .td1 {
  font-family: 'FuturaLT-Light', sans-serif;
  color: #392f3d;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #87d5f5;
  padding: 5px;
  width:280px;
  max-width: 100%;
}

.tab-resumen .td2 {
  font-family: 'FuturaLT', sans-serif;
  color: #006cbb;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  background-color: #87d5f5;
  border: solid 1px #87d5f5;
  padding: 5px;
  width:280px;
  max-width: 100%;

}

.bt-hist{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px 15px;
    color: #ffffff;
    text-align: center;
    float: right;
    width:auto;
    margin-top: 5px;
    background-color:#0d70fd;
    transition: all 0.3s ease 0s;
    cursor: pointer; 
}

.bt-hist:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

/*PERFIL-MÉDICO*/

#perfil{
    background-image: url(../img/nnnoisev2.svg);
    background-color: #dbeff7;
    padding:30px; 
}


.bt-prf-med{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px 15px;
    color: #ffffff;
    text-align: center;
    float: right;
    width:auto;
    margin-top: 5px;
    background-color:#0d70fd;
    transition: all 0.3s ease 0s;
    cursor: pointer; 
}

.bt-prf-med:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}


.stxt-res{
    font-family: 'FuturaLT-Light', sans-serif;
    font-size: 18px;
    color:#5a596c;
    display:inline-block;
    margin:6px 0 25px 0;
    padding:0 10px;
}

.inp-tab{
    background-color:#fff;
    border:none;
    box-shadow: inset 1px 1px 3px #9d9d9d;
    border-radius:10px;
    height:32px;
    width:210px;
    max-width: 100%;
    margin: 0 auto;
    padding:3px 15px;
    font-family: 'FuturaLT', sans-serif;
    color:#5a596c;
    display: block;
    transition: all 0.3s ease 0s;
}


.inp-tab:hover, .inp-tab:focus{
    opacity: 0.93;
}

/*INFORMACION MEDICO*/

#informacion{
    background-image: url(../img/nnnoisev2.svg);
    background-color: #dbeff7;
    padding:30px;
}

.wrp-inf-med{
  background-color: rgba(255,255,255,0.4);
  border-radius: 10px;
  box-shadow: 1px 1px 8px rgba(0,34,95,0.5);
  padding: 30px;
  display: block;
  margin:30px auto 20px auto; 
  width: 1080px;
  max-width: 100%; 
}

.swrp-inf-med{
  background-color: #fff;
  box-shadow: 1px 1px 8px rgba(0,34,95,0.2);
  padding: 15px;
  border-radius: 10px;
  display: block;
  margin:10px auto;
  width: 280px;
  max-width: 100%;
}

.inf-med{
  background-color:#006cb7;
  border-radius:5px;
  padding:10px;
  margin:15px 0 0 0;
}

.img-inf-med{
  display: block;
  margin:0 auto;
  max-width: 100%;
  border-radius:5px;
}

.tit-inf-med{
  font-family: 'FuturaLT', sans-serif;
  font-size: 21px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.txt-inf-med{
  font-family: 'FuturaLT-Light', sans-serif;
  font-size: 18px;
  line-height: 110%;
  margin-top:15px;
  text-align: center;
  color: #fff;
}


.line-inf-med{
  border: 0;
  height: 2px;
  background: #f4ac20;
  background-image: linear-gradient(to right, #f4ac20, #f4ac20, #f4ac20); 
  width: 50px;
  opacity:1;
  margin:0 auto;
  display: block; 
}


.bt-inf-med{
  border:none;
  border-radius:50px;
  font-family: 'FuturaLT', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  padding:3px 15px;
  color: #024a7e;
  width:130px;
  display:block;
  margin:20px auto 10px auto; 
  background-color:#87d5f5;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  text-align: center;
}

.bt-inf-med:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

.wrp-stores{
    width:230px;
}

.google-play{
  width: 110px;
  max-width: 100%;
  padding: 15px 5px 10px 5px;
  display: inline-block;  
}

.app-store{
  width: 110px;
  max-width: 100%;
  padding: 15px 5px 10px 5px;
  display: inline-block;  
}


/*END-MEDICO*/

/*FDV*/

#bnv-fdv{
   background-image: url('../img/img-fdv.png');
   background-position: center left;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #eef3f2;
   min-height: 370px;
   padding:30px; 
}

#reportes-fdv{
    background-image: url(../img/nnnoise.svg);
    background-color: #006cb7;
    padding:30px;
}


.bt-back{
    border:none;
    border-radius:50px;
    font-family: 'FuturaLT', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding:3px;
    text-align: center;
    display:block;
    width:130px;
    margin-top: 20px;
    color: #024a7e;
    background-color: #87d5f5;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.bt-back:hover{
    opacity: 0.85;
    transform: scale(0.98, 0.98);
}

.dsl-gr{
   font-family: 'FuturaLT-Light', sans-serif; 
   font-size: 18px;
   margin-bottom: 5px;
   margin-top: 15px;
   color: #e8ae43;
   font-style: italic;
   text-align: center;
   display: block;
}

.dsl-pp{
 font-family: 'FuturaLT-Light', sans-serif;
 font-style: italic;
 font-size: 11px; 
 color: #0070ba;
 margin-top:10px;
}

.dsl-pp2{
 font-family: 'FuturaLT-Light', sans-serif;
 font-style: italic;
 font-size: 11px; 
 color: #013d66;
 margin-top:10px;
}

/*END FDV*/


/*MODULO ENVIOS PROVEEDOR*/

#modulo-envios{
    background-image: url(../img/nnnoisev2.svg);
    background-color: #00599a;
    padding: 30px;
}


.frm-log-env{
    padding:30px 30px;
    margin: 0 auto;
    width: 780px;
    max-width: 100%;
}

#env-tarjetas{
   background-image: url(../img/nnnoisev2.svg);
   background-color: #87d5f5;
   padding:30px;
}

.wrp-ras{
  margin-top: 20px;
}

.lab-ras{
  font-family: 'FuturaLT', sans-serif;
  color: #006cb7;
  font-size: 26px;
}

.stit-ras{
  font-family: 'FuturaLT', sans-serif;
  color: #5a596c;
  font-size: 18px;
}

.txt-ras{
  font-family: 'FuturaLT-Light', sans-serif;
  color: #5a596c;
  font-size: 18px;
}

.icon-env{
  width: 80px;
  display: inline-block;
  padding:0 10px;
}

.bt-ras{
    color: #006cbb;
    border:none;
    background:none; 
}

.bt-ras:hover, .bt-ras:focus {
    color: #006cbb;
}





footer{
    background-image: url(../img/nnnoise.svg);
    background-color:#0d6efd; 
    padding:20px 10px;
    width: 100%;
}

.wrp-logos-ft{
    display: block;
    margin:0 auto;
    width: 230px; 
}

.logo-ft{
    width: 110px;
    display:inline-block;
    margin:0 auto 10px auto;
}

.logo-ft2{
    width: 90px;
    display:inline-block;
    margin:0 auto 10px auto;
}

.txt-ft{
    font-family: 'FuturaLT-Light', sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 180%;
    color: #fff;
}

.sep1-ft{
    font-family:'FuturaLT-Light', sans-serif;
    color:#f4ac20;
    font-size: 21px;
    padding: 0 10px;
}

.lk-ft{
    color: #fff;
    margin:0 10px;
}

.icon-ft{
    width:15px;
    margin-left:10px;
    margin-right: 5px;
}

.line-nav-ft{
   max-width: 100%;
   position: relative;
   bottom: 10px;
}




@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 1440px) {

.line-nav{
  top: 15px;
}

.txt-trj{ 
    margin-left: 53%;
}

.bt-copy{
    margin-left: 53%;
}
    }

@media screen and (max-width: 1366px) {

.tit-gr {
    margin: 20px 0 10px 13%;
}

.tit2-gr {
    margin: 20px 0 10px 13%;
}

.txt-far{
    margin-left: 13%;
}

.txt-trj{ 
    margin-left: 42%;
}

.bt-copy{
    margin-left: 42%;
}

}


@media screen and (max-width: 1200px) {


}

@media screen and (max-width: 1024px) {

 .line-nav {
    top: 14px;
  }

.nav-link{
    font-size: 13px;
}

#bnv-paciente{
   background-image: url('../img/bnv-paciente-mn.png');
}

.txt-trj{ 
    margin-left: 31%;
}

.bt-copy{
    margin-left: 31%;
}

.img-trj {
    margin: -50px 5% 50px 0px;
}

.img-compras {
    margin: -50px 5% 50px 0px;
}

.wrp-txt-pac {
    margin: 0 auto;
    display: block;
}

.txt-pac {
    width: auto;
}

#bnv-medico{
   background-image: url('../img/img-med-mn.png');
}

.img-trj2 {
    margin: -50px 5% 50px 0px;
}

#bnv-fdv{
   background-image: url('../img/img-fdv-mn.png');
}


 }


@media screen and (max-width: 991px) {

    .logo-mn {
        width: 120px;
        top: -3px;
    }

    .navbar {
        position: fixed;
        height: 55px;
    }

    .navbar-expand-lg .navbar-nav {
        top: 45px;
        padding-top: 30px;
        z-index: 400;
        width: 100%;
        background-color: #0d6efd;
        right: 0;
    }

    .line-nav {
        position: fixed;
        z-index: 20;
        margin-top: 40px;
    }

    .navbar-nav .nav-link.highlightact, .navbar-nav .show > .nav-link:after {
        color: #006cb7;
    }

    .nav-link {
        background-color: rgba(255,255,255,0.8);
        box-shadow: 1px 1px 5px #5ca4c8;
        margin: 10px auto;
        padding: 10px;
        color: #006cb7;
        width: 90%;
        border-radius: 8px;
        border-bottom: solid 2px #f4ac20;
    }

    .nav-link:hover, .nav-link:focus{
        line-height: 150%;   
        color: #006cb7;
        cursor: pointer;
    }

    .navbar-toogler{
        border:none !important;
        color: transparent;
        box-shadow: none;
    }

    .navbar-toggler:focus{
      box-shadow: none;
    }

    .navbar-collapse{
        padding-bottom: 80px; 
    }

    .carousel {
      margin-top: 56px;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .wrp-bens{
        width: 600px;
        max-width: 100%;
    }

    #bnv{
      background-image: url('../img/img-bnv-mn.png');  
    }

    .txt-bnv{
        text-shadow: 1px 1px 5px #ffffff;
    }

    .img-far {
        padding-top: 30px;
    }

    .img-trj{
        width: 300px;
    }

    .img-trj2{
        width: 300px;
    }

    .img-compras{
        width: 200px;
    } 

    .dk{
        display: none;
    }

    .mn{
        display: block !important;
    }

    .mar-log{
      margin-top:70px;
    }

    .bllt-num{
      display: block;
    }    

    .bllt7{
      top: 0;
    }
  }

@media screen and (max-width: 860px) {
    .txt-trj {
        margin-left: 24%;
    }

    .bt-copy{
       margin-left: 24%; 
    }
}


@media screen and (max-width: 770px) {

    .line-nav {
      margin-top: 41px;
    }

    .txt-gr {
        font-size: 16px;
    }

    .accordion-button {
        font-size: 16px;
    }

    .accordion-body {
        font-size: 14px;
    }

    .frm-cnt {
        padding-top:0;
    }

    .img-cnt {
        display: block;
        margin: 20px auto 0 auto;
    }   

    .bt-frm {
        float: none;
        display: block;
        margin:0 auto; 
    }

    #bnv-paciente{
        background-size: cover;
    }

    #bnv-medico{
        background-size: cover;
    }

    #bnv-fdv{
        background-size: cover;
    }

    .tit-dt{
        text-align: left;
    }

    .txt-dt{
        margin-bottom: 20px;
    }

    .card{
        width:320px;
        height: 233px;
    }

    .container-slider {
        height: 310px;
    }

    .img-compras{
        float: none;
        display: block;
        margin: 150px auto 20px auto;
    }

    .img-trj2 {
        float: none;
        display: block;
        margin: 150px auto 20px auto;
    }

    .stxt-res {
        font-size: 16px;
    }

    .wrp-iframe {
      margin: 10px;
    }

    .txt-gr-vrim{
      font-size: 24px;
    }


}

@media screen and (max-width: 640px) {

.img-trj{
    float: none;
    display: block;
    margin: 220px auto 20px auto;
}
   
    }

@media screen and (max-width: 575px) {

.bt-dt{
     margin:10px auto 5px auto;   
}

.wrp-perfs{
    width:600px;
}
.img-perf{
    width:250px;
}

.tit2-alt {
    margin: 50px auto 0 auto;
}

.card{
    width:250px;
    height: 182px;
}

.container-slider {
    height: 250px;
}

.bt-vrim-ben{
    font-size: 18px;
    width: 220px;
    }
  }
@media screen and (max-width: 480px) {

    .carousel-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
    }

    .tit-gr {
        font-size:26px;
        margin: 20px 0 10px 8%;
    }

    .tit2-gr {
        font-size:26px;
        margin: 20px 0 10px 8%;
    }

    .tit-gr-vrim{
      font-size: 26px;
    }

    .tit2-alt{
        font-size: 26px;
    }

    .tit3-alt{
        font-size: 22px;
        margin-bottom: 20px;
    }

    .tit4-alt{
        font-size: 22px;
        margin-bottom: 20px;
    }

    .txt-gr{
        font-size: 14px;
    }

    #bnv{
        background-size: cover;
        min-height: 280px;
    }

    .txt-bnv {
        font-size: 28px;
        margin-top: 50px;
        margin-left: 7%;
        padding-right: 50px;
    }

    .txt-ben {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .txt-far {
        font-size: 16px;
        padding-right: 70px;
    }

    .txt2-far{
        font-size:16px;
    }

    .tit-pac {
        margin-top: 40px;
    }

    .txt-trj {
        margin-left: 4%;
        padding-right: 90px;
    }

    .bt-copy{
       margin-left: 4%; 
    }

    .tit-dt {
        font-size: 18px;
    }

    .txt-dt {
        font-size: 16px;
    }

    .card{
        width:250px;
        height: 182px;
    }

    .bt-prf-med{
        float:none;
        display: block;
        margin: 5px auto;
        width: 220px;
    }

    .stxt-res{
        font-size: 14px;
        display: block;
        margin:6px auto;
        text-align: center; 
    }

    .txt-gr-vrim{
      font-size: 20px;
    }
}

@media screen and (max-width: 410px) {

 
}

@media screen and (max-width: 375px) {

.card{
    width: 180px;
    height: 131px;
}

.container-slider {
    height: 220px;
}
   
}

@media screen and (max-width: 360px) {
   .tit-pac {
    margin-top: 20px;
  }
}

@media screen and (max-width: 320px) {

 .txt-bnv {
    margin-top: 20px;
}

.img-far {
    width: 260px;
}

.wrp-trj {
    width:340px;
}

.txt-trj {
    font-size: 16px;
}



}