/* :root {
  --blush: #FFF4F5;
  --ruby: #D0021B;
  --smoothie: #FFF5E1;
  --orange: #FF7900;
}

.invalid, .alert {
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
}

.invalid {
  color: var(--ruby);
  background-color: var(--blush);
}

.alert {
  color: var(--orange);
  background-color: var(--smoothie);
} */

@media only screen and (min-width: 768px){
    section {
        padding: 11rem 0 !important;
    }
    .containeremail{
        margin-left: 8rem!important;
        width: 75%!important;
    }
    div.containerimg img {
      width: auto;
      height: 100%;
      } 
}
@media only screen and (max-width: 768px){
    section {
        padding: 9rem 0!important;
    }
    .containeremail{
        margin-left: 0rem!important;
        width: 100%!important;
    }
    .containeremail .input-group{
        display: block !important;
       
    }
    .containeremail .input-group input{
        width: 100% !important;
        border-bottom-right-radius: .7rem !important;
        border-top-right-radius: .7rem !important;
        padding:.78rem 1rem !important;
       
    }
    .containeremail .input-group button{
        width: 100% !important;
        border-bottom-left-radius: .7rem !important;
        border-top-left-radius: .7rem !important;
        margin-top: 15px;
        padding:.78rem 1rem !important;
       
    }
    div.containerimg img {
      width: 100%;
      height: auto;
      } 
}
.overlay:after {
    background-color: #000000 !important;
}
.bg-black {
    background-color: #000000 !important;
}
.bg-orange {
  background-color: #fd7e14!important;
}
.bg-channtin {
  background-color: #e8a281 !important;
}
.link-muted {
  color: #e8a281 !important;
  text-decoration: none !important;
}

.link-muted[aria-expanded=true], .link-muted.active, .link-muted:hover{
  color: #c58a6e!important;
}

.text-tertiary {
  color: #e8a281 !important;
}
.text-channtin {
  color: #4e4c4d !important;
}
.text-channtin:hover {
  color: #4e4c4d !important;
}
.fs-7{
  font-size: .9375rem;
}
.btn-channtin-light {
  color: #e8a281 !important;
  background-color: #fcede6 !important;
  border-color: #e8a281 !important;
  box-shadow: unset;
}
.btn-channtin-light:hover {
  color: #ffffff !important;
  background-color: #e8a281 !important;
  border-color: #edb59a !important;
} 
.btn-channtin-dark {
  color: #ffffff !important;
  background-color: #4e4c4d !important;
  border-color: #4e4c4d !important;
  box-shadow: unset;
}
.btn-channtin-dark:hover {
  color: #ffffff !important;
  background-color: #181818 !important;
  border-color: #181818 !important;
}
.btn-tertiary {
    color: #fff !important;
    background-color: #e8a281 !important;
    border-color: #e8a281 !important;
    box-shadow: unset;
}
.btn-tertiary:hover {
    color: #fff !important;
    background-color: #a8765e !important;
    border-color: #a8765e !important;
}
.btn-check:focus + .btn-tertiary, .btn-tertiary:focus {
    color: #fff !important;
    background-color: #e8a281 !important;
    border-color: #e8a281 !important;
    box-shadow: unset, 0 0 0 0.25rem rgba(61, 74, 105, 0.5);
}
.btn-check:checked + .btn-tertiary, .btn-check:active + .btn-tertiary, .btn-tertiary:active, .btn-tertiary.active, .show > .btn-tertiary.dropdown-toggle {
    color: #fff !important;
    background-color: #a8765e !important;
    border-color: #8b624e !important;
}
.btn-check:checked + .btn-tertiary:focus, .btn-check:active + .btn-tertiary:focus, .btn-tertiary:active:focus, .btn-tertiary.active:focus, .show > .btn-tertiary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(61, 74, 105, 0.5);
}
.btn-tertiary:disabled, .btn-tertiary.disabled {
    color: #fff !important;
    background-color: #e8a281 !important;
    border-color: #e8a281 !important;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
  }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
  }
  .navbar-light .navbar-nav .nav-link {
    color: #808285 !important;
  }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #e8a281 !important;
  }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
  }
  .navbar-light .navbar-nav .show > .nav-link,
  .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
  }
  .navbar-light .navbar-toggler {
    color: #808285 !important;
    border-color: transparent;
  }
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23384c74' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-light .navbar-text {
    color: #808285 !important;
  }
  .navbar-light .navbar-text a,
  .navbar-light .navbar-text a:hover,
  .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
  }

  .form-control:focus {
    border-color: rgba(0, 0, 0, 0.5) !important;
}
.invalid.invalid-feedback {
  display: block !important;
}

.invalid-feedback {
  /* font-size: 1.1em !important; */
  text-align: left;
  margin-bottom: -6px;
  padding: 6px 10px;
  color: #f64e60 !important;
  font-weight: 500;
}

.valid{
  border-color: #6dbb30 !important;
}
.invalid{
  border-color: #f64e60 !important;
}

#plan1,#plan2 {
  cursor:pointer;
}

.planselected {
  border: 1px solid #e8a281!important;
} 
.form-check-input-tertiary:checked {
  background-color: #e8a281 !important;
  border-color: #e8a281 !important;
}
a {
  color: #e8a281 !important;
  text-decoration: underline;
}

a:hover {
  color: #a06f59 !important;
}
.alert-channtin {
  color: rgba(0,0,0,.5);
  background-color: #f8f9fa;
  border-color: #f4d1c0 !important;
  margin-top: 15px;;
}
.btn-yappy{
  background-color: #004c97 !important;
  border-color: #004c97 !important;
  color: #ffffff!important;
}
.sw2-title{
  font-size: 40px!important;
  padding-top: 10px !important;
}

.swal2-html-container{
  font-size: 1.3em !important;

}
.cursor-t{
  cursor: text !important;
}

footer {
  margin-top: auto;
}
html, body {
  display: flex;
  flex-direction: column;
}

.img-center {
  text-align: center; 
  border-radius: 8px;
  width: 100px;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.row>* {
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x)*.1)!important;
  padding-right: calc(var(--bs-gutter-x)*.0)!important;
  width: 100%;
}
.mb-2p{
  margin-bottom: 2px;
}

.pswp__custom-caption {
  background: rgb(0 0 0 / 36%) !important;
  font-size: 16px;
  color: #fff;
  width: calc(100% - 32px);
  max-width: 450px;
  padding: 15px;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
}
.pswp__custom-caption a {
  color: #fff;
  text-decoration: underline;
}
.hidden-caption-content {
  display: none;
}

.pswp__caption {

  margin-bottom: 30px!important;
}
button.pswp__button--like {
  font-size: 20px;
  color: #fff;
} 
.pswp__bg {
  background: #000000!important;
  /*opacity: 1!important;*/
}
.swal2-container {
  z-index: 200000 !important;
} 

.attachment{
  position: relative!important;
  float: left!important;
  padding: 1px!important;
  margin: 0!important;
  color: #3c434a!important;
  cursor: pointer!important;
  list-style: none!important;
  text-align: center!important;
  -webkit-user-select: none!important;
  user-select: none!important;

  box-sizing: border-box!important;
}

.attachment-preview:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.attachment-preview {
position: relative!important;
box-shadow: inset 0 0 15px rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(0 0 0 / 5%)!important;
background: #f0f0f1!important;
cursor: pointer!important;
}

.attachment .thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
  overflow: hidden;
}
.attachment .thumbnail {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: opacity .1s;
}

.attachment .thumbnail .centered {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(50%,50%);
}
.attachment .thumbnail .centered img {
  transform: translate(-50%,-50%);
}
 .attachment .thumbnail img {
  position: absolute;
}

 .attachment .portrait img {
  max-width: 100%;
}
.attachment .thumbnail img {
  top: 0;
  left: 0;
}

.attachment .landscape img {
  max-height: 100%;
}

.attachment .portrait img {
  max-width: 100%;
}




.modal-body {
  flex: 1 1 auto;
  padding: 0.3rem!important;
  position: relative;
}
  .modal-fullscreen {
    height: 100vh!important;
    margin: 0!important;
    max-width: none!important;
    width: 100%!important;
}

.modal-fullscreen .modal-body {
  overflow-y: clip!important;
}
.modal-header .btn-close {
  margin: -0.5rem 1rem -0.5rem auto!important;
  padding: 0.5rem;
}

.modal-footer {

  border-top: 0px solid #000!important;
 
}

.modal-header .btn-favorite {
  margin: -0.5rem -12rem -0.5rem auto;
  padding: 0.5rem;
}
.btn-favorite {
  box-sizing: content-box;
  width: 1em;
  height:1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='50px' viewBox='0 0 18 18'%3e%3cpath d='M9 14.5L4 9.5C0.5 6 3.5 3.5 5.5 3.5C8 3.5 9 6 9 6C9 6 10 3.5 12.5 3.5C14.5 3.5 17.5 6 14 9.5Z' style='fill: none; stroke: black' /%3e%3c/svg%3e") center/1.8em auto no-repeat;
  border: 0;
  border-radius: 0.6rem;
  opacity: 0.5;
}
.btn-favorite:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-favorite:focus {
  outline: 0;
  box-shadow: 0;
  opacity: 1;
}
.btn-favorite:disabled, .btn-favorite.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.25;
}

.btn-favorite-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}


@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}