html {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
text-align: left;
-webkit-text-size-adjust: 100%;
}
body {
background: #ffffff;
font-size: 1em;
line-height: 1.64;
}
@media only screen and (min-width: 768px) {
.ixp-responsive body {
font-size: 100%;
}
}
@media only screen and (min-width: 992px) {
.ixp-responsive body {
font-size: 100%;
}
}
@media only screen and (min-width: 1200px) {
.ixp-responsive body {
font-size: 100%;
}
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-Light.eot');
src: url('SegoePro-Light.eot?#iefix') format('embedded-opentype'), url('SegoePro-Light.woff') format('woff'), url('SegoePro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-BoldItalic.eot');
src: url('SegoePro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('SegoePro-BoldItalic.woff') format('woff'), url('SegoePro-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-Bold.eot');
src: url('SegoePro-Bold.eot?#iefix') format('embedded-opentype'), url('SegoePro-Bold.woff') format('woff'), url('SegoePro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-LightItalic.eot');
src: url('SegoePro-LightItalic.eot?#iefix') format('embedded-opentype'), url('SegoePro-LightItalic.woff') format('woff'), url('SegoePro-LightItalic.ttf') format
('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-SemiboldItalic.eot');
src: url('SegoePro-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('SegoePro-SemiboldItalic.woff') format('woff'), url('SegoePro-SemiboldItalic.ttf') format
('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-Semibold.eot');
src: url('SegoePro-Semibold.eot?#iefix') format('embedded-opentype'), url('SegoePro-Semibold.woff') format('woff'), url('SegoePro-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro-Italic.eot');
src: url('SegoePro-Italic.eot?#iefix') format('embedded-opentype'), url('SegoePro-Italic.woff') format('woff'), url('SegoePro-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Segoe Pro';
src: url('SegoePro.eot');
src: url('SegoePro.eot?#iefix') format('embedded-opentype'), url('SegoePro.woff') format('woff'), url('SegoePro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1 {
color: #000000;
font-size: 3em;
line-height: 1.2;
padding-bottom: 0.4em;
}
h2 {
color: #000000;
font-size: 1.75em;
line-height: 1.2;
padding-bottom: 0.3em;
}
h3 {
color: #000000;
font-size: 1.4em;
line-height: 1.2;
padding-bottom: 0.3em;
}
h4 {
color: #000000;
font-size: 1.2em;
}
p {
padding: 0;
}
.font-base {
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-weight: 300;
}
.font-base h3 {
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-weight: 300;
}
.font-c {
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-weight: 600;
}
.font-c h2 {
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-weight: 600;
}
.font-d {
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
}
.font-d h1 {
font-family: 'Segoe Pro', Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
}
.font-base {
-ixp-name: "Segoe Pro Light";
-ixp-tags: "Fonts";
-ixp-group: "font";
-ixp-scope: "ContainerLike,Text,Link";
}
.font-c {
-ixp-name: "Segoe Pro Semi Bold";
-ixp-tags: "Fonts";
-ixp-group: "font";
-ixp-scope: "ContainerLike,Text,Link";
}
.font-d {
-ixp-name: "Segoe Pro Bold";
-ixp-tags: "Fonts";
-ixp-group: "font";
-ixp-scope: "ContainerLike,Text,Link";
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.align-right {
-ixp-name: "Right Align";
-ixp-tags: "Alignment";
-ixp-group: "alignment";
-ixp-scope: "Text,Link,ContainerLike";
}
.align-center {
-ixp-name: "Center Align";
-ixp-tags: "Alignment";
-ixp-group: "alignment";
-ixp-scope: "Text,Link,ContainerLike";
}
a {
color: #0078d7;
display: inline;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
color: #0078d7;
text-decoration: underline;
}
.color-a {
color: #ffffff !important;
}
.color-a h1,
.color-a h2,
.color-a h3,
.color-a h4,
.color-a p {
color: #ffffff;
}
.color-e {
color: #e81123 !important;
}
.color-a {
-ixp-name: "White";
-ixp-tags: "Color";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.color-e {
-ixp-name: "Red";
-ixp-tags: "Color - Primary";
-ixp-group: "color";
-ixp-scope: "Text,Link";
}
.background-a {
background: #ffffff;
}
.background-j {
background: #0078d7;
}
.background-a {
-ixp-name: "White Background";
-ixp-tags: "Backgrounds";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.background-j {
-ixp-name: "Blue Background";
-ixp-tags: "Backgrounds - Primary";
-ixp-group: "background";
-ixp-scope: "ContainerLike,StyleOnly,CustomForm,ChoiceGroup,Flow,FlowStep,FullPageSection,FullPageSubsection";
}
.button {
border: none;
cursor: pointer;
display: inline-block;
margin: 0.5em 0;
overflow: visible;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-appearance: none;
line-height: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.button:hover {
text-decoration: none !important;
}
.button:after {
margin: 0 0 0 0.85em;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: inline-block;
}
.button-a {
background: #0078d7;
color: #ffffff !important;
}
.button-a:hover {
background: #002050;
background-color: #002050;
color: #ffffff !important;
}
.button-medium {
font-size: 1em;
padding: 0.85em 1.5em;
text-align: center;
}
.button.button-a.button-medium {
-ixp-name: "Blue (medium)";
-ixp-tags: "Buttons";
-ixp-group: "buttons";
-ixp-scope: "Link,Text";
}
.ixp-component-form-style-brand-brand {
-ixp-name: "Style: Microsoft";
-ixp-tags: "Form";
-ixp-group: "customform";
-ixp-scope: "CustomForm";
-ixp-default: "true";
}