/*

Name: Main.less
Version: 1.0

*/
/*

Name: Variables.less
Description: Sets ll the base Less variables for use in the rest of the Less files.
Version: 1.0

*/
/*
########################################
Main Colour Palette
########################################
*/
/* BRAND COLOURS */
/* Inap Blue */
/* Light Blue */
/* Oranje */
/* White */
/* Sunbeam Yellow */
/* Magma */
/* Clover */
/* Cobalt */
/* Deep Purple */
/* Steel */
/*
########################################
Type
########################################
*/
/*
########################################
Units of Measure
########################################
*/
/* 48px */
.clearfix {
  content: " ";
  display: block;
  width: 100%;
  height: 1;
  visibility: hidden;
  clear: both;
}
/* PATHS */
/*

Name: Header Footer.less
Version: 1.0

*/
/*

Name: Main.less
Description: Compiles all LESS files into this one stylesheet.
Version: 1.0

*/
@media only screen and (min-width: 1px) {
  .jumbotron {
    margin-bottom: 0;
  }
  .main-header {
    border-bottom: none;
    background: #151f28;
  }
  .main-header .logo {
    text-align: center;
    padding-top: 12px;
  }
  .main-header .logo p {
    margin: 0;
    padding: 0;
  }
  .main-header .tel {
    text-align: center;
  }
  .main-header .tel p {
    margin: 0;
    padding: 10px 0;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
  }
  .internap-footer {
    padding: 30px 0;
    text-align: center;
    background: #f6f7f8;
  }
}
@media only screen and (min-width: 700px) {
  .main-header .tel p {
    text-align: right;
    font-size: 1.7rem;
  }
  .main-header .logo {
    text-align: left;
  }
}
/*

Name: Hero.less
Version: 1.0

*/
@media only screen and (min-width: 1px) {
  .hero-dark-rack .jumbotron {
    background: url(http://storage.pardot.com/234392/808/hero_rack.jpg) no-repeat 50% 50% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .hero-dark-rack .jumbotron h1 {
    color: #fff;
  }
  .hero-dark-rack .jumbotron p {
    color: #fff;
  }
}
@media only screen and (min-width: 700px) {
  .jumbotron .col-form,
  .jumbotron .col-content {
    padding-top: 40px;
  }
}
/*

Name: Hero.less
Version: 1.0

*/
@media only screen and (min-width: 1px) {
  .section {
    padding: 80px 0;
  }
  .section-title {
    text-align: center;
  }
  .section-intro {
    text-align: center;
    margin-bottom: 60px;
    font-size: 1.8rem;
    font-weight: 300;
  }
  .section-topic {
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    line-height: 1em;
  }
  .section-topic:after {
    content: "";
    display: block;
    width: 10%;
    height: 2px;
    margin: 20px auto;
    text-align: center;
  }
  .section h3 {
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 1.4em;
    color: #1a2732;
  }
  .section p {
    line-height: 1.55em;
  }
  .section-thanks-content {
    text-align: center;
  }
  .section-otherthings {
    padding: 10px 0 20px 0;
    background: #e2eef2;
  }
  .section-otherthings h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  .section-otherthings p.title {
    text-transform: uppercase;
    color: #1a2732;
    font-weight: 500;
    font-size: 1.1rem;
  }
  .section-otherthings ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .section-otherthings ul li {
    margin: 0;
    padding: 5px 0;
    font-size: 1.2rem;
  }
  .section-otherthings ul a {
    color: #565f6b;
    font-weight: 400;
    cursor: pointer;
  }
  .section-thanks-cta {
    padding: 0;
    margin: 0;
    background: #c0e7c4;
  }
  .section-thanks-cta a {
    display: block;
    text-align: center;
    padding: 20px 0;
    color: #3d9e47;
  }
  .section-email-preference {
    text-align: center;
  }
  .theme-white {
    background: #fff;
  }
  .theme-white a {
    color: #f47a1f;
  }
  .theme-white h1,
  .theme-white h2,
  .theme-white h3,
  .theme-white h4,
  .theme-white h5,
  .theme-white h6,
  .theme-white .section-title {
    color: #1a2732;
  }
  .theme-white p,
  .theme-white ul,
  .theme-white ol,
  .theme-white li,
  .theme-white small {
    color: #565f6b;
  }
  .theme-white .section-topic:after {
    background: #565f6b;
  }
  .theme-grey {
    background: #f3f4f6;
  }
  .theme-grey a {
    color: #f47a1f;
  }
  .theme-grey h1,
  .theme-grey h2,
  .theme-grey h3,
  .theme-grey h4,
  .theme-grey h5,
  .theme-grey h6,
  .theme-grey .section-title {
    color: #1a2732;
  }
  .theme-grey p,
  .theme-grey ul,
  .theme-grey ol,
  .theme-grey li,
  .theme-grey small {
    color: #565f6b;
  }
  .theme-grey .section-topic:after {
    background: #565f6b;
  }
  .theme-light-blue {
    background: #bfd8e3;
  }
  .theme-light-blue a {
    color: #f47a1f;
  }
  .theme-light-blue h1,
  .theme-light-blue h2,
  .theme-light-blue h3,
  .theme-light-blue h4,
  .theme-light-blue h5,
  .theme-light-blue h6,
  .theme-light-blue .section-title {
    color: #1a2732;
  }
  .theme-light-blue p,
  .theme-light-blue ul,
  .theme-light-blue ol,
  .theme-light-blue li,
  .theme-light-blue small {
    color: #565f6b;
  }
  .theme-light-blue .section-topic:after {
    background: #565f6b;
  }
  .theme-dark-blue {
    background: #1a2732;
  }
  .theme-dark-blue a {
    color: #f47a1f;
  }
  .theme-dark-blue h1,
  .theme-dark-blue h2,
  .theme-dark-blue h3,
  .theme-dark-blue h4,
  .theme-dark-blue h5,
  .theme-dark-blue h6 {
    color: #8ab8cb;
  }
  .theme-dark-blue p,
  .theme-dark-blue ul,
  .theme-dark-blue ol,
  .theme-dark-blue li,
  .theme-dark-blue small {
    color: #fff;
  }
  .theme-dark-blue .section-topic {
    color: #3b6793;
  }
  .theme-dark-blue .section-topic:after {
    background: #3b6793;
  }
}
@media only screen and (min-width: 700px) {
  .section-topic:after {
    width: 2%;
  }
}
/*

Name: Header Forms.less
Description: Eric Meyer and then some tweaks.
Version: 1.0

*/
@media only screen and (min-width: 1px) {
  .col-form h3 {
    font-weight: 300;
    margin: 0;
    padding: 0;
  }
  #pardot-form div.first_name,
  #pardot-form div.last_name,
  #pardot-form div.company #pardot-form div.email,
  #pardot-form div.comments {
    display: block;
    width: 100%;
  }
  #pardot-form div.no_last_name {
    width: 100%;
    margin-left: 0;
  }
  #pardot-form div.no_company {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #pardot-form div.email-pref {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    padding: 16px;
    border: 1px solid #eee;
  }
  #pardot-form div.email-pref input {
    float: left;
    width: auto;
    margin: 2px 10px 10px 0;
    line-height: 1.2em;
    font-size: 1em;
    display: inline-block;
    vertical-align: top;
  }
  #pardot-form div.email-pref input:after {
    content: "X";
    display: block;
    visibility: hidden;
    clear: both;
    height: 1px;
  }
  #pardot-form div.email-pref label {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
  }
  #pardot-form div.email-pref span {
    padding-left: 10px;
  }
  #pardot-form div h2,
  #pardot-form div h2.section-title {
    font-weight: 300!important;
    display: block!important;
    text-align: center!important;
  }
  #pardot-form div br {
    display: none;
  }
  #pardot-form textarea {
    resize: vertical;
    height: 80px;
  }
  #pardot-form .form-field {
    margin: 0;
    padding: 5px 0;
  }
  #pardot-form .form-field label {
    margin: 0;
    padding: 0;
    font-weight: 500;
    display: block;
  }
  #pardot-form p {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    letter-spacing: .03em;
  }
  #pardot-form p.intro {
    font-size: 2rem;
    line-height: 1.2em;
    font-weight: 300;
  }
  #pardot-form .email br {
    display: none;
  }
  #pardot-form .email .description {
    font-size: 1rem;
  }
  #pardot-form .submit .btn {
    display: block;
    margin: 5px auto;
    width: 100%;
    line-height: 1.5em;
  }
  #pardot-form .submit .btn-primary {
    padding: 10px 20px;
    font-size: 1.5rem;
    letter-spacing: .02em;
    font-weight: 500;
    padding: 16px 20px;
    border: none;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.25);
    background: #f47a1f;
  }
  #pardot-form .errors {
    padding: 4px 8px;
    text-align: center;
    font-weight: 300;
    letter-spacing: .03em;
    display: none;
  }
  #pardot-form .no-label {
    display: block;
    padding: 3px 0;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 1.1rem;
  }
  #pardot-form .form-control:focus {
    border-color: #8ab8cb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
  }
  .form-theme-white {
    padding: 20px;
    background: #fff;
  }
  .form-theme-white p {
    color: #1a2732;
  }
  .form-theme-white a {
    color: #f47a1f;
  }
  .form-theme-white .errors {
    color: #a47003;
    background: #feebc2;
  }
  .form-theme-white .error input,
  .form-theme-white .error textarea,
  .form-theme-white .error select {
    border-color: #c2492d;
  }
  .form-theme-white .no-label {
    color: #c2492d;
  }
  .form-theme-grey {
    padding: 20px;
    background: #ebecef;
  }
  .form-theme-grey p {
    color: #1a2732;
  }
  .form-theme-grey a {
    color: #f47a1f;
  }
  .form-theme-grey .errors {
    color: #a47003;
    background: #feebc2;
  }
  .form-theme-grey .error input,
  .form-theme-grey .error textarea,
  .form-theme-grey .error select {
    color: #565f6b;
    border-color: #c2492d;
  }
  .form-theme-grey .no-label,
  .form-theme-grey .error {
    color: #c2492d;
  }
  .form-theme-dark-blue {
    padding: 20px;
    background: #1a2732;
  }
  .form-theme-dark-blue h2 {
    color: #8ab8cb !important;
    font-weight: 300;
    text-align: center;
  }
  .form-theme-dark-blue p {
    color: #fff !important;
  }
  .form-theme-dark-blue a {
    color: #8ab8cb;
  }
  .form-theme-dark-blue label {
    color: #fff;
    letter-spacing: .03em;
  }
  .form-theme-dark-blue .email .description {
    color: #fff;
  }
  .form-theme-dark-blue .errors {
    color: #a47003;
    background: #feebc2;
  }
  .form-theme-dark-blue .error input,
  .form-theme-dark-blue .error textarea,
  .form-theme-dark-blue .error select {
    border-color: #c2492d;
  }
  .form-theme-dark-blue .no-label {
    color: #fab013;
  }
  .form-theme-dark-blue .form-control:focus {
    border-color: #8ab8cb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
  }
  form.form-email-preferences div.pd-email {
    margin: 0 auto 30px auto!important;
    max-width: 400px!important;
  }
  form.form-email-preferences div.submit {
    margin-top: 30px;
    text-align: center;
    display: block;
  }
  form.form-email-preferences div.submit input.btn {
    margin: 0 auto;
    display: inline-block !important;
  }
  form.form-email-preferences a {
    display: block;
    font-size: 1.3em;
    margin: 20px auto;
    font-weight: 300;
  }
}
@media only screen and (min-width: 500px) {
  #pardot-form div.first_name,
  #pardot-form div.last_name,
  #pardot-form div.company,
  #pardot-form div.email {
    display: inline-block;
    vertical-align: top;
    width: 45%;
  }
  #pardot-form div.last_name,
  #pardot-form div.email {
    margin-left: 8%;
  }
  #pardot-form div.no_last_name {
    width: 100%;
    margin-left: 0;
  }
  #pardot-form div.no_company {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #pardot-form div.email-pref {
    max-width: 400px;
    margin: 0 10px 5px 0;
    display: inline-block;
    vertical-align: top;
  }
  #pardot-form .submit .btn {
    width: auto;
  }
}
@media only screen and (min-width: 700px) {
  #pardot-form div.company,
  #pardot-form div.email {
    display: inline-block;
    vertical-align: top;
    width: 45%;
  }
  #pardot-form div.email {
    margin-left: 8%;
  }
  #pardot-form div.no_last_name {
    width: 100%;
    margin-left: 0;
  }
  #pardot-form div.no_company {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #pardot-form .submit .btn {
    margin: 5px 0;
  }
}
/*

Name: Header Footer.less
Description: Eric Meyer and then some tweaks.
Version: 1.0

*/
@media only screen and (min-width: 1px) {
  .section-quote {
    padding: 40px 0;
  }
  .section-quote blockquote {
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
  }
  .section-quote blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    display: inline-block;
    width: 100%;
    margin: 0 auto 20px auto;
    text-align: center;
    color: #8ab8cb;
    font-size: 3rem;
  }
  .section-quote blockquote p {
    font-weight: 300;
    font-style: italic;
    font-family: georgia,times,serif;
  }
  .section-quote blockquote footer {
    color: #1a2732;
  }
}
@media only screen and (min-width: 900px) {
  .section-quote blockquote {
    max-width: 90%;
    margin: 0 auto;
  }
  .section-quote blockquote footer {
    color: #3a6d82;
    font-weight: 300;
  }
  .section-quote blockquote footer strong {
    display: block;
    color: #1a2732;
  }
}
/*

Name: Utility-Classes.less
Description: Small repeatable, utility classes
Version: 1.0

*/
@media only screen and (min-width: 1px) {
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .text-bold {
    font-weight: 800;
  }
  .text-normal {
    font-weight: 600;
  }
  .text-light {
    font-weight: 500;
  }
  .text-lighter {
    font-weight: 300;
  }
  .text-lightest {
    font-weight: 200;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .pull-left {
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .pull-right {
    margin-left: 30px;
    margin-bottom: 30px;
  }
  .alignleft,
  alignright {
    float: none;
    display: block;
  }
  .nostyle {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
  }
  .round {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
  }
  .round-lg {
    width: 150px;
    height: 150px;
  }
  .round-md {
    width: 100px;
    height: 100px;
  }
  .round-sm {
    width: 80px;
    height: 80px;
  }
  .round-xs {
    width: 40px;
    height: 40px;
  }
  .round img {
    display: block;
    max-width: 100%;
  }
  .inlinelist {
    margin: 0;
    padding: 0;
  }
  .inlinelist li {
    display: inline-block;
  }
  /* Text ATTRIBUTES */
  .text-white {
    color: #fff;
  }
  .text-inapblue {
    color: #1a2732;
  }
  .text-black {
    font-weight: 800;
  }
  .text-bold {
    font-weight: 600;
  }
  .text-semi-bold {
    font-weight: 500;
  }
  .text-light {
    font-weight: 300;
  }
  .text-lightest {
    font-weight: 100;
  }
  .text-right {
    text-align: right;
    margin-right: 0;
  }
  .text-center {
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  .text-left {
    text-align: left;
    margin-left: 0;
  }
  .xs-aligncenter {
    margin: 0 auto;
    display: block;
  }
  .xs-w-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  .xs-w-60 {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .xs-w-70 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .xs-w-80 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .xs-w-90 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .xs-w-100 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .xs-b {
    border: 1px solid;
  }
  .xs-b-grey {
    border-color: #ccc;
  }
  .xs-b-0 {
    border: none;
  }
  .xs-b-t {
    border-top: 1px solid;
  }
  .xs-b-r {
    border-right: 1px solid;
  }
  .xs-b-b {
    border-bottom: 1px solid;
  }
  .xs-b-l {
    border-left: 1px solid;
  }
  .xs-m-0 {
    margin: 0;
  }
  .xs-m-auto {
    margin: 0 auto;
  }
  .xs-m-t-5 {
    margin-top: 5px;
  }
  .xs-m-t-10 {
    margin-top: 10px;
  }
  .xs-m-t-15 {
    margin-top: 15px;
  }
  .xs-m-t-20 {
    margin-top: 20px;
  }
  .xs-m-t-25 {
    margin-top: 25px;
  }
  .xs-m-t-30 {
    margin-top: 30px;
  }
  .xs-m-t-35 {
    margin-top: 35px;
  }
  .xs-m-t-40 {
    margin-top: 40px;
  }
  .xs-m-t-45 {
    margin-top: 55px;
  }
  .xs-m-t-50 {
    margin-top: 50px;
  }
  .xs-m-r-5 {
    margin-right: 5px;
  }
  .xs-m-r-10 {
    margin-right: 10px;
  }
  .xs-m-r-15 {
    margin-right: 15px;
  }
  .xs-m-r-20 {
    margin-right: 20px;
  }
  .xs-m-r-25 {
    margin-right: 25px;
  }
  .xs-m-r-30 {
    margin-right: 30px;
  }
  .xs-m-r-35 {
    margin-right: 35px;
  }
  .xs-m-r-40 {
    margin-right: 40px;
  }
  .xs-m-r-45 {
    margin-right: 55px;
  }
  .xs-m-r-50 {
    margin-right: 50px;
  }
  .xs-m-b-5 {
    margin-bottom: 5px;
  }
  .xs-m-b-10 {
    margin-bottom: 10px;
  }
  .xs-m-b-15 {
    margin-bottom: 15px;
  }
  .xs-m-b-20 {
    margin-bottom: 20px;
  }
  .xs-m-b-25 {
    margin-bottom: 25px;
  }
  .xs-m-b-30 {
    margin-bottom: 30px;
  }
  .xs-m-b-35 {
    margin-bottom: 35px;
  }
  .xs-m-b-40 {
    margin-bottom: 40px;
  }
  .xs-m-b-45 {
    margin-bottom: 55px;
  }
  .xs-m-b-50 {
    margin-bottom: 50px;
  }
  .xs-m-l-5 {
    margin-left: 5px;
  }
  .xs-m-l-10 {
    margin-left: 10px;
  }
  .xs-m-l-15 {
    margin-left: 15px;
  }
  .xs-m-l-20 {
    margin-left: 20px;
  }
  .xs-m-l-25 {
    margin-left: 25px;
  }
  .xs-m-l-30 {
    margin-left: 30px;
  }
  .xs-m-l-35 {
    margin-left: 35px;
  }
  .xs-m-l-40 {
    margin-left: 40px;
  }
  .xs-m-l-45 {
    margin-left: 55px;
  }
  .xs-m-l-50 {
    margin-left: 50px;
  }
  .xs-p-0 {
    padding: 0;
  }
  .xs-p-t-5 {
    padding-top: 5px;
  }
  .xs-p-t-10 {
    padding-top: 10px;
  }
  .xs-p-t-15 {
    padding-top: 15px;
  }
  .xs-p-t-20 {
    padding-top: 20px;
  }
  .xs-p-t-25 {
    padding-top: 25px;
  }
  .xs-p-t-30 {
    padding-top: 30px;
  }
  .xs-p-t-35 {
    padding-top: 35px;
  }
  .xs-p-t-40 {
    padding-top: 40px;
  }
  .xs-p-t-45 {
    padding-top: 55px;
  }
  .xs-p-t-50 {
    padding-top: 50px;
  }
  .xs-p-r-5 {
    padding-right: 5px;
  }
  .xs-p-r-10 {
    padding-right: 10px;
  }
  .xs-p-r-15 {
    padding-right: 15px;
  }
  .xs-p-r-20 {
    padding-right: 20px;
  }
  .xs-p-r-25 {
    padding-right: 25px;
  }
  .xs-p-r-30 {
    padding-right: 30px;
  }
  .xs-p-r-35 {
    padding-right: 35px;
  }
  .xs-p-r-40 {
    padding-right: 40px;
  }
  .xs-p-r-45 {
    padding-right: 55px;
  }
  .xs-p-r-50 {
    padding-right: 50px;
  }
  .xs-p-b-5 {
    padding-bottom: 5px;
  }
  .xs-p-b-10 {
    padding-bottom: 10px;
  }
  .xs-p-b-15 {
    padding-bottom: 15px;
  }
  .xs-p-b-20 {
    padding-bottom: 20px;
  }
  .xs-p-b-25 {
    padding-bottom: 25px;
  }
  .xs-p-b-30 {
    padding-bottom: 30px;
  }
  .xs-p-b-35 {
    padding-bottom: 35px;
  }
  .xs-p-b-40 {
    padding-bottom: 40px;
  }
  .xs-p-b-45 {
    padding-bottom: 55px;
  }
  .xs-p-b-50 {
    padding-bottom: 50px;
  }
  .xs-p-l-5 {
    padding-left: 5px;
  }
  .xs-p-l-10 {
    padding-left: 10px;
  }
  .xs-p-l-15 {
    padding-left: 15px;
  }
  .xs-p-l-20 {
    padding-left: 20px;
  }
  .xs-p-l-25 {
    padding-left: 25px;
  }
  .xs-p-l-30 {
    padding-left: 30px;
  }
  .xs-p-l-35 {
    padding-left: 35px;
  }
  .xs-p-l-40 {
    padding-left: 40px;
  }
  .xs-p-l-45 {
    padding-left: 55px;
  }
  .xs-p-l-50 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 600px) {
  .pull-left:after {
    content: " ";
    display: block;
    width: 100%;
    height: 1;
    visibility: hidden;
    clear: both;
  }
  .pull-right:after {
    content: " ";
    display: block;
    width: 100%;
    height: 1;
    visibility: hidden;
    clear: both;
  }
  .md-w-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  .md-w-60 {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .md-w-70 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .md-w-80 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .md-w-90 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .md-w-100 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .md-b {
    border: 1px solid;
  }
  .md-b-grey {
    border-color: #ccc;
  }
  .md-b-0 {
    border: none;
  }
  .md-b-t {
    border-top: 1px solid;
  }
  .md-b-r {
    border-right: 1px solid;
  }
  .md-b-b {
    border-bottom: 1px solid;
  }
  .md-b-l {
    border-left: 1px solid;
  }
  .md-m-0 {
    margin: 0;
  }
  .md-m-auto {
    margin: 0 auto;
  }
  .md-m-t-5 {
    margin-top: 5px;
  }
  .md-m-t-10 {
    margin-top: 10px;
  }
  .md-m-t-15 {
    margin-top: 15px;
  }
  .md-m-t-20 {
    margin-top: 20px;
  }
  .md-m-t-25 {
    margin-top: 25px;
  }
  .md-m-t-30 {
    margin-top: 30px;
  }
  .md-m-t-35 {
    margin-top: 35px;
  }
  .md-m-t-40 {
    margin-top: 40px;
  }
  .md-m-t-45 {
    margin-top: 55px;
  }
  .md-m-t-50 {
    margin-top: 50px;
  }
  .md-m-r-5 {
    margin-right: 5px;
  }
  .md-m-r-10 {
    margin-right: 10px;
  }
  .md-m-r-15 {
    margin-right: 15px;
  }
  .md-m-r-20 {
    margin-right: 20px;
  }
  .md-m-r-25 {
    margin-right: 25px;
  }
  .md-m-r-30 {
    margin-right: 30px;
  }
  .md-m-r-35 {
    margin-right: 35px;
  }
  .md-m-r-40 {
    margin-right: 40px;
  }
  .md-m-r-45 {
    margin-right: 55px;
  }
  .md-m-r-50 {
    margin-right: 50px;
  }
  .md-m-b-5 {
    margin-bottom: 5px;
  }
  .md-m-b-10 {
    margin-bottom: 10px;
  }
  .md-m-b-15 {
    margin-bottom: 15px;
  }
  .md-m-b-20 {
    margin-bottom: 20px;
  }
  .md-m-b-25 {
    margin-bottom: 25px;
  }
  .md-m-b-30 {
    margin-bottom: 30px;
  }
  .md-m-b-35 {
    margin-bottom: 35px;
  }
  .md-m-b-40 {
    margin-bottom: 40px;
  }
  .md-m-b-45 {
    margin-bottom: 55px;
  }
  .md-m-b-50 {
    margin-bottom: 50px;
  }
  .md-m-l-5 {
    margin-left: 5px;
  }
  .md-m-l-10 {
    margin-left: 10px;
  }
  .md-m-l-15 {
    margin-left: 15px;
  }
  .md-m-l-20 {
    margin-left: 20px;
  }
  .md-m-l-25 {
    margin-left: 25px;
  }
  .md-m-l-30 {
    margin-left: 30px;
  }
  .md-m-l-35 {
    margin-left: 35px;
  }
  .md-m-l-40 {
    margin-left: 40px;
  }
  .md-m-l-45 {
    margin-left: 55px;
  }
  .md-m-l-50 {
    margin-left: 50px;
  }
  .md-p-0 {
    padding: 0;
  }
  .md-p-t-5 {
    padding-top: 5px;
  }
  .md-p-t-10 {
    padding-top: 10px;
  }
  .md-p-t-15 {
    padding-top: 15px;
  }
  .md-p-t-20 {
    padding-top: 20px;
  }
  .md-p-t-25 {
    padding-top: 25px;
  }
  .md-p-t-30 {
    padding-top: 30px;
  }
  .md-p-t-35 {
    padding-top: 35px;
  }
  .md-p-t-40 {
    padding-top: 40px;
  }
  .md-p-t-45 {
    padding-top: 55px;
  }
  .md-p-t-50 {
    padding-top: 50px;
  }
  .md-p-r-5 {
    padding-right: 5px;
  }
  .md-p-r-10 {
    padding-right: 10px;
  }
  .md-p-r-15 {
    padding-right: 15px;
  }
  .md-p-r-20 {
    padding-right: 20px;
  }
  .md-p-r-25 {
    padding-right: 25px;
  }
  .md-p-r-30 {
    padding-right: 30px;
  }
  .md-p-r-35 {
    padding-right: 35px;
  }
  .md-p-r-40 {
    padding-right: 40px;
  }
  .md-p-r-45 {
    padding-right: 55px;
  }
  .md-p-r-50 {
    padding-right: 50px;
  }
  .md-p-b-5 {
    padding-bottom: 5px;
  }
  .md-p-b-10 {
    padding-bottom: 10px;
  }
  .md-p-b-15 {
    padding-bottom: 15px;
  }
  .md-p-b-20 {
    padding-bottom: 20px;
  }
  .md-p-b-25 {
    padding-bottom: 25px;
  }
  .md-p-b-30 {
    padding-bottom: 30px;
  }
  .md-p-b-35 {
    padding-bottom: 35px;
  }
  .md-p-b-40 {
    padding-bottom: 40px;
  }
  .md-p-b-45 {
    padding-bottom: 55px;
  }
  .md-p-b-50 {
    padding-bottom: 50px;
  }
  .md-p-l-5 {
    padding-left: 5px;
  }
  .md-p-l-10 {
    padding-left: 10px;
  }
  .md-p-l-15 {
    padding-left: 15px;
  }
  .md-p-l-20 {
    padding-left: 20px;
  }
  .md-p-l-25 {
    padding-left: 25px;
  }
  .md-p-l-30 {
    padding-left: 30px;
  }
  .md-p-l-35 {
    padding-left: 35px;
  }
  .md-p-l-40 {
    padding-left: 40px;
  }
  .md-p-l-45 {
    padding-left: 55px;
  }
  .md-p-l-50 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 960px) {
  .lg-w-50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
  .lg-w-60 {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .lg-w-70 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
  .lg-w-80 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .lg-w-90 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .lg-w-100 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .lg-b {
    border: 1px solid;
  }
  .lg-b-grey {
    border-color: #ccc;
  }
  .lg-b-0 {
    border: none;
  }
  .lg-b-t {
    border-top: 1px solid;
  }
  .lg-b-r {
    border-right: 1px solid;
  }
  .lg-b-b {
    border-bottom: 1px solid;
  }
  .lg-b-l {
    border-left: 1px solid;
  }
  .lg-m-0 {
    margin: 0;
  }
  .lg-m-auto {
    margin: 0 auto;
  }
  .lg-m-t-5 {
    margin-top: 5px;
  }
  .lg-m-t-10 {
    margin-top: 10px;
  }
  .lg-m-t-15 {
    margin-top: 15px;
  }
  .lg-m-t-20 {
    margin-top: 20px;
  }
  .lg-m-t-25 {
    margin-top: 25px;
  }
  .lg-m-t-30 {
    margin-top: 30px;
  }
  .lg-m-t-35 {
    margin-top: 35px;
  }
  .lg-m-t-40 {
    margin-top: 40px;
  }
  .lg-m-t-45 {
    margin-top: 55px;
  }
  .lg-m-t-50 {
    margin-top: 50px;
  }
  .lg-m-r-5 {
    margin-right: 5px;
  }
  .lg-m-r-10 {
    margin-right: 10px;
  }
  .lg-m-r-15 {
    margin-right: 15px;
  }
  .lg-m-r-20 {
    margin-right: 20px;
  }
  .lg-m-r-25 {
    margin-right: 25px;
  }
  .lg-m-r-30 {
    margin-right: 30px;
  }
  .lg-m-r-35 {
    margin-right: 35px;
  }
  .lg-m-r-40 {
    margin-right: 40px;
  }
  .lg-m-r-45 {
    margin-right: 55px;
  }
  .lg-m-r-50 {
    margin-right: 50px;
  }
  .lg-m-b-5 {
    margin-bottom: 5px;
  }
  .lg-m-b-10 {
    margin-bottom: 10px;
  }
  .lg-m-b-15 {
    margin-bottom: 15px;
  }
  .lg-m-b-20 {
    margin-bottom: 20px;
  }
  .lg-m-b-25 {
    margin-bottom: 25px;
  }
  .lg-m-b-30 {
    margin-bottom: 30px;
  }
  .lg-m-b-35 {
    margin-bottom: 35px;
  }
  .lg-m-b-40 {
    margin-bottom: 40px;
  }
  .lg-m-b-45 {
    margin-bottom: 55px;
  }
  .lg-m-b-50 {
    margin-bottom: 50px;
  }
  .lg-m-l-5 {
    margin-left: 5px;
  }
  .lg-m-l-10 {
    margin-left: 10px;
  }
  .lg-m-l-15 {
    margin-left: 15px;
  }
  .lg-m-l-20 {
    margin-left: 20px;
  }
  .lg-m-l-25 {
    margin-left: 25px;
  }
  .lg-m-l-30 {
    margin-left: 30px;
  }
  .lg-m-l-35 {
    margin-left: 35px;
  }
  .lg-m-l-40 {
    margin-left: 40px;
  }
  .lg-m-l-45 {
    margin-left: 55px;
  }
  .lg-m-l-50 {
    margin-left: 50px;
  }
  .lg-p-0 {
    padding: 0;
  }
  .lg-p-t-5 {
    padding-top: 5px;
  }
  .lg-p-t-10 {
    padding-top: 10px;
  }
  .lg-p-t-15 {
    padding-top: 15px;
  }
  .lg-p-t-20 {
    padding-top: 20px;
  }
  .lg-p-t-25 {
    padding-top: 25px;
  }
  .lg-p-t-30 {
    padding-top: 30px;
  }
  .lg-p-t-35 {
    padding-top: 35px;
  }
  .lg-p-t-40 {
    padding-top: 40px;
  }
  .lg-p-t-45 {
    padding-top: 55px;
  }
  .lg-p-t-50 {
    padding-top: 50px;
  }
  .lg-p-r-5 {
    padding-right: 5px;
  }
  .lg-p-r-10 {
    padding-right: 10px;
  }
  .lg-p-r-15 {
    padding-right: 15px;
  }
  .lg-p-r-20 {
    padding-right: 20px;
  }
  .lg-p-r-25 {
    padding-right: 25px;
  }
  .lg-p-r-30 {
    padding-right: 30px;
  }
  .lg-p-r-35 {
    padding-right: 35px;
  }
  .lg-p-r-40 {
    padding-right: 40px;
  }
  .lg-p-r-45 {
    padding-right: 55px;
  }
  .lg-p-r-50 {
    padding-right: 50px;
  }
  .lg-p-b-5 {
    padding-bottom: 5px;
  }
  .lg-p-b-10 {
    padding-bottom: 10px;
  }
  .lg-p-b-15 {
    padding-bottom: 15px;
  }
  .lg-p-b-20 {
    padding-bottom: 20px;
  }
  .lg-p-b-25 {
    padding-bottom: 25px;
  }
  .lg-p-b-30 {
    padding-bottom: 30px;
  }
  .lg-p-b-35 {
    padding-bottom: 35px;
  }
  .lg-p-b-40 {
    padding-bottom: 40px;
  }
  .lg-p-b-45 {
    padding-bottom: 55px;
  }
  .lg-p-b-50 {
    padding-bottom: 50px;
  }
  .lg-p-l-5 {
    padding-left: 5px;
  }
  .lg-p-l-10 {
    padding-left: 10px;
  }
  .lg-p-l-15 {
    padding-left: 15px;
  }
  .lg-p-l-20 {
    padding-left: 20px;
  }
  .lg-p-l-25 {
    padding-left: 25px;
  }
  .lg-p-l-30 {
    padding-left: 30px;
  }
  .lg-p-l-35 {
    padding-left: 35px;
  }
  .lg-p-l-40 {
    padding-left: 40px;
  }
  .lg-p-l-45 {
    padding-left: 55px;
  }
  .lg-p-l-50 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 900px) {
  #darkness {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
  }
}
