body {
        /* Default Font */
        
        
        
        
        /* Background */
        
        
        
        
        
        }

        .content {
        
        
        
        
        
        }
        /* Links Font */
        a {
        
        
        
        
        
        }
        a:hover{
        
        
        }

        a:active{
        
        
        }

        .btn-default, .form-submit{
        
        
        
        }
        .btn-default:hover, .form-submit:hover, .btn-default:focus, .form-submit:focus, .btn-default.focus, .focus.form-submit, .btn-default:active, .form-submit:active, .btn-default.active, .active.form-submit, .open > .btn-default.dropdown-toggle, .open > .dropdown-toggle.form-submit {
        
        
        
        }
        .btn, .form-submit{
        
        
        
        
        
        
        
        
        }

        /* H1 Font */
        H1, H1 > a {
        
        
        
        
        }

        /* H2 Font */
        H2, H2 > a {
        
        
        
        
        }

        /* H3 Font */
        H3, H3 > a {
        
        
        
        
        }
        /* H4 Font */
        H4, H4 > a {
        
        
        
        
        }
        /* H5 Font */
        H5, H5 > a {
        
        
        
        
        }
        /* H6 Font */
        H6, H6 > a {
        
        
        
        
        }
        /* Header Styles */
        .navbar-default{
        
        
        
        
        
        }
        /* Navigation */
        .main-nav {
        
        }
        .navbar-nav, .main-nav .navbar-nav{
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav > li > a {
        
        
        
        
        
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav > li > a:hover,
        .navbar-default .primary-nav > li > a:focus{
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav >.active > a,
        .navbar-default .primary-nav >.active > a:hover {
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav > .open > a,.navbar-default .primary-nav > .open > a:hover,.navbar-default .primary-nav > .open > a:focus {
        
        
        
        
        
        
        }
        /*Dropdown*/
        .dropdown-menu{
        
        
        
        
        }
        .dropdown-menu > li > a {
        
        
        
        
        
        
        
        
        
        
        
        
        }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
        
        
        
        
        
        
        
        }
        .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
        
        
        
        
        
        
        
        }

        /* Utility Navigation */
        .utility-nav {
        
        
        
        
        
        
        
        }
        .navbar-default .utility-nav > li > a {
        
        
        
        
        
        
        
        
        
        
        
        
        }

        .navbar-default .utility-nav > li > a:hover {
        
        
        
        
        
        
        
        }

        .navbar-default .utility-nav >.active > a,
        .navbar-default .utility-nav > .active > a:hover {
        
        
        
        
        
        
        
        }

        /* Breadcrumb */
        .breadcrumb {
        
        
        
        
        
        
        }
        .breadcrumb a {
        
        
        }
        .breadcrumb a:hover {
        
        
        }

        /* Subpage Navigation */
        .sidenav{
        
        
        
        
        
        
        }
        .sidenav > .nav > li > a{
        
        
        
        
        
        }
        .nav-pills > li.active > a,.nav-pills > li.active > a:focus{
        
        
        
        
        
        }
        .nav-pills > li.active > a:hover{
        
        
        
        }
        .sidenav .nav .nav > li > a{
        
        
        
        
        
        
        
        
        
        
        
        
        }
        .sidenav .nav .nav > li > a:hover, .sidenav .nav .nav > li > a:focus {
        
        
        
        
        
        
        
        }
        .sidenav .nav .nav > .active > a, .sidenav .nav .nav > .active:hover > a, .sidenav .nav .nav > .active:focus > a  {
        
        
        
        
        
        
        
        }
        /* Footer Font */
        footer, #footer {
        
        
        
        
        
        

        
        
        
        
        
        }
        footer a, #footer a {
        
        
        
        
        
        }
        footer a:hover, #footer a:hover {
        
        
        }
        footer a:active, #footer a:active {
        
        
        }
        footer small, #footer small{
        
        
        
        
        }
    
/* Custom Styles */
.videobg {
	background-color: rgba(255,255,255,0.7) !important
}
.givetogrow p {
	font-size: 20px;
	line-height: 24px;
}
.givetogrow h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
	font-size: 50px;
	text-transform: uppercase;
}
.givetogrow li {
	font-size: 20px;
	line-height: 27px;
}

.shadow h2, .shadow p, .shadow li {
	text-shadow: 2px 2px 3px black;
}

.photobgpadding {
	padding: 100px;
}

/*  TIMELINE  */

.vue-slider-piecewise-label {
   font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.vue-slider-component {
	width: 90% !important;
	margin: auto;
}
#app_timeline_template {
	overflow: visible;
	margin-bottom: 60px;
}
.vue-slider-tooltip {
	display: none !important;
}

.cssarrow {
	position: relative;
	background: #ffffff;
	border: 2px solid #236192 !important;
    border-radius: 20px;
    padding-top: 20px;
    margin-top: 61px;
	padding-left: 30px;
	padding-right: 30px;
}
.cssarrow:after, .cssarrow:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cssarrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}
.cssarrow:before {
	border-color: rgba(35, 97, 146, 0);
	border-bottom-color: #236192;
	border-width: 19px;
	margin-left: -19px;
}
#cssarrow1:after, #cssarrow1:before {
	left: 5.5%;
}
#cssarrow2:after, #cssarrow2:before {
	left: 12.9%;
}
#cssarrow3:after, #cssarrow3:before {
	left: 20.4%;
}
#cssarrow4:after, #cssarrow4:before {
	left: 27.8%;
}
#cssarrow5:after, #cssarrow5:before {
	left: 35.2%;
}
#cssarrow6:after, #cssarrow6:before {
	left: 42.7%;
}
#cssarrow7:after, #cssarrow7:before {
	left: 50.1%;
}
#cssarrow8:after, #cssarrow8:before {
	left: 57.5%;
}
#cssarrow9:after, #cssarrow9:before {
	left: 64.9%;
}
#cssarrow10:after, #cssarrow10:before {
	left: 72.4%;
}
#cssarrow11:after, #cssarrow11:before {
	left: 79.8%;
}
#cssarrow12:after, #cssarrow12:before {
	left: 87.2%;
}
#cssarrow13:after, #cssarrow13:before {
	left: 94.7%;
}


.vue-slider-component .vue-slider-dot {
	width: 26px !important;
    height: 26px !important;
    top: -9px !important;
    left: -5px !important;
    background-color: #ffffff !important;
	box-shadow: none !important;
}

.vue-slider-component .vue-slider {
    background-color: rgba(0,0,0,0.1) !important;
}
            
                @media only screen and (max-width:479px)
                {
                .videobg {
background-color: rgba(255,255,255,0.7) !important
}
.givetogrow p {
font-size: 20px;
line-height: 24px;
}
.givetogrow h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
font-size: 50px;
text-transform: uppercase;
}
.givetogrow li {
font-size: 20px;
line-height: 27px;
}

.vue-slider-piecewise-label {
   font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;   
  top: 280% !important;
  left: -10px !important;
  transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important; /* IE 9 */
  -webkit-transform: rotate(90deg) !important; /* Safari 3-8 */
}
.vue-slider-component {
width: 90% !important;
margin: auto;
}
#app_timeline_template {
overflow: visible;
margin-bottom: 60px;
}
.vue-slider-tooltip {
display: none !important;
}

.cssarrow {
	position: relative;
	background: #ffffff;
	border: 2px solid #236192 !important;
    border-radius: 20px;
    padding-top: 20px;
    margin-top: 61px;
padding-left: 30px;
padding-right: 30px;
}
.cssarrow:after, .cssarrow:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cssarrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}
.cssarrow:before {
	border-color: rgba(35, 97, 146, 0);
	border-bottom-color: #236192;
	border-width: 19px;
	margin-left: -19px;
}
#cssarrow1:after, #cssarrow1:before {
	left: 8.5%;
}
#cssarrow2:after, #cssarrow2:before {
	left: 13.5%;
}
#cssarrow3:after, #cssarrow3:before {
	left: 20.7%;
}
#cssarrow4:after, #cssarrow4:before {
	left: 27.9%;
}
#cssarrow5:after, #cssarrow5:before {
	left: 35.1%;
}
#cssarrow6:after, #cssarrow6:before {
	left: 42.3%;
}
#cssarrow7:after, #cssarrow7:before {
	left: 49.6%;
}
#cssarrow8:after, #cssarrow8:before {
	left: 56.8%;
}
#cssarrow9:after, #cssarrow9:before {
	left: 64.0%;
}
#cssarrow10:after, #cssarrow10:before {
	left: 71.2%;
}
#cssarrow11:after, #cssarrow11:before {
	left: 78.4%;
}
#cssarrow12:after, #cssarrow12:before {
	left: 85.6%;
}
#cssarrow13:after, #cssarrow13:before {
	left: 92%;
}


.vue-slider-component .vue-slider-dot {
width: 26px !important;
    height: 26px !important;
    top: -9px !important;
    left: -5px !important;
        background-color: #ffffff !important;
box-shadow: none !important;
        }

        .vue-slider-component .vue-slider {
        background-color: rgba(0,0,0,0.1) !important;
        }

.shadow h2, .shadow p, .shadow li {
text-shadow: 2px 2px 3px black;
}

.photobgpadding {
	padding: 100px;
}

                }
            
            
                @media only screen and (min-width:480px) and (max-width:767px)
                {
                .vue-slider-piecewise-label {
font-size: 16px !important;
 
  top: 280% !important;
  left: -170% !important;
  transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important; /* IE 9 */
  -webkit-transform: rotate(90deg) !important; /* Safari 3-8 */
}
#cssarrow13:after, #cssarrow13:before {
	left: 94.5%;
}
.givetogrowsection {
	margin: 40px 0;
}
                }
            
            
                @media only screen and (min-width:768px) and (max-width:991px)
                {
                .vue-slider-piecewise-label {
font-size: 20px !important;
}
#cssarrow13:after, #cssarrow13:before {
	left: 94.5%;
}
                }
            
            
                @media only screen and (min-width:992px) and (max-width:1199px)
                {
                .vue-slider-piecewise-label {
    font-size: 24px !important;
}
#cssarrow13:after, #cssarrow13:before {
	left: 94.5%;
}
                }
            
            
                @media only screen and (min-width:1200px)
                {
                .vue-slider-piecewise-label {
    font-size: 24px !important;
}
#cssarrow13:after, #cssarrow13:before {
	left: 94.5%;
}
                }