body {
    overflow-x:hidden;
    font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif
}

.text-muted {
    color:#777
}

.text-primary {
    color:#fed136
}

p {
    font-size:14px;
    line-height:1.75
}

p.large {
    font-size:16px
}

a,a:hover,a:focus,a:active,a.active {
    outline:0
}

a {
    color:#fed136
}

a:hover,a:focus,a:active,a.active {
    color:#fec503
}

h1,h2,h3,h4,h5,h6 {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700
}

.img-centered { margin:0 auto }

.bg-light-gray { background-color:#f7f7f7 }

.bg-darker-gray { background-color:#ededed }

.bg-darkest-gray { background-color:#222 }

.btn-primary {
    color:#fff;
    background-color:#fed136;
    border-color:#fed136;
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
    color:#fff;
    background-color:#fec503;
    border-color:#f6bf01
}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary { background-image:none }

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active { background-color:#fed136; border-color:#fed136 }

.btn-primary .badge {
    color:#fed136;
    background-color:#fff
}

.btn-xl {
    color:#fff;
    background-color:#fed136;
    border-color:#fed136;
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    border-radius:3px;
    font-size:18px;
    padding:20px 40px
}

.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl {
    color:#fff;
    background-color:#fec503;
    border-color:#f6bf01
}

.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl { background-image:none }

.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active { background-color:#fed136; border-color:#fed136 }

.btn-xl .badge {
    color:#fed136;
    background-color:#fff
}

.navbar-default { 
    background-color:#222;
    border-color:transparent
}

.navbar-default .navbar-brand {
    color:#fed136;
    font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active { color:#fec503 }

.navbar-default .navbar-collapse { border-color:rgba(255,255,255,.02) }

.navbar-default .navbar-toggle { 
    background-color:#fed136;
    border-color:#fed136
}

.navbar-default .navbar-toggle .icon-bar { background-color:#fff }

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color:#fed136 }

.navbar-default .nav li a {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:1px;
    color:#fff
}

.navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
    color:#fed136; 
    outline:0 
}

.navbar-default .navbar-nav>.active>a { 
    border-radius:0; 
    color:#fff;
    background-color:#fed136
}

.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus { color:#fff; background-color:#fec503 }

@media (min-width:768px){
.navbar-default {
    background-color:rgba(0,0,0,.35);
    padding:25px 0;
    -webkit-transition:padding .3s;
    -moz-transition:padding .3s;
    transition:padding .3s;
    border:0
}

.navbar-default .navbar-brand {
    font-size:2em;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}

.navbar-default .navbar-nav>.active>a { border-radius:3px }

.navbar-default.navbar-shrink {
    background-color:#222;
    opacity:1;
    padding:10px 0;
}
.navbar-default.navbar-shrink .navbar-brand { font-size:1.5em }

}

header {
    background-image:url(https://reidmoak.github.io/images/Skyfrontfloat.jpg);
    background-repeat:none;
    background-attachment:scroll;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    -o-background-size:cover;
    text-align:center;
    color:#fff
}

header .intro-text { padding-top:100px; padding-bottom:50px }

header .intro-text .intro-lead-in { 
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:22px;
    line-height:22px;
    margin-bottom:25px
}

header .intro-text .intro-heading { 
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    font-size:50px;
    line-height:50px;
    margin-bottom:25px
}

@media (min-width:768px) {
header .intro-text { padding-top:300px; padding-bottom:200px }

header .intro-text .intro-lead-in {
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:40px;
    line-height:40px;
    margin-bottom:25px
}

header .intro-text .intro-heading {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    font-size:75px;
    line-height:75px;
    margin-bottom:50px
}

}

section { padding:100px 0 }

section h2.section-heading {
    font-size:40px;
    margin-top:0;
    margin-bottom:15px
}

section h3.section-subheading {
    font-size:16px;
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
    font-style:italic;
    font-weight:400;
    margin-bottom:75px
}

@media (min-width:768px) {
section { padding:50px 0; padding-top:150px }
}

.service-heading { margin:15px 0; text-transform:none }

#portfolio .portfolio-item { margin:0 0 15px; right:0 }

#portfolio .portfolio-item .portfolio-link {
    display:block;
    position:relative;
    max-width:400px;
    margin:0 auto
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background:rgba(254,209,54,.9);
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:all ease .5s;
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover { opacity:1 }

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position:absolute;
    width:100%;
    height:20px;
    font-size:20px;
    text-align:center;
    top:50%;
    margin-top:-12px;
    color:#fff
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { margin-top:-12px }

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { margin:0 }

#portfolio .portfolio-item .portfolio-caption {
    max-width:400px;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:25px
}

#portfolio .portfolio-item .portfolio-caption h4 {
    text-transform:none;
    margin:0
}

#portfolio .portfolio-item .portfolio-caption p {
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:16px;
    margin:0
}

#portfolio * { z-index:2 }

@media (min-width:767px) {
#portfolio .portfolio-item { margin:0 0 30px }
}

.timeline {
    list-style:none;
    padding:0;
    position:relative
}

.timeline:before { 
    top:0;
    bottom:0;
    position:absolute;
    content:"";
    width:2px;
    background-color:#f1f1f1;
    left:40px;
    margin-left:-1.5px
}

.timeline>li {
    margin-bottom:50px;
    position:relative;
    min-height:50px
}

.timeline>li:before,.timeline>li:after { content:" "; display:table }

.timeline>li:after { clear:both }

.timeline>li .timeline-panel {
    width:100%;
    float:right;
    padding:0 20px 0 100px;
    position:relative;
    text-align:left
}

.timeline>li .timeline-panel:before {
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}

.timeline>li .timeline-panel:after {
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}

.timeline>li .timeline-image {
    left:0;
    margin-left:0;
    width:80px;
    height:80px;
    position:absolute;
    z-index:100;
    background-color:#fed136;
    color:#fff;
    border-radius:100%;
    border:7px solid #f1f1f1;
    text-align:center
}

.timeline>li .timeline-image h4 {
    font-size:10px;
    margin-top:12px;
    line-height:14px
}

.timeline>li.timeline-inverted>.timeline-panel {
    float:right;
    text-align:left;
    padding:0 20px 0 100px
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}

.timeline>li:last-child { margin-bottom:0 }

.timeline .timeline-heading h4 { margin-top:0; color:inherit }

.timeline .timeline-heading h4.subheading { text-transform:none }

.timeline .timeline-body>p,.timeline .timeline-body>ul { margin-bottom:0 }

@media (min-width:768px) {
.timeline:before { left:50% }

.timeline>li {
    margin-bottom:100px;
    min-height:100px
}

.timeline>li .timeline-panel {
    width:41%;
    float:left;
    padding:0 20px 20px 30px;
    text-align:right
}

.timeline>li .timeline-image {
    width:100px;
    height:100px;
    left:50%;
    margin-left:-50px
}

.timeline>li .timeline-image h4 {
    font-size:13px;
    margin-top:16px;
    line-height:18px
}

.timeline>li.timeline-inverted>.timeline-panel {
    float:right;
    text-align:left;
    padding:0 30px 20px 20px
}
}

@media (min-width:992px) {
.timeline>li { min-height:150px }

.timeline>li .timeline-panel { padding:0 20px 20px }

.timeline>li .timeline-image {
    width:150px;
    height:150px;
    margin-left:-75px
}

.timeline>li .timeline-image h4 {
    font-size:18px;
    margin-top:30px;
    line-height:26px
}

.timeline>li.timeline-inverted>.timeline-panel { padding:0 20px 20px }

}

@media (min-width:1200px) {
.timeline>li { min-height:170px }

.timeline>li .timeline-panel { padding:0 20px 20px 100px }

.timeline>li .timeline-image { 
    width:170px;
    height:170px;
    margin-left:-85px
}

.timeline>li .timeline-image h4 { margin-top:40px }

.timeline>li.timeline-inverted>.timeline-panel { padding:0 100px 20px 20px }

}

.team-member { text-align:center; margin-bottom:0px }

.team-member img { 
    margin:0 auto;
    margin-bottom:20px;
    margin-top:20px;
    border:7px solid #fff
}

.team-member h4 { 
    margin-top:25px;
    margin-bottom:0;
    text-transform:none
}

.team-member p { margin-top:0 }

aside.clients img { margin:50px auto }

section#contact { 
    background-color:#222;
    background-image:url(../img/map-image.png);
    background-position:center;
    background-repeat:no-repeat
}

section#contact .section-heading { color:#fff }

section#contact .form-group { margin-bottom:25px }

section#contact .form-group input,section#contact .form-group textarea { padding:20px }

section#contact .form-group input.form-control { height:auto }

section#contact .form-group textarea.form-control { height:236px }

section#contact .form-control:focus { border-color:#fed136; box-shadow:none }

section#contact ::-webkit-input-placeholder { 
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    color:#bbb
}

section#contact :-moz-placeholder {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    color:#bbb
}

section#contact ::-moz-placeholder {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    color:#bbb
}

section#contact :-ms-input-placeholder {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    color:#bbb
}

section#contact .text-danger { color:#e74c3c }

footer { padding:25px 0; text-align:center }

footer span.copyright {
    line-height:40px;
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    text-transform:none
}

footer ul.quicklinks {
    margin-bottom:0;
    line-height:40px;
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    text-transform:none
}

ul.social-buttons { margin-bottom:0 }

ul.social-buttons li a {
    display:block;
    background-color:#222;
    height:40px;
    width:40px;
    border-radius:100%;
    font-size:20px;
    line-height:40px;
    color:#fff;
    outline:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active { background-color:#fed136 }

.btn:focus,.btn:active,.btn.active,.btn:active:focus { outline:0 }

.portfolio-modal .modal-content {
    border-radius:0;
    background-clip:border-box;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    min-height:100%;
    padding:100px 0;
    text-align:center
}

.portfolio-modal .modal-content h2 { margin-bottom:15px; font-size:3em }

.portfolio-modal .modal-content p { margin-bottom:30px }

.portfolio-modal .modal-content p.item-intro { 
    margin:20px 0 30px;
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:16px
}

.portfolio-modal .modal-content ul.list-inline {
    margin-bottom:30px;
    margin-top:0
}

.portfolio-modal .modal-content img { margin-bottom:30px }

.portfolio-modal .close-modal { 
    position:absolute;
    width:75px;
    height:75px;
    background-color:transparent;
    top:25px;
    right:25px;
    cursor:pointer
}

.portfolio-modal .close-modal:hover { opacity:.3 }

.portfolio-modal .close-modal .lr {
    height:75px;
    width:1px;
    margin-left:35px;
    background-color:#222;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index:1051
}

.portfolio-modal .close-modal .lr .rl {
    height:75px;
    width:1px;
    background-color:#222;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    z-index:1052
}

.portfolio-modal .modal-backdrop {
    opacity:0;
    display:none
}

::-moz-selection { text-shadow:none; background:#fed136 }

::selection { text-shadow:none; background:#fed136 }

img::selection { background:0 0 }

img::-moz-selection { background:0 0 }

body { webkit-tap-highlight-color:#fed136 }

.vid {
    margin-bottom: 30px;
}

img.thumbpic:hover {
    opacity: 0.8;
    border: 1px solid rgba(254,209,54,1);
}

h2.skydive, h2.contact {
    font-size: 40px;
    padding-top:20px;
    margin-top: 0;
    margin-bottom: 10px;
    color: white;
}

h3.skydive {
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 30px;
    font-size:inherit;
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
    font-style:italic;
    font-weight: 400;
    color: #e6e6e6;
}

h3.contact {
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 5px;
    font-size:inherit;
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
    font-style:italic;
    font-weight: 400;
    color: #e6e6e6;
}

.carousel-img {
    max-height: 500px;
    border: 1px solid white;
    margin-bottom: 50px;
    margin-top: 50px;
}

.bg-outline {
    border: 5px solid #fed136;
}

.bg-carousel {
    background-color: rgba(0, 0, 0, .375);
    width: 100%;
    margin-bottom: 50px;
    margin-left: 0px;
    margin-right:0px;
}

.bg-skydive {
    background-image:url("https://reidmoak.github.io/images/Parachutist_Photo.jpg"); background-attachment: fixed; 
    background-position: center; 
    background-clip: inherit; 
    background-size:cover; 
    background-repeat: no-repeat;
}

h3.section-subheading-team {
font-size:16px;
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
    font-style:italic;
    font-weight:400;
    margin-bottom:30px;
}

.botmarg {
    margin-bottom: 50px;
}
