body, html {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #F7F7F9;
}

html.highlighting-disabled {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
}

input, textarea,
button.btn-style-outline,
#header-navigation a,
.text-el-heading-paragraph h2 {
    font-family: 'Poppins', sans-serif;
}

textarea {resize: vertical;}

.font-family-secondary,
#header-heading-container,
.btn-style-big,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', Times
}

.font-size-L {
    font-size: 20px
}

.font-size-XL {
    font-size: 36px;
    word-spacing: 0.1em;
    line-height: 1.4;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    line-height: 1.7;
}

a {
    color: initial;
    text-decoration: none;
}

address {font-style:initial}

main a:hover {
    text-decoration: underline;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.list-style-check {
    list-style: url('../img/list-style-check.png') !important;
    list-style-position: inside !important;
}

img {
    max-width: 100%;
}

img.img-style-1 {
    border: solid 5px white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.text-align-center {text-align:center;}
.text-align-right {text-align:right;}

* { box-sizing: border-box }

header, main, footer {
    width: 100%;
}

ul.sitemap-list-url {
    font-size: 14px;
}

ul.sitemap-list-url li {
    margin-bottom: 5px;
}

/* scroll up btn */
#scroll-up-btn {
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: black;
    bottom: 150px;
    right: 20px;
    z-index: 100000;
    cursor: pointer;
    border-radius: 50px;
    font-size: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: solid 3px #FFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    display: none;
}

#scroll-up-btn .fa {
    color: #FFF;
    text-align: center;
    line-height: 52px;
    font-size: 25px;
    display: block;
    transition: margin-top 0.20s;
    -webkit-transition: margin-top 0.20s;
    -moz-transition: margin-top 0.20s;
    -ms-transition: margin-top 0.20s;
    -o-transition: margin-top 0.20s;
}

#scroll-up-btn:hover .fa {
    margin-top: -5px;
}

/* general box shdow */
.box-shadow-general,
.team-element .team-title-container,
.card-element {
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.aligner-general {
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1250px;
}

/* big button */
.btn-style-big {
    background-color: #272932;
    padding: 20px 30px;
    display: inline-block;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.03em;
    border-radius: 7px;
    top: 0px;
    position: relative;
    border: solid 1px #21232c;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.5), 0 0.28em 0 0 #212227, 0 0 10px #000;
    text-decoration: none !important;
    text-align: center;
    -webkit-transition: top 0.1s;
    transition: 0.1s;
    background-image: linear-gradient(bottom, rgb(39,41,50) 0%, rgb(56,59,72) 100%);
    background-image: -o-linear-gradient(bottom, rgb(39,41,50) 0%, rgb(56,59,72) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(39,41,50) 0%, rgb(56,59,72) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(39,41,50) 0%, rgb(56,59,72) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(39,41,50) 0%, rgb(56,59,72) 100%);
}

.btn-style-big:hover,
.btn-style-big.btn-color-green:hover {
    top: 3px;
    color: #D6D6D6;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.5), 0 0.10em 0 0 #212227, 0 0 5px #000;   
    background-image: none;
}

.btn-style-big.btn-color-green {
    background-color: #1C8A3F;
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.5), 0 0.28em 0 0 rgb(15, 74, 34), 0 0 10px #228A44;
    background-image: linear-gradient(bottom, rgb(18,99,44) 0%, rgb(28,138,63) 100%);
    background-image: -o-linear-gradient(bottom, rgb(18,99,44) 0%, rgb(28,138,63) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(18,99,44) 0%, rgb(28,138,63) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(18,99,44) 0%, rgb(28,138,63) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(18,99,44) 0%, rgb(28,138,63) 100%);
}

.btn-style-big.btn-color-green:hover {
    box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.5), 0 0.10em 0 0 rgb(15, 74, 34), 0 0 5px #228A44;
}

/* outline button */
.btn-style-outline {
    background-color: transparent;
    border-style: solid;
    border-width: 3px;
    outline: none;
    cursor: pointer;
    padding: 15px 25px;
    border-radius: 5px;
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
    transition: 0.1s;
}

.btn-style-outline:hover {
    color: #FFF;
    background-color: #1C8A3F;
}

.text-shadow-general {
    text-shadow: 0px 3px rgba(0, 0, 0, 0.5);
}

/* COLORS */
body,  a {color: #464646}
.background-color-primary,  .page-heading,  #application-form .app-btn:hover,  .file-upload-trigger-btn .fut-choosefile,  #header-navigation a.nav-active-tab:before {background-color: #1C8A3F}
.billboard {background-color: #132612}
.card-element,  .btn-style-outline,  .image-collage-element:hover,  .annual-report-element img,  .document-element,  .inputs-group-container.inputs-group-container-focus,  .file-upload-trigger-btn:hover > .file-upload-label-container {border-color: #1C8A3F}
.form-input-styles-application input.form-input-text-style:focus,  .form-input-styles-application textarea:focus {border-bottom-color: #1C8A3F}
.color-primary,
#header-navigation a[href]:hover,
#toggle-responsive-menu:hover,
.sections-label .fa,
ul.list-custom-style li .fa,
.btn-style-outline,
label.label-highlight,
.tabs-element > .tabs-el-nav li.tabs-el-active,
.team-element .read-more-overlay span,
.articles-element a,
.annual-report-element h2,
.annual-report-element a,
#application-form .form-section-counter h2,
.inputs-group-container.inputs-group-container-focus .inputs-group-label,
#application-form .form-section-counter span,
#application-form .application-form-btn span,
.file-upload-trigger-btn:hover .file-upload-label,
.form-section-title,
.file-upload-trigger-btn .fut-filename .fa.fa-check,
#header-navigation .nav-active-tab,
.contact-details-element span,
.tabs-element > .tabs-el-nav li:hover,
#spotlight-controls .fa:not(.spotlight-btn-off):active,
.document-element a,
.press-browse-link,
#canvas-signature-clear:hover,
#application-page .btn-style-plain:hover,
.application-status-element .fa,
.application-status-element h2,
ul.sitemap-list-url a {color: #1C8A3F}


/*==========================================================================
   HEADER
==========================================================================*/
header {
    background-color: #FFF;
    position: relative;
    z-index: 10;
}

#header-top {
    padding: 13px 0px;
    background-image: url('../img/header-graphs-background.jpg');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
}

#header-top > .aligner-general {
    display: -webkit-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header-logo-container {
    font-size: 0;
}

#header-logo-container img {
    max-width: initial;
}

#header-heading-container {
    width: 100%;
    display: inline-block;
    text-align: right;
    padding-left: 30px;
}

#header-heading-container h1 {
    font-size: 24px;
    text-shadow: 0px 1.5px #FFF;
    line-height: 1.4;
}

/* header navigation */
#header-navigation {
    border-top: solid 1px #EDEDED;
    border-bottom: solid 1px #EDEDED;
    background-color: inherit;
    box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.1);
}

#header-nav-primary > li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    letter-spacing: 0.02em;
}

#header-nav-primary a[href='#'] {
    cursor: default;
}

#header-nav-primary > li:last-child {
    margin-right: 0;
}

#header-nav-primary > li > a,
#toggle-responsive-menu {
    padding: 11px 0px 9px 0px;
    display: inline-block;
    font-size: 15px;
}

/* header dropdown menu */
#header-nav-primary > li:hover > .nav-dropmenu,
#header-nav-primary > li > .nav-dropmenu > li:hover > .nav-sub-dropmenu {
    display: block;
}

#header-navigation .nav-dropmenu {
    display: none;
    position: absolute;
    border-top: solid 4px #1C8A3F;
    left: -15px;
    z-index: 100;
    padding: 10px 0px;
    background-color: #FFF;
    width: 300px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    font-size: 14px;
}

#header-navigation .nav-dropmenu li {
    display: block;
    position: relative;
}

#header-navigation .nav-dropmenu li a {
    display: block;
    padding: 7px 15px;
}

#header-navigation .nav-dropmenu li a .fa {
    float: right;
    margin-top: 2px;
}

#header-navigation .nav-dropmenu li a:hover {
    background-color: #F7F7F9;
}

#header-navigation .nav-sub-dropmenu {
    display: none;
    left: 100%;
    top: 0px;
    max-width: 220px;
}

/* active tab */
#header-navigation a.nav-active-tab:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    padding: 0 10px;
    margin-left: -10px;
}

#header-navigation a.nav-active-tab:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 0px;
    width: 0px;
    height: 0px;
    border: solid 8px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

#header-navigation .nav-dropmenu a.nav-active-tab:before {
    width: 2px;
    height: 100%;
    padding: 0;
    margin-left: 0;
}

#header-navigation .nav-dropmenu a.nav-active-tab:after {
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto 0;
    border-top-color: transparent;
    border-left-color: inherit;
}

/* fixed header navigation */
body.fixed-header-navigation #header-navigation {
    position: fixed;
    top: 0px;
    width: 100%;
}

html.scrolling-disabled body.mobile-navigation-active #header-navigation {
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
}

/* responsive header navigation */
#toggle-responsive-menu {
    display: block;
    cursor: pointer;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #EDEDED;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}

body.mobile-navigation-active #header-nav-primary {
    display: block;
}

body.mobile-navigation-active #toggle-responsive-menu {
    background-color: #F7F7F9;
}

html.scrolling-disabled body {
    height: 100%;
    overflow: hidden;
}


/*==========================================================================
   PAGES & ELEMENTS
==========================================================================*/
/* page heading */
.page-heading {
    padding: 50px 0px;
    color: #FFF;
    background-position-x: 50%;
    background-size: cover;
}

.page-heading h1 {
    font-size: 30px;
    font-weight: 600;
}

.page-heading p {
    margin-top: 10px;
}

/* content aligner */
.content-aligner {
    width: 100%;
    padding: 100px 0px;
}

.aligner-general.aligner-general-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.content-aligner.aligner-sections-2 .aligner-section-1, 
.content-aligner.aligner-sections-2 .aligner-section-2 {
    width: 50%;
    float: left;
    min-height: 1px;
}

.content-aligner.aligner-sections-2 .aligner-section-1 {padding-right: 30px}
.content-aligner.aligner-sections-2 .aligner-section-2 {padding-left: 30px}

.content-aligner.aligner-sections-2.sections-border .aligner-section-1 {
    border-right: solid 1px #DADADA;
}

/* billboard */
.billboard {
    padding: 150px 0px;
    width: 100%;
    color: #FFF;
    background-size: cover;
    background-position: 50%;
}

/* text element heading list */
.text-el-heading-list h1 {
    margin-bottom: 50px;
    font-weight: 400;
}

.text-el-heading-list ul {
    font-size: 23px;
    list-style: initial;
    list-style-position: inside;
}

.text-el-heading-list li {
    margin-top: 13px;
}

.text-el-heading-list li:first-child {
    margin-top: 0;
}

/* text element application */
.text-el-application {
    color: #FFF;
}

.text-el-application h2 {
    font-weight: 400;
}

/* list custom style */
ul.list-custom-style li {
    display: table;
    margin-bottom: 5px;
}

ul.list-custom-style li p,
ul.list-custom-style li .fa {
    display: table-cell;
}

ul.list-custom-style li .fa {
    width: 25px;
}

/* section label */
.sections-label {
    margin-bottom: 10px;
}

.sections-label .fa {
    float: right;
    font-size: 30px;
}

/* columns container */
.columns-container {
    width: 100%;
    display: table;
    border-spacing: 30px 0px;
}

.columns-container > div {
    display: table-cell;
    vertical-align: top;
}

.columns-container > div.td-small {
    width: 130px !important;
    padding-left: 5px;
}

.columns-container > div .td-100 {
    width: 100% !important;
}

.columns-container.table-layout-fixed {
    table-layout: fixed;
}

.columns-container.table-vertical-align-b > div {
    vertical-align: bottom;
}

.columns-container.col-2 > div {width: 50%}
.columns-container.col-3 > div {width: 33.33333%}
.columns-container.col-4 > div {width: 25%}
.columns-container.col-5 > div {width: 20%}

/* text heading and paragraph element */
.text-el-heading-paragraph h1 {
    font-weight: 400;
    margin-bottom: 10px;
}

.text-el-heading-paragraph h2 {
    font-weight: 400;
}

/* card element */
.card-element {
    width: 100%;
    padding: 30px 20px;
    background-color: #FFF;
    border-top-style: solid;
    border-top-width: 4px;
    min-height: 268px;
}

.card-element img {
    margin-bottom: 13px;
}

.card-element p {
    line-height: 1.5;
}

/* form general */
#contact-page iframe.gmaps-embed {
    border: solid 5px #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)
}

.form-general {
    width: 100%;
    background-color: #FFF;
    padding-top: 30px;
    padding-bottom: 30px;
}

.form-general label {
    text-transform: uppercase;
    font-weight: 500;
}

.form-general .columns-container {
    margin-bottom: 30px;
}

.contact-form-message-sent-notice {
    margin-bottom: 20px;
    display: block;
    font-size: 20px;
}

.contact-form-message-sent-notice .fa {
    margin-right: 5px;
}

/* contact details element */
.contact-details-element {
    width: 100%;
}

.contact-details-element li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.contact-details-element li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.contact-details-element .contact-details-item {
    font-size: 28px;
    display: block;
    font-weight: bold;
    color: #464646;
}

.contact-details-element .fa {
    margin-right: 10px;
}

.contact-details-element span {
    font-size: 20px;
}

/* tabs element */
.tabs-element {
    width: 100%;
}

.tabs-element > .tabs-el-nav {
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 50px;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: #FFF;
}

.tabs-element > .tabs-el-nav li {
    display: table-cell;
    text-align: center;
    border: solid 1px #DADADA;
    border-top: 0;
    vertical-align: middle;
    height: 100px;
    font-size: 20px;
    cursor: pointer;
    padding: 0 10px;
}

.tabs-element > .tabs-el-nav li.tabs-el-active {
    background-color: #F7F7F9;
    border-bottom-color: #F7F7F9;
}

.tabs-element > .tabs-el-nav li * {
    pointer-events: none;
}

.tabs-element > .tabs-el-content {
    width: 100%;
    padding: 100px 0px;
}

.tabs-element > .tabs-el-content > .aligner-general > div:not(:first-child) {
    display: none;
}

/* spotlight */
#spotlight-overlay-container {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100;
    cursor: crosshair;
}

#spotlight-overlay-container table {
    width: 100%;
    height: 100%;
    border-spacing: 0;
}

#spotlight-content {
    vertical-align: middle;
    padding: 30px;
    padding-bottom: 47px;
    height: calc(100vh - 100px); /* subtract viewport height by spotlight-controls height */
}

#spotlight-content > * {
    margin: 0 auto;
    display: block;
    cursor: initial;
}

#spotlight-content img {
    max-height: 100%;
}

#spotlight-content video {
    max-height: 100%;
    max-width: 100%;
    color: #FFF;
}

#spotlight-content .spotlight-content-label {
    display: block;
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 17px;
    left: 0px;
    right: 0px;
    line-height: 1;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

#spotlight-controls {
    width: 100%;
    height: 100px;
    vertical-align: middle;
    color: #FFF;
    text-align: center;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

#spotlight-controls .fa,
#spotlight-controls .far {
    font-size: 35px;
    cursor: pointer;
    text-shadow: 0px 0px 5px black;
}

#spotlight-counter-prev,
#spotlight-counter-next {
    color: #909090;
    font-size: 28px;
    font-weight: bold;
    margin: 0px 10px;
    width: 30px;
    display: inline-block;
}

#spotlight-close {
    border-right: solid 1px #666;
    border-left: solid 1px #666;
    padding: 0px 20px;
    margin: 0px 20px;
}

#spotlight-controls .spotlight-btn-off {
    cursor: initial;
    color: #909090;
}

img[data-spotlight]:hover {
    transform: scale(1.05)
}

img[data-spotlight] {
    cursor: pointer;
    transition: transform .10s;
}

/* image collage element */
.image-collage-element {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    position: relative;
    transition: .10s;
}

.image-collage-element a {
    display: block;
    text-decoration: none !important;
    padding: 20px;
}

.image-collage-element span {
    font-size: 18px;
    display: block;
    margin-top: 20px;
    line-height: 1;
}

.image-collage-element .image-collage-icon {
    font-size: 0;
}

.image-collage-element img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.image-collage-element .collage-icon {
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 0;
    max-width: 100%;
    pointer-events: none;
    transition: .10s;
}

.image-collage-element .collage-img-preview {
    transition: .10s;
    top: 0px;
    background-color: #FFF;
}

.image-collage-element:hover .collage-img-preview {
    top: -10px;
}

.image-collage-element:hover .collage-icon {
    top: -17px;
}

/* flexbox images gallery */
.flexbox-images-gallery {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.flexbox-images-gallery > div {
    width: 25%;
    display: inline-block;
    margin: 15px;
    -webkit-box-flex: 1 1 calc(20% - 15px);
    -webkit-flex: 1 1 calc(20% - 15px);
    -ms-flex: 1 1 calc(20% - 15px);
    flex: 1 1 calc(20% - 15px);
}

.flexbox-images-gallery > div > img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/* flexbox container */
.flexbox-container {
    display: -webkit-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.flexbox-container > .flexbox-col {
    display: inline-block;
    -webkit-box-flex: 1 1 calc(20% - 15px); 
    -webkit-flex: 1 1 calc(20% - 15px);     
    -ms-flex: 1 1 calc(20% - 15px);
    flex: 1 1 calc(20% - 15px);
    margin: 0 auto;
}

/* team element */
.team-element {
    width: 100%;
    max-width: 900px;
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.team-element img {
    margin-bottom: -40px;
    margin-left: 30px;
    display: block;
    transition: margin 0.1s;
    margin-left: auto;
    margin-right: auto;
}

.team-element .team-title-container {
    width: 100%;
    background-color: #FFF;
    padding: 50px 30px 30px 30px;
}

.team-element .team-title-container h3 {
    font-weight: 600;
}

.team-element p {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #DADADA;
    height: 130px;
    overflow: hidden;
}

.team-element .read-more-overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 130px;
    z-index: 1;
    text-align: center;
    background-color: #FFF;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
}

.team-element .read-more-overlay span {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: block;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
}

.team-element .read-more-overlay span:hover {
    text-decoration: underline;
}

#team-members-section > .aligner-general > .team-element {
    margin-bottom: 50px;
}

#team-members-section > .aligner-general > .team-element:last-child {
    margin-bottom: 0;
}

/* articles element */
.articles-element {
    width: 100%;
    background-color: #FFF;
    border-left: solid 3px;
}

.articles-element > article {
    display: block;
    padding: 20px;
    border-bottom: solid 1px #DADADA;
}

.articles-element > article:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.articles-element .article-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.articles-element .article-title a {
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
}

.articles-element .article-title a:hover {
    text-decoration: underline;
}

.articles-element .article-preview a:hover {
    text-decoration: underline;
}

.articles-element .article-meta > span,
.document-element .article-meta > span {
    margin-right: 20px;
    padding-right: 20px;
    border-right: solid 1px #DADADA;
    font-size: 13px;
    display: inline-block;
    font-style: italic;
}

.articles-element .article-meta > span:last-child,
.document-element .article-meta > span:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.articles-element .article-meta .fa,
.document-element .article-meta .fa {
    margin-right: 5px;
}

.press-browse-link {
    display: inline-block;
    font-weight: 500;
    text-align: right;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}

/* annual report element */
.annual-report-element {
    width: 100%;
    position: relative;
}

.annual-report-element .annual-report-details {
    padding: 20px;
    min-height: 150px;
    background-color: #FFF;
    border: solid 1px #DADADA;
}

.annual-report-element .annual-report-details > * {
    margin-left: 100px;
}

.annual-report-element img {
    left: -20px;
    top: -20px;
    position: absolute;
    border-style: solid;
    border-width: 3px;
    box-sizing: none;
    max-width: 111px;
}

.annual-report-element h2 {
    margin-bottom: 5px;
    line-height: 1;
    font-weight: 500;
}

.annual-report-element a {
    font-weight: 600;
}

#annual-report-section .aligner-general > .annual-report-element {
    margin-bottom: 50px;
}

#annual-report-section .aligner-general > .annual-report-element:last-child {
    margin-bottom: 0;
}

/* document element */
.document-element {
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-top-width: 3px;
    border-left-color: #DADADA;
    border-bottom-color: #DADADA;
    border-right-color: #DADADA;
    padding: 30px;
    letter-spacing: 0.01em;
}

.document-element .document-header {
    text-align: center;
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: solid 1px #DADADA;
}

.document-element .document-subheading {
    text-transform: uppercase;
    color: #666;
    margin-bottom: 10px;
    line-height: 1;
}

.document-element .document-heading {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.document-element .document-content {
    font-size: 14px;
    width: 100%;
}

.document-element .document-content,
.document-element .document-content p {
    line-height: 1.9;
}

.document-element .document-content h3 {
    margin-top: 30px;
}

.document-element .document-content ol,
.document-element .document-content ul {
    margin-top: 10px;
    margin-bottom: 0;
}

.document-element .document-content ul {
    list-style: circle;
    padding-left: 40px;
}

.document-copyright {
    text-align: center;
    display: block;
    margin-top: 10px;
}

.document-element.press-article .document-heading {
    font-size: 23px;
    line-height: unset;
}

#press-article-content .document-element {
    overflow: scroll;
}

/* application heading element */
.application-heading-element {
    color: #FFF;
    padding: 70px 0px;
}

/* application form */
#application-form {
    width: 100%;
    background-color: #FFF;
}

#application-form > section {
    width: 100%;
}

#application-form .form-section-devider {
    margin-bottom: 30px;
    padding-top: 100px;
    margin-left: 20px;
    margin-right: 20px;
}

#application-form .form-section-devider span {
    font-weight: 400;
    white-space: nowrap;
    font-size: 22px;
}

#application-form .form-section-title {
    width: 100%;
    text-align: center;
}

#application-form .form-section-title h2 {
    text-transform: uppercase;
    text-decoration: underline;
}

#application-form .form-section-status {
    text-align: right;
}

#application-form .form-section-counter span {
    font-weight: 700;
}

#application-form .form-section-devider .columns-container > div {
    vertical-align: bottom;
}

.form-section-devider .columns-container {
    table-layout: fixed;
}

#application-form .form-section-arrow-next {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    pointer-events: none;
}

#application-form.disable-application-inputs input,
#application-form.disable-application-inputs textarea,
#application-form.disable-application-inputs label,
#application-form.disable-application-inputs .inputs-group-container {
    pointer-events: none;
    cursor: not-allowed;
}

.padding-30 {
    padding: 30px;
}
.padding-30-lr {
    padding-left: 30px;
    padding-right: 30px;
}
.margin-b-30 {
    margin-bottom: 30px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-right-30 {
    margin-right: 30px;
}
.margin-left-0 {
    margin-left: 0 !important;
}
.margin-right-0 {
    margin-right: 0 !important;
}
.margin-top-0 {
    margin-top: 0 !important;
}

/* input styles */
.form-input-styles-application input.form-input-text-style,
.form-input-styles-application textarea {
    border: 0;
    outline: 0;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    border-bottom-color: #C7C7C7;
    padding: 0px 5px 5px 5px;
    font-size: 18px;
    background-color: transparent;
    transition: border-bottom-color 0.1s;
}

.form-input-styles-application textarea {
    width: 100%;
    height: 150px;
    vertical-align: top;
}

.form-input-styles-application input.form-input-text-style:focus,
.form-input-styles-application textarea {
    transition: border-bottom-color 0.3s;
}

.form-input-styles-application input.form-input-text-style:not(:focus):hover,
.form-input-styles-application textarea:not(:focus):hover {
    border-bottom-color: #464646;
}

.form-input-container {
    width: 100%;
}

.form-input-container label {
    display: block;
    line-height: 1;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}

.form-input-container input {
    width: 100%;
}

.inputs-group-container {
    border-left-style: solid;
    border-left-width: 3px;
    border-color: #C7C7C7;
    margin-left: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: hidden;
    transition: border-left-color 0.1s;
    position: relative;
}

.inputs-group-container .inputs-group-label {
    display: block;
    margin-bottom: 20px;
    margin-left: 10px;
    font-weight: 600;
    line-height: 1;
    font-size: 20px;
    color: #C7C7C7;
    transition: color 0.1s;
}

.inputs-group-container:not(.inputs-group-container-focus):hover .inputs-group-label {
    color: #464646;
}

.inputs-group-container:not(.inputs-group-container-focus):hover {
    border-color: #464646;
}

.inputs-group-container.inputs-group-2-col .columns-container {
    border-spacing: 0;
}

.inputs-group-container.inputs-group-2-col .assets-liabilities-list {
    padding-left: 30px;
}

.inputs-group-container.inputs-group-2-col .assets-liabilities-list label {
    text-transform: uppercase;
    font-weight: 500;
    word-wrap: break-word;
}

#application-form .application-form-btn {
    margin: 20px 30px 0px 30px;
    line-height: 1;
    text-align: right;
}

#application-form .application-form-btn .app-btn {
    border: solid 1px;
    padding: 10px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    transition: 0.1s;
}

#application-form .application-form-btn .app-btn:hover {
    color: #FFF;
}

#application-form .application-form-btn .app-btn .fa {
    margin-right: 5px;
    pointer-events: none;
}

/* remove sections */
#application-form .application-form-btn .app-btn.app-btn-red {
    border-color: #FF4E50;
    color: #FF4E50;
    margin-right: 10px;
    border: 0;
    background-color: transparent;
}

#application-form .application-form-btn .app-btn.remove-sections-active {
    background-color: #FF4E50;
    color: #FFF;
}

#application-form .remove-sections-active-field {
    cursor: url('../img/remove-cursor.png'), crosshair;
}

#application-form .remove-sections-active-field > * {
    pointer-events: none;
}

#application-form .remove-sections-active-field,
#application-form .assets-liabilities-list .remove-sections-active-field:hover input {
    border-color: #FF4E50;
}

#application-form .remove-sections-active-field .inputs-group-label,
#application-form .remove-sections-active-field:hover label,
#application-form .assets-liabilities-list .remove-sections-active-field label,
#application-form .assets-liabilities-list .remove-sections-active-field:hover input {
    color: #FF4E50;
}

/* application header */
#application-form .application-header {
    width: 100%;
    margin-bottom: 100px;
    padding: 30px;
    font-size: 14px;
    border-bottom: solid 1px #DADADA;
}

#application-form .application-header img {
    width: 150px;
    margin-bottom: 5px;
}

#application-form .application-header address > span {
    display: block;
}

#application-form .application-header address > span > span {
    margin-right: 10px;
}

#application-form .application-header address > span > span:last-child {
    margin-right: 0;
}

.application-header-overlay {
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0px;
}

.application-header-overlay-ie11fix {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: top;
}

/* form boolean values container */
.form-boolean-values-container {
    width: 100%;
    border: solid 1px #DADADA;
    padding: 0px 20px 20px 20px;
    margin-top: 10px;
    background-position: 50%;
}

.form-boolean-values-container .form-boolean-text-inputs {
    padding: 10px;
    background-color: #FFF;
    border: solid 1px;
    border-bottom-width: 4px;
    border-color: inherit;
    margin-top: -10px;
    overflow: hidden;
    min-height: 106px;
    position: relative;
}

.form-boolean-values-container .form-boolean-text-inputs > p {
    padding-bottom: 20px;
    display: block;
}

.form-boolean-values-container .form-boolean-radio-inputs {
    display: block;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    bottom: 7px;
    left: 10px;
    right: 10px;
}

.form-boolean-values-container .form-boolean-radio-inputs > label {
    margin-left: 10px;
    padding-right: 5px;
    cursor: pointer;
}

.form-boolean-values-container input {
    cursor: pointer;
}

.form-boolean-values-container textarea {
    width: 100%;
    height: 85px;
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
    font-size: 18px;
    outline: 0;
    border: 0;
    resize: none;
    background-color: transparent;
}

.form-boolean-values-container.form-boolean-textarea-disabled {
    background-image: url('../img/diagonal-stripes.png');
}

.form-boolean-values-container.form-boolean-textarea-disabled textarea {
    visibility: hidden;
    pointer-events: none;
}

.form-boolean-values-container .input-replacement {
    padding: 20px 10px 0px 10px;
}

.columns-container > div > .form-boolean-values-container {
    margin-bottom: 40px;
}

.columns-container > div > .form-boolean-values-container:last-child {
    margin-bottom: 0;
}

ul.assets-liabilities-list > li {
    margin-bottom: 30px;
}

/* application signature field */
#application-signature-field {
    max-width: 500px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#application-signature-field canvas {
    vertical-align: top;
    cursor: url('../img/fountain-pen.png'), crosshair;
    background-image: url('../img/signature-area-bg.png');
    background-position: 50% 50%;
    background-size: contain;
}

#application-signature-field {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

#application-signature-field .form-boolean-text-inputs {
    margin-left: 20px;
    margin-right: 20px;
}

#application-signature-field.form-boolean-textarea-disabled canvas {
    pointer-events: none;
    visibility: hidden;
}

#canvas-signature-clear {
    position: absolute;
    top: 100%;
    right: 0px;
    margin-top: 10px;
    cursor: pointer;
    display: none;
}

#canvas-signature-clear span {
    font-family: 'Poppins', sans-serif;
    margin-left: 5px;
    font-weight: 400;
}

/* file upload trigger btn */
.file-upload-trigger-btn {
    display: block;
    width: 100%;
    cursor: pointer;
}

.file-upload-trigger-btn > .file-upload-label-container {
    padding: 10px;
    width: 100%;
    border: solid 1px #DADADA;
    display: table;
    border-spacing: 0;
}

.file-upload-trigger-btn .file-upload-label {
    font-weight: 500;
    display: block;
    line-height: 1;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.file-upload-trigger-btn .file-upload-label em {
    font-size: 13px;
    text-transform: initial;
}

.file-upload-trigger-btn .fut-filename .fa {
    margin-right: 5px;
}

.file-upload-trigger-btn > .file-upload-label-container > span {
    display: table-cell;
    vertical-align: middle;
}

.file-upload-trigger-btn .fut-filename {
    width: 100%;
    padding-right: 10px;
    line-height: 1.1;
}

.file-upload-trigger-btn .fut-filename span {
    font-size: 14px;
}

.file-upload-trigger-btn .fut-choosefile {
    padding: 10px;
    color: #FFF;
    text-align: right;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
}

.file-upload-trigger-btn input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/* agreement element */
.agreement-element {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0px 20px 20px 20px;
    border: solid 1px #DADADA;
    margin-top: 10px;
    margin-bottom: 30px;
}

.agreement-element p {
    border: solid 1px #DADADA;
    border-bottom-width: 4px;
    padding: 10px;
    margin-top: -10px;
    background-color: #FFF;
}

.agreement-element label {
    font-weight: 600;
    margin-top: 20px;
    display: block;
    cursor: pointer;
    text-align: center;
}

.agreement-element input {
    vertical-align: middle;
}

/* application buttons */
.application-buttons-container {
    width: 100%;
    background-color: #F7F7F9;
    padding: 30px 0px;
    border-top: solid 1px #DADADA;
    display: inline-block;
}

.application-buttons-container .btn-style-big {
    cursor: pointer;
}

.application-buttons-container .btn-style-plain {
    font-size: 20px;
    cursor: pointer;
    padding: 5px 10px;
    white-space: nowrap;
    margin: 10px;
    display: inline-block;
}

.application-buttons-container .btn-style-plain:first-child {
    margin-left: 0;
}

.application-buttons-container .btn-style-plain .fa {
    margin-right: 5px;
}

.application-buttons-container .columns-container > div {
    vertical-align: middle;
}

.application-buttons-container .g-recaptcha > div {
    margin: 0 auto;
}

/* disable input type number spinner */
#application-form input[type=number]::-webkit-inner-spin-button, 
#application-form input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0;
}

#application-form input[type=number] {
    -moz-appearance:textfield;
}

/* application status message */
.application-status-element {
    padding: 40px 20px;
    background-color: #FFF;
    color: #464646;
}

.application-status-element .fa {
    font-size: 50px;
    text-align: center;
    display: block;
}

.application-status-element h2 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #EDEDED;
}

.application-status-element ul {
    list-style: disc;
    list-style-position: inside;
}


/*==========================================================================
   FOOTER
==========================================================================*/
footer {
    width: 100%;
    background-color: #272932;
    color: #9B9EA9;
    border-top: solid 10px #202129;
    background-image: url('../img/worldmap.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    padding: 50px 0px !important;
    text-shadow: 0px 0px 3px black;
}

footer a {
    color: #FFF;
} 

footer a:hover {
    text-decoration: underline;
}

ul.inline-icons-list li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    line-height: 0;
    vertical-align: top;
    margin-top: 10px;
}

ul.inline-icons-list .fab {
    margin-right: 5px;
}





/*==========================================================================
   MEDIA QUERIES
==========================================================================*/
/* 1250 */
@media screen and (max-width: 1250px) {

    .aligner-general {
        max-width: 1000px;
    }

    /* columns container break 1250 */
    .columns-container.form-columns-container-break-1250 {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }

    .columns-container.form-columns-container-break-1250 > div {
        display: block;
        width: 100%;
        padding: 0;
    }

    .columns-container.form-columns-container-break-1250 button {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    #call-now-tab {
        float: none !important;
    }

}


/* 1000 */
@media screen and (max-width: 1000px) {
    
    .aligner-general {
        max-width: 750px;
    }

    /* HEADER */
    #header-heading-container h1 {
        font-size: 18px;
    }

    #header-logo-container img {
        width: 180px;
    }

    /* SECTIONS */
    .content-aligner,
    .billboard {
        padding: 70px 0px;
    }

    .content-aligner.aligner-sections-2 .aligner-section-1,
    .content-aligner.aligner-sections-2 .aligner-section-2 {
        display: block;
        width: 100%;
        padding: 0;
        float: none;
    }

    .content-aligner.aligner-sections-2.sections-border .aligner-section-1 {
        border-right: 0;
    }

    /* TEXT */
    .font-size-XL {
        font-size: 30px;
    }

    .text-el-heading-list ul {
        font-size: 18px;
    }

    /* FOOTER */
    footer,
    footer .text-align-right {
        text-align: center;
    }

    .aligner-section-2 {
        margin-top: 30px;
    }

    /* FLEXBOX COL */
    .flexbox-container > .flexbox-col,
    .flexbox-images-gallery > div {
        -webkit-box-flex: 1 1 calc(30% - 15px);
        -webkit-flex: 1 1 calc(30% - 15px);
        -ms-flex: 1 1 calc(30% - 15px);
        flex: 1 1 calc(30% - 15px);
    }

    /* application form */
    #application-form .form-section-devider .columns-container {
        font-size: 13px;
    }

    #application-form .columns-container.col-5 {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
        /*margin-bottom: -30px;*/
    }

    #application-form .columns-container > div {
        display: inline-block;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        margin-bottom: 30px;
    }

    #application-form .inputs-group-container > .columns-container {
        border-spacing: 15px 0px;
    }

    #application-form .responsive-index-items-end {
        margin-bottom: 0 !important;
    }

    #application-form .columns-container.responsive-borderspacing-adjust {
        border-spacing: 15px 0px;
    }

    .columns-container.margin-b-responsive-adjust {
        margin-bottom: 0;
    }

    .inputs-group-container.inputs-group-2-col .assets-liabilities-list {
        padding-left: 0;
    }

    .columns-container.columns-container-inputs-group-child .columns-container > div {
        display: block !important;
        float: none !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

    .columns-container.columns-container-inputs-group-child .columns-container > div.td-100 {
        margin-bottom: 5px !important;
    }

    .columns-container.columns-container-inputs-group-child .columns-container > div.td-small input {
        text-align: left;
    }

    ul.assets-liabilities-list > li {
        margin-bottom: 0;
    }

    .columns-container.columns-container-inputs-group-child .inputs-group-container .inputs-group-label {
        margin-bottom: 20px !important;
    }

    .columns-container.columns-container-inputs-group-child .inputs-group-container {
        margin-right: 0;
    }

    .application-buttons-container .columns-container,
    .application-buttons-container .columns-container > div {
        display: block !important;
        width: 100% !important;
        text-align: center;
        padding: 0;
    }

    .application-buttons-container .columns-container .g-recaptcha {
        margin-top: 10px;
        margin-bottom: 20px;
    }

}


/* 880 */
@media screen and (max-width: 880px) and (min-width: 750px) {

    #header-navigation .nav-dropmenu:not(.nav-sub-dropmenu) {
        margin-left: -60px;
    }
    
}


/* 750 */
@media screen and (max-width: 750px) { /* IMPORTANT: if changing the max-width, update also in main.js file within window resize event */

    #call-now-tab {
        display: none !important;
    }

    /* HEADER */
    #header-top > .aligner-general {
        display: block;
    }

    #header-logo-container,
    #header-heading-container {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    #header-top {
        background-image: none;
    }

    #header-logo-container {
        margin-bottom: 10px;
    }

    #header-nav-primary {
        display: none;
    }

    #toggle-responsive-menu {
        display: inline-block !important;
    }

    /* mobile navigation */
    #header-nav-primary {
        position: fixed;
        top: 37px;
        bottom: 0px;
        left: 0px;
        background-color: #F7F7F9;
        width: 100%;
        overflow: scroll;
        padding-left: 30px;
        padding-right: 30px;
    }

    #header-nav-primary > li {
        display: block;
        margin-right: 0;
        border-bottom: solid 1px #DADADA;
    }

    #header-nav-primary > li > a {
        display: block;
    }

    #header-nav-primary .nav-dropmenu {
        position: relative;
        box-shadow: none;
        border-top: none;
        left: 10px;
        padding: 0;
        /*max-width: 260px;*/
        width: 100%;
        background-color: inherit;
    }

    #header-nav-primary .nav-sub-dropmenu {
        left: 20px;
    }

    #header-navigation > .aligner-general > ul > li > a.nav-active-tab {
        padding-left: 15px;
    }

    #header-navigation > .aligner-general > ul > li > a.nav-active-tab:before {
        width: 2px;
        height: 100%;
        padding: 0;
        margin-left: 0px;
    }

    #header-navigation > .aligner-general > ul > li > a.nav-active-tab:after {
        left: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto 0;
        border-top-color: transparent;
        border-left-color: inherit;
        margin-left: 0px;
    }

    #header-navigation > .aligner-general > ul > li > a.nav-active-tab[href='#']:after {
        display: none;
    }

    #header-navigation .nav-dropmenu a.nav-active-tab:before {
        display: none;
    }

    #header-navigation .nav-dropmenu a.nav-active-tab:after {
        left: -9px;
    }

    #header-navigation .nav-dropmenu.dropmenu-display-block-mobile {
        display: block;
    }

    #header-navigation #header-tel {
        display: inline-block !important;
    }

    /* application form */
    #application-form .form-section-devider .columns-container {
        display: block;
    }

    #application-form .form-section-devider .columns-container > div {
        width: 100% !important;
        display: block !important;
        text-align: left;
    }

    #application-form .form-section-devider .columns-container > div:last-child {
        margin-bottom: 0;
    }

    #application-form .form-section-devider .form-section-title h2 {
        white-space: normal;
    }

    .agreement-element {
        font-size: 14px;
    }

    /* columns container */
    .columns-container:not(.default-responsive-off) {
        display: block;
    }

    .columns-container:not(.default-responsive-off) > div {
        width: 100% !important;
        display: block !important;
        float: none !important;
    }

    main:not(#application-page) .columns-container:not(.default-responsive-off) > div {
        margin-bottom: 30px !important;
    }

    #application-form .responsive-index-items-end.not-last {
        margin-bottom: 30px !important;
    }

    .columns-container:not(.default-responsive-off) > div:last-child {
        margin-bottom: 0;
    }

    /* aligner general */
    .aligner-general.aligner-general-no-padding {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /* form general */
    .form-general {
        padding-left: 30px;
        padding-right: 30px;
    }

    .form-general .form-general-loose-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .form-general > .columns-container {
        margin-bottom: 20px;
    }

    .application-heading-element {
        padding: 50px 0px;
    }

    .inputs-group-container .columns-container > div {
        padding-right: 0 !important;
    }

    .inputs-group-container {
        margin-right: 30px;
    }

    #application-form .columns-container.responsive-borderspacing-adjust > div {
        padding-left: 30px;
        padding-right: 30px;
    }

    .inputs-group-container .form-input-container.padding-30-lr {
        padding-right: 0;
        padding-left: 15px;
    }

    /* columns container break 1250 */
    .columns-container.form-columns-container-break-1250 {
        padding-left: 0;
        padding-right: 0;
    }

    /* document element */
    .document-element .document-heading {
        font-size: 26px;
    }

    /* spotlight */
    #spotlight-content {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* document element */
    .document-element .article-meta > span {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
    }

    /* card element */
    .card-element {
        min-height: auto;
    }

}


/* 630 */
@media screen and (max-width: 630px) {
    
    /* FLEXBOX COL */
    .flexbox-container > .flexbox-col,
    .flexbox-images-gallery > div {
        -webkit-box-flex: 1 1 calc(33.33333% - 15px);
        -webkit-flex: 1 1 calc(33.33333% - 15px);
        -ms-flex: 1 1 calc(33.33333% - 15px);
        flex: 1 1 calc(33.33333% - 15px);
    }

    /* APPLICATION */
    #application-form .application-header {
        padding: 15px;
    }

    #application-form .application-header address {
        font-size: 12px;
    }

    #application-form .application-header address > span {
        margin: 0;
        padding: 0;
    }

    #application-form .application-header address > span > span {
        display: block;
        margin: 0;
    }

    /* DOCUMENT ELEMENT */
    .document-element.press-article .document-heading {
        font-size: 20px;
    }

    /* SCROLL UP BTN */
    #scroll-up-btn {
        display: none !important;
    }

}


/* 500 */
@media screen and (max-width: 500px) {

    /* HEADER */
    #header-heading-container h1 {
        font-size: 13px;
    }

    /* PAGE HEADING */
    .page-heading {
        padding: 25px 0px;
    }

    .page-heading h1 {
        font-size: 28px;
    }

    /* TEXT */
    .font-size-L {
        font-size: 16px;
    }

    .font-size-XL {
        font-size: 23px;
    }

    .text-el-application img {
        width: 70px;
    }

    .text-el-application h1 {
        margin-top: 10px !important;
    }

    /* form general */
    .form-general {
        border: none;
    }

    .form-general .btn-style-outline {
        width: 100%;
    }

    /* tabs element */
    .tabs-element > .tabs-el-nav li {
        font-size: 15px;
        height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* annual report element */
    .annual-report-element .annual-report-details > * {
        margin-left: 0;
    }

    .annual-report-element img {
        position: relative;
        left: 0;
        top: 0;
    }

    /* application */
    #application-page .application-heading-element img {
        width: 70px;
    }

    #application-page > section > .aligner-general {
        padding-left: 5px;
        padding-right: 5px;
    }

    #application-form .form-section-title h2 {
        font-size: 19px;
    }
    
    .application-form-btn span {
        text-align: center;
        display: block;
        width: 100%;
    }

    .agreement-element {
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* contact details element */
    .contact-details-element .contact-details-item {
        font-size: 18px;
    }

}


/* 500 height */
@media screen and (max-height: 500px) {

    /* SPOTLIGHT */
    #spotlight-content {
        height: calc(100vh - 50px);
        padding: 10px;
        padding-bottom: 47px;
    }

    #spotlight-controls {
        height: 50px;
    }

    #spotlight-controls .fa,
    #spotlight-controls .far {
        font-size: 25px;
    }

    #spotlight-close {
        margin: 0 15px;
        padding: 0 15px;
    }

}


/* 440 height, 750 width */
@media screen and (max-height: 440px) and (min-width: 750px) {

    /* header dropmenu */
    body.fixed-header-navigation #header-navigation .nav-dropmenu > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
    }

}


/* 550 */
@media screen and (max-width: 550px) {

    /* FLEXBOX COL */
    .flexbox-container > .flexbox-col,
    .flexbox-images-gallery > div {
        -webkit-box-flex: 1 1 calc(50% - 15px);
        -webkit-flex: 1 1 calc(50% - 15px);
        -ms-flex: 1 1 calc(50% - 15px);
        flex: 1 1 calc(50% - 15px);
    }

}


/* 400 */
@media screen and (max-width: 400px) {

    /* aligner general */
    .aligner-general,
    #header-nav-primary {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* team element */
    .team-element .team-title-container h2 {
        font-size: 20px;
    }

    .team-element .team-title-container h3 {
        font-size: 14px;
    }

    /* document element */
    .document-element .document-heading {
        font-size: 20px;
    }

    .document-element {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* FLEXBOX COL */
    .flexbox-container > .flexbox-col,
    .flexbox-images-gallery > div {
        -webkit-box-flex: 1 1 calc(100% - 15px);
        -webkit-flex: 1 1 calc(100% - 15px);
        -ms-flex: 1 1 calc(100% - 15px);
        flex: 1 1 calc(100% - 15px);
    }

}


/* APPLICATION PRINT */
@media print {

    #application-form {
        font-size: 13px;
    }

    #application-form .application-header {
        margin-bottom: 20px;
        padding: 0 0 20px 0;
    }

    #application-form .form-section-devider {
        padding-top: 50px;
    }

    #application-form section,
    #application-form .inputs-group-container {
        page-break-inside: avoid;
    }

    #application-form .form-boolean-values-container {
        page-break-inside: avoid;
        padding-left: 0;
        padding-right: 0;
    }

    #application-form .form-boolean-values-container .form-boolean-text-inputs {
        margin-top: 0;
        border-left: 0;
        border-top: 0;
        border-right: 0;
    }

    #application-form .inputs-group-container[data-add-field-target="schedule-a"] {
        margin-bottom: 30px;
    }
    
    #application-form .columns-container {
        display: block;
        width: 100%;
        border-spacing: 0;
        padding: 0;
    }

    #application-form .columns-container > div {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
    }

    #application-form .inputs-group-container {
        padding-left: 15px;
        margin: 0 !important;
        width: 100%;
    }

    #application-form .form-input-container,
    #application-form .assets-liabilities-list {
        padding: 0 !important;
    }

    #application-form .assets-liabilities-list .columns-container {
        display: block !important;
        width: 100%;
    }

    #application-form .columns-container > div .td-100,
    #application-form .columns-container > div .td-small {
        width: 100% !important;
        padding: 0 !important;
        display: block !important;
        vertical-align: top;
    }

    #application-form .columns-container > div .td-100 {
        margin-bottom: 5px;
    }

    #application-form .assets-liabilities-list input {
        text-align: left;
    }

    #application-form .assets-liabilities-list > li {
        margin: 0;
    }

    /* hide whats unnecessary */
    header,
    footer,
    .application-heading-element,
    .application-buttons-container,
    .print-media-hide,
    #scroll-up-btn {
        display: none !important;
    }

    .application-form-btn {
        display: none;
    }

    #application-form {
        width: 100%;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

    #application-form input[type='text'],
    #application-form textarea {
        font-size: 11px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #application-form ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #application-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    #application-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    #application-form :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }

    #application-form textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    #application-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    #application-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    #application-form textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }


    /* show */
    #application-form .form-boolean-values-container textarea {
        visibility: visible;
    }

    #application-form .form-boolean-values-container {
        background-image: none;
    }

}