/*! fonts.css */

/*=======================================
        Typography including headings
 =======================================*/

@charset "UTF-8";


@font-face {
    font-family: "ato-font-family";
    src: url("../fonts/ato-font-family.eot");
    src: url("../fonts/ato-font-family.eot?#iefix") format("embedded-opentype"), url("../fonts/ato-font-family.woff") format("woff"), url("../fonts/ato-font-family.ttf") format("truetype"), url("../fonts/ato-font-family.svg#ato-font-family") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ato-font-family-v2";
    src: url("../fonts/ato-font-family-v2.eot");
    src: url("../fonts/ato-font-family-v2.eot?#iefix") format("embedded-opentype"),
         url("../fonts/ato-font-family-v2.woff") format("woff"),
         url("../fonts/ato-font-family-v2.ttf") format("truetype"),
         url("../fonts/ato-font-family-v2.svg#ato-font-family-v2") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/swis721_roman-webfont.eot");
    src: url("../fonts/swis721_roman-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/swis721_roman-webfont.woff") format("woff"),
         url("../fonts/swis721_roman-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/swis721_roman-webfont.eot");
    src: url("../fonts/swis721_roman-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/swis721_roman-webfont.woff") format("woff"),
         url("../fonts/swis721_roman-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/swis721_roman-webfont.eot");
    src: url("../fonts/swis721_roman-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/swis721_roman-webfont.woff") format("woff"),
         url("../fonts/swis721_roman-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/swis721_roman-webfont.eot");
    src: url("../fonts/swis721_roman-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/swis721_roman-webfont.woff") format("woff"),
         url("../fonts/swis721_roman-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/swis721_roman-webfont.eot");
    src: url("../fonts/swis721_roman-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/swis721_roman-webfont.woff") format("woff"),
         url("../fonts/swis721_roman-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/swis721_roman-webfont.eot");
    src: url("../fonts/swis721_roman-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/swis721_roman-webfont.woff") format("woff"),
         url("../fonts/swis721_roman-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}


html {
    font-size: 62.5%; /* Overrides Bootstraps 14px and sets a default base font size against browser default 16px - equivelent to 10px or 8pt */
}

body {
    font-family: "swiss721bt", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
	font-size: 1.5rem;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.1em;
    color: inherit;
}

h1 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 100;
}

h2 {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 100;
}

h3 {
    font-size: 16px;
    font-size: 1.6rem;
}

h4 {
    font-size: 13px;
    font-size: 1.3rem;
	font-weight: bold;
}

h5 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
}

a, a:hover, a:focus {
    color: #4466da;
    text-decoration: underline;
}
#accordionWizard a, #accordionWizard a:hover, #accordionWizard a:focus{
    color: inherit;
    text-decoration: none;
}
.text-red {
    color: #A94442;
}

@media (min-width: 769px) {

    
	body {
        font-size: 17px;
        font-size: 1.7rem;		
	}

	h1 {
        font-size: 33px;
        font-size: 3.3rem;
    }

    h2 {
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: 100;
    }

    h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }

}

@media (min-width: 992px) {

}

@media (min-width: 992px) and (max-width: 1200px) {
}

@media (min-width: 1200px) {
}


[data-icon]:before {
    font-family: "ato-font-family-v2" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "ato-font-family-v2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


button[data-icon]:before,
a.btn[data-icon]:before {
    display: none;
}

button[data-icon]:after,
a.btn[data-icon]:after {
    font-family: "ato-font-family-v2" !important;
    content: attr(data-icon);
    padding-left: 5px;
    vertical-align: middle;
    font-weight: normal;
    speak: none;
}

a.btn[data-icon]:after {
    vertical-align: baseline;
}

.mobile-header [class*=" icon-"].icon-user:before {
    content: "\e008";
    font-family: 'Glyphicons Halflings'!important;
}

.icon-info:before {
    content: "i";
}

.icon-home:before {
    content: "H";
}

.icon-radio-btn:before {
    content: "r";
}

.icon-tick-filled:before {
    content: "t";
}

.icon-user-account:before {
    content: "u";
}

.icon-minus:before {
    content: "m";
}

.icon-plus:before {
    content: "p";
}

.-logo-ato:before {
    content: "l";
}

.icon-checkbox-unticked:before {
    content: "a";
}

.icon-checkbox-ticked:before {
    content: "b";
}

.icon-checkbox-disabled:before {
    content: "c";
}

.icon-close:before {
    content: "x";
}

.icon-exit:before {
    content: "X";
}
.icon-error-alert:before {
    content: "W";
}

.icon-error:before {
    content: "e";
}

.icon-accordion-expand:before {
    content: "g";
}

.icon-arrow-left:before {
    content: "k";
}

.icon-arrow-right:before {
    content: "j";
}

.icon-accordion-collapse:before {
    content: "h";
}

.icon-accordion-click:before {
    content: "j";
}

.icon-tick:before {
    content: "v";
}
.icon-tooltip:before {
    content: "Q";
}

.icon-warning-sign-circle:before {
    content: "q";
}

.icon-menu:before {
    content: "s";
}

.icon-warning-sign:before {
    content: "w";
}

.icon-radio-btn-disabled:before {
    content: "f";
}

.icon-danger:before {
    content: "d";
}

.icon-print:before {
    content: "z";
}

.icon-calendar:before {
    content: "y";
}

.icon-file:before {
    content: "n";
}

.icon-login:before {
    content: "u";
}

.icon-pre-fill:before {
    content: "D";
}
.icon-ato-information:before {
    content: "I";
}
.icon-help:before {
    content: "?";
}
.icon-flag:before {
    content: "F";
}

.color-orange:before {
    color: #E67620;
}