html {
  height: 100%; }

h1, h2, h3, h4, h5 {
  color: inherit;
  font-family: inherit; }

body {
  color: #000;
  height: 100%;
  background: radial-gradient(#fff,#e9e9e9 70%);
  padding-bottom: 0;
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @font-face {
    font-family: 'gekko_fonts';
    src:
      url('../fonts/gekko_fonts.ttf?3zqsso') format('truetype'),
      url('../fonts/gekko_fonts.woff?3zqsso') format('woff'),
      url('../fonts/gekko_fonts.svg?3zqsso#gekko_fonts') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
.icon{
  font-family: 'gekko_fonts'!important;
} 
.logo-font {
  font-family: 'Saira Condensed', sans-serif; }

.text-gk-red {
  color: #ED1c24; }

.text-gk-blue {
  color: #1d326a; }

.children-v-middle > * {
  display: inline-block;
  vertical-align: middle; }

.form-control {
  font-size: inherit;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  transition: border 220ms; 
}

.wrapper-page {
  border-radius: 0;
  width: 90%;
  margin: auto;
  font-size: 15px; 
}
.wrapper-page .card-box {
    background-color: transparent;
    border-radius: 2px;
    border: 0;
    margin-bottom:0;
}
.wrapper-page .card-box strong {
      font-weight: 500; }
.wrapper-page .card-box .info-message {
      background-color: rgba(0, 144, 240, 0.2);
      padding: 0.8em 1em;
      border-radius: 3px;
      font-weight: 300;
      margin-bottom: 1em;
      font-size: 14px; }
.wrapper-page .card-box .info-message i {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
}
.wrapper-page .card-box .success-message {
      background-color: rgba(0, 177, 89, 0.2);
      padding: 0.8em 1em;
      border-radius: 3px;
      font-weight: 300;
      margin-bottom: 1em;
      font-size: 14px; }
.wrapper-page .card-box .success-message i {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7); 
}
.wrapper-page .card-box .remark {
  display: inline-block;
  font-size: 13px;
  color: #425178;
  margin-top: 20px;
}
.wrapper-page .card-box .remark:hover{
  text-decoration: underline;
  color: #156EC9;
}
.wrapper-page .card-box .remark:active{
  text-decoration: underline;
  color: #FD9620;
}
.wrapper-page .card-box .inputs .form-group-normalized {
  margin-bottom: 15px;
  text-align: center; }
.wrapper-page .card-box .alert {
  padding:10px;
  border-radius: 3px;
  font-weight: 400;
  margin-top:15px;
  border: none;
}
.alert-danger{
  color: #ED1C24!important;
}
.wrapper-page .card-box .links {
  margin-top: 1.5em; 
}
.wrapper-page .card-box .links a {
  color: #727272;
  transition: color 220ms; 
}
.wrapper-page .card-box .links a:hover {
  color: #323232; 
}
.wrapper-page .card-box .links a:not(:last-child) {
  margin-right: 3px; 
}
.wrapper-page .card-box .links a:not(:last-child):after {
  content: '\2022';
  margin-left: 5px;
  color: #525252; 
}
.wrapper-page .card-box .brandLogo {
  height: 80px;
  margin: 0 auto;
  /* margin-bottom: 30px;  */
}
.wrapper-page .card-box .brandLogo svg {
  width: 100%;
  height: 100%; 
}

.btn-submit {
  font-size:20px;
  font-family:Roboto-Light,Roboto;
  font-weight:300;
  color:rgba(253,253,253,1);
  width: 100%;
  height: 40px;
  background-color: #1D326A;
  color: white;
  border: none;
  border-radius: 3px;
  transition: background-color 220ms;
  margin-top:45px;
}
.btn-submit:hover {
  background-color: #156EC9; 
}
.btn-submit:active{
  background-color: #FD9620;
}
.btn-submit:disabled{
  background-color: #D8D8D8;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: gekko_fonts;
  content: "\E94A";
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #2096f3;
  border-color: #2096f3;
}
.product-box {
    width: 180px;
}

#resendBtn:disabled {
  cursor: not-allowed;
}

#particles-js {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute; }

.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;}

.center-parent {
  display: table;
  height: 100%;
  width: 100%;
  padding-bottom:6%;
  }
.center-parent .center-child {
  display: table-cell;
  vertical-align: middle; 
}
.font-weight-normal {
  font-weight: normal;
}

/*Wrapper Section*/
.wrapper-section > .center-block {
  margin: 0 auto;
}
.wrapper-section .width-60 {
  width: 60%;
}
.wrapper-section .width-30 {
  width: 30%;
}
.wrapper-section .big-icon {
  font-size: 30px;
}
.wrapper-section .flex-box {
  display: flex;
  justify-content: space-around;
}
.wrapper-section .margin-10 {
  margin: 10px;
}
.wrapper-section .product-card {
    border: 1px solid #ddd;
    margin: 10px;
    padding: 20px 0;
    background:rgba(246,246,246,1);
    box-shadow:0px 2px 10px -5px rgba(13,36,60,0.8);
    border-radius:14px;
}
.wrapper-section .product-card:hover {
  cursor: pointer;
  box-shadow: 0px 2px 16px -5px rgba(13,36,60,0.9);
}


/* footer */
.footer{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 15px;
  padding: 0 30px;
}
.footer>span{
color:#858EAE;
}
.footer a{
color:#858EAE;
}
.footer a:hover{
color:#156EC9;
text-decoration:underline
}
.footer a:active{
color:#FD9620;
}
.footer>a:not(:nth-child(1)):active{
  color: #FD9620;
  text-decoration: underline;
}
.form-group-normalized{
  position: relative;
}
.form-control{
  height:40px;
  background:rgba(242,242,242,1);
  box-shadow:inset 0px 1px 4px 0px rgba(0,0,0,0.19);
  border-radius:3px;
  color: #1D326A ;
  font-size: 17px;
}

.form-control::-webkit-input-placeholder{
  color:#C3C5CC ;
}

.form-group-normalized.active .form-control{
  background:rgba(242,242,242,1);
  box-shadow:inset 0px 1px 4px 0px rgba(0,0,0,0.19);
  color: #1D326A ;
  border-color: transparent;
}
.form-control.error,.form-group-normalized.active .form-control.error{
  border: 1px solid #ED1C24;
  font-weight:400;
}
.form-group-normalized.active .not-visible{
  color: #1D326A;
}
.form-group-normalized.active .not-visible:hover{
  color: #156EC9;
}
.form-control:hover{
  border: 1px solid #156EC9;
}
.not-visible{
  font-size: 23px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #C3C5CC;
  transition: color 200ms;
}
.not-visible::before{
  content: '\e93f';
}
.visible::before{
  content: '\e940';
}
.hint{
  position: absolute;
  padding:0 7px;
  background-color: white;
  font-size: 13px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
  border-radius: 2px;
  height: 24px;
  line-height: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: -166px;
  color: #425178;
}
.hint>.arrow{
  position: absolute;
  overflow: hidden;
  width: 12px;
  height: 12px;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.hint>.arrow>span{
  width: 8px;
  height: 8px;
  background-color: #fff;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  right: -4px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}

.form-horizontal{
margin-top: 40px;
}
.alert+.form-horizontal,.reminder+.form-horizontal{
  margin-top: 0;
}
/* forget password */
.reminder{
  color:#1D326A ;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 20px;
  margin-top:15px;
}
.title{
  color:#1D326A ;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 15px;
}
.info-panel{
  width: 390px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  color: #1D326A;
  font-size: 15px;
  line-height: 30px;
}

.brandLogo {
  cursor: pointer;
  user-select: none;
}

@media all and (min-width: 768px) {
  .wrapper-page {
    width: 280px;
  } 
}
/* bootstrap */
.panel-body{
  padding: 0 !important;
}
.card-box{
  padding: 0 !important;
}
.alert{
  margin-bottom: 15px;
}
.alert-danger{
  background-color: #FDDCDD;
}


i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gekko_fonts' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gf-success-light:before {
  content: "\e9fc";
}
.gf-glossary:before {
  content: "\e9fa";
}
.gf-mark-as-read:before {
  content: "\e9fb";
}
.gf-alert:before {
  content: "\e9f9";
}
.gf-downloading-arrow:before {
  content: "\e9f4";
}
.gf-takeover-privatisation:before {
  content: "\e9f2";
}
.gf-remove-from-list:before {
  content: "\e9f8";
}
.gf-selected-list:before {
  content: "\e9f7";
}
.gf-doc-light:before {
  content: "\e9f5";
}
.gf-graph-light:before {
  content: "\e9f6";
}
.gf-ipo:before {
  content: "\e9f3";
}
.gf-word:before {
  content: "\e9f0";
}
.gf-pdf:before {
  content: "\e9f1";
}
.gf-back:before {
  content: "\e9ee";
}
.gf-advanced:before {
  content: "\e9ef";
}
.gf-arrow-down-light:before {
  content: "\e9ea";
}
.gf-arrow-right-light:before {
  content: "\e9eb";
}
.gf-arrow-left-light:before {
  content: "\e9ec";
}
.gf-arrow-up-light:before {
  content: "\e9ed";
}
.gf-currencies:before {
  content: "\e9e8";
}
.gf-usd:before {
  content: "\e9e9";
}
.gf-download-thin:before {
  content: "\e9e7";
}
.gf-company-public:before {
  content: "\e9e4";
}
.gf-sort-z-a:before {
  content: "\e9e5";
}
.gf-sort-a-z:before {
  content: "\e9e6";
}
.gf-expand-1:before {
  content: "\e9e2";
}
.gf-expand-2:before {
  content: "\e9e3";
}
.gf-delete-light:before {
  content: "\e9e0";
}
.gf-fundraising:before {
  content: "\e9e1";
}
.gf-elasticsearch:before {
  content: "\e9dc";
}
.gf-delete-circle-hover:before {
  content: "\e9dd";
}
.gf-disconnect:before {
  content: "\e9de";
}
.gf-connect:before {
  content: "\e9df";
}
.gf-user-solid:before {
  content: "\e9da";
}
.gf-ai-solid:before {
  content: "\e9db";
}
.gf-ai:before {
  content: "\e9d7";
}
.gf-user:before {
  content: "\e9d8";
}
.gf-template:before {
  content: "\e9d9";
}
.gf-library:before {
  content: "\e9d2";
}
.gf-home:before {
  content: "\e9d3";
}
.gf-save-graph:before {
  content: "\e9d4";
}
.gf-import-cloud-solid:before {
  content: "\e9d5";
}
.gf-import-clould:before {
  content: "\e9d6";
}
.gf-export-file:before {
  content: "\e9d0";
}
.gf-dashboard:before {
  content: "\e9d1";
}
.gf-add-circle-hover:before {
  content: "\e9cf";
}
.gf-delete-circle:before {
  content: "\e9cd";
}
.gf-add-circle:before {
  content: "\e9ce";
}
.gf-files2:before {
  content: "\e9b4";
}
.gf-bulb-on:before {
  content: "\e9cb";
}
.gf-bulb-off:before {
  content: "\e9cc";
}
.gf-user-manager:before {
  content: "\e9c8";
}
.gf-change-password:before {
  content: "\e9c9";
}
.gf-config:before {
  content: "\e9ca";
}
.gf-step-backward:before {
  content: "\e9c2";
}
.gf-step-forward:before {
  content: "\e9c3";
}
.gf-stop:before {
  content: "\e9c4";
}
.gf-play-circle:before {
  content: "\e9c5";
}
.gf-play-solid:before {
  content: "\e9c6";
}
.gf-productivity:before {
  content: "\e9c7";
}
.gf-edit-2:before {
  content: "\e9c1";
}
.gf-angle-right:before {
  content: "\e9bf";
}
.gf-angle-left:before {
  content: "\e9c0";
}
.gf-skipped:before {
  content: "\e9bd";
}
.gf-todo:before {
  content: "\e9be";
}
.gf-listview:before {
  content: "\e9bb";
}
.gf-gridview:before {
  content: "\e9bc";
}
.gf-check-medium:before {
  content: "\e9b9";
}
.gf-project:before {
  content: "\e9ba";
}
.gf-pin-node-solid:before {
  content: "\e9ae";
}
.gf-copy:before {
  content: "\e9b5";
}
.gf-paste:before {
  content: "\e9b6";
}
.gf-cloud:before {
  content: "\e9b7";
}
.gf-unbind:before {
  content: "\e9b8";
}
.gf-cell-dropdown:before {
  content: "\e9ad";
}
.gf-hide-isolated:before {
  content: "\e9af";
}
.gf-handle:before {
  content: "\e9b0";
}
.gf-add-to-list:before {
  content: "\e9b1";
}
.gf-unpin:before {
  content: "\e9b2";
}
.gf-pin-node:before {
  content: "\e9b3";
}
.gf-select:before {
  content: "\e9aa";
}
.gf-case-out:before {
  content: "\e9ab";
}
.gf-document:before {
  content: "\e9ac";
}
.ws-warning:before {
  content: "\e9a8";
}
.ws-success:before {
  content: "\e9a9";
}
.gf-no-serve:before {
  content: "\e9a7";
}
.ws-error:before {
  content: "\e9a6";
}
.ws-case-out:before {
  content: "\e9a0";
}
.ws-back:before {
  content: "\e9a1";
}
.ws-rename:before {
  content: "\e9a2";
}
.ws-download:before {
  content: "\e9a3";
}
.ws-delete:before {
  content: "\e9a4";
}
.ws-close:before {
  content: "\e9a5";
}
.gf-check-light:before {
  content: "\e99e";
}
.ws-check:before {
  content: "\e99f";
}
.ws-doc-light:before {
  content: "\e988";
}
.ws-case-light:before {
  content: "\e989";
}
.ws-graph-light:before {
  content: "\e98b";
}
.ws-case-solid:before {
  content: "\e98c";
}
.ws-arrow-left:before {
  content: "\e98d";
}
.ws-language:before {
  content: "\e98e";
}
.ws-arrow-down:before {
  content: "\e98f";
}
.ws-arrow-right:before {
  content: "\e990";
}
.ws-mail:before {
  content: "\e991";
}
.ws-graph-solid:before {
  content: "\e992";
}
.ws-arrow-up:before {
  content: "\e993";
}
.ws-setting:before {
  content: "\e994";
}
.ws-note:before {
  content: "\e995";
}
.ws-tag:before {
  content: "\e996";
}
.ws-logout:before {
  content: "\e99a";
}
.ws-doc-solid:before {
  content: "\e99b";
}
.ws-account:before {
  content: "\e99c";
}
.ws-content:before {
  content: "\e99d";
}
.gf-no-result:before {
  content: "\e96f";
}
.gf-no-connection:before {
  content: "\e970";
}
.gf-dots:before {
  content: "\e98a";
}
.gf-png:before {
  content: "\e987";
}
.gf-overview:before {
  content: "\e97d";
}
.gf-serial:before {
  content: "\e97e";
}
.gf-workplatform:before {
  content: "\e97f";
}
.gf-save1:before {
  content: "\e980";
}
.gf-bulb:before {
  content: "\e981";
}
.gf-doc_minus:before {
  content: "\e982";
}
.gf-doc_add:before {
  content: "\e983";
}
.gf-create:before {
  content: "\e984";
}
.gf-bulletpoint1:before {
  content: "\e985";
}
.gf-delete:before {
  content: "\e97c";
}
.gf-sort-down:before {
  content: "\e979";
}
.gf-sort-up:before {
  content: "\e97a";
}
.gf-sort:before {
  content: "\e97b";
}
.gf-reset:before {
  content: "\e977";
}
.gf-color:before {
  content: "\e978";
}
.gf-pin:before {
  content: "\e976";
}
.gf-link:before {
  content: "\e975";
}
.gf-account_s:before {
  content: "\e974";
}
.gf-rm:before {
  content: "\e972";
}
.gf-ld:before {
  content: "\e973";
}
.gf-refresh:before {
  content: "\e96c";
}
.gf-info-light:before {
  content: "\e971";
}
.gf-unlock:before {
  content: "\e96b";
}
.gf-swap:before {
  content: "\e96e";
}
.gf-lock:before {
  content: "\e96d";
}
.gf-risk:before {
  content: "\e96a";
}
.gf-email-light:before {
  content: "\e968";
}
.gf-person-light:before {
  content: "\e969";
}
.gf-fittowidth:before {
  content: "\e966";
}
.gf-fullpage:before {
  content: "\e967";
}
.gf-saved:before {
  content: "\e965";
}
.gf-return:before {
  content: "\e964";
}
.gf-add:before {
  content: "\e963";
}
.gf-note:before {
  content: "\e962";
}
.gf-export-table:before {
  content: "\e961";
}
.gf-highlight:before {
  content: "\e95d";
}
.gf-tag:before {
  content: "\e95e";
}
.gf-search-in-doc:before {
  content: "\e95f";
}
.gf-download-doc:before {
  content: "\e960";
}
.gf-up:before {
  content: "\e95b";
}
.gf-down:before {
  content: "\e95c";
}
.gf-linkout:before {
  content: "\e95a";
}
.gf-arrow-right:before {
  content: "\e958";
}
.gf-arrow-left:before {
  content: "\e959";
}
.gf-earth:before {
  content: "\e957";
}
.gf-english:before {
  content: "\e94e";
}
.gf-prevous:before {
  content: "\e94f";
}
.gf-firstpage:before {
  content: "\e950";
}
.gf-chart:before {
  content: "\e951";
}
.gf-lastpage:before {
  content: "\e952";
}
.gf-save:before {
  content: "\e953";
}
.gf-next:before {
  content: "\e954";
}
.gf-print:before {
  content: "\e955";
}
.gf-chinese:before {
  content: "\e956";
}
.gf-sortup:before {
  content: "\e94c";
}
.gf-sortdown:before {
  content: "\e94d";
}
.gf-transaction:before {
  content: "\e94b";
}
.gf-segment:before {
  content: "\e923";
}
.gf-check:before {
  content: "\e94a";
}
.gf-calendar:before {
  content: "\e911";
}
.gf-leafnode:before {
  content: "\e921";
}
.gf-expand:before {
  content: "\e922";
}
.gf-plus-circle:before {
  content: "\e986";
}
.gf-gekko-file1:before {
  content: "\e901";
}
.gf-gekko-file2:before {
  content: "\e902";
}
.gf-excel:before {
  content: "\e903";
}
.gf-gekko-logo:before {
  content: "\e904";
}
.gf-open-folder:before {
  content: "\e905";
}
.gf-arrow:before {
  content: "\e906";
}
.gf-import:before {
  content: "\e999";
}
.gf-image:before {
  content: "\e908";
}
.gf-trim:before {
  content: "\e909";
}
.gf-th:before {
  content: "\e90a";
}
.gf-list:before {
  content: "\e90b";
}
.gf-edit:before {
  content: "\e90c";
}
.gf-download:before {
  content: "\e90d";
}
.gf-table:before {
  content: "\e90e";
}
.gf-filter:before {
  content: "\e90f";
}
.gf-inspect:before {
  content: "\e910";
}
.gf-search:before {
  content: "\e900";
}
.gf-data:before {
  content: "\e912";
}
.gf-files:before {
  content: "\e913";
}
.gf-account:before {
  content: "\e914";
}
.gf-info:before {
  content: "\e915";
}
.gf-timeline:before {
  content: "\e916";
}
.gf-loading:before {
  content: "\e917";
}
.gf-error:before {
  content: "\e918";
}
.gf-success:before {
  content: "\e919";
}
.gf-bars:before {
  content: "\e91a";
}
.gf-angle-up:before {
  content: "\e91b";
}
.gf-angle-down:before {
  content: "\e91c";
}
.gf-arrow-up:before {
  content: "\e91d";
}
.gf-arrow-down:before {
  content: "\e91e";
}
.gf-legend:before {
  content: "\e91f";
}
.gf-email:before {
  content: "\e920";
}
.gf-organization:before {
  content: "\e930";
}
.gf-institution:before {
  content: "\e932";
}
.gf-person:before {
  content: "\e907";
}
.gf-tutorial:before {
  content: "\e924";
}
.gf-filter-lines:before {
  content: "\e925";
}
.gf-clear:before {
  content: "\e926";
}
.gf-usage:before {
  content: "\e927";
}
.gf-preferences:before {
  content: "\e928";
}
.gf-history:before {
  content: "\e929";
}
.gf-zoom-out:before {
  content: "\e92a";
}
.gf-zoom-in:before {
  content: "\e92b";
}
.gf-playback:before {
  content: "\e92c";
}
.gf-workspace:before {
  content: "\e92d";
}
.gf-language:before {
  content: "\e92e";
}
.gf-hint-normal:before {
  content: "\e92f";
}
.gf-hint-hover:before {
  content: "\e998";
}
.gf-close-normal:before {
  content: "\e931";
}
.gf-close-hover:before {
  content: "\e997";
}
.gf-doc:before {
  content: "\e933";
}
.gf-dark:before {
  content: "\e934";
}
.gf-light:before {
  content: "\e935";
}
.gf-f-layout:before {
  content: "\e936";
}
.gf-close:before {
  content: "\e937";
}
.gf-deselect:before {
  content: "\e938";
}
.gf-rect:before {
  content: "\e939";
}
.gf-lasso:before {
  content: "\e93a";
}
.gf-locate:before {
  content: "\e93b";
}
.gf-h-layout:before {
  content: "\e93c";
}
.gf-settings:before {
  content: "\e93d";
}
.gf-c-layout:before {
  content: "\e93e";
}
.gf-hide:before {
  content: "\e93f";
}
.gf-show:before {
  content: "\e940";
}
.gf-g-layout:before {
  content: "\e941";
}
.gf-add-entities:before {
  content: "\e942";
}
.gf-focus:before {
  content: "\e943";
}
.gf-add-to-network:before {
  content: "\e944";
}
.gf-network:before {
  content: "\e945";
}
.gf-undo:before {
  content: "\e946";
}
.gf-redo:before {
  content: "\e947";
}
.gf-path:before {
  content: "\e948";
}
.gf-logout:before {
  content: "\e949";
}