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

/* Global Styles */

html,
body {
    width: 100%;
    height: 100%;
}

body {
    /*font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

.navbar {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    z-index: 100;
    border-bottom: 0;
    box-shadow: none;
    /*height: 47px;*/
    background-color: #fff;
}

.navbar-default {
    background-color: rgba(0,0,0,0.3);
    
}

.navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    /*color: #3498db;*/
    background-color: rgba(52, 152, 219, 0.5);
    /*background-color: rgba(55, 55, 55, 0.7);*/
}

.nav kbd {
    background: #3498db;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

#btn-landing {
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    /*background: rgba(52, 152, 219, 0.47);*/
    border: 1px solid rgba(52, 152, 219, 1);
}

#top {
    top: -45px;
}

#top .btn-primary:hover {
    background: rgba(52, 152, 219, 1);
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

/*.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}*/

.btn-light {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

.toggle {
    margin: 5px 5px 0 0;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*#top .text-vertical-center .btn {
    text-decoration: none;
    background-color: rgba(51, 122, 183, 0.3);
    border-radius: 0;
    color: #fff;
}*/

/* About */

.about {
    padding: 50px 25px 0 25px;
    top: -45px;
    position: relative;
}

#about a {
    text-decoration: none;
}

/* Services */

.services {
    padding: 50px 0;
}

.service-item {
    margin-bottom: 30px;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

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

.img-portfolio {
    margin: 0 auto;
}

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

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

.map iframe {
    pointer-events: none;
}

/* Footer */

footer {
    padding: 100px 0;
}

#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
}

.text-white {
    color: #FFF;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
    .callout h1 {
        font-size: 3em;
        line-height: 1.5em;
    }
}