/*
&family=Roboto:wght@600,&family=Roboto:wght@400,&family=Roboto:wght@600,&family=Roboto:wght@400,&family=Roboto:wght@700,&family=Roboto:wght@400,&family=Roboto:wght@400,&family=Roboto:wght@400,&family=Roboto:wght@500,&family=Roboto:wght@400,

*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@600&family=Roboto:wght@400&family=Roboto:wght@300&family=Roboto:wght@700&family=Roboto:wght@500&display=swap");
html {
  font-size: 1.0rem;
  color: #322f31; }

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

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

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

h1, .h1 {
  font-family: 'Roboto';
  font-weight: 600; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.display-font-4 {
  color: #cccccc;
  font-weight: 300; }

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

.display-font-6 {
  font-size: 66px;
  font-weight: 400; }

.display-font-7 {
  font-size: 68px;
  font-weight: 400; }

.display-font-8 {
  font-size: 46px;
  font-weight: 400; }

.display-font-9 {
  font-size: 46px;
  font-weight: 400; }

.display-font-10 {
  font-size: 48px;
  font-weight: 400; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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: #21c1fd !important; }

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

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

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

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

.hover-prim-color-1:hover {
  background-color: #21c1fd !important; }

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

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

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

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

.hover-text-prim-color-1:hover {
  color: #21c1fd !important; }

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

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

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

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

.text-prim-color-1 {
  color: #21c1fd !important; }

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

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

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

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

.border-prim-color-1 {
  border-color: #21c1fd !important; }

.border-prim-color-3 {
  border-color: #44dedf !important; }

.border-prim-color-4 {
  border-color: #464646 !important; }

.border-prim-color-5 {
  border-color: #222222 !important; }

.border-prim-color-5 {
  border-color: #5c5e60 !important; }

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

.sec-color-2 {
  background-color: #f9f9f9 !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: #e5e5e5 !important; }

.text-sec-color-2 {
  color: #f9f9f9 !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: #e5e5e5 !important; }

.border-sec-color-2 {
  border-color: #f9f9f9 !important; }

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

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

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

.display-color-1 {
  background-color: #21c1fd !important; }

.display-color-2 {
  background-color: #48eff0 !important; }

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

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

.display-color-5 {
  background-color: #ffffff !important; }

.text-display-color-1 {
  color: #21c1fd !important; }

.text-display-color-2 {
  color: #48eff0 !important; }

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

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

.text-display-color-5 {
  color: #ffffff !important; }

.border-display-color-1 {
  border-color: #21c1fd !important; }

.border-display-color-2 {
  border-color: #48eff0 !important; }

.border-display-color-3 {
  border-color: #e5e5e5 !important; }

.border-display-color-4 {
  border-color: #000000 !important; }

.border-display-color-5 {
  border-color: #ffffff !important; }

.btn-1 {
  font-family: 'Roboto' !important;
  padding: 18px 50px !important;
  border-width: 3px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  background: #000000 !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important; }

.btn-1:hover {
  box-shadow: none !important;
  border-color: #44dedf !important;
  color: #ffffff !important;
  background: #44dedf !important; }

.btn-2 {
  font-family: 'Roboto' !important;
  padding: 15px 25px !important;
  border-width: 3px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  background: #000000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important; }

.btn-2:hover {
  box-shadow: none;
  border-color: #44dedf !important;
  color: #ffffff !important;
  background: #44dedf !important; }

.btn-3 {
  font-family: 'Roboto' !important;
  padding: 12px 50px !important;
  border-width: 5px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: #222222 !important;
  color: #ffffff !important;
  background: #222222 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important; }

.btn-3:hover {
  box-shadow: none;
  border-color: #44dedf !important;
  color: #ffffff !important;
  background: #44dedf !important; }

.btn-4 {
  font-family: 'Roboto' !important;
  padding: 15px 25px !important;
  border-width: 3px;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 0px !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #222222 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important; }

.btn-4:hover {
  box-shadow: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #48eff0 !important; }

.btn-5 {
  font-family: 'Roboto';
  padding: 20px 50px !important;
  border-width: 0px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: #44dedf !important;
  color: #ffffff !important;
  background: #44dedf !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important; }

.btn-5:hover {
  box-shadow: none;
  border-color: #48eff0 !important;
  color: #ffffff !important;
  background: #48eff0 !important; }

.btn-6 {
  font-family: 'Roboto' !important;
  padding: 15px 25px !important;
  border-width: 3px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: #44dedf !important;
  color: #ffffff !important;
  background: #44dedf !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important; }

.btn-6:hover {
  box-shadow: none !important;
  border-color: #00f2f3 !important;
  color: #ffffff !important;
  background: #00f2f3 !important; }

.btn-7 {
  font-family: 'Roboto' !important;
  padding: 3px 22px !important;
  border-width: 3px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: transparent !important;
  color: #000000 !important;
  background: #ffffff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important; }

.btn-7:hover {
  box-shadow: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #000000 !important; }

.btn-8 {
  font-family: 'Roboto' !important;
  padding: 20px 50px !important;
  border-width: 3px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #00c0ff !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  text-transform: none !important; }

.btn-8:hover {
  box-shadow: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #44dedf !important; }

.btn-9 {
  font-family: 'Roboto' !important;
  padding: 15px 35px !important;
  border-width: 0px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: transparent !important;
  color: #000000 !important;
  background: #ffffff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important; }

.btn-9:hover {
  box-shadow: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #48eff0 !important; }

.btn-10 {
  font-family: 'Roboto' !important;
  padding: 3px 22px !important;
  border-width: 3px !important;
  box-shadow: none !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #44dedf !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important; }

.btn-10:hover {
  box-shadow: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  background: #000000 !important; }

.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, #f87625 0%, #f8da25 100%);
  background-image: -webkit-linear-gradient(0deg, #f87625 0%, #f8da25 100%);
  background-image: linear-gradient(0deg, #f87625 0%, #f8da25 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%); }