@font-face{
    font-family:"DIN Next LT W01 Light";
    src:url("/resources/themes/antec/webfonts/14aba99e-8c97-4daa-a8df-67920a051402.woff2") format("woff2"),url("/resources/themes/antec/webfonts/96fd6d6f-fad6-4dd9-ab70-29547a56cacd.woff") format("woff");
}
@font-face{
    font-family:"DIN Next LT W01 Regular";
    src:url("/resources/themes/antec/webfonts/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2") format("woff2"),url("/resources/themes/antec/webfonts/ccf25ada-6d2a-4133-95dc-deb039e22999.woff") format("woff");
}
@font-face{
    font-family:"DIN Next LT W01 Bold";
    src:url("/resources/themes/antec/webfonts/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"),url("/resources/themes/antec/webfonts/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff");
}
@font-face{
    font-family:"DIN Next W01 Light";
    src:url("/resources/themes/antec/webfonts/c74c6328-51c1-49c4-be9b-1edf2ba4f4a9.woff2") format("woff2"),url("/resources/themes/antec/webfonts29ee7381-ef5b-4609-ade0-46d61d61d9dd.woff") format("woff");
}
@font-face{
    font-family:"DIN Next W01 Regular";
    src:url("/resources/themes/antec/webfonts/21633fa6-1990-48b9-99b4-c8b26d501fbe.woff2") format("woff2"),url("/resources/themes/antec/webfonts9b336552-06ab-47a1-8681-4271cfcd8879.woff") format("woff");
}
@font-face{
    font-family:"DIN Next W01 Bold";
    src:url("/resources/themes/antec/webfonts/af9f1af3-6154-4b8a-9321-f75dfbd6aeed.woff2") format("woff2"),url("/resources/themes/antec/webfonts4417d4ec-cee0-4144-9027-19bf45376a33.woff") format("woff");
}

/* headings */
.typography h1,
.typography .h1,
.typography h1 a,
.typography .h1 a,
.typography .h1 *,
.typography h2,
.typography .h2,
.typography h2 a,
.typography .h2 a,
.typography h3,
.typography .h3,
.typography h3 a,
.typography .h3 a,
.typography h4,
.typography .h4,
.typography h4 a,
.typography .h4 a,
.typography h5,
.typography .h5,
.typography h5 a,
.typography .h5 a  {
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    display:block;
}

.typography h1,
.typography h1 a,
.typography .h1 a,
.typography .h1 ,
.typography .h1 *,
.typography h1 span,
.typography .h1 span,
.typography .h1 strong,
.typography h1 strong
{
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    position: relative;
    font-size: 60px;
    line-height: 68px;
    color: #00539f;
    margin-bottom: 20px;
}



.typography h1.small,
.typography .h1.small{
    font-size: 32px !important;
}

.typography h1.verysmall,
.typography .h1.verysmall{
    font-size: 24px !important;
}

.typography h1 + h2,
.typography .h1 + .h2,
.typography h1 + .h2 {
    margin-top: -12px;
    margin-bottom: 28px;
}

.typography h2,
.typography .h2,
.typography .h2 a,
.typography h2 a ,
.typography .h2 span,
.typography h2 span,
.typography h2 strong,
.typography h2 strong
{
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    display: block;
    position: relative;
    font-size: 44px;
    /*margin-bottom: 28px;*/
    line-height: 50px;
    color: #00539f;
}
.typography .inlinewith-h2
{
    line-height:26px;
}
.typography .h2 span,
.typography h2 span {
    color: #00539f;
}

.typography h2.small,
.typography .h2.small{
    font-size: 26px !important;
}

.typography h2.verysmall,
.typography .h2.verysmall{
    font-size: 20px !important;
}


.typography h2.simple:after{
    display: none;
}

.typography h3,
.typography .h3,
.typography .h3 a,
.typography h3 a,
.typography h3 span,
.typography .h3 span,
.typography .h3 strong,
.typography h3 strong
{
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    text-transform: none;
    position: relative;
    font-size: 32px;
    /*margin-bottom: 1em;*/
    line-height: 38px;
    color: #000;
}
.typography h3.small,
.typography .h3.small,
.typography .h3.small a,
.typography h3.small a {
    font-size: 18px;
    line-height: 1.2;
}

.typography h3 + h4 {
    margin-top: -6px;
}

.typography h4,
.typography .h4,
.typography .h4 a,
.typography h4 a,
.typography h4 span,
.typography .h4 span,
.typography .h4 strong,
.typography h4 strong
{
    font-size: 20px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 0.5em;
    text-transform: none;
}

.typography h5,
.typography .h5,
.typography .h5 a,
.typography h5 a,
.typography h5 span,
.typography .h5 span,
.typography .h5 strong,
.typography h5 strong
{
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.typography h6,
.typography .h6,
.typography .h6 a,
.typography h6 a,
.typography h6 span,
.typography .h6 span,
.typography .h6 span,
.typography h6 strong
{
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    color: #000;
    margin-bottom: 0.5em;
}



.typography .font_white,
.typography .font_white--all *,
.typography.font_white--all *
{
  color: #fff !important;
}
.typography .font_blue,
.typography .font_red
{
  color: #00539f !important;
}
.typography .font_yellow
{
    color:#ffd500 !important;
}
/* font_grey replace color in _form input */
.typography .font_grey
{
    color:#999 !important;
}

.typography .font_green
{
  color: #008a3d !important
}
.typography .font_red
{
    color:#00539f !important
}
.typography .font_small{
	font-size: 15px;
}

.typography p{
    margin-bottom: 1.5em;
    color:#000;
}
.typography .bold
{
    font-family:"DIN Next LT W01 Bold" !important;
}
.typography .regular
{
    font-family:"DIN Next LT W01 Regular" !important;
}
/* lists */
.typography ol,
.typography ul {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    margin-bottom: 1.5em;
}

.typography ol ol,
.typography ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.typography ol > li,
.typography ul:not(.slick-dots) > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 3px 28px; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
    color:#000;
}


.typography ul > li {
    margin: 0 0 3px 18px; /* Give each list item a left margin to make room for the numbers */
}

.typography ol > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: 10px;
    left: -28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    height: 28px;
    width: 28px;
    color: #fff;
    text-align: center;
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: bold;
    background-color: #00539f;
    line-height: 28px;
}

.typography ul:not(.slick-dots) > li:before {
    content: "";
    /* Position and style the number */
    position: absolute;
    top: 10px;
    left: -18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 5px;
    color: #fff;
    background-color: #00539f;
    height: 12px;
    width: 12px;
    font-weight: normal;
    text-align: center;
    font-size: 52px;
    line-height: 27px;
    list-style-type: square;
}
.typography.font_white--all ul > li:before,
.typography .text-white ul > li:before
{
    color:white !important;
    background-color:white !important;
}

.typography a:not(.button){
	color: #00539f;
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
}


.typography .left,
.typography .alignleft {
    float: left;
    margin: 0 1.5em 1.5em 0;
}

.typography .center,
.typography .aligncenter {
    float: none;
    margin: 0 auto;
}

.typography p + ul{
    margin-top: -18px;
}

/* images */
.typography .captionImage{
    display: inline-block;
}
.typography .center.captionImage
{
    display:block;
}

.typography .captionImage img {
    margin-bottom: 0 !important;
}

.typography img,
.typography .captionImage{
    max-width: 100%;
    height: auto;
}

.typography .captionImage p.caption {
    font-size: 14px;
    clear: both;
    padding: 6px;
    background: #00539f;
    width: 100%;
    margin: 0;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

section.typography img,
section.typography .captionImage{
    max-width: 100% !important;
    height: auto !important;
}


/* tables */
.typography table {
    border-collapse: collapse;
    margin-bottom: 1.5em;
	width: 100%;
}


.typography table td{
    border:0;
}

.typography tbody > tr > td,
.typography tbody > tr > th,
.typography tfoot > tr > td,
.typography tfoot > tr > th,
.typography thead > tr > td,
.typography thead > tr > th
.typography td {
    padding: 7px;
    line-height: 2;
    vertical-align: top;
}

.typography tr{
    border-bottom: 1px solid #ececec;
}

.typography tbody tr:last-child{
    /*border-bottom: 0;*/
}

.typography table thead td,
.typography table th{
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    color:#333;
}

.typography tr:hover {
    background: #eee;
}

.typography strong {
    font-family: 'DIN Next LT W01 Bold', Helvetica, sans-serif !important;
    font-weight: normal;
}

.typography .sneekpeek {
}

.typography .sneekpeek:after {
    font-family: FontAwesome;
    content: "\f002";
    color: #DF4B38;
    margin-left: 10px;
    font-size: 20px;
    position: absolute;
    margin-top: -6px;
}

/* misc */
.separator {
    height: 0;
    border-bottom: 2px dashed #74b0d4;
    margin-bottom: 18px;
    opacity: 0.5;
}

.img-fluid {
    max-width: 100%;
    height: auto !important;
}

.white-text,
.white-text *{
    color: #fff !important;
    background: transparent;
}
.white-text h1:after,
.white-text h2:after{
    background-color:#fff !important;
}

.tableofcontents {
    margin-bottom: 1rem !important;
}

.tableofcontents li {
    margin-left: 0;
    padding-left: 20px;
}

.tableofcontents li:before {
    display: none;
}

table.stacktable,
.stacktable {
}


.content__column a:not([href]) {
    position: relative;
    top: -140px;
    display: block;
    height: 1px;
    width: 1px;
    opacity: 0;
    background: red;
}

.headline__line {
    border-left-width: 4px !important;
    padding-left: 10px !important;
    border-left-style: solid !important;
}

.typography .font-black
{
    color:black !important;
}

.typography .font-blue
{
    color:#00539f !important;
}

.typography .font-grey
{
    color:#999 !important;
}

.white {
  color: #fff !important;
}

.green {
    color: #00539f !important;
}

.grey {
    color: #999 !important;
}

.font-14 *,
.font-14{
    font-size: 14px !important;
}

.font-16 *,
.font-16{
    font-size: 16px !important;
}


:not(.text-center) .subtitle {
    color: #00539f;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    font-family: 'DIN Next LT W01 Light', Helvetica, sans-serif !important;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 50px;
    display: block;
    margin-bottom: 10px;
}


.text-center .subtitle {
    padding-left: 0px;
}

.subtitle:before{
    content: '';
    background-color: #00539f;
    width: 40px;
    border-bottom: 1px solid #00539f;
    position: relative;
    left: -50px;
    display: block;
    bottom: -15px;
}

.text-center .subtitle:before{
    display: none;
}

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

    .typography h1,
    .typography h1 a,
    .typography .h1 a,
    .typography .h1 ,
    .typography h1 span,
    .typography .h1 span{
        font-size: 46px;
        line-height: 52px;
        margin-bottom: 12px;
    }

    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 12px;
    }
    .typography .inlinewith-h2
    {
        line-height:28px;
    }

    .typography h3,
    .typography .h3,
    .typography .h3 a,
    .typography h3 a,
    .typography .h3 span,
    .typography h3 span{
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 12px;
    }

    .typography h3 + h4 {
        margin-top: -6px;
    }

    .typography h4,
    .typography .h4,
    .typography .h4 a,
    .typography h4 a,
    .typography .h4 span,
    .typography h4 span{
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 0.5em;
    }

    .typography h5,
    .typography .h5,
    .typography .h5 a,
    .typography h5 a,
    .typography .h5 span,
    .typography h5 span{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0.5em;
    }

    .typography h6,
    .typography .h6,
    .typography .h6 a,
    .typography h6 a,
    .typography .h6 span,
    .typography h6 span{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0.5em;
    }

    .hero__carousel p{
        font-size: 16px !important;
    }

    .typography h1 + h2,
    .typography .h1 + .h2,
    .typography h1 + .h2 {
        margin-bottom: 0px;
    }

    .typography h1.small,
    .typography .h1.small{
        font-size: 26px !important;
    }

    .typography h2.small,
    .typography .h2.small{
        font-size: 26px !important;
    }

}

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

    .typography h1,
    .typography h1 a,
    .typography .h1 a,
    .typography .h1 ,
    .typography h1 span,
    .typography .h1 span{
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 12px;
    }
    .typography .inlinewith-h2
    {
        line-height:28px;
    }

    .typography h3,
    .typography .h3,
    .typography .h3 a,
    .typography h3 a,
    .typography .h3 span,
    .typography h3 span{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .typography h3 + h4 {
        margin-top: -6px;
    }

    .typography h4,
    .typography .h4,
    .typography .h4 a,
    .typography h4 a,
    .typography .h4 span,
    .typography h4 span{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0.5em;
    }

    .typography h5,
    .typography .h5,
    .typography .h5 a,
    .typography h5 a,
    .typography .h5 span,
    .typography h5 span{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0.5em;
    }

    .typography h6,
    .typography .h6,
    .typography .h6 a,
    .typography h6 a,
    .typography .h6 span,
    .typography h6 span{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0.5em;
    }

    .hero__carousel p{
        font-size: 16px !important;
    }

    .typography h1 + h2,
    .typography .h1 + .h2,
    .typography h1 + .h2 {
        margin-bottom: 0px;
    }

    .typography h1.small,
    .typography .h1.small{
        font-size: 26px !important;
    }

    .typography h2.small,
    .typography .h2.small{
        font-size: 26px !important;
    }

}


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

    .typography h1,
    .typography h1 a,
    .typography .h1 a,
    .typography .h1 ,
    .typography h1 span,
    .typography .h1 span{
        font-size: 34px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px;
    }
    .typography .inlinewith-h2
    {
        line-height:28px;
    }

    .typography h3,
    .typography .h3,
    .typography .h3 a,
    .typography h3 a,
    .typography .h3 span,
    .typography h3 span{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .typography h3 + h4 {
        margin-top: -6px;
    }

    .typography h4,
    .typography .h4,
    .typography .h4 a,
    .typography h4 a,
    .typography .h4 span,
    .typography h4 span{
        font-size: 20px;
        margin-bottom: 0.5em;
    }

    .typography h5,
    .typography .h5,
    .typography .h5 a,
    .typography h5 a,
    .typography .h5 span,
    .typography h5 span{
        font-size: 18px;
        margin-bottom: 0.5em;
    }

    .typography h6,
    .typography .h6,
    .typography .h6 a,
    .typography h6 a,
    .typography .h6 span,
    .typography h6 span{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 0.5em;
    }

    .hero__carousel p{
        font-size: 16px !important;
    }

    .typography h1 + h2,
    .typography .h1 + .h2,
    .typography h1 + .h2 {
        margin-bottom: 0px;
    }

    .typography h1.small,
    .typography .h1.small{
        font-size: 26px !important;
    }

    .typography h2.small,
    .typography .h2.small{
        font-size: 26px !important;
    }
    :not(.text-center) .subtitle {
        font-size: 14px;
    }
}