/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 0; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background: #E7E4E0 url(../img/white_wall.png) repeat;
}

/* set a max-width for horizontal fluid layout and make it centered */


a{
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 80%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
.navbar-brand{
    padding: 10px 0;
    height: 80px;
}
.navbar-brand>img {
    display: block;
    width: 290px;
    margin-top: 6px;
}
.navbar {
    min-height:60px;
}
.navbar-nav>li>a {
    padding: 20px 30px;
    color: #BBB!important;
}
.navbar-nav>li>a:hover{
    color: #FFF!important;
}
.dropdown-menu {
    border-radius: 0;
    top: 99%;
    background-color: #080808;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ccc;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FF9900;
}
.carousel-caption {
    right: 2%;
    left: 2%;
    padding-bottom: 30px;
}
.carousel-caption h2{
    color:#FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.bolded{
    color:#F90;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.navbar-inverse {
    background-color: #222;
    border-color: #111;
    border: none;
    border-radius: 0;
    margin:0;
}
.page-header {
    padding-bottom: 0px;
    margin: 55px 0 0px;
    border-bottom: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: -1px;
}
h2.page-header{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0px;
    margin:10px 0 60px 0;
}
.boxStyle,
.boxStyleServices,
.boxStyleS5{
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 0;
    height: auto;
}
.boxStyle h4,
.boxStyleServices h4,
.boxStyleS5 h4{
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.boxStyleServices{
    height: auto;
}
.boxStyleS5{
    height: auto;
}
.boxStyleServices ul,
.boxStyleS5 ul{
    padding: 0 0 0 16px;
    margin: 0;
}
.hseW li{
    margin-bottom: 8px;
}
.marB10{
    margin-bottom: 10px;
}
#contact-banner {
    height: 200px;
    padding-top: 0;
    margin-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .3s,-webkit-box-shadow ease-in-out .3s;
    -o-transition: border-color ease-in-out .3s,box-shadow ease-in-out .3s;
    transition: border-color ease-in-out .3s,box-shadow ease-in-out .15s;
    border-left: none;
    border-top: none;
    border-right: none;
}
.form-control:focus {
    border-color: #FF9900;
    outline: 0;
    box-shadow: 0 1px 0 0 #FF9900;
}
.submitBtn {
    background: #222;
    border: 1px solid #222;
    color: #FFF;
    padding: 10px 20px;
    transition: all ease .25s;
    -webkit-transition: all ease .25s;
    -moz-transition: all ease .25s;
    border-radius: 0;
        width: 100%;
}
.submitBtn:hover,
.submitBtn:active{
    background: #FF9900;
    color: #FFF;
    border: 1px solid #E68A00;
}

.contactH1 {
    padding-bottom: 0px;
    margin: 55px 0 0px;
    border-bottom: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: -1px;
}


.imageWS5 {
    overflow: hidden; 
    position: relative;
    height: 47px;
}
.callUs{
    padding: 20px 30px 30px 30px;
    background: #FF9900;
}
.callUs h2{
    color:#FFF;
        font-family: 'Roboto', sans-serif;
}
.callNum{
    font-weight: 900;
}
.fa-4 {
    font-size: 7em!important;
    padding:20px 0;
    color: #F90;
}
.panel-heading {
    padding: 20px 25px;
}
#clientsCarousel .carousel-control {
  padding-top:10%;
  width:5%;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #FF9900;
}
.thumbnail {
    border-radius:0;
}
.thumbnail img{
    opacity: .75;
}
.imgClient{
    border: 1px solid #DDD;
    background: #fafafa;
    width: 300px;
}
p {
    margin: 0 0 20px;
}
.h5, h5 {
    font-size: 14px;
    line-height: 1.5;
}

.pageBanner {
    margin-top: 0;
    width: 100%;
}

.object-fit {
  width: 100%;
  height: auto;
  object-fit: cover;
}


.navbar-toggle {
    margin-top: 13px;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.marT40{
    margin-top: 20px;
}


/* Footer Styles */

footer {
    margin: 10px 0;
    color: #aaa;
    text-align: center;
}
footer a{
    color:#aaa;
}
footer a:hover{
    color:#777;
}

/* Responsive Styles */

@media (min-width:768px) {
    body {
        padding-top: 30px;
    }
    .navbar-brand>img {
        width: auto;
        margin-top: 0;
    }
    header.carousel {
        height: 80%;
    }
    .imgClient{
        width: auto;
    }
    footer {
        margin: 50px 0;
    }
    .boxStyle {
        height: 430px;
    }
    .pageBanner{
        overflow: hidden;
    }
    .pageBanner img{
        margin-top: -150px;
    }
    .imageWS5{
        height: 157px;
    }
    .boxStyleServices{
        min-height: 385px;
    }
    .boxStyleS5{
        min-height: 525x;
    }
    #contact-banner {
        height: 350px;
        margin-bottom: 40px;
    }
    .submitBtn {
        width: 200px;
    }
    .marT40 {
        margin-top: 40px;
    }
}