/* dark grey color */
/* dark blue that is just about black */
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,700&display=swap");
.size-24 {
  font-size: 24pt; }

.size-4-5r {
  font-size: 4.5rem; }

.size-6r {
  font-size: 6rem;
  line-height: 6rem; }

.search-result-icon {
  font-size: 4rem; }

.li-square {
  list-style-type: square; }

.podcast-hero {
  max-height: 300px;
  margin-bottom: 0; }

.size-50 {
  font-size: 50pt; }

.size-20 {
  font-size: 20pt; }

.search-pb-10 {
  width: 10%; }

.search-pb-20 {
  width: 20%; }

.search-pb-30 {
  width: 30%; }

.search-pb-40 {
  width: 40%; }

.search-pb-50 {
  width: 50%; }

.search-pb-60 {
  width: 60%; }

.search-pb-70 {
  width: 70%; }

.search-pb-80 {
  width: 80%; }

.search-pb-90 {
  width: 90%; }

.search-pb-100 {
  width: 100%; }

.progress-score {
  height: 3px; }

.red {
  color: #f00; }

.size-11px {
  font-size: 11px; }

.build-info {
  color: #ccc; }

.thumbnail {
  max-width: 100px;
  width: 100px;
  max-height: 100px;
  height: 100px; }

.gradient::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%); }

.gridtalk-thumbnail-large {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  max-width: 150px;
  width: 150px;
  max-height: 150px;
  height: 150px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(135deg, #0a0, #0ac, #ca0, #a0c); }

.gridtalk-thumbnail {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  max-width: 100px;
  width: 100px;
  max-height: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(135deg, #0a0, #0ac, #ca0, #a0c); }

.well {
  background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px; }

.light {
  font-weight: 300; }

h1,
h2,
h3 {
  margin-top: 10px;
  margin-bottom: 10px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1em; }

.search-results em {
  font-weight: 400;
  background-color: #fe8;
  padding: 2px 4px;
  border-radius: 2px; }

div:focus {
  outline: 0; }

.debug {
  border: 2px solid #f00 !important;
  background-color: #ff000088 !important; }

.anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden; }

.anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden; }

.gridtalk-button {
  position: absolute;
  top: 1px;
  right: 10%; }
  .gridtalk-button img {
    max-width: 120px;
    width: 120px;
    max-height: 120px;
    height: 120px; }

.agr-p {
  padding-right: 120px; }

#agr-logo {
  display: inline-block;
  position: absolute;
  bottom: 1rem;
  right: 0; }

@media (max-width: 1199px) {
  #agr-logo {
    bottom: 4.25rem; } }

@media (max-width: 991px) {
  #agr-logo {
    bottom: 2.25rem; } }

@media (max-width: 768px) {
  .gridtalk-button {
    top: -18px;
    right: 40px; }
  .gridtalk-button img {
    transform: scale(0.7); }
  #agr-logo {
    bottom: 0; } }

body {
  font-family: "Rubik-Light", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5; }

html {
  font-size: 10px; }

.skinny-container {
  max-width: 750px; }

a {
  color: #29aae1; }
  a:active, a:focus, a:visited {
    color: #29aae1; }
  a:hover {
    color: #29aae1;
    text-decoration: underline; }
  a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999; }
    a.skip-main:active, a.skip-main:focus {
      color: #fff;
      background-color: #000;
      left: auto;
      top: auto;
      width: 30%;
      height: auto;
      overflow: auto;
      margin: 10px 35%;
      padding: 5px;
      border-radius: 15px;
      border: 4px solid #ff0;
      text-align: center;
      font-size: 1.2em;
      z-index: 999; }

h1 {
  font-weight: 400;
  font-size: 28px; }

h2 {
  font-weight: 700;
  font-size: 24px; }

h3 {
  font-weight: 700;
  font-size: 20px; }

h4 {
  font-size: 16px; }

.initiaves-title {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 3rem; }

.initiatives-card {
  background-color: #f00;
  position: relative;
  border-radius: 3rem;
  overflow: hidden;
  color: #fff;
  margin-bottom: 3rem;
  min-height: 375px;
  height: 375px; }
  .initiatives-card:hover .card-back {
    opacity: 1;
    cursor: pointer; }
  .initiatives-card:hover .card-front {
    background-size: 170%; }

.card-front {
  width: 100%;
  height: 100%;
  background-color: #800080;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-size: 150%;
  background-position: center center;
  transition: background-size 200ms ease-in-out; }
  .card-front .card-no {
    position: absolute;
    top: 10%;
    right: 10%;
    font-size: 2rem;
    font-weight: 700; }
  .card-front .card-title {
    position: absolute;
    bottom: 10%;
    left: 10%;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    max-width: 26rem; }

.card-back {
  width: 100%;
  height: 100%;
  background-color: #4d4d4d;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
  display: flex;
  align-items: center;
  border-radius: 3rem; }

.card-back-visible {
  opacity: 1;
  background-color: #fff; }
  .card-back-visible .card-back-info {
    color: #333; }

.info-card {
  border: 2px solid #333; }
  .info-card h3 {
    color: #808080; }
  .info-card .btn-default {
    background-color: #fff;
    border-color: #1990cf;
    color: #1990cf !important; }

.card-back-info {
  color: #fff;
  max-width: 80%;
  margin: 0 auto 1rem; }

@media (min-width: 768px) {
  .card-back-info {
    font-size: 1.6rem; } }

.card-back-content {
  font-size: 2rem;
  padding: 2rem;
  text-align: center;
  flex: 1; }

.gridtalk-card .card-front {
  background-image: url("images/grid-talk.61ba59dea4b6.jpg"); }

.voices-card .card-front {
  background-image: url("images/voices-of-experience.2efd5379d4c1.jpg"); }

.grid-project-card .card-front {
  background-image: url("images/grid-project.620f7dcbbbea.jpg");
  background-size: 100%; }

.adms-card .card-front {
  background-image: url("images/adms-research.db758c2da1a2.jpg"); }

.low-cost-card .card-front {
  background-image: url("images/low-cost.e3b9d0704860.jpg"); }

.data-guard-card .card-front {
  background-image: url("images/data-guard.533011d0e039.jpg"); }

.initiatives-section .btn-default {
  background-image: none;
  text-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2rem;
  transition: all 0.1s ease-in-out;
  font-size: 1.8rem;
  color: #fff; }

.data-guard-card .btn-default {
  background-color: #1990cf; }

.gridtalk-card .btn-default {
  background-color: #26a; }

.voices-card .btn-default {
  background-color: #96288d; }

.adms-card .btn-default {
  background-color: #505ea8; }

.low-cost-card .btn-default {
  background-color: #2f77ba; }

.grid-project-card .btn-default {
  background-color: #734499; }

.sign-up {
  margin-top: 1.5rem;
  display: inline-block;
  color: #1990cf !important;
  border: 1px solid #1990cf;
  padding: 1rem 2rem;
  border-radius: 2rem; }

.projects-section {
  background-color: #f8a01e;
  padding: 3rem 0;
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .projects-section h2,
  .projects-section p {
    color: #fff; }
  .projects-section .btn-default {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    border-radius: 2rem;
    background-image: none;
    text-shadow: none; }
    .projects-section .btn-default:hover {
      background-color: #fff;
      border-color: #fff;
      color: #f8a01e; }

@media (min-width: 768px) {
  .projects-section {
    padding: 6rem 0 7rem; } }

.btn {
  border: 1px solid #fff; }

.btn,
.form-control {
  font-size: inherit;
  border: 1px solid #29aae1;
  color: #29aae1; }

.search-section .btn {
  background-color: #29aae1;
  background-image: none; }

#newSearch {
  text-align: center; }

@media (min-width: 768px) {
  .search-btn {
    top: 1px; } }

.search-img {
  height: 5rem;
  margin-right: 1rem; }

.main-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.4); }

.main-navbar-header {
  position: relative;
  padding: 1.5rem 0; }

@media (min-width: 768px) {
  .main-navbar-header {
    padding: 3rem 0; } }

.main-navbar-brand img {
  width: 16rem; }

@media (min-width: 768px) {
  .main-navbar-brand img {
    width: 25rem; } }

.main-navbar-toggle {
  border: 0;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 2rem;
  background-color: transparent; }

@media (min-width: 768px) {
  .main-navbar-toggle {
    top: 4rem; } }

.icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background-color: #333; }
  .icon-bar + .icon-bar {
    margin-top: 7px; }

.overlay-menu {
  display: none;
  background-color: #4aa4dc;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  animation: fadeIn 200ms; }
  .overlay-menu .icon-bar {
    background-color: #fff; }
  .overlay-menu .menu-items li {
    transition: 100ms; }
  .overlay-menu .menu-items li:hover {
    transform: scale(1.2);
    transition: 100ms; }
  .overlay-menu .menu-items a {
    padding: 18px; }

.menu-header {
  position: relative;
  padding: 1.5rem 0; }

@media (min-width: 768px) {
  .menu-header {
    padding: 3rem 0; } }

.menu-items > ul {
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.menu-item {
  margin-bottom: 2rem;
  display: block; }
  .menu-item a {
    color: #fff;
    font-size: 1.5rem; }

@media (min-width: 768px) {
  .menu-item a {
    color: #fff;
    font-size: 3rem; } }

.featured-section {
  background-image: url("images/homepage-featured-bg2.b834ca9c6623.jpg");
  background-size: cover;
  background-position: center center;
  margin-bottom: 3rem;
  position: relative; }
  .featured-section::after {
    display: block;
    content: "";
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 49%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '$whitefff', endColorstr='$whitefff',GradientType=0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.intro-header {
  position: relative;
  display: flex;
  flex-flow: row;
  z-index: 2; }
  .intro-header h1 {
    color: #f8a01e;
    font-weight: 700;
    font-size: 2.8rem; }
  .intro-header p {
    font-size: 1.5rem;
    line-height: 1.75;
    margin-bottom: 2rem; }

@media (min-width: 768px) {
  .intro-header h1 {
    font-size: 4.5rem; }
  .intro-header p {
    font-size: 1.8rem; } }

.dept-energy-logo {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.dept-energy-text {
  margin-bottom: 5rem; }

.line {
  border-top: 1px solid #333;
  max-width: 60vw;
  margin: 2rem auto; }

.faded-line {
  border-top: 1px solid #666;
  max-width: 60vw;
  margin: 2rem auto; }

.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
  color: #808080;
  font-weight: 400; }

.page-header {
  background-size: cover;
  background-position: top center;
  margin-bottom: 3rem;
  height: 260px; }
  .page-header h1 {
    color: #fff;
    font-size: 2.5rem;
    max-width: 60rem; }

@media (min-width: 768px) {
  .page-header {
    margin-top: 121px;
    height: 330px; } }

@media (min-width: 992px) {
  .page-header {
    margin-top: 121px;
    height: 450px; } }

@media (min-width: 1200px) {
  .page-header {
    margin-top: 121px;
    height: 500px; } }

@media (min-width: 768px) {
  .page-header h1 {
    font-size: 4.5rem; } }

.page-intro {
  font-size: 1.6rem; }

.recovery-act .page-header {
  background-image: url("images/recovery_act/recovery_act_hero.687a002146a8.jpg");
  background-position: center center; }
  .recovery-act .page-header h1 {
    color: #000; }

.grid-piq img {
  max-width: 100%; }

.grid-piq .page-header {
  background-image: url("images/gridpiq-header3.ad92465fb7aa.png");
  background-position: center center;
  background-color: #2b2f34;
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: content-box;
  padding: 100px;
  position: relative;
  cursor: pointer; }
  .grid-piq .page-header .container {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
    .grid-piq .page-header .container h1 {
      font-size: 2.9rem;
      max-width: unset;
      font-weight: 600; }
    .grid-piq .page-header .container .media-preview a,
    .grid-piq .page-header .container .media-preview img {
      width: 100%; }

@media (max-width: 992px) {
  .grid-piq .page-header {
    padding: 50px; }
  .voices-of-experience .page-header {
    padding-top: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important; } }

@media (max-width: 768px) {
  .grid-piq .page-header {
    background-size: cover;
    padding: 0; }
    .grid-piq .page-header .container {
      position: relative;
      transform: unset;
      left: 0;
      top: 0;
      background: #2b2f34a6;
      padding-top: 90px;
      height: 100%;
      width: 100%; } }

.gridtalk .page-header {
  background-image: url("images/grid-talk-banner.c2c039c44ec5.jpg");
  background-position: center center; }
  .gridtalk .page-header h1 {
    color: #91c839;
    font-weight: 700;
    font-size: 10rem;
    margin-top: 0; }
  .gridtalk .page-header h2 {
    color: #f79746;
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 0; }

.voices-of-experience .page-header {
  background-position: center bottom; }
  .voices-of-experience .page-header .skinny-container {
    transform: translateY(110px); }

.voices-of-experience .page-header,
.voices-of-experience-alerts .page-header {
  background-image: url("images/voe-hero.76dc22d5651b.jpg");
  position: relative;
  display: block !important;
  padding: 110px;
  height: unset; }
  .voices-of-experience .page-header .skinny-container,
  .voices-of-experience-alerts .page-header .skinny-container {
    max-width: 1140px; }
    .voices-of-experience .page-header .skinny-container .page-header-content,
    .voices-of-experience-alerts .page-header .skinny-container .page-header-content {
      padding-bottom: 0 !important; }
  .voices-of-experience .page-header h1,
  .voices-of-experience-alerts .page-header h1 {
    color: #c4d571;
    font-weight: 100;
    font-size: 6rem;
    max-width: unset; }
  .voices-of-experience .page-header h3,
  .voices-of-experience-alerts .page-header h3 {
    color: #fff;
    max-width: 60rem; }
  .voices-of-experience .page-header .jumplinks,
  .voices-of-experience-alerts .page-header .jumplinks {
    background-color: #1c3346; }
    .voices-of-experience .page-header .jumplinks > [class^="col"],
    .voices-of-experience-alerts .page-header .jumplinks > [class^="col"] {
      padding: 20px;
      padding-top: 40px; }
      .voices-of-experience .page-header .jumplinks > [class^="col"]:hover,
      .voices-of-experience-alerts .page-header .jumplinks > [class^="col"]:hover {
        background-color: #0da5e1; }
        .voices-of-experience .page-header .jumplinks > [class^="col"]:hover::before,
        .voices-of-experience-alerts .page-header .jumplinks > [class^="col"]:hover::before {
          content: '';
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #fff;
          position: absolute;
          top: 0;
          transform: translateX(-50%); }
    .voices-of-experience .page-header .jumplinks a,
    .voices-of-experience-alerts .page-header .jumplinks a {
      display: block;
      color: #fff; }
    .voices-of-experience .page-header .jumplinks img,
    .voices-of-experience-alerts .page-header .jumplinks img {
      display: block;
      max-width: 100px;
      width: 100%;
      margin: 0 auto 20px; }

.voices-of-experience h2,
.voices-of-experience-alerts h2 {
  color: #f99027; }

.voices-of-experience .description,
.voices-of-experience-alerts .description {
  display: inline-block;
  width: 100%; }
  .voices-of-experience .description .series-thumbnail,
  .voices-of-experience-alerts .description .series-thumbnail {
    max-width: 220px;
    padding-bottom: 10px;
    padding-right: 20px; }
  .voices-of-experience .description.dropdown,
  .voices-of-experience-alerts .description.dropdown {
    display: block;
    transition: all 0.3s ease;
    max-height: 1000px;
    overflow: hidden;
    margin: 10px; }
  .voices-of-experience .description.dropdown.hidden,
  .voices-of-experience-alerts .description.dropdown.hidden {
    max-height: 0;
    margin: 0; }
  .voices-of-experience .description.dropdown > p,
  .voices-of-experience-alerts .description.dropdown > p {
    transition: transform 0.3s ease;
    transform-origin: top left;
    transform: scale(1); }
  .voices-of-experience .description.dropdown.hidden > p,
  .voices-of-experience-alerts .description.dropdown.hidden > p {
    transform: scale(0); }
  .voices-of-experience .description span,
  .voices-of-experience-alerts .description span {
    display: none; }
  .voices-of-experience .description a > span,
  .voices-of-experience-alerts .description a > span {
    display: none; }

.voices-of-experience audio,
.voices-of-experience-alerts audio {
  display: block; }

.voices-of-experience .buzzsprout-container,
.voices-of-experience-alerts .buzzsprout-container {
  transform: scale(0.6, 0.6);
  transform-origin: top left;
  width: 63%;
  margin-bottom: -30px; }
  .voices-of-experience .buzzsprout-container .episode iframe,
  .voices-of-experience-alerts .buzzsprout-container .episode iframe {
    height: 70px; }

.voices-of-experience .spacer,
.voices-of-experience-alerts .spacer {
  height: 2rem; }

.sensor-technologies-and-data-analytics .page-header {
  background-image: url("images/sensor-technologies-header.2ad7a78e7576.jpg");
  background-position: center bottom; }

.data-guard .page-header {
  background-image: url("images/dataguard-girl-img.c91b9270914c.jpg");
  background-position: center 35%; }

.adms-research-and-development .page-header {
  background-image: url("images/adms-header.0e9757c1310f.jpg");
  background-position: center bottom; }

.btn-outline {
  border-width: 1px;
  border-style: solid;
  border-radius: 2rem;
  transition: all 0.1s ease-in-out; }
  .btn-outline + .btn-outline {
    margin-left: 1rem; }

.btn-outline-primary {
  border-color: #29aae1;
  color: #29aae1 !important; }
  .btn-outline-primary:hover {
    border-color: #29aae1;
    color: #fff !important;
    background-color: #29aae1; }

.media-preview img {
  margin-bottom: 1rem;
  max-width: 100%; }

.spacer {
  height: 4rem; }

.half-spacer {
  height: 1rem; }

#content li {
  line-height: 1.5; }

.nav-list li {
  line-height: 1.5 !important; }

.voe-img {
  margin-top: 2rem;
  width: 100%;
  max-width: 100px; }

@media (min-width: 768px) {
  .voe-img {
    max-width: none; } }

.col {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-5 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-8 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-9 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-10 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-11 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-5 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-8 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-9 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-10 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-11 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xl-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-5 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-8 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-9 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-10 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-11 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-lg-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-5 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-8 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-9 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-10 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-11 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-md-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-5 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-8 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-9 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-10 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-11 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-sm-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-5 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-7 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-8 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-9 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-10 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-11 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

.col-xs-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important; }

::placeholder {
  color: #999 !important; }

p {
  margin: 0 0 10px; }