html, body {
  height: 100%;
}

body {
  width: 100%;
  margin: 0%;
  font-family: 'Lato', sans-serif;
  font-weight: 200;
}

.wrapper {
  min-height:100%;
  position:relative;
}

.zoom {
  background: white;
  border: 2px solid black;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  position:fixed;
  bottom:200px;
}

.navbar.navbar-default {
  background-color: #99ccff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar {
  margin-bottom: 0 !important;
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* -webkit-box-shadow: 0px 10px 24px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 10px 24px -1px rgba(0,0,0,0.5);
box-shadow: 0px 10px 24px -1px rgba(0,0,0,0.5); */
}
nav {
  min-height: 100px;
  font-family: Lato;
  font-family: Helvetica;
  font-weight: bold;
  color: rgb(64,64,64);
  background: white !important;
}
nav .navbar-header, nav .navbar-header .navbar-brand {
  /*overflow: hidden;*/
  height:100px;
  width:200px;
}
nav .navbar-header img {
  margin-top: 10px;
  height: 40px;
}
nav .navbar-nav {
  margin-top: 25px;
  margin-right: 2%;
}
nav .navbar-nav li:hover {
  background: #399eaa;
  border-radius:5px;
  color:white;
  font-weight: bold;
}
nav .navbar-nav a {
  transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  color: rgb(64,64,64) !important;
}
/*nav .navbar-nav a:hover{color: #e05944 !important;}*/
nav .navbar-nav a:hover { color: white !important}
nav .navbar-nav a:hover i, nav .navbar-nav a:hover span { color: white !important}
nav .navbar-nav a .glyphicon-home {color: #e05944}
nav .navbar-nav a .glyphicon-info-sign {color: #529ba8;}
nav .navbar-nav a .fa-cog {color: #e05944}
nav .navbar-nav a .glyphicon-envelope {color: #529ba8;}
nav .navbar-nav a .fa-map-marker {color: #e05944;}
nav .navbar-nav a .glyphicon-heart {color: #529ba8}
nav .navbar-nav a .fa-hand-paper-o {color: #529ba8;}
nav .navbar-nav a .glyphicon-usd {color: #e05944;}

nav .dropdown-menu {
  background: #399eaa;
  color:white;
  font-weight: bold;
  border-radius:5px;
}
nav .dropdown-menu li {
  padding:5px;
  padding-right: 20px;
  text-align:left;
}
nav .dropdown-menu li a:hover{
  background:#afcace;
  border-radius:5px;
}
nav .dropdown-menu li a {
  color:white !important;
  font-weight: bold !important;
}
nav .dropdown-menu li.divider{
  padding: 0 !important;
}
.navbar a {font-size:20px;}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-collapse {
  text-align: center;
}

.jumbotron {margin-bottom: 0 !important;}

.main {
  min-height: 500px;
  overflow: hidden;
  width: 100%;
  padding-bottom:250px;   /* Height of the footer element */
}

.section {
  float: left;
  width: 100%;
  line-height: 1.7;
  font-family: Lato;
}

.section-content {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.homepage .hp-first {
  background: white;
  padding-bottom: 5%;
}

.homepage h2 {
  text-align:center;
  margin-bottom: 5%;
  font-weight: bold;
}

.homepage .ytp-button {margin-top:75px !important;}

.carousel-inner .item {
    width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-inner .item img, .carousel-inner .item iframe {
  object-fit: cover;
  width: 100%;
  height: 500px;
  margin-left:auto;
  margin-right:auto;
  z-index: 10;
}

.carousel-inner .item a {
  color:white;
  text-decoration:underline;
}

.carousel-inner .item .carousel-statement {
  margin-top: -300px;
  margin-left: 10%;
  z-index: 998;
  color:white;
  width:60%;
  text-align:left;
  font-size: 40px;
  line-height: 1.6;
}

.homepage .hp-first .features{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.homepage .hp-first .features .feature-icon{
  text-align:center;
  border-radius: 100%;
  height: 200px;
  width: 200px;
  color:white;
  margin-left:auto;
  margin-right:auto;
}
.homepage .hp-first .features .feature-icon .fa{
  font-size: 60px;
  line-height: 200px;
}
.homepage .hp-first .features h6 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin-top: 25px;
}
.homepage .hp-first .features .feature-description {
  margin-top: 5%;
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom:50px;
}
.post-features {
  text-align: center;
  font-size: 30px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top:75px;
}
.post-features .each {
  /*border: 5px dashed #fc6d6d;*/
  color: #fc6d6d;
  font-weight: bold;
  margin-bottom:50px;
}
.post-features hr {
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
  margin:auto;
}
.mission, #research {
  text-align: center;
  background-color: #399eaa;
  color: white;
  font-size:50px;
}
.mission h4, #research h4 {
  margin-top:25px;
  line-height: 1.7;
  font-size:30px;
}
.homepage .progress {
  height: 300px;
  font-size: 40px;
  color: white;
  background-image: url('../images/hands4-itn.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.homepage .progress h1 {
  text-align:center;
  font-size: 50px;
}
.homepage .progress .progress-steps{
  margin-top: 3%;
  text-align: center;
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.homepage .progress .progress-steps .numbers{
  margin-bottom: -7%;
  font-size: 50px;
}
.homepage .rider-stories {
  background: #afcace;
  background:#399eaa;
}
.homepage .rider-stories h1 {
  color:white;
  text-align:center;
  font-size:50px;
  margin-bottom:50px;
}
.homepage .rider-stories h5 {font-size:20px}
.homepage .rider-stories .rider-stories-text {
  background: #f8fafa;
  color: #666666;
  padding: 26px 39px;
  border: 5px solid #afcace !important;
  border-radius: 15px;
  margin: 2%;
}
.homepage .rider-stories .rider-stories-text h4 {
  line-height: 1.6;
  font-size:25px;
  margin-bottom: 20px;
}
.homepage .rider-stories .rider-stories-text p {
  text-align:center;
}
.homepage .itn-blogs h1 a {
  color:black !important;
  font-size:50px;
  text-align:center;
}
.blog-thumbnail {
  overflow: hidden;
}
.blog-thumbnail img {
  max-width: 100%;
  width:100%;
  height:250px;
  margin-bottom:20px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-thumbnail:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.regeneron {
  background: white;
  font-size: 20px;
}
.regeneron h2 {
  margin-bottom:3%;
}
.regeneron .reg-text {
  padding-right: 8%;
  text-align: justify;
  margin-bottom: 20px;
  font-size:25px;
}

/*ITNCountry*/
.itncountry1 a {
  font-size: 24px;
}

/* SERVICES */

.services .jumbotron {padding: 0;}
/* .services .section {padding-bottom: 30px !important} */
.services .first-hero {
  background-image: url('../images/dark/man_on_bench.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
.services .first-hero h1{
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px;
  margin-left: 5%;
}
.services .container-fluid {
  /* width:80%; */
}
 .jumbo-title {
  background-color: #399eaa;
  color: white;
  text-align: center;
  padding: 2%;
  font-weight: bold;
  font-size: 30px;
}
.services p {
  font-weight:bold;
  text-align:justify;
}
.services p a {color:#fc6d6d}
.services p .btn {color:white}
#policy, #education, #ashoka, .ris {
  text-align:justify;
}
 .jumbo-title, .services #transportation .row {
  margin-left:-30px;
  margin-right:-30px;
}
#itn-infographic {
  margin-left:50%;
}
#pta-infographic {
  height:500px;
  width:600px;
  padding-left:7%;
  margin-top:10%;
}
.services .itn-country {
  background-image: url('../images/dark/country_dark.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.service-features p {
  padding:5%;
}
.service-features {
  background: white;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.service-features .col-sm-4 {
  text-align:center;
  padding: 2%;
}
.service-features .col-sm-4 .icon-wrap {
  font-size: 50px;
  font-weight: bold;
  text-align:center;
}
.service-features .col-sm-4 .icon-wrap img {
  height:180px;
  width:180px;
}
.service-features .col-sm-4 .icon-wrap .fa {
  font-size: 50px;
}
.service-features .col-sm-4 .icon-legend {
  margin-top: 7%;
  font-weight: bold;
  font-size: 25px;
}
.services .operating-radius {
  text-align:center;
  margin-top: 2%;
  margin-bottom: 2%;
}
.services .operating-radius h3 {
  margin-bottom: 5%;
}
.services .operating-radius button {
  margin-top: 3%;
  background: #399eaa;
}
.services .dignified {
  color: white;
  font-weight: bold;
}
.services .dignified h2 {
  text-align:center;
}
.services .dignified p {
  text-align:justify;
  font-size: 25px;
  font-weight: bold;
}
.services .dignified .img-circle {
  border-radius: 100%;
  overflow: hidden;
  height: 300px;
  width: 280px;
  margin: 100px auto 20px auto;
}


.news .first-hero {
  background-image: url('../images/dark/news-aa.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
.news .first-hero h1 {
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top: 170px;
  margin-left: 5%;
}
.news .newsletter .newsletter-content {white-space:nowrap}
.news .news-content {
  min-height: 500px;
  padding-top: 75px;
  padding-bottom: 75px;
  background: #fcedea;
  font-size:25px
}
.news .news-content h3 {
  font-size:30px;
  color:#576573;
  font-weight:bold;
  text-transform: uppercase;
}
.news .news-content  img {
  width: 250px;
  margin-left: 65%;
}
.news .news-content ul{
  margin-top: 50px;
  list-style-type: none;
  color: #b95856;
  font-weight: bold;
  line-height: 2;
  font-size: 25px;
}

.news .news-content ul li a{color: #b95856;}


.volunteer-signup .first-hero {
  background-image: url('../images/dark/spanish-woman.png');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

.volunteer-signup #first-hero-contact h1 {
  color:White;
  text-shadow: 2px 2px #529ba8;
  margin-top:50px;
  margin-left: 5%;
}


.contact .first-hero {
  background-image: url('../images/dark/spanish-woman.png');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
.contact #first-hero-contact h1 {
  color:White;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px;
  margin-left: 5%;
}
.contact .form-area {
    background-color: #FAFAFA;
  	padding: 10px 40px 60px;
  	margin: 10px 0px 60px;
  	border: 1px solid GREY;
    border: 2px solid #8f8fb66b;
    border-radius: 5px;
}
.donate .section {
  background:white;
}
.donate .first-hero {
  background-image: url('../images/dark/woman-coffee.jpg');
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px !important;
}
.donate .first-hero h1{
  color:White;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px;
  margin-left: 5%;
}
.donate .donate-intro {
  background: #fc6d6d;
  color:white;
}
.donate .donate-intro p{  font-size:30px; }
.donate .nav-tabs {
  margin-left:5%;
  margin-right:5%;
  font-weight: bold;
}
.donate .nav-tabs li a { font-size:30px }
.donate .donate-type {
  background: #f8fafa;
  padding: 25px;
  margin-top:25px;
}
.donate .donate-type p {font-size:25px}
.donate h2 {
  color: #399eaa
}
.donate hr {
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
}
.donate .description {
  margin-top: 150px;
}
.donate .description #checkbook-icon {
  vertical-align:top;
  display:inline-block;
  margin-right:7%;
}
.donate .form-area {
    background-color: #FAFAFA;
  	padding: 10px 40px 80px;
  	margin: 10px 0px 60px;
  	border: 1px solid GREY;
    border: 2px solid #fc6d6d;
    border-radius: 5px;
}

.corporate #first-hero-corporate {
  background-image: url('../images/dark/hands4-itn.jpg') !important;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px !important;
}

.corporate #first-hero-corporate h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}

.corporate .corp-slogan h2 {
  text-align:center;
  font-style:italic;
  color: #399eaa;
}
.corporate .description .container {
  width:80%;
  overflow:hidden;
  margin-bottom: 25px;
}
.corporate .description p {
  color: white;
  font-weight: bold;
  line-height: 2;
  font-size:25px;
}
.corporate .description img {
  margin-left: -90%;
  margin-top:100px;
}
.corporate .form-area {width:70%}

.community {line-height:1.7;}
.community #first-hero-community {
  background-image: url('../images/itn-people-faded/women-car.png') !important;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px !important;
}
.community #first-hero-community h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.community .comm-slogan {
  background: #f7d0cf;
}
.community .comm-slogan .container {
  background: white;
  border-radius: 5px;
  padding: 50px;
}
.community .comm-slogan h2 {
  text-align:justify;
  color: #fc6d6d;
}
.community .shop-ride {
  background: #f8fafa;
  padding: 25px;
  margin-top:25px;
  margin-bottom:50px;
}
.community .shop-ride .container {width:70%}
.community .shop-ride .row {
  margin-top:50px;
}
.community .shop-ride .row .image{
  margin-top:50px;
}
.community .description {
  padding-top:75px;
  padding-bottom:75px;
}
.community .description .descr-box {
  border-radius:10px;
  border: 5px dashed white;
  margin-left:1%;
  margin-right:1%;
  text-align:center;
}
.community ul li {
  margin-top:25px;
}
.programs-contact .form-area {width:70%}

.organization #first-hero-org {
  background-image: url('../images/dark/ITNLanier_mirror2.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  /*opacity:0.5;*/
}
.organization #first-hero-org h1{
  color:White;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.organization .nav-tabs {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  padding-left: 10px;
  background: white;
  font-weight: bold;
}
.organization .nav-tabs li {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 25px;
}
.organization .container {
  border-radius: 5px;
}
.organization .container section {
  background:white;
  margin-bottom:50px;
}
.organization .section-container {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  background: #399eaa24 !important;
}
.organization #start .start-itn {
    font-size:30px;
    font-style:italic;
    /*line-height: 150px;*/
    color:black;
    font-weight:bold;
}
.organization #start img.itn-icon {
  display: block;
  height: 75px;
  width: 150px;
  float: none;
  text-align: center;
  margin: 25px auto 25px auto;
}

#board h1, .org-section h1, #staff h1 {
  text-align:center;
  padding: 20px;
  color:#399eaa;
}
#board .row, #staff .row {
  text-align: center;
  margin-top: 100px;
}
#board .row img, #staff .row img {
  height:300px;
}
#board .row h2, #staff .row h2{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  font-size:26px;
  /*margin-top: 70px;*/
}
#board .row .title, #staff .row .title {
  font-weight: bold;
  font-style: italic;
  line-height:2;
  font-size: 23px;
}
#board .row button, #staff .row button {
  color: #ef4034 !important;
  border-radius: 0;
  border: 2px solid #ef4034;
  font-size: 1.1em;
  margin: 15px;
  padding: 1em 2em;
}
#board .btn-lg, #staff .btn-lg {
  background:white;
}
#board .row .showBoardBio, #staff .row .showBoardBio{
  /*display:none;*/
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
  font-size: 18px;
  line-height: 1.5;
  padding: 5px;
  margin-top: 20px;
  text-align: justify;
}
#board .row .showBoardBio.ng-hide, #staff .row .showBoardBio.ng-hide{
  opacity:0;
}

.org-section {
  overflow:hidden;
}
.org-section #flying-bird {
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
.org-section .national {
  background-image: url('../images/backgrounds/map_generic_light.png');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0 !important;
}
.org-section .national p {
  font-weight: bold;
  font-size: 25px;
}
.org-section .technology {
  background-image: url('../images/backgrounds/technology.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0 !important;
 }


 .faq #first-hero-faq {
   background-image: url('../images/dark/woman-cheek.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 400px;
 }
 .faq #first-hero-faq h1{
   color:white;
   text-shadow: 2px 2px #529ba8;
   margin-top:170px !important;
   margin-left: 5% !important;
 }
 .faq .container {
   float:left;
   padding-top:25px;
   padding-bottom:25px;
   width: 100%;
 }
 .faq .questions-list {
   background: #afcace;
   border: 15px solid #debeb1;
 }
 .faq .questions-list ul {
   list-style-type: none;
 }
 .faq .questions-list ul li {
   font-size: 25px;
   line-height: 2.2;
 }
 .faq .questions-list ul li a {
   font-weight:bold;
   color:black;
   text-decoration:underline
 }
 .faq .qa-wrapper {
   background-image: url('../images/backgrounds/background-faq.jpg');
   background-attachment: fixed;
 }
 .faq .qa {
   float:left;
 }
.faq .question {
  font-size: 25px;
  font-weight: bold;
  position: relative;
  line-height: 120px;
  padding: 0px 30px 0px 30px;
  background: #ffffff;
  border-radius: 10px;
  display: inline-block;
  margin-left: 5%;
}

.faq .question:after {
   content: '';
   position: absolute;
   border-style: solid;
   border-width: 13px 32px 13px 0;
   border-color: transparent #ffffff;
   display: block;
   width: 0;
   z-index: 1;
   left: -32px;
   top: 71px;
}
.faq .answer ul{
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
  list-style-type: circle;
}
.faq .answer {
  margin-top:20px;
  margin-bottom:20px;
  margin-left:10%;
 position: relative;
 padding: 30px;
 background: #ffffff;
 border-radius: 10px;
 display:inline-block;
}
.faq .answer p, .faq .answer ul li{font-size:25px}
.faq .answer:after {
   content: '';
   position: absolute;
   border-style: solid;
   border-width: 13px 0 13px 32px;
   border-color: transparent #ffffff;
   display: block;
   width: 0;
   z-index: 1;
   right: -32px;
   top: 71px;
}

.rider-stories #first-hero-rider {
  background-image: url('../images/dark/smiling-old-woman.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.rider-stories #first-hero-rider h1{
  color:White;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.rider-stories .intro {
  width: 70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
  margin-bottom: 50px;
  font-size: 25px;
  color: #fc6d6d;
}
.rider-stories .cards-wrapper{
  text-align: center;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.rider-stories .card {
  background: #fc6d6d57;
  border: 5px solid #fc6d6d;
  padding:30px;
  /*width: 500px;*/
}
.rider-stories .card .card-img-top {
  border-radius: 100%;
}
.rider-stories hr {
  border: none;
  height: 1px;
  color: #fc6d6d;
  background-color: #fc6d6d;
  width: 50%;
  margin-left:auto;
  margin-right:auto;
}
.rider-stories .fa-quote-left, .rider-stories .fa-quote-right {
  font-size: 50px;
}
.rider-stories .extra-text {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}
.rider-stories .extra-text.ng-hide {
  opacity:0;
}

.faces #first-hero-faces {
  background-image: url('../images/dark/aa-couple3.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.faces #first-hero-faces h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.faces .container-wrapper {
  width: 100%;
  background: #399eaa;
  float: left;
  padding-top:50px;
  padding-bottom:50px;
}
.faces .container {
  border: 5px solid #fc6d6d5c;
  background:#afcace;
  text-align:center;
  width: 70%;
  margin: 0px auto 0px auto;
  float: none;
}
.faces .container .title {
  font-size: 35px;
  font-style: italic;
}
.faces hr {
  margin-left:auto;
  margin-right:auto;
  border: none;
  height: 3px;
  color: #fc6d6d;
  background-color: #fc6d6d;
  width: 50%;
}
.faces .container h3 {
  margin-top:100px;
  margin-bottom:25px;
}
.faces .container .end-note {
  margin-top: 50px;
  font-weight: bold;
  font-style: italic;
}


.member-programs, .member-programs p, .community, .community p {
  line-height:1.7;
  font-size:20px;
}

.member-programs #first-hero-member {
  background-image: url('../images/dark/group.png');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.member-programs #first-hero-member h1{
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.member-programs .intro-wrapper {
  background:#afcace;
  background: #399eaa;
  color: white;
}
.member-programs .intro {
  width: 90%;
  text-align: center;
  font-style:italic;
  line-height: 2;
  margin-left: auto;
  margin-right: auto;
}
.member-programs .gift-cert-info {
  text-align: justify;
  border: 3px solid #399eaa;
  border-radius:5px;
  padding: 5%;
  margin-top: 75px;
}
.member-programs .lead {line-height: 1.7;}
.featurettes {
  background: white;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-bottom: -130px !Important;
}
.featurette-image {
  height: 250px;
}
.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
  border-top-color: #d5d5d5;
}
.featurette-right {text-align:right}
.featurette-right hr {float:right}
/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.family #first-hero-family {
  background-image: url('../images/dark/indian-young-old.jpg');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.family #first-hero-family h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.family .jumbotron, .family .container {
  width: 100%;
  background:white;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.family .title h2 {
  color: #399eaa
}
.family .title hr {
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
}
.family .carousel-control .glyphicon-chevron-left, .family .carousel-control .glyphicon-chevron-right {
  color:red;
}
.family .carousel-control.left {
  background-image: linear-gradient(to right, #389eaa 0%, rgba(0, 0, 0, .0001) 100%);
}
.family .carousel-control.right {
  background-image: linear-gradient(to left, #389eaa 0%, rgba(0, 0, 0, .0001) 100%);
}
.family .carousel-inner {
  overflow: visible !important;
  width:500px;
}
.family .carousel-content {
  margin-top:2%;
  width:500px;
  display:flex;
  align-items:center;
}
.family .text-carousel2 {
  margin-top: 100px;
}
.family .text-carousel p, .family .text-carousel .list, .family .text-carousel .cc .list li{
  color: white !important;
  font-weight:bold;
  font-size: 25px;
  width:80%;
  margin:auto;
  text-align: justify;
}
.family .text-carousel .cc p {
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif !important;
}
.family .text-carousel .cc .list li {
    text-align: left;
    margin-left: 25%;
}
.family .text-carousel img {
  position:absolute;
  width: auto;
}
.family #gift-cert-img1 {
  height:400px;
}
.family #gift-cert-img2 {
  /*margin-top: -150px;*/
}

.pay-online #first-hero-pay-online {
  background-image: url('../images/dark/people-paying.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.pay-online #first-hero-pay-online h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.pay-online .container {
  padding-left: 5%;
  padding-right:5$;
  padding-bottom:50px;
}
.pay-online .title {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.pay-online .title h2 {
  color: #399eaa;
}
.pay-online .title hr {
  width:35%;
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
}
.pay-online .pay-online-content {
  font-size: 20px;
  line-height: 2;
  margin-right:5%;
}
.pay-online .pay-online-content form{
  overflow: hidden;
  padding: 3%;
  border: 3px solid #399eaa;
  border-radius: 5px;
  background:#afcace;
}
.pay-online .pay-online-content select, .pay-online .pay-online-content .rider-name{
  width:300px;
}
.pay-online .pay-online-content .paypal {
  width: 300px;
  margin-top: 50px;
}

.non-rider #first-hero-rider {
  background-image: url('../images/dark/young-dude3.jpg');
  background-attachment: fixed;
  /*background-position: center center;*/
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.non-rider #first-hero-rider h1{
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.non-riderm h3, .contact h3 {
  text-align: center;
  line-height: 2;
  font-size: 26px;
  /*color:#399eaa*/
}
.non-rider hr, .contact hr, .corporate hr, .programs-contact hr {
  width:35%;
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
  margin-left: auto;
  margin-right: auto;
}
/*.non-rider input[type="text"], .contact input[type="text"] {
  height: 50px !important;
  margin-top: 20px;
  margin-bottom: 10px;
}*/


.become-member #first-hero-become {
  background-image: url('../images/dark/old-aa-woman-reverse.jpg');
  background-attachment: fixed;
  /*background-position: center center;*/
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}
.become-member #first-hero-become h1 {
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.become-member #first-hero-become h3 {
  color:white;
  margin-left: 5% !important;
}
.become-member .intro {
  background: #c7dfe4;
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
}
.become-member .intro h3, .become-member .intro h4 {
  line-height:1.7;
}
.become-member .intro .prospective h3 {
  display:inline-block;
  margin: 2%;
  font-weight:bold;
}
/*.become-member .intro .badge {
  padding: 10px 15px;
  font-size: 22px;
  margin: 15px 1%;
  background: #fc6d6d;
}*/
.become-member .ride-friend {
  background-image: url('../images/itn-people-images/men-car.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  text-shadow: 1px 1px black;
}
.become-member .btn {
  margin:2%;
}
 .service-features .col-sm-4 {
  text-align:center;
  padding: 2%;
}
 .service-features .col-sm-4 .icon-wrap {
  font-size: 50px;
}
 .service-features .col-sm-4 .icon-wrap .fa {
  font-size: 70px;
}
 .service-features .col-sm-4 .icon-legend {
  margin-top: 7%;
  font-weight: bold;
  font-size: 22px;
  text-align:center;
}
 .icon-wrap-circle {
  border-radius: 100%;
  color: white;
  background: #399eaa;
  height: 150px;
  WIDTH: 150PX;
  margin-left: auto;
  margin-right: auto;
}
 .icon-wrap-circle i {
  color:white;
  line-height:150px;
}

.member-app #first-hero-online-app {
  background-image: url('../images/dark/aa-couple.jpg');
  background-attachment: fixed;
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}

.member-app #first-hero-online-app h1 {
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px;
  margin-left: 5%;
}

.member-app .app-title, .volunteer-app .app-title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 30px;
  color:black;
}
.member-app .btn-lg, .volunteer-app .btn-lg {margin-top:50px}
form select#state {
    font-size: 25px;
    height: 50px;
}
form .form-area {
  background-color: #FAFAFA;
  padding: 10px 40px 60px;
  margin: 10px 0px 60px;
  border: 1px solid GREY;
  border: 2px solid #8f8fb66b;
  border-radius: 5px;
}
form .form-group {
  font-size:25px;
  margin-top: 35px;
}
.member-app .steps, .volunteer-app .steps {
  font-size: 20px;
  border-radius: 15px;
}
form .form-group ol li {margin-top:20px}
form .member-tabs {
  margin-top:50px;
}
form input[type=radio] {margin-top:10px}
form input[type=text], form input#email, form input[type=date], form input[type=time], form input[type=number], select {
  font-size:25px;
  height:50px;
  border-radius:5px;
}
form textarea.form-control {font-size:25px}
.member-app .checkbox-inline, .volunteer-app .checkbox-inline {line-height: 1}
#pdfVersion {
  display:none;
  padding: 5%;
  font-size:14px;
};
#pdfVersion label {margin-right: 15px;}
.volunteer-drive {
  font-size:25px;
}
.volunteer-drive #first-hero-volunteer-drive {
  background-image: url('../images/dark/asian-couple.jpg') !important;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px !important;
}
.volunteer-drive #first-hero-volunteer-drive h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.volunteer-drive hr {
  width: 35%;
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
  margin-left: auto;
  margin-right: auto;
}
.volunteer-drive .benefits-volunteer {
  font-weight:bold;
  font-size:25px;
  border-top: 5px dashed white;
}
.volunteer-drive .benefits-volunteer h2 {
  text-align: center;
  line-height: 2;
  font-size: 35px;
}
.volunteer-drive .benefits-volunteer .row-wrap {
  padding: 15px;
  margin-left: 1%;
  margin-right: 1%;
}
.volunteer-drive .benefits-volunteer .row {
  margin-top:25px;
  margin-bottom:25px;
}
.volunteer-drive .num {
  display: inline-block;
  font-size: 40px;
  margin-right: 2%;
  color: #fc6d6d;
}
.volunteer-drive .membership-btns .btn {
  margin-left:2%;
  margin-right:2%;
}
.volunteer-drive .volunteer-img {
  background-image: url('../images/itn-people-images/volunteer2.jpg') !important;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 300px !important;
  border: 5px dashed white;
  opacity:0.8;
}
.volunteer-drive .description {
  background-image: url('../images/itn-people-images/aa-couple-reverse.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: 1px 1px black;
  color: #fc6d6d;
}

.volunteer-app, .volunteer-app p, .member-app, .member-app p {font-size:25px;}
.volunteer-app li {
    margin-top: 20px;
}
.volunteer-app #first-hero-volunteer-app {
  background-image: url('../images/dark/oldage-wisdom.jpg') !important;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px !important;
}
.volunteer-app #first-hero-volunteer-app h1{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.volunteer-app .app-title {
  margin-top:25px;
  padding-top:50px;
}
.volunteer-app .form-area {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom:80px;
  background: #c7dfe4;
}

.volunteer-app .steps, .member-app .steps {
  margin-bottom: 75px !important;
  margin-top: 50px;
}

.member-app #pdfVersion, .volunteer-app #pdfVersion {
  font-size: 12px !important;
}

.ways-to-give #first-hero-ways{
  background-image: url('../images/dark/men_bench_hr.png');
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
.ways-to-give #first-hero-ways h1 {
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top: 170px;
  margin-left: 5%;
}
.ways-to-give .service-features img {
  height:200px;
}
.ways-to-give .service-features .btn-lg {
  margin: 10% 0;
}
.ways-to-give .service-features .icon-legend {
  text-align:justify;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.4;
  width: 90%;
}
.ways-to-give .service-features .icon-legend h3 {
  text-align:center;
}

.about #first-hero-about{
  background-image: url('../images/dark/old-aa-woman-reverse.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
.about #first-hero-about h1 {
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top: 170px;
  margin-left: 5%;
}

.find-your-itn #first-hero-find {
  background-image: url('../images/dark/crowd_sunset_hr.png');
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
.find-your-itn #first-hero-find h1 {
  color:white;
  text-shadow: 2px 2px #529ba8;
  margin-top: 170px;
  margin-left: 5%;
}

.find-your-itn #affiliates ul li a {
  color:inherit;
}

.mrc #first-hero-mrc {
  background-image: url('../images/dark/itnmemphis-men.jpg') !important;
  background-attachment: fixed;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 400px !important;
}

.mrc #first-hero-mrc h1, .mrc #first-hero-mrc h3{
  color:white !important;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}

.mrc p {
  font-weight:bold;
  margin-top:10px;
}

.mrc img {
  height: 350px;
  margin-bottom: 50px;
}

.mrc iframe {
  display:block;
  margin:auto;
  margin-top:50px;
}
.mrc figcaption {
  text-align: center;
  font-style: italic;
}
.back-btn-wrap {
  margin: -10% 0 2% 2%;
  width: 50%;
  text-align: left;
}
.back-btn-wrap a {
  color: white;
  margin: 0 !important;
}
.important-docs .back-btn-wrap {
  position: absolute !important;
  margin-top: 5%;
  margin-left: -20%;
}
.important-docs .back-btn-wrap a h3 {
  font-size:20px !important;
}

.annual-report #first-hero-report {
  background-image: url('../images/dark/annual-report-logo.png');
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  /*opacity:0.5;*/
}
.annual-report #first-hero-report h1{
  color:White;
  text-shadow: 2px 2px #529ba8;
  margin-top:170px !important;
  margin-left: 5% !important;
}
.annual-report .first-letter {
  float: left;
  font-family: Georgia;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}
.annual-report .first-paragraph {
  margin-top: -30px;
}
.annual-report, .annual-report p, .annual-report h3, .annual-report h2, .annual-report h5, .annual-report .family .text-carouel .cc p, .annual-report .regeneron p {
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif !important;
}
.annual-report ul {
  list-style-type:none;
  font-weight:bold !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
.annual-report li:before {
  content: "\2605";
  margin-right: 2%;
}
.annual-report .white-cont {
  padding:5%;
  border-radius:5px;
  background:white;
  color:#399eaa;
}
.annual-report .container p, .annual-report .container-fluid p {
  font-weight: bold;
  text-align:justify;
}
.wider-row {
  margin-left: -5%;
  margin-right: -10%;
}
.higher-row {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 3%;
  margin-right: 3%;
}
.elevator-list {
  margin: 5% 8%;
  border: 1px solid;
  padding: 3%;
}
.elevator-list li {
  margin-top:10px;
  margin-left: 5%;
}
.annual-report .icon-wrap {
  line-height:3;
  font-family: Arial, Helvetica, sans-serif !important;
}
.annual-report .icon-legend {
  font-family: Arial, Helvetica, sans-serif !important;
}
.annual-report .program-reach p {
  text-align:justify;
  width:90%;
  margin:auto;
}
.annual-report .cards {
  color:white;
}
.annual-report .cards h3 {
  font-size: 32px;
}
.annual-report .cards .col-md-12{
  border: 3px solid white;
  border-radius: 5px;
  padding: 5%;
}
.annual-report .graph {
  margin:5% auto;
  display:block;
  width:65%;
}
.tech{
  position:absolute !important;
  width:100% !important;
  margin-left:1% !important;
  color:white !important;
}
.carousel-wrap1 {
  background-image: url('../images/dark/technology.png');
  background-size: cover;
  margin: 0 auto;
  padding: 40px;
  padding-top:100px;
  width: 100% !important;
  color: #333;
  background-repeat: no-repeat;
  background-position: center center;
}
.annual-report .family .carousel-wrap .text-carousel p {
  width: 90%;
}
.financial-report {
  text-align: center;
  background: #a9cccf;
  float: left;
  width: 100%;
}
.financial-report .table {
  width: 50%;
  margin: 50px auto;
  font-size: 20px;
  /* font-family:Verdana; */
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: left;
}
.annual-report .caption {
  position: absolute;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  margin-left: 2%;
}


.portal {
  background-image: url('../images/itnportland-pic.JPG') !important;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding-bottom:10%;
  font-size:25px;
  color:white;
  font-weight:bold;
  line-height: 1.5;
}
.portal .container {
  padding:5% 7%;
}
.portal h2, .important-docs h3 {
  font-size:45px;
  text-align:center;
  color: rgba(252,109,109,1);
  margin-bottom:50px;
  margin-top:50px;
}
.portal h5 {
  color: #fc6f6d;
  font-size: 25px;
  font-weight: bold;
}
.portal h6 {
  font-size:12px;
}
.portal a {
  text-decoration:none;
  margin:3%;
}
.portal img {
  max-height:1500px !important;
  max-width:1500px !important;
}
.portal ul {
  list-style-type: none;
  font-size: 25px;
  color: white;
}
.portal ul li {
  margin-top:10px;
}
.portal .block {
  height: 250px;
  width: 250px;
  background: rgba(68,109,116,0.7);
  border: 7px solid #399eaa;
  background: rgba(252,109,109,0.3);
  border: 5px solid rgba(252,109,109,1);
  text-align: center;
  border-radius:100%;
  margin:auto;
  overflow:hidden;
}
.portal .block h3 {
  margin-top: 90px;
  color:white;
  font-size:35px;
}
.portal .block h3:hover {
  color: rgba(252,109,109,1);
  text-decoration:none !important;
}
.portal .block img {
  object-fit: contain;
}
.portal .block .contained-img, .portal .block img {
  max-height:250px;
  max-width:300px;
  margin-top: 75px;
}

.portal .fb {
  border: 2px solid #3a5795;
  background: #3a5795;
}
.portal .fb .fa {
  color:white;
}
.portal .tw {
  border: 2px solid #cf3427;
  background: #cf3427;
}
.portal .tw .fa {
  color:white;
  margin-left: 8% !important;
}
.portal .yt {
  border: 2px solid #0177b4;
  background:#0177b4;
}
.portal .yt .fa {
  color:white;
  margin-left: 8% !important;
}
.portal .in {
  border: 2px solid #78bdf1;
  background:#78bdf1;
}
.portal .in .fa {
    color:white;
    margin-left: 8% !important;
}

.itnamerica ul {
  font-weight: bold;
}
.itnamerica a, .affiliates a {
  margin: 0;
  color:white;
}
.social .social-icon-border {
  height:100px;
  width:100px;
}
.social .fa {
  font-size: 50px;
  margin-top: 15px;
  margin-left: -5%;
}
.social .fa {margin-left:0 !important}
.events a {
  margin:0;
  color:white;
}
.ris img {
  max-width:1500px !important;
}
#ris-blog-img {
  margin-top: 30px;
  margin-left: -70px;
  height: 150px;
}
.affiliateLanding ul li a {
  color:white;
  font-weight:bold;
}
.affiliates {
  font-size:20px;
}
.affiliates .row {
  border-bottom: 3px solid white;
  padding: 10px 0;
}
.affiliates .row:nth-last-of-type(1) {
  border:none;
}
.affiliates .note-wrap {
  width: 50%;
  margin: auto;
  margin-top: 10px;
  border:1px solid white;
  border-radius: 10px;
  padding: 0 3px;
}
.affiliate .block h5 {
  color:white;
  font-size:22px;
  margin-top:0;
}
.rides .container {
  padding: 3% 0;
}
.portal table .edit-btn {
  background: #fc6f6d;
  border-color: #fc6f6d;
}
.portal table thead tr th, .affiliates table thead tr th {
  text-align:center;
  padding:1%;
}
.portal table tr td {
  font-size:20px;
  font-weight:normal;
}
.portal table tbody tr:hover {
  color: #fc6f6d;
}
.rides input {
  color:black;
}
#loading-btn {
  display: block;
  margin: auto;
  margin-top: 10px;
  background: #fc716d;
  padding: 7px;
  border-radius: 5px;
  cursor:default;
}
.comments div.comments-for-each {
  clear:both;
}
.comments div.comments-for-each:last-child hr {
  display:none;
}
.editableColumnsStyle {
  color:red;
}
.calendar table:hover, .agenda table:hover {
  cursor:pointer;
}
.agenda {
  overflow:auto;
  height:100vh;
}
.agenda-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agenda-link:first-of-type {
  margin-top:30px;
}
.agenda .fc-toolbar .fc-left {
  display:none;
}
.agenda table thead tr th {
  display:none;
}
.swal-button--deleteEvent {
  background:#e05944;
}
.back-btn h3 {
  margin-top: -20px;
}
.more-btn {
  height: 20px;
  width: 70%;
  margin-top: -230px;
  font-size: 14px;
  color: black;
}
.employee ul li a {
  text-align:left;
  font-size:20px;
  border-bottom:1px solid #8080803b;
}
.no-border {
  border-bottom:none !Important;
}
.employee .dropdown-menu {
  left: 65%;
  right: auto;
  text-align: center;
  transform: translate(-50%, 0);
}
.employee .employee-profile, .employee .employee-edit {
  width:70%;
  border:3px solid white;
  border-radius:5px;
}
.employee .employee-edit .update-avatar {
  padding: 10px;
  font-size: 18px;
  position: absolute;
  margin-top: -23%;
  margin-left: 22%;
}
.employee .h6 {
  color: #fc6f6d !important;
  font-size: 20px !important;
}
.popular-apps a {
  color:white;
  text-decoration: underline;
}
.popular-apps h6 {
  font-size: 30px;
  margin-bottom: 0px;
  margin-top: 30px;
  font-weight: bold;
}
.popular-apps .description {
  margin-bottom:20px;
  font-size:20px;
}

.upload-doc {
  padding:3%;
  float:right;
  margin-top:-10%;
}
.all-docs {
  margin:auto;
  margin-top:125px;
  border-left:1px groove white;
  border-right:1px groove white;
}
.all-docs .title {
  text-align:left;
  margin-left:2%;
  float:left;
}
.btn-itn-sm {
  padding:1px 6px;
  font-size:12px;
  background: #529ba8;
  border-color: white;
  color:white;
}
.all-docs .cat-options {
  z-index: 99;
  float: left;
  padding: 10px;
  border: 1px solid #529ba8;
  border-radius: 5px;
  position: absolute;
  background: white;
  color: #529ba8;
}
.all-docs .file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  width:200px;
}
.all-docs .cat-options .dropdown {
  color:black;
  float:left;
  margin-left:2%;
}
.all-docs .cat-options .dropdown .btn {
  padding:1px 6px;
  font-size:12px;
}
.loading-img {
  color:red;
  margin-top:100px;
  display:block;
}
.repeat-img {
  display:inline-block;
  overflow:visible;
}
.repeat-img img {
  display:block;
  object-fit:scale-down;
  overflow:hidden;

  max-width: 100%;
  /* width:auto; */
  width:250px;
  height:100px;
  padding:1%;
  border-radius:5px;
  text-align:center;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.repeat-img:hover img {
  -moz-transform: scale(1.6);
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  cursor: pointer;
}

.loading-msg {
  font-style:italic;
  font-size:22px;
  color:red;
  margin: 6%;
}
.swal2-popup.swal2-modal.swal2-show {
  font-size: 20px !important;
  padding: 3%;
}
.btn-red {
  font-size:17px;
  background: #ed7c75;
  border-color: #ed7c75;
}
.server-message {
  color:red;
  font-weight: bold;
  padding 1%;
}

/* Google map */

#map {
  height: 100%;
}
.labels {
  color: red;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 40px;
  height:20px;
  border: 2px solid black;
  white-space: nowrap;
}
.nda p {
  margin-top:20px;
}
.fc-agenda-view .fc-day-grid {
  display:none;
}
.analytics-warning {
  border: 2px solid;
  padding: 2%;
  margin-bottom: 50px;
  font-size: 20px;
}
#auth-button {
  margin-bottom: 50px;
}
.affiliate-info .label {
  font-weight: bold;
  margin-right: 10px;
  color: beige;
}
.affiliate-info a {
  text-decoration: underline;
  color: white;
}
.affiliate-info .info {
  font-size: 22px;
}
.timesheet .card {
  border:2px solid white;
  padding:2%;
  text-align:center;
}
.timesheet input[type=checkbox] {
  /* margin-top: -20px; */
}
.timesheet .mileage-rates {
  text-align: right;
  font-size: 16px;
  font-style: italic;
  margin-top: -100px;
  margin-bottom: 20px;
}
.timesheet .title {
  text-align: left;
  text-decoration: underline;
  margin-top: 50px;
}
.timesheet .mileage-data {
  text-align:right;
  font-size:16px;
  margin-top: -4%;
}
.timesheet .fa-plus-circle {
  font-size:40px;
  margin-left: 2%
}
.timesheet .fa-pencil {
  font-size: 35px;
  padding-top:15px
}
.timesheet .fa-trash {
  font-size: 35px;
  padding-top: 15px;
}
.timesheet .fa-check {
  font-size:50px;
  margin-bottom: 15px;
}
.timesheet .semi-white-bg {
  margin: 5% 0;
  background:rgba(255,255,255,0.4);
  border-radius:5px;
}
.timesheet input {
  color:black;
}
.timesheet i:hover {
  cursor: pointer;
}
.timesheet .show-note div, .timesheet .show-note .fa-trash {
  display:inline-block;
}
.timesheet ul li {
  width: 10%;
}
.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.warning-msg {
  color:red;
  margin-top:50px;
}
.blueHighlight {
  background:#529ba8;
}
.disabled {
  color:grey !important;
  font-style: italic;
}
.timesheet select {
  color:black;
}
.timesheet ul li {
  width:6%;
}
.timesheet ul li a {
  padding: 10px 5px !important;
}
#footer {
    width:100%;
    height:250px;
    position:absolute;
    bottom:0;
    left:0;
    background: #399eaa;
    font-size:20px;
}
#footer ul li a {color:white}
#footer .container ul {
  list-style-type: none;
}

#footer .container {
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  color:white;
  background: #399eaa;
}
#footer .container .col-sm-4{
  margin-top:30px;
}

#footer .container hr {
  height: 1px;
  border-color: #e05944;
  background-color: #e05944;
  color: #e05944;
  width: 80px;
  margin-left: 0;
}

#footer .container .footer-title {
  margin-bottom:2%;
}

#footer .container input {
  width: 300px;
  height: 50px;
}

.social-icons i {
  font-size: 25px;
  margin-left:20%;
}

.social-icon-border {
  border-radius: 100%;
  padding: 10px;
  border: 1px solid blue;
  height: 50px;
  width: 50px;
  margin-left:auto;
  margin-right:auto;
  margin:2%;
}

.fb {
  border: 2px solid #3a5795;
}
.fb:hover {
  background: #3a5795;
}
.fb:hover .fa {
  color:white;
}
.fb .fa {
    color: #3a5795;
}

.tw {
  border: 2px solid #cf3427;
}
.tw:hover {
  background: #cf3427;
}
.tw:hover .fa {
  color:white;
}
.tw .fa {
    color: #cf3427;
    margin-left: 8% !important;
}

.yt {
  border: 2px solid #0177b4;
}
.yt:hover {
  background:#0177b4;
}
.yt:hover .fa {
  color:white;
}
.yt .fa {
    color: #0177b4;
    margin-left: 8% !important;
}

.in {
  border: 2px solid #78bdf1;
}
.in:hover {
  background:#78bdf1;
}
.in:hover .fa {
  color:white;
}
.in .fa {
    color: #78bdf1;
    margin-left: 8% !important;
}

#footer .container .btn-search {
  border: none;
  margin-left: -200%;
  margin-top: 10px;
}


/* HELPER CLASSES */

.itn-green {color: #399eaa !important}
.itn-green-bg {background: #399eaa !important}
.itn-orange {color: #fc6d6d !important}
.itn-orange-bg {background: #fc6d6d !important}
.itn-lightgreen {color: #afcace !important}
.itn-lightgreen-bg {background: #afcace !important}
.itn-vlightgreen-bg {background: #c7dfe4 !important}
.itn-vlightgreen {color: #c7dfe4 !important}
.white-bg {background:white}
.inner-white-bg {
  background:white;
  width:90%;
  border-radius:5px;
  padding:2%;
}
.border-road {border: 5px dashed white}
.mt-100 {margin-top:100px !important}
.mt-50 {margin-top:50px !important}
.mt-25 {margin-top:25px !important}
.mb-100 {margin-bottom:100px !important}
.mb-50 {margin-bottom:50px !important}
.mb-25 {margin-bottom:25px !important}
.m-50 {margin:50px !important}
.pt-100 {padding-top:100px !important}
.pt-75 {padding-top:75px !important}
.pt-50 {padding-top:50px !important}
.pt-25 {padding-top:25px !important}
.pb-25 {padding-bottom:25px !important}
.pb-50 {padding-bottom:50px !important}
.pb-75 {padding-bottom:75px !important}
.pb-100 {padding-bottom:100px !important}
.center-70 {
  margin-left:auto;
  margin-right:auto;
  width:70%;
}
.center-80 {
  margin-left:auto;
  margin-right:auto;
  width:80%;
}
.center-85 {
  margin-left:auto;
  margin-right:auto;
  width:85%;
}
.center-90 {
  margin-left:auto;
  margin-right:auto;
  width:90%;
}
.ta-center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.br-5 {border-radius: 5px;}
.br-15 {border-radius: 15px;}


/* OFFICIAL WIDGETS */

.btn-sm {
  background: #7fb0e8;
  border-color: white;
  padding: 9px 15px;
  font-size: 22px;
  color:white;
  font-weight:bold;
}

.btn-lg {
  background: #529ba8;
  border-color: white;
  padding: 7px 15px;
  font-size: 22px;
  color:white;
  font-weight:bold;
}
.itn-title h2 {
  color: #399eaa
}
.itn-title hr, .red-hr {
  border: none;
  height: 5px;
  color: #fc6d6d;
  background-color: #fc6d6d;
  margin-top: -10px;
  margin-bottom: 50px;
}
.red-section {
  background: #fc6d6d;
  color: white;
}
.error {
  color: #e05944;
  font-weight:bold;
  padding: 10px;
}
.highlighted {
  background: yellow;
}
.border-white {
  border: 1px solid white;
}

/* GENERAL */

a {cursor: pointer}
h2,h3 {line-height:1.7}
.jumbotron ul {
  font-size: 25px;
  font-weight: 200;
}
.jumbotron p {font-size:25px}

.form-control::-webkit-input-placeholder { color: black; font-style:italic}  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: black; font-style:italic}  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: black; font-style:italic}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: black; font-style:italic}  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: black; font-style:italic}  /* Microsoft Edge */

.form-group input[type=email], .form-group input#emailConfirmation {
  font-size: 25px;
  height: 50px;
}

.page-template {
  font-family: "DejaVu Sans", "Arial", sans-serif;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-template .header {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  border-bottom: 1px solid #888;
  color: #888;
}
.page-template .footer {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  border-top: 1px solid #888;
  text-align: center;
  color: #888;
}
.page-template .watermark {
  font-weight: bold;
  font-size: 400%;
  text-align: center;
  margin-top: 30%;
  color: #aaaaaa;
  opacity: 0.1;
  /*transform: rotate(-35deg) scale(1.7, 1.5);*/
}

.carousel-wrap {
  /* height:400px; */
  height:auto;
  margin: 0 auto;
  padding: 40px;
  padding-top:100px;
  width: 80%;
  color: #333;
  background-repeat: no-repeat;
  background-position: center center;
}

.carousel-wrap2 {
  background-image: url('../images/backgrounds/gift-certificate2.png');
  background-size: 95% 500px;
  height: 500px;
}
.slick-slide {
  width: 60%;
  text-align: center;
  color: #419be0;
  background:transparent;
}
.slick-prev:before, .slick-next:before {
  font-size:50px !important;
  color: red !important;
}





/* RESPONSIVE */

/* @media (max-width: 1650px) {
  .ttp img {
    height:auto;
    width:100%;
    margin-top:30%;
  }
} */

@media (max-width: 1430px) {
  .ttp img {
    height:auto;
    width:100%;
    margin-top:30%;
  }
}

@media (max-width: 1300px) {
  #programs img {
    height:auto;
    width:100%;
  }
  #policy img {
    width:100%;
  }
}

@media (max-width: 1260px) {
  #pta-infographic {
    padding-left:0;
  }
}

@media (max-width: 1210px) {
  .carousel-inner .item, .carousel-inner .item img {height:400px;}
  .family #gift-cert-img1, .family #gift-cert-img2 {visibility:hidden;}
  #transportation img {margin-top:20%}
  #mrc-statement {margin-top:-370px !important}
  .reg-img img {width:auto !important}
}

@media (min-width: 991px) and (max-width: 1145px) {
  #pta-infographic {
    height:400px;
    width:400px;
  }
}

@media (max-width: 991px) {
  .services .operate ul {
    margin-top:0;
  }
  #programs img, #policy img, .ttp img {
    width:50%;
    margin:auto;
    display:block;
    margin-top:10%;
  }
  #itn-infographic {
    margin-left:10%;
  }
  #history img {
    margin:auto;
    display:block;
  }
}

@media (max-width: 768px) {
  .navbar-collapse {
    margin-top: 90px;
    border: 0px;
    text-align: center;
  }
  button.navbar-toggle {
    left: 50%;
    top: 20px;
  }
  .navbar-collapse {margin-top:0;}
  .carousel-inner .item .carousel-statement {font-size:30px;}
  .homepage .progress {height: 500px;}
  .reg-img img {
    margin:10% auto !important;
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1653px) {
  .navbar-header {
    margin-left:auto !important;
    margin-right:auto !important;
    display:block;
    float:none;
  }
  nav .navbar-nav {
    margin-top:0;
    margin-bottom:25px;
  }
}

@media (min-width: 768px) {
  nav .navbar-nav>li {
   float:none;
   display:inline-block;
  }
  nav .navbar-nav ul .dropdown li a {
        text-align: left !important;
  }
}


@media (min-width: 991px) and (max-width: 1200px) {
  .services .operate ul {
    margin-left:20%;
    margin-top:0;
  }
}

@media(max-width: 768px) {
  #kat-bio {
    width:100% !important;
  }
}

@media(max-width: 541px) {
  #statement-woman-blue {
    margin-top:-400px;
  }
  #itn-infographic {
    width:100%;
  }
}

/*if links added to statement*/
/*@media (max-width: 820px) {
  .carousel-inner .item .carousel-statement {font-size:30px;}
}*/


/* MOBILE */

@media (max-width: 450px) {

  .navbar-collapse {
    max-height: 1000px;
  }

  .rider-stories .intro, .rider-stories .cards-wrapper, .corporate .form-area, .member-programs .featurettes, .community .shop-ride .container {
    width:100%;
  }

  .homepage .item #walking-crowd {
    object-position: 19% 50%;
  }
  .homepage .carousel-inner .item .carousel-statement {
    font-size: 25px;
  }
  .homepage .progress {height: 700px;}
  .homepage .progress .progress-steps .col-sm-4 {
    border: 3px dashed;
    margin-top: 25px;
  }
  .homepage .rider-stories .container {
    width:100%;
    padding:0;
  }
  .regeneron .container {width:100%;}
  .regeneron .container .reg-img{
    margin-top:50px;
    margin-bottom:50px;
  }
  .regeneron .reg-text {
    text-align:left;
    font-weight:bold;
  }
  .main {padding-bottom:700px;}
  #footer {height:700px;}
  .social-icons a {
    display:inline-block;
    margin-left:45%;
    margin-top:5px;
  }
  .services .service-features .col-sm-4 {margin-top:25px;}
  .services .dignified p {text-align:center}
  .faces .container {width:90%}
  .faces iframe {width: 250px;}
  .rider-stories .card {padding:10px;}
  .news .news-content img {margin-left:0}
  .news .news-content h3 {visibility:hidden}
  .news .newsletter-content ul li, .pressroom ul li {
    margin-bottom: 25px;
    border: 2px solid #e05944;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
  }
  .news .newsletter .newsletter-content {white-space:normal}
  .contact .jumbotron, .contact .form-area {padding:0}
  .pay-online .pay-online-form {margin-top:50px}
  .pay-online .pay-online-content form {margin-right:-50px}
  .volunteer-drive .membership-btns .btn {
    margin-left:-40%;
    font-size:15px
  }
  .volunteer-drive .description {color:black}
  .donate .donate-intro {text-align:center}
  #donate-card {height:400px}
  #donate-card .title {margin-top:-300px}
  #donate-card .description form {margin-left:-10%}
  #donate-check {height:650px}
  #donate-check .description {margin-top:0}
  #donate-car .title {
    margin-top: -1100px;
    float: left;
  }
  .donate .form-area {
    background:none;
    border:none;
    padding:0;
    width:100%;
  }
  .corporate .description .container {
    width:100%;
    text-align:center;
  }
  .corporate .corp-icon img {margin:0}
  .corporate .regeneron {text-align:center}
  .become-member .membership-btns .btn {
    margin-left:-10%;
    font-size:15px
  }
  .become-member .two-ways, .volunteer-drive .two-ways {background:white !important}
  .become-member .service-features .col-sm-4 {margin-top:25px}
  .member-app .steps {display:none}
  .volunteer-app .form-area {
    padding:0;
    border:none;
    text-align:center;
  }
  .volunteer-app .jumbotron {padding:0}
  form input, form textarea.form-control {font-size:15px !important}

  .non-rider .btn-lg {margin-bottom:25px}
  .community img, .member-programs img {display:none}
  .community .featurette-divider, .member-programs .featurette-divider {margin:0}
  .community .shop-ride .row {margin-top:0}
  .healthy-row {margin-top:-50px !important}
  .community .shop-ride {margin-top:100px}
  .community .description .descr-box {margin-bottom:25px}
  .programs-contact .form-area {width:100%}
  .faq .questions-list ul li {
    line-height:1.2;
    font-size:18px;
    margin-top:10px;
  }
  .faq .question, .faq .answer p, .faq .answer ul li {font-size:18px;}
  .faq .question {
    line-height:1.5;
    padding:15px;
  }
  .faq .question:after, .faq .answer:after {visibility:hidden}
  .faq .answer {
    padding:15px;
  }
  .family .carousel-inner .item, .family .text-carousel {height:auto}
  .family .carousel-inner .item .carousel-content {width:200px}

  .family .text-carousel p {
    width:100%;
  }
  .family .text-carousel2 {
    margin-top:10px;
  }
  .family .carousel .col-xs-offset-3 {
    margin-left:2% !important;
  }
  .carousel-wrap {
    height: 800px !important;
    width:83% !important;
  }
  .carousel-wrap1, .carousel-wrap2 {
    background-image:none;
  }
  .carousel-wrap2 {
    height: 1000px !important;
  }

  .annual-report .graph {
    width:100%;
  }

  #footer .search {display:none}

}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }