@charset "UTF-8";

html, body {
    font-size: 17px;
}

.btn {
    border-width: 2px;
}

.bg-primary {
    background-color: #00aef1 !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aef1+0,008ec4+100 */
    background: #00aef1; /* Old browsers */
    background: -moz-linear-gradient(top, #00aef1 0%, #008ec4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00aef1 0%,#008ec4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00aef1 0%,#008ec4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aef1', endColorstr='#008ec4',GradientType=0 ); /* IE6-9 */
}

.bg-secondary {
    background-color: #2C3E50 !important;
}

.text-primary {
    color: #00aef1 !important;
}

.text-secondary {
    color: #2C3E50 !important;
}

.btn-primary {
    background-color: #00aef1;
    border-color: #00aef1;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #128f76;
    border-color: #128f76;
}

.btn-secondary {
    background-color: #2C3E50;
    border-color: #2C3E50;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #1a252f;
    border-color: #1a252f;
}

.brand-logo {
    width:25%;
}

.tower-nav {
    background-color: white;
    border-bottom: 3px solid #17AFEF;
}

.tower-navbar a {
    color:#154394;
}

.banner-img {
    background-image: url('../img/bg.jpg');
    background-position-x: center;
}

.cctv-banner-img {
    background-image: url('../img/cctv-bg.jpg');
}

.telephone-banner-img {
    background-image: url('../img/phones-bg.jpg');
    background-position-x: center;
}

.contact-banner-img {
    background-image: url('../img/contact-bg.jpg');
    background-position-x: center;
}

.banner-text-shadow {
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.carousel-caption {
    text-align:left;
    position: relative;
    left:0%;
}

.carousel-control-next, .carousel-control-prev {
    width:10%;
    opacity: 1;
}

.carousel-indicators {
    position: fixed;
}

.contact-button {
    border: 0;
}

.contact-button:hover {
    background: #154394;
}

.br-0 {
    border-radius: 0;
}

.cta {
    background-color: #E7F7FE;
    max-width: 460px;
    padding: 20px;
    border-bottom: 2px solid #c1eafc;
    margin-top: 4rem;
}