@font-face {font-family: Code; src: url('../fonts/code.otf');}

html {overflow-x: hidden;}

body {
   background-color: #182d48;
   overflow-x: hidden;
   color: white;
}

.bold {
   font-weight: bold;
}

/* Color */
.bg-dblue {backround-color: #182d48;}
.txt-dblue {color: #182d48;}

.bg-orange {background-color: #fbb91a;}
.txt-orange {color: #fbb91a;}

.bg-blue {background-color: #62cdf7;}
.txt-blue, a {color: #62cdf7;}

.bg-img {
   width: 100%;
   position: relative;
   overflow: hidden;
   top: 0; right: 0;
   z-index: -10;
}
   .bg-img img {
      width: 100%;
      max-height: 70vh;
      opacity: 0.5;
   }

main {
   position: absolute;
   top: 0;
   width: 100%;
   margin-top: 5em;
}

.header {
   width: 100%;
   font-family: Code;
   text-align: center;
}

   .header img {
      width: 120px;
   }

   .header h3 {
      line-height: 0.9;
   }

.tabs {
   background-color: transparent;
}

   .tabs .tab a {
      color: white;
      letter-spacing: 0.3em;
      font-weight: 500;
      font-size: 90%;
   }

   .tabs .tab a:hover {
      color: #62cdf7;
   }

   .tabs .indicator {
      background-color: #fbb91a;
   }

.title-header {
   width: 100%;
   text-align: center;
   padding-top: 4em;
}
   .title-header .valign-wrapper {
      text-align: left;
   }

#soc {
   padding-top: 5em;
}

.sidelogo {
   float: left;
   margin: 0 1.5em 1em 0;
   width: 220px;
   height: 100%;
   font-weight: 300;
   line-height: 1.2;
}

.valign-wrapper img {
   margin-right: 1em;
}

.tip {
   font-weight: 300;
   opacity: 0.3;
   margin-left: 1em;
}

.soc-float {
   position: fixed;
   top: 35%;
   left: 0;
   z-index: 2;
}
   .soc-float img {
      height: 45px;
      display: block;
   }

.bulb-float {
   position: fixed;
   bottom: 15px;
   right: 15px;
}

i.prefix .valign-wrapper {
   height: 45.5px;
}

#submit-form {
   height: 36px;
   display: inline;
   margin-left: 1em;
}

.preloader-wrapper.small {
  width: 20px;
  height: 20px;
}

.share-pub {
   margin-top: 0.7em;
}

/* Forms */
.input-field label {
  color: rgba(255,255,255,0.7);
}

.input-field input[type=text]:focus + label {
  color: #62cdf7;
}

.input-field input[type=text]:focus {
  border-bottom: 1px solid #62cdf7;
  box-shadow: 0 1px 0 0 #62cdf7;
}

.input-field input[type=text].valid {
  border-bottom: 1px solid white;
  box-shadow: 0 1px 0 0 white;
}

.input-field input[type=text].invalid {
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}

.input-field .prefix.active {
  color: #62cdf7;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid #fbb91a;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #fbb91a;
  z-index: 0;
}

textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(255, 255, 255, 0.15);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
}

textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(255, 255, 255, 0.15);
}

[type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #fbb91a;
  background-color: #fbb91a;
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  background-color: #fbb91a;
  border-color: #fbb91a;
}

.select-wrapper span.caret {
  color: rgba(255,255,255,1);
}

.switch {
   float: right;
}
   .switch label {
      font-size: 14.5px;
   }

.switch label input[type=checkbox]:checked + .lever {
  background-color: #fbbf1f;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #fbb91a;
  left: 24px;
}

.dropdown-content li > a, .dropdown-content li > span {
  color: #62cdf7;
}

::-webkit-input-placeholder {
  color: rgba(255,255,255,0.4);
}

:-moz-placeholder {
  color: rgba(255,255,255,0.4);
}

::-moz-placeholder {
  color: rgba(255,255,255,0.4);
}

:-ms-input-placeholder {
  color: rgba(255,255,255,0.4);
}

input:not([type]).valid, input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid white;
  box-shadow: 0 1px 0 0 white;
}