/* GOOGLE FONTS */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto:400,700italic,700,500italic,500,400italic,300italic,300);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);

body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    margin-top: 0;
}

/* BACKGROUND COLORS */

.bg-black {
    background-color: #111111 !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.bg-offwhite {
    background-color: #F5F5F5 !important;
}

.bg-clouds {
    background-color: #ECF0F1 !important;
}

.bg-silver {
    background-color: #BDC3C7 !important;
}

.bg-concrete {
    background-color: #95A5A6 !important;
}

.bg-asbestos {
    background-color: #7F8C8d !important;
}

.bg-tan {
    background-color: #D1DBBD !important;
}

.bg-pewter {
    background-color: #91AA9D !important;
}

.bg-moonlight {
    background-color: #3E606F !important;
}

.bg-deepocean {
    background-color: #193441 !important;
}

.bg-turquoise {
    background-color: #1ABC9C !important;
}

.bg-aqua {
    background-color: #16A085 !important;
}

.bg-sunflower {
    background-color: #F1C40F !important;
}

.bg-orange {
    background-color: #F39C12 !important;
}

.bg-sienna {
    background-color: #BF4E19 !important;
}

.bg-milanored {
    background-color: #AC1C00 !important;
}

.bg-river {
    background-color: #3498DB !important;
}

.bg-marina {
    background-color: #2980B9 !important;
}

.bg-deco {
    background-color: #C9D787 !important;
}

.bg-crete {
    background-color: #7D8A2E !important;
}

.bg-guardsman {
    background-color: #D90000 !important;
}

.bg-pomegranate {
    background-color: #C0392B !important;
}

.bg-finn {
    background-color: #723147 !important;
}

.bg-tamarind {
    background-color: #31152B !important;
}


/* COLORS */

.black {
    color: #111111;
}

.white {
    color: #FFFFFF;
}

.offwhite {
    color: #F5F5F5;
}

.clouds {
    color: #ECF0F1;
}

.silver {
    color: #BDC3C7;
}

.concrete {
    color: #95A5A6;
}

.asbestos {
    color: #7F8C8d;
}

.tan {
    color: #D1DBBD;
}

.pewter {
    color: #91AA9D;
}

.moonlight {
    color: #3E606F;
}

.deepocean {
    color: #193441;
}

.turquoise {
    color: #1ABC9C;
}

.aqua {
    color: #16A085;
}

.sunflower {
    color: #F1C40F;
}

.orange {
    color: #F39C12;
}

.sienna {
    color: #BF4E19;
}

.milanored {
    color: #AC1C00;
}

.river {
    color: #3498DB;
}

.marina {
    color: #2980B9;
}

.deco {
    color: #C9D787;
}

.crete {
    color: #7D8A2E;
}

.guardsman {
    color: #D90000;
}

.pomegranate {
    color: #C0392B;
}

.finn {
    color: #723147;
}

.tamarind {
    color: #31152B;
}


/* PADDING, MARGIN & ALIGNMENT */
.pad5 {
    padding-top: 5px;
}

.pad10 {
    padding-top: 10px;
}

.pad15 {
    padding-top: 15px;
}

.pad25 {
    padding-top: 25px;
}

.pad30 {
    padding-top: 30px;
}

.pad45 {
    padding-top: 45px;
}

.pad60 {
    padding-top: 60px;
}

.pad90 {
    padding-top: 90px;
}

.min-height-100px {
    min-height: 100px;
}

.min-height-200px {
    min-height: 200px;
}

.min-height-300px {
    min-height: 300px;
}

.min-height-400px {
    min-height: 400px;
}

.min-height-500px {
    min-height: 500px;
}

.min-height-600px {
    min-height: 600px;
}

.min-height-700px {
    min-height: 700px;
}

.min-height-800px {
    min-height: 800px;
}

.marg-bottom5 {
    margin-bottom: 5px;
}

.marg-left5 {
    margin-left: 5px;
}

.marg-right5 {
    margin-right: 5px;
}

.but_marg {
    margin-left: 3px;
}

.v-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
    max-width: 280px;
}*/


.content-block {
    width: 100%;
    padding: 60px 0 60px 0;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

.content-block-nopad {
    width: 100%;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

.content-1-3 {
    text-align: center;
}

    .content-1-3 p {
        padding: 0 20px;
    }

    .content-1-3 .services-wrapper {
        margin: 20px 0 0;
    }

        .content-1-3 .services-wrapper .icon {
            height: 175px;
            width: 175px;
            max-width: 100%;
            border-radius: 50%;
            -o-border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: block;
            text-align: center;
            vertical-align: middle;
            position: relative;
            margin: 0 auto 50px;
        }

            .content-1-3 .services-wrapper .icon span {
                line-height: 175px;
                color: #fff;
                font-size: 55px;
            }

.row {
    margin-bottom: 10px;
}

.panel-body table {
    margin-bottom: 0;
}

.panel-body .table > tbody > tr > th,
.panel-body .table > thead > tr > th {
    border-top: none;
}

.control-label {
    float: left;
    text-align: right;
    width: 21%;
}

.form-control {
    float: right;
    margin-right: 15px;
    width: 75%;
}

@media (max-width: 768px), (min-width: 992px) and (max-width: 1199px) {
    .form-horizontal .control-label {
        margin-left: 15px;
        margin-right: 15px;
        text-align: left;
        width: 90%;
    }

    .form-horizontal .form-control {
        float: left;
        margin-left: 15px;
        width: 90%;
    }
}

.checkbox {
    float: left;
    margin-left: 30px;
}

/*.descriptionIcon {
    padding-left: 5px;
}*/
.curFocus {
    /* background: #E2F1FF; */
}

input[type=text], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

    input[type=text]:focus, textarea:focus {
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
        border: 1px solid rgba(81, 203, 238, 1);
    }

.panel-heading a {
    cursor: pointer;
    display: block;
    margin: -10px -15px;
    padding: 10px 15px;
}

.indicator-collapse {
    width: 14px;
    height: 14px;
    position: relative;
}

.glyphicon-plus, .glyphicon-minus {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

a[data-toggle="collapse"]:not([aria-expanded="true"]) .glyphicon-plus {
    opacity: 1;
}

a[data-toggle="collapse"]:not([aria-expanded="true"]) .glyphicon-minus {
    opacity: 0;
}

a[data-toggle="collapse"]:not([aria-expanded="true"]):hover .glyphicon-minus {
    opacity: 1;
}

a[data-toggle="collapse"]:not([aria-expanded="true"]):hover .glyphicon-plus {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

a[aria-expanded="true"] .glyphicon-minus {
    opacity: 1;
}

a[aria-expanded="true"] .glyphicon-plus {
    opacity: 0;
}

a[aria-expanded="true"]:hover .glyphicon-minus {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

a[aria-expanded="true"]:hover .glyphicon-plus {
    opacity: 1;
}

input[type="submit"] {
    margin: 0 auto;
    max-width: 400px;
}

.jumbotron {
    background: url("../images/ocean.jpg");
    color: #FFF;
}

h1.jumboh1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-brand img {
    max-height: 40px;
    margin-top: -12px;
}

@media (max-width: 767px) {
    .navbar-brand {
        padding: 0;
    }

    .navbar-brand img {
            margin-top: 5px;
            margin-left: 5px;
        margin-right: 5px;
        }
}