@charset "UTF-8";
/* Custom CSS Document */

/**************************************************/
/* link */

.cs_hover_primary:hover{
  color: var(--primary);
}

.cs_hover_secondary:hover{
  color: var(--secondary);
}

.cs_hover_accent:hover{
  color: var(--accent);
}

.cs_hover_accent_v3:hover{
  color: var(--accent_v3);
}

.cs_hover_accent_v4:hover{
  color: var(--accent_v4);
}

.cs_hero .cs_hero_btn_group .cs_accent_bg_v1:hover {
  background-color: var(--primary);
}

.cs_newsletter-btn:hover {
  background-color: var(--accent_v2);
}

/*a {
  color: #2a3742;
  text-decoration: underline;
}
a:hover {
  color: #e0253c;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
*/

/**************************************************/
/* Fotter bg gradient */
/**************************************************/

.cs_gradient_bg {
  background: linear-gradient(0deg, rgba(35,49,59,1) 30%, rgba(46,63,78,1) 65%, rgba(86,101,123,1) 100%);
}

.mei-checkbox:checked {
  background-color: #e0253c;
  border: 1px #e0253c;
}

/**************************************************/
/* Margin title */
/**************************************************/

.margin-title {
  display: inline-block;
  position: relative;
}

.margin-title:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #e0253c;
  width: 100%;
  transform: translateX(-50%);
  bottom: -6px;
  left: 50%;
  padding-bottom: 20px;
}

.ms-4-5 {
  margin-left: 1.72rem !important;
}

/**************************************************/
/* Selection content */
/**************************************************/
::selection {
    background: #e51838;
    color:#fff;
}


/**************************************************/
/* font size */
/**************************************************/

.fs-6-5 {
  font-size: 0.84rem !important;
}

.fs-7 {
  font-size: 0.78rem !important;
}

.fs-8 {
  font-size: 0.5rem !important;
}

.fs-9 {
  font-size: 0.25rem !important;
}


/**************************************************/
/* small text */
/**************************************************/

.small-text {
  font-size: 0.8rem !important;

}

/**************************************************/
/* border radius */
/**************************************************/

.cs_radius_5l {
  border-left: 5px;
}

.cs_radius_5r {
  border-right: 5px;
}

/**************************************************/
/* titles */
/**************************************************/

.title-content {
  font-family: "Roboto";
  color: #2a3742;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5rem;
  margin-bottom: 30px;
  margin-top: 30px;
}

.underlined-title {
  display: inline-block;
  position: relative;
}

.underlined-title:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #e0253c;
  width: 100%;
  transform: translateX(-50%);
  bottom: -15px;
  left: 50%;
}


/**************************************************/
/* subtitle */
/**************************************************/

.subtitle {
  text-transform: uppercase;
  font-family: "BebasNeueBold";
  color: #e0253c;
  font-size: 40px;
  line-height: 1.5rem;
  letter-spacing: -1px;
}

.subtitle > span {
  letter-spacing: -1.6px;
  font-family: "BebasNeueBold";
  color: #2a3742;
}

.title-item {
  font-family: "Roboto Bold";
  color: #2a3742;
  font-weight: 500;
  font-size: 1rem;
  line-height: 0.8;
}


/**************************************************/
/* full list */
/**************************************************/

.full-list {
    list-style: none;
    margin-left: 19px;
}

.full-list li {
    margin-bottom: 12px;
}

.full-list li:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
    font-weight: 800;
  color: #e0253c;
  display: inline-block;
  margin-left: -15px;
}

.full-list-check {
    list-style: none;
    margin-left: 19px;
}

.full-list-check li {
    margin-bottom: 12px;
}

.full-list-check li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  color: #e0253c;
  display: inline-block;
  margin-left: -20px;
}

/**************************************************/
/* Marquee */
/**************************************************/
.marquee {
  width: 100%;
  overflow: hidden;
  background: #2a3742;
  color: #fff;
}
/*END MARQUEE*/

.link {
  display: inline-block;
 color: #ffffff;
 background-color: blue;
  border-radius: 5px;
  border: 1px solid #000000;
  padding: 15px;
  margin-bottom: 25px;
    margin-top: 25px;
  text-decoration: none;
}


/**************************************************/
/* margins */
/**************************************************/

.mt-6 {
  margin-top: 3.5rem !important;
}


.mt-7 {
  margin-top: 3.75rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mt-9 {
  margin-top: 4.5rem !important;
}

.mt-10 {
  margin-top: 5rem !important;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}


/**************************************************/
/* Callouts */
/**************************************************/

.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 5px solid #eee;
}
.bs-callout-mei {
  color: #fff;
  background-color: #2e3f4e;
  border-color: #ffc107;
}
.bs-callout-danger {
  background-color: #fac3c3;
  border-color: #e35268;
}
.bs-callout-danger h4 {
  color: #b94a48;
}
.bs-callout-warning {
  background-color: #ffecb5;
  border-color: #664d03;
}
.bs-callout-warning h4 {
  color: #c09853;
}
.bs-callout-info {
  background-color: #c2ebff;
  border-color: #2b8799;
}
.bs-callout-info h4 {
  color: #3a87ad;
}



/**************************************************/
/* buttons */
/**************************************************/
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e0253c;
  --bs-btn-border-color: #e0253c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #556472;
  --bs-btn-hover-border-color: #556472;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #556472;
  --bs-btn-active-border-color: #556472;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b1bfc4;
  --bs-btn-disabled-border-color: #b1bfc4;
    padding: 6px 10px;
    font-size: 0.8rem;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2a3742;
  --bs-btn-hover-border-color: #2a3742;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2a3742;
  --bs-btn-active-border-color: #2a3742;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b1bfc4;
  --bs-btn-disabled-border-color: #b1bfc4;
    padding: 6px 10px;
    font-size: 0.8rem;
}