/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* Table of Content
==================================================
       #Site Styles
       #Page Styles
       #Media Queries
       #Font-Face */

/* #Site Styles
================================================== */

.hero {
    width: 100%;
    height: 400px;
    float: left;
    background-size: cover;
    background: #999999;
}

    .hero .logo {
        display: block;
        margin-top:;
        width: 100px;
        float: right;
        margin-top: 40px;
        margin-right: 40px;
    }


.moreness {
    background: url(../images/hero-moreness.jpg) #FFFFFF center top no-repeat;
}

.other {
    background: url(../images/landing.jpg) center top no-repeat;
    background-size: unset;
    background-position: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171d2b+0,ffffff+52 */
    background-color: -moz-linear-gradient(left, #171d2b 0%, #ffffff 52%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(left, #171d2b 0%,#ffffff 52%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to right, #171d2b 0%,#ffffff 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d2b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.other2 {
    background: url(../images/hero4.jpg) center top no-repeat;
    background-size: unset;
    background-position: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171d2b+0,ffffff+52 */
    background-color: -moz-linear-gradient(left, #171d2b 0%, #ffffff 52%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(left, #171d2b 0%,#ffffff 52%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to right, #171d2b 0%,#ffffff 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d2b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.other3 {
    background: url(../images/hero3.jpg) center top no-repeat;
    background-size: unset;
    background-position: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171d2b+0,ffffff+52 */
    background-color: -moz-linear-gradient(left, #171d2b 0%, #ffffff 52%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(left, #171d2b 0%,#ffffff 52%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to right, #171d2b 0%,#ffffff 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d2b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.other4 {
    background: url(../images/hero2.jpg) center top no-repeat;
    background-size: unset;
    background-position: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171d2b+0,ffffff+52 */
    background-color: -moz-linear-gradient(left, #171d2b 0%, #ffffff 52%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(left, #171d2b 0%,#ffffff 52%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to right, #171d2b 0%,#ffffff 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d2b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.other5 {
    background: url(../images/hero5.jpg) center top no-repeat;
    background-size: unset;
    background-position: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171d2b+0,ffffff+52 */
    background-color: -moz-linear-gradient(left, #171d2b 0%, #ffffff 52%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(left, #171d2b 0%,#ffffff 52%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to right, #171d2b 0%,#ffffff 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d2b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.other6 {
    background: url(../images/hero6.jpg) center top no-repeat;
    background-size: unset;
    background-position: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171d2b+0,ffffff+52 */
    background-color: -moz-linear-gradient(left, #171d2b 0%, #ffffff 52%); /* FF3.6-15 */
    background-color: -webkit-linear-gradient(left, #171d2b 0%,#ffffff 52%); /* Chrome10-25,Safari5.1-6 */
    background-color: linear-gradient(to right, #171d2b 0%,#ffffff 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d2b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.content-band {
    float: left;
    width: 100%;
    padding: 100px 0;
    background: #f0eeef;
    background-image:url(../images/noise.png);
}

.agent {
    font-size: 16px;
    font-family: "NBS-light";
    color: #004a8f;
    font-weight:600;
}

    .agent a {
        font-size: 16px;
        font-weight:600;
    }

.confirmation h2 {
    font-size: 22px;
    font-family: "NBS", sans-serif;
}

.confirmation p {
    font-size: 14px;
    font-family: "NBS-bold", sans-serif;
    color:#ed1c24;
}

.confirmation label {
    font-size: 14px;
    font-family: "NBS", sans-serif;
}


ul.accordion {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 2px;
}

    ul.accordion > li {
        width: 100%;
        height: auto;
        float: left;
        line-height: 1;
        padding: 14px;
        margin: 0 0 10px 0;
        border: 2px solid #004a8f;
        background: #fff;
        border-radius: 5px;
        box-shadow: -1px 10px 10px -2px rgba(0,0,0,0.10);
    }

html.ie ul.accordion {
    background: url('../images/dot.ie.png') bottom left repeat-x;
}

    html.ie ul.accordion > li {
        background: url('../images/dot.ie.png') top left repeat-x;
    }

        html.ie ul.accordion > li > a {
            background: url('../images/plus.ie.png') right 14px no-repeat;
        }

            html.ie ul.accordion > li > a.active {
                background-position: right -67px;
            }

ul.accordion > li > a {
    width: 100%;
    font-family: "NBS-bold", sans-serif;
    color: #004a8f;
    background: url('../images/NBS_pointer.png') right no-repeat;
    font-size: 18px;
    display: block;
    float: left;
    margin: 0;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

    ul.accordion > li > a:hover {
        text-decoration: none !important;
    }

    ul.accordion > li > a.active {
        /*                         background-position: right -67px;*/
    }

ul.accordion > li > .accordion-body {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 1;
}

    ul.accordion > li > .accordion-body p {
        line-height: 1.5;
    }



.footer {
    width: 100%;
    height: auto;
    float: left;
    background: #666666;
    margin-top: 5px;
}

    .footer ul {
        width: auto;
        height: auto;
        float: left;
        color: #FFFFFF;
        padding: 30px 0 0 0;
        margin-left: 41%;
    }

        .footer ul li {
            width: auto;
            height: auto;
            float: left;
        }

            .footer ul li a {
                color: #FFFFFF;
                font-family: "NBS";
                text-decoration: none;
                font-size: 16px;
                padding: 0 25px;
                line-height: 1;
            }

            .footer ul li:first-child {
                border: none;
            }

                .footer ul li:first-child a {
                    padding-left: 0;
                }

            .footer ul li a:hover {
                color: #ff3434;
            }

.footer-content-band {
    width: 100%;
    height: auto;
    float: left;
    background: #666666;
}

.footerCopy {
    padding: 40px 0;
    color:#FFFFFF;
}

    .footerCopy h3 {
        color: #FFFFFF;
        font-size: 25px;
        margin-bottom: 30px;
        font-family: "NBS-bold";
    }

    .footerCopy p {
        color: #FFFFFF;
    }

    .footerCopy strong {
        color: #FFFFFF;
        font-family: "NBS";
        font-size: 18px;
    }

    .footerCopy ul, .footerCopy ol {
        color: #FFFFFF;
        font-size: 15px;
    }

    .footerCopy ul {
        list-style: disc;
    }

        .footerCopy ul li {
            list-style: disc;
            margin-left: 20px;
        }


.error {
    margin-bottom: 20px;
    border: 1px solid red;
    padding: 20px 20px 10px 20px;
    color: red;
}

    .error ul {
        margin-bottom: 0;
        margin-left: 15px;
    }

input.formError {
    border: 1px solid red;
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Anything smaller than standard 960 */
@media only screen and (max-width: 959px) {
}

/* iPad Portrait Only */
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
}

/* Mobile Only */
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
}

/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
}


/* #Font-Face
================================================== */
/*     This is the proper syntax for an @font-face file 
              Just create a "fonts" folder at the root, 
              copy your FontName into code below and remove
              comment brackets */

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'canossabold';
    src: url('../fonts/canossa_bold-webfont.woff2') format('woff2'), url('../fonts/canossa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'canossabold';
    src: url('../fonts/canossa_bold-webfont.woff2') format('woff2'), url('../fonts/canossa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}