.pageModules-root {
    -webkit-font-smoothing: antialiased;
    max-width: 1024px;
    margin: 0 auto;
}

/* -------------------------------------------------------------------- */
/* BUTTONS                                                              */

.btn {
    transition: all 400ms;
}

.btn-default {
    background: none;
    border-radius: 15px;
    border: 2px solid #000040;
    color: #000040;
    font-size: 13px;
}

.btn-default:hover {
    background: #000040;
    color: #ffffff;
    border: 2px solid #000040;
}

/* -------------------------------------------------------------------- */
/* FORM - INPUTS                                                        */

input[type="text"], 
input[type="password"], 
input[type="search"], 
input[type="email"], 
input[type="number"], 
input[type="tel"], 
input[type="date"], 
input[type="time"] {
    border-radius: 0;
    box-shadow: none;
}

/* -------------------------------------------------------------------- */
/* FORM - SELECT                                                        */

select {
    box-shadow: none;
    border-radius: 0;
}

/* -------------------------------------------------------------------- */
/* HEADER                                                               */

header {
    min-height: 130px;
    position: relative !important; 
    background-position: left 0px bottom 40px !important;
    background-size: 100% auto !important;
}

/* -------------------------------------------------------------------- */
/* LOGO                                                                 */

header .logo {
}

/* -------------------------------------------------------------------- */
/* NAV                                                                  */

header .navigation {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0;
    right: 0;
}

header nav a.active {
    position: relative;
}

header nav a.active:after {
    height: 3px;
    background: #00005e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    content: "";
}

header nav a:hover {
    font-weight: 500;
}

/* -------------------------------------------------------------------- */
/* AGENDA                                                               */

.agenda-horizontal .activity,
.agenda-vertical .activity,
.agenda-calendar .activity {
    background: #ececf1;
    border-radius: 0;
    border: none;
}

/* -------------------------------------------------------------------- */
/* PROGRESS NAV							        */

.progressnav {
    margin-bottom: 20px;
}

.progressnav ol li:last-child {
    border-radius: 0 2px 2px 0;
}

.progressnav ol li:hover .label {
    top: 15px;
}

.progressnav a {
    height: 8px;
    display: block;
    cursor: default;
}

.progressnav .label {
    top: 15px;
}

.progressnav-progressbar {
    border: 10px;
    border-radius: 10px;
}

.progressnav-progress {
    height: 8px;
    background: #00005e;
    transition: width 0.2s ease-in-out;
}

/* -------------------------------------------------------------------- */
/* PROGRESS NAV - COMPLETED					        */

.progressnav ol li.completed:hover {
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.progressnav ol li.completed .label {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.6);
}

/* -------------------------------------------------------------------- */
/* PROGRESS NAV - ACTIVE					        */

.progressnav ol li.active a {
    cursor: default;
}

.progressnav ol li.active .step {
    width: 10px;
    height: 10px;
    background: #ffffff;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    border: 4px solid #00005e;
}

.progressnav ol li.active .label {
    color: #00005e;
}

/* -------------------------------------------------------------------- */
/* SIGN UP                                                              */

#signup main {
    color: #00005e;
}

#signup main h1, 
#signup main h2, 
#signup main h3, 
#signup main h4 {
    color: #00005e;
}

#signup a {
    color: #00005e;
}

#signup .addmore-box {
    background: #fcd9ca;
    padding: 10px 10px;
    border: none;
    border-radius: 50px;
    margin: 20px 0 0 0;
}


@media only screen and (min-width: 1441px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, 
    .col-10, .col-11, .col-12 {
        padding: 10px 18px;
    }
}

@media only screen and (max-width: 768px) {
  /* -------------------------------------------------------------------- */
  /* HEADER                                                               */
  
  header {
      min-height: auto;
      background-position: bottom !important;
  }
    
  /* -------------------------------------------------------------------- */
  /* LOGO                                                                 */
  
  header .logo {
      top: 15px;
      left: 20px;
  }

  /* -------------------------------------------------------------------- */
  /* NAV                                                                  */
  
  header .navigation {  
    position: absolute;
    top: 10px;
    bottom: auto;
    right: 10px;
    left: auto;
    z-index: 10;
  }
  
  header .nav a.active:after {
    height: 0;
  }
  
}

@media only screen and (max-width: 480px) {
  /* -------------------------------------------------------------------- */
  /* NAV                                                                  */
  
  header .logo img {
      width: 90px; 
  }
}