@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: none; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
* { outline: none; }
a { text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { font-size: 62.5%; height: auto; -webkit-text-size-adjust: 100%; }
body {min-height: 100%;font-family: Arial, Helvetica, sans-serif;background: #1c2739;position: relative;background-size: cover;background-repeat: no-repeat;}

section, footer { width: 100%; }
.inner { width: 100%; max-width: 1280px; padding: 0 15px; margin: 0 auto; }

#content {padding: 60px 40px;position: relative;}
#content::before { content: "";}

@media(min-width:801px){
  .inner.inner--small { max-width: 1200px; }
  .inner.inner--xs { max-width: 800px; }
  .inner.inner--large { max-width: 1680px; }
}

/* Headers */
header { float: left; width: 100%; }
h1, h2, h3 {letter-spacing: 0rem;position: relative;font-weight: 500;text-transform: uppercase;}
h1 {font-size: 3.4rem;color: #fff;margin-top: 20px;}
h2 { font-size: 2.6rem; }
h3 { font-size: 2.2rem; }

.logo {width:100%;}
.logo img {max-width: 350px;width: 100%;}

.content-info {display: flex;flex-direction: row;gap: 30px;position: relative;z-index: 1;min-height: calc(100vh - 120px);}
.content-info.column { flex-direction: column;}
.content-info.center { justify-content: center; align-items: center; text-align: center;}

.text {font-size: 1.6rem;color: #fff;line-height: 2.6rem;font-weight: 300;}
.text strong {font-weight: 300;}
.text a { color: #000; text-decoration: underline;}

.social-icons {margin-top: 30px; display: flex; flex-direction: row; gap: 20px;}
.social-icons a {display: flex;width: 40px;height: 40px;align-items: center;justify-content: center;text-align: center;font-size: 2rem;color: #fff;border-radius: 50%;border: 1px solid #ffffff;}
.social-icons a:hover {background-color: rgb(255 255 255 / 20%);}

/* Margins */
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 40px; }
.mt60 { margin-top: 60px; }

/* Transitions */
.tr-a { transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; }

/* Clearfix */
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


/* Responsive */
*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
[class*='c-'] { float: left; padding: 0 10px; }
[class*='c-']:last-of-type, .lastc { float: left; }

.c-1 { width: 100%; }
.c-2 { width: 50%; }
.c-3 { width: 33.33%; }
.c-4 { width: 25%; }
.c-5 { width: 20%; }
.c-6 { width: 16.6666666667%; }
.c-7 { width: 14.2857142857%; }
.c-8 { width: 12.5%; }
.c-9 { width: 11.1111111111%; }
.c-10 { width: 10%; }
.c-11 { width: 9.09090909091%; }
.c-12 { width: 8.33%; }
.c-5-2 { width: 40%; }
.c-5-4 { width: 80%; }
.c-20 { width: 20%; }
.c-30 { width: 30%; }
.c-40 { width: 40%; }
.c-45 { width: 45%; }
.c-55 { width: 55%; }
.c-60 { width: 60%; }
.c-70 { width: 70%; }
.c-80 { width: 80%; }

/*Buttons*/

.btn-box { margin-top:20px;}
.btn-1 {background-color: #fff;color: #192827;cursor: pointer;display: inline-block;font-family: inherit;font-size: 18px;font-weight: 400;padding: 10px 20px;position: relative;text-align: center;text-decoration: none;transition: background-color 0.25s, transform 0.25s;vertical-align: middle;white-space: nowrap;line-height: 1.5;border-radius: 2px;}
.btn-1 i { margin-left:8px;}
.btn-1:hover  {background-color: rgba(255, 255, 255, 0.8);}


/*Progress Bar */
.progressbar {width: 60%;margin-top: 10px; position: relative;}
.meter {
  height: 18px;
  position: relative;
  background: rgb(255 255 255 / 0%);
  overflow: hidden;
  width: 100%;
  border-radius: 18px;
  border: 1px solid #000;
}

.progressbar .percent {position: absolute;bottom: -18px;font-size: 1.3rem;color: #fff;opacity: .8;letter-spacing: 0.0rem;}
.progressbar .percent.left {left: 0;}
.progressbar .percent.right {right: 0;}


.meter span {
  display: block;
  height: 100%;
  border-radius: 0px;
}

.progress {
  background-color: #fff;
  -webkit-animation: progressBar 2s ease-in-out;
  -webkit-animation-fill-mode:both;
  -moz-animation: progressBar 2s ease-in-out;
  -moz-animation-fill-mode:both;
}

@-webkit-keyframes progressBar {
0% { width: 0; }
100% { width: 100%; }
}

@-moz-keyframes progressBar {
0% { width: 0; }
100% { width: 100%; }
}

/* 1100px */
@media (max-width: 1100px) {
  .c-2, .c-7 { width: 100%; }
  .c-4, .c-8, .c-10, .c-12 { width: 50%; }
}

/* 800px */
@media (max-width: 800px) {
  .c-4, .c-6, .c-8, .c-10, .c-12 { width: 50%; }
  .c-1, .c-2, .c-3, .c-5, .c-7, .c-9, .c-11, .c-40, .c-60 { width: 100%; }
}
/* 600px */
@media (max-width: 667px) {
  h1 {font-size: 2.8rem;}
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.6rem; }
  #content { padding: 40px 40px;}
  .progressbar { width: 80%;}
}
/* 480px */
@media (max-width: 480px) {
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, footer ul li.c-4 { width: 100%; }
}