/* File generated by shrinker.ch - DateTime: 2017-07-10, 15:17:20 */

@charset "UTF-8";
.breadcrumbs ol li a,
.typography div.accordion-container h2,
div#subnavigation nav#subnav ul li a {
    -webkit-transition: all, 200ms;
    transition: all, 200ms
}

.typography a.tablebutton:disabled,
.typography form button:disabled,
.typography form input[type=submit]:disabled {
    opacity: .2
}

body.hassub main {
    top: 173px
}

.contactheader,
.pageheader {
    background: #8d8f94
}

.contactheader .inner,
.pageheader .inner {
    display: table
}

.contactheader .inner div.text,
.pageheader .inner div.text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 65px
}

.contactheader .inner div.text .typography h2,
.contactheader .inner div.text .typography h3,
.contactheader .inner div.text .typography h4,
.contactheader .inner div.text .typography h5,
.contactheader .inner div.text .typography h6,
.contactheader .inner div.text h1,
.pageheader .inner div.text .typography h2,
.pageheader .inner div.text .typography h3,
.pageheader .inner div.text .typography h4,
.pageheader .inner div.text .typography h5,
.pageheader .inner div.text .typography h6,
.pageheader .inner div.text h1,
.typography .contactheader .inner div.text h2,
.typography .contactheader .inner div.text h3,
.typography .contactheader .inner div.text h4,
.typography .contactheader .inner div.text h5,
.typography .contactheader .inner div.text h6,
.typography .pageheader .inner div.text h2,
.typography .pageheader .inner div.text h3,
.typography .pageheader .inner div.text h4,
.typography .pageheader .inner div.text h5,
.typography .pageheader .inner div.text h6 {
    font: 700 28px/1.4em verdana, arial, sans-serif;
    color: #f0c63b;
    margin-bottom: 28px
}

.contactheader .inner div.text p,
.pageheader .inner div.text p {
    color: #fff;
    font: 400 16px/1.5em verdana, arial, sans-serif
}

.contactheader .inner div.text a,
.pageheader .inner div.text a {
    color: #f0c63b
}

.contactheader .inner div.text a:hover,
.pageheader .inner div.text a:hover {
    color: #636669
}

.contactheader .inner img,
.pageheader .inner img {
    margin: 0 -30px 0 100px;
    padding: 0px 30px 0px 30px;
    float: right;
    width: auto;
    height: 100%
}

.pageheader.smallheader .inner img,
.smallheader.contactheader .inner img {
    margin-left: 30px
}

.pageheader.smallheader .inner .text .typography h2,
.pageheader.smallheader .inner .text .typography h3,
.pageheader.smallheader .inner .text .typography h4,
.pageheader.smallheader .inner .text .typography h5,
.pageheader.smallheader .inner .text .typography h6,
.pageheader.smallheader .inner .text h1,
.smallheader.contactheader .inner .text .typography h2,
.smallheader.contactheader .inner .text .typography h3,
.smallheader.contactheader .inner .text .typography h4,
.smallheader.contactheader .inner .text .typography h5,
.smallheader.contactheader .inner .text .typography h6,
.smallheader.contactheader .inner .text h1,
.typography .pageheader.smallheader .inner .text h2,
.typography .pageheader.smallheader .inner .text h3,
.typography .pageheader.smallheader .inner .text h4,
.typography .pageheader.smallheader .inner .text h5,
.typography .pageheader.smallheader .inner .text h6,
.typography .smallheader.contactheader .inner .text h2,
.typography .smallheader.contactheader .inner .text h3,
.typography .smallheader.contactheader .inner .text h4,
.typography .smallheader.contactheader .inner .text h5,
.typography .smallheader.contactheader .inner .text h6 {
    margin: 0
}

.contactheader {
    background: #000
}

.contactheader .inner {
    background: url(../img/bigowl.png)right bottom no-repeat #000;
    min-height: 350px;
    padding: 55px 0
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .contactheader .inner {
        background-image: url(../img/bigowl-hi.png);
        background-size: 312px 333px
    }
}

.contactheader .inner div.text {
    width: 40%;
    float: left
}

.contactheader .inner div.text .typography h2,
.contactheader .inner div.text .typography h3,
.contactheader .inner div.text .typography h4,
.contactheader .inner div.text .typography h5,
.contactheader .inner div.text .typography h6,
.contactheader .inner div.text h1,
.typography .contactheader .inner div.text h2,
.typography .contactheader .inner div.text h3,
.typography .contactheader .inner div.text h4,
.typography .contactheader .inner div.text h5,
.typography .contactheader .inner div.text h6 {
    font-size: 22px
}

.contactheader .inner div.text p {
    padding-bottom: 20px
}

div#subnavigation {
    background: #fff;
    position: relative;
    width: 100%;
    height: 28px;
    padding: 5px 0
}

div#subnavigation nav#subnav {
    position: relative
}

div#subnavigation nav#subnav ul {
    background: #fff;
    font: 600 11.5px/28px verdana, arial, sans-serif;
    float: right
}

div#subnavigation nav#subnav ul li {
    color: #000
}

div#subnavigation nav#subnav ul li+li:before {
    content: "|";
    color: #000;
    font-size: 13.2px;
    margin: 0 3px
}

div#subnavigation nav#subnav ul li a {
    color: #000;
    font-size: 11.5px/*font-size:12.2px*/
}

div#subnavigation nav#subnav ul li a:hover,
div#subnavigation nav#subnav ul li.current_page_item a {
    color: #8d8f94
}

.breadcrumbs {
    padding: 10px 0;
    font: 12px/1.4em verdana, arial, sans-serif;
    color: #4b4d4f;
    display: none!important
}

.breadcrumbs ol li {
    display: inline
}

.breadcrumbs ol li a {
    color: #4b4d4f;
    text-decoration: none;
    font-weight: 700
}

.breadcrumbs ol li a:hover {
    color: #f0c63b
}

.breadcrumbs ol li a.currentpage {
    font-weight: 400
}

.typography {
    background: #fff;
    color: #636669;
    font: 16px/2em verdana, arial, sans-serif
}

.typography .inner {
    padding-top: 55px;
    padding-bottom: 35px
}

.typography cite,
.typography em {
    font-style: italic
}

.typography strong {
    font-weight: 700
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: #636669;
    font-size: 25px;
    margin-bottom: 45px;
    font-weight: 700
}

.typography h1.offscreen,
.typography h2.offscreen,
.typography h3.offscreen,
.typography h4.offscreen,
.typography h5.offscreen,
.typography h6.offscreen {
    margin-left: -85px;
    padding: 20px 0 20px 85px;
    width: 100%;
    background: #e7e8ea;
    font-weight: 400;
    font-size: 22px
}

.typography h1.mainheader,
.typography h2.mainheader,
.typography h3.mainheader,
.typography h4.mainheader,
.typography h5.mainheader,
.typography h6.mainheader {
    background: #636669;
    font: 400 28px/38px verdana, arial, sans-serif;
    color: #fff;
    padding: 30px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin: 0 0 35px
}

.typography h2 {
    font-size: 22px;
    margin-bottom: 15px
}

.typography h3 {
    font-size: 20px;
    margin-bottom: 15px
}

.typography h4,
.typography h5 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px
}

.typography h5 {
    font-style: italic;
    margin-bottom: 15px
}

.typography h6 {
    font-size: 15px;
    margin-bottom: 15px
}

.typography address,
.typography p {
    margin-bottom: 1em
}

.typography a {
    text-decoration: none;
    -webkit-transition: all, 200ms;
    transition: all, 200ms;
    color: #636669;
    font-weight: 700
}

.typography a:hover {
    color: #f0c63b
}

.typography img.contactheader,
.typography img.pageheader {
    width: 100%;
    height: auto;
    margin: 0;
    float: left
}

.typography ol,
.typography ul {
    margin-bottom: 20px;
    list-style: disc;
    margin-left: 20px
}

.typography ol {
    list-style: decimal;
    margin-left: 24px
}

.typography ol li>ol,
.typography ul li>ul {
    margin-bottom: 0;
    list-style-type: disc
}

.typography ol li>ol {
    list-style-type: lower-alpha
}

.typography ul.icons {
    margin: 0 auto;
    line-height: 4em
}

.typography ul.icons li {
    font-weight: 700;
    list-style: none;
    display: inline-block;
    padding-left: 25px;
    background: url(../img/bullet.png)left no-repeat;
    margin: 0 30px 0 0
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .typography ul.icons li {
        background-image: url(../img/bullet-hi.png);
        background-size: 18px 22px
    }
}

.typography code,
.typography kbd,
.typography pre,
.typography tt {
    font: 14px/1.4em monospace
}

.typography blockquote {
    margin-bottom: 30px
}

.typography blockquote cite {
    font: 16px/2em verdana, arial, sans-serif;
    color: #636669
}

.typography blockquote p,
.typography q {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 20px;
    color: #636669;
    margin-bottom: 0;
    height: auto;
    box-sizing: border-box;
    width: 100%
}

.typography blockquote.smallquote p {
    font: 16px/2em verdana, arial, sans-serif;
    font-weight: 700;
    font-style: italic
}

.typography table {
    width: 100%;
    margin: 20px 0;
    font: 16px/1.2em verdana, arial, sans-serif
}

.typography table td,
.typography table th {
    text-align: left;
    font-weight: 700;
    border-bottom: 1px solid #8d8f94;
    padding: 10px 20px 10px 0
}

.typography table thead td {
    border-bottom: 1px solid #8d8f94;
    padding-bottom: 10px
}

.typography table thead th {
    color: #fff;
    border: 1px solid #636669;
    background: #636669;
    vertical-align: bottom;
    text-align: left;
    padding-left: 10px
}

.typography table tbody td {
    border-color: #e7e8ea;
    padding-right: 20px;
    font-weight: 400;
    vertical-align: top
}

.typography table tbody td.noborder,
.typography table tbody tr.noborder td {
    padding-bottom: 0;
    border: 0
}

.typography table small {
    font-size: 80%
}

.typography pre {
    max-width: 100%;
    overflow-x: scroll;
    background: #e9e8e8;
    padding: 10px;
    margin-bottom: 20px
}

.typography sub {
    font-size: xx-small;
    top: 3px;
    position: relative
}

.typography sup {
    font-size: xx-small;
    bottom: 8px;
    position: relative
}

.typography abbr,
.typography acronym {
    border-bottom: 1px dashed #636669;
    cursor: help
}

.typography figure,
.typography img {
    max-width: 100%;
    height: auto;
    margin: 0;
    position: relative
}

.typography figure.alignleft,
.typography img.alignleft {
    float: left;
    margin: 0 15px 20px 0
}

.typography figure.alignright,
.typography img.alignright {
    float: right;
    margin: 0 0 20px 15px
}

.typography img.alignnone {
    clear: both;
    float: none;
    display: block;
    text-align: center;
    margin: 10px auto
}

.typography figcaption {
    line-height: 1em
}

.typography img.featured {
    margin-bottom: 40px
}

.typography dd,
.typography dl dt {
    margin-bottom: 10px
}

.typography dl {
    line-height: 1.4em;
    font-size: 14px
}

.typography dl dt {
    font-weight: 700
}

.typography .gform_body ul {
    margin: 0;
    list-style: none
}

.typography form li,
.typography form p {
    width: 100%;
    clear: both;
    margin-bottom: 20px
}

.typography form .gfield_radio li {
    margin-bottom: 0
}

.typography form .gfield_checkbox br {
    display: none
}

.typography form label {
    clear: both;
    float: left;
    display: block;
    width: 100%
}

.typography form input,
.typography form select,
.typography form textarea {
    width: 60%;
    padding: 10px;
    border: 1px solid #8d8f94
}

.typography form select {
    width: auto
}

.typography form input[type=checkbox],
.typography form input[type=radio] {
    float: left;
    width: auto;
    margin: 10px 10px 0 0
}

.typography form input[type=checkbox]~label,
.typography form input[type=radio]~label {
    width: auto;
    float: none;
    clear: right
}

.typography form button,
.typography form input[type=submit] {
    width: auto;
    background: #636669;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: all, 200ms;
    transition: all, 200ms;
    border: 0
}

.typography form button:hover,
.typography form input[type=submit]:hover {
    background-color: #f0c63b
}

.typography .sociallinks {
    background: #e7e8ea;
    float: left;
    width: 80%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 30px;
    font-size: 25px;
    line-height: 40px;
    margin: 20px 0 35px
}

.typography .sociallinks span {
    font-size: 18px;
    font-weight: 700;
    line-height: 45px
}

.typography.grey {
    background: #e7e8ea
}

.typography .column {
    width: 47%;
    float: left;
    margin-left: 5%
}

.typography .column:first-child {
    margin-left: 0
}

.typography div.accordion-container {
    padding-top: 10px
}

.typography div.accordion-container h2 {
    font: 700 18px/1.4em verdana, arial, sans-serif;
    color: #8d8f94;
    background: #e7e8ea;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.typography div.accordion-container h2:hover {
    color: #f0c63b
}

.typography div.accordion-container h2 label {
    display: block;
    width: 100%;
    position: relative;
    z-index: 100;
    padding: 15px 70px 15px 15px;
    box-sizing: border-box
}

.typography div.accordion-container input[type=checkbox] {
    display: none
}

.typography div.accordion-container input[type=checkbox]+h2+.accordion-section {
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
    max-height: 1px
}

.typography div.accordion-container input[type=checkbox]:checked+h2+.accordion-section {
    max-height: 4000px
}

.typography div.accordion-container input[type=checkbox]+h2 label {
    cursor: pointer
}

.typography div.accordion-container h2 .iwrap {
    display: block;
    float: right;
    color: #8d8f94;
    background: #f0c63b;
    font-size: 35px;
    padding: 10px 15px 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    height: 1000px
}

.typography div.accordion-container h2 .iwrap i {
    -webkit-transition: all, .5s;
    transition: all, .5s;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.typography div.accordion-container input[type=checkbox]:checked+h2 .iwrap i {
    -webkit-transform: rotate(90deg)translateY(4px);
    -ms-transform: rotate(90deg)translateY(4px);
    transform: rotate(90deg)translateY(4px)
}

.typography div.accordion-container div.accordion-section {
    height: auto;
    display: block;
    overflow: hidden;
    box-sizing: border-box
}

.typography .col {
    display: block;
    float: left;
    margin: 1% 0 1% 6%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    width: 46%
}

.typography .col:first-of-type {
    margin-left: 0
}

.white form input,
.white form select,
.white form textarea {
    border: 1px solid #8d8f94
}

.temp-notice {
    display: block;
    margin: 1rem 0;
    font: 600 16px/1.5em verdana, arial, sans-serif;
}

section#depositblock,
section#depositblock.three-columns,
section#login-box {
    background: #e7e8ea
}

section#depositblock .button-block,
section#login-box .button-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section#depositblock .button-block a,
section#login-box .button-block a {
    width: 30%;
    margin: 0 5% 35px 0;
    background: #fff;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    padding-left: 15px;
    border-right: 45px solid #f0c63b;
    padding-right: 15px;
    position: relative;
    line-height: 1.4em;
    color: #8d8f94
}

#depositblock .section-blocks,
.columns,
.two-columns {
    -webkit-box-orient: horizontal
}

.columns,
.two-columns,
.three-columns {
    -webkit-box-pack: justify
}

section#depositblock .button-block a:nth-child(3n+3),
section#login-box .button-block a:nth-child(3n+3) {
    margin-right: 0
}

section#depositblock .button-block a:after,
section#login-box .button-block a:after {
    content: '\f138';
    font: 400 25px/1em FontAwesome;
    display: block;
    float: right;
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -12.5px
}

section#depositblock .button-block a:hover,
section#login-box .button-block a:hover {
    background: #8d8f94;
    color: #fff
}

.widget,
section.form {
    background: #e7e8ea
}

section#depositblock .button-block a:hover:after,
section#login-box .button-block a:hover:after {
    color: #8d8f94
}

.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 55px 25px 0
}

.two-columns,
.three-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.two-columns article {
    width: 47%;
    margin: 0 0 35px;
    box-sizing: border-box;
    background: #e7e8ea
}

.three-columns article {
    width: 31%;
    margin: 0 0 35px;
    box-sizing: border-box;
    background: #e7e8ea
}

.two-columns article img,
.three-columns article img {
    width: 100%;
    height: auto;
    margin-bottom: 0
}

.two-columns article .text,
.three-columns article .text {
    padding: 5px 20px 30px
}

.two-columns article .text a .typography h2,
.two-columns article .text a .typography h3,
.two-columns article .text a .typography h4,
.two-columns article .text a .typography h5,
.two-columns article .text a .typography h6,
.two-columns article .text a h1,
.three-columns article .text a .typography h2,
.three-columns article .text a .typography h3,
.three-columns article .text a .typography h4,
.three-columns article .text a .typography h5,
.three-columns article .text a .typography h6,
.three-columns article .text a h1,
.typography .two-columns article .text a h2,
.typography .two-columns article .text a h3,
.typography .two-columns article .text a h4,
.typography .two-columns article .text a h5,
.typography .two-columns article .text a h6 {
    -webkit-transition: all, 200ms;
    transition: all, 200ms;
    font-size: 17px;
    margin-bottom: 10px
}

.two-columns article .text a .typography h2 span,
.two-columns article .text a .typography h3 span,
.two-columns article .text a .typography h4 span,
.two-columns article .text a .typography h5 span,
.two-columns article .text a .typography h6 span,
.two-columns article .text a h1 span,
.three-columns article .text a .typography h2 span,
.three-columns article .text a .typography h3 span,
.three-columns article .text a .typography h4 span,
.three-columns article .text a .typography h5 span,
.three-columns article .text a .typography h6 span,
.three-columns article .text a h1 span,
.typography .two-columns article .text a h2 span,
.typography .two-columns article .text a h3 span,
.typography .two-columns article .text a h4 span,
.typography .two-columns article .text a h5 span,
.typography .two-columns article .text a h6 span {
    font-weight: 400
}

.two-columns article .text a:hover .typography h2,
.two-columns article .text a:hover .typography h3,
.two-columns article .text a:hover .typography h4,
.two-columns article .text a:hover .typography h5,
.two-columns article .text a:hover .typography h6,
.two-columns article .text a:hover h1,
.typography .two-columns article .text a:hover h2,
.typography .two-columns article .text a:hover h3,
.typography .two-columns article .text a:hover h4,
.typography .two-columns article .text a:hover h5,
.typography .two-columns article .text a:hover h6,
.three-columns article .text a:hover .typography h2,
.three-columns article .text a:hover .typography h3,
.three-columns article .text a:hover .typography h4,
.three-columns article .text a:hover .typography h5,
.three-columns article .text a:hover .typography h6,
.three-columns article .text a:hover h1,
.typography .three-columns article .text a:hover h2,
.typography .three-columns article .text a:hover h3,
.typography .t-columns article .text a:hover h4,
.typography .two-columns article .text a:hover h5,
.typography .two-columns article .text a:hover h6 {
    color: #f0c63b
}

.two-columns article .text a.readmore,
.three-columns article .text a.readmore {
    font-size: 14px
}

.two-columns article .text p,
.three-columns article .text p {
    font-size: 14px;
    line-height: 28px
}

.two-columns article .text time,
.three-columns article .text time {
    display: block;
    clear: both;
    font-size: 12px;
    line-height: 2.2em;
    font-weight: 700;
    color: #8d8f94
}

.two-thirds {
    width: 67%;
    margin: 0 0 35px
}

.one-third {
    width: 30%;
    margin: 0 0 35px;
    position: relative;
    right: 0
}

.widget {
    margin-bottom: 35px
}

.typography .widget h2,
.typography .widget h3,
.typography .widget h4,
.typography .widget h5,
.typography .widget h6,
.widget .typography h2,
.widget .typography h3,
.widget .typography h4,
.widget .typography h5,
.widget .typography h6,
.widget h1 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 45px 10px 15px;
    background: #8d8f94;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: 0
}

.typography .widget h2:after,
.typography .widget h3:after,
.typography .widget h4:after,
.typography .widget h5:after,
.typography .widget h6:after,
.widget .typography h2:after,
.widget .typography h3:after,
.widget .typography h4:after,
.widget .typography h5:after,
.widget .typography h6:after,
.widget h1:after {
    display: block;
    height: 100%;
    float: right;
    padding: 7px 15px 8px;
    background: #f0c63b;
    color: #8d8f94;
    content: "\f115";
    font: 400 22px FontAwesome;
    margin: -10px -45px 0 -10px;
    line-height: 37px
}

.typography .widget h2.applyonline:after,
.typography .widget h3.applyonline:after,
.typography .widget h4.applyonline:after,
.typography .widget h5.applyonline:after,
.typography .widget h6.applyonline:after,
.widget .typography h2.applyonline:after,
.widget .typography h3.applyonline:after,
.widget .typography h4.applyonline:after,
.widget .typography h5.applyonline:after,
.widget .typography h6.applyonline:after,
.widget h1.applyonline:after {
    content: "\f108"
}

.typography .widget h2.applypost:after,
.typography .widget h3.applypost:after,
.typography .widget h4.applypost:after,
.typography .widget h5.applypost:after,
.typography .widget h6.applypost:after,
.widget .typography h2.applypost:after,
.widget .typography h3.applypost:after,
.widget .typography h4.applypost:after,
.widget .typography h5.applypost:after,
.widget .typography h6.applypost:after,
.widget h1.applypost:after {
    content: "\f003"
}

.typography .widget h2.productguide:after,
.typography .widget h3.productguide:after,
.typography .widget h4.productguide:after,
.typography .widget h5.productguide:after,
.typography .widget h6.productguide:after,
.widget .typography h2.productguide:after,
.widget .typography h3.productguide:after,
.widget .typography h4.productguide:after,
.widget .typography h5.productguide:after,
.widget .typography h6.productguide:after,
.widget h1.productguide:after {
    content: "\f016"
}

.typography .widget h2.information:after,
.typography .widget h3.information:after,
.typography .widget h4.information:after,
.typography .widget h5.information:after,
.typography .widget h6.information:after,
.widget .typography h2.information:after,
.widget .typography h3.information:after,
.widget .typography h4.information:after,
.widget .typography h5.information:after,
.widget .typography h6.information:after,
.widget h1.information:after {
    content: "\f0e5"
}

.typography .widget h2.media:after,
.typography .widget h3.media:after,
.typography .widget h4.media:after,
.typography .widget h5.media:after,
.typography .widget h6.media:after,
.widget .typography h2.media:after,
.widget .typography h3.media:after,
.widget .typography h4.media:after,
.widget .typography h5.media:after,
.widget .typography h6.media:after,
.widget h1.media:after {
    content: "\f10a"
}

.typography .widget h2.newsletter:after,
.typography .widget h3.newsletter:after,
.typography .widget h4.newsletter:after,
.typography .widget h5.newsletter:after,
.typography .widget h6.newsletter:after,
.widget .typography h2.newsletter:after,
.widget .typography h3.newsletter:after,
.widget .typography h4.newsletter:after,
.widget .typography h5.newsletter:after,
.widget .typography h6.newsletter:after,
.widget h1.newsletter:after {
    content: "\f0f6"
}

.typography .widget h2.contact:after,
.typography .widget h3.contact:after,
.typography .widget h4.contact:after,
.typography .widget h5.contact:after,
.typography .widget h6.contact:after,
.widget .typography h2.contact:after,
.widget .typography h3.contact:after,
.widget .typography h4.contact:after,
.widget .typography h5.contact:after,
.widget .typography h6.contact:after,
.widget h1.contact:after {
    color: #f0c63b;
    background: #636669;
    content: ""
}

.typography .widget h2 a,
.typography .widget h3 a,
.typography .widget h4 a,
.typography .widget h5 a,
.typography .widget h6 a,
.widget .typography h2 a,
.widget .typography h3 a,
.widget .typography h4 a,
.widget .typography h5 a,
.widget .typography h6 a,
.widget h1 a {
    color: #fff
}

.typography .widget h2 a:hover,
.typography .widget h3 a:hover,
.typography .widget h4 a:hover,
.typography .widget h5 a:hover,
.typography .widget h6 a:hover,
.widget .typography h2 a:hover,
.widget .typography h3 a:hover,
.widget .typography h4 a:hover,
.widget .typography h5 a:hover,
.widget .typography h6 a:hover,
.widget h1 a:hover {
    color: #f0c63b
}

.widget ul {
    margin: 0
}

.widget ul li {
    display: block;
    list-style-type: none;
    padding: 0 15px;
    margin: 0
}

.widget ul li a {
    width: 100%;
    border-bottom: 1px solid #8d8f94;
    display: block;
    font: 400 15px verdana, arial, sans-serif;
    color: #8d8f94;
    padding: 15px 35px 15px 0;
    box-sizing: border-box
}

.widget ul li a:after {
    content: "\f054";
    display: block;
    float: right;
    font: 400 15px FontAwesome;
    margin-right: -35px;
    position: relative;
    top: 0
}

.widget ul li.current_page_item a {
    font-weight: 700
}

.widget ul li:last-child a {
    border-bottom: 0
}

.widget ul li.pdf a:after {
    content: "";
    display: block;
    background: url(../img/pdf.png)no-repeat;
    width: 17px;
    height: 17px
}

.widget.contact {
    background: #f0c63b
}

.widget.contact ul li a {
    color: #8d8f94
}

.widget.contact ul li a:hover {
    color: #636669
}

.widget.contact ul li.form a:after {
    content: "\f0f6"
}

.widget.contact ul li.number a:after {
    content: "\f0a2"
}

.pagination {
    clear: both;
    width: 100%
}

.pagination ul {
    float: left;
    margin: 0
}

.pagination ul li {
    float: left;
    list-style: none;
    margin-right: 15px
}

.pagination ul li a {
    text-decoration: none;
    border: 1px solid #636669;
    padding: 5px 8px;
    background: #fff;
    color: #636669;
    font: 400 14px verdana, arial, sans-serif
}

.pagination ul li a:hover {
    background: #f0c63b;
    color: #636669
}

.pagination ul li span.current {
    text-decoration: none;
    border: 1px solid #636669;
    padding: 5px 8px;
    background: #f0c63b;
    color: #636669
}

#depositblock .section-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#depositblock .section-blocks article {
    font-weight: 400;
    width: 47%;
    margin: 0 0 35px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    border-right: 45px solid #f0c63b;
    position: relative;
    line-height: 1.4em;
    color: #8d8f94;
    -webkit-transition: all, 200ms;
    transition: all, 200ms
}

#depositblock .section-blocks article a {
    display: block;
    padding: 20px 15px 20px 20px;
    border: 0
}

#depositblock .section-blocks article a h3 {
    font: 400 16px verdana, arial, sans-serif
}

#depositblock .section-blocks article a:hover h3 {
    color: #f0c63b
}

#depositblock .section-blocks article a:hover p {
    color: #fff
}

#depositblock .section-blocks article a:after {
    content: '\f138';
    font: 400 25px/1em FontAwesome;
    display: block;
    float: right;
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -12.5px;
    color: #8d8f94!important
}

#depositblock .section-blocks article:hover {
    background: #8d8f94;
    color: #fff
}

#depositblock .section-blocks article:hover:after {
    color: #8d8f94
}

#depositblock .section-blocks article:hover h3 a {
    color: #f0c63b
}

#depositblock .section-blocks article:hover p a {
    color: #fff
}

#depositblock .section-blocks article p {
    font-size: 12px;
    font-weight: 400;
    color: #8d8f94;
    display: block;
    width: 100%;
    height: 100%
}

#depositblock .section-blocks article p:hover {
    color: #fff
}

#depositblock .section-blocks article .fullwidth {
    width: 100%
}

#depositblock .section-blocks article.fullwidth {
    width: 100%
}

#depositblock .section-blocks article.fullwidth h3 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%
}

#depositblock .section-blocks article.fullwidth h3:hover {
    color: #f0c63b
}

.fscs h3 {
    font-weight: 700;
    font-size: 16px
}

.fscs p {
    font-size: 14px
}

#depositblock.three-columns .section-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#depositblock.three-columns .section-blocks article {
    width: 30%;
    margin-right: 3%
}

.padmore {
    padding: 55px 85px;
    box-sizing: border-box
}

.padmore-left {
    padding: 55px 30px 55px 85px;
    box-sizing: border-box
}

.typography .nopadding {
    padding-top: 0
}

#buttons .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#buttons .inner a {
    display: table;
    width: 22%;
    background: #8d8f94;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: 14px;
    line-height: 62px;
    padding-left: 10px;
    box-sizing: border-box
}

#buttons .inner a:after {
    display: block;
    float: right;
    padding: 7px 15px 8px;
    background: #f0c63b;
    color: #8d8f94;
    content: "\f115";
    font: 400 30px FontAwesome;
    margin: 0;
    line-height: 47px
}

#buttons .inner a.brokerzone:after {
    content: "\f007"
}

#buttons .inner a.casestudies:after {
    padding: 7px 12px 8px 11px
}

#buttons .inner a.faqs:after {
    content: "\f0e6"
}

#buttons .inner a.contactus:after {
    content: ""
}

#buttons .inner a.newsletter:after {
    content: "\f0f6"
}

#buttons .inner a.brochure:after {
    content: "\f02d"
}

#buttons .inner a:hover {
    color: #8d8f94;
    background: #e7e8ea
}

#buttons .inner a span {
    width: 60%;
    white-space: normal;
    display: table-cell;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.stronglabel label {
    font-weight: 700;
    margin-bottom: 10px
}

.stronglabel div label {
    font-weight: 400
}

.gform_hidden+br {
    display: none
}

body {
    -webkit-animation: bugfix infinite 1s
}

@-webkit-keyframes bugfix {
    from,
    to {
        padding: 0
    }
}

.typography a.tablebutton {
    width: auto;
    background: #f0c63b;
    color: #636669;
    font-weight: 700;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: all, 200ms;
    transition: all, 200ms;
    border: 0;
    white-space: nowrap;
    bottom: 10px;
    position: relative
}

.typography a.tablebutton:hover {
    background-color: #f0c63b;
    color: #fff
}

.youtube-small-size {
    width: 560px;
    height: 315px;
}

.col-width {
    width: 62%;
    padding-right: 40px;
}

@media only screen and (max-width:442px) {
    .typography a.tablebutton {
        width: auto;
        font-size: 0.9rem;
    }
    .youtube-small-size {
        width: 100%;
        height: 200px;
    }
    .typography div.accordion-container h2 {
        font: 700 13px/1.3em verdana, arial, sans-serif;
    }
    .typography div.accordion-container h2 label {
        padding: 20px 70px 15px 15px;
    }
    .col-width {
        width: 100%;
        padding-right: 5px;
    }
}


/* ============Form styles ================== */

.txtbox-size {
    width: 20% !important;
}


/*.typography form input[type=checkbox]~label, .typography form input[type=radio]~label {
    width: 550px !important;
    float: none;
    clear: right;
    font-weight: bold !important;
    border-bottom: 1px solid #000 !important;
}*/

.radio-buttons-style {
    width: 550px !important;
    float: none;
    clear: right;
    font-weight: bold !important;
    font-size: 14px !important;
    /*background:#FFF !important;*/
    /*border-bottom: 1px solid #000 !important;*/
}

.acco-no-text {
    width: 25px !important;
}

.amount-text {
    width: 90px !important;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #E5B82A !important;
    font-weight: bold;
    text-align: center;
}