/* Import fonts
========================================================== */

@font-face {
    font-family: 'SourceSansPro Regular';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro Italic';
    src: url('../fonts/SourceSansPro-It-webfont.eot');
    src: url('../fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-It-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-It-webfont.svg#SourceSansProIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro Semibold';
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro Bold';
    src: url('../fonts/SourceSansPro-Bold-webfont.eot');
    src: url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro Black';
    src: url('../fonts/SourceSansPro-Black-webfont.eot');
    src: url('../fonts/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Black-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Black-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* =======================================================
 * SCREEN
 * ======================================================= */

/*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */

/* HTML5 display definitions
========================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) { display: none; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] { display: none; }


/* Base
========================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centered in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    overflow-y: scroll;
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}

body {
    background:#111;
    color:#bbb;
    margin: 0;
    padding: 0;
    height: 100%;
    font: 0.813em/1.5em 'SourceSansPro Regular', sans-serif; /* 13/20 */

}

html,
butnavn,
input,
select,
textarea {
    font-family: 'SourceSansPro', sans-serif;
}
/* Browser fixes
========================================================== */

/* Clearfix updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.group:before,
.group:after,
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.group:after,
.clearfix:after {clear: both;}
.group,
.clearfix {zoom: 1;} /* IE < 8 */

.clear {
    clear: both;
}

/* Links
========================================================== */

a {
    text-decoration:none;
    color:#bbb;
}

a:hover {
    text-decoration:none;
    color:#fff;
}


/* Typography
========================================================== */

h1 {
    font:1.3846em 'SourceSansPro Semibold', sans-serif; /*18*/
    padding:0;
    margin:5px 0 10px 0;
    line-height:1.250em;
    color:#fff;
}

h2 {
    font:1.0769em 'SourceSansPro Semibold', sans-serif; /*14*/
    padding:0;
    margin-bottom:5px;
    color:#bbb;
    line-height:0.938em;
}

h3 {
    font:1.3846em 'SourceSansPro Semibold', sans-serif; /*18*/
    padding:0;
    margin:5px 0 5px 0;
    color:#111;
    line-height:1.063em;
}

i {
    font-style: normal;
    font-family:'SourceSansPro Italic',sans-serif;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

strong, b {
    font-weight: normal;
    font-family:'SourceSansPro Semibold',sans-serif;
}

 /* 1 */
 blockquote, q {
    font:1.2307em 'SourceSansPro Regular', sans-serif; /*16*/
    line-height:1.375em;
    quotes: none;
    border-left:3px solid #bed001;
    padding-left:25px;
    margin:0 0 20px 0;
    color:#fff;
}

 /* 1 */
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

small {
    font-size: 85%;
}

ins {
    text-decoration: none;
    color: #000;
    background-color: #ff9;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    font-weight: bold;
    color: #000;
    background-color: #ff9;
}

del {
    text-decoration: line-through;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn { font-style: italic; }

abbr, acronym {
    font-style: normal;
    border-bottom: none;
    cursor: help;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title], dfn[title] {
    border-bottom: 1px dotted inherit;
}

a abbr {
    border: none;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

hr {
    display: none;
}

/*lists
========================================================== */

ul, ol {
    margin:0;
    padding:0;
}

dl {
    margin: 0;
}

dd {
    margin: 0;
}

/* embedded content
========================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}

/* Figures
========================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}

/* Forms
========================================================== */

form {
    margin: 0px;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button, select, input, textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

.lte7 button, .lte7 select, .lte7 input, .lte7 textarea {
    vertical-align: middle;
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

input {
    border-radius: 0;
    webkit-border-radius: 0
}

input:focus {
    outline: none;
}

button, input {
    line-height: normal;
}

button {
    width: auto; /* or replace with a fixed width */
}

 /*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: none; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: none; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

input:active {
    outline: none; /* no outline when clicking a button */
    -moz-outline-style: none;
}

input.idle,
textarea.idle {
    color:#f2af9e;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* header
---------------------------------------------------------- */

header {
    position: relative;
    width:100%;
    margin: 0;
    padding: 0;
    border-bottom:3px solid #404040;
}

header .wrap {
    margin:0 auto;
    max-width:960px;
    padding:20px;
}

a#logo {
    display:block;
    background:url(../img/logo.gif);
    width:221px;
    height:115px;
    text-indent:-9999px;
    font-size:0;
    border:none;
}

header .col-01 {
    float:left;
    width:30%;
}

header .col-02 {
    float:left;
    width:28%;
    padding-right:2%;
}

header .col-03 {
    float:left;
    width:40%;
    font-family:'SourceSansPro Italic',sans-serif;
    padding-top:9px;
}


/* nav
---------------------------------------------------------- */

nav {
    position:relative;
}

nav .wrap {
    position:relative;
    margin:0 auto;
    max-width:960px;
    padding:0 20px;
}

nav .wrap ul {
    position:absolute;
    z-index:999;
    margin-top:65px;
    list-style-type:none;
    padding:20px 50px 20px 25px;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.85);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    line-height:2.2em;
}

nav a {
    display:block;
    color:#fff;
}

nav a.active, nav a:hover, nav .wrap ul li ul a.active, nav .wrap ul li ul a:hover {
    color:#bed001;
}

nav .wrap ul li ul {
    list-style-type: disc;
    position:relative;
    background-color:transparent;
    margin:0;
    padding:5px 0 5px 15px;
}

nav .wrap ul li ul a {
    color:#bbb;
}


/* form
---------------------------------------------------------- */

#form {
    position: relative;
    margin:0 auto;
    max-width:960px;
    padding:0 20px;
}

#form .inner {
    width: 390px;
    padding:20px 25px;
    position: absolute;
    top:20px;
    right:0;
    z-index:999;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.85);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.msg-error {
    color:#d00119;
    margin-bottom:15px;
    font-family: 'SourceSansPro Semibold';
}

dl {
    margin-bottom:15px;
}

dl.fail {
    color:#d00119;
}

dl.fail dd input, dl.fail dd textarea {
    border:1px solid #d00119;
}

dt {
    margin-bottom:3px;
    font-family: 'SourceSansPro Semibold';
}

dd input, dd textarea {
    width:92%;
    padding:7px 10px;
    border:1px solid #fff;
    color:#888;
}

dl.captcha dd img {
    display:block;
    margin-bottom:7px;
}

dl.captcha dd input {
    width:160px;
}

dd input:focus, dd textarea:focus {
    border:1px solid #BED001;
}

input.btn-send {
    border:none;
    background:#a4b401;
    color:#fff;
    width:100%;
    padding:8px 11px;
    text-align: center;
}

input.btn-send:hover, input.btn-send:active  {
    background:#8e9b01;
    color:#fff;
}


/* error
---------------------------------------------------------- */

.error {
    width:221px;
    margin:0 auto;
    padding:30px 0;
    text-align: center;
}

.error a#logo {
    margin-bottom:30px;
}

.error a {
    color:#BED001;
    text-decoration:underline;
}


/* flexslider
---------------------------------------------------------- */

section.slider {
    overflow:hidden;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%; display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin:0;
    background: #111;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px
}


/* Direction Nav */
.slider .box {
    margin:0 auto;
    max-width:960px;
    padding:0 20px;
}

.flex-direction-nav {
    position: absolute;
    top:20px;
    z-index: 10;
}

.flex-direction-nav li {
    float:left;
    margin-right:5px;
}

.flex-direction-nav a {
    width: 40px;
    height: 40px;
    margin: 0;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
}

.flex-direction-nav .flex-next {
    background: url(../img/icon-next.png);
}

.flex-direction-nav .flex-prev {background:
    url(../img/icon-prev.png);
}

.flex-direction-nav .flex-disabled {
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.flex-caption {
    border-top:3px solid #404040;
}

.flex-caption .wrap {
    margin:0 auto;
    max-width:960px;
    padding:20px;
}

.flex-caption p {
    color:#bbb;
    width:60%;
}

/* *******************************************************
 *
 * MEDIA QUERIES
 *
********************************************************** */

/* screens inside ideal designed boundaries and bigger  */

@media screen and (min-width: 920px) {

}

@media screen and (max-width:960px) {

    header .col-01 {
        width:40%;
    }

    header .col-02 {
        width:28%;
    }

    header .col-03 {
        width:30%;
        font-family:'SourceSansPro Italic',sans-serif;
        padding-top:9px;
    }

    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }

    .flex-caption p {
        width:80%;
    }
}

@media screen and (max-width:760px) {

    header .col-01 {
        width:50%;
    }

    header .col-02 {
        width:48%;
    }

    header .col-03 {
        float:none;
        clear:both;
        width:90%;
        font-family:'SourceSansPro Italic',sans-serif;
        padding-top:40px;
    }

    .flex-caption p {
        width:100%;
    }
}

@media screen and (max-width:600px) {

    header .col-01 {
        float:none;
        clear:both;
        width:100%;
    }

    header .col-02 {
        float:none;
        clear:both;
        width:100%;
        padding-top:20px;
    }

    header .col-03 {
        float:none;
        clear:both;
        width:100%;
        font-family:'SourceSansPro Italic',sans-serif;
        padding-top:30px;
    }

    nav .wrap {
        padding:0;
    }

    nav .wrap ul {
        position:relative;
        margin-top:0px;
        list-style-type:none;
        padding:0;
        background-color: #000;
    }

    nav .wrap ul li {
        border-bottom:1px solid #404040;
        padding:4px 20px;
    }

    nav .wrap ul li.extra-level {
        padding:4px 20px 0 20px;
    }

    nav .wrap ul li ul {
        padding: 5px 0 0 0;
        margin:0 -20px;
    }

    nav .wrap ul li ul li {
        border-top:1px solid #404040;
        border-bottom: none;
        padding:4px 30px;
    }

        /* form
    ---------------------------------------------------------- */

    #form .inner {
        margin-bottom:40px;
        padding:0;
        position: relative;
        background-color: #000;
    }

}