/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    /*padding-top: 50px;*/ 
    /* Required padding for .navbar-fixed-top. 
    Remove if using .navbar-static-top. 
    Change if height of navigation changes. */
}
body .navbar{
    margin-bottom: 0px;
    min-height: 70px;

}
body .navbar .navbar-brand {
    font-size: 32px;
    vertical-align: text-bottom;
    line-height: 35px;
    min-height: 70px;
}



body #rodape{
    width: 100%;
    color: #FFF;
}

@media (min-width: 768px) {
  body #rodape footer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body #rodape footer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body #rodape footer {
    width: 1170px;
  }
}

body #rodape footer a{
    color: #FFF;
    font-weight: bold;

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

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

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

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

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 25px auto;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    body .navbar .navbar-header {
        width: 100%;
    }
    body .navbar .navbar-brand {
        font-size: 32px;
        vertical-align: text-bottom;
        line-height: 35px;
        min-height: 70px;
        padding-left: 28%;
    }
    body .navbar .navbar-nav {
        width: 100%;
        margin: 0px;
        padding-left: 8%;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
     body .navbar .navbar-header {
        width: auto;
    }
    body .navbar .navbar-brand {
        font-size: 32px;
        vertical-align: text-bottom;
        line-height: 35px;
        min-height: 70px;
        padding: 15px;
        padding-left: 15px;
    }
    body .navbar .navbar-nav {
        width: 100%;
        margin: 0px;
        padding-left: 0%;
    }

}

@media(max-width:479px) {

    body .navbar .navbar-brand {
        font-size: 18px;
        vertical-align: text-bottom;
        line-height: 35px;
        min-height: 70px;]
    }

}

.carousel-caption h2 {

    color: #317eac  ;
    text-shadow:#FFF 1px -1px 2px, #FFF -1px 1px 2px, #FFF 1px 1px 2px, #FFF -1px -1px 2px;
    font-size: 36pt;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.carousel-caption p {
    color: #FFF;
    text-shadow:#317eac 1px -1px 2px, #317eac -1px 1px 2px, #317eac 1px 1px 2px, #317eac -1px -1px 2px;
    font-size: 24pt;
}

.img-responsive.img-portfolio.img-hover {
    width: 700px;
    height: 240px;
    border: solid 1px #eeeeee;
}

@media(min-width: 992px) {
    body .navbar .nav.navbar-nav {
        line-height: 35px;
        min-height: 70px;
    }

    ul .dropdown-menu li{
        line-height: auto !important;
        min-height: auto  !important;
    }
    ul .dropdown-menu li a {
        line-height: auto !important;
        min-height: auto !important;
    }
    body .navbar .nav.navbar-nav li {
        line-height: 35px;
        min-height: 70px;
    }

    body .navbar .nav.navbar-nav li a {
        line-height: 35px;
        min-height: 70px;
    }


}

.container {
    min-height: 72%;
}