/*General*/
body {
    padding-top: 70px;
}

.wf-loading body {
    visibility: hidden;
}

.wf-active body,
.wf-inactive {
    font-family: "nimbus-sans", Helvetica, Arial, sans-serif;
    visibility: visible;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #1E63B4;
}

p {
    font-size: 1.2em;
}

/*Styles for styleguide only*/
#nav-wrapper.affix {
    top: 0 !important;
    width: 100% !important;
}

.navbar .nav > li > a {
    padding: 15px 10px 10px;
    color: white;
}

.styleguidetitle {
    font-weight: 600;
    color: #4D4D4D;
}

.stylehead {
    border: solid 2px #cccccc;
    border-right: 0;
    border-left: 0;
    font-weight: 600;
    color: #4D4D4D;
    border-top: 0;
    padding-bottom: 20px;
}

.subhead {
    font-weight: 400;
    margin-bottom: 20px;
    color: #4D4D4D;
    border-bottom: dotted 2px #cccccc;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    color: #4D4D4D;
    padding-bottom: 10px;
}

.whitetext {
    color: #ffffff;
}

.boxtext {
}

/*Hawksland Styles*/
/*Buttons*/
.btn-hawksland {
    font-size: 1.2em;
    border-radius: 0px 0px 0px 10px;
    padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    padding-left: 8px;
    border: 1px solid #A47400;
    background-image: url(assets/images/link_arrow_ochre.svg);
    background-repeat: no-repeat;
    color: #A47400;
    background-position: right center;
    background-color: transparent;
}

.btn-hawksland:hover,
.btn-hawksland:focus,
.btn-hawksland.focus,
.btn-hawksland:active,
.btn-hawksland.active,
.open > .dropdown-toggle.btn-hawksland {
    background: url(assets/images/link_arrow_white.png);
    background-image: url(assets/images/link_arrow_white.svg);
    color: #ffffff;
    background-color: #A47400;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #A47400;
}

.btn-on-dark {
    border: 1px solid #ffffff;
    background: url(assets/images/link_arrow_light_ochre.png);
    background-image: url(assets/images/link_arrow_light_ochre.svg);
    background-repeat: no-repeat;
    background-position: right center;
    color: #D4A72D;
}

.btn-on-dark:hover,
.btn-on-dark:focus,
.btn-on-dark.focus,
.btn-on-dark:active,
.btn-on-dark.active,
.open > .dropdown-toggle.btn-on-dark {
    background: url(assets/images/link_arrow_white.png);
    background-image: url(assets/images/link_arrow_white.svg);
    color: #ffffff;
    background-color: #D4A72D;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #D4A72D;
}

.btn-download {
    background: url(assets/images/download_ochre.png);
    background-image: url(assets/images/download_ochre.svg);
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #A47400;
}

.btn-download:hover,
.btn-download:focus,
.btn-download.focus,
.btn-download:active,
.btn-download.active,
.open > .dropdown-toggle.btn-download {
    background: url(assets/images/download_white.png);
    background-image: url(assets/images/download_white.svg);
    color: #ffffff;
    background-color: #A47400;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #A47400;
}

.btn-download-on-dark {
    border-radius: 0px 0px 0px 10px;
    padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    padding-left: 8px;
    border: 1px solid #ffffff;
    background: url(assets/images/download_light_ochre.png);
    background-image: url(assets/images/download_light_ochre.svg);
    background-repeat: no-repeat;
    background-position: right center;
    color: #D4A72D;
}

.btn-download-on-dark:hover,
.btn-download-on-dark:focus,
.btn-download-on-dark.focus,
.btn-download-on-dark:active,
.btn-download-on-dark.active,
.open > .dropdown-toggle.btn-download-on-dark {
    background: url(assets/images/download_white.png);
    background-image: url(assets/images/download_white.svg);
    color: #ffffff;
    background-color: #D4A72D;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #D4A72D;
}

.download_link_ochre {
    background: url(assets/images/download_ochre.png);
    background-image: url(assets/images/download_ochre.svg);
}

.download_ochre_white {
    background: url(assets/images/download_white.png);
    background-image: url(assets/images/download_white.svg);
}

/*Boxes*/
.boxcolour {
    background: #A47400;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.button_box {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f7f7f7;
    text-align: center;
}

.box_navy {
    background-color: #2d4356;
    color: ffffff;
}

.box_light_ochre {
    background-color: #d4a72d;
}

.box_grey {
    background-color: #f2f2f2;
    color: #333333;
}

.box_ochre {
    background-color: #A47400;
}

/*Text*/
/*Paragraph*/
.body_text {
    font-size: 1.250em;
    line-height: 1.4em;
    color: #4d4d4d;
}

@media screen and (max-width:768px)
{
    .body_text {
        font-size: 1.2em;
        line-height: 1.35em;
    }
}

.intropara {
    font-weight: 400;
    font-size: 1.600em;
    line-height: 1.368em;
    color: #4d4d4d;
}

@media screen and (max-width:767px)
{
    .intropara {
        font-size: 1.3em;
        line-height: 1.2em;
    }
}

/*Bullets*/
.bullet_list_1 {
    font-size: 1.250em;
    margin-left: 10px;
    padding-left: 10px;
}

.bullet_list_1 li {
    margin-bottom: .25em;
    line-height: 1.4em;
}

.bullet_list_1 li ul {
    margin-top: .5em;
}

/*Headings*/
h1,
h2,
h3,
h4,
h5 {
    font-family: "nimbus-sans",sans-serif;
    font-style: normal;
    font-weight: 300;
}

.hawksland_h1 {
    font-size: 5.5em;
    color: #ffffff;
    margin-bottom: 30px;
    line-height: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width:768px)
{
    .hawksland_h1 {
        font-size: 4.5em;
        line-height: 0px;
    }
}

@media screen and (max-width:479px)
{
    .hawksland_h1 {
        font-size: 3.5em;
        padding-bottom: 14px;
        line-height: 0px;
    }
}

.hawksland_h2 {
    color: #a47400;
    font-size: 3.8em;
}

@media screen and (max-width:768px)
{
    .hawksland_h2 {
        font-size: 3.2em;
    }
}

.hawksland_h3 {
    color: #A47400;
    font-size: 2.8em;
}

@media screen and (max-width:768px)
{
    .hawksland_h3 {
        font-size: 2.7em;
    }
}

.hawksland_h4 {
    font-size: 1.4em;
    font-weight: 600;
    color: #4d4d4d;
    margin-top: 0px;
}

/*Blockquote*/
div.pullquote {
    position: relative;
    z-index: 1;
    padding-top: 8px;
    color: #4d4d4d;
}

div.pullquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 50%;
    border-top: 4px solid #d4a72d;
}

div.pullquote blockquote {
    border: none;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 1.1em;
    line-height: 1.25em;
    margin-bottom: 0px;
}

@media screen and (max-width:1199px)
{
    div.pullquote blockquote {
        border: none;
        margin-left: 0px;
        padding-left: 0px;
        font-size: 1em;
        line-height: 1.25em;
        margin-bottom: 0px;
    }
}

div.pullquote blockquote.blockquote_large {
    font-size: 1.2em;
    line-height: 1.35em;
}

@media screen and (max-width:768px)
{
    div.pullquote blockquote.blockquote_large {
        font-size: 1.15em;
        line-height: 1.30em;
    }
}

@media screen and (max-width:479px)
{
    div.pullquote blockquote.blockquote_large {
        font-size: 1.2em;
        line-height: 1.35em;
    }
}

div.pullquote p {
    margin-bottom: 0px;
}

div.pullquote p:first-child {
    margin-top: 10px;
}

.cite_person,
.cite_position,
.cite_company {
    font-family: "nimbus-sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-size: .85em;
    line-height: 1.3em;
}

.cite_person {
    font-weight: 600;
    margin-top: 10px;
}

.cite_position {
    font-style: italic;
    margin-top: 3px;
    line-height: 1.2em;
}

.cite_company {
    margin-top: 3px;
}

/*Images*/
.box_image {
    border-top: solid #d4a72d 6px;
    height: 275px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
}

@media screen and (max-width:767px)
{
    .box_image {
        height: 150px;
    }
}

.image_1 {
    background-image: url('assets/images/image_1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width:767px)
{
    .image_1 {
        margin-bottom: 30px;
    }
}

/*Vertical rule*/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vertical_line {
    background-image: url('assets/images/vertical_line.gif');
    background-repeat: repeat-y;
    background-position: center center;
}

.divider {
    background-image: url('assets/images/vertical_line.gif');
    background-repeat: repeat-x;
    background-position: center;
    height: 120px;
}

@media screen and (max-width:767px)
{
    .divider {
        height: 60px;
    }
}

@media screen and (max-width:479px)
{
    .text_image {
        margin-bottom: 0px;
    }
}

.button_nav {
    margin-bottom: 5px;
    color: #000000;
}

/*Navigation*/
.nav_lvl_1 {
    font-weight: 600;
    color: #4d4d4d;
    font-size: 1.35em;
}

.nav_lvl_1 a {
    color: #4d4d4d;
}

.nav_lvl_1 a:hover {
    color: #A47400;
}

.nav_lvl_1 span {
    padding-left: 0px;
    padding-right: 25px;
}

.nav_lvl_1 span.arrow {
    background: url(assets/images/nav1_downarrow_grey.png);
    background-image: url(assets/images/nav1_downarrow_grey.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-left: 5px;
    padding-right: 15px;
    margin-right: 25px;
}

.nav_lvl_1 a:link span.arrow {
    text-decoration: none;
}

.nav_lvl_1 a:hover span.arrow {
    background: url(assets/images/nav1_downarrow_ochre.png);
    background-image: url(assets/images/nav1_downarrow_ochre.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.nav_lvl_2 {
    color: #808080;
    font-size: 1.2em;
}

@media screen and (max-width:1199px)
{
    .nav_lvl_2 {
        color: #808080;
        font-size: 1.1em;
    }
}

.nav_lvl_2 a {
    color: #808080;
}

.nav_lvl_2 a:hover {
    color: #A47400;
}

.nav_lvl_2 span {
    padding-left: 7px;
    padding-right: 7px;
}

.subhead {
    margin-bottom: 20px;
}

/*Navbar Mobile - show scrollbar*/
.navbar-collapse::-webkit-scrollbar {
    width: 20px;
}

.navbar-collapse::-webkit-scrollbar-track {
    background-color: #4d4d4d;
}

.navbar-collapse::-webkit-scrollbar-thumb {
    background-color: white;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 100vh;
}

.rowgap {
    margin-top: 30px;
}

/**
  * Custom Bootstrap 3 grid for 480-767px layout
  * Author: Iftakhar Hasan
  *
  * A new set of column classes (with class prefix .col-ms- ) for Bootstrap 3
  * to make Medium Small grids for supporting 480-767px
  *
  * This will push the default Bootstrap 3 Extra Small column (class prefix .col-xs- )
  * to support 1-479px instead of 1-767px
  */
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 480px) and (max-width: 767px)
{
    .container {
        max-width: 748px;
    }

    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11 {
        float: left;
    }

    .col-ms-1 {
        width: 8.33333333%;
    }

    .col-ms-2 {
        width: 16.66666667%;
    }

    .col-ms-3 {
        width: 25%;
    }

    .col-ms-4 {
        width: 33.33333333%;
    }

    .col-ms-5 {
        width: 41.66666667%;
    }

    .col-ms-6 {
        width: 50%;
    }

    .col-ms-7 {
        width: 58.33333333%;
    }

    .col-ms-8 {
        width: 66.66666667%;
    }

    .col-ms-9 {
        width: 75%;
    }

    .col-ms-10 {
        width: 83.33333333%;
    }

    .col-ms-11 {
        width: 91.66666667%;
    }

    .col-ms-12 {
        width: 100%;
    }

    .col-ms-pull-12 {
        right: 100%;
    }

    .col-ms-pull-11 {
        right: 91.66666667%;
    }

    .col-ms-pull-10 {
        right: 83.33333333%;
    }

    .col-ms-pull-9 {
        right: 75%;
    }

    .col-ms-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-ms-pull-6 {
        right: 50%;
    }

    .col-ms-pull-5 {
        right: 41.66666667%;
    }

    .col-ms-pull-4 {
        right: 33.33333333%;
    }

    .col-ms-pull-3 {
        right: 25%;
    }

    .col-ms-pull-2 {
        right: 16.66666667%;
    }

    .col-ms-pull-1 {
        right: 8.33333333%;
    }

    .col-ms-pull-0 {
        right: auto;
    }

    .col-ms-push-12 {
        left: 100%;
    }

    .col-ms-push-11 {
        left: 91.66666667%;
    }

    .col-ms-push-10 {
        left: 83.33333333%;
    }

    .col-ms-push-9 {
        left: 75%;
    }

    .col-ms-push-8 {
        left: 66.66666667%;
    }

    .col-ms-push-7 {
        left: 58.33333333%;
    }

    .col-ms-push-6 {
        left: 50%;
    }

    .col-ms-push-5 {
        left: 41.66666667%;
    }

    .col-ms-push-4 {
        left: 33.33333333%;
    }

    .col-ms-push-3 {
        left: 25%;
    }

    .col-ms-push-2 {
        left: 16.66666667%;
    }

    .col-ms-push-1 {
        left: 8.33333333%;
    }

    .col-ms-push-0 {
        left: auto;
    }

    .col-ms-offset-12 {
        margin-left: 100%;
    }

    .col-ms-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-ms-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-ms-offset-9 {
        margin-left: 75%;
    }

    .col-ms-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-ms-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-ms-offset-6 {
        margin-left: 50%;
    }

    .col-ms-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-ms-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-ms-offset-3 {
        margin-left: 25%;
    }

    .col-ms-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-ms-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-ms-offset-0 {
        margin-left: 0;
    }
}

/*Drop Down Menu Styles*/
.hawksland_dropdown_menu_btn {
    border: solid 1px #cccccc;
    background: transparent;
    text-align: left;
    font-weight: 700;
    color: #808080;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hawksland_dropdown_menu_btn_caret {
    background: transparent;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    color: #808080;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hawksland_button_dropdown_menu li {
    border-bottom: 1px solid #CCCCCC;
    color: #808080;
    padding-top: 5px;
    padding-bottom: 5px;
}

.hawksland_button_dropdown_menu li:last-child {
    border-bottom: 1px none #CCCCCC;
}

.hawksland_button_dropdown_menu li a {
    color: #808080;
    padding-left: 10px;
}

/*H1 Landing Page Styles*/
.landingpage_header {
    background-image: url('assets/images/skywork_dash_innen.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.landing_intro {
    font-size: 1.5em;
    color: #ffffff;
    padding-bottom: 40px;
}

@media screen and (max-width:767px)
{
    .landing_intro {
        font-size: 1.25em;
        line-height: 1.4em;
        width: 100%;
    }
}

@media screen and (max-width:479px)
{
    .landing_intro {
        padding-bottom: 30px;
    }
}

.title_container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 153px;
    padding-bottom: 60px;
}

@media screen and (max-width:479px)
{
    .title_container {
        padding-top: 100px;
        padding-bottom: 30px;
    }
}

.landing_title_wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.landing_title_column {
    display: table-cell;
    padding: 0px;
}

#landing_header_left_box {
    border-top: solid 1px white;
}

#landing_header_middle_box {
    background-color: none;
    width: 1200px;
    -webkit-border-bottom-left-radius: 70px;
    -moz-border-radius-bottomleft: 70px;
    border-bottom-left-radius: 70px;
    padding-left: 50px;
    border-left: 1px white solid;
    border-bottom: 1px white solid;
}

#landing_header_right_box {
    border-bottom: solid 1px white;
}

@media screen and (max-width:1300px)
{
    #landing_header_middle_box {
        width: 92%;
        -webkit-border-bottom-left-radius: 50px;
        -moz-border-radius-bottomleft: 50px;
    }
}

@media screen and (max-width:768px)
{
    #landing_header_middle_box {
        width: 93%;
    }
}

@media screen and (max-width:479px)
{
    #landing_header_middle_box {
        width: 90%;
        -webkit-border-bottom-left-radius: 45px;
        -moz-border-radius-bottomleft: 45px;
        border-bottom-left-radius: 45px;
        padding-left: 30px;
    }
}

.logoarea {
    background: url('assets/images/hawksland_reverse.png');
    background-image: url('assets/images/hawksland_reverse.svg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 150px;
    background-size: 50%;
}

.logoarea_solid {
    height: 150px;
    background: url('assets/images/hawksland_solid.png');
    background-image: url('assets/images/hawksland_solid.svg');
    background-repeat: no-repeat;
    background-position: center;
}