@charset 'UTF-8';


/*
orange #F39728
*/

/*********************
 TESTMODE HEADER 
*********************/

#testmode-header
{
    display: none;
}

/*********************
 TAGS 
*********************/



body
{
    background: #c4cec3;
}



/*********************
 TYPE ELEMENTS 
*********************/

p,
h1,
h2,
h3,
h4,
h5
{
    font-family: 'europa', Arial, Helvetica, sans-serif;

    color: #000;
}

.inverse,
.inverse a,
.inverse p,
.inverse h1,
.inverse h2,
.inverse h3,
.inverse h4,
.inverse h5
{
    color: #fff;
}

h1
{
    font-family: 'p22-underground',sans-serif;
    font-size: 2.8em;
    font-weight: 500;

    margin-bottom: 30px;

    text-transform: uppercase;

    color: #666;
}

/*.hp h1
{
    position: absolute;
    left: -3000px;
}*/

h2
{
    margin-bottom: 15px;
    font-size: 2em;
    font-weight: 400;
    color: #ACAC9D;
    /*text-transform: uppercase;*/
}

.hp h1,
.hp h2
{
    font-size: 2.4em;
    font-weight: 400;

    margin: 0 0 30px;

    /*text-transform: uppercase;*/
}


h3
{
    font-size: 150%;
    font-weight: 400;

    margin: 0 0 15px;
}

h2.underlined,
h3.underlined
{
    font-size: 1.4em;
    font-weight: 400;

    display: inline-block;

    margin-top: 8px;
    padding-bottom: 5px;

    text-transform: uppercase;

    border-bottom: 8px solid #434440;
}

h2.alt1,
h3.alt1
{
    font-size: 1.5em;
    /*font-size: 1.4em;
    background: #24272a;
    color: #fff;
    padding: 15px;*/

    margin-top: 10px;

    text-transform: uppercase;

    color: #24272a;
}

h4
{
    font-size: 125%;
    font-weight: 400;

    margin: 0 0 .75em 0;

    text-transform: uppercase;
}



p
{
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.6em;

    margin: 0 0 30px;

    color: #26272b;
}

ul li
{
    font-style: 1.2em;
}



/*********************
 LISTS 
*********************/

ul,
ol
{
    margin: 0 0 1em 0;
}

ul li,
ol li
{
    margin: 0 0 .5em 0;
    padding: 0;
}


/*********************
 LINKS 
*********************/

a:link,
a:active,
a:visited,
a:hover,
a:visited:hover
{
    text-decoration: none;

    color: #666;
}

a:hover,
a:hover:visited
{
    text-decoration: underline;
}


/*Files / FontAwesome*/

a[href$=".pdf"] {
    position:relative;
    margin-left: 21px;
}    

a[href$=".pdf"]:before {
    content: "\F1C1";
    font-family: FontAwesome;
    left:-21px;
    position:absolute;
    top:-3px;
 }

.alert-warning p
{
    font-size: 1em;
}

/*********************
 BUTTONS 
*********************/

.btn
{
    font-size: 1.6em;
    font-weight: 400;

    margin: 0;
    padding: 12px 40px;

    -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
    text-decoration: none;
    text-decoration: none !important;
    text-transform: uppercase;

    color: #fff !important;
    border: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #666;
}

.btn:hover
{
    color: #000;
    background: #24272a;
}

.btn.disabled
{
    color: #666 !important;
    background: #ccc;
}



/*********************
 CLASSES 
*********************/

hr,
.hr
{
    margin: 45px 0 !important;

    border-top: 1px solid #ccc;
}

.clear
{
    display: block;
    clear: both;

    height: .000001em;
}

i.fa
{
    display: inline-block;
    margin: 0 15px 30px;
    color: #666;
}


/*********************
 LAYOUT 
*********************/

/*header
{
    background: #bab93f;
    padding: 10px 0;
}*/

#live-area
{
    position: relative;

    margin: 30px 0;
}

#live-area .container
{
    padding: 45px;

    -webkit-border-radius: 9px;
       -moz-border-radius: 9px;
            border-radius: 9px;
    background: #fff;
}

.hp #live-area .col-md-4 p
{
    font-size: 1em;

    margin-bottom: 15px;
}

footer
{
    padding: 60px 0 30px;
}

footer p
{
    font-size: 1em;
}

footer .legal
{
    margin-top: 36px;
}

footer .legal p
{
    font-size: .85em;

    margin-bottom: 0;
}


/*********************
 NAVGROUPS
*********************/



ul.navgroup li
{
    display: inline-block;

    margin: 0 2% 0 0;

    list-style: none;
}



#navgroup2
{
    margin: 5% 0;
}


/*********************
 IMAGES / RESPONSIMG
*********************/

.img-left
{
    float: left;

    margin: 0 2% 2% 0;
}
.img-right
{
    float: right;

    margin: 0 0 2% 2%;
}

.responsimg > img,
img.responsimg,
img.respons-12
{
    width: 100%;
}

img.respons-8
{
    width: 66%;
}

img.respons-6
{
    width: 50%;
}

img.respons-4
{
    width: 33%;
}

img.respons-3
{
    width: 25%;
}

img.respons-2
{
    width: 18%;
}

@media (max-width: 480px)
{
    .responsimg > img,
    img.responsimg,
    img.respons-12,
    img.respons-6,
    img.respons-4,
    img.respons-3,
    img.respons-2
    {
        width: 100%;
    }
    .img-left,
    .img-right
    {
        float: none;

        margin: 2% 0;
    }
}

@media (max-width: 720px)
{
    #quote
    {
        display: none !important;
    }
}


/*********************
 MOBILE/TABLET SHOW/HIDE
*********************/

.mobile-show
{
    display: none;
}

.mobile-hide
{
    display: block;
}

.tablet-show
{
    display: none;
}
.tablet-hide
{
    display: block;
}

@media (max-width: 480px)
{
    .mobile-show
    {
        display: block;
    }
    .mobile-hide
    {
        display: none;
    }
    .mobile-center
    {
        text-align: center;
    }
}

@media (max-width: 970px)
{
    .tablet-show
    {
        display: block;
    }
    .tablet-hide
    {
        display: none;
    }
    .tablet-center
    {
        text-align: center;
    }
}