@import url("https://fonts.googleapis.com/css?family=Lato|Lato:900|Roboto:&display=swap");
html {
  font-size: 1.0rem;
  color: #322f31; }

html, body, h1, h2, h3, h4, h5, h6, p {
  line-height: 1.5; }

html, body, p {
  font-family: 'Roboto'; }

p, .para {
  font-size: 1.0rem; }

h1, .h1 {
  font-family: 'Lato';
  font-weight: 900; }

h2, .h2 {
  font-family: 'Roboto'; }

h3, .h3 {
  font-family: 'Roboto'; }

h4, .h4 {
  font-family: 'Roboto'; }

h5, .h5 {
  font-family: 'Roboto'; }

h6, .h6 {
  font-family: 'Roboto'; }

h1, .h1 {
  font-size: 3.2003125rem; }

h2, .h2 {
  font-size: 2.85rem; }

h3, .h3 {
  font-size: 1.6001506024096386rem; }

h4, .h4 {
  font-size: 1.3541666666666665rem; }

h5, .h5 {
  font-size: 1.4097744360902256rem; }

h6, .h6 {
  font-size: 1.125rem; }

.display-font-1 {
  color: #000000; }

.display-font-2 {
  color: #00c0ff; }

.display-font-3 {
  color: #e5e5e5; }

.display-font-4 {
  color: #000000;
  font-size: 60px;
  font-weight: 900; }

.display-font-5 {
  color: #ffffff; }

@media (min-width: 576px) {
  h1, .h1 {
    font-size: 3.609375rem; }

  h2, .h2 {
    font-size: 2.85rem; }

  h3, .h3 {
    font-size: 1.7025602409638554rem; }

  h4, .h4 {
    font-size: 1.3541666666666665rem; }

  h5, .h5 {
    font-size: 1.4097744360902256rem; }

  h6, .h6 {
    font-size: 1.125rem; } }
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 3.994375rem; }

  h2, .h2 {
    font-size: 3.2142857142857144rem; }

  h3, .h3 {
    font-size: 1.7025602409638554rem; }

  h4, .h4 {
    font-size: 1.3541666666666665rem; }

  h5, .h5 {
    font-size: 1.4097744360902256rem; }

  h6, .h6 {
    font-size: 1.125rem; } }
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 4.2109375rem; }

  h2, .h2 {
    font-size: 3.5571428571428574rem; }

  h3, .h3 {
    font-size: 1.9201807228915662rem; }

  h4, .h4 {
    font-size: 1.4408333333333332rem; }

  h5, .h5 {
    font-size: 1.4097744360902256rem; }

  h6, .h6 {
    font-size: 1.125rem; } }
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 4.8125rem; }

  h2, .h2 {
    font-size: 3.7500000000000004rem; }

  h3, .h3 {
    font-size: 2.125rem; }

  h4, .h4 {
    font-size: 1.625rem; }

  h5, .h5 {
    font-size: 1.5rem; }

  h6, .h6 {
    font-size: 1.125rem; } }
a {
  color: rgba(0, 192, 255, 0.59);
  font-weight: 400; }

a:hover {
  color: #00c0ff; }

a.text-link-1 {
  color: rgba(153, 153, 151, 0.61);
  font-weight: 400;
  text-decoration: underline; }

a.text-link-1:hover {
  color: #999997;
  text-decoration: underline; }

a.text-link-2 {
  color: rgba(55, 55, 55, 0.69);
  font-weight: 400;
  text-decoration: underline; }

a.text-link-2:hover {
  color: #575757; }

a.text-link-3 {
  color: rgba(0, 0, 0, 0.74);
  font-weight: 400;
  text-decoration: underline; }

a.text-link-3:hover {
  color: #000000; }

a.text-link-4 {
  color: rgba(229, 229, 229, 0.91);
  font-weight: 400;
  text-decoration: underline; }

a.text-link-4:hover {
  color: #e5e5e5; }

.prim-color-1 {
  background-color: #00c0ff !important; }

.prim-color-2 {
  background-color: #999997 !important; }

.prim-color-3 {
  background-color: #e5e5e5 !important; }

.prim-color-4 {
  background-color: #000000 !important; }

.prim-color-5 {
  background-color: #575757 !important; }

.hover-prim-color-1:hover {
  background-color: #00c0ff !important; }

.hover-prim-color-2:hover {
  background-color: #999997 !important; }

.hover-prim-color-3:hover {
  background-color: #e5e5e5 !important; }

.hover-prim-color-4:hover {
  background-color: #000000 !important; }

.hover-prim-color-5:hover {
  background-color: #575757 !important; }

.hover-text-prim-color-1:hover {
  color: #00c0ff !important; }

.hover-text-prim-color-2:hover {
  color: #999997 !important; }

.hover-text-prim-color-3:hover {
  color: #e5e5e5 !important; }

.hover-text-prim-color-4:hover {
  color: #000000 !important; }

.hover-text-prim-color-5:hover {
  color: #575757 !important; }

.text-prim-color-1 {
  color: #00c0ff !important; }

.text-prim-color-2 {
  color: #999997 !important; }

.text-prim-color-3 {
  color: #e5e5e5 !important; }

.text-prim-color-4 {
  color: #000000 !important; }

.text-prim-color-5 {
  color: #575757 !important; }

.border-prim-color-1 {
  border-color: #00c0ff; }

.border-prim-color-3 {
  border-color: #999997; }

.border-prim-color-4 {
  border-color: #e5e5e5; }

.border-prim-color-5 {
  border-color: #000000; }

.border-prim-color-5 {
  border-color: #575757; }

.sec-color-1 {
  background-color: #e1e1e1 !important; }

.sec-color-2 {
  background-color: #e8e9ee !important; }

.sec-color-3 {
  background-color: #8b8b8b !important; }

.sec-color-4 {
  background-color: #5c5e60 !important; }

.sec-color-5 {
  background-color: #181a1d !important; }

.text-sec-color-1 {
  color: #e1e1e1 !important; }

.text-sec-color-2 {
  color: #e8e9ee !important; }

.text-sec-color-3 {
  color: #8b8b8b !important; }

.text-sec-color-4 {
  color: #5c5e60 !important; }

.text-sec-color-5 {
  color: #181a1d !important; }

.border-sec-color-1 {
  border-color: #999997; }

.border-sec-color-3 {
  border-color: #e5e5e5; }

.border-sec-color-4 {
  border-color: #000000; }

.border-sec-color-5 {
  border-color: #575757; }

.border-sec-color-5 {
  border-color: #575757; }

.btn-1 {
  font-family: 'Lato';
  padding: 8px 50px;
  border-width: 0px;
  border-style: solid;
  border-radius: 100px;
  border-color: transparent;
  color: #ffffff !important;
  background: #00c0ff;
  font-size: 18px;
  text-transform: uppercase; }

.btn-1:hover {
  color: #ffffff !important;
  filter: brightness(110%); }

.btn-2 {
  font-family: 'Lato';
  padding: 8px 50px;
  border-width: 0px;
  border-style: solid;
  border-radius: 4px;
  border-color: #00c0ff;
  color: #ffffff !important;
  background: #00c0ff;
  font-size: 14px;
  text-transform: uppercase; }

.btn-2:hover {
  border-color: #00c0ff;
  color: #ffffff;
  background: rgba(0, 192, 255, 0.72); }

.btn-3 {
  font-family: 'Lato';
  padding: 8px 50px;
  border-width: 0px;
  border-style: solid;
  border-radius: 4px;
  border-color: transparent;
  color: #ffffff !important;
  background: #00c0ff;
  font-size: 14px;
  text-transform: none; }

.btn-3:hover {
  border-color: #000000;
  color: #ffffff !important;
  background: #00c0ff; }

.btn-4 {
  padding: 10px 25px;
  border-width: 0px;
  box-shadow: none;
  border-style: solid;
  border-radius: 4px;
  border-color: transparent;
  color: #ffffff !important;
  background: #000000;
  font-size: 16px;
  text-transform: uppercase; }

.btn-4:hover {
  color: #ffffff !important;
  filter: brightness(110%); }

.btn-5 {
  padding: 22px 22px;
  border-width: 0px;
  border-style: solid;
  border-radius: 4px;
  border-color: transparent;
  color: #ffffff !important;
  background: #000000;
  font-size: 22px;
  font-weight: 600;
  text-transform: none; }

.btn-5:hover {
  color: #ffffff !important;
  filter: brightness(110%); }

.prim-gr-1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: -moz-linear-gradient(180deg, #00c0ff 0%, #2b5ded 100%);
  background-image: -webkit-linear-gradient(180deg, #00c0ff 0%, #2b5ded 100%);
  background-image: linear-gradient(180deg, #00c0ff 0%, #2b5ded 100%); }

.prim-gr-2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: -moz-linear-gradient(180deg, #1c49d4 0%, #8b1cd4 100%);
  background-image: -webkit-linear-gradient(180deg, #1c49d4 0%, #8b1cd4 100%);
  background-image: linear-gradient(180deg, #1c49d4 0%, #8b1cd4 100%); }

.prim-gr-3 {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: -moz-linear-gradient(0deg, #a97428 0%, #f2da7b 100%);
  background-image: -webkit-linear-gradient(0deg, #a97428 0%, #f2da7b 100%);
  background-image: linear-gradient(0deg, #a97428 0%, #f2da7b 100%); }

.prim-gr-4 {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: -moz-linear-gradient(180deg, #22be87 0%, #22b3be 100%);
  background-image: -webkit-linear-gradient(180deg, #22be87 0%, #22b3be 100%);
  background-image: linear-gradient(180deg, #22be87 0%, #22b3be 100%); }

.prim-gr-5 {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: -moz-linear-gradient(180deg, #df111a 0%, #df111a 100%);
  background-image: -webkit-linear-gradient(180deg, #df111a 0%, #df111a 100%);
  background-image: linear-gradient(180deg, #df111a 0%, #df111a 100%); }