/*GLOBAL*/
.center-stuff {

    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
}
:focus {
    outline: 0px;
}
/*logo custom font*/
.navbar-brand {
    font-family: "Quicksand",Arial;
}
.navbar-custom .navbar-brand {
    font-family: "Quicksand",Arial;
}
.grayscale img {
    -webkit-filter: grayscale(65%);
    -moz-filter: grayscale(65%);
    -ms-filter: grayscale(65%);
    -o-filter: grayscale(65%);
    filter: grayscale(65%);
    filter: gray; /* IE 6-9 */
}

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

/*button and link transition styling*/
a {
    cursor: pointer;
}
a:hover, li:hover, .btn:hover {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
a, li, .btn {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.btn {
    background-color: #0288d1;
    border-color: #fff;

}
.btn:hover {
    background-color: #035e90;
    border-color: #fff;

}
a:focus, a:hover {
    text-decoration: none;
}
@media (max-width: 767px) {
    section h2.section-heading {
        font-size: 2.5em;
    }
}
/*START nav menu styling*/
.navbar-custom .navbar-nav>li>a:hover {
    border-radius: 4px;
    color: #0288d1 !important;
    background-color: #fff !important;
}
.navbar-custom .navbar-nav>li.active>a {
    border-radius: 4px;
    color: #fff !important;
    background-color: #0288d1 !important;
    background-color: rgba(2, 136, 209, 0.5) !important;
}
.navbar-custom .navbar-toggle {
    background-color: #0288d1;
    border-color: #0288d1;
}
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
    background-color: #035e90;
    border-color: #035e90;
}
@media screen and (min-width: 768px) {
    nav#mainNav.affix-top {
        background-color: rgba(0, 65, 100, .9);
        padding: 10px 0;
    }
    nav#mainNav.affix {
        background-color: rgba(0, 65, 100, .8);
        padding: 2px 0;
    }
}
@media screen and (max-width: 767px) {
    .navbar-custom .navbar-nav>.active>a {
        border-radius: 0px;
    }
    .navbar-custom .navbar-nav>li>a:hover {
        border-radius: 0px;
    }
}
.navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover {
    color: #0288d1;

}
.navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand {
    color: #ffffff;
}
/*END nav menu styling*/

.text-primary, a {
    color: #0288d1;
}

.timeline>li .timeline-image {
    background-color: #0288d1;
}

/*START hero slider*/
#carousel-id h2 {
    font-size: 1.5em;
    margin-top: 0em;
    margin-bottom: 1em;
    padding-bottom: .2em;
    border-bottom: 1px solid #fff;
}
/*END hero slider*/
/*START ALL slider sections*/
.carousel {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #eee;
}
.slider-container {
    padding-right: 15px;
    padding-left: 15px;
}
.carousel .carousel-caption {
    text-shadow: 1px 2px 1px #151515;
}
.facility-heading {
    margin-bottom: -4em;
    margin-top: 6em;
}
@media (max-width: 767px) {
    .carousel .carousel-caption a.btn {
        display: none;
    }
    a.left.carousel-control {
        display: none;
    }
    a.right.carousel-control {
        display: none;
    }
    ol.carousel-indicators {
        display: none;
    }
    .carousel {
        margin-top: 3.8em;
    }
    #carousel-id h1 {
        font-size: 1.5em;
    }
    #carousel-id h2 {
        font-size: 1em;
        margin-top: 0em;
        margin-bottom: -3em;
        padding-bottom: 0;
        border-bottom: none;
    }
    #facility-slider h1 {
        font-size: 1.5em;
        margin-bottom: -1em;
    }
    .facility-heading {
        padding-bottom: 0em;
        margin-top: -3em;
    }
}

/*END ALL slider sections*/

section#about {
    padding: 50px 0 150px;
}

.vcenter-parent {
    position: relative;
}
.vcenter-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

img.sac-custom-icon {
    height: 100px;
    background-color: #0288d1;
    padding: 20px;
    border-radius: 100%;
    margin-top: 6px;
    margin-bottom: 6px;
}
section#services {
    padding: 100px 0 50px;
}
.sac-service-item {
    margin-bottom: 3em;
}
@media (max-width: 500px) {
    .sac-service-item {
        margin: 0 2em 3em 2em;
    }
}
@media (min-width: 501px) and (max-width: 767px) {
    .sac-service-item {
        margin: 0 6em 3em 6em;
    }
}
.team-profile {
    padding-bottom: 50px;
}

#team img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.staff-small ul {
    padding: 0;
}

/*Brands We Trust Section Styling*/
section#brands-we-trust {
    padding: 2em;
}
@media (min-width: 992px) {
    #brands-we-trust .seven-cols .col-md-1,
    #brands-we-trust .seven-cols .col-sm-1,
    #brands-we-trust .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

/* 14% = 100% (full-width row) divided by 7 */
#brands-we-trust img{
    max-width: 100%;
}

/*Contact Info Section Styling*/
section#contact {
    background-color: #333;
    background-image: url(../img/vert-texture-bg_v3.jpg);
    background-repeat: repeat;
    padding: 3em 0 6em 0;
}
.contact-text {
    color: #fafafa;
}
a.important-contact p {
    font-size: 1.6em;
    font-weight: 600;
}
section#contact h2.section-heading{
    padding-top: 1em;
    padding-bottom: 1em;
}
@media (max-width: 767px) {
    .contact-text {
        text-align: center;
    }
}

#facility-slider {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*Slider Styling*/
.carousel.slide img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
header {
    background-image: none;
}

/*START Google Map Embed Styling*/
html, body, #map {
    height: 100%;
    margin: 0px;
    padding: 0px
}
/*limit the height of google map embed*/
#map {
    height: 500px;
    margin: 0 2em;
}
@media (max-width: 767px) {
    #map {
        height: 350px;
        margin: 0 0 4em;
    }
}
@media (min-width: 1500px) {
    #map {
        margin: 0 auto;
        width: 80%;
        height: 700px;
    }
}

/*END Google Map Embed Styling*/

/*Misc. Styling*/

.support-staff {
    padding-top: 50px;
}

.staff-table {
    margin-right: auto;
    margin-left: auto;
}