/* ========================
     FONTS
========================*/
/* Omnes */
/* Aleck */
/* Arial */
/* ========================
     COLORS
========================*/
/* global colors */
/* misc callout colors */
/* tab colors */
/* super text colors */
/* site colors */
/* green */
/* blue */
/* dark blue */
/* lighht orange */
/* light orange */
/* diversity colors */
/* ========================
     SIZES
========================*/
/* ========================
    MIXINS
========================*/
.clearfix, .component [class*='-background'].headline {
  zoom: 1; }
  .clearfix:before, .component [class*='-background'].headline:before, .clearfix:after, .component [class*='-background'].headline:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after, .component [class*='-background'].headline:after {
    clear: both; }

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

h2 {
  font-size: 1.5em;
  margin: .83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: .83em;
  margin: 1.67em 0; }

h6 {
  font-size: .67em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browsehappy {
  margin: 0.2em 0;
  background: #CCCCCC;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Custom styles: mobile first
   ========================================================================== */
/* ========================
    FONTS/TYPOGRAPHY
 ========================*/

/* Omnes Font Replacements */

@font-face {
    font-family: 'Omnes';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Omnes-Italic';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Omnes-Light';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Omnes-Light-Italic';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Omnes-Medium';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Omnes-Medium-Italic';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.svg#webfont") format("svg");
}

/* Aleck Font Replacements */

@font-face {
    font-family: 'Aleck';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Rg.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Aleck-Italic';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_It.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Aleck-Light';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Lt.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Aleck-LightItalic';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_LtIt.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Aleck-Medium';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_Md.svg#webfont") format("svg");
}
@font-face {
    font-family: 'Aleck-MediumItalic';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/Aleck/ATTAleckSans_W_MdIt.svg#webfont") format("svg");
}

/* ATT Icon Font */

@font-face {
    font-family: 'ATT_Icons';
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/ATT_Icons/att-icons.eot");
    src: url("/ui/corpcomm_internet_attus/1.0.0/fonts/ATT_Icons/att-icons.eot?#iefix") format("embedded-opentype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/ATT_Icons/att-icons.woff") format("woff"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/ATT_Icons/att-icons.ttf") format("truetype"), url("/ui/corpcomm_internet_attus/1.0.0/fonts/ATT_Icons/att-icons.svg#webfont") format("svg");
    font-weight: 400;
    font-style: normal;
}

/* typography.css */

html {
  font-size: 100.01%; }

body {
  font-size: 62.5%;
  color: #191919;
  font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-top: 0; }

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

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

p {
  margin: 0 0 1.5em; }

.left {
  float: left; }

p .left {
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0; }

.right {
  float: right; }

p .right {
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0; }

a {
  color: #0568AE;
  text-decoration: underline; }

blockquote {
  margin: 1.5em;
  font-style: italic; }

strong, dfn {
  font-weight: bold; }

em, dfn {
  font-style: italic; }

sup, sub {
  line-height: normal; }

abbr, acronym {
  border-bottom: 1px dotted #5a5a5a; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #5a5a5a; }

pre {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0; }

ul, ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 25px; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #f3f3f3; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

tbody tr:nth-child(even) td, tbody tr.even td {
  background: #f3f3f3; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.hide {
  display: none; }

.quiet {
  color: #5a5a5a; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #FFF; }

.removed {
  background: #900;
  color: #FFF; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

img {
  height: auto;
  max-width: 100%; }

iframe {
  border: none;
  max-width: 100%; }

/* ========================
    HEADER/NAVIGATION
 ========================*/
html {
  background: none !important; }

body {
  min-width: 0;
  width: 100%; }

#wrapper {
  background: #e8e8e8;
  background: -moz-linear-gradient(top, #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(6%, #ebebeb), color-stop(10%, #eeeeee), color-stop(10%, #f0f0f0), color-stop(11%, #efefef), color-stop(21%, #f9f9f9), color-stop(30%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
  background: -o-linear-gradient(top, #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
  background: linear-gradient(to bottom, #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
  height: 100%;
  position: relative;
  width: 100%; }

.no-cssgradients #wrapper {
  background: #FFF url("/ui/corpcomm_internet_attus/1.0.0/images/icons/bkg_wrapper.jpg") 0 0 repeat-x; }

#container {
  width: 100%; }

#page {
  width: 100%; }

#mainNavigation {
  z-index: 4; }

#content-container, .ie7 #content-container, .ie8 #content-container, .lt-ie9 #content-container {
  background: none;
  box-shadow: none;
  margin: 0 auto 15px;
  padding: 0;
  width: 100%;
  z-index: 3; }

.ie7 .ie-top-shadow, .ie8 .ie-top-shadow, .lt-ie9 .ie-top-shadow,
.ie7 .ie-bottom-shadow, .ie8 .ie-bottom-shadow, .lt-ie9 .ie-bottom-shadow {
  background: none;
  height: auto;
  margin: 0;
  width: auto; }

#content, .ie7 #content, .ie8 #content, .lt-ie9 #content {
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto; }

#main-content *, #full-content * {
  color: inherit;
  font-size: 100%;
  line-height: inherit; }

/* ========================
    COLUMN LAYOUT
 ========================*/
.layout-container {
  margin: 0 auto;
  max-width: 974px; }

.row {
  margin: 0 auto;
  max-width: 894px;
  width: 91.78%; }

/* ========================
    COMPONENT STYLES
 ========================*/
.component {
  border-bottom: 1px solid;
  margin-bottom: 60px;
  padding-bottom: 45px; }

.component .component {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.component.last-child {
  border: none; }

.component.no-border {
  border: none;
  padding-bottom: 0; }

.component.no-bottom-margin {
  margin-bottom: 0; }

.component.align-right > div {
  float: right; }

.component h1 {
  color: #FFF;
  font-family: "Omnes-Light", Arial, Helvetica, sans-serif;
  font-size: 40px;
  margin: 0; }

.component h1 strong {
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-weight: normal; }

.component h2 {
  font-family: "Omnes-Light", Arial, Helvetica, sans-serif;
  font-size: 42px;
  line-height: 46px;
  margin: 0; }

.col-1-3 .component h2 {
  font-size: 38px;
  line-height: 42px; }

.component h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  margin: 20px 0 0; }

.component p, .component li, .component th, .component td, .component dt, .component dd, .component blockquote {
  font-size: 16px;
  line-height: 23px; }

.component .small {
  font-size: 14px; }

.component .x-small {
  font-size: 12px; }

.component p, .component ul, .component ol, .component table, .component dl {
  margin: 20px 0 0; }

.component ul ul, .component ol ul {
  margin: 0;
  list-style-type: circle; }

.component ol ol {
  margin: 0; }

.component a {
  color: #0568AE;
  font-weight: bold; }

.component .meta {
  font-size: 15px;
  font-style: italic;
  font-weight: bold;
  margin-top: 2px; }

.component .meta span {
  margin-right: 3px; }

.component .cta {
  margin-top: 30px; }

.component img {
  border-radius: 3px;
  margin-top: 20px; }
  .component img.no-margin {
    margin-top: 0; }

.component img.right, .component img.left {
  float: none; }

.component .separator {
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-top: 30px; }

/* HAMBURGER STACK */
.component .menuButton {
  border-radius: 3px;
  cursor: pointer;
  display: block;
  float: right;
  height: 17px;
  margin: 14px 15px 0 16px;
  padding: 6px;
  width: 20px; }

.component .menuButton .icon-bar {
  display: block;
  background: #FFF;
  height: 3px;
  margin-bottom: 4px;
  width: 20px; }

/* EMBEDDED CONTENT */
.embed-wrapper {
  max-width: 100%;
  overflow: auto; }

.video-wrapper {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative; }

.instagram-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 120%;
  position: relative; }

.video-wrapper iframe, .instagram-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.component .video-wrapper, .component .instagram-wrapper {
  margin-top: 20px; }

.fb-like.fb_iframe_widget {
  overflow: hidden; }

/* VIDEO EMBED IN REFERENCE PAGE DIALOG BOX*/
#cq-paragraphreference-data .cq-paragraphreference-paragraph {
  position: relative; }

#cq-paragraphreference-data .cq-paragraphreference-paragraph .video-wrapper {
  box-sizing: border-box;
  height: 100%;
  padding: 5px;
  width: 100%; }

#cq-paragraphreference-data .cq-paragraphreference-paragraph .video-wrapper iframe {
  position: relative; }

/* SOCIAL SHARING */
.social-share, .connect-social {
  margin-bottom: 7px; }

.blog .social-share, #mega-footer .social-share {
  margin-top: 30px;
  margin-bottom: 0; }

.social-share p {
  color: #333;
  display: inline;
  float: left;
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1 !important;
  margin: 0 10px 0 0;
  padding-top: 0; }

.social-share .share-icons {
  clear: none;
  float: left; }

.share-icons a {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  font-family: "ATT_Icons";
  font-size: 25px;
  color: #5A5A5A; }

.share-icons a:hover {
  color: #009FDB;
}

.share-icons a:after {
  font-family: inherit;
  font-weight: normal;
  color: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.share-icons a img {
  display: none;
  margin-top: 0; }

.share-icons a:last-child {
  margin-right: 0; }

.share-icons a.st_facebook_custom:after {
  content: "\e905";
}
.share-icons a.st_twitter_custom:after {
  content: "\e914";
}
.share-icons a.st_linkedin_custom:after {
  content: "\e90c";
}
.share-icons a.st_email_custom:after {
  content: "\e904";
}

/* CONNECT SOCIAL */
.connect-social p {
  display: inline;
  float: left;
  font-size: 1.2em;
  margin: 0 10px 0 0; }

#mega-footer .connect-social p {
  color: #007bb7; }

.connect-social ul {
  float: left;
  margin: 0;
  padding: 0; }

.connect-social li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px; }

.connect-social li:last-child {
  margin-right: 0; }

.component .connect-social p {
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 17px;
  padding-top: 3px; }

.component .connect-social p a {
  color: #333;
  font-weight: normal; }

.component .connect-social ul {
  list-style: none; }

.component .connect-social img {
  margin: 0; }

/* PAGINATION */
.pagination {
  text-align: center; }

.pag-btn {
  display: inline;
  margin: 0 30px;
  width: 85px; }

.pag-btn p {
  color: #0568AE;
  cursor: pointer;
  display: inline;
  font-weight: bold; }

.pagination .pag-btn a {
  color: #0568AE;
  cursor: pointer;
  display: inline;
  font-weight: bold !important;
  font-size: 16px;
  text-decoration: none; }

/* SEARCH */
.search fieldset, .search-form fieldset {
  position: relative; }

.search-form label {
  display: none; }

.search-input {
  background: #f9f9f9;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  color: #333;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  padding: 0 0 0 2%;
  width: 98%; }

.search-btn {
  background: none;
  border: none;
  position: absolute;
  right: 5px;
  top: 8px; }

/* BTN */
.btn,
.component .btn {
  background: #0568AE;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  *display: inline;
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  margin: 25px 0;
  padding: 0 20px;
  text-decoration: none;
  zoom: 1; }
  .btn.no-margin,
  .component .btn.no-margin {
    margin: 0; }

.btn a,
.btn a:hover,
.btn a:focus,
#mega-footer .component .btn a,
#mega-footer .component .btn a:hover,
#mega-footer .component .btn a:focus {
  color: #FFF;
  font-weight: normal;
  display: block;
  text-decoration: none; }

/* TAG FEED */
.component .tags-feed ul {
  list-style: none;
  padding: 0; }

.component .tags-feed li {
  margin: 10px 0 0; }

.component .tags-feed .item-date {
  display: block;
  font-size: 12px !important; }

/* ========================
    FORM STYLES
 ========================*/
.row form {
  /* make sure we're targeting forms in the main body area - these won't be inside a component */
  border-bottom: 1px solid;
  margin-bottom: 60px;
  padding-bottom: 45px; }

.row form form, .search form {
  /* in case forms are nested */
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.row .form_section {
  float: none; }

.row .form_section form {
  float: left; }

.row .form_section fieldset {
  float: left; }

.row .form_section .input_box1 {
  float: left;
  height: 23px;
  width: 185px; }

.row .form_section input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #999;
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  width: 175px; }

.row .form_section input.sign_up {
  cursor: pointer;
  display: inline;
  float: left;
  height: 23px;
  margin-left: 5px;
  width: 82px; }

.row form .form_row {
  clear: both;
  display: block;
  font-size: 16px;
  line-height: 23px; }

.row form .form_field_checkbox, form .form_field_radio {
  border: none;
  margin-left: 20px; }

.row form .form_field_text, form .form_field_textarea {
  background: #f9f9f9;
  border-radius: 3px;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  max-width: 375px;
  padding: 0 5px;
  width: 100%; }

.row form .form_row_description {
  clear: both;
  color: #5a5a5a;
  font-size: 11px;
  line-height: 12px; }

.row form .form_leftcol {
  height: 0;
  *height: auto;
  line-height: inherit; }

.row form .form_rightcol {
  clear: both; }

.row form .form_rightcolnobr {
  clear: none;
  float: right;
  margin-bottom: 15px; }

.row form .form_rightcolnooverflow {
  overflow: hidden; }

.row form .title {
  padding-top: 10px; }

.row form .form_leftcollabel {
  float: left; }

.row form .form_leftcolmark {
  color: #b30a3c;
  font-weight: bold;
  padding-left: 2px; }

.row form .form_leftcolnobr {
  float: left;
  margin-bottom: 15px; }

.row form .form_captcha_input {
  float: left;
  width: 170px; }

.row form .form_captcha_input input {
  width: 170px; }

.row form .form_captcha_img {
  float: left;
  padding-left: 16px; }

.row form .form_captcha_refresh {
  float: right; }

.row form .form_captchatimer {
  border: 1px solid #CCCCCC;
  float: left; }

.row form .form_captchatimer_bar {
  background-color: #CCCCCC;
  float: left;
  height: 8px; }

.row form .customer_survey_submit {
  float: right;
  margin-top: 28px; }

.row form .form_field_text.form_field_multivalued {
  width: 314px; }

.row form .form_field_select {
  max-width: 340px;
  width: 100%; }

.row form .form_error {
  color: #f00;
  display: inline;
  font-size: 15px; }

.row form div.section {
  margin-bottom: 30px; }

.row form div.colctrl.section {
  padding-bottom: 0 !important; }

.row form SPAN.mr_write {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  width: 16px; }

.row .section.end .form_rightcol {
  /* centers submit/reset btns */
  text-align: center; }

.row form [class^='form_button'] {
  background: #009FDB;
  border: none;
  border-radius: 3px;
  color: #FFF;
  display: inline-block;
  *display: inline;
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  margin: 25px 0;
  padding: 0 20px;
  text-decoration: none;
  zoom: 1; }

/* ========================
    LAYOUT CONTAINERS
 ========================*/
#masthead {
  min-height: 20px; }

#masthead .row {
  margin: 0;
  max-width: none;
  width: 100%; }

#masthead .component {
  padding-bottom: 0;
  border: none;
  margin-bottom: 0; }

#main {
  background: #FFF;
  border-radius: 6px;
  border-top: 9px solid;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  max-width: 974px;
  padding-top: 45px; }

#main.no-border {
  box-shadow: none; }

#mega-footer {
  background: #000000;
  border-bottom: 9px solid;
  border-top: 9px solid; }

#mega-footer.has-content {
  padding-top: 60px; }

#mega-footer .component {
  color: #FFF; }

#mega-footer .component h3 {
  font-weight: normal; }

#mega-footer .component h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px; }

#mega-footer .component a {
  color: #FFF; }

#mega-footer .misc-callout.gray-bg .content, #mega-footer .misc-callout.solid-bg .content {
  color: #191919; }

#mega-footer .social-share p {
  color: #FFF; }

/* ========================
    SPECIFIC COMPONENTS
 ========================*/
.top-background {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 330px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }

/* BANNER */
.banner {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }

.banner a, .banner a:hover, .banner a:focus {
  display: block; }

.banner a, .banner a:hover, .banner a:focus {
  font-weight: normal;
  text-decoration: none; }

.banner h1 {
  color: #FFF; }

.banner-title {
  display: inline-block;
  margin: 30px auto 20px;
  padding: 10px 25px;
  text-align: center;
  width: auto;
  zoom: 1;
  *display: inline; }

.banner-title.transparent-bg {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px; }

.no-rgba .banner-title.transparent-bg {
  background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/transparent_bg.png") repeat 0 0; }

.banner .tagline {
  color: #FFF;
  font-family: "Omnes-Italic", Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 26px;
  margin: 0;
  text-align: center; }

/* STORY LIST */
.story-list .component {
  margin: 10px 0 0; }

/* CAROUSEL */
.carousel {
  overflow: hidden; }

.carousel-container {
  margin-top: 20px; }

.slide, .cycle-slide {
  width: 100%; }

.lt-ie8 .slide, .lt-ie8 .cycle-slide {
  display: inline !important; }

.slide img {
  width: 100%; }

.carousel-container .slide {
  background: #FFF;
  margin: 0 0 40px; }

.carousel-container img, .carousel-container .video-wrapper {
  margin-top: 0; }

.carousel-container .video-wrapper {
  height: auto;
  padding: 0; }

.carousel-container .video-wrapper iframe {
  position: static; }

.carousel-pager, .carousel-nav {
  display: none; }

/* MISCELLANEOUS CALLOUT */
.misc-callout {
  border-radius: 3px;
  display: inline-block;
  width: 100%; }

.misc-callout h2 {
  border-radius: 3px;
  margin-bottom: 1px;
  padding: 10px 10px 3px; }

.misc-callout .content {
  border-radius: 3px;
  padding: 10px 10px 25px; }

.misc-callout p, .misc-callout ul, .misc-callout ol, .misc-callout table, .misc-callout dl {
  margin: 0 0 15px; }

.misc-callout img {
  margin: 0 -10px 15px;
  max-width: none;
  width: 100%; }

.misc-callout img:first-child {
  margin-top: -10px; }

.misc-callout img.no-stretch {
  margin: 0;
  max-width: 100%;
  width: auto; }

.misc-callout .content [class$="-wrapper"] {
  margin-top: 0; }

/* style configurations */
.misc-callout.white-bg {
  border-bottom: 1px solid;
  border-radius: 3px 3px 0 0; }

.misc-callout.gray-bg {
  background: #F2F2F2; }

.misc-callout.border {
  border: 1px solid; }

.misc-callout.green-theme.white-bg {
  border-bottom-color: #B5BD00; }

.misc-callout.orange-theme.white-bg {
  border-bottom-color: #FFB81C; }

.misc-callout.blue-theme.white-bg {
  border-bottom-color: #71C5E8; }

.misc-callout.dk-blue-theme.white-bg {
  border-bottom-color: #0568AE; }

.misc-callout.gray-theme.white-bg {
  border-bottom-color: #5A5A5A; }

.misc-callout.green-theme.border {
  border-color: #B5BD00; }

.misc-callout.orange-theme.border {
  border-color: #FFB81C; }

.misc-callout.blue-theme.border {
  border-color: #71C5E8; }

.misc-callout.dk-blue-theme.border {
  border-color: #0568AE; }

.misc-callout.gray-theme.border {
  border-color: #5A5A5A; }

/* headers */
.misc-callout.green-theme h2 {
  background: #B5BD00;
  color: #000; }

.misc-callout.orange-theme h2 {
  background: #FFB81C;
  color: #000; }

.misc-callout.blue-theme h2 {
  background: #71C5E8;
  color: #000; }

.misc-callout.dk-blue-theme h2 {
  background: #0568AE;
  color: #FFF; }

.misc-callout.gray-theme h2 {
  background: #5A5A5A;
  color: #FFF; }

.misc-callout.green-theme.border h2 {
  background: none; }

.misc-callout.orange-theme.border h2 {
  background: none; }

.misc-callout.blue-theme.border h2 {
  background: none; }

.misc-callout.dk-blue-theme.border h2 {
  background: none;
  color: #0568AE; }

.misc-callout.gray-theme.border h2 {
  background: none;
  color: #5A5A5A; }

#mega-footer .component .misc-callout h2 {
  color: #FFF; }

#mega-footer .misc-callout.green-theme h2,
#mega-footer .misc-callout.orange-theme h2,
#mega-footer .misc-callout.blue-theme h2 {
  color: #000; }

#mega-footer .misc-callout.green-theme.border h2,
#mega-footer .misc-callout.orange-theme.border h2,
#mega-footer .misc-callout.blue-theme.border h2 {
  color: #FFF; }

/* content */
.misc-callout.green-theme.solid-bg .content {
  background: #B5BD00; }

.misc-callout.orange-theme.solid-bg .content {
  background: #FFB81C; }

.misc-callout.blue-theme.solid-bg .content {
  background: #71C5E8; }

.misc-callout.dk-blue-theme.solid-bg .content {
  background: #0568AE; }

.misc-callout.gray-theme.solid-bg .content {
  background: #5A5A5A;
  color: #FFF; }

/* TABS */
.tabs .tab-titles {
  background: #F2F2F2;
  margin: 0; }

.tab-titles li {
  border-bottom: 1px solid #FFF;
  display: table;
  font-size: 14px;
  width: 100%; }

.tab-titles li a {
  color: #5a5a5a;
  display: table-cell;
  height: 54px;
  font-weight: bold;
  outline: none;
  padding: 0 20px;
  margin: 0;
  vertical-align: middle; }

.tab-titles li:hover a, .tab-titles li:focus a, .tab-titles li.active a {
  color: #0568AE; }

.tab-content {
  background: #FFF;
  padding: 60px 4.11% 0; }

/* SUPER TEXT COMPONENT */
.st-header {
  border-bottom: 1px solid #000;
  display: table;
  margin-bottom: 60px;
  padding-bottom: 10px;
  position: relative;
  width: 100%; }

.st-header h2 {
  display: table-cell;
  float: left;
  vertical-align: bottom;
  width: 50%; }

.st-nav {
  display: table-cell;
  position: absolute;
  right: 0;
  top: 10px;
  vertical-align: bottom;
  width: 50%;
  z-index: 2; }

.st-menu {
  cursor: pointer;
  padding: 6px 0 10px;
  display: block; }

.st-nav .menuButton {
  background: #000;
  margin-top: 0;
  margin-right: 0; }

.st-nav h3 {
  display: inline-block;
  float: right;
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  margin: 0;
  text-align: right; }

.st-header, .st-header h2, .st-nav h3 {
  color: #000; }

.st-nav.open {
  background: #000;
  border-radius: 3px;
  color: #FFF; }

.st-nav.open h3 {
  color: #FFF; }

.st-nav.open .st-menu {
  border-bottom: 1px solid #FFF; }

.component .st-nav.open .menuButton .icon-bar {
  background: none; }

.no-csstransforms3d.no-csstransitions .st-nav.open .icon-bar:first-child {
  background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/st_menu_X.png") no-repeat center center;
  height: 17px;
  position: absolute;
  top: 12px;
  width: 17px; }

.csstransforms3d.csstransitions .st-nav .icon-bar {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }

.csstransforms3d.csstransitions .st-nav.open .icon-bar {
  background: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  top: 18px; }

.csstransforms3d.csstransitions .st-nav.open .icon-bar:first-child {
  background: #FFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.csstransforms3d.csstransitions .st-nav.open .icon-bar:last-child {
  background: #FFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.st-nav .menu-titles {
  clear: both;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0; }

.st-nav .menu-titles li {
  font-size: 18px;
  line-height: 23px; }

.st-nav .menu-titles li a {
  color: #FFF;
  display: block;
  font-weight: normal;
  padding: 12px 20px; }

.st-nav .menu-titles li.active a {
  background: #F2F2F2;
  color: #000; }

.st-nav .menu-titles li a:hover, .st-nav .menu-titles li a:focus {
  text-decoration: none; }

.super-text .content-sections {
  margin-bottom: 60px; }

.st-section-nav {
  text-align: center; }

.st-section-nav .st-btn {
  display: inline-block;
  margin: 0 30px;
  width: 85px; }

.st-btn .next, .st-btn .prev {
  font-size: 16px;
  line-height: 23px;
  text-decoration: none; }

.st-section-nav p {
  color: #0568AE;
  cursor: pointer;
  display: inline;
  font-weight: bold; }

/* GRID COMPONENTS */
.grid .item {
  position: relative;
  width: 100%; }

.grid .item * {
  word-wrap: break-word; }

.grid .item img {
  border-radius: 0;
  margin: 0; }

.grid .item a p {
  font-weight: normal; }

.grid .item a:hover, .grid .item a:focus {
  text-decoration: none; }

/* MENU GRID */
.menu-grid h2 {
  margin-bottom: 20px; }

.menu-grid .grid {
  overflow: hidden; }

.menu-grid .item img {
  position: relative;
  width: 100%; }

.menu-grid .plus {
  display: none;
  bottom: 10px;
  color: #FFF;
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 35px;
  line-height: 1;
  margin: 0;
  position: absolute;
  right: 20px; }

.rollover {
  background: rgba(51, 51, 51, 0.85);
  bottom: 0;
  color: #FFF;
  font-family: "Omnes-Light", Arial, Helvetica, sans-serif;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0; }
  .no-rgba .rollover {
    background: #333333; }

.rollover .x {
  display: none; }

.rollover .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  margin: 0; }

.rollover .description,
.rollover p {
  display: none; }

/* ICON GRID */
.icon-grid {
  background: #333;
  padding-top: 45px; }

.icon-grid h2, .icon-grid p, .icon-grid h3 {
  color: #FFF; }

.icon-grid h2 {
  margin-bottom: 60px;
  text-align: center; }

.icon-grid .item {
  text-align: center;
  margin-bottom: 40px; }

.icon-grid p {
  font-size: 15px; }

.icon-grid .item .more {
  color: #FFF;
  margin-top: 0;
  font-weight: bold;
  text-decoration: underline; }

/* ========================
    BLOG SPECIFIC
 ========================*/
.blog #main a {
  font-weight: normal; }

/* BLOG LANDING */
.blog-landing #main {
  padding-top: 15px; }

.blog-landing .component {
  border-bottom: none; }

.blog-landing .connect-social {
  float: right; }

/* BLOG SLIDER */
.blog-slider {
  margin: 0 auto 40px;
  position: relative;
  width: 91.78%; }

.blog-slider img {
  width: 100%; }

.blog-slider .post-info {
  font-family: "Omnes", Arial, Helvetica, sans-serif; }

.blog-slider .post-info .date {
  color: #5a5a5a;
  font-size: 33px;
  margin: 30px 0 0; }

.blog-slider .post-info .author {
  font-size: 14px; }

.blog-slider .post-info .title {
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-size: 22px; }

.blog-slider .post-info .description, .blog-slider .post-info .cta {
  font-size: 15px;
  margin: 0; }

.blog-slider .slider-nav {
  display: block;
  height: 20px;
  position: relative; }

.blog-slider .slider-nav a,
.blog-slider .slider-nav div {
  color: #5a5a5a;
  cursor: pointer;
  font-family: "Omnes-Light", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 18px; }

.blog-slider .slider-nav a:focus,
.blog-slider .slider-nav a:hover,
.blog-slider .slider-nav div:focus,
.blog-slider .slider-nav div:hover {
  text-decoration: none; }

.blog-slider .prev {
  left: 25%; }

.blog-slider .next {
  right: 25%; }

.slider-pager {
  display: block;
  margin: 0 auto;
  text-align: center; }

.slider-pager span {
  color: #5a5a5a;
  cursor: pointer;
  font-size: 45px;
  margin: 0 9px; }

.slider-pager .cycle-pager-active {
  color: #c4d82d; }

/* BLOG NAV */
.blog-nav {
  background: #eaeaea;
  clear: both;
  height: 20px;
  margin: 0 -4.11% 30px;
  padding: 15px 2%;
  position: relative; }

.blog-nav .label {
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0; }

/* FILTER BAR */
.filter-bar {
  float: left;
  min-width: 100px; }

.filter-bar .label {
  background-color: transparent;
  line-height: 1.2;
  border: 0; }

.filter-bar .label .icn:after {
  background: #1e87bb;
  border-radius: 3px;
  cursor: pointer;
  color: #FFF;
  content: '+';
  display: inline-block;
  line-height: 20px;
  margin: 0 0 0 5px;
  text-align: center;
  font-size: 16px;
  width: 20px; }

.filter-bar.open .label .icn:after {
  content: 'x'; }

.filter-bar ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0; }

.filter-bar .filters {
  background: #f3f3f3;
  left: 0;
  position: absolute;
  right: 0;
  top: 50px;
  width: 100%;
  border-bottom: 1px solid #CCCCCC; }

.filter-bar.open ul {
  display: block; }

.filter-bar .dropdown .items {
  display: none; }

.filter-bar .dropdown.open .items {
  display: block; }

.filter-bar li a,
.filter-bar li button {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  padding: 15px 10px; }

.filter-bar .active > a {
  color: #5a5a5a; }

.filter-bar li a, .filter-bar li a:hover, .filter-bar li a:focus {
  text-decoration: none; }

.filter-bar .items {
  background: #FFF; }

.filter-bar .filters li:first-child a {
  border-top: 1px solid #CCCCCC; }

.filter-bar .items li:first-child a {
  border-top: none; }

.filter-bar li a span[aria-hidden="true"] {
  float: right; }

.filter-bar li a span[aria-hidden="true"][class="icn-dropdown"] {
  font-family: Verdana;
  margin-right: 1px; }

.filter-bar li.dropdown > a:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.filter-bar li.dropdown.open > a:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.filter-bar li.close button {
  width: 100%;
  border: 0;
  text-align: left;
  background-color: transparent;
  color: #666; }

.filter-bar li.close button:after {
  content: 'X';
  float: right;
  display: inline; }

/* VIEW BY */
.blog-landing .view-by {
  border-left: 1px solid #CCCCCC;
  float: right;
  padding-left: 10px; }

.view-by .label {
  text-align: center; }

.view-by .grid-btn, .view-by .list-btn {
  display: inline-block;
  height: 15px;
  margin-left: 10px;
  vertical-align: middle;
  border-radius: 0;
  border: 0;
  width: 17px; }

.grid-btn {
  background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/grid_icon_sprite.png") no-repeat 0 -25px; }

.grid-btn.active {
  background-position: 0 0; }

.list-btn .icon-bar {
  background: #0568AE;
  display: block;
  height: 3px;
  margin-bottom: 3px;
  width: 100%; }

.list-btn .icon-bar.last {
  margin-bottom: 0; }

.list-btn.active .icon-bar {
  background: #5a5a5a; }

/* BLOG POSTS LIST */
.blog-posts-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.blog-posts-list .post {
  margin-bottom: 40px; }

.blog-posts-list .post p {
  font-size: 14px;
  margin: 0; }

.blog-posts-list .post img {
  margin: 0 0 15px; }

.blog-posts-list .post .date {
  font-weight: bold;
  margin: 0 0 10px; }

.blog-posts-list .post .title {
  margin: 0 0 5px; }

.blog-posts-list .post .author {
  margin: 0 0 10px; }

.blog-posts-list .post .cta {
  font-size: 15px; }

#main .blog-posts-list .post .cta a {
  font-weight: bold; }

.blog-posts-list .list img {
  display: none; }

.blog-posts-list .btn {
  text-align: center; }

/* BLOG POST */
.blog-post {
  margin-bottom: 50px; }

.blog-post .meta {
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal; }

/* BLOG POST SEARCH */
#blog-searchform {
  margin-top: 20px; }

/* RELATED POSTS */
#main .related-posts .cta a {
  font-weight: bold; }

/* FILTER LIST */
.filter-list li {
  color: #5a5a5a;
  font-weight: bold;
  margin: 0 0 50px; }

.filter-list ul ul {
  list-style-type: none;
  margin: 20px 0 0; }

.filter-list li li {
  font-weight: normal;
  margin: 0 0 15px; }

.filter-list li:last-child {
  margin: 0; }

.blog #main .filter-list li a {
  font-weight: bold; }

.blog #main .filter-list li li a {
  font-weight: normal; }

/* BLOG AUTHORS LIST */
.blog-authors-list .author {
  margin: 25px 0 0; }

.blog-authors-list .author:after {
  content: '';
  clear: both;
  visibility: hidden; }

.blog-authors-list p {
  font-size: 15px;
  margin: 10px 0 0;
  overflow: hidden; }

.author .name {
  margin: 0; }

.author .title {
  font-style: italic;
  margin: 0; }

.author .thumb {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 75px; }

.author .author-meta {
  float: left;
  max-width: 70%; }

.blog-authors-list .cta {
  margin-left: 95px; }

/* AUTHOR BIO */
.author-bio:after {
  content: '';
  clear: both;
  visibility: hidden; }

.author-thumb {
  margin: 0 20px 0 0;
  max-width: 75px; }

.author-bio p {
  overflow: hidden; }

/* ========================
    SNR COMPONENTS (FAQ & FEATURED MEDIA)
 ========================*/
[class^='snr'] {
  margin: 20px 0; }

/* BX SLIDER */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #CCCCCC;
  -webkit-box-shadow: 0 0 5px #CCCCCC;
  box-shadow: 0 0 5px #CCCCCC;
  border: solid #FFF 5px;
  left: -5px;
  background: #FFF; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/ui/corpcomm_internet_attus/1.0.0/images/icons/bx_loader.gif) center center no-repeat #FFF;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #5a5a5a;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #5a5a5a;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.touch .bx-wrapper .bx-controls {
  display: none; }

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(/ui/corpcomm_internet_attus/1.0.0/images/icons/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url(/ui/corpcomm_internet_attus/1.0.0/images/icons/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/ui/corpcomm_internet_attus/1.0.0/images/icons/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(/ui/corpcomm_internet_attus/1.0.0/images/icons/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #FFF;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

/* SLIDER CUSTOMIZATIONS */
.bx-wrapper {
  margin: 0 auto 40px; }

.bx-wrapper .bx-viewport {
  background: transparent;
  border: none;
  box-shadow: none;
  min-height: 155px;
  left: 0; }

#content .horz-slider {
  max-height: 250px;
  overflow: hidden; }

#content .horz-slider li {
  height: 70px; }

#content .horz-slider p {
  font-size: 12px !important;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 0;
  text-align: center; }

.horz li a {
  position: relative; }

.horz li .video-icon.sm {
  left: 35px;
  margin: 0;
  top: 15px; }

#content .horz li {
  display: block;
  float: left;
  height: auto;
  margin: 0;
  padding: 0; }

.horz li img {
  float: none;
  margin: 0 0 10px;
  width: auto; }

.horz li .video-icon.sm {
  margin: 0 0 0 -15px;
  left: 50%;
  top: 35px; }

#content .horz-slider {
  height: auto;
  margin: 0 auto;
  overflow: visible;
  padding: 0;
  width: 570px; }

#content .horz-slider li {
  width: 182px; }

#content .horz-slider li a {
  display: block; }

.horz-slider li img {
  height: 100px;
  width: 182px; }

.horz-slider li p {
  margin-top: 1em; }

.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a:hover, .horz-controls a, .horz-controls a:hover {
  margin-top: -35px;
  z-index: 1; }

.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
  background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/arrow_prev.png") no-repeat center;
  left: -30px; }

.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
  background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/arrow_next.png") no-repeat center;
  right: -30px; }

.library h3, .module h3 {
  border-bottom: 1px solid #5a5a5a;
  color: #5a5a5a;
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin: 20px 0 30px;
  padding-bottom: 10px;
  text-transform: uppercase; }

.library h3 + .mobile-instruct {
  display: none; }

.touch .library h3 {
  margin-bottom: 10px; }

.touch .library h3 + .mobile-instruct {
  display: block;
  margin-bottom: 30px;
  margin-top: 0;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.3em; }

.video-icon {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 2; }

.video-icon.sm {
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/video_play_sm.png");
  height: 30px;
  margin: -15px 0 0 -15px;
  width: 29px !important; }

/* FAQ */
.snrfaq .module a {
  text-decoration: none;
  font-weight: normal; }

.snrfaq .module h4 {
  font-weight: bold;
  margin-bottom: 5px; }

.snrfaq ul.content-slider {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.snrfaq .content-slider p, .snrfaq .content-slider li, .snrfaq .content-slider td {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 0; }

.snrfaq .content-slider ul {
  list-style: disc; }

.snrfaq .content-slider ul,
.snrfaq .content-slider ol {
  margin: 0 0 5px 17px;
  padding: 0; }

.snrfaq .content-slider li {
  margin: 0;
  padding: 0 0 10px; }

.snrfaq .content-slider a {
  display: inline; }

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png"); }

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFF; }

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #FFF; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101; }

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png") -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none; }

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top; }

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("blank.gif");
  z-index: 1102;
  display: none; }

#fancybox-left {
  left: 0px; }

#fancybox-right {
  right: 0px; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block; }

#fancybox-left-ico {
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png");
  background-position: -40px -30px; }

#fancybox-right-ico {
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png");
  background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */ }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox-x.png"); }

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png");
  background-position: -40px -162px; }

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox-y.png");
  background-position: -20px 0px; }

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png");
  background-position: -40px -182px; }

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox-x.png");
  background-position: 0px -20px; }

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png");
  background-position: -40px -142px; }

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox-y.png"); }

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png");
  background-position: -40px -122px; }

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #FFF;
  position: relative; }

.fancybox-title-outside {
  padding-top: 10px;
  color: #FFF; }

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left; }

#fancybox-title-over {
  padding: 10px;
  background-image: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_title_over.png");
  display: block; }

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px; }

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto; }

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap; }

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png") -40px -90px no-repeat; }

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox-x.png") 0px -40px; }

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/fancybox.png") -55px -90px no-repeat; }

/* IE6 */
.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_nav_left.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_title_over.png', sizingMethod='scale');
  zoom: 1; }

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_title_left.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_title_main.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px"); }

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important; }

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_n.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_ne.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_e.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_se.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_s.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_sw.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_w.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/corpcomm_internet_attus/1.0.0/images/icons/fancy_shadow_nw.png', sizingMethod='scale'); }

/* FANCYBOX CUSTOMIZATION */
#fancybox-close {
  background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/close_btn.png") no-repeat 0 0;
  height: 19px;
  right: 0;
  top: -35px;
  width: 77px; }

/* PHOTO VIEWER - often found on story pages */
.slideshow {
  overflow: hidden;
  position: relative;
  z-index: 1; }

.photo-viewer-container {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  margin: 0 auto 30px;
  max-width: 630px;
  padding: 15px 0;
  position: relative; }

.photo-viewer img {
  border-radius: 4px;
  margin-top: 0; }

.pager-nav .next,
.pager-nav .prev {
  cursor: pointer;
  display: block;
  overflow: auto;
  position: absolute;
  text-indent: -9999px;
  z-index: 101; }
  .pager-nav .next:hover, .pager-nav .next:active, .pager-nav .next:focus,
  .pager-nav .prev:hover,
  .pager-nav .prev:active,
  .pager-nav .prev:focus {
    text-decoration: none; }

#main .viewer-nav .next,
#main .viewer-nav .prev {
  background: #000;
  color: #FFF;
  cursor: pointer;
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 34px;
  margin-top: -24px;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  padding: 0 10px;
  position: absolute;
  top: 50%;
  z-index: 1001; }
  #main .viewer-nav .next:hover, #main .viewer-nav .next:active, #main .viewer-nav .next:focus,
  #main .viewer-nav .prev:hover,
  #main .viewer-nav .prev:active,
  #main .viewer-nav .prev:focus {
    text-decoration: none; }

#main .viewer-nav .next {
  border-radius: 4px 0 0 4px;
  right: 2px; }

#main .viewer-nav .prev {
  border-radius: 0 4px 4px 0;
  left: 0; }

.pager, .pager-nav, .next.disabled, .prev.disabled {
  display: none; }

/* CUSTOM RICH TEXT EDITOR CLASSES */
.component .byline {
  font-family: "Omnes", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal; }

.component .stats h3 {
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-size: 38px;
  line-height: 1; }

.component .stats p {
  margin-top: 0; }

.component .orange-headline, .component .orange-headline h2 {
  color: #009FDB; }

.component .blockquote, .component .blockquote p {
  font-family: "Omnes-Light", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px; }

.col-1-3 .component .blockquote, .col-1-3 .component .blockquote p {
  font-size: 24px;
  line-height: 32px;
  margin-top: 0; }

.component .attribution, .component .attribution p {
  color: #0574ac;
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 18px; }

.col-1-3 .component .attribution, .col-1-3 .component .attribution p {
  color: #333;
  font-size: 16px;
  line-height: 23px; }

.component .purple-background {
  background: #702F8A; }

.component .green-background {
  background: #4CA90C; }

.component .orange-background {
  background: #EA7400; }

.component .blue-background {
  background: #0568AE; }

.component [class$='-background'] {
  color: #FFF;
  font-family: "Omnes-Light", Arial, Helvetica, sans-serif;
  padding: 4% 6%; }

.component [class$='-background'] p, .component [class$='-background'] li, .component [class$='-background'] th, .component [class$='-background'] td, .component [class$='-background'] dt, .component [class$='-background'] dd, .component [class$='-background'] blockquote {
  font-size: 24px;
  line-height: 30px;
  margin-top: 0; }

.component [class$='-background'] strong {
  font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
  font-weight: normal; }

.component [class*='-background'].headline {
  border-radius: 3px;
  padding: 10px 10px 3px; }
  .component [class*='-background'].headline h2 {
    color: #FFF; }
  .component [class*='-background'].headline img {
    margin: 0 0 0 5px; }
  .component [class*='-background'].headline .icons {
    display: block; }

/* ========================
    SUB-NAVIGATION
 ========================*/
#masthead .sub-navigation {
  margin: 30px auto; }
.sub-navigation ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center; }
.sub-navigation li {
  border-left: 1px solid #CCCCCC;
  display: inline;
  font-size: 13px;
  line-height: 20px;
  margin-left: 1%;
  text-align: center; }
  .sub-navigation li:first-child {
    border-left: none;
    margin-left: 0; }
  #content .sub-navigation li {
    padding-left: 1% !important; }
    #content .sub-navigation li:first-child {
      padding-left: 0 !important; }
.sub-navigation a {
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap; }
  .sub-navigation a.active {
    color: #5a5a5a; }

/* ========================
    BREADCRUMB
 ========================*/
.breadcrumb p {
  color: #959595;
  font-size: 13px; }
.breadcrumb a {
  font-weight: normal;
  text-decoration: none; }
.breadcrumb .sep {
  color: #CCCCCC;
  margin: 0 4px; }

/* ========================
    REFERENCE PAGE CLASSES
 ========================*/
.editor-title {
  display: none; }

[id^="cq-gen"] .editor-title {
  display: block; }

/* ========================
    REUSABLE CLASSES
 ========================*/
.hidden-phone {
  display: none !important; }

.visible-phone {
  display: block !important; }

.hidden-tablet {
  display: block !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: block !important; }

.visible-desktop {
  display: none !important; }

.unhide {
  max-height: none !important; }

.no-border {
  border: none; }

.no-bullets {
  list-style: none;
  padding: 0; }

.no-bullets ul {
  list-style: none; }

.li-margin li {
  margin: 0 0 20px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 767px) {
  /* ========================
    TABS
  ======================== */
  .tabs {
    background: #FFF;
    margin: 0 0 0 -4.11%;
    width: 108.22%; }

  .tab-nav {
    background: #000;
    color: #FFF; }

  .tab-nav .menuButton {
    padding-right: 0; }

  .tab-nav h3 {
    border: none;
    color: #FFF;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 54px;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
    text-transform: none; }

  .tab-nav h3:before {
    border-bottom: 5px solid #FFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 20px;
    width: 0;
    position: absolute;
    bottom: 0; }

  .tab-header .tab-titles ul li:first-child a {
    border-top: none; }

  /* OFF-CANVAS NAV */
  .tab-nav {
    position: relative;
    z-index: 100; }

  .tab-header {
    position: absolute;
    top: 0;
    right: 0; }

  .tab-header:not(:target) {
    z-index: -1;
    height: 0; }

  .tab-header .tab-titles {
    position: relative;
    padding: 0; }

  .js-ready-tabs .tab-header {
    height: 100%;
    width: 50%;
    display: none; }

  .js-ready-tabs .tab-header {
    right: -50%; }

  .js-ready-tabs .tabs {
    right: 0; }

  .js-tab-nav .tabs {
    right: 50%; }

  .js-tab-nav .tab-header {
    display: block; }

  .csstransforms3d.csstransitions.js-ready-tabs .tab-header {
    right: -100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

  .csstransforms3d.csstransitions.js-ready-tabs .tabs {
    right: -100% !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }

  .csstransforms3d.csstransitions.js-tab-nav .tabs {
    -webkit-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1); }

  .csstransforms3d.csstransitions.js-ready-tabs .tab-header .tab-titles {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(-50%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(-50%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(-50%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(-50%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(-50%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }

  .csstransforms3d.csstransitions.js-tab-nav .tab-header .tab-titles {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@media only screen and (min-width: 768px) {
  html, body {
    height: 100%; }

  #header {
    margin-bottom: -28px;
    z-index: 5; }

  #top-links {
    float: right;
    margin-right: 20px; }

  /* ========================
    COLUMN LAYOUT
   ========================*/
  .no-margin {
    margin: 0; }

  #main.no-border .row {
    max-width: none;
    width: 100%; }

  .row [class^='col'] {
    border-left: 1px solid;
    float: left;
    margin-left: 4.6%;
    padding-left: 4.6%; }

  .lt-ie9 .row [class^='col'] {
    line-height: 0;
    font-size: 0;
    margin-left: 4.6%;
    padding-left: 4.6%; }

  .row [class^='col']:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0; }

  .row.no-left-border [class^="col"] {
    border-left: none; }

  .col-full {
    width: 100%; }

  .col-2-3 {
    width: 63.54%; }

  .col-1-3 {
    width: 27.06%; }

  .col-1-2 {
    width: 45.3%; }

  /* ========================
    COMPONENT STYLES
   ========================*/
  .component img.right {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px; }

  .component img.left {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px; }

  .component .connect-social p {
    font-size: 22px; }

  .component h1 {
    font-size: 54px; }

  /* ========================
    SPECIFIC COMPONENTS
   ========================*/
  /* BANNER */
  .banner-title.alignright {
    float: right;
    margin-right: 50px; }
    .banner-title.alignright .tagline {
      text-align: right; }

  .banner-title.alignleft {
    float: left;
    margin-left: 50px; }
    .banner-title.alignleft .tagline {
      text-align: left; }

  /* CAROUSEL */
  .carousel-container .slide {
    margin: 0; }

  .carousel-nav {
    display: block;
    margin: 30px auto 0;
    position: relative;
    text-align: center; }

  .carousel-nav > div {
    cursor: pointer;
    color: #191919;
    display: inline-block; }

  .carousel-nav .prev, .carousel-nav .next {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: top; }

  .lt-ie8 .carousel-nav .prev, .lt-ie8 .carousel-nav .next {
    display: none; }

  .carousel-nav .prev {
    margin-right: 10px; }

  .carousel-nav .next {
    margin-left: 10px; }

  .carousel-pager {
    display: block;
    margin: 0 auto;
    text-align: center; }

  .carousel-pager span {
    color: #191919;
    cursor: pointer;
    font-size: 45px;
    line-height: 20px;
    margin: 0 9px; }

  .carousel-pager .cycle-pager-active {
    color: #c4d82d; }

  /* TABS */
  .tab-header {
    width: 100%; }

  .tab-titles {
    background: none;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    display: table;
    padding: 0;
    width: 100%; }

  .tab-titles li {
    border-bottom: 1px solid #CCCCCC;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 16.6666666667%; }
    .tab-titles li:first-child {
      border-radius: 3px 0 0 0; }
    .tab-titles li:last-child {
      border-radius: 0 3px 0 0; }

  .lt-ie8 .tab-titles li {
    float: left;
    width: 24.96%; }

  #content .tab-titles li {
    background: #F2F2F2 !important; }
  #content .tab-titles li:hover, #content .tab-titles li:focus, #content .tab-titles li.active {
    background: #0568AE !important; }

  .tab-titles li a {
    border-left: 1px solid #CCCCCC;
    padding: 0;
    color: #333;
    display: table-cell;
    font-size: 16px;
    font-weight: normal;
    padding: 0 3px;
    width: 1%; }

  .tab-titles li:first-child a {
    border-left: none; }

  .lt-ie8 .tab-titles li a {
    display: block;
    width: 100%; }

  .tab-titles li:hover:before, .tab-titles li:focus:before, .tab-titles li.active:before {
    border-bottom: 5px solid #FFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -1px;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 0; }

  .tab-titles li:hover a, .tab-titles li:focus a, .tab-titles li.active a {
    border-bottom-color: #009FDB;
    color: #FFF;
    text-decoration: none; }

  .tab-content {
    padding: 60px 0 0; }

  /* SUPER TEXT COMPONENT */
  .st-header h2 {
    width: 75%; }

  .st-nav {
    width: 25%; }

  /* GRID COMPONENTS */
  .grid .item {
    float: left; }

  /* MENU/ICON GRID */
  .grid.columns-1 .item, .icon-grid.columns-1 .item {
    width: 100%;
    max-height: 894px;
    max-width: 894px; }
  .grid.columns-2 .item, .icon-grid.columns-2 .item {
    width: 50%;
    max-height: 447px;
    max-width: 447px; }
  .grid.columns-3 .item, .icon-grid.columns-3 .item {
    width: 33.3333333333%;
    max-height: 324px;
    max-width: 324px; }
  .grid.columns-4 .item, .icon-grid.columns-4 .item {
    width: 25%;
    max-height: 223px;
    max-width: 223px; }
  .grid.columns-5 .item, .icon-grid.columns-5 .item {
    width: 20%;
    max-height: 179px;
    max-width: 179px; }

  .menu-grid .plus {
    display: block; }

  .rollover {
    display: none;
    top: 0; }

  .rollover.show {
    display: block; }

  .rollover .x {
    color: #FFF;
    display: block;
    font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
    font-size: 35px;
    line-height: 16px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

  .rollover .more {
    border: 1px solid #FFF;
    border-radius: 6px;
    color: #FFF;
    display: block;
    float: right;
    font-family: "Omnes", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin-top: 10px;
    padding: 4px 12px 2px; }

  .rollover .more .arrow {
    font-family: "Omnes-Medium", Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 26px;
    padding-left: 8px; }

  .rollover .title {
    line-height: 30px;
    margin: 20px 0 0 0; }

  .rollover .more {
    bottom: 20px;
    float: none;
    margin: 0;
    position: absolute;
    right: 20px; }

  /* SHOW TITLE */
  .show-title .rollover {
    bottom: auto;
    display: block;
    padding: 5px 10px; }
    .show-title .rollover .description, .show-title .rollover .more {
      display: none;
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      zoom: 1; }
  .show-title .rollover.show {
    bottom: 0;
    padding: 6% 5% 5%; }
    .show-title .rollover.show .description, .show-title .rollover.show .more {
      display: block;
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      zoom: 1; }

  /* TRANSITION FX */
  [data-fx="nohover"] .rollover, [data-fx="nohover"] .rollover.show {
    background: none !important; }
    [data-fx="nohover"] .rollover .title, [data-fx="nohover"] .rollover .description, [data-fx="nohover"] .rollover .more, [data-fx="nohover"] .rollover p, [data-fx="nohover"] .rollover.show .title, [data-fx="nohover"] .rollover.show .description, [data-fx="nohover"] .rollover.show .more, [data-fx="nohover"] .rollover.show p {
      display: none; }
    [data-fx="nohover"] .rollover a, [data-fx="nohover"] .rollover.show a {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  [data-fx="nohover"].show-title .rollover, [data-fx="nohover"].show-title .rollover.show {
    padding: 0; }
    [data-fx="nohover"].show-title .rollover .title, [data-fx="nohover"].show-title .rollover.show .title {
      display: block;
      padding: 5px 10px; }

  [data-fx="fadein"] .rollover {
    display: block;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease; }
    [data-fx="fadein"] .rollover .description, [data-fx="fadein"] .rollover .more, [data-fx="fadein"] .rollover p {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      zoom: 1; }
    [data-fx="fadein"] .rollover.show {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      transition: all 0.8s ease; }
      [data-fx="fadein"] .rollover.show .description, [data-fx="fadein"] .rollover.show .more, [data-fx="fadein"] .rollover.show p {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        zoom: 1; }
  [data-fx="fadein"].show-title .rollover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

  [data-fx="slidedown"] .rollover {
    box-sizing: border-box;
    bottom: auto;
    display: block;
    height: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.8s cubic-bezier(0, 1, 0.5, 1); }
    [data-fx="slidedown"] .rollover .description, [data-fx="slidedown"] .rollover .more, [data-fx="slidedown"] .rollover p {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      zoom: 1; }
    [data-fx="slidedown"] .rollover.show {
      bottom: 0;
      height: 100%;
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      -webkit-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      -moz-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      -ms-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      -o-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      transition: all 0.8s cubic-bezier(0, 1, 0.5, 1); }
      [data-fx="slidedown"] .rollover.show .description, [data-fx="slidedown"] .rollover.show .more, [data-fx="slidedown"] .rollover.show p {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        zoom: 1; }
  [data-fx="slidedown"].show-title .rollover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    height: auto;
    -webkit-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.8s cubic-bezier(0, 1, 0.5, 1); }
    [data-fx="slidedown"].show-title .rollover .description, [data-fx="slidedown"].show-title .rollover .more, [data-fx="slidedown"].show-title .rollover p {
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      transition: all 0.8s ease; }
  [data-fx="slidedown"].show-title .rollover.show {
    -webkit-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    height: 100%; }
    [data-fx="slidedown"].show-title .rollover.show .description, [data-fx="slidedown"].show-title .rollover.show .more, [data-fx="slidedown"].show-title .rollover.show p {
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      transition: all 0.8s ease; }

  [data-fx="slideup"] .rollover {
    box-sizing: border-box;
    top: 100%;
    display: block;
    height: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    overflow: hidden;
    -webkit-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.8s cubic-bezier(0, 1, 0.5, 1); }
    [data-fx="slideup"] .rollover.show {
      top: 0;
      height: 100%;
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      -webkit-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      -moz-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      -ms-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      -o-transition: all 0.8s cubic-bezier(0, 1, 0.5, 1);
      transition: all 0.8s cubic-bezier(0, 1, 0.5, 1); }
  [data-fx="slideup"].show-title .rollover {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    height: auto;
    -webkit-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    bottom: 0;
    top: auto; }
    [data-fx="slideup"].show-title .rollover .description, [data-fx="slideup"].show-title .rollover .more, [data-fx="slideup"].show-title .rollover p {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      transition: all 0.8s ease;
      zoom: 1; }
  [data-fx="slideup"].show-title .rollover.show {
    -webkit-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    -moz-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    -ms-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    transition: top 0.8s cubic-bezier(0, 1, 0.5, 1);
    height: 100%;
    top: 0; }
    [data-fx="slideup"].show-title .rollover.show .description, [data-fx="slideup"].show-title .rollover.show .more, [data-fx="slideup"].show-title .rollover.show p {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      transition: all 0.8s ease;
      zoom: 1; }

  /* ICON GRID */
  .icon-grid .grid {
    margin-bottom: 40px; }

  /* ========================
    BLOG SPECIFIC
   ========================*/
  .blog-landing #main {
    padding-top: 0; }

  .blog-landing .connect-social {
    margin-right: 45px; }

  /* BLOG SLIDER */
  .blog-slider {
    margin: 0 auto 80px;
    overflow: hidden;
    width: 100%; }

  .blog-slider .slider-container {
    margin: 0 auto;
    overflow: visible !important;
    width: 70%; }

  .blog-slider .img-container {
    position: relative; }

  .blog-slider .img-container:before {
    background: rgba(0, 0, 0, 0.55);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

  .no-rgba .blog-slider .img-container:before {
    background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/img_container_bg.png") repeat 0 0; }

  .blog-slider .cycle-slide-active .img-container:before {
    background: none; }

  .blog-slider .post-info {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    margin: 30px 0 0;
    opacity: 0;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    white-space: normal;
    z-index: 0; }

  .blog-slider .cycle-slide-active .post-info {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    margin-left: -15%;
    opacity: 1;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    width: 130%;
    z-index: 1; }

  .blog-slider .post-info .meta {
    float: left;
    text-align: center;
    width: 20%; }

  .blog-slider .post-info .teaser {
    border-left: 1px solid #CCCCCC;
    float: left;
    margin-left: 5%;
    padding-left: 4%;
    width: 70%; }

  .blog-slider .post-info .description, .blog-slider .post-info .cta {
    font-size: 18px;
    line-height: 24px; }

  .blog-slider .slider-nav {
    height: auto;
    position: static; }

  .blog-slider .slider-nav a,
  .blog-slider .slider-nav div {
    color: #FFF;
    font-size: 100px;
    line-height: 100px;
    position: absolute;
    top: 25%; }

  .blog-slider .prev {
    left: 8%; }

  .blog-slider .next {
    right: 8%; }

  .slider-pager {
    display: none; }

  .lt-ie8 .slider-nav {
    display: none; }

  .lt-ie8 .slider-pager {
    display: block;
    margin-top: 30px; }

  /* BLOG NAV */
  .blog-nav {
    background: none;
    height: auto;
    margin: 0;
    padding: 0; }

  /* FILTER BAR */
  .filter-bar {
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    float: none;
    font-size: 20px;
    height: 27px;
    line-height: 21px;
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
    width: auto; }

  .filter-toggle {
    display: none; }

  .filter-bar .label {
    color: #5a5a5a;
    display: inline;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 30px;
    margin: 0 10px 0 0; }

  .filter-bar .label .icn {
    display: none; }

  .filter-bar .label:after,
  .filter-bar.open .label:after {
    content: '';
    margin: 0;
    width: 0; }

  .filter-bar ul, .filter-bar.open ul {
    display: inline; }

  .filter-bar .filters {
    background: none;
    position: static;
    border-bottom: 0px; }

  .filter-bar li {
    font-size: 17px;
    border-right: 1px solid #CCCCCC;
    display: inline;
    line-height: 30px;
    margin-right: 10px;
    padding-right: 10px; }

  .filter-bar li:nth-last-child(2) {
    border-right: none; }

  .filter-bar li.close {
    display: none; }

  .filter-bar li a {
    border-bottom: none;
    display: inline;
    padding: 0; }

  .filter-bar .filters li:first-child a {
    border-top: none; }

  .filter-bar .dropdown a {
    background: transparent url("/ui/corpcomm_internet_attus/1.0.0/images/icons/plus_sign_sprite.png") no-repeat 0 -30px;
    padding: 0 0 0 25px; }

  .filter-bar .dropdown.active a {
    background-position: 0 0; }

  .filter-bar .active > a {
    color: #5a5a5a; }

  .filter-bar li a span[aria-hidden="true"] {
    display: none; }

  .filter-bar .dropdown.open .items {
    background: #f9f9f9;
    border: 1px solid #CCCCCC;
    border-top: none;
    border-radius: 0 0 3px 3px;
    padding: 20px 0 45px;
    position: absolute;
    left: -1px;
    right: 0;
    width: 100%;
    top: 47px; }

  .filter-bar .dropdown.open .sub-list {
    float: left;
    padding-left: 5%;
    width: 20%; }

  .filter-bar .dropdown.open li {
    border: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 0; }

  #content .filter-bar .dropdown.open li {
    font-size: 13px !important; }

  .filter-bar .dropdown.open li a {
    background: none;
    padding: 0; }

  .filter-bar .search {
    float: right;
    max-width: 215px;
    width: 17%; }

  .filter-bar .search-input {
    height: 24px;
    line-height: 24px; }

  .filter-bar .search-btn {
    top: 4px; }

  /* VIEW BY */
  .view-by, .blog-landing .view-by {
    border-left: none;
    clear: both;
    float: none;
    padding: 0;
    width: auto; }

  .view-by .label {
    margin: 0 0 50px;
    text-align: center; }

  /* BLOG POSTS LIST */
  .component .blog-posts-list .grid .post {
    float: left;
    padding: 0 2%; }

  .col-full .blog-posts-list .grid .post {
    width: 29.3%; }

  .col-2-3 .blog-posts-list .grid .post {
    width: 46%; }

  .component .blog-posts-list .list .post {
    float: none;
    padding: 0;
    width: auto; }

  /* AUTHOR BIO */
  .author-thumb {
    float: left; }

  /* ========================
    SNR COMPONENTS (FAQ & FEATURED MEDIA)
   ========================*/
  #main-slider .bx-wrapper .bx-viewport {
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); }

  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #808080; }

  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #7cc6ff; }

  #content .slider .headline-tease {
    height: auto;
    overflow: visible; }

  #content .slider li {
    margin: 0; }

  .library h3, .module h3 {
    margin-bottom: 30px; }

  /* PHOTO VIEWER */
  .photo-viewer {
    margin-bottom: 15px; }

  .pager, .pager-nav {
    display: block; }

  .photo-viewer-container .pager {
    height: 72px;
    margin: 0 auto;
    text-align: center; }

  .photo-viewer-container .pager img {
    border: 1px solid #FFF;
    border-radius: 4px;
    cursor: pointer;
    height: 70px;
    margin: 0 3px;
    opacity: 0.45 !important;
    filter: alpha(opacity=45) !important;
    width: 110px; }

  .photo-viewer-container .pager img.cycle-slide-active {
    border: 1px solid #000;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }

  .pager-nav .next, .pager-nav .prev {
    height: 16px;
    width: 18px;
    top: 90%; }

  .pager-nav .next {
    background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/arrow_next.png") no-repeat 0 0;
    right: 0; }

  .pager-nav .prev {
    background: url("/ui/corpcomm_internet_attus/1.0.0/images/icons/arrow_prev.png") no-repeat 0 0;
    left: 0; }

  /* FAQ */
  .module.faq .slider-container {
    margin-left: 22%;
    width: 78%; }
    .lt-ie9 .module.faq .slider-container {
      width: 430px; }

  .module.faq .slider-container .content-slider > li {
    width: 100%;
    overflow: hidden; }
    .lt-ie9 .module.faq .slider-container .content-slider > li {
      width: 430px !important; }

  .module.faq .slider-nav {
    float: left;
    list-style: none;
    margin: 0;
    max-width: 150px;
    padding: 0;
    width: 20%; }

  .snrfaq .module.faq .slider-nav li {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 10px; }

  .snrfaq .slider-nav a.active {
    font-weight: bold; }

  /* ========================
    SUB-NAVIGATION
   ========================*/
  .sub-navigation li {
    font-size: 15px; }

  /* ========================
    FOOTER
   ========================*/
  #footer {
    margin: auto;
    max-width: 974px;
    width: 100%; }

  /* ========================
    REUSABLE
  ========================*/
  .hidden-phone {
    display: block !important; }

  .visible-phone {
    display: none !important; }

  .hidden-tablet {
    display: none !important; }

  .visible-tablet {
    display: block !important; } }
@media only screen and (max-width: 995px) {
  .bx-wrapper .bx-controls-direction a,
  .bx-wrapper .bx-controls-direction a:hover,
  .horz-controls a,
  .horz-controls a:hover {
    margin-top: 0; }

  .bx-wrapper .bx-controls-direction {
    text-align: center;
    min-height: 20px; }

  .bx-wrapper .bx-controls-direction a {
    display: inline-block;
    position: relative;
    height: 30px;
    width: 30px;
    top: 0;
    margin-top: 0;
    text-indent: -9999px;
    color: transparent;
    vertical-align: middle;
    z-index: 9999; }

  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-prev:hover {
    left: -15px; }

  .bx-wrapper .bx-next,
  .bx-wrapper .bx-next:hover {
    right: -15px; } }
@media only screen and (min-width: 974px) {
  #container {
    margin: 0 auto; }

  #header {
    height: 40px;
    margin: 0 auto;
    max-width: 974px; }

  #content {
    overflow: visible;
    position: static; }

  /* ========================
    SPECIFIC COMPONENTS
   ========================*/
  .top-background {
    top: -126px; }

  /* FIlTER BAR */
  .filter-bar {
    padding: 10px 45px; }

  .filter-bar .label {
    margin-right: 15px;
    cursor: default; }

  .filter-bar .search {
    width: 20%; }

  /* ========================
    FOOTER
   ========================*/
  /* ========================
    REUSABLE
   ========================*/
  .hidden-tablet {
    display: block !important; }

  .visible-tablet {
    display: none !important; }

  .hidden-desktop {
    display: none !important; }

  .visible-desktop {
    display: block !important; } }
@media only screen and (min-width: 995px) {
  .touch .bx-wrapper .bx-controls {
    display: block; } }
@media only screen and (min-width: 1025px) {
  .rollover .x {
    display: none; }

  .rollover .title {
    margin: 0; }

  .rollover .description, .rollover .description p {
    color: #FFF;
    display: block;
    font-size: 18px;
    line-height: 24px; } }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .component [class*='-background'].headline:before,
.clearfix:after,
.component [class*='-background'].headline:after,
.row:before,
.row:after,
.component:before,
.component:after,
.banner:before,
.banner:after,
.icon-grid:before,
.icon-grid:after {
  content: " ";
  display: table; }

.clearfix:after, .component [class*='-background'].headline:after,
.row:after,
.component:after,
.banner:after,
.icon-grid:after {
  clear: both; }

.clearfix, .component [class*='-background'].headline,
.row,
.component,
.banner,
.icon-grid {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  #universalNav,
  #header,
  #mainNavigation,
  #mega-footer,
  #mobile-footer,
  #footer {
    display: none; }

  #main, #mega-footer {
    border: none; }

  #mega-footer, .component, .row form, #mega-footer .component, .component .separator {
    border-bottom-color: #000 !important; }

  .component {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 40pt; } }
/* new faq-slider */
.module.faq {
  overflow: hidden; }

.faq-slider {
  height: auto;
  transition: height ease-in-out 0.4s;
  font-size: 14px !important; }
  .faq-slider ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0; }
    .faq-slider ul li {
      height: 0; }
      .faq-slider ul li > a {
        float: left;
        clear: both;
        display: inline-block;
        position: relative;
        margin: 0 5px 5px 0;
        width: 20%;
        font-size: 14px !important; }
      .faq-slider ul li .content {
        overflow: hidden;
        display: none;
        margin-left: 0;
        font-size: 12px !important; }
        .faq-slider ul li .content .wrapper {
          position: relative; }
          .faq-slider ul li .content .wrapper ul {
            margin: 0 0 5px 17px;
            list-style-type: disc; }
          .faq-slider ul li .content .wrapper ol {
            padding-left: 0;
            margin: 0 0 5px 17px; }
          .faq-slider ul li .content .wrapper ul li, .faq-slider ul li .content .wrapper ol li {
            float: initial;
            clear: initial;
            margin-right: initial;
            height: auto;
            padding: 0 0 10px; }
          .faq-slider ul li .content .wrapper p {
            line-height: 1.5;
            margin-top: 10px;
            font-size: 14px !important; }
            .faq-slider ul li .content .wrapper p:first-of-type {
              margin-top: 0; }
      .faq-slider ul li.active > a {
        font-weight: bold; }
      .faq-slider ul li.active .content {
        height: auto;
        display: block;
        margin-left: 0; }
  .faq-slider .clearfix:after, .faq-slider .component [class*='-background'].headline:after, .component .faq-slider [class*='-background'].headline:after {
    content: "";
    clear: both;
    display: table; }

@media only screen and (max-width: 767px) {
  /* faq */
  .faq-slider ul li {
    height: auto; }
    .faq-slider ul li a {
      display: none; }
    .faq-slider ul li .content {
      display: block; } }

/*# sourceMappingURL=main.css.map */