:root {
    --color-primary: #CC0732;
    --color-primary-trans: #CC07329F;
    --color-over: #8B0523;
    --black: #000;
    --white: #FFF;
}

@font-face {
  font-family: "Montserrat Light";
  src: url("/fonts/Montserrat-Light.ttf");
  src: url('/fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "Montserrat Regular";
  src: url("/fonts/Montserrat-Regular.ttf");
  src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "Montserrat Bold";
  src: url("/fonts/Montserrat-Bold.ttf");
  src: url('/fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "Montserrat Black";
  src: url("/fonts/Montserrat-Black.ttf");
  src: url('/fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

html {
  font-size: 18px;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Montserrat Light";
  font-size: 1rem;
}

h1, h2, h3 {
    font-family: "Montserrat Black";
}

#lgToken {display: none;}

.bg-primary {
    background-color: var(--color-primary) !important;
}

strong {font-family: "Montserrat Black";}

.row {padding: 0 !important; margin: 0 !important;}

.row > * {
    padding: 0;
    margin-top: 0;
}

.st0, .st1 {fill: var(--white);}
.txc-primary {color: var(--color-primary);}

.btn-caritas {
  background-color: var(--color-primary);
  border-radius: 2rem;
  padding: .5rem 2rem;
}

.btn-caritas:hover {
  background-color: var(--color-over);
}

.btn-caritas:hover, 
.btn-caritas:focus, 
.btn-caritas:active { 
 background-color: var(--black); 
}

.btn-caritas-black {
  background-color: var(--black);
  border-radius: 2rem;
  padding: .5rem 2rem;
}

.btn-caritas-black:hover {
  background-color: var(--color-over);
}

.car-header {position: relative; font-size: 0;}
.car-video {width: 100%; font-size: 0;}
.car-video video {width: 100%; font-size: 0;}
.car-header-mask {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000008d; display: none;}
.car-title {position: absolute; z-index: 9999;}
.car-title h1 {font-size: 126px; line-height: 126px; color: var(--white); margin: 0;}
.car-title p {font-size: 35px; line-height: 35px; color: var(--white); margin: 0; font-family: "Montserrat Black";}

#lgCaritas {height: 4rem;}
.navbar {padding: 0 !important;}
.btn-black {background-color: var(--black);}
.btn-black:hover {background-color: var(--color-over);}
#navCartarq ul {width: 80%; justify-content: center;}
#navCartarq ul li {margin: 0 1rem;}
#navCartarq ul li a {font-size: .7rem;}
#donateCartarq {width: 10rem; border-radius: 2rem; font-size: .7rem;}

.car-visMis img {width: 100%;}
.car-visMis-text {padding: 0 3rem;}
.car-visMis-text h2 {font-size: 1.5rem; line-height: 1.5rem;}
.car-visMis-text p {text-align: justify; font-size: .88rem;}

.car-donate img {width: 100%;}
.car-donate-item {position: absolute; text-align: center; transition: ease-in-out 0.4s; display: flex; align-items: center; justify-content: center; width: 100%; z-index: 9999; bottom: 0; height: 35%; background-color: var(--color-primary-trans);}
.car-donate-item p {color: var(--white); margin: 0;}
.car-donate-item p span {display: block; color: var(--white); font-size: 4.2rem; line-height: 4.2rem; font-family: "Montserrat Black";}
.car-donate-sec:hover div.car-donate-item {height: 100%;}
.car-donate-sec:hover div.car-donate-message {display: block;}
.car-donate-message {display: none;}
.car-donate-big {position: absolute; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; z-index: 9999; bottom: 0; height: 100%; background-color: var(--color-primary-trans);}
.car-donate-big p {color: var(--white); margin: 0;}
.car-donate-big p span {display: block; color: var(--white); font-size: 4.2rem; line-height: 4.2rem; font-family: "Montserrat Black";}
.car-donate-note {width: 80%; margin: 1rem auto 0 !important;}

.car-mil-x-info {
  border-radius: 2rem;
}

.car-mil-x-info h2 {
  font-size: 4.7rem;
  color: var(--white);
}

.car-mil-x-info h2 span {
  font-size: 4.7rem;
  color: var(--black);
  font-family: "Montserrat Black";
}

.car-mil-x-info h3 {
  font-size: 1.8rem;
  color: var(--white);
  font-family: "Montserrat Bold";
}

.car-mil-x-info p {
  color: var(--white);
  margin: 3rem 0 0;
}

.car-action-info h2 {
  font-size: 1.8rem;
  color: var(--color-primary);
}

.car-action-info p {
  color: var(--color-primary);
}

.car-acc-item {
  background-color: var(--color-primary);
  width: 90%;
  margin: 0 auto;
  padding: 2rem !important;
  border-radius: 1rem;
}

.car-acc-item h2 {
  font-size: 15px;
  color: var(--white);
}

.car-acc-item p {
  font-size: 11px;
  color: var(--white);
  margin: 0;
}

.car-acc-item p span {
  font-size: 11px;
  color: var(--white);
  font-family: "Montserrat Bold";
}

.car-acc-item svg {
  width: 68px;
}

.car-labor-content {
  background: url(/images/caritas-programas.png) bottom left no-repeat;
  background-size: 20%;
}

.car-labor h2 {
  color: var(--white);
  font-size: 3.8rem;
}

.car-labor-text ul {
  list-style-image: url(/images/caritas-list.png);
}

.car-labor-text ul li {
  margin: 1rem 0;
  color: var(--white);
}

.car-aliados h2 {
  color: var(--color-primary);
  font-size: 1.8rem;
}

.footer-content h3 {
  font-size: 1rem;
  color: var(--color-primary);
}

.footer-content p {
  color: #fff;
  margin: 0;
  font-size: 10px;
}

.font-bold {
  font-weight: bold;
}

.footer-adds {
  margin-bottom: 1rem;
}

.footer-contc span {
  display: block;
  font-weight: bold;
  font-size: 10px;
}

.footer-dir {
  text-align: center;
}

.footer-dir ul {
  list-style: none;
  margin: 0;
}

.footer-dir ul li {
  display: inline;
  margin: 0 1rem;
}

.footer-dir ul li a {
  text-decoration: none;
  color: #FFF;
  font-size: 14px;
}

.land-logo {
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.land-mil-head {
  padding: 10rem 0;
}

.land-mil-dona {
  position: relative;
}

.land-mil-dona form {
  border-radius: 2rem;
  margin-left: -14rem;
  font-size: 1.5rem;
  font-family: "Montserrat Bold";
  background-color: #000;
  width: 30rem;
  position: absolute;
  top: -10rem;
  left: 50%;
}

.land-btn {
  width: 100%;
}

.land-mil {
  background: url(/images/mil-por-mil-bg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.land-mil h1 {
  font-size: 132px;
}

.land-mil h1.title-dona {
  font-size: 42px;
  line-height: 42px;
}

.land-mil p {
  font-size: 40px;
  color: #FFF;
  font-family: "Montserrat Bold";
}

.land-mil p.txt-dona {
  font-size: 27px;
  line-height: 32px;
  font-family: "Montserrat Light";
}

.land-mil h1 span {
  font-size: 132px;
  font-family: "Montserrat Black";
  color: #FFF;
}

.land-mil-text h2 {
  color: #FFF;
  font-size: 20px;
}

.land-mil-text p {
  color: #FFF;
}

.land-mil-text ul li {
  color: #FFF;
}

.form-landing {
  padding: 2rem;
  background-color: #F4F0F0;
  width: 70%;
  margin: 0 auto;
}

.form-landing h2 {
  color: var(--color-primary);
  font-size: 18px;
}

.form-landing-input {
  margin: .5rem 0;
}

.form-landing-input label {
  font-size: 12.5px;
  color: var(--color-primary);
}

.form-input-item {
  padding: .5rem 1rem;
  background-color: var(--white);
  font-size: 0;
}

.form-input-item input {
  width: 100%;
  font-size: .7rem;
  outline: none;
  border: none;
  background: none;
}

.form-landing-textarea {
  margin: .5rem 0;
}

.form-landing-textarea label {
  font-size: 12.5px;
  color: var(--color-primary);
}

.form-textarea-item {
  padding: .5rem 1rem;
  background-color: var(--white);
  font-size: 0;
}

.form-textarea-item textarea {
  width: 100%;
  height: 5rem;
  font-size: .7rem;
  outline: none;
  border: none;
  background: none;
}

.form-landing-checkbox {
  justify-content: space-between;
  margin: 1rem 0 .5rem;
}

.form-landing-checkbox label {
  font-size: 12.5px;
  color: var(--color-primary);
  cursor: pointer;
}

.form-landing-checkbox input {
  cursor: pointer;
}

.form-landing-button {
  text-align: right;
  margin-top: 3rem;
}

.form-landing-button button {
  font-size: .7rem;
  padding: .4rem 3rem;
}

.car-modal {
  background-color: var(--white);
  position: fixed;
  top: 10%;
  left: 50%;
  width: 30%;
  margin-left: -15%;
  border-radius: .5rem;
  transition: ease-in-out 0.4s;
  display: none;
}

.modal-title {
  justify-content: space-between;
  border-bottom: 1px #CCC solid;
}

.modal-title p {
  padding: .5rem 1rem;
  font-size: .8rem;
  margin: 0;
  color: #999;
}

.modal-title p.car-close {
  cursor: pointer;
  color: #000;
}

.modal-info {
  padding: 1.5rem 1rem;
}

#mdData {
  font-size: .8rem;
  margin: 0;
}

.pay-mil-section {
  text-align: center;
  cursor: pointer;
}

.pay-mil-section:hover {
  background-color: var(--color-over);
}

.pay-mil-section svg {
  height: 3rem;
  margin-bottom: .5rem;
}

.pay-mil-section svg path {
  fill: var(--white);
}

.payActive {
  background-color: #000;
}

.payActive:hover {
  background-color: #000;
}

.pay-method-content {
  background-color: #000;
}

.pay-method-section {
  display: none;
}

.pay-method-text {
  padding: 2rem;
  color: var(--white);
}

.tabActive {
  display: flex !important;
}

.pay-method-image img {
  width: 100%;
}