@charset 'UTF-8';

#slider-wrapper,
.bx-wrapper,
ul#bxslider li
{
    height: 500px;
}

#slider-wrapper
{
    position: relative;

    margin-bottom: 90px;
}

.bx-wrapper
{
    position: relative;
}

ul#bxslider
{
    margin: 0;
    padding: 0;
}

/**
 * Widget
*/


ul#bxslider li
{
    position: relative;

    display: none;

    min-width: 100%;

    background-position: center center;
    background-size: cover;
}

/**
 * BX Elements
 * These are the title, subtitle, and body in a wrapper.
*/

.bx-elements
{
    position: absolute;
    bottom: 90px;
    left: 120px;
}

.bx-title
{
    font-family: 'minion-pro';
    font-size: 4em;
    font-weight: 400;
    line-height: 1em;

    margin-bottom: 15px;

    color: #fff;
    
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

@media screen and (max-width: 875px)
{
    #slider-wrapper,
    .bx-wrapper,
    ul#bxslider li
    {
        height: 300px;
    }

    .bx-title
    {
        font-size: 1.96em;

        margin-bottom: .72em;
    }
}

.bx-subtitle
{
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1em;

    margin-bottom: 15px;

    color: #fff;
}

.bx-body,
.bx-body p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
}

/*.bx-button .btn,
.bx-button .btn:active,
.bx-button .btn:visited {
    padding: 13px 57px;
    border: 2px solid #FFF;
    background: #193443;
    font-size: 1.5em;
    font-weight: 700;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    transition: 0.5s;
}

.bx-button .btn:hover {
    background: #000;
}*/



/*pager*/
.bx-wrapper .bx-pager
{
    font-family: Arial;
    font-size: .85em;
    font-weight: bold;

    padding: .6%;

    text-align: center;

    color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item
{
    display: inline-block;

    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a
{
    display: block;

    width: 10px;
    height: 10px;
    margin: 0 5px;

    text-indent: -9999px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    outline: 0;
    background: #ccc;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active
{
    background: #000;
}



@media screen and (max-width: 875px)
{
    .bx-elements
    {
        margin-top: 2.65em;
    }
    .bx-subtitle
    {
        font-size: .82em;

        margin-bottom: 1.84em;
    }
    .bx-body,
    .bx-body p
    {
        font-size: .65em;
    }
    .bx-button .btn
    {
        font-size: .73em;
    }
    .bx-wrapper .bx-controls
    {
        margin-top: 10px;
    }
}