@import url('font.css');

/* Foundational Declaration */


/* Globals */


/*
 * Base structure
 */

html,
body {
    height: 100%;
    min-width: 460px;
}

body {
    font-family: 'Cabin', Helvetica, Verdana;
}

mo body .modal-open {
    overflow: hidden;
}

.section {
    min-height: 100px;
    padding-bottom: 100px;
}

.section-heading {
    color: #58595B;
    text-align: center;
    padding: 0px;
    margin-bottom: 20px;
    font-weight: bold;
}

.section-heading>small {
    line-height: 1;
    display: inline-block;
    padding: 10px;
}

.section-sub-heading {
    font-size: 35px;
    margin-bottom: 40px;
}

.section-heading a:link,
.section-heading a:visited {
    color: #58595B;
}

.section-heading a:focus,
.section-heading a:hover {
    color: #004990;
    text-decoration: none;
}


/* Text Shadows */

.white-text-shadow {
    text-shadow: 5px 5px 10px rgba(255, 255, 255, 1);
}

.black-text-shadow {
    text-shadow: 2px 0px 10px rgba(0, 0, 0, 1);
}


/* Links */

button {
    -webkit-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    -moz-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    -ms-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    -o-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
}


/* Links */

a:link {
    -webkit-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    -moz-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    -ms-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    -o-transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
    transition: color .22s, background-color .22s, border .22s, text-shadow .22s ease-in-out;
}

a,
a:focus,
a:hover {
    color: #004990;
}


/* Page Sections Links */

.affix {
    z-index: 500;
    display: block;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid rgb(0, 73, 144);
    -webkit-box-shadow: 0 6px 12px rgba(88, 89, 91, .5);
    -moz-box-shadow: 0 6px 12px rgba(88, 89, 91, .5);
    box-shadow: 0 6px 12px rgba(88, 89, 91, .5);
    color: #58595B;
}

.affix-top {
    visibility: hidden;
    position: fixed;
}

.page-sections-links {
    position: absolute;
    display: block;
}

@media (max-width: 768px) {
    .affix {
        visibility: hidden;
    }
}

@media (min-width: 768px) {
    .affix {
        width: 750px;
        top: 52px;
        visibility: visible;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -ms-transition: all .75s ease;
        -o-transition: all .75s ease;
        transition: all .75s ease;
        opacity: 1;
    }
    .affix-top {
        width: 750px;
        top: 52px;
        opacity: 0;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -ms-transition: all .75s ease;
        -o-transition: all .75s ease;
        transition: all .75s ease;
    }
    .page-sections-links .nav>li {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .affix {
        width: 970px;
        top: 55px;
        visibility: visible;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -ms-transition: all .75s ease;
        -o-transition: all .75s ease;
        transition: all .75s ease;
        opacity: 1;
    }
    .affix-top {
        width: 970px;
        top: 55px;
        opacity: 0;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -ms-transition: all .75s ease;
        -o-transition: all .75s ease;
        transition: all .75s ease;
    }
    .page-sections-links .nav>li {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .affix {
        width: 1160px;
        top: 55px;
        visibility: visible;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -ms-transition: all .75s ease;
        -o-transition: all .75s ease;
        transition: all .75s ease;
        opacity: 1;
    }
    .affix-top {
        width: 1160px;
        top: 55px;
        opacity: 0;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -ms-transition: all .75s ease;
        -o-transition: all .75s ease;
        transition: all .75s ease;
    }
    .page-sections-links .nav>li {
        font-size: 17px;
    }
}

.page-sections-links .nav>li>a {
    display: block;
    padding: 10px 4%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #58595B;
    text-align: center;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #004990;
    border-color: #004990;
    color: white;
}

.page-sections-links .nav>li {
    display: inline-block;
    margin: 0px;
}


/* End Page Sections Links */


/* End Links */


/* End Foundational Declaration */


/* Background Color Scheme  */

.bg-bloom-white-color {
    background-color: white;
}

.bg-bloom-black-color {
    background-color: black;
}

.bg-bloom-primary-color {
    background-color: #004990;
}

.bg-bloom-primary-light-color {
    background-color: #00AEEF;
}

.bg-bloom-secondary-color {
    background-color: #58595B;
}

.bg-bloom-secondary-light-color {
    background-color: #A2A4A7;
}

.bg-bloom-secondary-lightest-color {
    background-color: #ECEFF4;
}

.bg-bloom-green-color {
    background-color: #0B9D20;
}

.bg-bloom-red-color {
    background-color: #F21847;
}

.bg-bloom-gold-light-color {
    background-color: #BCB213;
}

.bg-bloom-gold-color {
    background-color: #A29A08;
}

.bg-bloom-nature-color {
    background-color: #767D30;
}

.bg-bloom-ground-color {
    background-color: #432A00;
}


/* End Background Color Scheme */


/* Text Color Scheme  */

.text-bloom-white-color {
    color: white;
}

.text-bloom-black-color {
    color: black;
}

.text-bloom-primary-color {
    color: #004990;
}

.text-bloom-primary-light-color {
    color: #00AEEF;
}

.text-bloom-secondary-color {
    color: #58595B;
}

.text-bloom-secondary-light-color {
    color: #A2A4A7;
}

.text-bloom-secondary-lightest-color {
    color: #ECEFF4;
}

.text-bloom-red-color {
    color: #F21847;
}

.text-bloom-gold-light-color {
    color: #BCB213;
}

.text-bloom-gold-color {
    color: #A29A08;
}

.text-bloom-nature-color {
    color: #767D30;
}

.text-bloom-ground-color {
    color: #432A00;
}


/* End Text Color Scheme */


/* Modals */

.modal-title {
    font-size: 25px;
    line-height: 1;
}

.modal {
    min-width: 320px;
}

.modal .close {
    font-size: 30px;
    padding: 0px;
}

.form-group-lg .control-label {
    font-size: 18px;
    color: #58595B;
}

form .required-field-indicator {
    color: #F21847;
}

.form-group-lg .form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 19px;
    color: black;
    border: 2px solid #58595B;
}

.btn-lg {
    padding: 9px 16px;
    font-size: 20px;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #F21847;
}

.help-block {
    height: 20px;
}

.form-group textarea {
    resize: none;
}

.messages {
    display: inline-block;
    max-width: 330px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    text-align: left;
}

.messages .alert {
    margin-bottom: 0px;
    height: 46px;
    line-height: 1.25;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 30px;
    text-align: left;
}

.alert-dismissable .close,
.alert-dismissible .close {
    top: 0px;
    right: -23px;
}


/* End Modal */


/* Brand */

.img-brand {
    width: 136.656px;
    height: 50px;
}

.navbar-brand {
    padding: 0px;
}


/* End Brand */


/* Navigation */

.navbar-bloom {
    background-color: white;
    border-color: #004990;
    border-bottom-width: 3px;
    min-width: 460px;
    -webkit-box-shadow: 0 6px 12px rgba(88, 89, 91, .5);
    -moz-box-shadow: 0 6px 12px rgba(88, 89, 91, .5);
    box-shadow: 0 6px 12px rgba(88, 89, 91, .5);
}


/* Navigation Toggle Button */

.navbar-toggle {
    padding: 9px 10px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.navbar-default .navbar-toggle {
    border-color: #004990;
    border-width: 3px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #004990;
    height: 3px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #00AEEF;
}


/* Contact Information */

.navbar-contacts {
    font-size: initial;
    color: #F21847;
    padding: 0px;
}

.navbar-icon {
    font-size: 37px;
    float: right;
    padding: 0px;
}

.navbar-contact-info {
    float: right;
    line-height: 1;
    text-align: right;
    padding: 0px 5px 0px 0px;
}

.navbar-contact-info div,
.navbar-contact-info a {
    vertical-align: top;
    text-align: right;
    margin: 0px 1px;
    display: inline-block;
}

.navbar-contact-info-primary {
    font-size: 18px;
    padding-top: 2px;
}

.navbar-contact-phone-secondary {
    width: 143px;
    font-size: 13px;
    color: #58595B;
    padding-right: 3px;
}

a.call-us,
a.call-us:focus,
a.call-us:active,
a.call-us:visited {
    text-decoration: none;
    font-style: inherit;
    font-size: inherit;
    color: inherit;
}

a.email-us,
a.email-us:focus,
a.email-us:active,
a.email-us:visited {
    text-decoration: none;
    font-style: inherit;
    font-size: inherit;
    color: inherit;
}

a.location,
a.location:focus,
a.location:active,
a.location:visited {
    text-decoration: none;
    font-style: inherit;
    font-size: inherit;
    color: inherit;
}

.navbar-contact-info-primary .email-us {
    padding: 8px 0px;
}

.navbar-contact-info-primary .location {
    padding: 8px 0px;
}

.navbar-contact-email {
    padding: 14px 5px;
    font-size: 18px;
}


/* Menus */

@media (min-width: 1200px) {
    .navbar-nav-bloom {
        margin-left: 150px;
    }
    .dropdown-menu {
        left: -287px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav-bloom {
        margin-left: 53px;
    }
    .dropdown-menu {
        left: -190px;
    }
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a {
        padding: 10px 10px 2px 10px;
        font-size: 19px;
    }
    .nav-menu-description {
        font-size: 13px;
        padding-bottom: 4px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav-bloom {
        margin-left: 5px;
    }
    .dropdown-menu {
        left: -142px;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 11px 9px 1px 9px;
        font-size: 14px;
    }
    .nav-menu-description {
        font-size: 10.5px;
        padding-bottom: 4px;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #58595B;
    line-height: 24px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #004990;
    background-color: white;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #004990;
    background-color: white;
}

.navbar-default .navbar-nav>a:visited {
    padding: 13px 5px 0px 5px;
    color: #58595B;
    font-size: 15px;
}

.nav-menu-description {
    color: #A2A4A7;
    padding-left: 0px;
    margin: 0px;
    line-height: 1em;
}

.dropdown-menu {
    padding: 0px;
    border-top: 3px solid White;
    border-right: 3px solid #004990;
    border-bottom: 3px solid #004990;
    border-left: 3px solid #004990;
    -webkit-box-shadow: 0 6px 12px rgba(16, 123, 162, .175);
    -moz-box-shadow: 0 6px 12px rgba(16, 123, 162, .175);
    box-shadow: 0 6px 12px rgba(16, 123, 162, .175);
}

.dropdown-menu>li {
    display: block;
    position: relative;
}

.dropdown-menu>li>a {
    display: table-cell;
    padding: 0px;
}

@media (min-width: 992px) {
    .menu-thumb {
        max-height: 225px;
    }
    .menu-thumb-title {
        width: 300px;
        background-color: rgba(0, 73, 144, .5);
        padding: 4px;
        font-size: 22px;
        color: white;
        text-align: center;
        position: absolute;
        line-height: 1;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu-thumb {
        max-height: 150px;
    }
    .menu-thumb-title {
        width: 200px;
        background-color: rgba(0, 73, 144, .5);
        padding: 4px;
        font-size: 17px;
        color: white;
        text-align: center;
        position: absolute;
        line-height: 1;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .menu-thumb,
    .menu-header {
        display: none;
    }
    .menu-thumb-title {
        padding: 0px;
        font-size: inherit;
        text-align: left;
        position: relative;
        display: block;
        width: 100%;
    }
    .dropdown-menu>li>table,
    .dropdown-menu>li>table>tbody,
    .dropdown-menu>li>table>tbody>tr {
        display: block;
    }
    .menu-cell {
        display: block;
    }
    .menu-cell>a {
        text-decoration: none;
        display: block;
        width: 100%;
        padding-left: 15px;
        padding: 10px 10px 10px 25px;
        line-height: 1;
        color: #58595B;
    }
    .menu-cell>a:focus,
    .menu-cell>a:active,
    .menu-cell>a:hover,
    .menu-cell>a>div>span:hover,
    .menu-cell>a>div>span:active,
    .menu-cell>a>div>span:focus {
        background-color: #004990;
        color: white;
    }
    .section {
        padding-top: 50px;
    }
    .section-heading {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .s-o-menu-thumb {
        border-right: #004990 2px solid;
    }
    .v-o-menu-thumb {
        border-left: #004990 2px solid;
        border-right: #004990 2px solid;
    }
    .m-r-menu-thumb {
        border-left: #004990 2px solid;
    }
    .nav-menu-description-product {
        color: white;
    }
    .section {
        padding-top: 100px;
    }
    .section-heading {
        font-size: 38px;
    }
}

.menu-header {
    color: #58595B;
    background-color: #ECEFF4;
    padding: 5px;
    text-align: center;
    font-size: 16px;
}


/* End Navigation */


/* Contact Us */

.contact-us {
    color: #A2A4A7;
    text-align: center;
    padding: 40px 10px;
}

.contact-us a {
    display: inline-block;
}

.contact-us-icon a {
    font-size: 80px;
    color: white;
}

.contact-us-preempt a {
    color: white;
    font-size: 28px;
}

.contact-us a:focus,
.contact-us a:hover,
.contact-us a:active {
    text-decoration: none;
}

.contact-us-primary a {
    color: white;
    background-color: #F21847;
    padding: 14px 40px;
    font-size: 24px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    display: inline-block;
}

.contact-us-secondary a {
    color: #A2A4A7;
    padding: 5px 40px;
    font-size: 19px;
}


/* End Contact Us */


/* Back ground for dynamic screen size. */

@media (min-width: 0px) and (max-width: 666px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 300px;
    }
}

@media (min-width: 667px) and (max-width: 991px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 440px;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 580px;
    }
}

@media (min-width: 1281px) and (max-width: 1600px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 700px;
    }
}

@media (min-width: 1601px) and (max-width: 1920px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 800px;
    }
}

@media (min-width: 1921px) and (max-width: 2160px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 900px;
    }
}

@media (min-width: 2161px) {
    .site-wrapper,
    .bloom-footer-img {
        max-height: 1600px;
    }
}


/* Bouncing Pointer */

@-webkit-keyframes arrowdown {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-5px);
    }
    60% {
        transform: translateY(-8px);
    }
}

@-moz-keyframes arrowdown {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-5px);
    }
    60% {
        transform: translateY(-8px);
    }
}

@-o-keyframes arrowdown {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes arrowdown {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-5px);
    }
    60% {
        transform: translateY(-8px);
    }
}

.bouncing-pointer {
    -webkit-animation: arrowdown 3s ease-in-out infinite;
    -moz-animation: arrowdown 3s ease-in-out infinite;
    -o-animation: arrowdown 3s ease-in-out infinite;
    animation: arrowdown 3s ease-in-out infinite;
}