/*****************************************/
/*      Inheritted Styles                */
/*****************************************/
@charset "UTF-8";@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);.dotnav ul,.tick {
    list-style-type: none
}
@font-face {
    font-family: fsmepro-bold;
    src: url(fonts/fsmepro-bold-webfont.eot);
    src: url(fonts/fsmepro-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/fsmepro-bold-webfont.woff) format("woff"),url(fonts/fsmepro-bold-webfont.ttf) format("truetype"),url(/fonts/fsmepro-bold-webfont.svg#fsmepro-bold) format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: fsmepro-heavy;
    src: url(fonts/fsmepro-heavy-webfont.eot);
    src: url(fonts/fsmepro-heavy-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/fsmepro-heavy-webfont.woff) format("woff"),url(fonts/fsmepro-heavy-webfont.ttf) format("truetype"),url(/fonts/fsmepro-heavy-webfont.svg#fsmepro-heavy) format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: gotham-bold;
    src: url(fonts/Gotham-Bold.eot);
    src: url(fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Gotham-Bold.woff) format("woff"),url(fonts/Gotham-Bold.ttf) format("truetype"),url(fonts/Gotham-Bold.svg#gotham-bold) format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: gotham-light;
    src: url(fonts/Gotham-Light.eot);
    src: url(fonts/Gotham-Light.woff) format("woff"),url(fonts/Gotham-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

html {-webkit-overflow-scrolling: touch }
body {padding-bottom: 0; font-family: 'Montserrat', sans-serif; font-size: 16px; margin:0px; background-image:url(img/background-textured.png); background-size: cover; }

.colourPrimary      {color: #03A668}
.colourSecondary    {color: #575756 }
.colourTertiary     {color: #939598 }
.colourQuaternary   {color: #ABADAE }
.colourQuinary      {color: #F4F4F4 }

h1,h2,h3 {color: #03A668 }
p, p.lead {color: #575756 }
h1,h2 {font-family: fsmepro-heavy }
h1 {font-size: 45px }
h2 {font-size: 36px }
h3 {font-size: 26px; font-family: fsmepro-bold}

p {font-family: 'Montserrat', sans-serif; font-size: 16px }
p.lead {font-family: 'Montserrat', sans-serif; font-weight:900; font-size: 20px }
a,a:hover {color: #03A668 }

.navbar {background-color: rgba(3,166,104,.85); height: 4.6rem; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; padding: 1.3rem; }
.navbar.reduce-navbar {padding: .6rem 3rem; height: 3.6rem }
.navbar.reduce-navbar .pulse {-webkit-background-size: contain; background-size: contain }
.navbar.reduce-navbar .pulse:before {font-size: 16px; margin-top: -9px }
.navbar.opacity-navbar {background-color: #03a668 }
.navbar .navbar-brand {background: url(img/logo-mob.png) top left no-repeat; -webkit-background-size: contain; background-size: cover; height: 2.5rem }
.navbar .navbar-brand span {display: none }

.section-login-wrapper {background-image:url(img/background-people.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
.login-wrapper-left  {height:500px; padding-right:0px !important}
.login-wrapper-right {height:500px; padding-left:0px !important}

.section-logout {width:100%; text-align: center;}
.section-logout a {color:#FFFFFF; }
.section-login {background-color: rgba(3,166,104);padding: 100px 70px;color:#FFFFFF;height:100%;}
.section-login-logo {text-align: center;padding-bottom:20px;width: 100%;}
.section-login-logo img {width:200px;}
.section-login-right {background-color: rgba(3,166,104,.85); color: #FFFFFF; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction:column; }
.section-login-right img {width: 100%;max-width: 260px;padding-top: 25px;padding-right:15px;}
.section-login-welcome-title {display:flex; justify-content:center; align-items:center; font-size:28px; margin:100px auto 0px; flex:1; color:white;}
.section-login-username      {display:flex;text-align: center;justify-content:center;align-items:center;font-size:36px;font-weight:900;margin:auto;flex:1;color:white;}
.section-login-left-text p {color:white; padding-top:20px}
.section-login-left-text strong {font-family:'gotham-bold'}
.section-login-right-text {width:100%;padding: 0px 50px 25px;text-align: center;}
.section-login-right-text p {color:white; margin-bottom:0px}
.section-login-right-text strong {font-family:'gotham-bold'}

.section-login-right-text > a {width:100%; text-align:center; font-size:80px; color:#FFFFFF; font-weight:100;margin-top:10px}
.section-login-right-text > a:hover {color:#ffffff;}

.tml-log-wrap input     {font-family: gotham-light;border-radius:50px; padding:8px 20px; font-size:15px; border:0px; margin-bottom:5px;}
.tml-pwd-wrap input     {font-family: gotham-light;border-radius:50px; padding:8px 20px; font-size:15px; border:0px; }
.tml-submit-wrap input  {font-family: gotham-light;border-radius:50px; padding:8px 20px; font-size:15px; width:100%; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; color:#FFFFFF; background-color:transparent; border:1px solid #FFFFFF;}
.tml-rememberme-wrap    {font-family: gotham-light;font-size:12px; padding:0px; margin:-10px 0px 5px 10px !important; }
.tml-submit-wrap:hover input {background-color:#FFFFFF; cursor:pointer; color:#03A668;}
.tml-links   {list-style-type:none; padding-left:0px; font-size:15px;}
.tml-links a       {color:#ffffff;}
.tml-links a:hover {color:#ffffff; text-decoration:underline;}
.tml-pass1-wrap,
.tml-pass2-wrap {padding-bottom:0px !important}
.tml-indicator_hint-wrap p {font-size:12px;line-height:14px; color:#FFFFFF; margin:0px;}
.reset-logo {padding:50px}
.tml .tml-error {border-left-color: #dc3232; font-size: 12px;}
.btn,.card-columns .card .card-block p {font-size: 14px }
.btn {text-transform: uppercase; padding: 0 2rem; line-height: 2.5rem }
.btn.hovered,.btn:hover {text-decoration: underline }
.btn.btn-primary        {background-color: #03A668; border-color: #03A668 }
.btn.btn-primary:active {background-color: #03A668!important; border-color: #03A668!important; color: #00ba8c!important }
.btn.btn-secondary      {background-color: #ABADAE; border-color: #ABADAE; color: #FFFFFF }
.btn.btn-secondary:hover{background-color: #FFFFFF; border-color: #ABADAE; color: #ABADAE }

@media (min-width: 1200px) {
    h1 {font-size:68px}
    h2 {font-size:56px}
}

@media (min-width: 992px) {
    p.lead {font-size:26px} 
    p      {font-size:18px}
}

@media (min-width: 768px) {
    .navbar {padding:1.3rem 3rem }
    .navbar .navbar-brand {background:url(img/logo.png) top left no-repeat; -webkit-background-size: contain; background-size: contain }
    .card-columns .card .card-block p {font-size: 16px }
    .section-mobile-only {display:none;}
}

@media (max-width: 768px) {
    .login-wrapper-left  {padding-right:15px !important;}  
    .section-login-welcome-title {margin-top:30px;} 
}


/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}