/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: none;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}
input[type=text], textarea, select,
input[type=file], input[type=password], html body .riSingle .riTextBox[type="text"] {
    border: 2px solid #d0d5d6;
    border-radius: 5px;
    color: #a4adb3;
    font-size: 1em;
    line-height: 1.1em;
    padding: .6em;
    width: 98%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text], select, input[type=password] {
    height: 2.5em;
}
/*input[type=file] {
    width: 95%;
}*/
.grid.form input[type=text], .grid.form textarea, .grid.form select, .grid.form input[type=file], .grid.form input[type="password"], html body .riSingle .riTextBox[type="text"] {
    margin-bottom: 1.5em;
}
.grid.form input.riTextBox {
    height: 2.5em !important;
    margin-bottom: 1.5em !important;
}
.grid.form .RadPicker td {
    vertical-align: top;
}
input[type=text]:focus, textarea:focus, select:focus {
    border-color: #b0b6bb;
    color: #74797c;
    outline: 0;
}
input[type=text]:disabled, textarea:disabled, select:disabled {
    background-color: #f7f8fa;
    border-color: #d0d5d6;
}
input[type=text].error, textarea.error, select.error {
    border: 2px solid #cb2115;
    color: #cb2115;
}
/*input[type=text] {
  height: 1em;
}*/
input[type=submit] {
    background-color: #4c565c;
    border: 1px solid #4c565c;
    border-radius: 5px;
    color: white;
    padding: .8em 2em;
    text-transform: uppercase;
}
input[type=submit]:hover {
    background-color: #c21f14;
    border: 1px solid #c21f14;
}

input[type=submit].secondary {
    background-color: #a4adb3;
    border-color: #a4adb3;
}
input[type=submit].secondary:hover {
    background-color: #c21f14;
    border: 1px solid #c21f14;
}
textarea {
}
select {
  /*height: 38px;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing : border-box;
  padding: 0 .4em;
}
select:active, select:hover {
    background-color: white;
    cursor: pointer;
}
select::selection {
    background-color: white;
}
option:hover, option::selection {
    color: #cb2115;
    cursor: pointer;
    text-decoration: underline;
    background-color: white;
    outline-color: white;
}
option {
    color: #a4adb3;
    cursor: pointer;
    padding: .6em;
}
.column-span12 input[type=text], .column-span12 textarea, .column-span12 select, .column-span12 input[type=file] {
    width: 99%;
}

@media only screen and (max-width: 768px) {
    .column input[type=text], .column textarea, .column select, .column input[type=file] {
        width: 98%;
    }
}
span.error {
    color: #cb2115;
    display: block;
    font-size: .8em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: -1.5em;
}

textarea+span.error { 
    margin-top: 0px;
}

/* Checkbox Lists*/
.checkbox {
    display: block;
    margin-bottom: 1.5em;
}
.checkbox.select-column {
    margin: 0px;
}
.checkbox:after {
    clear: both;
    content: '';
    display: block;
}
.checkbox br {
    display: none;
}

.checkbox label {
    float: left;
    margin-bottom: 1em;
    width: 95%;
}
.checkbox.select-column label {
    margin: 0px;
}
.checkbox.twocol label {
    width: 50%;
}
.checkbox.threecol label {
    width: 33%;
}
@media only screen and (max-width: 768px) {
    .checkbox.twocol label {
        width: 95%;
    }
    .checkbox.threecol label {
        width: 95%;
    }
}
.checkbox label:hover {
  cursor: pointer;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"]+label:before {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  background: url(/images/default-source/templateimages/custom-form-elements.png) 0 -28px no-repeat;
  cursor: pointer;
  content: ' ';
}
.checkbox input[type="checkbox"]:checked+label:before {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  background: url(/images/default-source/templateimages/custom-form-elements.png) 0 -44px no-repeat;
  cursor: pointer;
  content: ' ';
}

.radiobutton {
    display: block;
    margin-bottom: 1.5em;
}
.radiobutton:after {
    clear: both;
    content: '';
    display: block;
}
.radiobutton br {
    display: none;
}
.radiobutton label {
    float: left;
    margin-bottom: 1em;
    width: 50%;
}
.radiobutton.threecol label {
    width: 33%;
}
@media only screen and (max-width: 768px) {
    .radiobutton.twocol label {
        width: 95%;
    }
    .radiobutton.threecol label {
        width: 95%;
    }
}
.radiobutton label:hover {
  cursor: pointer;
}
.radiobutton input[type="radio"]
{
	display:none
}

.radiobutton input[type="radio"]+label:before
{
	display:inline-block;
	width:16px;
	height:14px;
	margin:-3px 8px 0 0;
	vertical-align:middle;
	background:url(/images/default-source/templateimages/custom-form-elements.png) 0 -0px no-repeat;
	cursor:pointer;
    content: ' ';
}
.radiobutton input[type="radio"]:checked+label:before
{
	display:inline-block;
	width:16px;
	height:14px;
	margin:-3px 8px 0 0;
	vertical-align:middle;
	background:url(/images/default-source/templateimages/custom-form-elements) 0 -14px no-repeat;
	cursor:pointer;
    content: ' ';
} 
/* site.css defines all base styles for the CompTIA Certification Website */
/* Author       : Keith Greaves
   Date Created : 5/8/2015
*/

/* Define Font-Faces */

@font-face {
    font-family: 'VistaSlab';
    src: url("/ui/assets/fonts/VistaSlabOT-Reg.otf") format("truetype");
    src: url("/ui/assets/fonts/vistaslabalt-reg-020415006EmigreWebOnly.eot") format('embedded-opentype');
    src: url("/ui/assets/fonts/vistaslabalt-reg-020415006EmigreWebOnly.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VistaSlabBook';
    src: url("/ui/assets/fonts/VistaSlabOT-Book.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VistaSlabLight';
    src: url("/ui/assets/fonts/VistaSlabOT-Light.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Start Main Elements */

body {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    background: #ffffff;
    overflow-x: hidden;
    font-size: 100%;
    line-height: 1.5em;
    color: #74797c; /* main font color */
}


body:lang(ja) {
    font-family: 'MS PGothic', Osaka, Arial, sans-serif !important; 
}

h1, .sfContentBlock h1 {
    font-family: 'VistaSlab';
    font-size: 2.750em;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #4c565c;
    line-height: 1.250em;
}

h2, .sfContentBlock h2 {
    font-family: 'VistaSlab';
    font-size: 2.0em;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #4c565c;
    line-height: 1.250em;
    padding-top: 15px;
}

h3, .sfContentBlock h3 {
    font-family: 'VistaSlab';
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 0 10px;
    color: #4c565c;
    line-height: 1.250em;
    padding-top: 15px;
}

h4, .sfContentBlock h4 {
    font-family: 'VistaSlab';
    font-size: 1.25em;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #4c565c;
    line-height: 1.250em;
    padding-top: 15px;
}

h5, .sfContentBlock h5 {
    font-family: 'VistaSlab';
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #4c565c;
    line-height: 1.250em;
    padding-top: 15px;
}

@media print {
    h1, .sfContentBlock h1 {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }

    h2, .sfContentBlock h2 {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }

    h3, .sfContentBlock h3 {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }

    h4, .sfContentBlock h4 {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }

    h5, .sfContentBlock h5 {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }
}

p {
    color: #74797c;
    font-size: 1em;
    line-height: 1.55em;
    margin: 0 0 20px 0;
}

@media screen and (max-width: 480px) {
    h1, .sfContentBlock h1 {
        font-family: 'VistaSlab';
        font-size: 2.0em;
        font-weight: 500;
        margin: 0 0 10px 0;
        color: #4c565c;
        line-height: 1.250em;
    }

    h2, .sfContentBlock h2 {
        font-family: 'VistaSlab';
        font-size: 1.75em;
        font-weight: 500;
        margin: 0 0 10px 0;
        color: #4c565c;
        line-height: 1.250em;
        padding-top: 10px;
    }

    h3, .sfContentBlock h3 {
        font-family: 'VistaSlab';
        font-size: 1.5em;
        font-weight: 500;
        margin: 0 0 10px;
        color: #4c565c;
        line-height: 1.250em;
        padding-top: 10px;
    }

    h4, .sfContentBlock h4 {
        font-family: 'VistaSlab';
        font-size: 1.25em;
        font-weight: 500;
        margin: 0 0 10px 0;
        color: #4c565c;
        line-height: 1.250em;
        padding-top: 10px;
    }

    h5, .sfContentBlock h5 {
        font-family: 'VistaSlab';
        font-size: 1em;
        font-weight: 500;
        margin: 0 0 10px 0;
        color: #4c565c;
        line-height: 1.250em;
        padding-top: 10px;
    }
}

a {
    /*color:#e42518;*/
    color: #008fc3;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    /*a:visited { 
    color:#008fc3;
}*/

    a.button {
        text-decoration: none;
        border-radius: 5px;
        border: none;
        color: #ffffff;
        font-size: 1.125em;
        background: #E42518;
        padding: 10px 50px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        display: inline-block;
    }

        a.button:hover {
            background: #CD2116;
            text-decoration: none;
        }

@media screen and (max-device-width: 639px) {
    a.button {
        margin-bottom: 15px;
        width: 75%;
    }
}


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

    ul.bulletlist {
        list-style: outside disc;
        margin: 0px 20px;
        padding: 0px 10px 20px;
        overflow: visible;
    }

.clear::after {
    content: " ";
    display: table;
    clear: both;
    width: 100%;
}


/* Start Global Style Classes */

.noBottomMargin {
    margin-bottom: 0px !important;
}

.noBottomPadding {
    padding-bottom: 0px !important;
}

.noTopMargin {
    margin-top: 0px !important;
}

.noTopPadding {
    padding-top: 0px !important;
}

@media screen and (min-width: 960px) {
    .hideOnDesktop {
        display: none !important;
    }

    .showOnDesktop {
        display: block !important;
    }

    .showOnTablet {
        display: none !important;
    }

    .showOnMobile {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .hideOnTablet {
        display: none !important;
    }

    .showOnDesktop {
        display: none;
    }

    .showOnTablet {
        display: block !important;
    }

    .showOnMobile {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .hideOnMobile {
        display: none !important;
    }

    .showOnDesktop {
        display: none;
    }

    .showOnTablet {
        display: none;
    }

    .showOnMobile {
        display: block !important;
    }
}

/* template.css defines all styles for the Templates for the CompTIA Certification Website */
/* Author       : Keith Greaves
   Date Created : 5/8/2015
*/

.homepage section, .details section {
    background-position: center 0;
    background-repeat: no-repeat;
    clear:both;
}

.homepage section header.header, .homepage section div.hero-content, 
.homepage section div.body-content, .homepage section div.quote-content,
.homepage section div.everystep-content, .homepage section div.news-content,
.homepage section div.homepageVideo-content, .homepage section div.footer-content,
.homepage section div.copyright-content, 

.details section header.header,
.details section div.title-content, .details section div.body-content, 
.details section div.highlights-content, .details section div.footer-content, 
.details section div.copyright-content, .details section div.title-content-nolinkbox,
.details section div.documentdownloadform-content, .details section div.banner-content,
.details section div.getinvolved-content, 

.product section header.header, .product section div.hero-content, 
.product section div.banner-content, .product section div.navigation-content,
.product section div.overview-content, .product section div.examdetails-content,
.product section div.exampreparation-content,
.product section div.buyexam-content, .product section div.renewal-content,
.product section div.testimonial-content, .product section div.companies-content, 
.product section div.news-content, .product section div.nextsteps-content, 
.product section div.highlights-content, .product section div.footer-content, 
.product section div.copyright-content 
 {
    margin: 0 auto;
    max-width: 100%;
    min-width: 0;
    width: 1158px;
}

/*.header-container {

}*/

.header-container .header {
    height:115px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .header-container .header {
        height: 64px;
    }
}
 
.hero-container {
    background-color: #1792c3;
    background-image: url(/images/default-source/templateimages/homepage-header-01.png);
    margin-bottom: 150px;
    background-repeat:repeat-x !important; 
    background-position:left;
}
@media screen and (max-width: 768px) {
    .hero-container {
        margin-bottom: 190px;
    }
}

@media screen and (max-width: 600px) {
    .hero-container {
        margin-bottom: 110px;
    }
}

.getinvolved-container {
    background-color: #1792c3;
    background-image: url("/images/default-source/templateimages/homepage-header-01.png");
    background-position: left center;
    background-repeat: repeat-x !important;
}  

.hero-container .hero-content {
    height: 645px;
    position: relative;
}

/*.body-container {
}*/

/*.body-container .body-content {
    width: 1158px;
    padding:50px 0px;
}*/

section.body-container div.body-content > div {
    padding:50px 0px;
}

.body-container.grey {
    background-color:#f7f8fa;
}

.body-container.white {
    background-color:#ffffff;
}

.body-container.blue {
    background-color:#005781;
    color:#ffffff;
} 

.body-container.blue input[type=submit] {
    background-color: #008fc3 !important;
    font-weight:bold;
    border:none;
}

.body-container.blue input[type=submit]:hover {
    background-color: #008fc3 !important;
    border:none;
}
.body-container.blue h3 {
    color:#ffffff;
}
.body-container.blue p {
    color:#ffffff;
}

.quote-container {
    background-color: #70b343;
     background-image: url("/images/default-source/siteimages/csa-testimonial.jpg");
     background-position: calc(50% - 400px) 0 !important;
}

@media only screen and (max-device-width: 1024px) {
    .quote-container {
        background-position: calc(50% - 500px) 0 !important;
    }
}

@media only screen and (max-device-width: 700px) {
    .quote-container {
         background-image:none;
    }
}

.quote-container .quote-content {
    width: 1158px;
    height: 445px;
}


/*.everystep-container {
}*/

.everystep-container .everystep-content {
    height: 730px;
    padding: 75px 0 35px;
    text-align: center;
}

.news-container {
    background-color: #f7f8fa;
}

/*Gk Removed. Was breaking  Blog section on Mobile*/
/*.news-container .news-content .grid {
    height:540px;
}*/

@media screen and (max-width: 768px) {
    .news-container .news-content {
      height: auto;
    }
}

.homepageVideo-container {
    background-color: #927747;
}

.homepageVideo-container .homepageVideo-content {
    height: 445px;
}


/*.highlights-container {
}*/

.highlights-content img { 
    max-width:100%;
    width: 100%;
}


.footer-container {
    background-color: #f7f8fa;
}

/*.footer-container .footer-content {
    height:300px;
}*/

.copyright-container {
    background-color: #ffffff;
}

.copyright-container .copyright-content {
    height:60px;
    text-align:center;
}

.banner-container {
    background-color:#008fc3;
    height:400px;
    color:#ffffff;
}

.banner-container.small {
    height: 260px;
}

.navigation-container {
    background:#ffffff;
    box-shadow: 3px 3px 2px #e2e3df;
    z-index: 200;
}

.navigation-content {
    height:80px;
}

.overview-content {
    padding-top:65px;
    padding-bottom:80px;
}

.examdetails-content {
    padding-top:65px;
    padding-bottom:80px;
}

.exampreparation-content {
    padding-top:65px;
    padding-bottom:80px;
}

.buyexam-content div.container {
    padding-top:65px;
    padding-bottom:80px;
}

.renewal-content {
    padding-top:65px;
    padding-bottom:80px;
}

.examdetails-container, .renewal-container {
    background-color:#eaebed;
}

.testimonial-container {
    background-color:#0391c2;
    color:#ffffff;
}

.largertext {
    font-size: 1.5em !important;
    font-weight: 300 !important;
    line-height: 1.5em !important;
}

@media only screen and (max-device-width: 1158px) {
    .homepage section div.hero-content, 
    .homepage section div.body-content, .homepage section div.quote-content,
    .homepage section div.everystep-content, .homepage section div.news-content,
    .homepage section div.homepageVideo-content, .homepage section div.footer-content,
    .homepage section div.copyright-content,
    .details section div.title-content, .details section div.title-content-nolinkbox,
    .details section div.body-content, 
    .details section div.highlights-content, .details section div.footer-content, 
    .details section div.copyright-content, .details section div.banner-content,
    
    .product section div.banner-content, .product section div.navigation-content,
    .product section div.overview-content, .product section div.examdetails-content,
    .product section div.exampreparation-content, 
    .product section div.buyexam-content, .product section div.renewal-content,
    .product section div.testimonial-content, .product section div.companies-content, 
    .product section div.news-content, .product section div.nextsteps-content, 
    .product section div.highlights-content, .product section div.footer-content, 
    .product section div.copyright-content   {
        margin: 0 auto;
        max-width: 98%;
        min-width: 315px;
        width: 98%;
    } 

     .details section div.title-content {
        width: 98%;
        max-width: 98%;
        min-width: 98%;
    }

    section.body-container div.body-content > div {
        padding: 25px 0px;
    }

}
/* basictable.css defines a 1 by 12 Table for global site structure */
/* Author       : Keith Greaves
   Date Created : 5/8/2015
   Version      : 1.0.0.0
*/


table.basictable {  
    margin:0 auto;
    border: 1px solid #eeeff1;
    border-collapse: separate;
    border-left: 0;
    border-radius: 4px;
    border-spacing: 0px;
    box-shadow: 2px 0 7px -5px black;
    margin-bottom: 20px;
}

table.basictable thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
    background: #f7f8fa;
    font-family: 'VistaSlab';
}

table.basictable tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table.basictable tr:nth-child(even) {
    background: #f7f8fa
}

table.basictable th, table.basictable td {
    padding: 8px; 
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #ddd;    
}

table.basictable td {
    border-top: 1px solid #ddd;    
}

table.basictable thead:first-child tr:first-child th:first-child, 
table.basictable tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}

table.basictable thead:last-child tr:last-child th:first-child, 
table.basictable tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}


@media only screen and (max-width: 768px) {
	/* CSS Responsive table */
    table.basictable {
        width:90%;
        margin:0 auto;
        box-shadow: none;
        border:none;
    }

	table.basictable,
	table.basictable thead,
	table.basictable tbody,
	table.basictable th,
	table.basictable td,
	table.basictable tr { display: block; }

	table.basictable thead tr { 
        position: absolute; 
        top: -9999px; 
        left: -9999px; 
	}
   
	table.basictable tr { 
        border: 1px solid #ccc; 
        margin-bottom: 10px; 
        box-shadow: 2px 0 7px -5px black;
	}

    table.basictable  tr:first-child {
        display:none;
    }

	table.basictable td { 
        border: none; 
        border-bottom: 1px solid #eee; 
        position: relative; 
        padding-left: 50%;
        overflow:hidden;
	}

	table.basictable td:before {	
        position: absolute;	
        top: 6px; 
        left: 6px; 
        width: 40%; 
        padding-right: 10px; 
        text-align: left; 
        word-wrap: break-word; 
        overflow:hidden;
	}

	/*table.basictable tr:first-child { 
        position: absolute;  
        top: -9999px; 
        left: -9999px; 
	}*/

	table.basictable td:before { 
        content: attr(data-content); 
        font-family: 'VistaSlab';
        max-width:40%;
	}

	table.basictable td.small-padding { 
        padding-top: 5px; 
        padding-bottom: 5px;
	}

	table.basictable td.medium-padding { 
        padding-top: 15px; 
        padding-bottom: 15px; 
    }

	table.basictable td.large-padding { 
        padding-top: 25px; 
        padding-bottom: 25px; 
	}

    table.basictable tr:nth-child(even) {
        background: #ffffff;
    }

    table.basictable td:nth-child(even) {
        background: #f7f8fa
    }
}
/* basictable.css defines a 1 by 12 Table for global site structure */
/* Author       : Keith Greaves
   Date Created : 5/8/2015
   Version      : 1.0.0.0
*/


table.basictablenotresonsive { 
    margin:0 auto;
    border: 1px solid #eeeff1;
    border-collapse: collapse;
    border-left: 0;
    border-radius: 4px;
    border-spacing: 0px;
    box-shadow: 2px 0 7px -5px black;
    margin-bottom: 20px;
}

table.basictablenotresonsive thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
    background: #f7f8fa;
    font-family: 'VistaSlab';
}

table.basictablenotresonsive tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table.basictablenotresonsive tr:nth-child(even) {
    background: #f7f8fa
}

table.basictablenotresonsive th, table.basictablenotresonsive td {
    padding: 8px; 
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #ddd;    
}

table.basictablenotresonsive td {
    border-top: 1px solid #ddd;    
}

table.basictablenotresonsive thead:first-child tr:first-child th:first-child, 
table.basictablenotresonsive tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}

table.basictablenotresonsive thead:last-child tr:last-child th:first-child, 
table.basictablenotresonsive tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

.sfpostDetails .sfpostAuthorAndDate {
    display: none;
}
section.body-container div.body-content > div.byline-wrapper {
    padding: 0;
}
.byline-wrapper:after {
    content: '';
    clear: both;
    display: block;
}
.headline .byline {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    width: auto;
    float: left;
}

.headline {
    border-bottom: 1px solid #d0d5d6;
    padding-bottom: 40px;
}
.headline h3 {
    font-weight: 100;
    color: #45545f;
    text-transform: uppercase;
    font-size: 1.5em;
    margin: 0; 
}
.headline h1 {
    line-height: 1em;
    margin: 0;
}
.headline .byline li {
    display: inline;
    font-weight: 100;
    font-size: 1.4em;
    border-left: 2px solid #9da1a3;
    margin-left: 10px;
    padding-left: 14px;
}

.headline .byline li:first-child {
    padding: 0;
    margin: 0;
    border: none;
}
ul.categories
{
    clear: both;
    float: left;
    font-size: .85em;
    line-height: 30px;
    list-style: none;
    overflow: hidden;
	margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: auto;
}
ul.categories:after {
    content: '';
    clear: both;
    display: block;
}
	@media screen and (max-width:1024px)
{
ul.categories
{
	width:100%;
}

}
	@media screen and (max-width:767px)
{
ul.categories
{
	width:100%;
}

}
ul.categories li
{
	display:inline
}


.caption {
    display: table;
    float: right;
    margin-bottom: 10px;
    margin-left: 18px;
}

.caption img {
    float: none !important;
    margin: 0px !important;
}

.caption figcaption {
    caption-side: bottom;
    display: table-caption;
    font-size: 12px;
}

figure.center {
    float: none;
    margin: 0px auto;
}

figure.left {
    float: left;
    margin-left: 0px;
    margin-right: 8px;
}

.GuestAuthor {
    display: table;
    float: right;
    margin-bottom: 10px;
    margin-left: 18px;
    border-radius: 20px 0;
    border: 1px solid #b0b6bb;
}

.GuestAuthor figcaption {
   caption-side: bottom;
    color: #45545f;
    display: table-caption;
    float: left;
    font-size: 14px;
    line-height: 20px;
    max-width: 200px;
    margin: 15px;
    padding-right: 10px;
    vertical-align: bottom;
}

.GuestAuthor img {
    float: right;
    margin: 0px;
}
.GuestAuthor figcaption h4 {
    margin: 0px !important;
    font-size: 16px !important;
    color: #cd1d10;
}

.GuestAuthor figcaption h3 {
    margin: 0px !important;
}

@media screen and (max-width:767px) {
    .caption {
        float: none;
        margin-bottom: 15px;
        margin-left: 0px;
    }
    .GuestAuthor {
        float: none;
        margin-bottom: 15px;
        margin-left: 0px;
    }
}
.blog-highlight {
    font-size: 1.2em;
}

@media screen and (max-width: 768px) {
    .blog-highlight {
        padding: 0px 5px;
    }

    .blog-highlight p {
        margin: 0px;
    }
    
    .blog-highlight-thumb {
        max-width: 97%;
        width: 97%;
    }
}

.blog-highlight:last-of-type {
    margin-right: 0px;
}

.blog-highlight-thumb {
    max-width: 100%;
}

 h2.blog-highlight-heading {
    padding: 35px 0px 25px;
}

 h3.blog-highlight-heading {
    padding: 35px 0px 25px;
}

.blog-highlight a {
    color: #465259;
    text-decoration: none;
}

.blog-highlight a:hover {
    color: #c21f14;
    text-decoration: underline;
}

.blog-highlight-date {
  font-size: .8em;
}

.blog-highlight-tag {
    font-size: .8em;
}

.tag-job-development {
    color: #70b344;
}

.tag-education {
    color: #f68733;
}

.tag-it-workforce {
    color: #0391c2;
}
.blog-listing {
    margin-bottom: 50px;
}

.blog-listing li h2, h2.sfpostTitle {
    margin-bottom: 0;
}

.blog-listing .author-date, .sfpostAuthorAndDate {
    margin-bottom: 10px;
}

/*Blog paging styles*/
.RadDataPager_Default {
    width: 100%;
}

.RadDataPager_Default:after {
    clear: both;
    content: '';
    display: block;
}

.RadDataPager .rdpPageFirst, .RadDataPager .rdpPagePrev, .RadDataPager .rdpPageNext, .RadDataPager .rdpPageLast {
    width: 22px;
    height: 22px;
    border: 0;
    margin: 6px 0 0 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: bottom;
    font-size: 1px;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
}

.RadDataPager .rdpPageFirst img, .RadDataPager .rdpPagePrev img, .RadDataPager .rdpPageNext img, .RadDataPager .rdpPageLast img {
    display: none;
}

.RadDataPager .rdpPageFirst, .RadDataPager .rdpPageNext {
    margin-right: 6px;
}

.RadDataPager .rdpNumPart {
    margin-top: 11px;
}

.pagerWrapper .RadDataPager .riSingle .riTextBox {
    width: 40px;
    margin-right: 6px;
}

.RadDataPager .rdpPagerButton {
    margin-left: 6px;
    padding: 10px;
    width: 54px;
}

.RadDataPager .rdpPageFirst {
    background-image: url(/images/default-source/templateimages/pager-buttons.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-color: #e42518;
}

.RadDataPager .rdpPagePrev {
    background-image: url(/images/default-source/templateimages/pager-buttons.png);
    background-position: -30px 0px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-color: #e42518;
}

.RadDataPager .rdpPageNext {
    background-image: url(/images/default-source/templateimages/pager-buttons.png);
    background-position: -61px 0px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-color: #e42518;
}

.RadDataPager .rdpPageLast {
    background-image: url(/images/default-source/templateimages/pager-buttons.png);
    background-position: -92px 0px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-color: #e42518;
    margin-right: 20px;
}

.RadDataPager .rdpWrap, .RadDataPager .rdpWrapRight, .RadDataPager .rdpWrapNone {
    float: left;
    padding: 0 10px;
    line-height: 22px;
    white-space: nowrap;
}

.RadDataPager_Default .rdpNumPart a {
    color: #a4adb3;
}

.RadDataPager_Default .rdpNumPart a:hover {
    color: #4c565c;
}

.RadDataPager .rdpNumPart a {
    float: left;
    margin: 0;
    padding: 0 13px 0 0;
    line-height: 22px;
    text-decoration: none;
}

.RadDataPager .rdpNumPart span {
    float: left;
    padding: 0 0 0 5px;
}

@media screen and (max-width: 650px) {
    .blog-listing {
        margin-bottom: 30px;
    }
    .pagerWrapper {
        margin-bottom: 40px;
    }
    .RadDataPager .rdpWrap:nth-child(3) {
        float: right;
    }
    .RadDataPager .rdpNumPart {
        display: none;
    }
    .RadDataPager .rdpPagerLabel {
        display: none !important;
    }
    .RadDataPager .RadComboBox_Default {
        display: none !important;
    }
    .RadDataPager .riSingle {
        display: none !important;
    }
    .RadDataPager .rdpPagerButton {
        display: none !important;
    }
    .RadDataPager .pager {
        width: 100% !important;
    }
}

@media screen and (min-width: 650px) and (max-width: 768px) {
    .blog-listing {
        margin-bottom: 30px;
    }
    .pagerWrapper {
        margin-bottom: 40px;
    }
    .RadDataPager .rdpNumPart {
        display: block;
    }
    .RadDataPager .rdpWrap:nth-child(3) {
        float: none;
    }
    .RadDataPager .rdpPagerLabel {
        display: none !important;
    }
    .RadDataPager .RadComboBox_Default {
        display: none !important;
    }
    .RadDataPager .riSingle {
        display: none !important;
    }
    .RadDataPager .rdpPagerButton {
        display: none !important;
    }
    .RadDataPager .pager {
        width: 100% !important;
    }
}
.sf_pagerNumeric {
    width: 65%;
    float: right;
    margin-top: 30px;
}
@media screen and (max-width:767px) {
    .sf_pagerNumeric {
    width: 100%;
    float: left;
    margin-bottom: 17px;
}
}.sf_pagerNumeric ul {
    list-style: none!important;
    margin: 0;
    padding: 0;
    text-align: right;
}
@media screen and (max-width:767px) {
    .sf_pagerNumeric ul {
        text-align: left;
    }
}
.sf_pagerNumeric a {
    background: #a4adb3 !important;
    border: none !important;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    -ms-border-radius: 0 3px 3px 3px;
    -o-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
    color: white !important;
    display: inline-block;
    font-size: 14px;
    font-family: "Calibri Bold", Calibri, Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin-bottom: 3px;
    margin-right: 5px;
    padding: 5px 10px !important;
    text-transform: uppercase;
    -webkit-transition: background, 0.25s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition: background, 0.25s;
    -o-transition: background, 0.25s;
    transition: background .25s;
}
.sf_pagerNumeric a:hover, .sf_pagerNumeric a.selected, .sf_pagerNumeric a.sf_PagerCurrent {
    background: #e42518 !important;
    text-decoration: none;
}

/* Blog image captions */
.sfpostDetails img {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%;
}
.sfpostDetails img.full {
    max-width: 100%;
}
.sfpostDetails img.left {
    float: left;
    margin: 0 20px 20px 0;
}
.sfpostDetails .center {
    display: block;
    text-align: center;
    width: 100%;
}
.sfpostDetails .center img {
    float: none;
    margin: 0 0 20px 0;
    max-width: 65%;
}
.sfpostDetails .caption {
    color: #008fc3;
    font-family: "VistaSlabBook";
    margin-bottom: 0;
    max-width: 100px;
}
.sfpostDetails .caption::after {
    border-top: 6px solid #008fc3;
    content: attr(data-description);
    display: block;
    margin-top: -8px;
    padding: 10px 0;
}
.buzzfeed-bandwagon {
    margin-bottom: 40px;
    padding: 0 60px 20px;
    text-align: center;
}
.buzzfeed-bandwagon .caption {
    float: none;
    font-size: 1.8em;
    max-width: 100%;
    width: 100%;
}
.buzzfeed-bandwagon .caption::after {
    border-top: none;
    padding: 20px 0 10px;
}
.buzzfeed-bandwagon img {
    float: none;
    margin: 0 0 20px 0;
}
.buzzfeed-bandwagon .caption img {
    border-bottom: 6px solid #008fc3;
}
.buzzfeed-bandwagon p {
	text-align: left;
}

.sfpostDetails blockquote {
    color: #008fc3;
    display: block;
    float: right;
    font-size: 1.7em;
    font-weight: 100;
    line-height: 1.3em;
    margin: 40px 0 40px 15px;
    padding: 5px 40px 40px 40px;
    position: relative;
    text-align: center;
    width: 25%;
}
.sfpostDetails blockquote::after {
    content: '”';
    font-family: Georgia, serif;
    font-size: 3em;
    position: absolute;
    right: 0;
    bottom: 0;
}
.sfpostDetails blockquote::before {
    content: '“';
    font-family: Georgia, serif;
    font-size: 3em;
    position: absolute;
    left: 0;
    top: 0;
}
.sfpostDetails blockquote cite {
    font-size: .6em;
    display: block;
}

.sfpostDetails ol.big {
    counter-reset:li;
	margin-left: 15px;
	padding-left:0;
}

.sfpostDetails ol.big > li {
    list-style:none;
    margin-bottom: 30px;
    min-height: 34px;
    padding-left: 40px;
    position:relative;
}

.sfpostDetails ol.big > li:nth-child(1n+10) {
    padding-left: 70px;
}

.sfpostDetails ol.big > li:before {
    content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:0;
	left:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
    font-size: 55px;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
}

.sfpostDetails .callout {
    border: 1px solid #efefef;
    border-radius: 0 20px;
    width: 90%;
    padding: 20px;
    margin: 20px auto;
}

@media only screen and (max-width: 768px)
{
    .sfpostDetails .callout {
        width: 97%;
    }
}
.sfpostDetails .callout.filled {
    background-color: #efefef;
}
@media only screen and (min-width: 768px)
{
    .sfpostDetails .callout.left {
        float: left;
        margin-right: 25px;
        width: 50%;
    }
    .sfpostDetails .callout.right {
        float: right;
        margin-left: 25px;
        width: 50%;
    }
}

.sfpostDetails .callout.blue {
    background-color: #ffffff;
    border-color: #008fc3;
}
.sfpostDetails .callout.blue.filled {
    background-color: #008fc3;
}
.sfpostDetails .callout.blue.filled p {
    color: #ffffff;
}
.sfpostDetails .callout.blue.filled a {
    color: #ffffff;
    text-decoration: underline;
}
.sfpostDetails .callout.blue.filled h3 {
    color: #ffffff;
}

.sfpostDetails .callout.red {
    background-color: #ffffff;
    border-color: #E42518;
}
.sfpostDetails .callout.red.filled {
    background-color: #E42518;
}
.sfpostDetails .callout.red.filled p {
    color: #ffffff;
}
.sfpostDetails .callout.red.filled a {
    color: #ffffff;
    text-decoration: underline;
}
.sfpostDetails .callout.red.filled h3 {
    color: #ffffff;
}

.sfpostDetails .callout.green {
    background-color: #ffffff;
    border-color: #bfd434;
}
.sfpostDetails .callout.green.filled {
    background-color: #bfd434;
}

.sfpostDetails .callout.purple {
    background-color: #ffffff;
    border-color: #b24ec4;
}
.sfpostDetails .callout.purple.filled {
    background-color: #b24ec4;
}
.sfpostDetails .callout.purple.filled p {
    color: #ffffff;
}
.sfpostDetails .callout.purple.filled a {
    color: #ffffff;
    text-decoration: underline;
}
.sfpostDetails .callout.purple.filled h3 {
    color: #ffffff;
}
.sfcommentsOrderFilterWrp {
    display: none !important;
}

.sfLeaveCommentLnk { 
    display: none !important;
}

.sfcommentsList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sfcommentsListWrp h3 {
    margin-bottom: 30px;
}

.sfcommentAuthorAvatar {
    display: none;
}

.sfcommentAuthor {
    font-size: 1.8em;
    margin-bottom: 0px;
}

.sfcommentSeparator { 
    display: none !important;
}

.sfcommentDate {
    font-size: .9em;
}

.sfcommentDetails {
    margin-bottom: 25px;
}

.g-recaptcha {
    margin-bottom: 30px;
}

.sfcommentsShort {
    display: none !important;
}
.featured-main-container {
    background-color: #008fc3;
    height: 275px;
    padding: 50px 0px 60px 0px;
}

.featured-main-container::after {
    clear: both;
    content: ' ';
    display: block;
}
.featured-main::after {
    clear: both;
    content: ' ';
    display: block;
}

.featured-main {
    margin: 0 auto;
    width: 1158px;
}

.featured-main-content {
    color: #ffffff;
    height: 265px;
    margin-left: 350px;
}
.featured-main-content::after {
    clear: both;
    content: ' ';
    display: block;
}


@media screen and (max-width: 768px) {
    .featured-main-container {
        height: auto;
        padding: 0px;
    }
    .featured-main {
        width: 100%;
    }

    .featured-main-content {
        height: auto;
        margin-left: 0px;
        padding: 20px 10px;
    }
}

@media screen and (max-width: 1158px) {
    .featured-main {
        width: 100%;
    }
}

.featured-main-content h2 {
    color: #ffffff;
    font-size: 1.8em;
}

.featured-main-content h2 a {
    text-decoration: none;
}

.featured-main-content h3 {
    color: #105d84;
    font-size: 1em;
    margin: 0;
    text-transform: uppercase;
}

.featured-main-content p {
    color: #ffffff;
    line-height: 1.3em;
}

.featured-main-content a {
    color: #ffffff;
    text-decoration: underline;
}

.featured-sub-container {
    background-color: #f7f8fa;
    height: 215px;
    margin-top: -50px;
    padding: 50px 0px 0px;    
}

.featured-sub-content {    
    margin: 0 auto;
    width: 1158px;
}

.featured-image-container {
    border: 4px solid #ffffff;
    border-radius: 168px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
    height: 325px;
    overflow: hidden;
    position: relative;
    margin-top: -362px;
    width: 325px;
}

@media screen and (max-width: 768px) {
    .featured-sub-container {
        height: auto;
        margin-top: 0px;
        padding: 20px 0px 0px;    
    }

    .featured-sub-content { 
        width: 100%;
    }

    .featured-image-container {
        display: none;
    }
}

@media screen and (max-width: 1158px) {
    .featured-sub-content { 
        width: 100%;
    }
}

.featured-sub-content .featured-image-container img {
    max-height: 500px;
    max-width: 500px;
    min-height: 325px;
    min-width: 325px;
    position: absolute;
    right: -30%;
}

.featured-sub-content img {
    float: left;
    margin-right: 10px;
    max-height: 145px;
    max-width: 200px;
}

@media screen and (max-width: 768px) {
    .featured-sub-content img {
        display: none;
    }
}

.featured-sub-content h3 {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
}

.featured-sub-content h3 a {
    color: #465259;
}

.featured-sub-content .grid {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .featured-sub-content .grid {
            margin: 0px 10px;
    }
}
.details section.hubHeaderBG {
   background-image:url('/images/default-source/templateimages/productbg-1.png');
   background-position:calc(50% + 250px) -50px;
   background-repeat:no-repeat;
}


@media screen and (max-width: 500px) {
    .details section.hubHeaderBG {
       background-position:0;
       background-size: 100%;
    }
}

.hub-banner-content {
    margin: 0 auto;
    max-width: 100%;
    min-width: 0;
    width: 1158px;
}

.hub-banner-content .hub-banner-text {
    width:65%;
    float:left;
}
.hub-banner-content h1 {
    color: #ffffff;
    padding-top: 100px;
}

.hubTiles {
    clear: both;
    height:auto;
    margin-left: -1.6%;
}
.hubTiles:after {
    content: " ";
}
.hubTiles .filters select {
  	margin-bottom: 20px;
    width: 290px;
}
.hubTiles .filters{
    display: inline-block;
    margin-bottom: 40px;
    margin-left: 20px;
    padding:5px;
    width: 50%;
}
.hubTiles .hubForm {
    background-color: #e0e6ea;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2);
    color: white;
    display: inline-block;
    float: right;
    margin-top: -50px;
    padding: 10px 0 25px 50px;
    width: 40%;
}

.hubTiles .hubForm h2 {
    font-size: 1.1em;
    margin-bottom: 16px;
    padding-top: 5px;
}

.hubTiles .hubForm h1 {
    font-size: 1em;
    padding-top: 30px;
}

.hubTiles .hubForm input {
    display: inline-block;
}
.hubTiles .hubForm input[type=text] {
    width: 60%;
}
.hubTiles .hubForm input[type=submit] {
    margin-left: 20px;
    padding: .45em 1.3em;
}
.hubTiles .hubTile {
    border-radius: 10px;
    display: inline-block;
    float: left;
    font-family: Calibri;
    font-size: 15px;
    height: 325px;
    margin: 0 0 20px 1.6%;
    overflow: hidden;
    position: relative;
    width: 23.4%;
}
.hubTiles .hubTile.hidden {
    display: none;
}
.hubTiles .hubTile.featured {
    width: 48.3%;
}

.hubTiles .top{
    height:45%;
}
.hubTiles .hubTile img {
    max-width: 100%;
    width: 100%;
}
.hubTiles .hubTile.featured img {
    width: 100%;
}

.hubTiles .hubTile .content {
    background-color: white;
    bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 55%;
    padding: 0 15px;
    position: absolute;
    text-align: left;
    width: 100%;
}

.hubTiles .hubTile .content .pubdate {
    font-size: .9em;
    margin-top: 10px;
}
.hubTiles .hubTile.featured .content .pubdate {
    font-size: 1em;
    margin-top: 20px;
}

.hubTiles .hubTile h2 {
    color: #616e76;
    font-size: 1em;
    margin: 0 0 20px;
}
.hubTiles .hubTile.featured h2 {
    color: #ffffff;
    font-size: 2.3em;
    padding: 30px 0;
}

.hubTiles .hubTile h3 {
    background-color: #9c5da1;
    border-radius: 0 0 10px 10px;
    bottom: 0;
    color: #ffffff;
    font-size: 1em;
    left:0;
    margin: 0;
    padding: 8px 0;
    position: absolute;
    right:0;
    text-align: center;
    text-transform: uppercase;
}
.hubTiles .hubTile .tile-link:hover + a h3 {
    background-color: #905695;
}
.hubTiles .hubTile .top {
    background-color: #9c5da1;
}
.hubTiles .hubTile.featured .content {
    background-color: rgba(156, 93, 161, .5);
    color: #ffffff;
    height: 100%;
    padding: 0 20px;
}
.hubTiles .hubTile.featured .content:hover {
    background-color: rgba(144, 86, 149, .5);
}

.hubTiles .article h3 {
    background-color: #008fc3;
}
.hubTiles .article .tile-link:hover + a h3 {
    background-color: #0186b6;
}
.hubTiles .article .top {
    background-color: #008fc3;
}
.hubTiles .hubTile.article.featured .content {
    background-color: rgba(0, 143, 195, .5);
}
.hubTiles .hubTile.article.featured .content:hover {
    background-color: rgba(0, 134, 182, .5);
}

.hubTiles .video h3 {
    background-color: #e42518;
}
.hubTiles .video .tile-link:hover + a h3 {
    background-color: #d52317;
}
.hubTiles .video .top {
    background-color: #e42518;
}
.hubTiles .hubTile.video.featured .content {
    background-color: rgba(228, 37, 24, .5);
}
.hubTiles .hubTile.video.featured .content:hover {
    background-color: rgba(213, 35, 23, .5);
}

.hubTiles .presentation h3 {
    background-color: #bfd434;
}
.hubTiles .presentation .tile-link:hover + a h3 {
    background-color: #b2c62f;
}
.hubTiles .presentation .top {
    background-color: #bfd434;
}
.hubTiles .hubTile.presentation.featured .content {
    background-color: rgba(191, 212, 52, .5);
}
.hubTiles .hubTile.presentation.featured .content:hover {
    background-color: rgba(178, 198, 47, .5);
}

.hubTiles .hubTile .tile-link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (max-width: 1155px) {
    .hubTiles .hubTile {
        width: 31.73%;
    }
}

@media screen and (max-width: 914px) {
    .hubTiles .hubTile {
    }
}

@media screen and (max-width: 797px) {
    .hubTiles .hubTile {
        width: 48.4%;
    }
}

@media screen and (max-width: 768px) {
    .hubTiles .hubTile {
        width: 48.4%;
    }
    .hubTiles .filters select{
        width:95%;
    }
    .hubTiles .filters{
        display: block;
        margin-left: 10px;
        width: 100%;
    }
    .hubTiles .hubForm {
        display: block;
        float: none;
        margin-bottom: 15px;
        margin-left: -5px;
        width: 100%;
    }
    .hubTiles .hubForm input[type=text] {
        width: 75%;
    }
    .hubTiles .hubForm input[type=submit] {
        display: block;
        margin: 15px 0 0 0;
        width: 75%;
    }
}

@media screen and (max-width: 500px) {
    .hubTiles {
        margin-left: 0;
    }
    .hubTiles .filters{
        margin-left: 0;
    } 
    .hubTiles .hubTile, .hubTiles .hubTile.featured {
        cursor: default;
        height: 220px;
        margin-left:0;
        padding:0;
        width:100%;
    }

    .hubTiles .hubTile img {
        width: 100%;
    }
    .hubTiles .hubTile  a{
        border-radius: 3px;
        color: #ffffff;
        display:block;
        font-family: Arial;
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0;
        padding: 10px;
        text-align:center;
        text-decoration: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }      
    .hubTiles .hubTile .icon {
        display: none;
        z-index: -1;
    }
    .hubTiles .hubTile .content, .hubTiles .hubTile.featured .content {
        color: #FFF;
        height:100%;
        overflow: hidden;
        position:absolute;
        text-align: left;
    }
    .hubTiles .hubTile h3, .hubTiles .hubTile.featured h3 {
        bottom: 0;
        color: #FFF;
        display: inline-table;
        font-size: 1.1em;
        position:absolute;
        width: 100%;
    }
    .hubTiles .hubTile h2, .hubTiles .hubTile.featured h2{
        color: #FFF;
        font-size: 1.5em;
        margin: 10px 0 15px;
        padding-top: 10px;
        text-shadow: 1px 1px grey;
    }
    .hubTiles .hubTile.featured .content .pubdate {
        font-size: .9em;
        margin-top: 10px;
    }
    .hubTiles .other .content {
        background-color: rgba(156, 93, 161, .5);
    }
    .hubTiles .hubTile.other {
        background-color: rgba(156, 93, 161, .5);
    }
    .hubTiles .hubTile.other:hover, .hubTiles .hubTile.other:hover h3, .hubTiles .hubTile.other.featured:hover, .hubTiles .hubTile.other.featured:hover .content {
        background-color: rgba(144, 86, 149, .5);
    }
    .hubTiles .article .content {
        background-color: rgba(0, 143, 195, .5);
    }
    .hubTiles .hubTile.article {
        background-color: rgba(0, 143, 195, .5);
    }
    .hubTiles .hubTile.article:hover, .hubTiles .hubTile.article:hover h3, .hubTiles .hubTile.article.featured:hover, .hubTiles .hubTile.article.featured:hover .content {
        background-color: rgba(0, 134, 182, .5);
    }
    .hubTiles .video .content {
        background-color: rgba(228, 37, 24, .5);
    }
    .hubTiles .hubTile.video {
        background-color: rgba(228, 37, 24, .5);
    }
    .hubTiles .hubTile.video:hover, .hubTiles .hubTile.video:hover h3, .hubTiles .hubTile.video.featured:hover, .hubTiles .hubTile.video.featured:hover .content {
        background-color: rgba(213, 35, 23, .5);
    }
    .hubTiles .presentation .content{
        background-color: rgba(191, 212, 52, .5);
    }
    .hubTiles .hubTile.presentation{
        background-color: rgba(191, 212, 52, .5);
    }
    .hubTiles .hubTile.presentation:hover, .hubTiles .hubTile.presentation:hover h3, .hubTiles .hubTile.presentation.featured:hover, .hubTiles .hubTile.presentation.featured:hover .content {
        background-color: rgba(178, 198, 47, .5);
    }
}

.related-posts-nav {
    background-color: #f7f8fa;
    height: 130px;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-left: -80%;
    overflow: visible;
    padding: 0 80% 0;
    width: 100%;
}

.related-posts-nav .prev, .related-posts-nav .next {
    background-position-y: 50%;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100%;
}

.related-posts-nav .prev {
    /*background-image: url(/images/default-source/templateimages/chevron_left.png);*/
    background-size: 19px 35px;
    border-right: 1px solid #e1e1e1;
    padding: 25px 0 0 60px;
    width: 49%;
}

.related-posts-nav .next {    
    /*background-image: url(/images/default-source/templateimages/chevron_right.png);*/
    background-size: 19px 35px;
    background-position-x: 100%;
    padding: 25px 0 0 20px;
    width: 50%;
}

.related-posts-nav img {
    float: left;
    margin-right: 10px;
    max-width: 100px;
}


.related-posts-nav img.none {
    display:none;
}

.related-posts-nav img.none + h3 {
    color: #e1e1e1;
    padding-left: 25px;
}

.related-posts-nav h3 {
    font-size: .9em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.related-posts-nav a {
    display: block;
    font-size: .8em;
    height: 80%;
    width: 93%;
}

.related-posts-nav .prev a {
    margin-left: -60px;
    padding-left: 60px;
}

.related-posts-nav .next a {
    padding-right: 60px;
}
/*Style For Sample Page Only*/
.main-content {
    font-size: 1.000em;
    margin: 0 auto;
    max-width: 1158px;
    background-color: #F0F0F0;
}
.column:first-child .blueContent{
    border-radius: 0 0 0 20px;
}
.column:last-child .blueContent{
    border-radius: 0 0 20px 0;
}

.blueContent {
    height: 600px;
    background-color: white;
    margin: 10px 0;
    position: relative;
}

    .blueContent h2, .blueContent h3, .blueContent ul, .blueContent h4 {
        color: #4C565C;
    }

    .blueContent h3 {
        text-align: center;
        margin-bottom: 10px;
        font-size:1.250em;
    }

    .blueContent p {
        padding: 0 25px;
    }

    .blueContent .top {
        background-color: #008FC3;
        background-size: 100%;
        height: 217px;
        overflow:hidden;
    }
    .blueContent .top img {
        width: 100%;
        height: 100%;
        opacity: 0.1;
        /*IE8*/
        filter: alpha(opacity = 10);
        zoom: 1;
    }

        .blueContent .top .icon {
            background-color: white;
            box-shadow: 2px 0 13px -5px black;
            width: 190px;
            height: 190px;
            border-radius: 150px;
            margin: auto;  
            position: absolute;
            left:0;
            right: 0;
            top: 45px;
            background-repeat: no-repeat;
            background-position: center;
        }
        .blueContent .top .icon img {
            margin: auto;  
            position: absolute;
            left:0;
            right: 0;
            top: 0;
            bottom: 0;
            width:auto;
            opacity: 1;
        }

    .blueContent .content {
        padding: 40px 10px;
        height: 180px;
    }

    .blueContent .bottom {
        text-align: center;
        padding: 30px 30px;
    }

    .blueContent .bottom .btn {
        text-decoration: none;
        border-radius: 5px;
        border: none;
        color: #ffffff;
        font-size: 1.125em;
        background: #E42518;
        padding: 10px 50px;
        text-transform: uppercase;
        font-weight: bold;
        text-align:center;
        display:inline-block;
    }

    .blueContent .bottom .btn:hover {
        background: #CD2116;
        text-decoration: none;
    }
@media only screen and (max-width: 1024px) {
    .blueContent .content {
        padding: 40px 10px 70px;
        height: 180px;
    }
    .blueContent p {
        padding: 0 10px;
    }
    .blueContent .bottom .btn {
        padding: 10px 35px;
    }
    /*four Column Specific*/
    .column-span3 .bottom .btn {
        display:block;
        padding: 10px 10px;
    }
}
@media only screen and (max-width: 768px) {
    .blueContent .bottom .btn {
        display:block;
        }
    .blueContent .content {
        height:auto;
        padding: 40px 10px 0 10px;
    }
    .blueContent {
        height:auto;
        margin-top: 50px;
    }
    .blueContent .bottom{
        padding: 10px 10px 40px 10px;
    }
    .blueContent p{
        padding:0;
    }
    .column .blueContent{
        border-radius: 0 0 20px 20px !important;
    }

    /*One Column Specific*/
    .column-span12 .blueContent .bottom{
        padding: 10px 10px 40px 10px;
    }
}
@media only screen and (min-width: 769px) {

    /*One Column Specific*/
    .column-span12 .blueContent{
        height: 340px;
        border-radius: 20px 20px 0 0 !important;
    }
    .column-span12 .blueContent .content{
        padding-top:35px;
        height: 150px;
    }
    .column-span12 .blueContent .top{
        margin-right:30px;
        background-color: #008FC3;
        background-size: 100%;
        border-radius: 20px 0 0 0;
        width: 50%;
        float:left;
        height: 100%;
        position:relative;
    }
    .column-span12 .top .icon {
            background-color: white;
            box-shadow: 2px 0 13px -5px black;
            margin: auto;  
            position: absolute;
            left:0;
            right: 0;
            top: 0;
            bottom: 0;
            background-repeat: no-repeat;
            z-index: 0;
    }
    /*four Column Specific*/
    .column-span3 .blueContent{
        height: 610px;
    }
    .column-span3 .blueContent .content{
        padding:40px 10px 30px;
        height: 230px;

    }
    .column-span3 .blueContent .bottom{
        padding: 20px 10px;
    }
    
    @media only screen and (max-width: 1155px) {
         .column-span3 .blueContent{
            height: 650px;
        }
        .column-span3 .blueContent .content{
            padding:40px 10px 30px;
            height: 285px;

        }
    }
        @media only screen and (max-width: 900px) {
                /*One Column Specific*/
            .column-span12 .blueContent .content{
                padding-top:20px;
                height: 170px;
            }

           .column-span3 .blueContent{
            height: 720px;
            }
            .column-span3 .blueContent .content{
                padding:40px 10px 30px;
                height: 350px;

            }
    }
}
.modalProgress
{ 
	z-index:100;
	position:absolute;			
	background-color:white;
    width:100%;
    height:100%; 
    opacity: 0.9;
    text-align: center;
    left:0;
    border-radius: 9px;
}
.modalProgress img
{ 
	position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}
.detailbreadcrumbs a {
     font-family: Calibri,Arial,Helvetica,sans-serif !important;
     color: #008fc3 !important;
     display: inline-block;
     padding: 0 5px 4px;
     text-transform:uppercase;
}
.detailbreadcrumbs a:hover {
    text-decoration:underline !important;
    background-image : none !important;
    color: #008fc3 !important;
    background-color: white !important;
}
li.sfBreadcrumbNavigation {
  display: inline-block;
  float: none;
  clear: left;
  font-size: .7em;
}
li.sfNoBreadcrumbNavigation {
  display: inline-block;
  float: none;
  clear: left;
  font-size: .7em;
}
 

@media only screen and (max-device-width: 768px) {
    .detailbreadcrumbs {
        display: none;
    }
}


.certmaster .coloredbox {
    width:100%;
    max-width:100%;
    min-width:100px;
    border-radius:10px;
    border:1px solid #E9E9E9;
    margin-bottom:20px;
}

.certmaster  .coloredbox .heading {
    border-radius:10px 10px 0px 0px;
}

.certmaster  .coloredbox .blue {
    background-color:#008fc3;
}

.certmaster  .coloredbox .red {
    background-color:#ec3429;
}

.certmaster  .coloredbox .yellow {
    background-color:#bfd434;
}

.certmaster .coloredbox .heading h3 {
    color:#ffffff;
    padding:20px;
    margin:0;
    font-size:1.20em;

}

.certmaster .coloredbox .body {
    background-color:#ffffff;
    border-radius:0px  0px 10px 10px;
    padding:20px;
}

.certmaster .coloredbox .body p:last-child {
    margin-bottom:0px;
}
.certmaster-banner-container {
    background-color: #034a6c;
    color: #ffffff;
    height: 400px;
}

.certmasterbackground {
    background-image: url('/images/default-source/templateimages/certmasterbannerbackground.png?sfvrsn=2');
    background-position: calc(50% + 238px) 0px !important;
    background-repeat: no-repeat;
}

.cermaster-large-text {
    font-size: 1.50em;
    font-weight: 100;
}

.certmaster-login .body{
    text-align:center;
}

.certmaster-login input {
    margin-bottom: 10px;
}

    .certmaster-login input[type=submit] {
        text-align: center;
    }

.certmaster-login p { 
    font-size: .85em;
    text-align: center;
}

@media screen and (max-device-width: 768px) {
    .certmaster-banner-container {
        height: 288px; 
    }  
}

@media screen and (max-device-width: 640px) {

    .certmaster-banner-container {
        height: 250px;
    }

    .banner-content .banner-text {
        width: 60%;
    }

    .certmaster-banner-container p {
        display: none;
    }


    .certmaster-banner-container h1 {
        font-size: 1.75em !important;
        padding-top: 55px !important;
    }
}


@media screen and (max-device-width: 600px) {

    .banner-content .banner-text {
        width: 50%;
    } 
   
}
.certmaster .quotebox {
    border-radius: 10px;
    background-color: #ffffff;
    color:#74797c;
    height: 200px;
    margin-bottom: 25px;
    padding: 30px 20px 10px;
    width: 90%;
}

.certmaster .quotebox .bigquote {
    font-family: "VistaSlabBook";
    font-size: 5em;
    line-height: 0;
    opacity: 0.5;
    padding-bottom: 15px;
    padding-top: 25px;
    color:#0391c2;
}

.certmaster .quotebox  .quote {
        color:#74797c;
        font-size:1.2em;
        font-weight:bold;
    font-family: "VistaSlabBook";
}

.certmaster .quotebox  .name {
        color:#74797c;
        font-size:1.0em;
        font-weight:normal;
}

.certmaster-announcement {
    background-color: #F2DEDE;
    border: 1px solid #ed241a;
    font-size: 1.1em;
    margin: 30px 0 0;
    padding: 20px;
}
.ceu-container {
    background-color: #1792c3;
    background-image: url("/images/default-source/templateimages/homepage-header-01.png");
    padding: 30px 50px 134px 50px;
    position: relative;
}

.ceu-container h1 {
    color: #ffffff;
    font-size: 2.8em;
    text-align: center;
}

.ceu-steps {
    width: 25%;
    margin: 10px auto 25px;
    margin-top: -48px;
}

.ceu-steps .step-container {
    width: 86px;
    margin: 0 auto;
}

.ceu-steps .step {
    background-color: #b7b7b7;
    border-radius: 5px;
    display: inline-block;
    height: 7px;
    margin-right: 6px;
    width: 7px;
}

.ceu-steps .step.current {
    background-color: #008fc3;
    border-radius: 6px;
    height: 12px;
    margin-bottom: -2px;
    width: 12px;
}

.ceu-content {
    background-color: white;
    padding: 25px 50px 65px 50px;
    border-radius: 30px;
    width: 60%;
    margin: 0 auto;
}

@media screen and (max-width: 1364px) {
    .ceu-content {
        width: 65%;
    }
}

.ceu-content h1 {
    color: #4c565c;
    font-size: 2.3em;
    margin-top: 15px;
    text-align: left;
}

.ceu-content input[type="checkbox"] {
    display: none;
    margin-bottom: 1em;
}
.ceu-content input[type="checkbox"]+label:after {
    clear: both;
    content: ' ';
    display: block;
}
.ceu-content input[type="checkbox"]+label:before {
    display: inline-block;
    width: 17px;
    height: 16px;
    margin: -4px 8px 0 0;
    vertical-align: middle;
    background: url(/images/default-source/templateimages/custom-form-elements.png) 0 -28px no-repeat;
    cursor: pointer;
    content: ' ';
}
.ceu-content input[type="checkbox"]:checked+label:before {
    background: url(/images/default-source/templateimages/custom-form-elements.png) 0 -44px no-repeat;
}

.ceu-content input[type="checkbox"]:after {
    clear: none;
}
.ceu-content input[type="checkbox"] label {
    margin-bottom: 0;
    width: auto;
}

.ceu-content input[type="checkbox"].nojs-cert {
    display: inline-block;
    float: left;
    margin-top: 50%;
    margin-left: -22px;
}

.ceu-content .radiobutton {
    width: 35%;
}

.ceu-content ul {
    list-style: disc;
    margin-left: 30px;
    overflow: visible;
}

.ceu-content ul.label-list {
    margin-left: 47px;
}

.ceu-content span.error {
    margin-top: 0;
}

.ceu-container .button-container {
    clear: both;
    margin: 20px auto 0;
    text-align: center;
    width: 50%;
}
.ceu-content .button {
    background-color: #70b343;
    border-color: #70b343;
}
.ceu-content .button:hover {
    background-color: #598e35;
    border-color: #598e35;
}

.ceu-content .button:disabled {
    background-color: #4c565c;
    border-color: #4c565c;
}

.ceu-content .nope-content {
    background-color: #f7f8fa;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #4c565c;
    border-radius: 20px;
}

.ceu-content .nope-content img {
    float: left;
    margin-right: 30px;
}

.ceu-content .nope-content .button-container .button {
    background-color: #e42518;
    border-color: #e42518;
}
.ceu-content .nope-content .button-container .button:hover {
    background-color: #CD2116;
    border-color: #CD2116;
}

.ceu-content .cert-container {
    width: 100%;
}

.ceu-content .cert-container:after {
    clear: both;
    content: ' ';
    display: block;
}

.ceu-content .cert-container .cert, .ceu-content .cert-container .cert-readonly {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 33%;
}

.ceu-content .cert-container .cert:hover {
    cursor: pointer;
}

.ceu-content .cert-container .cert img, .ceu-content .cert-container .cert-readonly img {
    max-height: 100px;
    max-width: 100px;
    margin-top: 11px;
}

.ceu-content .cert-container .cert h2, .ceu-content .cert-container .cert-readonly h2 {
    font-size: 14px;
    color: #4c565c;
}

.ceu-content .cert-container .cert .outer-cert, .ceu-content .cert-container .cert-readonly .outer-cert {
    width: 130px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 70px;
    height: 130px;
    padding-top: 10px;
    padding-left: 10px;
}

.ceu-content .cert-container .cert .outer-cert.selected {
    background-color: #bfd434;
}

.ceu-content .cert-container .cert .inner-cert, .ceu-content .cert-container .cert-readonly .inner-cert {
    width: 120px;
    background-color: #f7f7f7;
    border-radius: 60px;
    height: 120px
}

.ceu-content .objective-container {
    width: 100%;
}

.ceu-content .objective-container.three-quarters {
    float: left;
    width: 70%;
}

.ceu-content .objective-inner {
    margin-bottom: 20px;
    width: 100%;
}

.ceu-content .objective-inner:after {
    clear: both;
    content: ' ';
    display:block;
}

.ceu-content .objective-image {
    float: left;
    margin-right: 10px;
    width: 50px;
}

.ceu-content .objective-content {
    float: left;
    width: 80%;
}

.ceu-content .objective-content h3 {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}

.ceu-content .objective-content p {
    margin: 0;
    padding: 0;
}

.ceu-content .objective-content a {
    color: #e42518;
    position: relative;
    text-decoration: underline;
}

.ceu-content .objective-content a:before {
    background-image: url("/images/default-source/templateimages/new_window.png");
    background-position: 160px 7px;
    background-repeat: no-repeat;
    content: ' ';
    height: 20px;
    position: absolute;
    width: 175px;
}

.ceu-content .objective-content a:hover {
    text-decoration: none;
}

.ceu-content img.cert-small {
    max-height: 50px;
    max-width: 50px;
}

.ceu-container .triangle {
    width: 0;
    height: 0;
    border-bottom: 96px solid white;
    border-left: 96px solid transparent;
    overflow: hidden;
    position: absolute;
    bottom: 114px;
    left: 16%;
    z-index: 0;
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    transform: rotate(-22deg);
}

.ceu-container .dude {
    position: absolute;
    bottom: -2px;
    left: 154px;
    width: 190px;
}

.ceu-container .ceu-content .right-form {
    background-color: #f7f7f7;
    border-radius: 20px;
    float: right;
    padding: 20px;
    width: 25%;
}

.ceu-container .ceu-content .right-form input[type=text] {
    margin-bottom: 15px;
}

@media only screen and (max-width:768px) {
    .ceu-container {
        padding: 114px 0 0;
    }
    .ceu-container .dude {
        position: absolute;
        top: -6px;
        left: -6px;
        width: 121px;
    }

    .ceu-container .triangle {
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-right: 22px solid transparent;
        border-bottom: 30px solid white;
        border-left: 22px solid transparent;
        overflow: hidden;
        position: absolute;
        top: 42px;
        left: 100px;
        z-index: 0;
        -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        -o-transform: rotate(35deg);
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }
    .ceu-container h1 {
        display: none;
    }
    .ceu-container .ceu-content h1 {
        background: white;
        border-radius: 10px;
        display: block;
        font-size: 1.3em;
        height: 53px;
        left: 29%;
        padding: 15px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 60%;
    }
    .ceu-container .ceu-content {
        border-radius: 0;
        padding: 50px 0;
        width: 100%;
    }
    .ceu-container .ceu-content p, .ceu-container .ceu-content .inner-content  {
        margin-left: 25px;
        margin-right: 25px;
        width: 87%;
    }
    .ceu-container .ceu-content ul {
        margin-left: 55px;
    }
    .ceu-steps {
        display: none;
    }
    .ceu-container .ceu-content select {
        width: 88%;
        margin-left: 5%;
    }
    .ceu-content .radiobutton {
        margin-left: 25px;
        width: 50%;
    }
    .ceu-content .cert-container .cert, .ceu-content .cert-container .cert-readonly {
        width: 50%;
    }
    .ceu-content .objective-container {
        background-color: #f7f7f7;
        padding: 10px 5px;
    }
    
    .ceu-content .objective-container.three-quarters {
        float: none;
        width: 100%;
    }
    .ceu-container .ceu-content .right-form {
        float: none;
        margin-bottom: 20px;
        padding: 20px 0;
        text-align: center;
        width: 100%;
    }
    .ceu-container .ceu-content .right-form input[type=text] {
        width: 80%;
    }

    .ceu-content {
        text-align: center;
    }

    .ceu-content .nope-content img {
        float: none;
        margin-left: 25px;
        max-width: 75px;
    }
}
/*
	JQuery Accordion
	Author: marcoarib
	Date: 2013/05/29
	Contact: marco.arib@gmail.com
	Website: http://codecanyon.net/user/marcoarib
*/


@import "font-awesome.css";

.accordion{
	width: 100%;
}

.accordion-header{
	margin: 0;
	font-size: 15px;
	color: #777;
	cursor: pointer;
	z-index: 100;
	border: solid 1px #dddddd;
	background: #f5f5f5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #f5f5f5 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #f5f5f5 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f0f0f0',GradientType=0 );

	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	border-radius: 4px;
}
.accordion-header:hover{
	background: #f0f0f0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ebebeb));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ebebeb 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#ebebeb 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#ebebeb 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ebebeb',GradientType=0 );
}
.accordion-header span.title{
	display: inline-block;
	margin-left: 8px;
	padding: 8px 0 9px 3px;
    font-family:'VistaSlab';
    font-size:1.5em;
}
.accordion-header i{
	display: block;
	float: left;
	margin-left: 12px;
	margin-top: 9px;
	margin-top: 7px \9;
	
}
.accordion-content{
	display: none;
	padding: 20px 20px 0px;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	z-index: 1;
	background: #f1f1f1;
}

/* header focus style
-----------------------------*/
.focus, .focus:hover{
	color: #666;
	background: #eeeeee;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	border-color: #dddddd;
}
.opened{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* grid system
-----------------------------*/
.accordion-content .row{
	width: 100%;
	margin-top: 15px;
}
.accordion-content .row:first-child {
	margin-top: 0;
}
.accordion-content .row:before,
.accordion-content .row:after {
	display: table;
	content: "";
	line-height: 0;
}
.accordion-content .row:after {
	clear: both;
}
.accordion-content .row .col1,
.accordion-content .row .col2,
.accordion-content .row .col3,
.accordion-content .row .col4{
	display: block;
	width: 100%;
	min-height: 20px;
	float: left;
	margin-left: 2.127659574468085%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accordion-content .row [class*="col"]:first-child {
	margin-left: 0;
}
.accordion-content .row .col1{
	width: 23.404255319148934%;
}
.accordion-content .row .col2{
	width: 48.93617021276595%;
}
.accordion-content .row .col3{
	width: 74.46808510638297%;
}
.accordion-content .row .col4{
	width: 100%;
}


/* styles
-----------------------------*/
.black .focus{ 
	background: #676b73;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3NmI3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #676b73 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676b73), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #676b73 0%,#333333 100%);
	background: -o-linear-gradient(top,  #676b73 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #676b73 0%,#333333 100%);
	background: linear-gradient(to bottom,  #676b73 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676b73', endColorstr='#333333',GradientType=0 );
	border-color: #676b73;
	color: #dedede;
}
.blue .focus{ 
	background: #02b8fa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyYjhmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjkzYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #02b8fa 0%, #0293c8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02b8fa), color-stop(100%,#0293c8));
	background: -webkit-linear-gradient(top, #02b8fa 0%,#0293c8 100%);
	background: -o-linear-gradient(top, #02b8fa 0%,#0293c8 100%);
	background: -ms-linear-gradient(top, #02b8fa 0%,#0293c8 100%);
	background: linear-gradient(to bottom, #02b8fa 0%,#0293c8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02b8fa', endColorstr='#0293c8',GradientType=0 ); 
	border-color: #02b8fa;
	color: #fff; 
}
.green .focus{ 
	background: #88c425;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YzQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDllMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #88c425 0%, #6d9e1e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88c425), color-stop(100%,#6d9e1e));
	background: -webkit-linear-gradient(top, #88c425 0%,#6d9e1e 100%);
	background: -o-linear-gradient(top, #88c425 0%,#6d9e1e 100%);
	background: -ms-linear-gradient(top, #88c425 0%,#6d9e1e 100%);
	background: linear-gradient(to bottom, #88c425 0%,#6d9e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c425', endColorstr='#6d9e1e',GradientType=0 ); 
	border-color: #88c425;
	color: #fff;
}
.red .focus{ 
	background: #cf0404;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNzAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #cf0404 0%, #a70303 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#a70303));
	background: -webkit-linear-gradient(top, #cf0404 0%,#a70303 100%);
	background: -o-linear-gradient(top, #cf0404 0%,#a70303 100%);
	background: -ms-linear-gradient(top, #cf0404 0%,#a70303 100%);
	background: linear-gradient(to bottom, #cf0404 0%,#a70303 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#a70303',GradientType=0 ); 
	border-color: #cf0404;
	color: #fff; 
}
.orange .focus{ 
	background: #ff670f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjcwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODRmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ff670f 0%, #d84f00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff670f), color-stop(100%,#d84f00));
	background: -webkit-linear-gradient(top, #ff670f 0%,#d84f00 100%);
	background: -o-linear-gradient(top, #ff670f 0%,#d84f00 100%);
	background: -ms-linear-gradient(top, #ff670f 0%,#d84f00 100%);
	background: linear-gradient(to bottom, #ff670f 0%,#d84f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#d84f00',GradientType=0 ); 
	border-color: #ff670f;
	color: #fff;
}
.yellow .focus{ 
	background: #febf01;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjk5MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #febf01 0%, #cb9901 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(100%,#cb9901));
	background: -webkit-linear-gradient(top, #febf01 0%,#cb9901 100%);
	background: -o-linear-gradient(top, #febf01 0%,#cb9901 100%);
	background: -ms-linear-gradient(top, #febf01 0%,#cb9901 100%);
	background: linear-gradient(to bottom, #febf01 0%,#cb9901 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#cb9901',GradientType=0 ); 
	border-color: #febf01;
	color: #444;
}
.pink .focus{ 
	background: #f82b4c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4MmI0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzA3MmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f82b4c 0%, #e3072c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f82b4c), color-stop(100%,#e3072c));
	background: -webkit-linear-gradient(top, #f82b4c 0%,#e3072c 100%);
	background: -o-linear-gradient(top, #f82b4c 0%,#e3072c 100%);
	background: -ms-linear-gradient(top, #f82b4c 0%,#e3072c 100%);
	background: linear-gradient(to bottom, #f82b4c 0%,#e3072c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82b4c', endColorstr='#e3072c',GradientType=0 ); 
	border-color: #f82b4c;
	color: #fff; 
}
.purple .focus{ 
	background: #a737fa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MzdmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YTA2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #a737fa 0%, #8a06ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a737fa), color-stop(100%,#8a06ee));
	background: -webkit-linear-gradient(top, #a737fa 0%,#8a06ee 100%);
	background: -o-linear-gradient(top, #a737fa 0%,#8a06ee 100%);
	background: -ms-linear-gradient(top, #a737fa 0%,#8a06ee 100%);
	background: linear-gradient(to bottom, #a737fa 0%,#8a06ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a737fa', endColorstr='#8a06ee',GradientType=0 ); 
	border-color: #a737fa;
	color: #fff;
}


/* responsive layout
-----------------------------*/
@media (max-width: 480px) {
	.accordion-content .row [class*="col"]{
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.accordion-content .row:first-child  [class*="col"]:first-child {
		margin-top: 0;
	}
	.accordion-content .row{
		margin-top: 0;
	}
}

/* styles for pyramid menu CO */

.pyramid-menu .accordion-item {
    border: solid 2px #fff;
}

.pyramid-menu .accordion-item:nth-child(1) {
    width:45%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(1) .accordion-header{
    background:#0091ba;
    color:#fff;
    text-align:center;
}

.pyramid-menu .accordion-item:nth-child(2){
    width:55%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(2) .accordion-header{
    background:#017b9d;
    color:#fff;
    text-align:center;
}

.pyramid-menu .accordion-item:nth-child(3){
    width:65%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(3) .accordion-header{
    background:#016e8d;
    color:#fff;
    text-align:center;
}

.pyramid-menu .accordion-item:nth-child(4){
    width:75%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(4) .accordion-header{
    background:#005f7a;
    color:#fff;
    text-align:center;
}

.pyramid-menu .accordion-item:nth-child(5){
    width:85%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(5) .accordion-header{
    background:#01536a;
    color:#fff;
    text-align:center;
}

.pyramid-menu .accordion-item:nth-child(6){
    width:95%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(6) .accordion-header{
    background:#014558;
    color:#fff;
    text-align:center;
}

.pyramid-menu .accordion-item:nth-child(7){
    width:100%;
    margin:auto;
}

.pyramid-menu .accordion-item:nth-child(7) .accordion-header{
    background:#003a4b;
    color:#fff;
    text-align:center;
}

.pyramid-menu .footnote {
    text-align:center;
    font-size:10px;
}
.standard-cycle {
    background:url(/images/default-source/siteimages/standardcecycle.png?sfvrsn=2) no-repeat;
    height: 46px;
    width: 100%;
}

.renewal-cycle {
    background:url(/images/default-source/siteimages/cerenewalcycle.png?sfvrsn=2) no-repeat;
    height: 53px;
    width: 100%;
}

.renewal-text {
    width: 25%;
    float: left;
}

.renewal-text ul {
    padding-left: 20px;
}

.requiredCEUchart {
    width:95%;
    margin:0 auto;
    padding-bottom:20px;
    font-size:1.5em;
}

.requiredCEUchart div {
    padding-bottom:10px;
}


.requiredCEUchart .charttext {
    display:inline-block;
    font-family:'VistaSlab';
    padding:10px;
}

.requiredCEUchart .rc20 .charttext { 
    color:#b24ec4;
}

.requiredCEUchart .rc20 .aplus {
    background-color:#b24ec4;
    border-radius:10px 0 10px 0;
    width:20%;
    color:#ffffff;
    font-family:'VistaSlab';
    padding:10px;
    display:inline-block;
}

.requiredCEUchart .rc30 .charttext { 
    color:#f26c23;
}

.requiredCEUchart .rc30 .network {
    background-color:#f26c23;
    border-radius:10px 0 10px 0;
    width:30%;
    color:#ffffff;
    font-family:'VistaSlab';
    padding:10px;
    display:inline-block;
}

.requiredCEUchart .rc50 .charttext { 
    color:#0090b9;
}

.requiredCEUchart .rc50 .security {
    background-color:#0090b9;
    border-radius:10px 0 10px 0;
    width:50%;
    color:#ffffff;
    font-family:'VistaSlab';
    padding:10px;
    display:inline-block;
}

.requiredCEUchart .rc60 .csa {
    background-color:#0090b9;
    border-radius:10px 0 10px 0;
    width:60%;
    color:#ffffff;
    font-family:'VistaSlab';
    padding:10px;
    display:inline-block;
}

.requiredCEUchart .rc75 .charttext { 
    color:#004d71;
}

.requiredCEUchart .rc75 .casp {
    background-color:#004d71;
    border-radius:10px 0 10px 0;
    width:75%;
    color:#ffffff;
    font-family:'VistaSlab';
    padding:10px;
    display:inline-block;
}

@media screen and (max-width: 480px) {
    .requiredCEUchart {
        font-size:1.25em;
    }
}
.cta-bar {
    padding: 0 80% !important;
    width: 134%;
    min-width: 100px;
    margin-bottom: 20px;
    background-color: #f7f8fa;
    overflow: visible;
    margin-left: -80%;
}

.padded-bar {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padded-bar h2 {
    padding-top: 0px;
}

.cta-bar-full {
    background-color: #f7f8fa;
    margin-bottom: 20px;
    margin-left: 0px;
    min-width: 100px;
    overflow: visible;
    padding: 0px 7%;
    width: 88%;
}

@media screen and (max-width: 1158px) {
    .cta-bar {
        margin-left: -13px !important;
        padding-left: 2% !important;
        padding-right: 42% !important;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .cta-bar {
        margin-left: 0;
        padding: 10px !important;
        width: 100%;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
    .cta-bar-full {
        margin-left: 0;
        padding: 10px;
        width: 94%;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
}

.documentdownloadform-container {
    background-color: #a1a1a1;
    background-repeat:no-repeat;
    background-position: calc(50% + 480px) 0px !important;
}  

.DownloadFormImage1 {   
    background-image:url('/images/default-source/siteimages/thinkstockphotos-460133603.jpg?sfvrsn=2');
}

.DownloadFormImage2 {   
    background-image:url('/images/default-source/siteimages/thinkstockphotos-477561678.jpg?sfvrsn=2');
}

.documentdownloadform-container .documentdownloadform-content {
    height: 525px;
}

.documentdownloadform-container .documentdownloadform-content h1 {
    color: #ffffff;
    font-size: 2.5em;
    padding: 20px 0 0 0;
    margin:0;
}

.documentdownloadform-container .documentdownloadform-content a { 
    color:#ffffff;
}

.documentdownloadform-container .documentdownloadform-content p { 
    color:#ffffff;
    padding:10px 0px 10px 0px;
    margin:0px;
}


.documentdownloadform-container .column {
    padding:5px;
    color:#ffffff;
}


.documentdownloadform-container .checkbox-list label {
    padding-left:10px;
    padding-right:10px;
}


.documentdownloadform-container .grid .center {
    text-align: center;
}

.documentdownloadform-container  span.error {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .documentdownloadform-container .documentdownloadform-content {
        height:auto;
    }

    .DownloadFormImage1 {
        background-image:none;
    }
}
















.documentdownloadform-wrapper {

    border: 1px solid #e9e9e9;
    border-radius: 20px 20px 0 0;
    margin-bottom: 20px;
    max-width: 100%;
    min-width: 100px;
    width: 100%;
}

.documentdownloadform-wrapper .column {
    padding:5px;
}

.documentdownloadform-wrapper .heading {
    background-color:#f08426;
    border-radius: 20px 20px 0 0;
}

.documentdownloadform-wrapper  .heading h1 {
    color: #ffffff;
    font-size: 2.0em;
    margin: 0;
    padding: 20px;
}

.documentdownloadform-wrapper p { 
    padding:20px 20px 0px;
}

.documentdownloadform-wrapper .grid { 
    padding: 0px 20px 20px 20px;
}

.formBackgroundImage {
    background:url('/UI/Assets/sampleImage2.jpg') no-repeat;
}
.footer{
    padding: 60px 10px 10px 10px;
    overflow:auto;
}
.footer a{
    text-decoration:none;
    color: #90797C;
    display: table;
    text-align:left;
    font-size: 0.938em;
}
.footer a:hover{
    text-decoration:underline;
}
.footer .column{
    width: 25%;
    float:left;
    position: relative;
    margin-bottom: 40px;
}
.footer .column ul{
    list-style-type:none;
    margin: 0;
    padding: 0;
}
.footer .column li{
    padding: 3px 0;
}
.footer .column h3{
     font-weight:bold;
     padding-top: 10px;
     margin: 0;
     color: #4C565C;
     border-top: 3px solid #E42518;
     display: table;
     text-align:left;
     font-size: 1.000em;
     text-transform: uppercase;
}
.footer .column ul.social{
    margin:30px 0 0 0;
}  
.footer .column .social li{
    display:inline-block;
    margin-right:4%;
}
@media screen and (max-width: 1000px){
    .footer .column:nth-child(3){
        margin-bottom: 0;
    }
}
@media screen and (max-width: 740px){
    .footer .column:first-child {
        width: 100%;
    }
    .footer .column{
        width: 33.3%;
    }
}
@media screen and (max-width: 400px){
    .footer .column:first-child {
        width: 100%;
    }
    .footer .column:nth-child(3){
        margin-bottom:80px;
    }
    .footer .column{
        width: 50%;
    }
}


.copyright-container .copyright-content  ul{
    list-style-type:none;
    margin: 0 auto;
    padding: 20px 0 30px 0;
    display:inline-block;
}
.copyright-container .copyright-content li{
    display:inline;
    margin-right:15px;
    color: #90797C;
    font-size: 0.875em;
}
.copyright-container .copyright-content a{
    color: #90797C;
    text-decoration:none;
}
.copyright-container .copyright-content a:hover{
    text-decoration:underline;
}
/*CO: Fixes spacing issues on iPhone 6 Plus*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3){
.footer .column:nth-child(2) {
    padding-right: 10px;
  }
}



.getinvolved-content h1 {
    padding-top:100px;
    text-align:center;
    font-weight:bold;
    color:#ffffff;
    font-size:5em;
}   

.getinvolved-content h3 {
    text-align:center;
    font-weight:normal;
    color:#ffffff; 
    font-family: Calibri, Arial, Helvetica, sans-serif;
}    

.getinvolved-content img {
    margin:0 auto;
    display: block; 
}
  
.darkblue h4 {
    color:#ffffff !important;
}

.darkblue p {
    color:#ffffff !important;
}

.darkblue .checker-content .content-box a {
    background-color: #008fc3 !important; 
}

.darkblue .checker-content .content-box {
     height: 380px;
} 
/* grid.css defines a 1 by 12 grid for global site structure */
/* Author       : Keith Greaves
   Date Created : 5/8/2015
   Version      : 1.0.0.0
*/

.grid .row, .grid .column {
    box-sizing: border-box;
}

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

.grid .row:before, .grid .row:after {
    content: " ";
    display: table;
}
 
.grid .row:after {
    clear: both;
}

.grid .column {
    position: relative;
    float: left;
}

.grid .column + .column {
    /*margin-left: 1.6%;*/
      margin-left: 3%;
}

.grid .column-span1 {
    /*width: 6.86666666667%;*/
	width: 5.583%;
}
 
.grid .column-span2 {
    /*width: 15.3333333333%;*/
width: 14.16%;
}
 
.grid .column-span3 {
    /*width: 23.8%;*/
width: 22.75%;
}
 
.grid .column-span4 {
    /*width: 32.2666666667%;*/
width: 31.33%;
}
 
.grid .column-span5 {
    /*width: 40.7333333333%;*/
width: 39.91%;
}
 
.grid .column-span6 {
    /*width: 49.2%;*/
  	width: 48.5%; 
}
 
.grid .column-span7 {
    /*width: 57.6666666667%;*/
width: 57.08%;
}
 
.grid .column-span8 {
    /*width: 66.1333333333%;*/
width: 65.66%;
}
 
.grid .column-span9 {
    /*width: 74.6%;*/
width: 74.25%;
padding-right:30px;
}
 
.grid .column-span10 {
    /*width: 83.0666666667%;*/
width: 82.83%;
}
 
.grid .column-span11 {
    /*width: 91.5333333333%;*/
width: 91.41%;
}
 
.grid .column-span12 {
    width: 100%;
}


.grid.noMargin .column + .column {
    margin-left: 0%;
}

.grid.noMargin .column-span1 {
    width: 8.33333333333%;
}
 
.grid.noMargin .column-span2 {
    width: 16.6666666667%;
}
 
.grid.noMargin .column-span3 {
    width: 25.0%;
}
 
.grid.noMargin .column-span4 {
    width: 33.3333333333%;
}
 
.grid.noMargin .column-span5 {
    width: 41.6666666667%;
}
 
.grid.noMargin .column-span6 {
    width: 50.0%;
}
 
.grid.noMargin .column-span7 {
    width: 58.3333333333%;
}
 
.grid.noMargin .column-span8 {
    width: 66.6666666667%;
}
 
.grid.noMargin .column-span9 {
    width: 75.0%;
}
 
.grid.noMargin .column-span10 {
    width: 83.3333333333%;
}
 
.grid.noMargin .column-span11 {
    width: 91.6666666667%;
}
 
.grid.noMargin .column-span12 {
    width: 100%;
}

.grid .column img.center {
    margin-right:auto;
    margin-left:auto;
    display: block;  
}

@media only screen and (max-width: 768px)   {
    .grid .row {
        margin-bottom: 0;
    }

    .grid .column {
        margin-bottom: 10px;
    }

    .grid .row:last-child .grid .column:last-child {
        margin-bottom: 0;
    }

    .grid .column-span1, 
    .grid .column-span2, 
    .grid .column-span3, 
    .grid .column-span4, 
    .grid .column-span5, 
    .grid .column-span6, 
    .grid .column-span7, 
    .grid .column-span8, 
    .grid .column-span9, 
    .grid .column-span10, 
    .grid .column-span11, 
    .grid .column-span12,
    .grid.noMargin .column-span1, 
    .grid.noMargin .column-span2, 
    .grid.noMargin .column-span3, 
    .grid.noMargin .column-span4, 
    .grid.noMargin .column-span5, 
    .grid.noMargin .column-span6, 
    .grid.noMargin .column-span7, 
    .grid.noMargin .column-span8, 
    .grid.noMargin .column-span9, 
    .grid.noMargin .column-span10, 
    .grid.noMargin .column-span11, 
    .grid.noMargin .column-span12 {
        width: auto;
        float: none;
    }
 
    .grid .column + .column,
    .grid.noMargin .column + .column {
        margin-left: 0;
    }


}


.rsmHeading a {
    color: #ffffff;
    text-decoration: none;      
}
.rsmHeading a:hover {
    text-decoration: underline;      
}
.bluebox .rsmItem {
    font-size: 0.95em;
    line-height: 1.1em;
    margin-bottom: 0.6em;
}

.FAQList .rsmItem {
    line-height: 1.7em;
}
.rate-faq {
    color: #4c565c;
    font-size: 1.4em;
    height: 55px;
    line-height: 2.5em;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .rate-faq {
        font-size: 1.3em;
    }
}
.rate-faq:after {
    clear: both;
    content: ' ';
    display: block;
}
.thumbs-up {
    background: url(/UI/Assets/siteIcons/thumbs-up.svg) no-repeat #f7f8fa 9px 5px;
    background-size: 33px 33px;
    border: 1px solid #f7f8fa;
    border-radius: 30px;
    height: 50px;
    margin: 0px 10px;
    vertical-align: middle;
    width: 50px;
}
.thumbs-up:hover {
    background: url(/UI/Assets/siteIcons/thumbs-up.svg) no-repeat #f7f8fa 9px 5px;
    background-size: 33px 33px;
    box-shadow: 2px 2px 2px #e2e3df;
}

.thumbs-down {
    background: url(/UI/Assets//siteIcons/thumbs-down.svg) no-repeat #f7f8fa 8px 12px;
    background-size: 33px 33px;
    border: 1px solid #f7f8fa;
    border-radius: 30px;
    height: 50px;
    margin-right: 10px;
    vertical-align: middle;
    width: 50px;
}
.thumbs-down:hover {
    background: url(/UI/Assets//siteIcons/thumbs-down.svg) no-repeat #f7f8fa 8px 12px;
    background-size: 33px 33px;
    box-shadow: 2px 2px 2px #e2e3df;
}
.help-announcement .column {
    background-color: white;
    border-radius: 10px;
    color: #e42518;
    padding: 20px;
}

.help-announcement section.body-container div.body-content > div {
    padding: 0 0 50px 0;
}

.help-announcement h1, .help-announcement h2, .help-announcement h3, .help-announcement h4 {
    color: #e42518;
    margin: 0;
    padding: 0;
}
.everystep-circles {
    background: url(/ui/assets/siteicons/dotted-circle.png) no-repeat;
    background-position: 183px 67px;
    height: 555px;
    position: relative;

}
.circle-step {
    border-radius: 80px;
    color: #ffffff;
    height: 160px;
    position: absolute;
    text-align: center;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 160px;
}
.circle-step:hover {
    cursor: pointer;
}
.circle-step-selected {
    border-radius: 140px;
    cursor: default;
    height: 280px;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 280px;
}

.circle-step .step-content {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 63px;
    top: 54px;
    color: #ffffff;
    width: 77%;
}

.circle-step-selected .step-content {
    left: 32px;
}
    
.circle-step .step-content a {
    color: #6b7377;
    display: none;
    font-size: 1em;
    text-decoration: none;
}
.circle-step-selected .step-content a {
    display: inline-block;
}
    
.circle-step .step-content a:hover {
    color: #6b7377;
    text-decoration: underline;
}
    
.circle-step .step-content h1 {
    color: #6b7377;
    font-size: 1.5em;
    margin-top: 119px;
    margin-left: -90px;
}
.circle-step-selected .step-content h1 {
    color: #ffffff;
    margin: 0px;
}
    
.circle-step .step-content p {
    color: #ffffff;
    display: none;
    font-size: 1em;
}
.circle-step-selected .step-content p {
    display: inline-block;
}
.circle-step:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.circle-step img {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
.circle-step-selected img {
    display: none;
}
.green-step {
    background-color: #bfd434;
    bottom: 59px;
    left: 168px;
}

.circle-step-selected.green-step {
    background-color: #98aa43;
}
.circle-step-selected.green-step .step-content a {
    color: #bfd434;
}
.blue-step {
    background-color: #008fc3;
    top: 10px;
    left: 50%;
    margin-left: -80px;
}
.circle-step-selected.blue-step { 
    background-color: #126383;
    left: 50%;
    top: -10px;
    margin-left: -140px;
}
.circle-step-selected.blue-step .step-content a {
    color: #008fc3;
}
.yellow-step {
    background-color: #fbb729;
    bottom: 59px;
    right: 168px;
}
.circle-step-selected.yellow-step  {
    background-color: #bd8936;
}
.circle-step-selected.yellow-step .step-content a {
    color: #fbb729;
}

.center-step {
    width: 250px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -125px;
    text-align: center;
}
    
.center-step h2 {
    margin: 0;
    padding: 0;
}
    
.center-step p {
    margin: 0;
    padding: 0;
}

.center-step img {
    width: 200px;
}

.circle-step-selected .arrow-down {
	width: 0;
	height: 0;
	border: 0px;
}

.circle-step .arrow-down {
	width: 0;
	height: 0;
	border: 0px;
}

@media only screen and (max-width: 959px) {
    .everystep-circles {
        background: none;
    }
    .circle-step {
        border-radius: 0px;
        color: #ffffff;
        height: 100px;
        margin-bottom: 12px;
        position: relative;
        text-align: left;
        width: 97%;
    }
    .circle-step-selected {
        border-radius: 0px;
        height: 185px;
        width: 97%;
    }

    .circle-step img {
        margin-left: 10px;
        max-width: 25%;
        vertical-align: bottom;
    }
    .circle-step-selected img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
    }

    .circle-step .step-content  {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        color: #ffffff;
        top: 0px;
        left: 0px;
        width: auto;
    }
    .circle-step-selected .step-content {
        position: absolute;
        top: 25px;
        left: initial;
    }
    .circle-step .step-content h1, .circle-step-selected .step-content h1 {
        color: #ffffff;
        font-size: 1.5em;
        margin: 0px;
    }
    .circle-step .arrow-down {
	    width: 0; 
	    height: 0; 
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;	
	    border-top: 7px solid #fff;
        position: absolute;
        right: 15px;
        bottom: 50%;
        margin-bottom: -5px;
    }
    .circle-step-selected .arrow-down {
	    width: 0;
	    height: 0;
	    border: 0px;
    }

    .center-step {
        width: 97%;
        position: relative;
        bottom: 0px;
        left: 6px;
        margin-bottom: 12px;
        margin-left: 0px;
        text-align: left;
    }
    .center-step img {
        float: left;
        margin-right: 10px;
        width: 25%;
    }
    .center-step:after {
        clear: both;
        content: ' ';
        display: block;
    }
    .green-step {
        bottom: 0px;
        left: 6px;
    }
    .blue-step {
        top: 0px;
        left: 6px;
        margin-left: 0px;
    }
    .circle-step-selected.blue-step {
        left: 6px;
        top: 0px;
        margin-left: 0px;
    }
    .yellow-step {
        bottom: 0px;
        left: 6px;
        right: 0px;
    }
    .yellow-step img {
        margin-bottom: 21px;
        margin-left: 2px;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}


@media only screen and (min-width: 960px) and (max-width: 1023px) {
    .everystep-circles {
        background-size: 60%;
    }
    .center-step {
        bottom: 0px;
    }
    .green-step {
        bottom: 155px;
    }
    .circle-step-selected.green-step {
        bottom: 77px;
        left: 91px;
    }
    .yellow-step {
        bottom: 155px;
    }
    .circle-step-selected.yellow-step {
        bottom: 77px;
        right: 80px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1140px) {
    .everystep-circles {
        background-size: 63%;
    }
    .center-step {
        bottom: 0px;
    }
    .green-step {
        bottom: 135px;
    }
    .circle-step-selected.green-step {
        bottom: 77px;
        left: 91px;
    }
    .yellow-step {
        bottom: 135px;
    }
    .circle-step-selected.yellow-step {
        bottom: 77px;
        right: 80px;
    }
}

@media only screen and (max-width: 400px) {
    .circle-step-selected {
        height: 200px;
    }
}
.hero-content .hero-body {
    text-align: center;
    height: 520px;
    padding-top: 115px;
    position: relative;
    z-index: 2;
}

.hero-content .hero-body h1 {
    color: white;
    /*font-size: 4em;*/
    font-size: 3.5em;
    /*margin-bottom: 10px;*/
    /*margin-bottom: 40px;*/
    margin-bottom: 0;
}

.hero-content .hero-body h2 {
    color: white;
    /*margin-bottom: 60px;*/
    margin-bottom: 0;
}

.hero-content .hero-body h3 {
    color: white;
    margin-bottom: 40px;
}

.hero-content .hero-body .logo{
    max-width: 200px;
}

.hero-content .hero-body a.green-button {
    background-color: #70b343;
    border-radius: 10px 0px;
    color: white;
    display: block;
    font-size: 1.3em;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    width: 335px;
}
body:lang(es) .hero-content .hero-body a.green-button {
    width: 450px;
}

.hero-content .hero-image {
    position: absolute;
    bottom: -170px;
    left: 50%;
    /*margin-left: -452px;*/
    /*margin-left: -303px;*/
    margin-left: -233px;
    height: 375px;
    /*width: 933px;*/
    width: 566px;
    /*background-image: url("/images/default-source/templateimages/homepage-hero.png");*/
    /*background-image: url("/images/default-source/templateimages/homepage-hero2.png");*/
    background-image: url("/images/default-source/templateimages/homepage-hero3.png");
    background-image: url("/images/default-source/templateimages/homepage-hero-CC.png");
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .hero-content .hero-body {
        padding-top: 20px;
    }
    .hero-content .hero-body h1 {
        /*font-size: 3.6em;*/
        font-size: 3.6em;
        line-height: 1.2em;
    }
    .hero-content .hero-body h2 {
        /*margin-bottom: 30px;*/
    }
    .hero-content .hero-image {
        left: 0;
        margin-left: 0;
        height: 407px;
        width: 100%;
        background-size: 100%;
        background-position: 100%;
    }
    .hero-content .hero-body .logo{
        max-width: 100px;
    }
}
/*Need to shrink image down a bit more for smaller screens*/
@media screen and (max-width: 600px) {
    .hero-content .hero-image {
        bottom: -210px;
        left: 0;
        /*margin-left: 0;*/
        margin-left: 14px;
        width: 100%;
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile2.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile3.png");*/
        background-image: url("/images/default-source/templateimages/homepage-hero-CC.png");
        /*background-size: 85%;*/
        background-position: 50%;
    }
    .hero-content .hero-body h1 {
        font-size: 3em;
    }
}
@media screen and (max-width: 375px) {
    .hero-content .hero-image {
        left: 0;
        /*margin-left: 0;*/
        margin-left: 7px;
        width: 100%;
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile2.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile3.png");*/
        background-image: url("/images/default-source/templateimages/homepage-hero-CC.png");
        /*background-size: 98%;*/
        background-position: 50%;
    }
    .hero-content .hero-body h1 {
        /*font-size: 3.1em;*/
        font-size: 2.5em;
    }
}
@media screen and (max-width: 360px) {
    .hero-content .hero-image {
        left: 0;
        margin-left: 0;
        width: 100%;
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile2.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile3.png");*/
        background-image: url("/images/default-source/templateimages/homepage-hero-CC.png");
        /*background-size: 96%;*/
        background-position: 50%;
    }
    .hero-content .hero-body h1 {
        /*font-size: 3.1em;*/
        font-size: 2.5em;
    }
}
@media screen and (max-width: 320px) {
    .hero-content .hero-image {
        left: 0;
        margin-left: 0;
        width: 100%;
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile2.png");*/
        /*background-image: url("/images/default-source/templateimages/homepage-hero-mobile3.png");*/
        background-image: url("/images/default-source/templateimages/homepage-hero-CC.png");
        /*background-size: 95%;*/
        background-position: 50%;
    }
    .hero-content .hero-body h1 {
        /*font-size: 3.1em;*/
        font-size: 2.5em;
    }
}
.producthightlight {
    padding-top:10px !important;
}

.producthightlight img {
    margin:0 auto;
    display:block;
    padding-bottom:10px;
}

.producthightlight p {
    padding-left:15px;
    padding-right:15px;
}

.producthightlight p.title { 
    text-align:center;
    font-size:1.5em;
}

.producthightlighttitle h1 {
    padding-top:25px;
    padding-bottom:10px;
    text-align:center;
}

.producthightlighttitle p {
    margin: 0 auto;
    text-align: center;
    width: 75%;
}

.producthightlight p.learnmore {
    margin-top:15px;
    text-align:center;
}

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

    .producthightlight p {  
        margin: 0 auto;
        width: 75%;
        max-width:300px;
        margin-bottom:15px; 
    }

}
.quote-container .quote-content .quoteblock {
    float: right;
    margin-top: 50px;
    width: 550px;
    padding-right: 20px;
}

.quote-container .quote-content .quoteblock p.bigquote {
    font-family: "VistaSlabBook";
    font-size: 8em;
    line-height: 0.3em;
    margin-bottom: 0px;
    opacity: 0.5;
    padding: 22px 0 0;
    text-align: center;
}

.quote-container .quote-content .quoteblock p.quote {
    color: #ffffff;
    font-family: "VistaSlab";
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.25em;
    text-align: center;
}

.quote-container .quote-content .quoteblock p.author {
    color: #ffffff;
    font-family: "VistaSlab";
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.25em;
    text-align: center;
}
body:lang(es) .quote-container .quote-content .quoteblock {
    margin-top: 40px;
}

body:lang(es) .quote-container .quote-content .quoteblock p.bigquote {
    line-height: 0.2em;
}

body:lang(es) .quote-container .quote-content .quoteblock p.quote {
    font-size: 1.4em;
}

body:lang(es) .quote-container .quote-content .quoteblock p.author {
    font-size: 1.2em;
}

@media print {
    .quote-container .quote-content .quoteblock p.quote {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }

    .quote-container .quote-content .quoteblock p.author {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }
}

.quote-container .quote-content .quoteblock img.quote-headshot {
    border: 6px solid #317e12;
    border-radius: 50%;
    margin-left: 220px;
}


@media only screen and (max-device-width: 900px) {
    .quote-container .quote-content .quoteblock {
        width: 450px;
    }
}

@media only screen and (max-device-width: 700px) {
    .quote-container .quote-content .quoteblock {
        width: 95%;
        margin: 10px auto;
        float: none;
    }

        .quote-container .quote-content .quoteblock p.bigquote {
            font-size: 6em;
        }

        .quote-container .quote-content .quoteblock p.quote {
            font-size: 1.3em;
        }


        .quote-container .quote-content .quoteblock p.author {
            font-size: 1.0em;
        }

    .quote-container .quote-content {
        height: auto;
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .quote-container .quote-content .quoteblock img.quote-headshot {
            margin-left: 40%;
        }
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.5.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 1px 1px 0;
		border-bottom: 1px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}

	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

.productExamDownloads .row {
    background-color: #ffffff;
}

.productExamDownloads .column {
    padding: 3px 15px 3px 15px;
}

.productExamDownloads .column-span12 {
}

.productExamDownloads .pdfcheckbox {
    margin-top: 0 !important;
}

.productExamDownloads .edHeader {
    background-color: #e42518;
    font-family: 'VistaSlab';
    font-size: 1.5em;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    padding: 15px;
}

/*.productExamDownloads .fieldleft {
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
}

.productExamDownloads .fieldright {
    padding-left: 0px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-top: 0px;
}*/

.productExamDownloads .padtop {
    padding-top:25px;
}

.productExamDownloads .bottom {
    border-radius: 0 0 10px 10px;
    padding: 10px 0 10px 0;
}

.productExamDownloads p {
    margin: 10px;
}

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

/*.productExamDownloads input[type="submit"] {
    width: 40%;
}*/

.productExamDownloads input[type=text], .productExamDownloads textarea, .productExamDownloads select, .productExamDownloads input[type=file] {
    margin-bottom: 1em !important;
}

.productExamDownloads ul {
    margin: 10px;
}

.productPriceRow {
    font-size: 28px;
    color: #005d84;
}

@media only screen and (max-width: 768px) {
    .productExamDownloads .fieldleft {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px;
        padding-top: 0px;
    }

    .productExamDownloads .fieldright {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px;
        padding-top: 0px;
    }

    .productExamDownloads .padtop {
        padding-top:15px;
    }

}



.exampreptabs .column {
    padding:10px 0px;
}

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

.exampreptabs .button {
    width:50%;
    background-color:#a4adb3;
    font-weight:bold;
    border:none;
}

.exampreptabs .button:hover {
    background-color:#4c565c;
    border:none;
}

 .exampreptabs .r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.exampreptabs .r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.exampreptabs .r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.exampreptabs .r-tabs .r-tabs-accordion-title {
    display: none;
}

.exampreptabs .r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.exampreptabs .r-tabs-nav {
    border-bottom:1px solid #ec3529;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .exampreptabs .r-tabs .r-tabs-nav {
        display: none;
    }

    .exampreptabs .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}

/* Tabs container */
.exampreptabs .r-tabs {
	position: relative;

	background-color: #ffffff;

	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-radius: 10px;

}

/* Tab element */
.exampreptabs .r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	background-color: #ffffff;
}

/* Tab anchor */
.exampreptabs .r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	text-decoration: none;
    font-size: 1.25em;
    font-weight: normal;
    padding: 10px 20px;
    color:#ec3529;
}

/* Disabled tab */
.exampreptabs .r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.exampreptabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #ffffff;
	text-shadow: none;

	background-color: #ec3529;

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

/* Active state tab hover */
.exampreptabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover {
	color: #ffffff;
	text-shadow: none;

	background-color: #ec3529;

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

/* Tab panel */
.exampreptabs .r-tabs .r-tabs-panel {
	background-color: white;
	border-bottom: 4px solid white;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

}

/* Accordion anchor */
.exampreptabs .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;

	background-color: #f7f8fa;
	color: #6b7377;
	text-decoration: none;
    font-size: 1.25em;
    font-weight: normal;
    padding: 10px 20px;
	border-radius: 10px;
    margin-bottom:10px;
}

.exampreptabs .r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {
    content: " + ";
    float:right;
}

/* Active accordion anchor */
.exampreptabs .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #f7f8fa;
	color: #6b7377;
	text-shadow: none;
    font-weight:bold;

}

.exampreptabs .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
    content: " - ";
    float:right;
}

/* Disabled accordion button */
.exampreptabs .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}



.checker-content {
}

    .checker-content .white {
        background-color: #ffffff;
    }

    .checker-content img.right {
        float: right;
    }

    .checker-content img.left {
        float: left;
    }

    .checker-content .content-box-container {
        padding: 30px 69px;
    }

        .checker-content .content-box-container .right {
            float: right;
        }

        .checker-content .content-box-container .left {
            float: left;
        }

    .checker-content .content-box {
        display: table;
        height: 400px;
        text-align: center;
        max-width: 500px;
        width: 100%;
    }

        .checker-content .content-box .box-format {
            display: table-cell;
            vertical-align: middle;
            text-align: left;
        }

        .checker-content .content-box p {
            font-size: 1.15em;
        }

        .checker-content .content-box a {
            background: #e42518 none repeat scroll 0 0;
            border: medium none;
            border-radius: 5px;
            color: #ffffff;
            display: inline-block;
            font-size: 1em;
            font-weight: bold;
            padding: 10px 50px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        }

            .checker-content .content-box a:hover {
                background: #CD2116;
                text-decoration: none;
            }

.studentvideocontainer {
    float: right;
    height: 423px;
    margin-bottom: -37px;
    margin-right: 37px;
    margin-top: 74px;
    max-width: 530px;
    width:100%;
}

    .studentvideocontainer .video-js {
        height: auto !important;
    }

        .studentvideocontainer .video-js .vjs-tech {
            position: relative !important;
        }

@media only screen and (max-width: 768px) {
    .checker-content img.right {
        float: none;
    }

    .checker-content img.left {
        float: none;
    }

    .checker-content img {
        width: 100%;
    }

    .checker-content .content-box-container .right {
        float: none;
    }

    .checker-content .content-box-container .left {
        float: none;
    }

    .checker-content div div.row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        /*-webkit-align-items: flex-start;
    align-items: flex-start;*/
    }

    .checker-content .mobile-second {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .checker-content .mobile-first {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .checker-content .content-box {
        display: table;
        height: auto;
        text-align: center;
        width: auto;
    }

    .studentvideocontainer {
        width:98%;
        height:auto;
        float:none;
        margin:0;
        max-width:98%;
    }
}

.nextsteps {
    padding-top: 45px;
    padding-bottom:45px;
}

.nextsteps .column {
    padding-bottom:15px;
}

.nextsteps img {
  max-width:75px;
  max-height:75px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform:  translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.nextsteps .imagewrapper {
    background-color:#c0d535;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 150px;
    height: 100px;
    width: 100px;
    float:left;
}

.nextsteps .blue {
    background-color:#2a84b3;
}

.nextsteps .orange {
    background-color:#f08426;
}

.nextsteps .darkblue {
    background-color:#005781;
}

.nextsteps .green {
    background-color:#73ae2c;
}


.nextsteps h4 {
    line-height:1em;
    padding-left: 125px;
    margin-top: 7px;
    max-width: 400px;
}

.nextsteps p {
    padding-left: 125px;
    max-width: 400px;
}

.overview-content .productdescription {
    font-size:1.75em;
    font-weight:100;
}


.overview-content .productbox {
    background-color:#f7f8fa;
    border-radius:0px  0px 10px 10px;
    padding:20px;
    margin-bottom:30px;
}

.overview-content .productbox h4 {
    font-size:1em;
}

.overview-content #ProductIntro {
    padding-bottom:20px;
}

.productVideo {
    float:right;
    padding-left:20px;
}

@media only screen and (max-device-width: 480px) {
    .overview-content .productdescription {
        font-size: 1.25em;
    }
}

.productbg1 {
   background-image:url('/images/default-source/templateimages/productbg-1.png?sfvrsn=2');
   background-position:calc(50% + 250px) 50px;
   background-repeat:no-repeat;
} 

.productbg2 {
   background-image:url('/images/default-source/templateimages/productbg-2.png?sfvrsn=2');
   background-position:calc(50% + 250px) 50px;
   background-repeat:no-repeat;
}

.productbg3 {
   background-image:url('/images/default-source/templateimages/productbg-3.png?sfvrsn=2');
   background-position:calc(50% + 250px) 50px;
   background-repeat:no-repeat;
}

.banner-content .product-breadcrumb { 
    padding-top:20px;
    text-transform:uppercase;
    font-size:.75em;
    font-weight:bold;
}

.banner-content .product-breadcrumb a {
    color:#ffffff;
}

.banner-content h1 {
    color:#ffffff;
    padding-top:100px;
}

.banner-content p {
    text-transform:uppercase;
    color:#ffffff;
}

.banner-content img {
    float: left;
    padding-left: 5px;
    padding-top: 100px; 

    filter: drop-shadow(20px 25px 5px rgba(0, 0, 0, 0.20));
    -webkit-filter: drop-shadow(20px 25px 5px rgba(0, 0, 0, 0.20));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#000000')";
}

.banner-content .banner-text {
    width:450px;
    float:left;
}

@media screen and (max-device-width: 768px) {
    .productbg1 {
        background-position:calc(50% + 400px) 50px;
    }

    .banner-container {
        height:250px;
    }

    .banner-content img {
        padding-top:25px;
    }

    .banner-content h1 {
         padding-top: 43px;
    }
}

@media screen and (max-device-width: 640px) {
    .productbg1 {
        background:none;
        background-color: #008fc3; 
    }

    .banner-container {
        height:250px;
    }

    .banner-content .banner-text {
        width:50%;
    }

    .banner-content img {
        left:167px;
        top:-177px;
        width:150px;
        height:150px;

        padding-right: 2px;
        padding-top: 45px;
    }

    .banner-content h1 {
        font-size:2.00em;
        padding-top:70px;
    }

}

/*@media only screen and (max-device-width: 480px) {



}*/


.productnavigation ul {
    list-style: outside none none;
    clear: both;
    content: "";
    display: table;
    width:100%;
    overflow:auto;
    padding-top:25px;

    transition: width 0s linear 0.5s,opacity 0.5s linear;
    -moz-transition: width 0s linear 0.5s,opacity 0.5s linear;
    -ms-transition: width 0s linear 0.5s,opacity 0.5s linear;
    -o-transition: width 0s linear 0.5s,opacity 0.5s linear;
    -webkit-transition: width 0s linear 0.5s,opacity 0.5s linear;
}

.productnavigation ul li {
    float: left;
    text-align:center;
    text-transform:uppercase;
}

.productnavigation ul li a.links {
    color:#6a7377;
    padding:10px;
}

.productnavigation ul li a.links:hover {
    text-decoration:none;

    color: #0391c2;
    box-shadow: inset 0 -4px 0 #0391c2;

    -webkit-transition:  width .25s ease, box-shadow .25s ease-out;
    -moz-transition: width .25s ease, box-shadow .25s ease-out;
    -ms-transition:  width .25s ease, box-shadow .25s ease-out;
    -o-transition:  width .25s ease, box-shadow .25s ease-out;
    transition: width .25s ease, box-shadow .25s ease-out;
}

.productnavigation ul li > a.selected {
    color: #0391c2;
    box-shadow: inset 0 -4px 0 #0391c2;

  -webkit-transition:  width .25s ease, box-shadow .25s ease-out;
  -moz-transition: width .25s ease, box-shadow .25s ease-out;
  -ms-transition:  width .25s ease, box-shadow .25s ease-out;
  -o-transition:  width .25s ease, box-shadow .25s ease-out;
  transition: width .25s ease, box-shadow .25s ease-out;
  }

.productnavigation ul li > a.selected::before {
  }

.productnavigation ul li > a.selected::after {
  }

.productnavigation ul li.elements6 {
    width:15%;
}

.productnavigation ul li.elements5 {
    width:20%;
}

.productnavigation a.buybutton {
    background-color:#e42518;
    padding:10px 20px;
    border-radius:10px 0px 10px 0px;
    color:#ffffff;
}

.productnavigation a.buybutton:hover {
    background: #CD2116;
    text-decoration: none;
}

.productnavigation a.certmasterbutton {
    background-color:#a4adb3;
    padding:10px 20px;
    border-radius:10px 0px 10px 0px;
    color:#ffffff;
}

.productnavigation a.certmasterbutton:hover {
    text-decoration:none;
    background-color:#e42518;
}

.locknavigation{ 
    position:fixed;   
    top:0px; 
    left: 0;
    width:100%;
}

.productnavigation img.logo {
  display:none;
  /*float:left;*/
  visibility:hidden;
  opacity:0;
}

.locknavigation img.logo { 
  display:block;
  visibility:visible; 
  opacity:1;
  padding-top:0;
  height:80px;
  max-width: 175px;
}

.locknavigation ul {
  width:90%;
  float:right;
}

@media only screen and (max-width: 768px) {
    .navigation-container {
        display:none;
    }
}


@media only screen and (max-width: 1024px) {
    .locknavigation .productnavigation ul li a {
        font-size: 0.85em;
    }

    .locknavigation ul {
      width:85%;
    }
    .locknavigation img.logo {
        max-width: 151px;
    }
}

@media only screen and (max-width: 980px) {
    .locknavigation img.logo {
        max-width: 170px;
        display:none;
    }

    .productnavigation ul {
        width: 100%;
    }


}

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

    .locknavigation .productnavigation ul li a {
        font-size: 0.75em;
    }

}
.renewalbox {
    background-color:#ffffff;
    border-radius:10px;
    padding:20px;
    margin-bottom:20px;
}

.renewalbox p {
    margin:0px;
}

.renewalbox .big {
   font-size:4em;
   color:#005d84;
   font-weight:bold;
    line-height: 1.1em;
}

.renewal-content a.button {
    padding:10px 38px;
}


.testimonial {
}

.ms-slide h1 {
    color: #fff;
    margin: 0 0 0 155px;
    text-align: center;
    width: 70%;
    font-size: 2.60em;
}

.testimonial-quote {
    font-family: "VistaSlab";
    color: #0271a4;
    font-weight: bold;
    font-size: 150px;
    text-align: center;
    margin: 50px 0 0 0;
}

@media print {

    .testimonial-quote {
        font-family: Calibri, Arial, Helvetica, sans-serif;
    }
}

h2.testimonial-name {
    font-size: 20px;
    font-weight: bold;
    width: 70%;
    color: #fff;
    margin: auto;
}

/* for mobile */

@media only screen and (max-width: 768px) {
    .testimonial-quote {
        font-size: 3.75em;
        margin: 20px 0 0 0;
    }

    div.ms-slide h1 {
        font-size: 0.75em;
        margin: 0px 0px 0px 70px;
    }

    h2.testimonial-name {
        font-size: 0.75em;
    }
}

@media only screen and (max-width: 360px) {
    div.ms-nav-next {
        display: none;
    }

    div.ms-nav-prev {
        display: none;
    }

    .master-slider {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    div.ms-slide h1 {
        font-size: 18px;
    }

    div.ms-view {
        height: 300px !important;
    }
}

@media only screen and (max-width: 640px) and (min-width: 360px) {
    div.ms-slide h1 {
        font-size: 1.75em;
    }

    h2.testimonial-name {
        font-size: 1em;
    }

    div.ms-view {
        height: 340px !important;
    }
}

@media only screen and (device-width: 768px) { /* for iPads CO*/
    div.ms-slide h1 {
        font-size: 22px;
    }

    h2.testimonial-name {
        font-size: 18px;
    }
}

/** 
 *  Master Slider
 * 	Core css file
 */

.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    padding-top: 55px;
    padding-bottom: 55px;
}

    .master-slider a {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .master-slider, .master-slider * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        .master-slider.before-init {
        }

        .master-slider.ms-fullheight {
            height: 100%;
        }

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: transparent;
}

.ms-layout-partialview .ms-container {
    overflow: hidden;
}

.master-slider img, .ms-slide-bgvideocont video {
    max-width: none;
}

.ms-ie img {
    border: none;
}

.ms-ie8 * {
    opacity: inherit;
    filter: inherit;
}

.ms-ie7 {
    zoom: 1;
}

.ms-moz .ms-slide-bgcont > img {
    transform: translateX(0px);
}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0;
}

.ms-slide-auto-height {
    display: table;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
    width: 36px;
    height: 36px;
    border-radius: 60px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px;
    opacity: 0.9;
}


/* grab cursor */
.ms-no-swipe, .ms-def-cursor {
    cursor: auto !important;
}

.ms-grab-cursor {
    cursor: url(../Modules/Product/Testimonial/grab.png), move;
}

.ms-grabbing-cursor {
    cursor: url(../Modules/Product/Testimonial/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
    cursor: move;
}

.ms-ie .ms-grabbing-cursor {
    cursor: move;
}

.ms-view {
    margin: 0px auto;
    overflow: hidden;
    background: transparent none repeat scroll 0% 0%;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

    .ms-view .ms-slide-container {
        position: relative;
    }

.ms-slide {
    position: absolute;
    height: 100%;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.ms-wk .ms-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ms-slide.selected {
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    position: absolute;
    overflow: hidden;
    width: 100%;
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110;
}

.ms-ie .ms-slide-link {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont {
    z-index: 105;
    height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont > video {
    -webkit-transform: translateZ(0.3px);
    transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
    position: absolute;
    top: 0px;
}

.ms-inner-controls-cont, .ms-container {
    position: relative;
    margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ms-slide .ms-layer {
    position: absolute;
}

.ms-slide .ms-slide-layers {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 109;
    top: 0px;
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: black;
    padding: 0;
    margin: 0;
    border: none;
}

.ms-parallax-layer {
    width: 100%;
    position: absolute;
    top: 0;
}

.ms-scroll-parallax-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.ms-wk .ms-scroll-parallax-cont {
    -webkit-transform: translateZ(0.4px);
    transform: translateZ(0.4px);
}

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/

/*-----------------------------------------------------------*/
.ms-action-layer {
    cursor: pointer;
}

.ms-btn-container {
    position: absolute;
}

.ms-btn {
    text-decoration: none;
    display: inline-block;
    color: black;
    position: relative;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
}

.ms-default-btn {
    background: #0074A2;
    border-radius: 5px;
    color: #FFF;
}

    .ms-default-btn:hover {
        background-color: #0098D5;
    }

    .ms-default-btn:active {
        top: 1px;
    }


.ms-btn-s {
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0;
}

.ms-btn-m {
    padding: 12px 40px;
}

.ms-btn-n {
    padding: 8px 25px;
    font-size: 95%;
}

.ms-btn-l {
    padding: 17px 50px;
    font-size: 120%;
}

.ms-btn-box {
}

.ms-btn-round {
    border-radius: 5px;
}

.ms-btn-circle {
    border-radius: 100px;
}

.ms-btn-outline-box {
}

.ms-btn-outline-round {
    border-radius: 5px;
}

.ms-btn-outline-circle {
    border-radius: 100px;
}
/*-----------------------------------------------------------*/

.ms-layer.video-box {
    background: black;
}

    .ms-layer.video-box iframe {
        padding: 0;
        margin: 0;
        border: none;
        position: absolute;
        z-index: 111;
    }

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 112;
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer;
    z-index: 113;
}

    .ms-slide-vcbtn-mobile .ms-vcbtn-txt {
        text-transform: uppercase;
        font-family: sans-serif;
        font-size: 0.75em;
        display: inline-block;
        background: url(../Modules/Product/Testimonial/video-close-btn.png) no-repeat 0px 3px;
        padding-left: 15px;
        height: 15px;
        color: #DBDBDB;
        margin-top: 7px;
    }

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
    -webkit-transform: translateZ(0.44px);
    transform: translateZ(0.44px);
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left;
}

/* controls */

.ms-thumb-list {
    overflow: hidden;
    position: absolute;
}

    .ms-thumb-list.ms-dir-h {
        width: 100%;
    }

    .ms-thumb-list.ms-dir-v {
        height: 100%;
        top: 0;
    }

.ms-thumbs-cont {
    position: relative;
}

.ms-thumb-frame img {
    width: 100%;
    height: auto;
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-thumb-frame-selected {
    opacity: 1;
}

.ms-tabs .ms-thumb-frame {
    background-color: #F6f6f6;
    text-shadow: 0 1px 1px white;
    color: #222;
    border: solid 1px white;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    margin-left: 0px;
}

.ms-tabs.ms-dir-h.ms-align-top {
    z-index: 140;
}

    .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
        margin-top: -12px;
    }

.ms-tabs .ms-thumb {
    padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0px;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
    bottom: 0px;
    top: auto;
    border-bottom: 0px;
    border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    bottom: -12px;
    border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    right: -12px;
    border-left-color: #EDEDED;
}


.ms-bullet {
    cursor: pointer;
    float: left;
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-bullets.ms-dir-v {
    position: absolute;
    top: 50%;
}

    .ms-bullets.ms-dir-v .ms-bullet {
        float: none;
    }

.ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-sbar {
    position: absolute;
}

    .ms-sbar.ms-dir-h {
        left: 10px;
        right: 10px;
        top: 5px;
    }

    .ms-sbar.ms-dir-v {
        top: 10px;
        bottom: 10px;
        right: 5px;
    }

    .ms-sbar .ms-bar {
        height: 4px;
        background: #333;
        border-radius: 4px;
    }

    .ms-sbar.ms-dir-v .ms-bar {
        width: 4px;
    }

    .ms-sbar .ms-bar {
        position: relative;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        -ms-transition: opacity 300ms;
        -o-transition: opacity 300ms;
        transition: opacity 300ms;
    }

.ms-timerbar {
    width: 100%;
    bottom: 0px;
    position: absolute;
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer;
}

.ms-ctimer-bullet {
}

.ms-time-bar {
    -webkit-transition: width 120ms linear;
    -moz-transition: width 120ms linear;
    -ms-transition: width 120ms linear;
    -o-transition: width 120ms linear;
    transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
    height: 0px;
}

.ms-slide-info {
    position: absolute;
}

    .ms-slide-info.ms-dir-v {
        top: 0;
    }

    .ms-slide-info.ms-dir-h {
        width: 100%;
    }

@keyframes point-anim {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes point-anim {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

/**
 *  Master Slider
 *  Default Skin
 */

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(../Modules/Product/Testimonial/light-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(../Modules/Product/Testimonial/light-skin-1.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    width: 27px;
    background: url(/images/default-source/templateimages/testimonialimages/arrow_left.png?sfvrsn=2);
    height: 49px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-nav-next {
    right: 30px;
    left: auto;
    background: url(/images/default-source/templateimages/testimonialimages/arrow_right.png?sfvrsn=2);
}



.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background: #0391c2 none repeat scroll 0% 0%;
    border: 2px solid #026e9d;
    border-radius: 10px;
    margin: 4px;
}

.ms-skin-default .ms-bullet-selected {
    background: #026e9d none repeat scroll 0% 0%;
    border: 2px solid #026e9d;
}


.ms-skin-default .ms-time-bar {
    height: 3px;
    background: #FFFFFF;
    border-top: solid 1px rgba(0, 0, 0, 0.41);
}


.ms-skin-default .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-default .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-default .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-default .ms-tooltip {
    max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-default .ms-slide .ms-slide-vpbtn,
    .ms-skin-default .ms-video-btn,
    .ms-skin-default .ms-slide .ms-slide-vcbtn,
    .ms-skin-default .ms-nav-next,
    .ms-skin-default .ms-nav-prev,
    .ms-skin-default .ms-bullet {
        background-image: url(../Modules/Product/Testimonial/light-skin-1-retina.png);
        background-size: 152px 225px;
    }
}

.quotebox {
    border-radius:10px;
    width:100%;
    height:230px;
    color:#ffffff;
    padding:30px 20px 10px 20px;
    width:90%;
    margin-bottom:25px;
}


.quotebox p {
    color:#ffffff;
    padding:0;
    margin:0;
    text-align:center;
    font-weight:normal;
}

.quotebox p.quote {
    font-size:1.15em;
    font-family:'VistaSlab';
}

.quotebox p.name {
    font-size:1.15em;
    font-weight:bold;
}

.quotebox p.bigquote {
    font-size:5.0em;
    font-family:'VistaSlabBook';
    opacity: 0.5;
    line-height:0em;
    padding-top:25px;
    padding-bottom:8px; 
}

.blue {
    background-color:#008fc3;
}

.yellow {
    background-color:#bfd434;
}

.orange {
    background-color:#f08426;
}

.darkblue {
    background-color:#005781;
}

.green {
    background-color:#73ae2c;
}
.careerRoadMap{
    position:relative;
}
.careerRoadMap .roadMapCertificationTiles {
    margin-left: -1.6%;
    clear: both;
    height:auto;
}
    .careerRoadMap .roadMapCertificationTiles:after {
        content: " ";
    }
    .careerRoadMap .roadMapCertificationTiles .roadMapCertTile {
        width: 23.4%;
        height: 340px;
        float: left;
        position: relative;
        border-radius: 10px;
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        margin: 0 0 20px 1.6%;
        position: relative;
    }
        .careerRoadMap .roadMapCertificationTiles .roadMapCertTile h3 {
            text-transform: uppercase;
            font-size: 1em;
            position: absolute;
            bottom: 0;
            left:0;
            right:0;
        }
        .careerRoadMap .roadMapCertificationTiles  .top{
            height:50%;
        }
        .careerRoadMap .roadMapCertificationTiles .roadMapCertTile .content {
            height: 50%;
            background-color: white;
            position: absolute;
            bottom: 0;
            text-align: center;
            width: 100%;
        }
        .careerRoadMap .roadMapCertificationTiles .roadMapCertTile h2 {
            font-size: 1.15em;
            margin: 50px 0 20px;
            color: #616e76;
            padding: 0 7px;
        }
        .careerRoadMap .roadMapCertificationTiles .roadMapCertTile p {
            height: 0;
            opacity: 0;
            /*IE8*/
            filter: alpha(opacity = 0);
            zoom: 1;
        }
        .careerRoadMap .roadMapCertificationTiles .roadMapCertTile .icon {
            background-color: white;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 150px;
            box-shadow: 2px 0 13px -5px black;
            height: 150px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 45px;
            width: 150px;
            z-index: 1;
        }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile .icon img {
                bottom: 0;
                left: 0;
                margin: auto;
                opacity: 1;
                position: absolute;
                right: 0;
                top: 0;
                width: auto;
            }

    .careerRoadMap .roadMapCertificationTiles .beginner h3 {
        color: #f5a81c;
    }
    .careerRoadMap .roadMapCertificationTiles .beginner .top {
        background-color: #f5a81c;
    }
     .careerRoadMap .roadMapCertificationTiles .beginner.readMore .content{
        background-color: #f5a81c;
    }
    .careerRoadMap .roadMapCertificationTiles .beginner a {
        background-color: #F7B949;
    }
    .careerRoadMap .roadMapCertificationTiles .beginner a:hover {
        background-color: #C48616;
    }
    .careerRoadMap .roadMapCertificationTiles .intermediate h3 {
        color: #61a609;
    }
    .careerRoadMap .roadMapCertificationTiles .intermediate .top {
        background-color: #61a609;
    }
     .careerRoadMap .roadMapCertificationTiles .intermediate.readMore .content {
        background-color: #61a609;
    }
    .careerRoadMap .roadMapCertificationTiles .intermediate a {
        background-color: #4E8507;
    }
    .careerRoadMap .roadMapCertificationTiles .intermediate a:hover {
        background-color: #81B83A;
    }
    .careerRoadMap .roadMapCertificationTiles .advanced h3 {
        color: #0090b8;
    }
    .careerRoadMap .roadMapCertificationTiles .advanced .top {
        background-color: #0090b8;
    }
     .careerRoadMap .roadMapCertificationTiles .advanced.readMore .content {
        background-color: #0090b8;
    }
     .careerRoadMap .roadMapCertificationTiles .advanced a {
        background-color: #007393;
    }
     .careerRoadMap .roadMapCertificationTiles .advanced a:hover {
        background-color: #33A6C6;
    }
    .careerRoadMap .roadMapCertificationTiles .expert  h3 {
        color: #f16c22;
    }
    .careerRoadMap .roadMapCertificationTiles .expert  .top {
        background-color: #f16c22;
    }
     .careerRoadMap .roadMapCertificationTiles .expert.readMore .content {
        background-color: #f16c22;
    }
    .careerRoadMap .roadMapCertificationTiles .expert  a {
        background-color: #C1561B;
    }
    .careerRoadMap .roadMapCertificationTiles .expert  a:hover {
        background-color: #F4894E;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore .top {
        height: 0;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore .content {
        bottom: auto;
        height: 100%;
        background-color:transparent;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore .icon {
        z-index: -1;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore p {
        height: 180px;
        opacity: 1;
        /*IE8*/
        filter: alpha(opacity = 100);
        zoom: 1;
        /*END*/
        margin: 0 15px;
        font-size: .91em;
        font-weight: bold;
        color: #ffffff;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore h2 {
        color: white;
        margin: 15px 0 15px;
        padding: 0 5px;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore h3 {
        display: none;       
    }
    .careerRoadMap .roadMapCertificationTiles .roadMapCertTile a {
        display: none;
    }
    .careerRoadMap .roadMapCertificationTiles .readMore a {
        border-radius: 3px;
        bottom: 10px;
        color: #ffffff;
        display: inline;
        font-family: Arial;
        font-size: 0.91em;
        font-weight: bold;
        left: 0;
        padding: 6px 8px;
        position: absolute;
        right: 0;
        text-decoration: none;
        margin-left:auto;
        margin-right:auto;
        width:150px;
    }
        .careerRoadMap .roadMapCertificationTiles .readMore a:hover {
            text-decoration: none;
        }
@media screen and (max-width: 1155px) {
    .careerRoadMap .roadMapCertificationTiles .roadMapCertTile {
        width: 31.73%;
    }
}

@media screen and (max-width: 914px) {
    .careerRoadMap .roadMapCertificationTiles .roadMapCertTile {
    }
}

@media screen and (max-width: 797px) {
    .careerRoadMap .roadMapCertificationTiles .roadMapCertTile {
        width: 48.4%;
    }
}

@media screen and (max-width: 768px) {
    .careerRoadMap .roadMapCertificationTiles .roadMapCertTile {
        width: 48.4%;
    }
}
@media screen and (max-width: 500px) {
    .careerRoadMap .roadMapCertificationTiles {
        margin-left: 0;
    }
        .careerRoadMap .roadMapCertificationTiles .roadMapCertTile {
            width:98%;
            cursor: default;
            height: auto;
            margin-left:0;
            padding:1%;
        }         
             .careerRoadMap .roadMapCertificationTiles .roadMapCertTile  a{
                display:block;
                text-align:center;
                border-radius: 3px;
                font-family: Arial;
                color: #ffffff;
                font-size: 1em;
                font-weight: bold;
                padding: 10px 10px;
                text-decoration: none;
                margin-bottom: 20px;
                position: relative;
                bottom: auto;
                left: auto;
                width:auto;
            }      
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile .icon {
                display: none;
                z-index: -1;
            }
            .careerRoadMap .roadMapCertificationTiles .beginner .content{
                background-color: #f5a81c;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile.beginner{
                background-color: #f5a81c;
            }
            .careerRoadMap .roadMapCertificationTiles .intermediate .content {
                background-color: #61a609;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile.intermediate {
                background-color: #61a609;
            }
            .careerRoadMap .roadMapCertificationTiles .advanced .content {
                background-color: #0090b8;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile.advanced {
                background-color: #0090b8;
            }
            .careerRoadMap .roadMapCertificationTiles .expert  .content {
                background-color: #f16c22;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile.expert  {
                background-color: #f16c22;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile .content {
                text-align: left;
                height:auto;
                overflow: auto;
                position:relative;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile h3 {
                color: #FFF;
                position:absolute;
                top:20px;
                display: inline-table;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile h2 {
                color: #616e76;
                font-size: 1.25em;
                margin: 70px 0 15px;
                padding: 0;
                height: auto;
                color: #FFF;
            }
            .careerRoadMap .roadMapCertificationTiles .roadMapCertTile p,
            .careerRoadMap .roadMapCertificationTiles .readMore p {
                height: 100%;
                opacity: 1;
                color: #FFF;
                padding: 0;
                margin: 0 0 20px;
            }
}

.careerRoadMap .video-js {
    height:316px; 
}
@media only screen and (max-device-width: 1158px) {
   .careerRoadMap .video-js {
        height:283px;
    }
}
@media only screen and (max-device-width: 768px) {
    .careerRoadMap .video-js {
        height:420px;
    }
}
@media only screen and (max-device-width: 640px) {
    .careerRoadMap .video-js {
        height: 354px;
    }
}
@media only screen and (max-device-width: 360px) {
     .careerRoadMap .video-js {
        height: 198px;
    }
}
@media only screen and (max-device-width: 320px) {
    .careerRoadMap .video-js {
        height: 177px;
    }
}
.cd-search input.ibSearch {
    background-color: transparent;
    border: none;
    content: '';
    height: 18px;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 8px;
    width: 18px;
}
.ibSearch:hover {
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .cd-search input.ibSearch {
        right: 45px;
        top: 16px;
    }

    .cd-search span.error {
        position: absolute;
        left: 29px;
        top: 57px;
    }
}
/*New Search Styles*/
.cta-bar.searchbar {    
    background-color: #a1a1a1;
    height: 85px;
    margin-top: 7px;
    padding-top: 15px !important;
}
.searchbar input[type=text] {
    margin-right: 30px;
    width: 75%;
}
.searchbar .ibSearch {
    position: absolute;
    right: 50px;
    top: 32px;
}

.search-languages {
    padding: 10px 0;
    width: 100%;
}

.search-languages ul {
    display: inline;
}

.search-languages li {
    display: inline-block;
    list-style: none;
    margin-left: 15px;
}

@media screen and (max-width: 768px) {
    .cta-bar.searchbar {
        background-color: #fff;
        height: 95px;
    } 

    .searchbar .ibSearch {
        right: 42px;
        top: 28px;
    }

    .searchbar input[type=text] {
        width: 109%;
    }

    .search-languages {
        padding: 10px 10px 10px 25px;
    }
}

@media screen and (max-width: 1158px) {
    .searchbar input[type=text] {
        width: 100%;
    }
}

.search-results-top {
    text-transform: uppercase;
    color: #45545F;
}

.search-count {
    font-size: 16px;
    margin: 10px 0px 0px;
}

.search-sort {
    float: left;
    margin-bottom: 20px;
    text-align: right;
    width: 50%;
}

.search-sort select {
    background-color: #DBDEE0;
    border: none;
    color: #45545F;
    height: 30px;
    margin-left: 10px;
    padding: 5px;
}

.search-sort option {
    height: 30px;
}

.result-url {
    color: #666666;
    display: block;
    font-size: 11px;
    font-style: italic;
}

.search-results-featured {
    clear: both;
    border: 1px solid #f3f4f5;
    border-radius: 10px;
    padding: 0;
    min-width: 100px;
}

.search-results-featured .content-type {
    color: #DC1010;
    display: block;
    text-transform: uppercase;
}

.search-results-featured h3 {
    font-size: 1em;
    line-height: 1em;
    margin: 0;
}

.search-results-featured h2 {
    margin: 0;
    padding: 10px 0px;
}

@media only screen and (max-width: 768px) {
    .search-count {
        float: none;
        width: 100%;
    }
    .search-results-top {
        padding: 0px;
    }
    .search-results-featured h2 {
        font-size: 2em;
    }
}

.search-results-featured ul {
    list-style: none;
    margin: 1px 0px;
    padding: 0 0 10px 0;
}

.search-results-featured li {
    margin-left: 10px;
}

.search-results-featured li:first-child
{
    margin-top: 0px;
}

.search-results-main {
    clear: both;
}

@media only screen and (max-width: 768px) {
    .search-results-main {
        padding: 0 10px;
    }
}

.search-results-main .content-type {
    color: #DC1010;
    display: block;
    text-transform: uppercase;
}

.search-results-main h3 {
    font-size: 1.4em;
    margin: 0;
}

.search-results-main h3:hover, .search-results-main .result-url:hover {
    color: #e42518;
    text-decoration: underline;
}

.search-results-main .list {
    padding: 0px;
}

.search-results-main .list li {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.search-results-main .date-author {
    color: #45545F;
}

.search-results-main p {
    margin-top: 0px;
}
.pagination
{
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:40px
}
.pagination ul
{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	height:40px
}
.pagination ul li
{
	display:inline-block;
	font-size:18px;
	font-family:"Calibri Light",Calibri,Arial,Helvetica,sans-serif;
	font-weight:100;
	color:#45545f
}
.pagination ul li a
{
	display:block;
	float:left;
	text-align:center;
	color:white;
	text-transform:uppercase;
	font-family:"Calibri Bold",Calibri,Arial,Helvetica,sans-serif;
	font-weight:900;
	padding:10px 40px;
	background:#4c565c;
	font-size:12px;
	-webkit-transition:background,0.25s;
	-webkit-transition-delay:0s;
	-moz-transition:background,0.25s;
	-o-transition:background,0.25s;
	transition:background .25s;
	text-decoration:none
}
.pagination ul li a:hover
{
	background:#e42518;
	color:white;
    text-decoration: none;
}
.pagination ul li a.turnOff {
	background:#dadcde;
}
.pagination ul li a.turnOff:hover {
	background:#dadcde;
    cursor: default;
    text-decoration: none;
}
	@media screen and (max-width:767px)
{
.pagination ul li a
{
	padding:10px
}

}
.pagination ul li.previous-page
{
	position:absolute!important;
	left:0
}
.pagination ul li.previous-page a
{
	-webkit-border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-ms-border-radius:10px 0 0 10px;
	-o-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px
}
.pagination ul li.previous-page a:before
{
	content:"";
	width:4px;
	height:8px;
	display:inline-block;
	margin-right:7px;
	background:url(/ui/assets/images/basictable/next-prev-icons.png) no-repeat 0 0
}
.pagination ul li.next-page
{
	position:absolute!important;
	right:0
}
.pagination ul li.next-page a
{
	-webkit-border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	-ms-border-radius:0 10px 10px 0;
	-o-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0
}
.pagination ul li.next-page a:after
{
	content:"";
	width:4px;
	height:8px;
	display:inline-block;
	margin-left:7px;
	background:url(/ui/assets/images/basictable/next-prev-icons.png) no-repeat 0 bottom
}
.bluebox {
    width:100%;
    max-width:100%;
    min-width:100px;
    border-radius:10px;
    border:1px solid #E9E9E9;
    margin-bottom:30px;
}

.bluebox .heading {
    background-color:#008fc3;
    border-radius:10px 10px 0px 0px;
}

.bluebox .heading h3 {
    color:#ffffff;
    padding:20px;
    margin:0;
    font-size:1.20em;

}

.bluebox .body {
    background-color:#ffffff;
    border-radius:0px  0px 10px 10px;
    padding:20px;
}

.bluebox .body p:last-child {
    margin-bottom:0px;
}
.greybox {
    width:100%;
    max-width:100%;
    min-width:100px;
    border-radius:10px;
    margin-bottom:20px;
}

.greybox .heading {
    background-color:#E9E9E9;
    border-radius:10px 10px 0px 0px;
 }

.greybox .heading h3 {
    color:#ffffff;
    padding:20px;
    margin:0;
    font-size:1.20em;
}


.greybox .body {
    background-color:#f7f8fa;
    border-radius:0px  0px 10px 10px;
    padding:20px;
}

.greybox .body p:last-child {
    margin-bottom:0px;
}
.siderailbutton a {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.125em;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width:100%;
    margin-bottom:25px;
}

.siderailbutton a.red {
    background: #e42518 none repeat scroll 0 0;
}

.siderailbutton a.red:hover {
    background: #CD2116;
    text-decoration: none;
}


.siderailbutton  a.grey {
    background: #a4adb3 none repeat scroll 0 0;
}

/* -------------------------------- 

Primary style

-------------------------------- */
.cd-main-header ul {
    list-style: none;
}
.cd-primary-nav, .cd-header-buttons {
    margin: 0;
}
.cd-primary-nav ul {
    margin: 0;
    padding: 0;
    top: 0;
}
@media only screen and (max-width: 959px) {
    .cd-main-header ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    body.overflow-hidden {
        overflow: hidden;
        position: fixed;
    }
}

input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

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

/* -------------------------------- 

Main components 

-------------------------------- */

.cd-main-content, .cd-main-header {
  position: relative;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateX(0);
  will-change: transform;
}
@media only screen and (max-width: 959px) {
  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(-100%);

  }
  .cd-main-header {
    margin: 0 auto;
    max-width: 100%;
    min-width: 320px ;
    width: 100%;
  }
  .cd-main-header.nav-is-visible {
    /*-webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);*/
    position: fixed;
    height: 63px;
    border-bottom: 1px solid #f2f2f2;
  }
}

.cd-main-content {
  background-color: transparent;
  /*min-height: 100vh;*/
  z-index: -1;
}

.cd-main-header {
  background: #ffffff;
  height: 100%;
  z-index: 3;
  /*font-family: Calibri, Arial, Helvetica, sans-serif;*/
}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .cd-main-content {
      display: none;
  }
  .cd-main-header:after {
    content: "";
    display: table;
    clear: both;
  }
}

.cd-logo {
  position: absolute;
  background-color: #ec3429;
  padding-top: 18px;
  border-radius: 0 0 20px 20px;
  width: 220px;
  height: 70px;
  text-align:center;
  /*Make Padding Inclusive*/
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
@media only screen and (max-width: 959px) {
.cd-main-header {
  height: 50%;
}
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
  }
    /*.cd-logo {
        -moz-transform: scale(.70,.70) translate(-25px,-16px);
        -ms-transform: scale(.70,.70) translate(-25px,-16px);
        -o-transform: scale(.70,.70) translate(-25px,-16px);
        -webkit-transform: scale(.70,.70) translate(-25px,-16px);
        transform: scale(.70,.70) translate(-25px,-16px);
    }*/
}
@media only screen and (min-width: 960px) {
  .cd-logo {
  }
}

@media only screen and (max-width: 768px) {
    .cd-logo {
        border-radius: 0 0 20px;
        height: 45px;
        max-width: 153px;
        padding: 10px 15px;
        width: auto;
        left: 0;
    }
    .cd-logo img {
        width:123px;
    }
}


.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%;
  font-size: 0.8em;
}
.cd-header-buttons li {
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 959px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }
}

  .cd-header-buttons li.above-nav a {      
    position: relative;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding-right: 1.4em;
    color: #7a7a7a;
    overflow: visible;
    border-bottom: none;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }

@media only screen and (min-width: 960px) {
  .cd-header-buttons {
    top: 8px;
    right: 0;
  }

  
  .cd-header-buttons li.above-nav > a:hover {
    color: #e42518;
  }
  .cd-header-buttons li.above-nav > a.selected {
    color: #e42518;
    box-shadow: inset 0 -5px 0 #e42518;
  }
}

.cd-worldwide-trigger img {   margin-top: 11px; margin-right: 1em; }

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
   margin-right: 1em;
}

@media only screen and (max-width: 959px) {
    .cd-search-trigger, .cd-nav-trigger {
        margin-right: 0;
    }
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #74797c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-search-trigger::after {
  /* handle */
  height: 2px;
  width: 8px;
  background: #74797c;
  bottom: 17px;
  right: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-search-trigger:hover:before {
  border: 2px solid #ec3429;
}
.cd-search-trigger:hover:after {
  background: #ec3429;
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #74797c;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.my-account {
    font-family: "Calibri Bold", Calibri, Arial, Helvetica, sans-serif;
      padding: 4px 15px;
      background: #a4adb3;
      border: 1px solid #a4adb3;
      color: #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: compact(compact(background 0.25s, false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(background 0.25s, false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(background 0.25s, false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(background 0.25s, false, false, false, false, false, false, false, false, false);
      display: inline-block;
      margin-top: 6px;
}

.my-account:hover {
    background: #e42518;
    border: 1px solid #e42518;
    text-decoration: none;
}

.store{
    font-family: "Calibri Bold", Calibri, Arial, Helvetica, sans-serif;
    padding: 4px 15px;
    background: #e42518;
    border: 1px solid #e42518;
    text-decoration: none;
    color: #fff;
    font-weight:bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: compact(compact(background 0.25s, false, false, false, false, false, false, false, false, false) false false);
    -moz-transition: compact(compact(background 0.25s, false, false, false, false, false, false, false, false, false) false false false);
    -o-transition: compact(compact(background 0.25s, false, false, false, false, false, false, false, false, false) false false false);
    transition: compact(background 0.25s, false, false, false, false, false, false, false, false, false);
    display: inline-block;
    margin-top: 6px;
    margin-left: 13px;
    font-size:1.20em;
}

.store:hover {
    background: #CD2116;
    text-decoration: none;
}

.store img{
    vertical-align: middle;
    padding: 0 5px 2px 0;
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #74797c;
}
.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #74797c;
}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 960px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-nav {
    margin-left: 120px;
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 48px;
  right: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  overflow: auto;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
@media only screen and (min-width: 960px) {  
    .cd-primary-nav, .cd-primary-nav ul {
      top: 52px;
    }
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #4c565c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #f2f2f2;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  text-decoration: none;
}
/* Firefox renders font with slightly larger letter spacing because reasons.  Fix this. */
@-moz-document url-prefix() { 
  .cd-primary-nav a, .cd-primary-nav ul a {
      letter-spacing: -.3px;
  }
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-worldwide-trigger {
    height: 43px;
}
.cd-worldwide-trigger ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  -o-transform: translateY(-150%);
  transform: translateY(-150%);
}
.cd-worldwide-nav {
    position: fixed;
    background-color: white;
    padding: 20px;
}
.cd-worldwide-nav.selected {
    top: 50px;
    z-index: 4;
    box-shadow: inset 0 5px 0 #e42518, 1px 1px 1px #999;
}
.cd-worldwide-nav li {
    display: block;
    float: none;
    height: 40px;
    line-height: 40px;
}
.cd-worldwide-nav li a {
    padding: 0 0 0 0;
    color: #4c565c;
    border-bottom: none;
    font-size: 1em;
    padding-left: 25px;
  }
.cd-worldwide-nav li a.en-us {
    background-image: url(/images/default-source/templateimages/en-us.png);
    background-repeat: no-repeat;
}
.cd-worldwide-nav li a.de {
    background-image: url(/images/default-source/templateimages/de.png);
    background-repeat: no-repeat;
}
.cd-worldwide-nav li a.jp {
    background-image: url(/images/default-source/templateimages/jp.png);
    background-repeat: no-repeat;
}
.cd-worldwide-nav li a.es {
    background-image: url(/images/default-source/templateimages/es.png);
    background-repeat: no-repeat;
}
.cd-worldwide-nav li a.pt {
    background-image: url(/images/default-source/templateimages/pt.png);
    background-repeat: no-repeat;
}
.cd-worldwide-nav li a:hover {
    color: #e42518;
    text-decoration: none;
  }
.cd-worldwide-nav li a.aspNetDisabled:hover {
    color: #4c565c;
    cursor:default;
}


@media only screen and (max-width: 959px) {
    .cd-worldwide-nav.selected {
        box-shadow: 1px 1px 1px #999;
        padding-left: 1em;
        right: -1em;
        top: 4em;
        width: 100% !important;
        z-index: 4;
    }
    .cd-worldwide-nav.selected li {
        float: left;
        width: 50%;
    }
}

.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 959px) {
  .cd-primary-nav a, .cd-primary-nav ul a {
      font-family: Calibri, Arial, Helvetica, sans-serif;
  }
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #4c565c;
  text-decoration: underline;
}
.cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}
.cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../Modules/img/line-icon-1.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../Modules/img/line-icon-2.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../Modules/img/line-icon-3.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../Modules/img/line-icon-4.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../Modules/img/line-icon-5.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../Modules/img/line-icon-6.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../Modules/img/line-icon-7.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../Modules/img/line-icon-8.svg");
}
@media only screen and (max-width: 959px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -moz-transition: 0.4s;
    transition: 0.4s;
    right: -100%;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -moz-transition: 0.4s;
    transition: 0.4s;
    right: 0;
    margin: 0;
    padding: 0;
    left: 0;
  }
  .nav-gallery ul {
      /*top: 100px;*/
      position: relative;
  }
  .nav-gallery li .icon {
      display: none;
  }
  .nav-heading {
      height: 50px;
      display: block;
      background-color: white;
      color: #b0b6bb !important;
      text-transform: uppercase;
      line-height: 50px;
      padding-left: 1.2em;
      font-size: .9em;
      font-family: Calibri, Arial, Helvetica, sans-serif;
      font-weight: bold;
      border: none !important;
  }
  .nav-heading:before, .nav-heading:after {
      background: none !important;
  }
  .cd-primary-nav.nav-is-visible .cd-secondary-nav ul {
      position: relative;
      top: 0;
  }
    .cd-secondary-nav ul.force-mobile {
        margin-top: -10px;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (min-width: 960px) {
  .cd-primary-nav {
	  position: absolute;
  padding: 0;
  height: auto;
  width: auto;
  /* float: right; */
  overflow: visible;
  background: transparent;
  z-index: 4;
  }
  .cd-primary-nav:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
   .cd-primary-nav .above-nav li a {
       height: 32px;
   }

   .cd-secondary-nav {
       box-shadow: 0 3px 2px rgba(0,0,0,0.1);
   }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li {
    float: left;
    margin-left: 1.5em;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 63px;
    line-height: 66px;
    padding: 0 10px;
    color: #4d5154;
    overflow: visible;
    border-bottom: none;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a:hover {
    color: #e42518;
  }
  .cd-primary-nav > li > a.selected {
    color: #e42518;
    box-shadow: inset 0 -5px 0 #e42518;
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style  */
    background: #ffffff;
    position: absolute;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    -o-transition: opacity .3s 0s, visibility 0s 0s;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
    top: 63px;
    /*left: 0;*/
    right: 0;
    width: 1158px;
    /*width: 125%;
    margin: 0 -71%;*/
    /*padding: 3rem 47%;*/
  }

.header-wrapper:lang(jp) .cd-primary-nav > li {
    margin-left: 1.2em;
}
.header-wrapper:lang(de) .cd-primary-nav .cd-secondary-nav .three-quarters,
.header-wrapper:lang(es) .cd-primary-nav .cd-secondary-nav .three-quarters,
.header-wrapper:lang(pt) .cd-primary-nav .cd-secondary-nav .three-quarters,
.header-wrapper:lang(jp) .cd-primary-nav .cd-secondary-nav .three-quarters {
    width: 67%;
}

.header-wrapper:lang(de) .cd-primary-nav .cd-secondary-nav .nav-gallery.three-quarters li,
.header-wrapper:lang(es) .cd-primary-nav .cd-secondary-nav .nav-gallery.three-quarters li,
.header-wrapper:lang(pt) .cd-primary-nav .cd-secondary-nav .nav-gallery.three-quarters li,
.header-wrapper:lang(jp) .cd-primary-nav .cd-secondary-nav .nav-gallery.three-quarters li {
    width: 33%;
}

.header-wrapper:lang(de) .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter, 
.header-wrapper:lang(es) .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter, 
.header-wrapper:lang(jp) .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter {
    width: 21%;
}

.header-wrapper:lang(pt) .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter {
    width: 20%;
}
.header-wrapper:lang(de) .cd-primary-nav .cd-secondary-nav .third {
    padding: 0 2%;
    margin-right: 2%;
    max-width: 33%;
}
.header-wrapper .cd-primary-nav .cd-secondary-nav .auto a {
    padding: 0 8% 0 0;
}
.header-wrapper:lang(de) .cd-primary-nav .cd-secondary-nav .third a, .header-wrapper:lang(pt) .cd-primary-nav .cd-secondary-nav .third a, .header-wrapper:lang(es) .cd-primary-nav .cd-secondary-nav .third a {
    height: auto;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word;
}
.header-wrapper:lang(pt) .cd-primary-nav .cd-secondary-nav .auto {
    padding: 0 1%;
    margin-right: 2%;
}

.header-wrapper:lang(de) .cd-primary-nav .cd-secondary-nav .nav-gallery.two-thirds {
    width: 59%;
    margin-right: 2%;
}
.header-wrapper:lang(de) .en-only:after,
.header-wrapper:lang(pt) .en-only:after,
.header-wrapper:lang(es) .en-only:after,
.header-wrapper:lang(jp) .en-only:after {
   background-image: url(/images/default-source/templateimages/en-us.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    color: transparent;
    content: 'en';
    display: inline;
    margin-left: 10px;
}

  .cd-primary-nav .cd-secondary-nav .third {
      width: 29%;
      margin: 0 1%;
      padding: 0 1%;
  }

  .cd-primary-nav .cd-secondary-nav .two-thirds {
      width: 60%;
  }

  .cd-primary-nav .cd-secondary-nav .quarter {
      width: 24%;
  }
  .cd-primary-nav .cd-secondary-nav .quarter li {
      margin-right: 0;
      border: none;
  }

  .cd-primary-nav .cd-secondary-nav .three-quarters {
      margin: 0 2%;
      width: 71%;
  }
  .cd-primary-nav .cd-secondary-nav .three-quarters li:after {
      clear: both;
      content: '';
      display: block;
  }

  .cd-primary-nav .cd-secondary-nav .auto {
      min-width: 18%;
      width: auto;
  }
    
  .cd-primary-nav .cd-secondary-nav .nav-gallery{
      border: none;
      width: 70%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.border-right{
      border-right: 1px solid #e2e3df;
  }

  .cd-primary-nav .cd-secondary-nav .nav-gallery.full{
      width: 100%;
      margin-right: 0;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.full.four li {
      width: 24%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.full.five li {
      width: 19%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.full.six li {
      width: 16.66%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.full.six li:last-of-type {
      margin-right: 0;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.third{
      width: 32%;
      margin-right: 0;
  }
    .cd-primary-nav .cd-secondary-nav .nav-gallery.third li {
        margin-right: 2%;
        -ms-word-wrap: normal;
        word-wrap: normal;
        width: 48%;
    }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.two-thirds {
      width: 66%;
      margin-right: 3%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.two-thirds:last-of-type {
      margin-right: 0;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.two-thirds li {
      width: 33%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.two-thirds .two-col-nav li {
      width: 50%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter {
      width: 24%;
      margin-right: 0;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter li {
      margin-bottom: 45px;
      margin-right: 0;
      border: none;
      width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.quarter li:last-of-type {
      margin-bottom: 0;
  }
  .cd-primary-nav .cd-secondary-nav .nav-gallery.three-quarters li {
      width: 24%;
  }
  .nav-gallery li .icon {
      height: 130px;
      width: 130px;
      margin: 0 auto;
  }
  
  .nav-gallery.quarter li .icon {
      height: 130px;
      width: 130px;
  }
  .nav-gallery li .icon img {
    vertical-align: middle;
  }
  .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
  .nav-gallery li img {
      max-width: 120px;
      max-height: 120px;
  }
  .cd-primary-nav .nav-gallery li {
        /*border-right: 1px solid #e2e3df;*/
        float: left;
        height: 100%;
        display: inline-block;
        width: 20%;
        text-align: center;
  }
  .cd-primary-nav .nav-gallery li:last-of-type {
      border: none;
  }
  .cd-primary-nav .nav-gallery li a {
      height: 100%;
      line-height: 1.5em;
      white-space: normal;
  }
  .cd-primary-nav .nav-gallery li a h3 {
        font-family: Calibri, Arial, Helvetica, sans-serif;
        font-size: 1em;
  }
  .cd-primary-nav .cd-secondary-nav:after, .cd-nav-gallery:after, .cd-primary-nav .cd-nav-icons:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all,  .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .cd-primary-nav .cd-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: auto;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.56%;
    border-right: 1px solid #e2e3df;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
  }
    .cd-primary-nav .cd-secondary-nav > li.no-border {
        border: none;
    }
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .cd-primary-nav .cd-secondary-nav > li:last-of-type {
      border: none;
      margin-right: 0;
  }
  .cd-primary-nav .cd-secondary-nav > li > a {
    /* secondary nav title */
    color: #e42518;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: .6em;
  }
  .cd-primary-nav .cd-secondary-nav a {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 0;
    color: #4d5154;
    border-bottom: none;
    font-size: 1em;
  }
  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #e42518;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }

  .cd-primary-nav .cd-secondary-nav .nav-heading {
      color: #4c565c;
      font-size: 1.1em;
      margin-right: 20px;
      text-transform: uppercase;
      font-weight: normal;
      font-family: 'VistaSlab';
  }
  .cd-primary-nav .cd-secondary-nav ul ul {
    /* tertiary navigation */
    top: 0;
    left: 0;
    margin-left: 10px;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
    text-transform: none;
    font-size: 1em;
  }

  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden.d-visible {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul.three-col::after, .cd-primary-nav .cd-secondary-nav ul ul.two-col::after {
      clear: both;
      content: '';
      display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.three-col li {
      float: left;
      width: 33%;
  }

  .cd-primary-nav .cd-secondary-nav ul ul.three-col li:after, .cd-primary-nav .cd-secondary-nav ul ul.two-col li:after {
      content: '';
      clear: both;
      display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.two-col li {
      float: left;
      width: 46%;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.one-col li {
      width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.two-col {
      display: block;
      height: auto;
      min-height: 13em;
  }
    .cd-primary-nav .cd-secondary-nav ul.two-col {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 23em;
    }
  .cd-primary-nav .cd-secondary-nav ul.two-col li {
      float: left;
      width: 50%;
  }

  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.d-visible .see-all, .cd-primary-nav .cd-secondary-nav ul ul.d-visible .go-back {
      display: none;
  }
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
 .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;
  }
  .cd-nav-gallery .cd-nav-item h3 {
    color: #e42518;
    font-weight: bold;
    padding: 0 .4em;
  }
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #e42518;
    font-weight: bold;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;
  }
}

.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #008fc3;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (min-width: 960px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        /* hide the arrow on desktop*/
        background: none !important;
    }
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 960px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #e42518;
  }
}

@media only screen and (max-width: 959px) {
    
    .cd-primary-nav li.has-children > a span, .cd-primary-nav li.has-children > a span::before, .cd-primary-nav li.has-children > a span::after {
      /* hamburger icon in CSS */
      position: absolute;
      display: inline-block;
      height: 2px;
      width: 13px;
      background: #008fc3;
    }
    .cd-primary-nav li.has-children > a span {
      /* line in the center */
      position: absolute;
      top: 50%;
      right: 22px;
      margin-top: -1px;
      -moz-transition: background 0.3s 0.3s;
      transition: background 0.3s 0.3s;
      border-radius: 1px;
    }
    
    .cd-primary-nav .go-back > a span, .cd-primary-nav .go-back > a span::before, .cd-primary-nav .go-back > a span::after {
      /* hamburger icon in CSS */
      position: absolute;
      display: inline-block;
      height: 2px;
      width: 13px;
      background: #008fc3;
    }
    .cd-primary-nav .go-back > a span {
      /* line in the center */
      position: absolute;
      top: 50%;
      left: 22px;
      margin-top: -1px;
      -moz-transition: background 0.3s 0.3s;
      transition: background 0.3s 0.3s;
      border-radius: 1px;
    }

    .cd-primary-nav li {
        background-color: #ffffff;
    }
    .cd-primary-nav li:first-child {
        margin-top: 13px;
    }
    .cd-primary-nav li.sub{
        background-color: #fafafa;
    }
    .cd-primary-nav li > a {
        color: #e42518;
    }
    .cd-primary-nav li > a h3 {
        color: #e42518;
        font-family: Calibri, Arial, Helvetica, sans-serif;
        font-size: 1em;
        height: 50px;
        line-height: 50px;
    }
    .cd-primary-nav li.sub > a {
        color: #74797c;
    }
    .cd-primary-nav ul.cd-secondary-nav {
        position: absolute;
        top: 0;
    }
    .cd-primary-nav li.sub:last-child, .cd-secondary-nav li.has-children:last-child {
        margin-bottom: 48px;
    }
    .cd-secondary-nav li.has-children li.has-children:last-child {
        margin-bottom: 0;
    }
    .cd-secondary-nav li.has-children {
        margin-bottom: 15px;
    }
    .cd-secondary-nav li.has-children ul li {
      padding-left: 2em;
    }
    .cd-secondary-nav li.has-children ul li:first-child {
        margin-top: 0;
    }
    .cd-secondary-nav li.has-children ul li.has-children {
      padding-left: 0;
    }
    .cd-secondary-nav li.has-children ul li.has-children a {
      padding: 0 20px;
    }
    .cd-secondary-nav li.has-children ul li a {
      border: none;
      padding-left: 0;
    }
    
    .cd-primary-nav li.has-children { background-color: white;}
    .cd-primary-nav li.has-children > a { color: #4c565c;}

    .selected .three-quarters ul li.has-children ul.is-hidden { transform: none;}
}
.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back {
      background-color: #f1f1f1;
}
.cd-primary-nav .go-back a {
  padding-left: 40px;
  color: #4c565c;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
@media only screen and (min-width: 960px) {
  .cd-primary-nav > .has-children > a {
    text-transform: uppercase;
  }
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }

  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: .4em;
    font-size: 1.1em;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }

  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}



@media only screen and (min-width: 960px) and (max-width: 975px) {
    .cd-primary-nav .cd-secondary-nav {
        width: 120%;
        margin: 0px -27%;
        padding: 3rem 5%;
    }
    .cd-primary-nav > .has-children > a {
        font-size: .9em;
    }
    .cd-primary-nav .cd-secondary-nav a {
        height: auto;
        line-height: 1.3em;
        white-space: normal;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin-bottom: 15px;
    }
    .cd-primary-nav .cd-secondary-nav .auto
    {
        width: 22%;
    }
    .cd-primary-nav > li {
        margin-left: 1em;
    }
}
@media only screen and (min-width: 976px) and (max-width: 1025px) {
    .cd-primary-nav .cd-secondary-nav {
        width: 120%;
        margin: 0px -27%;
        padding: 3rem 5%;
    }
    .cd-primary-nav > .has-children > a {
        font-size: .9em;
    }
    .cd-primary-nav .cd-secondary-nav a {
        height: auto;
        line-height: 1.3em;
        white-space: normal;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin-bottom: 15px;
    }
    .cd-primary-nav .cd-secondary-nav .auto
    {
        width: 22%;
    }
    .cd-primary-nav > li {
        margin-left: 1.2em;
    }
}
@media only screen and (min-width: 1026px) and (max-width: 1086px) {
    .cd-primary-nav .cd-secondary-nav {
        width: 118%;
        margin: 0px -25%;
        padding: 3rem 5%;
    }
    .cd-primary-nav > .has-children > a {
        font-size: 1em;
    }
}
@media only screen and (min-width: 1087px) and (max-width: 1100px) {
    .cd-primary-nav .cd-secondary-nav {
        width: 125%;
        margin: 0px -32%;
        padding: 3rem 5%;
    }
    .cd-primary-nav > .has-children > a {
        font-size: 1em;
    }
}
@media only screen and (min-width: 1101px) and (max-width: 1140px) {
    .cd-primary-nav .cd-secondary-nav {
        width: 124%;
        margin: 0px -30%;
        padding: 3rem 5%;
    }
}


.cd-search {
  position: absolute;
  height: 3em;
  top: 13px;
  right: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 44px !important;
}
.cd-search form {
  height: 100%;
  width: 100%;
}
.cd-search input {
  border-radius: 5px;
  border: 2px solid #d0d5d6;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}
.cd-search input:focus {
  outline: none;
}
.cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    right: 16em;
    width: 19em !important;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media only screen and (max-width: 959px) {
    .cd-search.is-visible {
        right: 1em;
        width: 100% !important;
        top: 4em;
    }

    .cd-search input {
        width: 90%;
        padding: 0 0 0 5%;
        margin-left: 6%;
    }
}
.nav-is-fixed .cd-search {
  position: fixed;
}
@media only screen and (min-width: 960px) {
  .cd-search {
    height: 2em;
    top: 13px;
  }
  .cd-search input {
    font-size: 1em;
    font-weight: 300;
  }
}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
    display: none;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 959px) {
  .cd-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 960px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}
.socialsharing a.at-svc-twitter{
    background:none !important;
}
.socialsharing a.at-svc-facebook {
    background:none !important;
}
.socialsharing a.at-svc-compact {
    background:none !important;
}
.socialsharing .at4-icon {
    background-size: auto !important;
}
.socialsharing .at-share-tbx-element .at-share-btn {
    max-height: 32px !important;
    max-width: 85px !important;
    cursor: pointer!important;
    margin: 0 !important;
}
.socialsharing .addthis_32x32_style .at4-icon, .addthis_32x32_white_style .at4-icon, .at-32x32 {
    background-size: auto !important;
    width:85px !important;
}
.socialsharing .at_flat_counter::after {
    border-style: none !important;
}
.socialsharing .at_flat_counter {
    background:none !important;
    color:white !important;
    pointer-events: none !important;
    margin: 1px 0 0 -35px !important;
    position: relative !important;
    padding: 0 !important;
}
.socialsharing .at_flat_counter:hover {
    background: none !important;
}
.socialsharing .socialButton{
    display:inline-block;
    width:85px;
    height:33px;
}


.title-container {
    margin-top: 45px;
    margin-bottom: 45px;
    overflow: hidden;
}

    .title-container .title-content, .title-container .title-content-nolinkbox {
        position: relative;
    }

        .title-container .title-content p,
        .title-container .title-content-nolinkbox p {
            font-size: 1.50em;
            font-weight: 300;
        }

        .title-container .title-content .linkbox {
            background-color: #f7f8fa;
            padding: 25px 20px 5px;
            border-radius: 10px;
            width: 100%;
            float: none;
        }

            .title-container .title-content .linkbox h3 {
                color: #616d75;
            }

            .title-container .title-content .linkbox p {
                font-size: 1em;
                line-height: .5em;
            }

@media only screen and (min-width: 768px) {

    .title-container .title-content:before {
        content: '';
        float: right;
        display: block;
        width: 240px;
        height: 175px;
        margin: 0 0 0 125px;
    }

    .title-container .title-content .linkbox {
        float: right;
        top: 0;
        right: 0;
        width: 240px;
        position: absolute;
    }
}


@media screen and (max-width: 480px) {
    .title-container .title-content p,
    .title-container .title-content-nolinkbox p {
        font-size: 1.25em;
        font-weight: 300;
    }
}
.training-results {
    width: 1158px;
    margin: 0 auto;
    max-width: 100%;
}

.buymaterials
{
    background-color: #e42518;
    border-radius: 10px 0;
    color: #ffffff;
    float: right;
    margin-top: -48px;
    padding: 10px 20px;
    text-align: center;
    width: 15%;
    font-size: 1.125em;
    text-transform:uppercase;
}

.buymaterials:hover { 
        background: #CD2116;
        text-decoration: none;
}

.studymaterials .column {
    padding-top:4px;
    padding-bottom:4px;
}

@media screen and (max-width: 1158px){
    .buymaterials {
        display: block;
        float: none;
        margin: 10px 0px;
        padding: 10px 0px;
        width: 97%;
    }

    .training-results {
        margin: 0 auto;
        max-width: 98%;
        min-width: 315px;
        width: 98%;
    }
}
.which-cert-logo td img {
  display: block;
  margin: auto;
}

@media screen and (max-width: 640px) {
    .which-cert-logo td img {
        margin-left: 0px !important;
        margin-right: 0px !important;
        max-width: 100px;
    }

}
.wccontactform-wrapper {
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    margin-bottom: 30px;
    margin-top:20px;
    max-width: 100%;
    min-width: 100px;
    width: 100%;
    padding:0px !important;
    position: relative;
}

.wccontactform-wrapper .heading {
    background-color: #008fc3;
    border-radius: 10px 10px 0 0;
}

.wccontactform-wrapper .heading h3 {
    color: #ffffff;
    font-size: 2.0em;
    margin: 0;
    padding: 20px;
}


.wccontactform-wrapper .body {
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
    padding: 20px;
}

.wccontactform-wrapper .column {
    padding:5px;
}

.wccontactform-wrapper .grid .center {
    text-align: center;
}

.wccontactform-wrapper .checkbox-list label {
    padding-left:10px;
    padding-right:10px;
}

.wccontactform-wrapper span.error{
    margin-top: 0;
}
.youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    margin-bottom: 20px;
}
 
.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blogSideRail{
    background-color: #f7f8fa;
    border-radius: 0px 0px 10px 10px;
    padding: 20px;
    margin: 30px 0 30px 0;
}
.blogSideRail a{
    margin-bottom: 20px;
    display:inline-block;
}
.blogSideRail h4{
    font-size: 1em;
}

.blogSideRail.green {
    background-color: #bfd434;
    border-radius: 10px;
    padding: 0;
    position: relative;
    text-align: center;
}
.blogSideRail.green:hover {
    background-color: #b2c62f;
}
.blogSideRail.green a {
    background-image: url(https://certification.comptia.org/images/default-source/templateimages/chevron_left_white.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    font-size: 1.6em;
    height: 100%;
    margin-bottom: 0;
    padding: 15px 15px 15px 35px;
    text-transform: uppercase;
    width: 100%;
}

.blogSideRail.green a:hover {
    text-decoration: none;
}
/* 
  Module: Accordion
  Description: Reveal/hide information to user
*/
.accordion h2 {  
  font-weight: 100;
  font-family: "Calibri Light", Calibri, Arial, Helvetica, sans-serif;
  color: #45545f;
  text-transform: uppercase;
  margin: 0 0 25px 0;
  font-size: 26px; }
  .accordion h2 .view-all {
    float: right;
    display: inline-block;
    background: url("/ui/base/images/icons/red-arrow-cta.png") no-repeat 100% 50%;
    padding: 0 10px 0 0;
    font-family: "Calibri Bold", Calibri, Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 14px;
    margin: 5px 0 0; }
.accordion ul {
  margin: 0;
  padding: 0; }
  .accordion ul li {
    list-style: none;
    padding: 0 0 20px 35px;
    margin: 0;
    position: relative;
    cursor: pointer; }
    .accordion ul li .expander {
      background: url("/UI/Assets/siteIcons/expander-sprite.png") no-repeat 0 0;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 7px;
      left: 0;
      display: block; }
    .accordion ul li .close {
      position: absolute;
      top: 3px;
      right: 0;
      -webkit-border-radius: 0 3px;
      -moz-border-radius: 0 3px;
      -ms-border-radius: 0 3px;
      -o-border-radius: 0 3px;
      border-radius: 0 3px;
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
      border-top-right-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
      border-bottom-left-radius: 3px;
      background-color: #adb1b7;
      width: 18px;
      height: 18px;
      text-align: center;
      padding-top: 1px; }
      .accordion ul li .close span {
        background: url("/ui/assets/images/accordion/icon-close.png") no-repeat 0 0;
        display: inline-block;
        width: 10px;
        height: 10px; }
    .accordion ul li.active .expander {
      background-position: -18px 0; }
    .accordion ul li h4 {
      font-weight: normal;
      font-family: Calibri, Arial, Helvetica, sans-serif;
      font-size: 18px;
      color: #243039;
      margin: 0; }
    .accordion ul li h5 {
      text-transform: uppercase;
      font-size: 14px;
      color: #69737B;
      font-family: "Calibri Light", Calibri, Arial, Helvetica, sans-serif;
      margin: -2px 0 0; }
    .accordion ul li .content {
      height: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: compact(compact(compact(all 400ms false false), false, false, false, false, false, false, false, false, false) false false);
      -moz-transition: compact(compact(compact(all 400ms false false), false, false, false, false, false, false, false, false, false) false false false);
      -o-transition: compact(compact(compact(all 400ms false false), false, false, false, false, false, false, false, false, false) false false false);
      transition: compact(compact(all 400ms false false), false, false, false, false, false, false, false, false, false); }
      @media screen and (max-width: 767px) {
        .accordion ul li .content {
          overflow: visible;
          height: auto;
          opacity: 1;
          display: none; } }
      .ie8 .accordion ul li .content {
        overflow: visible;
        height: auto;
        opacity: 1;
        display: none; }
      .accordion ul li .content .inside {
        padding: 15px 0 0; }
        .accordion ul li .content .inside p {
          color: #45545f;
          font-size: 14px;
          font-family: Calibri, Arial, Helvetica, sans-serif;
          margin: 0 0 10px;
          line-height: 20px;
          cursor: default; }
        .accordion ul li .content .inside .accordion-links {
          padding: 10px 0 0; }
          .accordion ul li .content .inside .accordion-links a {
            color: #cd1d10;
            text-transform: uppercase;
            font-family: "Calibri Bold", Calibri, Arial, Helvetica, sans-serif;
            font-weight: 900; }
            .accordion ul li .content .inside .accordion-links a span {
              background: url("/ui/base/images/icons/red-arrow-cta.png") no-repeat;
              width: 5px;
              height: 10px;
              margin: 0 0 0 5px;
              display: inline-block; }
          .accordion ul li .content .inside .accordion-links span {
            margin: 0 15px;
            color: #69737b; }
    .ie8 .accordion ul li.active .content {
      display: block; }
    @media screen and (max-width: 767px) {
      .accordion ul li.active .content {
        display: block; } }

.accordion
{
    color: #45545F;
}

.accordion .list li
{
    margin: 20px 0px;
    padding: 0 0 0 20px;
}

.accordion .navigable li
{
    padding: 0px;
}

.accordion .navigable li a
{
    color: #45545F;
}

.accordion .navigable li a:hover
{
    color: #cd1d10;
}