/* Add here all your CSS customizations */

h4{
    color: #777;
}

div.slider-container {
    max-height: 360px;
    background: #FFF;
}
.inline{
    display: inline !important;
}

.marketing_img{
    float: none;
    margin: 0 auto;
    box-shadow: 7px 7px 3px 0px #e4e4e4;
    border: 2px solid #d2d2d2;
}


//Thumbnails
.thumbnail {
    position:relative !important;
    overflow:hidden !important;
}
.caption {
    position:absolute;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
    background: #155ea8; 
    opacity: 1; 
    width: 97%; 
    height: 97%;
}
.caption > h4{
    color: white; 
    line-height: 20px;
}
.caption > h4 > span{
    font-size: 0.8em;
}
.caption > p{
    color: white; 
    line-height: 15px; 
    font-size: 0.8em; 
    text-align: justify;
}
@media (max-width: 991px) {
    div.slider-container {
        max-height: 323px;
    }
    strong.inverted > span.word-rotate > span.word-rotate-items span{
        font-size: 24px;
        /*white-space: nowrap;*/
    }
    .cust_container{
        height: 85px !important;
    }
    .caption {
        margin-left: 31%;
        width: 37% !important; 
    }
}
@media (max-width: 767px) {
    div.slider-container {
        max-height: 222px;
    }
    strong.inverted > span.word-rotate > span.word-rotate-items span{
        font-size: 24px;
        /*white-space: nowrap;*/
    }
    .cust_container{
        height: 85px !important;
    }
    .caption {
        margin-left: 31%;
        width: 37% !important; 
    }
}
@media (max-width: 600px) {
    div.slider-container {
        max-height: 176px;
    }
    strong.inverted > span.word-rotate > span.word-rotate-items span{
        font-size: 18px;
        /*white-space: nowrap;*/
    }
    .cust_container{
        height: 35px !important;
    }
    .custom_nav{
        margin-top: 0px !important;
        float: none !important;
    }
    .custom_nav div a{
        font-size: 11px !important;
    }
    .custom_nav div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .logo a{
        margin-left: 20%;
    }
    .caption {
        margin-left: 26%;
        width: 47% !important; 
    }
}
@media (max-width: 479px) {
    div.slider-container {
        max-height: 135px;
    }
    strong.inverted > span.word-rotate > span.word-rotate-items span{
        font-size: 14px;
        white-space: nowrap;
    }
    .our-work{
        font-size: 2.0em !important;
    }
    .custom_nav{
        margin-top: 0px !important;
        float: none !important;
    }
    .custom_nav div a{
        font-size: 11px !important;
    }
    .custom_nav div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cust_container{
        height: 35px !important;
    }
    .logo a{
        margin-left: 20%;
    }
    .caption {
        margin-left: 9%;
        width: 80% !important; 
    }
}

div.home-intro{
    background-color: white;
}

div.home-intro p{
    color: #999;
}

section.page-top {
    background-color: #155ea8;
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #07325D;
}

//Right Sidebar

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

// Thumbnails
.team{
    height: 220px !important;
}

// Map
div.google-map{
    height: 200px;
}

//

/*.custom_bullets{
    
}*/

ul.custom_bullets { list-style:none; }
.custom_bullets > li { margin-bottom:10px; list-style: none;}
.custom_bullets > li:before {    
    font-family: 'FontAwesome';
    content: '\f046';
    margin:0 5px 0 -15px;
}

ul.no_bullets{
    list-style: none;
    padding-left: 0px;
}

strong.inverted > span.word-rotate > span.word-rotate-items span {
    white-space: nowrap;
    /*font-size: 24px;*/
}

.custom_nav div a{
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-left: 3px;
    margin-right: 3px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
}

.custom_nav div a:hover {
    background-color: #155ea8;
    padding: 10px;
    border-radius: 4px;
    color: white;
    text-decoration: none;
}