.btn-rounded {
	border-radius: 50px;
	padding-left: 2rem;
	padding-right: 2rem;
}

.btn-square {
	border-radius: 0;
	padding-left: 2rem;
	padding-right: 2rem;
}

.font-md {
  font-size: 1rem;
}
.font-sm {
  font-size: 0.8rem;
}
.font-lg {
  font-size: 1.5rem;
}
.font-xl {
  font-size: 2.5rem;
}


.section {
  padding: 50px 0;
}
.section-0 {
  padding: 0;
}
.section-xs {
  padding: 10px 0;
}
.section-sm {
  padding: 25px 0;
}
.section-md {
  padding: 65px 0;
}
.section-lg {
  padding: 75px 0;
}

/* Add here all your css styles (customizations) */
.hidden {
  display: none !important;
}

.vh-100 {
  height: 100vh;
}
@media (max-width: 575px)
{
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up,
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}
  
/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up,
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down,
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    }
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up,
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px){
  .hidden-xl-down {
    display: none !important;
  }
}

@media(min-width: 1400px){
  .hidden-unless-lg {
    display: none !important;
  }
}

/* Extend width */

@media (min-width: 576px) {
  .w-sm-25{
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .w-md-25{
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .w-lg-25{
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }

  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }

  .vh-lg-100 {
    height: 100vh;
  }
}

@media (min-width: 1200px) {
  .w-xl-25{
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
}
  
.input-group.is-invalid~.invalid-feedback,
.input-group.is-invalid~.invalid-tooltip,
.input-group.is-valid~.valid-feedback,
.input-group.is-valid~.valid-tooltip {
  display: block;
}
  
.input-group.is-invalid .form-control {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
.input-group.is-valid .form-control {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.25);
}


.card-deck.clean .card,
.card-deck.clean .card-footer {
	border: none;
}

.card-deck.clean .card-footer {
	background-color: inherit;
}

@media(min-width: 991px){
	.card-deck-lg {
		margin-left: -45px;
		margin-right: -45px;
		margin-bottom: 45px;
	}
	.card-deck-lg + .card-deck-lg {
		margin-top: 90px;
	}
	.card-deck-lg > .card {
		margin-left: 45px;
		margin-right: 45px;
	}
}

@media (min-width: 0) {
  .card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}

@media (min-width: 0) {
  .card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}

@media (min-width: 992px) {
  .card-deck.columns-4 .card {
    flex: 0 0 calc(25% - 30px);
  }
  .card-deck.columns-3 .card {
    flex: 0 0 calc(33% - 30px);
  }
}