@font-face
{
    font-family: 'DINNextLTPro-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DINNextLTPro-Regular.otf'), url('../fonts/DINNextLTPro-Regular.ttf'), url('../fonts/DINNextLTPro-Regular.eot'), url('../fonts/DINNextLTPro-Regular.woff'), url('../fonts/DINNextLTPro-Regular.woff2');
    /* IE9 Compat Modes */
}

@font-face
{
    font-family: 'DINNextLTPro-LightCondensed';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DINNextLTPro-LightCondensed.ttf'), url('../fonts/DINNextLTPro-LightCondensed.eot'), url('../fonts/DINNextLTPro-LightCondensed.woff'), url('../fonts/DINNextLTPro-LightCondensed.woff2');
    /* IE9 Compat Modes */
}

@font-face
{
    font-family: 'DINNextLTPro-Condensed';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DINNextLTPro-Condensed.ttf'), url('../fonts/DINNextLTPro-Condensed.otf'), url('../fonts/DINNextLTPro-Condensed.eot'), url('../fonts/DINNextLTPro-Condensed.woff'), url('../fonts/DINNextLTPro-Condensed.woff2');
    /* IE9 Compat Modes */
}

@font-face
{
    font-family: 'DINNextLTPro-UltraLightCond';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DINNextLTPro-UltraLightCond.ttf'), url('../fonts/DINNextLTPro-UltraLightCond.eot'), url('../fonts/DINNextLTPro-UltraLightCond.woff'), url('../fonts/DINNextLTPro-UltraLightCond.woff2');
    /* IE9 Compat Modes */
}

@font-face
{
    font-family: 'DirectorsGothic220-Light';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DirectorsGothic220-Light.ttf'), url('../fonts/DirectorsGothic220-Light.otf'), url('../fonts/DirectorsGothic220-Light.eot'), url('../fonts/DirectorsGothic220-Light.woff');
    /* IE9 Compat Modes */
}

@font-face
{
    font-family: 'DirectorsGothic240-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DirectorsGothic240-Regular.ttf'), url('../fonts/DirectorsGothic240-Regular.otf'), url('../fonts/DirectorsGothic240-Regular.eot'), url('../fonts/DirectorsGothic240-Regular.woff');
    /* IE9 Compat Modes */
}

@font-face
{
    font-family: 'DINNextLTPro-Light';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/DINNextLTPro-Light.ttf'), url('../fonts/DINNextLTPro-Light.otf'), url('../fonts/DINNextLTPro-Light.eot'), url('../fonts/DINNextLTPro-Light.woff');
    /* IE9 Compat Modes */
}

html,
body
{
    font-family: 'DINNextLTPro-LightCondensed';
}

body.modal-open > .wrapper
{
    overflow: hidden;

    height: 100%;
}

.modal-content,
.modal-dialog,
.modal-body
{
    height: inherit;
    min-height: 100%;
}

.modal
{
    min-height: 100%;
}

a
{
    text-decoration: none !important;
}

.caps
{
    text-transform: uppercase;
}

.navbar-default
{
    min-height: 100px; 

    border-color: #000;
    border-radius: 0;
    background-color: #000;
}
.navbar-default .navbar-brand img
{
    width: 250px;
}
.navbar-default .navbar-nav > li > a
{
    transition: .25s color ease; 

    color: #fff;
}
.navbar-default .navbar-nav i
{
    position: absolute;
    top: 36px;
    left: -10px; 

    width: 15px;
    margin-right: 10px;
}
.navbar-default .navbar-nav a i.ion-navicon
{
    font-size: 30px;

    top: 32px;
    left: -15px; 

    display: inline-block;
}
.navbar-default .navbar-nav a i.ion-close-round
{
    display: none;
}
.navbar-default .navbar-nav a.active i.ion-close-round
{
    display: inline-block;
}
.navbar-default .navbar-nav a.active i.ion-navicon
{
    display: none;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover
{
    color: #b9b9b9;
    background-color: transparent;
}
@media (min-width: 768px)
{
    .navbar-default
    {
        min-height: 475px;
    }
    .navbar-default .navbar-nav > li > a
    {
        font-size: 20px;

        padding: 38px 20px;

        text-transform: uppercase;
    }
    .navbar-default .navbar-nav > li > a.toggle-menu
    {
        width: 106px;
    }
    .navbar-default div#bs-example-navbar-collapse-1
    {
        margin-left: 275px;
    }
    .navbar-default ul#main-navigation
    {
        position: relative;

        overflow: hidden;

        width: 0;
        height: 96px;

        transition: .50s all ease; 

        opacity: 0;
    }
    .navbar-default ul#main-navigation.active
    {
        width: 350px;

        opacity: 1;
    }
}
@media (max-width: 768px)
{
    .navbar-default .navbar-brand img
    {
        width: 220px;
    }
    .navbar-default .toggler
    {
        display: none;
    }
    .navbar-default .navbar-toggle
    {
        top: 22px; 

        border: none;
    }
    .navbar-default .navbar-toggle .icon-bar
    {
        background-color: #fff;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form
    {
        position: relative; 

        margin-top: 46px;

        border-color: #313131;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover
    {
        background-color: transparent;
    }
    .navbar-default .navbar-nav > li > a
    {
        font-size: 18px;

        padding: 15px 25px;
    }
}
section#home1
{
    position: relative;
    margin-top: -400px;
    margin-right: 100px;
}
@media (max-width: 768px)
{
    section#home
    {
        margin: 0;
    }
}

#about1
{
    margin-top: 0px;
}
section#home
{
    position: relative;

    margin-top: -375px;
    margin-right: 100px;
}
@media (max-width: 768px)
{
    section#home
    {
        margin: 0;
    }
}

#about
{
    margin-top: 150px;
}
#about h1
{
    font-family: 'DirectorsGothic220-Light';
    font-weight: 300;

    margin-top: 0; 
    margin-bottom: 0;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #000;
}
#about h5
{
    font-family: 'DirectorsGothic220-Light';
    font-size: 28px;

    margin-top: 0; 
    margin-bottom: 28px;

    text-transform: uppercase;
}
#about .left-panel
{
    float: left;

    width: 40%;
    padding-right: 76px;
    padding-left: 15px;

    word-spacing: 1px;
}
#about .right-panel
{
    float: left;

    width: 60%;
    padding-right: 96px;
    padding-left: 15px;
}
#about .right-panel p a
{
    font-family: DINNextLTPro-Regular; 
    font-weight: 700;

    color: #222;
}
#about p
{
    font-family: 'DINNextLTPro-Light'; 
    font-size: 16px;
}
#about p strong
{
    font-family: 'DINNextLTPro-Light';
    font-weight: normal; 

    text-transform: uppercase;
}
#about .profile-image
{
    overflow: hidden;

    margin-bottom: 30px;
}
#about .profile-image img
{
    width: 100%;
    margin-bottom: 12px;
}
@media (max-width: 768px)
{
    #about
    {
        margin-top: 20px;
    }
    #about h1
    {
        margin-top: 50px;
    }
    #about .left-panel,
    #about .right-panel
    {
        width: 100%;
        padding: 20px;
    }
}

#services
{
    margin-top: 100px;
}
@media (max-width)
{
    #services
    {
        margin-top: 50px;
    }
}
#services .image
{
    position: relative;

    overflow: hidden; 

    width: 100%;
    height: 300px;
    margin-bottom: 40px;

    cursor: pointer;

    background-size: cover;
}
#services .image .title
{
    position: absolute;
    top: 100%;
    left: 0;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    width: 100%;
    height: 100%;

    transition: .50s top ease; 

    background: rgba(0, 0, 0, .6);

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
            align-items: flex-end;
}
#services .image .title h3
{
    font-family: 'DirectorsGothic240-Regular';
    font-size: 28px;

    position: relative;
    z-index: 2; 

    padding: 10px 20px;

    text-transform: uppercase;

    color: #fff;
}
#services .image:hover .title
{
    top: 0;
}
#services .content
{
    position: relative; 

    display: block;

    padding-left: 20px;
}
@media (max-width: 768px)
{
    #services .content
    {
        margin-bottom: 50px;
    }
}
#services .content:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    content: '';

    background: #a4a9ad;
}
#services p
{
    font-family: 'DINNextLTPro-Light';
    font-size: 16px;
}
#services p strong
{
    font-family: 'DINNextLTPro-Light';
    font-weight: normal; 

    text-transform: uppercase;
}
#services .image.injured-workers
{
    background-image: url('../images/injured-workers.jpg');
}
#services .image.employers
{
    background-image: url('../images/employers.jpg');
}
#services .image.agent-solicitator-representation
{
    background-image: url('../images/agent-solicitator-representation.jpg');
}
@media (max-width: 480px)
{
    #services .image.injured-workers,
    #services .image.employers
    {
        background-repeat: no-repeat; 
        background-position-x: -100px;
    }
}

#contact
{
    position: relative;
    z-index: 9;

    padding: 100px 0;
}
#contact h2
{
    font-family: 'DINNextLTPro-Condensed',sans-serif;

    text-align: center;
    text-transform: uppercase;

    color: #000;
}
#contact form .form-group
{
    position: relative;
}
#contact form label
{
    font-family: 'DirectorsGothic220-Light', sans-serif;
    font-size: 22px;
    font-weight: normal; 

    position: absolute;
    top: 2px;
    right: 0;

    text-transform: uppercase;

    color: red;
}
#contact form .textarea label
{
    top: auto;
    bottom: -40px;
}
#contact form ::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color: #000;
}
#contact form ::-moz-placeholder
{
    /* Firefox 19+ */
    color: #000;
}
#contact form :-ms-input-placeholder
{
    /* IE 10+ */
    color: #000;
}
#contact form :-moz-placeholder
{
    /* Firefox 18- */
    color: #000;
}
#contact form button.btn.btn-default
{
    font-size: 20px; 

    padding: 10px 30px;

    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 0;
    background: #000;
}
#contact form input,
#contact form textarea
{
    font-family: 'DirectorsGothic220-Light', sans-serif;
    font-size: 22px;

    display: block;

    width: 100%;

    resize: none;
    text-transform: uppercase; 

    border: none;
    border-bottom: 1px solid #000;
    outline: none;
}
#contact ul.four-square
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    margin-top: 15px; 
    padding-left: 0;

    list-style: none;

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
#contact ul.four-square li
{
    width: 280px;
    height: 280px;
    margin: 10px 20px;
}
@media (max-width: 768px)
{
    #contact ul.four-square li
    {
        width: 100%;
        max-width: 320px;
        margin: 10px 0;
    }
}
#contact ul.four-square li.newsletter
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    background: #000;

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
}
#contact ul.four-square li.newsletter form
{
    width: 200px;
}
#contact ul.four-square li.newsletter h3
{
    font-family: 'DINNextLTPro-Condensed',sans-serif; 

    margin: 0;

    text-transform: uppercase;

    color: #fff;
}
#contact ul.four-square li.newsletter ::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color: #fff;
}
#contact ul.four-square li.newsletter ::-moz-placeholder
{
    /* Firefox 19+ */
    color: #fff;
}
#contact ul.four-square li.newsletter :-ms-input-placeholder
{
    /* IE 10+ */
    color: #fff;
}
#contact ul.four-square li.newsletter :-moz-placeholder
{
    /* Firefox 18- */
    color: #fff;
}
#contact ul.four-square li.newsletter .form-group
{
    margin: 22px 0;
}
#contact ul.four-square li.newsletter input
{
    color: #fff;
    border-bottom: 1px solid #fff !important; 
    background: #000;
}
#contact ul.four-square li.follow-us
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    color: #000;
    border: 6px solid #000;
    background: #fff; 

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
}
#contact ul.four-square li.follow-us h3
{
    font-family: 'DINNextLTPro-Condensed',sans-serif;
}
#contact ul.four-square li.follow-us ul
{
    padding-left: 0; 

    list-style: none;
}
#contact ul.four-square li.follow-us ul li
{
    display: inline-block; 

    width: auto;
    height: auto;
    margin: 8px;
}
#contact ul.four-square li.follow-us ul li a
{
    font-size: 22px; 

    color: #000;
}
#contact ul.four-square li.follow-us ul li a img
{
    width: 30px;
}
#contact ul.four-square li.bg-one
{
    background-image: url('../images/newsletter.jpg');
    background-size: cover;
}
#contact ul.four-square li.bg-two
{
    background-image: url('../images/follow-us.jpg');
    background-size: cover;
}
@media (max-width: 768px)
{
    #contact ul.four-square
    {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}

#injured-workers .left-pane
{
    background-image: url('../images/injured-workers.jpg');
}

#employers .left-pane
{
    background-image: url('../images/employers.jpg');
}

#agent-solicitator-representation .left-pane
{
    background-image: url('../images/agent-solicitator-representation.jpg');
}

.modal .modal-body
{
    position: relative;

    padding: 0;
}
.modal .modal-body button.close
{
    font-size: 54px;
    font-weight: 200;

    position: absolute;
    z-index: 9; 
    top: 1px;
    right: 8px;

    width: 40px;
    height: 40px;

    opacity: 1 !important;
    color: #000;
    background: transparent;
}
.modal .modal-body button.close span
{
    background: transparent;
    background-color: transparent;
}
.modal .modal-body .content
{
    font-family: 'DINNextLTPro-Light';
    font-size: 16px;

    overflow: hidden;
}
.modal .modal-body .content .left-arrow,
.modal .modal-body .content .right-arrow
{
    position: absolute;
    top: 0;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    width: 100%;
    max-width: 300px;
    height: 100%;

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
.modal .modal-body .content .left-arrow .arrow,
.modal .modal-body .content .right-arrow .arrow
{
    font-size: 24px;

    position: absolute;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    width: 30px;
    height: 70px;

    cursor: pointer;
    cursor: pointer; 
    transition: .50s all ease;

    color: #fff;
    background: grey;

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
}
.modal .modal-body .content .left-arrow .arrow .item,
.modal .modal-body .content .right-arrow .arrow .item
{
    width: 30px;
    padding: 20px 12px;
}
.modal .modal-body .content .left-arrow .arrow .nav-item,
.modal .modal-body .content .right-arrow .arrow .nav-item
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden; 
            flex-direction: column;

    width: 218px;
    width: 0;
    padding: 0;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.modal .modal-body .content .left-arrow .arrow .nav-item h3,
.modal .modal-body .content .right-arrow .arrow .nav-item h3
{
    font-size: 20px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 144px;
    height: 70px;
    margin: 0;

    text-align: center;
    letter-spacing: 1px; 

    color: #fff;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
}
.modal .modal-body .content .left-arrow .arrow .nav-item .image,
.modal .modal-body .content .right-arrow .arrow .nav-item .image
{
    width: 50px;
    height: 50px;
    margin: 10px;

    border-radius: 50%;
    background-size: cover;
}
.modal .modal-body .content .left-arrow .arrow:hover,
.modal .modal-body .content .right-arrow .arrow:hover
{
    width: 248px;

    background: #222;
}
.modal .modal-body .content .left-arrow .arrow:hover .nav-item,
.modal .modal-body .content .right-arrow .arrow:hover .nav-item
{
    width: 218px;
}
.modal .modal-body .content .left-arrow
{
    left: -26px;
}
.modal .modal-body .content .left-arrow .arrow
{
    left: -4px;
}
.modal .modal-body .content .right-arrow
{
    right: -26px;
}
.modal .modal-body .content .right-arrow .arrow
{
    right: -4px;
}
@media (max-width: 768px)
{
    .modal .modal-body .content .left-arrow
    {
        left: 3px;
    }
    .modal .modal-body .content .right-arrow
    {
        right: 3px;
    }
}
.modal .modal-body .content h3
{
    font-family: 'DirectorsGothic240-Regular';
    font-size: 32px; 

    text-transform: uppercase;

    color: #000;
}
.modal .modal-body .content strong
{
    font-family: 'DINNextLTPro-Regular';
    font-weight: normal;
}
.modal .modal-body .content ul
{
    margin-top: 10px;
}
.modal .modal-body .content .left-pane,
.modal .modal-body .content .right-pane
{
    float: left;

    width: 50%;
    height: 100%;
    min-height: 500px;

    background-size: cover;
}
.modal .modal-body .content .right-pane
{
    padding: 5px 20px;
}
@media (max-width: 768px)
{
    .modal .modal-body .content .left-pane,
    .modal .modal-body .content .right-pane
    {
        width: 100%;
        min-height: 200px;
    }
}

footer
{
    background: #000;
}
footer .main-content
{
    padding: 150px 0 50px; 

    text-align: center;
}
footer .main-content img
{
    width: 250px;
}
footer .main-content p
{
    font-family: 'DINNextLTPro-Light', sans-serif; 
    font-size: 18px;

    color: #a4a9ad;
}
footer .links
{
    font-size: 16px; 

    color: #a4a9ad;
}
footer .links h3
{
    font-family: 'DirectorsGothic220-Light', sans-serif; 

    text-transform: uppercase;

    color: #fff;
}
footer .links p
{
    font-family: 'DINNextLTPro-Light', sans-serif;
}
footer .links a
{
    font-family: 'DINNextLTPro-Light', sans-serif;

    display: block;

    transition: .50s color ease; 

    color: #a4a9ad;
}
footer .links a:hover
{
    color: #fff;
}
footer .links img
{
    max-width: 100px;
}
footer .links .crafted-by
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    min-height: 140px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}
footer .links .crafted-by a
{
    font-size: 15px;
}
@media (max-width: 768px)
{
    footer .links .crafted-by
    {
        min-height: 40px;
    }
}
footer .links address span
{
    font-family: 'DINNextLTPro-Light', sans-serif; 

    display: block;
}
footer p.copyright
{
    font-family: 'DINNextLTPro-Light', sans-serif; 
    font-size: 18px;

    padding: 50px 0;

    text-align: center;

    color: #a4a9ad;
}
@media (max-width: 768px)
{
    footer p.copyright
    {
        padding: 10px 0;
    }
}

@media (min-width: 768px)
{
    #injured-workers .left-pane,
    #employers .left-pane
    {
        background-position-x: -200px;
    }
}

.scroller
{
    font-size: 40px;

    position: fixed;
    z-index: 99; 
    right: 20px;
    bottom: 20px;

    width: 70px;
    height: 68px;
    padding: 10px 12px;

    cursor: pointer;
    transition: 1s opacity ease;
    text-align: center;

    opacity: 0;
    color: #fff;
    background: #808385;
}

.scroller.active
{
    opacity: 1;
}