/* RESET */



    /*! normalize.css v3.0.2 | MIT License | git.io/normalize */



    /**

     * 1. Set default font family to sans-serif.

     * 2. Prevent iOS text size adjust after orientation change, without disabling

     *    user zoom.

     */



    html {

      font-family: sans-serif; /* 1 */

      -ms-text-size-adjust: 100%; /* 2 */

      -webkit-text-size-adjust: 100%; /* 2 */

    }



    /**

     * Remove default margin.

     */



    body {

      margin: 0;

    }



    /* HTML5 display definitions

       ========================================================================== */



    /**

     * Correct `block` display not defined for any HTML5 element in IE 8/9.

     * Correct `block` display not defined for `details` or `summary` in IE 10/11

     * and Firefox.

     * Correct `block` display not defined for `main` in IE 11.

     */



    article,

    aside,

    details,

    figcaption,

    figure,

    footer,

    header,

    hgroup,

    main,

    menu,

    nav,

    section,

    summary {

      display: block;

    }



    /**

     * 1. Correct `inline-block` display not defined in IE 8/9.

     * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

     */



    audio,

    canvas,

    progress,

    video {

      display: inline-block; /* 1 */

      vertical-align: baseline; /* 2 */

    }



    /**

     * Prevent modern browsers from displaying `audio` without controls.

     * Remove excess height in iOS 5 devices.

     */



    audio:not([controls]) {

      display: none;

      height: 0;

    }



    /**

     * Address `[hidden]` styling not present in IE 8/9/10.

     * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

     */



    [hidden],

    template {

      display: none;

    }



    /* Links

       ========================================================================== */



    /**

     * Remove the gray background color from active links in IE 10.

     */



    a {

      background-color: transparent;

    }



    /**

     * Improve readability when focused and also mouse hovered in all browsers.

     */



    a:active,

    a:hover {

      outline: 0;

    }



    /* Text-level semantics

       ========================================================================== */



    /**

     * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

     */



    abbr[title] {

      border-bottom: 1px dotted;

    }



    /**

     * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

     */



    b,

    strong {

      font-weight: bold;

    }



    /**

     * Address styling not present in Safari and Chrome.

     */



    dfn {

      font-style: italic;

    }



    /**

     * Address variable `h1` font-size and margin within `section` and `article`

     * contexts in Firefox 4+, Safari, and Chrome.

     */



    h1 {

      font-size: 2em;

      margin: 0.67em 0;

    }



    /**

     * Address styling not present in IE 8/9.

     */



    mark {

      background: #ff0;

      color: #000;

    }



    /**

     * Address inconsistent and variable font size in all browsers.

     */



    small {

      font-size: 80%;

    }



    /**

     * Prevent `sub` and `sup` affecting `line-height` in all browsers.

     */



    sub,

    sup {

      font-size: 75%;

      line-height: 0;

      position: relative;

      vertical-align: baseline;

    }



    sup {

      top: -0.5em;

    }



    sub {

      bottom: -0.25em;

    }



    /* Embedded content

       ========================================================================== */



    /**

     * Remove border when inside `a` element in IE 8/9/10.

     */



    img {

      border: 0;

    }



    /**

     * Correct overflow not hidden in IE 9/10/11.

     */



    svg:not(:root) {

      overflow: hidden;

    }



    /* Grouping content

       ========================================================================== */



    /**

     * Address margin not present in IE 8/9 and Safari.

     */



    figure {

      margin: 1em 40px;

    }



    /**

     * Address differences between Firefox and other browsers.

     */



    hr {

      -moz-box-sizing: content-box;

      box-sizing: content-box;

      height: 0;

    }



    /**

     * Contain overflow in all browsers.

     */



    pre {

      overflow: auto;

    }



    /**

     * Address odd `em`-unit font size rendering in all browsers.

     */



    code,

    kbd,

    pre,

    samp {

      font-family: monospace, monospace;

      font-size: 1em;

    }



    /* Forms

       ========================================================================== */



    /**

     * Known limitation: by default, Chrome and Safari on OS X allow very limited

     * styling of `select`, unless a `border` property is set.

     */



    /**

     * 1. Correct color not being inherited.

     *    Known issue: affects color of disabled elements.

     * 2. Correct font properties not being inherited.

     * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

     */



    button,

    input,

    optgroup,

    select,

    textarea {

      color: inherit; /* 1 */

      font: inherit; /* 2 */

      margin: 0; /* 3 */

    }



    /**

     * Address `overflow` set to `hidden` in IE 8/9/10/11.

     */



    button {

      overflow: visible;

    }



    /**

     * Address inconsistent `text-transform` inheritance for `button` and `select`.

     * All other form control elements do not inherit `text-transform` values.

     * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

     * Correct `select` style inheritance in Firefox.

     */



    button,

    select {

      text-transform: none;

    }



    /**

     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

     *    and `video` controls.

     * 2. Correct inability to style clickable `input` types in iOS.

     * 3. Improve usability and consistency of cursor style between image-type

     *    `input` and others.

     */



    button,

    html input[type="button"], /* 1 */

    input[type="reset"],

    input[type="submit"] {

      -webkit-appearance: button; /* 2 */

      cursor: pointer; /* 3 */

    }



    /**

     * Re-set default cursor for disabled elements.

     */



    button[disabled],

    html input[disabled] {

      cursor: default;

    }



    /**

     * Remove inner padding and border in Firefox 4+.

     */



    button::-moz-focus-inner,

    input::-moz-focus-inner {

      border: 0;

      padding: 0;

    }



    /**

     * Address Firefox 4+ setting `line-height` on `input` using `!important` in

     * the UA stylesheet.

     */



    input {

      line-height: normal;

    }



    /**

     * It's recommended that you don't attempt to style these elements.

     * Firefox's implementation doesn't respect box-sizing, padding, or width.

     *

     * 1. Address box sizing set to `content-box` in IE 8/9/10.

     * 2. Remove excess padding in IE 8/9/10.

     */



    input[type="checkbox"],

    input[type="radio"] {

      box-sizing: border-box; /* 1 */

      padding: 0; /* 2 */

    }



    /**

     * Fix the cursor style for Chrome's increment/decrement buttons. For certain

     * `font-size` values of the `input`, it causes the cursor style of the

     * decrement button to change from `default` to `text`.

     */



    input[type="number"]::-webkit-inner-spin-button,

    input[type="number"]::-webkit-outer-spin-button {

      height: auto;

    }



    /**

     * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

     * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

     *    (include `-moz` to future-proof).

     */



    input[type="search"] {

      -webkit-appearance: textfield; /* 1 */

      -moz-box-sizing: content-box;

      -webkit-box-sizing: content-box; /* 2 */

      box-sizing: content-box;

    }



    /**

     * Remove inner padding and search cancel button in Safari and Chrome on OS X.

     * Safari (but not Chrome) clips the cancel button when the search input has

     * padding (and `textfield` appearance).

     */



    input[type="search"]::-webkit-search-cancel-button,

    input[type="search"]::-webkit-search-decoration {

      -webkit-appearance: none;

    }



    /**

     * Define consistent border, margin, and padding.

     */



    fieldset {

      border: 1px solid #c0c0c0;

      margin: 0 2px;

      padding: 0.35em 0.625em 0.75em;

    }



    /**

     * 1. Correct `color` not being inherited in IE 8/9/10/11.

     * 2. Remove padding so people aren't caught out if they zero out fieldsets.

     */



    legend {

      border: 0; /* 1 */

      padding: 0; /* 2 */

    }



    /**

     * Remove default vertical scrollbar in IE 8/9/10/11.

     */



    textarea {

      overflow: auto;

    }



    /**

     * Don't inherit the `font-weight` (applied by a rule above).

     * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

     */



    optgroup {

      font-weight: bold;

    }



    /* Tables

       ========================================================================== */



    /**

     * Remove most spacing between table cells.

     */



    table {

      border-collapse: collapse;

      border-spacing: 0;

    }



    td,

    th {

      padding: 0;

    }







/* Typography */

    html {

        font-size: 62.5%;

    }



    body {

        background-color: #3A769A;

        color: #463c32;

        font-size: 14px;

        font-family: Arial, Helvetica, sans-serif;

        line-height: 1.5em;

    }



    /* Anchor */

        a {

            color: #266892;

            text-decoration: none;

        }



        a:hover {

            /*color: #F0F0DC;*/

            text-decoration: underline;

        }



    /* Headings */

        h1, h2, h3, h4, h5, h6 {

            font-family: Arial,Helvetica,sans-serif;

            margin: 20px 0;

            line-height: 1.2em; 

        }



        h1 {

            font-weight: normal;

            color: #266892;

            font-size: 36px;

        }



        h2, h3, h5 {

            color: #463c32;

        }



        h3 {

            font-size: 24px;

        }



        h4 {

            font-weight: normal;

            color: #369FD8;

        }



        h5 {

            font-size: 150%;

        }



        h6 {

            font-size: 15px;

            color: #369FD8;

        }



    /* Lists */

        .list {

            list-style: none;

            padding-left: 0;

            margin: 0;

        }



        .list li > a {

            text-decoration: none;

        }



        .list li > a:hover {

            text-decoration: underline;

        }



        .info-list a{

            color: #fff;

            font-weight: bold;

        }



/* Layout */

    .container {

        padding-right: 15px;

        padding-left: 15px;

        margin-right: auto;

        margin-left: auto;

        position: relative;

        overflow: hidden;

    }



    /* Header */

        .header-container {

            background: url('../images/page_header_bg.png') repeat-x 0 0;

            padding-top: 15px;

            padding-bottom: 7px;

        }



        .header {

            overflow: initial;

            /*padding: 15px 0 11px 0;*/

        }



        .logo {

            display: block;

            float: left;

            margin-top: 10px;

        }



        .menus-container {

            float: right;

        }



        .toolbar {

            color: #141414;

            display: none;

            margin-bottom: 8px;

        }



        .top-menu {

            list-style: none;

            margin: 0;

            padding: 0;

        }



        .top-menu li {

            float: left;

        }



        .top-menu li a {

            background: url('../images/topmenu_item_bg.png') 0 1px no-repeat;

            color: #141414;

            font-size: 10px;

            line-height: 10px;

            padding: 0 10px;

            text-decoration: none;

        }



        .top-menu li a:hover,

        .top-menu li.current a {

            color: #fff;

            text-decoration: underline;

        }



        .top-menu li:first-child a {

            background: none;

            padding-left: 0;

        }



    /* Navigation Menu */

        ul.simple-toggle {

            font-size: 14.4px;

            list-style: none;

            padding: 0px;

            margin: 0px;

            text-align: center;

        }



        ul.simple-toggle li {

            display: inline-block;

            margin-right: 1px; /* = 5px 'inline-block' adds exta margin of 4px */

        }



        ul.simple-toggle li a {

            background: #091722;

            color: #fff;

            display: block;

            padding: 4px 15px 5px 15px;

            letter-spacing: -1px;

            text-decoration: none;

            text-transform: uppercase;

            transition: 0.5s ease all;

        }



        ul.simple-toggle li a:hover {

            color: #FF9934;

        }



        ul.simple-toggle li.current a {

            background-color: #1C4D6A;

            font-weight: bold;

        }



        .anchor-link {

            display: none;

            text-align: right;

            padding: 0 1em 0;

            text-align: center;

            padding: 9px 15px;

            color: #fff !important;

            background-color: #091722;

            text-decoration: none;

            margin: 3px;

            float: right;

        }



        #mobile-nav {

            display:none;

        }



        @media (max-width: 767px){

            .nav {

                float: right;

                margin-top: 15px;

            }



            ul.simple-toggle {

                display: none;

            }



            .anchor-link, #mobile-nav {

                display: block;

            }



            ul.open {

                background-color: #F4F4F4;

                box-shadow: 2px 2px 3px #444444;

                display: block;

                list-style: none outside none;

                margin: 0;

                padding: 0;

                position: absolute;

                right: 5px;

                top: 100%;

                width: 55%;

                z-index: 500;

            }



            ul.open li {

                display: block;

                list-style: none;

                text-align: center;

            }



            ul.open li a {

                display: block;

                padding: 20px 10px;

                border-bottom: 1px solid #ccc;

                text-decoration: none;

            }



            ul.open li a:hover {

                background-color: #ccc;

                color: #fff;

            }

        }



    /* After Header */

        .after-header-container {

            background: url('../images/headerbar_bg_countryside.jpg') repeat-x 50% 0;

            position: relative;

            overflow: hidden;

        }



        .after-header {

            padding-top: 30px;

            position: relative;

            height: 210px;

        }



        .after-header .txt1 {

            font-size: 20px;

            color: #fff;

            font-weight: bold;

            margin-bottom: 20px;

        }



        .after-header .txt2 {

            font-size: 14px;

            color: #003366;

            font-weight: bold;

            font-style: italic;

            margin-bottom: 20px;

        }



        .after-header .txt3 {

            font-size: 17px;

            color: #fff;

            font-weight: bold;

            position: absolute;

            bottom: 20px;

        }



        #object1 {

            position: absolute;

            top: 40px;

            left: 1000px;

            width: 927px;

            height: 165px;

            background: url('../images/headerbar_object_clouds1.png') 0 0 no-repeat;

        }



        #object3 {

            position: absolute;

            top: 20px;

            left: 1820px;

            z-index: 0;

            width: 100px;

            height: 62px;

            background: url('../images/headerbar_object_aircraft.png') 0 0 no-repeat;

        }



        .breadcrumbs-container {

            background: url('../images/breadcrumbs_bg.png') 50% 0 repeat-x;

            height: 30px;

        }



    /* Main Content */

        .main-content-container {

            background-color: #F0F0E1;

        }



        .main-content {

            padding: 30px 0 30px 0;

        }



        .page-heading {

            margin-top: 0;

            letter-spacing: -1px;

        }



        .inner-content{

            padding: 15px 15px 10px 15px;

        }



        .steps {

            margin-bottom: 20px;

        }



        .advantages-list {

            list-style: none;

            padding-left: 0;

        }



        .advantages-list li{

            margin-bottom: 20px;

        }



        .advantages-list li img{

            float: left;

            margin-right: 10px;

        }



    /* Additional links (sidebar) */

        .additional-links {



        }



        .additional-links_title {

            background: url('../images/module_dashed_header.png') 0 100% repeat-x;

            font-size: 21.6px;

            font-weight: normal;

            letter-spacing: -1px;

            padding-bottom: 4px;

        }



        .additional-links_title span {

            color: #266892;

        }



        .additional-links_list {

            list-style: none;

            padding-left: 20px;

        }



        .additional-links_list li{

            background: url('../images/module_dashed_header.png') 0 100% repeat-x;

            padding-bottom: 4px;

            margin-bottom: 4px;

        }



        .additional-links_list li a{

            color: #266892;

        }



        .additional-links_list li a.current{

            font-weight: bold;

        }



        .additional-links_list li a:hover{

            color: #B95D01;

            text-decoration: none;

        }



    /* Box Note */

        .box-note {

            color: #323232;

            font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

            font-style: italic;

            font-size: 16px;

            line-height: 18px;

        }



        .box-note-content {

            background: #FFFFAA;

            padding: 15px 9px 9px 9px;

        }



        .box-note .title {

            color: #042561;

            font-weight: bold;

            text-align: center;

        }



        .box-note-b1 {

            background: url('../images/module_postit_bl.png') 0 0 no-repeat;

        }



        .box-note-b2 {

            padding: 0px 90px 0px 60px;

            background: url('../images/module_postit_br.png') 100% 0 no-repeat;

        }



        .box-note-b3 {

            height: 40px;

            background: url('../images/module_postit_b.png') 0 0 repeat-x;

        }



    /* Steps Box */

        .steps-box {

            list-style: none;

            padding-left: 0;

            overflow: hidden;

            margin-bottom: 0;

            border-bottom: 1px solid #ccc;

            padding-bottom: 15px;

            margin-bottom: 20px;

        }



        .steps-box:last-child {

            border: 0;

            margin-bottom: 0;

        }



        .steps-box_image {

            text-align: center;

        }



        .steps-box_content h5 {

            margin: 0 0 5px 0;

        }



        .steps-box_content ul {

            padding-left: 40px;

            margin-bottom: 0;

        }



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

            .steps-box_image {

                float: left;

                margin: 0 10px 0 5px;

                width: 150px;

            }



            .steps-box_content {

                margin-left: 160px;

            }

        }



    /* Retailers Banner */

        .retailers-item{

            border-bottom: 1px solid #ccc;

            padding-bottom: 10px;

            margin-bottom: 10px;

            overflow: hidden;

        }



        .retailers-item_image{

            height: 60px;

        }



        .retailers-item_text {

            padding-left: 0;

            padding-top: 7px;

            padding-left: 10px;

        }



        .retailers-item_text .title {

            color: #266892;

            text-align: left;

            margin: 0 0 5px 0;

        }



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

            .retailers-item {

                border: 0;

            }



            .retailers-item_image {

                float: left;

                width: 468px;

            }



            .retailers-item_text {

                float: left;

                width: 212px;

            }

        }



    /* Columns */

        .column {

            box-sizing: border-box;

            margin-bottom: 10px;

        }



        .center-column {

        }



        .center-column.full {

            width: 100% !important;

            margin-right: 0 !important;

        }



        /*.right-column {

            display: none;

        }*/



    /* Box */

        .box {

            box-sizing: border-box;

            background-color: #266992;

            border: 8px solid #6896B3;

            color: #F0F0DC;

            padding: 10px 10px;

            font-size: 12px;

            overflow: hidden;

        }



        .box a{

            color: #fff;

        }



        .box-title {

            color: #F0F0DC;

            font-size: 21px;

            margin: 0 0 15px 0;

            font-weight: normal;

            letter-spacing: -1px;

        }



        .box img {

            margin-right: 3px;

        }



    /* Section Title */

        .section-title-boxed {

            border-bottom: 1px solid #266992;

            margin-bottom: 15px;

        }



        .section-title-boxed .title{

            display: inline-block;

            color: #fff;

            font-weight: normal;

            margin: 0;

            background-color: #266992;

            padding: 3px 17px 2px 17px;

            font-size: 17px;

            line-height: 22px;

        }



    /* Footer */ 

        .footer-container {

            background: #3A769A;

            color: #F0F0DC;

            padding: 20px 0px 20px 0px;

        }



        .footer .box-title {

            color: #F0F0DC;

        }



        .footer-menu a{

            color: #fff;

            text-decoration: none;

        }



        .footer-menu a:hover{

            text-decoration: underline;

        }



/* HELPERS */

    .row {

        overflow: hidden;

    }



    .text-center {

        text-align: center;

    }



    .text-blue {

        color: #266892;

    }



    .clearfix:after {

       content: " ";

       visibility: hidden;

       display: block;

       height: 0;

       clear: both;

    }



    .pull-left {

        float: left;

    }



    .pull-right {

        float: right;

    }



/* RESPONSIVE */

    /* Custom, iPhone Retina */ 

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

        .container{

            width: 290px;

        }

    }



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

        .container{

            width: 450px;

        }



        .after-header .txt1 {

            font-size: 24px;

            line-height: 1.2em;

        }



        .after-header .txt2 {

            font-size: 18px;

            max-width: 360px;

        }



        .after-header .txt3 {

            font-size: 21px;

            position: absolute;

            right: 0;

            bottom: 20px;

        }

    }



    /* Extra Small Devices, Phones */ 

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

        .container{

            width: 570px;

        }



        .box {

            font-size: 16px;

        }



        .footer .box {

            font-size: 12px;

        }



    }



    /* Small Devices, Tablets */

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

        .container{

            width: 738px;

        }



        .right-pad {

            padding-right: 20px;

        }



        .after-header-img {

            background: url('../images/headerbar_img_countryside.png') 0 0 no-repeat;

            position: absolute;

            top: 0px;

            left: 50%;

            z-index: 0;

            width: 1920px;

            height: 240px;

            margin-left: -960px;

        }



        /* Columns */

            .column {

                float: left;

            }



            .column.one-half {

                width: 50%;

            }



            .column.one-half:first-child {

                width: 48%;

                margin-right: 2%;

            }



            .column.one-third {

                width: 246px;

            }



            .column.two-thirds {

                width: 492px;

            }



        .toolbar {

            display: block;

        }



        .box {

            font-size: 12px;

        }



        .box-title {

            font-size: 17px;

        }



        .steps > .box {

            margin-right: 7px;

            width: 241px;

        }



        .steps > .box:last-child {

            margin-right: 0;

        }



        .advantages-list {

            font-size: 17px;

            line-height: 19px;

        }



        .footer .box {

            min-height: 167px;

        }



        .footer-col-1 {

            width: 46%;

            margin-right: 2%;

        }



        .footer-col-2 {

            width: 25%;

            margin-right: 2%;

        }



        .footer-col-3 {

            width: 25%;

        }



        .center-column {

            float: left;

            width: 564px;

            margin-right: 7px;

        }



        .right-column {

            float: left;

            display: block;

            margin-left: 7px;

        }

    }



    /* Medium Devices, Desktops */

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

        .container{

            width: 900px;

        }



        /* Columns */

            .column.one-third {

                width: 300px;

            }



            .column.two-thirds {

                width: 600px;

            }



        .box-title {

            font-size: 21px;

        }



        .steps > .box {

            margin-right: 15px;

            width: 290px;

        }



        .steps > .box:last-child {

            margin-right: 0;

        }



        .advantages-list {

            font-size: 19px;

            line-height: 20px;

        }



        .center-column {

            margin-right: 15px;

            width: 690px;

        }



        .right-column {

            margin-left: 15px;

            width: 180px;

        }

    }