/**
 * If editing from the git repository, you MUST read README.md before continuing.
 */
/* Added By T4 */
.general-form.form-builder .form-group {
    margin-bottom: 20px;
}

.general-form.form-builder button.btn-primary {
    background-color: #f36e21 !important;
    color: #fff;
    padding: 10px;
    font-size: 20px;
}

.general-form.form-builder label input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
}
.general-form.form-builder label input[type=radio] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
}

.general-form.form-builder label input {
	position: inherit;
	margin-right: 6px;
}

.general-form.form-builder select {
    background-position: 98% center !important;
}

/* Colors */
 /*Fonts*/
 /* Responsive breakpoints */
 /*! normalize.css v1.1.1 | MIT License | git.io/normalize */
 /* ==========================================================================
    HTML5 display definitions
    ========================================================================== */
 /**
  * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
  */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
   display: block; }
 
 /**
  * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
  */
 audio,
 canvas,
 video {
   display: inline-block;
   *display: inline;
   *zoom: 1; }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 audio:not([controls]) {
   display: none;
   height: 0; }
 
 /**
  * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
  * Known issue: no IE 6 support.
  */
 [hidden] {
   display: none; }
 
 /* ==========================================================================
    Base
    ========================================================================== */
 /**
  * 1. Prevent system color scheme's background color being used in Firefox, IE,
  *    and Opera.
  * 2. Prevent system color scheme's text color being used in Firefox, IE, and
  *    Opera.
  * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
  *    `em` units.
  * 4. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 html {
   background: #fff;
   /* 1 */
   color: #000;
   /* 2 */
   font-size: 100%;
   /* 3 */
   -webkit-text-size-adjust: 100%;
   /* 4 */
   -ms-text-size-adjust: 100%;
   /* 4 */ }
 
 /**
  * Address `font-family` inconsistency between `textarea` and other form
  * elements.
  */
 html,
 button,
 input,
 select,
 textarea {
   font-family: 'Lato', sans-serif;
   color: #58585b; }
 
 /**
  * Address margins handled incorrectly in IE 6/7.
  */
 body {
   margin: 0; }
 
 * {
   box-sizing: border-box;
   -moz-box-sizing: border-box; }
 
 /* ==========================================================================
    Links
    ========================================================================== */

a,
a:link {
  text-decoration: none; }

/* ==========================================================================
    Typography
    ========================================================================== */
 /**
  * Address font sizes and margins set differently in IE 6/7.
  * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
  * and Chrome.
  */
 h1, .h1 {
   font-size: 2em;
   margin: 0 0 0.55em 0; }
 
 h2, .h2 {
   font-size: 1.5em;
   line-height: 1.1;
   margin: 0 0 0.6em 0; }
 
 h3, .h3 {
   font-size: 1.17em;
   margin: 0 0 0.4em 0; }
 
 h4, .h4 {
   font-size: 1em;
   margin: 0 0 0.5em 0; }
   @media screen and (max-width: 750px) {
     h4, .h4 {
       margin: 1em 0 1.5em 0; } }
 
 h5, .h5 {
   font-size: 0.83em;
   margin: 0 0 0.5em 0; }
 
 h6, .h6 {
   font-size: 0.67em;
   margin: 0 0 0.5em 0; }

 .h1, .h2, .h3, .h4, .h5, .h6 {
   display: block; }

 /**
  * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
  */
 abbr[title] {
   border-bottom: 1px dotted; }
 
 /**
  * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
  */
 b,
 strong {
   font-weight: bold; }
 
 blockquote {
   margin: 0 40px 1em 40px; }
 
 /**
  * Address styling not present in Safari 5 and Chrome.
  */
 dfn {
   font-style: italic; }
 
 /**
  * Address differences between Firefox and other browsers.
  * Known issue: no IE 6/7 normalization.
  */
 hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0; }
 
 /**
  * Address styling not present in IE 6/7/8/9.
  */
 mark {
   background: #ff0;
   color: #000; }
 
 /**
  * Address margins set differently in IE 6/7.
  */
 p,
 pre {
   margin: 0 0 1em 0;
   line-height: 1.6;
   font-size: 20px;
   font-weight: 400; }
   @media screen and (max-width: 1100px) {
     p,
     pre {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     p,
     pre {
       font-size: 16px; } }
 
 /**
  * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
  */
 code,
 kbd,
 pre,
 samp {
   font-family: monospace, serif;
   _font-family: 'courier new', monospace;
   font-size: 1em; }
 
 /**
  * Improve readability of pre-formatted text in all browsers.
  */
 pre {
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word; }
 
 /**
  * Address CSS quotes not supported in IE 6/7.
  */
 q {
   quotes: none; }
 
 /**
  * Address `quotes` property not supported in Safari 4.
  */
 q:before,
 q:after {
   content: '';
   content: none; }
 
 /**
  * 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; }
 
 /* ==========================================================================
    Lists
    ========================================================================== */
 /**
  * Address margins set differently in IE 6/7.
  */
 dl,
 menu,
 ol,
 ul {
   margin: 0;
   padding-left: 0;
   list-style-position: outside;
   padding-left: 20px;
   font-weight: 400; }
 
 li {
   font-size: 20px;
   line-height: 1.5;
   margin-bottom: 8px; }
   @media screen and (max-width: 1100px) {
     li {
       font-size: 18px; } }
 
 dd {
   margin: 0 0 0 40px; }
 
 /**
  * Address paddings set differently in IE 6/7.
  */
 /**
  * Correct list images handled incorrectly in IE 7.
  */
 nav ul,
 nav ol {
   list-style: none;
   list-style-image: none; }
 
 /* ==========================================================================
    Embedded content
    ========================================================================== */
 /**
  * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
  * 2. Improve image quality when scaled in IE 7.
  */
 img {
   border: 0;
   /* 1 */
   -ms-interpolation-mode: bicubic;
   /* 2 */ }
 
 /**
  * Correct overflow displayed oddly in IE 9.
  */
 svg:not(:root) {
   overflow: hidden; }
 
 /* ==========================================================================
    Figures
    ========================================================================== */
 /**
  * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
  */
 figure {
   margin: 0; }
 
 /* ==========================================================================
    Forms
    ========================================================================== */
 /**
  * Correct margin displayed oddly in IE 6/7.
  */
 form {
   margin: 0; }
 
 /**
  * Define consistent border, margin, and padding.
  */
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
 
 /**
  * 1. Correct color not being inherited in IE 6/7/8/9.
  * 2. Correct text not wrapping in Firefox 3.
  * 3. Correct alignment displayed oddly in IE 6/7.
  */
 legend {
   border: 0;
   /* 1 */
   padding: 0;
   white-space: normal;
   /* 2 */
   *margin-left: -7px;
   /* 3 */ }
 
 /**
  * 1. Correct font size not being inherited in all browsers.
  * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
  *    and Chrome.
  * 3. Improve appearance and consistency in all browsers.
  */
 button,
 input,
 select,
 textarea {
   font-size: 100%;
   /* 1 */
   margin: 0;
   /* 2 */
   vertical-align: baseline;
   /* 3 */
   *vertical-align: middle;
   /* 3 */
   -webkit-appearance: none;
   -moz-appearance: none;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0; }
 
 /**
  * Address Firefox 3+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 button,
 input {
   line-height: normal; }
 
 /**
  * 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 Chrome, Safari 5+, and IE 6+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
 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.
  * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
  *    Known issue: inner spacing remains in IE 6.
  */
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
   /* 3 */
   *overflow: visible;
   /* 4 */
   -webkit-appearance: none;
   -moz-appearance: none; }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 button[disabled],
 html input[disabled] {
   cursor: default; }
 
 /**
  * 1. Address box sizing set to content-box in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
  * 3. Remove excess padding in IE 7.
  *    Known issue: excess padding remains in IE 6.
  */
 input[type="checkbox"],
 input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
   *height: 13px;
   /* 3 */
   *width: 13px;
   /* 3 */ }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 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;
   -webkit-appearance: none;
   -moz-appearance: none; }
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
 
 /**
  * Remove inner padding and border in Firefox 3+.
  */
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0; }
 
 /**
  * 1. Remove default vertical scrollbar in IE 6/7/8/9.
  * 2. Improve readability and alignment in all browsers.
  */
 textarea {
   overflow: auto;
   /* 1 */
   vertical-align: top;
   /* 2 */ }
 
 /* ==========================================================================
    Tables
    ========================================================================== */
 /**
  * Remove most spacing between table cells.
  */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
 .skip-link {
   visibility: hidden;
   position: absolute;
   top: -100000px;
   left: -100000px; }
 
 /*  GRID COLUMN SETUP   ==================================================================== */
 .col {
   display: block;
   float: left;
   margin: 1% 0 1% 1.6%; }
 
 .col:first-child {
   margin-left: 0; }
 
 /* all browsers except IE6 and lower */
 /*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .col {
     margin: 1% 0 1% 0%; } }
 /*  SECTIONS  ============================================================================= */
 .section {
   clear: both;
   padding: 0px;
   margin: 0px;
   position: relative; }
   .section:after {
     content: "";
     clear: both;
     display: block;
     visibility: hidden; }
 
 /*  GROUPING  ============================================================================= */
 .group:before,
 .group:after {
   content: "";
   display: table; }
 
 .group:after {
   clear: both; }
 
 .group {
   zoom: 1;
   /* For IE 6/7 (trigger hasLayout) */ }
 
 /*  GRID OF TWO   ============================================================================= */
 .span_2_of_2 {
   width: 100%; }
 
 .span_1_of_2 {
   width: 49.2%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_2_of_2 {
     width: 100%; }
 
   .span_1_of_2 {
     width: 100%; } }
 /*  GRID OF THREE   ============================================================================= */
 .span_3_of_3 {
   width: 100%; }
 
 .span_2_of_3 {
   width: 66.13%; }
 
 .span_1_of_3 {
   width: 32.26%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_3_of_3 {
     width: 100%; }
 
   .span_2_of_3 {
     width: 100%; }
 
   .span_1_of_3 {
     width: 100%; } }
 /*  GRID OF FOUR   ============================================================================= */
 .span_4_of_4 {
   width: 100%; }
 
 .span_3_of_4 {
   width: 74.6%; }
 
 .span_2_of_4 {
   width: 49.2%; }
 
 .span_1_of_4 {
   width: 23.8%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_4_of_4 {
     width: 100%; }
 
   .span_3_of_4 {
     width: 100%; }
 
   .span_2_of_4 {
     width: 100%; }
 
   .span_1_of_4 {
     width: 100%; } }
 /*  GRID OF FIVE   ============================================================================= */
 .span_5_of_5 {
   width: 100%; }
 
 .span_4_of_5 {
   width: 79.68%; }
 
 .span_3_of_5 {
   width: 59.36%; }
 
 .span_2_of_5 {
   width: 39.04%; }
 
 .span_1_of_5 {
   width: 18.72%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_5_of_5 {
     width: 100%; }
 
   .span_4_of_5 {
     width: 100%; }
 
   .span_3_of_5 {
     width: 100%; }
 
   .span_2_of_5 {
     width: 100%; }
 
   .span_1_of_5 {
     width: 100%; } }
 /*  GRID OF SIX   ============================================================================= */
 .span_6_of_6 {
   width: 100%; }
 
 .span_5_of_6 {
   width: 83.06%; }
 
 .span_4_of_6 {
   width: 66.13%; }
 
 .span_3_of_6 {
   width: 49.2%; }
 
 .span_2_of_6 {
   width: 32.26%; }
 
 .span_1_of_6 {
   width: 15.33%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_6_of_6 {
     width: 100%; }
 
   .span_5_of_6 {
     width: 100%; }
 
   .span_4_of_6 {
     width: 100%; }
 
   .span_3_of_6 {
     width: 100%; }
 
   .span_2_of_6 {
     width: 100%; }
 
   .span_1_of_6 {
     width: 100%; } }
 /*  GRID OF SEVEN   ============================================================================= */
 .span_7_of_7 {
   width: 100%; }
 
 .span_6_of_7 {
   width: 85.48%; }
 
 .span_5_of_7 {
   width: 70.97%; }
 
 .span_4_of_7 {
   width: 56.45%; }
 
 .span_3_of_7 {
   width: 41.94%; }
 
 .span_2_of_7 {
   width: 27.42%; }
 
 .span_1_of_7 {
   width: 12.91%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_7_of_7 {
     width: 100%; }
 
   .span_6_of_7 {
     width: 100%; }
 
   .span_5_of_7 {
     width: 100%; }
 
   .span_4_of_7 {
     width: 100%; }
 
   .span_3_of_7 {
     width: 100%; }
 
   .span_2_of_7 {
     width: 100%; }
 
   .span_1_of_7 {
     width: 100%; } }
 /*  GRID OF EIGHT   ============================================================================= */
 .span_8_of_8 {
   width: 100%; }
 
 .span_7_of_8 {
   width: 87.3%; }
 
 .span_6_of_8 {
   width: 74.6%; }
 
 .span_5_of_8 {
   width: 61.9%; }
 
 .span_4_of_8 {
   width: 49.2%; }
 
 .span_3_of_8 {
   width: 36.5%; }
 
 .span_2_of_8 {
   width: 23.8%; }
 
 .span_1_of_8 {
   width: 11.1%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_8_of_8 {
     width: 100%; }
 
   .span_7_of_8 {
     width: 100%; }
 
   .span_6_of_8 {
     width: 100%; }
 
   .span_5_of_8 {
     width: 100%; }
 
   .span_4_of_8 {
     width: 100%; }
 
   .span_3_of_8 {
     width: 100%; }
 
   .span_2_of_8 {
     width: 100%; }
 
   .span_1_of_8 {
     width: 100%; } }
 /*  GRID OF NINE   ============================================================================= */
 .span_9_of_9 {
   width: 100%; }
 
 .span_8_of_9 {
   width: 88.71%; }
 
 .span_7_of_9 {
   width: 77.42%; }
 
 .span_6_of_9 {
   width: 66.13%; }
 
 .span_5_of_9 {
   width: 54.84%; }
 
 .span_4_of_9 {
   width: 43.55%; }
 
 .span_3_of_9 {
   width: 32.26%; }
 
 .span_2_of_9 {
   width: 20.97%; }
 
 .span_1_of_9 {
   width: 9.68%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_9_of_9 {
     width: 100%; }
 
   .span_8_of_9 {
     width: 100%; }
 
   .span_7_of_9 {
     width: 100%; }
 
   .span_6_of_9 {
     width: 100%; }
 
   .span_5_of_9 {
     width: 100%; }
 
   .span_4_of_9 {
     width: 100%; }
 
   .span_3_of_9 {
     width: 100%; }
 
   .span_2_of_9 {
     width: 100%; }
 
   .span_1_of_9 {
     width: 100%; } }
 /*  GRID OF TEN   ============================================================================= */
 .span_10_of_10 {
   width: 100%; }
 
 .span_9_of_10 {
   width: 89.84%; }
 
 .span_8_of_10 {
   width: 79.68%; }
 
 .span_7_of_10 {
   width: 69.52%; }
 
 .span_6_of_10 {
   width: 59.36%; }
 
 .span_5_of_10 {
   width: 49.2%; }
 
 .span_4_of_10 {
   width: 39.04%; }
 
 .span_3_of_10 {
   width: 28.88%; }
 
 .span_2_of_10 {
   width: 18.72%; }
 
 .span_1_of_10 {
   width: 8.56%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_10_of_10 {
     width: 100%; }
 
   .span_9_of_10 {
     width: 100%; }
 
   .span_8_of_10 {
     width: 100%; }
 
   .span_7_of_10 {
     width: 100%; }
 
   .span_6_of_10 {
     width: 100%; }
 
   .span_5_of_10 {
     width: 100%; }
 
   .span_4_of_10 {
     width: 100%; }
 
   .span_3_of_10 {
     width: 100%; }
 
   .span_2_of_10 {
     width: 100%; }
 
   .span_1_of_10 {
     width: 100%; } }
 /*  GRID OF ELEVEN   ============================================================================= */
 .span_11_of_11 {
   width: 100%; }
 
 .span_10_of_11 {
   width: 90.76%; }
 
 .span_9_of_11 {
   width: 81.52%; }
 
 .span_8_of_11 {
   width: 72.29%; }
 
 .span_7_of_11 {
   width: 63.05%; }
 
 .span_6_of_11 {
   width: 53.81%; }
 
 .span_5_of_11 {
   width: 44.58%; }
 
 .span_4_of_11 {
   width: 35.34%; }
 
 .span_3_of_11 {
   width: 26.1%; }
 
 .span_2_of_11 {
   width: 16.87%; }
 
 .span_1_of_11 {
   width: 7.63%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_11_of_11 {
     width: 100%; }
 
   .span_10_of_11 {
     width: 100%; }
 
   .span_9_of_11 {
     width: 100%; }
 
   .span_8_of_11 {
     width: 100%; }
 
   .span_7_of_11 {
     width: 100%; }
 
   .span_6_of_11 {
     width: 100%; }
 
   .span_5_of_11 {
     width: 100%; }
 
   .span_4_of_11 {
     width: 100%; }
 
   .span_3_of_11 {
     width: 100%; }
 
   .span_2_of_11 {
     width: 100%; }
 
   .span_1_of_11 {
     width: 100%; } }
 /*  GRID OF TWELVE   ============================================================================= */
 .span_12_of_12 {
   width: 100%; }
 
 .span_11_of_12 {
   width: 91.53%; }
 
 .span_10_of_12 {
   width: 83.06%; }
 
 .span_9_of_12 {
   width: 74.6%; }
 
 .span_8_of_12 {
   width: 66.13%; }
 
 .span_7_of_12 {
   width: 57.66%; }
 
 .span_6_of_12 {
   width: 49.2%; }
 
 .span_5_of_12 {
   width: 40.73%; }
 
 .span_4_of_12 {
   width: 32.26%; }
 
 .span_3_of_12 {
   width: 23.8%; }
 
 .span_2_of_12 {
   width: 15.33%; }
 
 .span_1_of_12 {
   width: 6.86%; }
 
 /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
   .span_12_of_12 {
     width: 100%; }
 
   .span_11_of_12 {
     width: 100%; }
 
   .span_10_of_12 {
     width: 100%; }
 
   .span_9_of_12 {
     width: 100%; }
 
   .span_8_of_12 {
     width: 100%; }
 
   .span_7_of_12 {
     width: 100%; }
 
   .span_6_of_12 {
     width: 100%; }
 
   .span_5_of_12 {
     width: 100%; }
 
   .span_4_of_12 {
     width: 100%; }
 
   .span_3_of_12 {
     width: 100%; }
 
   .span_2_of_12 {
     width: 100%; }
 
   .span_1_of_12 {
     width: 100%; } }
 header ::-webkit-input-placeholder {
   color: white; }
 
 header:-moz-placeholder {
   /* Firefox 18- */
   color: white; }
 
 header ::-moz-placeholder {
   /* Firefox 19+ */
   color: white; }
 
 header :-ms-input-placeholder {
   color: white; }
 
 /*
 ########################################################
 FEATURE BLOCK STYLES
 ########################################################
 */
 @media screen and (max-width: 1100px) {
   .feature-block {
     margin-bottom: 1.5em; } }
 .feature-block .inner {
   padding: 0px 25px;
   max-width: 1260px;
   margin: 0 auto; }
   @media screen and (max-width: 750px) {
     .feature-block .inner {
       padding-top: 0; } }
   .feature-block .inner .breadcrumb {
     margin: 20px 0 -20px 0; }
   @media screen and (max-width: 1100px) {
     .feature-block .inner .module {
       padding-bottom: 30px; } }
   .feature-block .inner .bx-wrapper {
     margin-bottom: 0px; }
 .feature-block.custom {
   background: #e1e1e1;
   padding-bottom: 40px; }
   .feature-block.custom h1 {
     margin: 0.4em 0 0.6em 0; }
   @media screen and (max-width: 1100px) {
     .feature-block.custom {
       padding-bottom: 0; } }
   @media screen and (max-width: 750px) {
     .feature-block.custom {
       margin-bottom: 40px; } }
 @media screen and (max-width: 1100px) {
   .feature-block .cta-group {
     display: none; } }
 
 /*
 ########################################################
 SIDEBAR STYLES
 ########################################################
 */
 .left-nav {
   background: #f8f8f8;
   border-top: 4px solid #f36e21;
   margin-top: 0; }
   @media screen and (min-width: 1100px) {
     .left-nav {
       height: 100%; } }
   @media screen and (max-width: 1100px) {
     .left-nav {
       position: fixed;
       height: 100%;
       top: 119px;
       border-top: 0;
       left: -300px;
       bottom: -12px;
       z-index: 110;
       width: 300px;
       margin-top: 0;
       transition: left 0.2s;
       -moz-transition: left 0.2s;
       -webkit-transition: left 0.2s;
       overflow-y: scroll;
       -webkit-overflow-scrolling: touch;
       overflow-scrolling: touch;
       box-sizing: border-box;
       -moz-box-sizing: border-box;
       margin-left: 0; }
       .left-nav.on {
         left: 0; } }
   @media screen and (max-width: 750px) {
     .left-nav {
       width: 330px;
       left: -330px;
       bottom: 0;
       right: 0;
       z-index: 200;
       width: 270px;
       padding-top: 45px; } }
   .left-nav nav > ul {
     padding-left: 30px;
     padding-bottom: 60px;
     padding-top: 20px;
     background-color: #f2f2f2; }
     @media screen and (max-width: 1100px) {
       .left-nav nav > ul {
         padding-left: 15px;
         padding-bottom: 100px; } }
   .left-nav ul {
     margin-top: 0;
     margin-bottom: 0; }
     .left-nav ul .current {
       position: relative;
       color: #2a5769;
       background: white;
       border-right: 2px solid #2a5769;
       display: block;
       margin-left: inherit;
       padding-left: 23px;
       padding-top: 15px !important;
       padding-bottom: 15px !important;
       margin-bottom: 8px; }
        .left-nav ul .current:hover {
        color: #2a5769; }
    .left-nav ul li > div {
      position: relative; }
    .left-nav ul li ul {
      padding-left: 15px; }
    .left-nav ul li a,
    .left-nav ul li a:link,
    .left-nav ul li span {
      padding: 8px 20px 8px 0;
      display: block;
      position: relative;
      z-index: 1;
      font-weight: 700 !important;
      padding-left: 10px;
      color: #3c3c3b;
      font-weight: 400;
      -moz-transition: background-color 0.2s;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s; }
      .left-nav ul li a:hover,
      .left-nav ul li a:link:hover,
      .left-nav ul li span:hover {
        text-decoration: none;
        background-color: #e5e5e5; }
    .left-nav ul li.level-1 {
      font-size: 22px; }
    .left-nav ul li.level-2 {
      font-size: 18px; }
    .left-nav ul li.level-3 {
      font-size: 16px; }
      .left-nav ul li.level-3 ul a {
        font-size: 15px; }
    .left-nav ul li .toggle {
      position: absolute;
      left: -30px;
      top: 11px;
      height: 19px;
      width: 19px;
      cursor: pointer;
      background-image: url(../img/icons/toggle.png);
       background-size: 40px;
       background-repeat: no-repeat;
       background-position: -1px -1px; }
       .left-nav ul li .toggle:hover {
         background-position: -1px -20px; }
     .left-nav ul li.active .toggle {
       background-position: -1px -39px; }
       .left-nav ul li.active .toggle:hover {
         background-position: -1px -58px; }
     .left-nav ul .level-1 {
       font-size: 18px; }
 
 .slideout-menu {
   position: fixed;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   z-index: 0;
   width: 270px;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   display: none; }
 
 .slideout-panel {
   position: relative;
   left: 0;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   transition: all 0.2s; }
   .slideout-panel.left-nav-on {
     left: 270px; }
   .slideout-panel.main-menu-on {
     left: auto;
     right: 100%; }
 
 @media screen and (max-width: 750px) {
   .slideout-open .slideout-menu {
     display: block; } }
 
 .slideout-open,
 .slideout-open body,
 .slideout-open .slideout-panel {
   overflow: hidden; }
 
 @media screen and (max-width: 750px) {
   #main-content .left-nav {
     display: none; } }
 
 @media screen and (min-width: 750px) {
   #pushout-leftnav .left-nav {
     display: none; } }
 
 .menu-pushout .left-nav {
   display: none; }
   @media screen and (max-width: 1100px) {
     .menu-pushout .left-nav {
       z-index: 100;
       display: block;
       position: fixed;
       width: 100%;
       width: 40%;
       min-width: 330px;
       left: -100%;
       background-color: white;
       height: 100%;
       top: 0;
       margin-top: 0;
       padding-top: 80px;
       border-right: 1px solid #b7bdbf;
       padding: 20px 0 20px 20px;
       transition: left 0.2s;
       -moz-transition: left 0.2s;
       -webkit-transition: left 0.2s; }
       .menu-pushout .left-nav .sidebar-social {
         display: none; }
       .menu-pushout .left-nav nav {
         border-right: 0; }
       .menu-pushout .left-nav.active {
         left: 0; } }
   @media screen and (max-width: 750px) {
     .menu-pushout .left-nav {
       min-width: none;
       width: 100%; } }
 
 /*
 ########################################################
 BODY STYLES
 ########################################################
 */
 .table-style {
   display: table;
   width: 100%; }
   .table-style .td-style {
     display: table-cell;
     vertical-align: middle; }
 
 .col.content {
   margin-left: 0;
   width: 76.2%;
   margin-top: 0;
   padding-left: 50px;
   float: right; }
   @media screen and (max-width: 1100px) {
     .col.content {
       width: 100%;
       padding-left: 0; } }
   @media screen and (max-width: 750px) {
     .col.content {
       margin-top: 0; } }
 
 .inner {
   max-width: 1260px;
   margin: 0 auto;
   padding: 0 25px; }
   @media screen and (max-width: 750px) {
     .inner {
       padding: 0px 15px; } }
 
 .arrow-link {
   font-size: 18px;
   color: #a5a5a5;
   display: inline-block;
   padding: 15px 0;
   cursor: pointer; }
   .arrow-link:hover {
     text-decoration: none; }
   .arrow-link .last-word {
     position: relative;
     display: inline-block;
     padding-right: 35px; }
     .arrow-link .last-word:after {
       content: "";
       background-size: 20px;
       background-repeat: no-repeat;
       background-position: center left;
       width: 26px;
       height: 26px;
       display: block;
       position: absolute;
       right: 0;
       top: 50%;
       margin-top: -13px;
       right: 0;
       transition: right 0.05s;
       -moz-transition: right 0.05s;
       -webkit-transition: right 0.05s;
       border-radius: 50%; }
   .arrow-link.brown .last-word:after {
     background-image: url(../img/icons/brown-arrow@2x.png); }
   .arrow-link.teal {
     color: #f36e21; }
     .arrow-link.teal .last-word:after {
       background-image: url(../img/icons/arrow-teal@2x.png); }
   .arrow-link:hover .last-word {
     text-decoration: none; }
     .arrow-link:hover .last-word:after {
       right: -4px; }
 
 h1, .h1 {
   font-size: 60px;
   color: #f36412;
   font-weight: 900;
   text-transform: uppercase; }
   @media screen and (max-width: 1100px) {
     h1, .h1 {
       font-size: 42px;
       line-height: 1.1; } }
   @media screen and (max-width: 750px) {
     h1, .h1 {
       font-size: 32px; } }
 
 h2, .h2 {
   font-size: 36px;
   color: #3c3c3b;
   line-height: 1.3;
   font-weight: 900;
   text-transform: uppercase; }
   @media screen and (max-width: 1100px) {
     h2, .h2 {
       font-size: 26px;
       margin: 0 0 0.4em 0; } }
   @media screen and (max-width: 750px) {
     h2, .h2 {
       font-size: 22px;
       margin: 0 0 0.5em 0; } }
 
 h3, .h3 {
   font-size: 30px;
   font-weight: 300;
   color: #F36412;
   text-transform: none;
   font-weight: 700; }
   @media screen and (max-width: 1100px) {
     h3, .h3 {
       font-size: 24px;
       text-transform: none;
       margin: 0 0 0.4em 0; } }
   @media screen and (max-width: 750px) {
     h3, .h3 {
       font-size: 22px;
       text-transform: none;
       margin-bottom: 0.3em; } }
 
 h4, .h4 {
   font-size: 30px;
   color: #2a5769;
   margin: 0 0 0.6em 0;
   font-weight: 700; }
   @media screen and (max-width: 1100px) {
     h4, .h4 {
       font-size: 22px; } }
   @media screen and (max-width: 750px) {
     h4, .h4 {
       font-size: 20px;
       margin: 0 0 30px 0; } }
 
 h5, .h5 {
   font-size: 24px;
   color: #58585b;
   text-transform: none;
   font-weight: 700; }
   @media screen and (max-width: 1100px) {
     h5, .h5 {
       font-size: 20px;
       margin: 0 0 0.3em 0; } }
   @media screen and (max-width: 750px) {
     h5, .h5 {
       font-size: 18px;
       margin: 0 0 1em 0; } }
 
 h6, .h6 {
   font-size: 22px;
   color: #58585b;
   text-transform: uppercase;
   font-weight: 900; }
   @media screen and (max-width: 1100px) {
     h6, .h6 {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     h6, .h6 {
       font-size: 16px;
       margin: 0 0 0.8em 0; } }
 
 a,
 a:link {
   color: #2a5769;
   text-decoration: none;
   font-weight: 600; }
 
 a:hover {
   text-decoration: underline; }
 
 .large-text {
   font-size: 24px;
   margin: 0 0 2em 0;
   line-height: 1.4;
   margin-top: -7px;
   color: #58585b;
   font-weight: 400; }
   @media screen and (max-width: 1100px) {
     .large-text {
       font-size: 20px; } }
 
 .link-list {
   margin-bottom: 0; }
   @media screen and (max-width: 750px) {
     .link-list {
       margin-bottom: 20px; } }
 
 .img-with-caption.inset {
   width: 35%;
   min-width: 280px;
   float: right;
   margin-left: 5%;
   margin-bottom: 1%;
   margin-top: 1em;
   position: relative; }
   @media screen and (max-width: 1100px) {
     .img-with-caption.inset {
       margin-left: 5%;
       width: 25%;
       margin-bottom: 5%;
       min-width: 220px; } }
   @media screen and (max-width: 750px) {
     .img-with-caption.inset {
       margin-left: 0;
       margin-top: 0;
       width: 100%; }
       .img-with-caption.inset figure {
         margin-bottom: 15px; } }
   .img-with-caption.inset img {
     vertical-align: top;
     width: 100%;
     max-width: 400px; }
   .img-with-caption.inset .caption {
     text-align: left; }
     .img-with-caption.inset .caption p {
       font-size: 20px;
       color: #2a5769;
       margin: 0;
       font-weight: 400;
       padding: 10px 0;
       width: 100%;
       box-sizing: border-box;
       -moz-box-sizing: border-box; }
       @media screen and (max-width: 1100px) {
         .img-with-caption.inset .caption p {
           font-size: 18px;
           padding: 10px 0px; } }
       @media screen and (max-width: 750px) {
         .img-with-caption.inset .caption p {
           font-size: 14px;
           padding-bottom: 0; } }
 
 blockquote.fullwidth {
   padding: 1.8em 0 1.8em 60px;
   margin: 2em 0;
   font-weight: 500;
   border-top: 2px solid #2a5769;
   border-bottom: 2px solid #2a5769; }
   @media screen and (max-width: 1100px) {
     blockquote.fullwidth {
       padding: 2em 0 2em 70px; } }
   @media screen and (max-width: 750px) {
     blockquote.fullwidth {
       padding-left: 30px;
       padding-right: 0;
       padding-bottom: 25px; } }
   blockquote.fullwidth p {
     font-size: 28px;
     line-height: 1.8;
     position: relative;
     font-weight: 400;
     color: #2a5769; }
     @media screen and (max-width: 1100px) {
       blockquote.fullwidth p {
         font-size: 22px;
         line-height: 1.5; } }
     @media screen and (max-width: 750px) {
       blockquote.fullwidth p {
         font-size: 16px;
         color: #2a5769; } }
     blockquote.fullwidth p.person {
       color: #3c3c3b;
       font-size: 28px;
       text-align: right;
       margin-top: 30px; }
       @media screen and (max-width: 1100px) {
         blockquote.fullwidth p.person {
           font-size: 26px; } }
       @media screen and (max-width: 750px) {
         blockquote.fullwidth p.person {
           margin-bottom: 0;
           font-size: 20px;
           margin-top: 15px; } }
   @media screen and (max-width: 1100px) {
     blockquote.fullwidth .quote:before {
       width: 40px;
       height: 40px;
       left: -61px;
       top: 0px; } }
   @media screen and (max-width: 750px) {
     blockquote.fullwidth .quote:before {
       width: 27px;
       height: 27px;
       left: -30px; } }
 
 hr {
   border-bottom: 2px solid #2a5769;
   border-top: 0;
   margin: 30px 0; }
   @media screen and (max-width: 1100px) {
     hr {
       margin: 40px 0; } }
 
 .linked-list-with-thumbnails {
   padding-left: 0; }
   .linked-list-with-thumbnails li {
     list-style: none;
     position: relative;
     margin-bottom: 30px;
     overflow: hidden; }
     .linked-list-with-thumbnails li > a {
       float: left;
       width: 20%;
       max-width: 110px;
       max-height: 110px;
       display: block;
       overflow: hidden;
       position: relative; }
       .linked-list-with-thumbnails li > a img {
         width: 100%; }
       @media screen and (max-width: 1100px) {
         .linked-list-with-thumbnails li > a {
           max-width: 75px;
           max-height: 75px; } }
       @media screen and (max-width: 750px) {
         .linked-list-with-thumbnails li > a {
           max-width: 60px;
           max-height: 60px; } }
       .linked-list-with-thumbnails li > a:after {
         content: "";
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         display: block;
         transition: opacity 0.2s;
         -webkit-transition: opacity 0.2s;
         -moz-transition: opacity 0.2s;
         opacity: 0;
         z-index: 9;
         background: rgba(0, 0, 0, 0.3); }
       .linked-list-with-thumbnails li > a:hover:after {
         opacity: 1; }
     .linked-list-with-thumbnails li .item-inner {
       float: left;
       width: 80%;
       padding-left: 20px; }
       .linked-list-with-thumbnails li .item-inner a {
         margin-top: -7px;
         display: block;
         margin-bottom: 5px; }
         @media screen and (max-width: 1100px) {
           .linked-list-with-thumbnails li .item-inner a {
             margin-top: -5px; } }
         @media screen and (max-width: 750px) {
           .linked-list-with-thumbnails li .item-inner a {
             font-size: 16px; } }
       .linked-list-with-thumbnails li .item-inner p {
         font-size: 18px;
         margin-top: 5px; }
         @media screen and (max-width: 750px) {
           .linked-list-with-thumbnails li .item-inner p {
             font-size: 16px; } }
   @media screen and (max-width: 1100px) {
     .linked-list-with-thumbnails {
       margin-top: 10px;
       margin-bottom: 60px; } }
 
 @media screen and (max-width: 1100px) {
   .two-thirds-one-third .col {
     width: 100%;
     margin: 0; } }
 
 blockquote.inset {
   width: 33%;
   min-width: 240px;
   margin: 0 5% 3% 0;
   float: left;
   padding: 0 0 0 50px;
   box-sizing: border-box; }
   @media screen and (max-width: 1100px) {
     blockquote.inset {
       padding-right: 0;
       padding-left: 30px;
       width: 25%;
       min-width: 220px;
       margin: 0 2% 5% 0; } }
   @media screen and (max-width: 750px) {
     blockquote.inset {
       margin: 0;
       margin-left: -15px;
       margin-right: -15px;
       padding-left: 43px;
       padding-right: 15px;
       padding-top: 20px;
       padding-bottom: 15px;
       width: auto; }
       blockquote.inset p.quote {
         font-size: 20px;
         padding-left: 0; }
       blockquote.inset .person {
         text-align: left;
         font-size: 20px; } }
   blockquote.inset p {
     font-size: 20px;
     position: relative;
     font-weight: 400; }
     @media screen and (max-width: 1100px) {
       blockquote.inset p {
         font-size: 20px; } }
     blockquote.inset p.person {
       font-size: 20px;
       margin-bottom: 0;
       padding-left: 10px;
       font-weight: 600;
       margin-top: 20px; }
       @media screen and (max-width: 1100px) {
         blockquote.inset p.person {
           font-size: 16px;
           margin-top: 30px; } }
       @media screen and (max-width: 750px) {
         blockquote.inset p.person {
           padding-left: 25px;
           font-size: 20px;
           margin-top: 20px; } }
     @media screen and (max-width: 1100px) {
       blockquote.inset p.quote {
         padding-right: 0;
         font-size: 16px; }
         blockquote.inset p.quote:before {
           width: 30px;
           height: 30px;
           left: -28px; } }
     @media screen and (max-width: 750px) {
       blockquote.inset p.quote {
         padding-left: 25px;
         font-size: 20px; } }
 
 blockquote.reg-full-blockquote {
   background-color: black;
   margin-right: 0;
   margin-left: 0;
   padding: 3em 8em;
   text-align: center;
   position: relative;
   overflow: hidden; 
   min-height:400px;}
   @media screen and (max-width: 1100px) {
     blockquote.reg-full-blockquote {
       padding: 6em;
       margin-top: 4em;
       margin-bottom: 4em;
       margin-left: -25px;
       margin-right: -25px; } }
   @media screen and (max-width: 750px) {
     blockquote.reg-full-blockquote {
       padding: 4em;
       margin-top: 2em;
       margin-bottom: 2em;
       margin-left: -15px;
       margin-right: -15px;
       min-height:200px;} }
   blockquote.reg-full-blockquote .quote {
     position: relative;
     padding-right: 0;
     padding-left: 0; }
     blockquote.reg-full-blockquote .quote:before {
       content: "";
       position: absolute;
       top: -5px;
       left: -95px;
       z-index: 10;
       width: 70px;
       height: 70px;
       background-repeat: repeat;
       background-position: 0 0;
       background-size: 100%;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/blockquote-white@2x.png); }
       @media screen and (max-width: 1100px) {
         blockquote.reg-full-blockquote .quote:before {
           width: 50px;
           height: 50px;
           left: -75px; } }
       @media screen and (max-width: 750px) {
         blockquote.reg-full-blockquote .quote:before {
           width: 35px;
           height: 35px;
           left: -45px; } }
     blockquote.reg-full-blockquote .quote:after {
       content: "";
       position: absolute;
       top: -5px;
       right: -95px;
       z-index: 10;
       width: 70px;
       height: 70px;
       background-repeat: repeat;
       background-position: 0 0;
       background-size: 100%;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/blockquote-white-close@2x.png); }
       @media screen and (max-width: 1100px) {
         blockquote.reg-full-blockquote .quote:after {
           width: 50px;
           height: 50px;
           right: -75px; } }
       @media screen and (max-width: 750px) {
         blockquote.reg-full-blockquote .quote:after {
           width: 35px;
           height: 35px;
           right: -45px; } }
   blockquote.reg-full-blockquote p {
     font-size: 28px;
     color: white;
     margin: 0;
     position: relative;
     z-index: 1; }
     @media screen and (max-width: 1100px) {
       blockquote.reg-full-blockquote p {
         font-size: 22px; } }
     @media screen and (max-width: 750px) {
       blockquote.reg-full-blockquote p {
         font-size: 16px; } }
     blockquote.reg-full-blockquote p.person {
       font-size: 32px;
       margin-top: 1em; }
       @media screen and (max-width: 1100px) {
         blockquote.reg-full-blockquote p.person {
           font-size: 26px;
           font-weight: 300;
           margin-top: 0.5em; } }
       @media screen and (max-width: 750px) {
         blockquote.reg-full-blockquote p.person {
           font-size: 20px; } }
       blockquote.reg-full-blockquote p.person:before, blockquote.reg-full-blockquote p.person:after {
         content: none; }
   blockquote.reg-full-blockquote .blockquote-inner {
     -webkit-transition: opacity 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out;
     -ms-transition: opacity 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out;
     opacity: 1; }
   blockquote.reg-full-blockquote .bg-image {
     position: absolute;
     overflow: hidden;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
     blockquote.reg-full-blockquote .bg-image .caption {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       background-color: rgba(60, 60, 59, 0.85);
       padding: 25px 30px;
       font-size: 22px;
       text-align: left;
       opacity: 0;
       transition: 0.2s opacity;
       -webkit-transition: 0.2s opacity;
       -moz-transition: 0.2s opacity; }
       blockquote.reg-full-blockquote .bg-image .caption p {
         line-height: 1;
         font-size: 22px; }
   blockquote.reg-full-blockquote.option-1 {
     background-color: black;
     background-image: url(/media/marketing-files/cwcedu/content-assets/images/mountain.jpg);
     background-size: cover;
     background-repeat: no-repeat; }
   blockquote.reg-full-blockquote.option-2 .bg-image {
     background-color: black;
     background-image: url(/media/marketing-files/cwcedu/content-assets/images/video.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center; }
   blockquote.reg-full-blockquote.blue .transparent-image-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 1;
     background-repeat: repeat;
     background-image: url("/media/marketing-files/cwcedu/style-assets/icons/blockquote-bg1.png");
     -webkit-transition: opacity 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out;
     -ms-transition: opacity 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out; }
   blockquote.reg-full-blockquote.blur-transition .bg-image {
     -webkit-filter: blur(8px);
     -moz-filter: blur(8px);
     -o-filter: blur(8px);
     -ms-filter: blur(8px);
     filter: blur(8px);
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out; }

 .no-touch blockquote.reg-full-blockquote:hover.blur-transition .bg-image,
 .no-touch blockquote.reg-full-blockquote:focus.blur-transition .bg-image {
   -webkit-filter: none;
   -moz-filter: none;
   -o-filter: none;
   -ms-filter: none;
   filter: none; }
 .no-touch blockquote.reg-full-blockquote:hover.blur-transition.blue .transparent-image-overlay,
 .no-touch blockquote.reg-full-blockquote:focus.blur-transition.blue .transparent-image-overlay {
   opacity: 0; }
 .no-touch blockquote.reg-full-blockquote:hover.blur-transition .blockquote-inner,
 .no-touch blockquote.reg-full-blockquote:focus.blur-transition .blockquote-inner {
   opacity: 0; }
 .no-touch blockquote.reg-full-blockquote:hover.blur-transition .caption,
 .no-touch blockquote.reg-full-blockquote:focus.blur-transition .caption {
   opacity: 1; }
 
 .vid {
   position: relative;
   margin-bottom: 1.5em; }
   .vid > a {
     position: relative;
     display: block;
     overflow: hidden; }
     .vid > a .vid-play {
       position: relative;
       z-index: 10;
       display: block;
       width: 55px;
       height: 55px;
       background: white;
       border-radius: 50%;
       position: absolute;
       bottom: 30px;
       left: 30px;
       transition: opacity 0.2s;
       -webkit-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s;
       -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
       transition: all 0.2s; }
       @media screen and (max-width: 750px) {
         .vid > a .vid-play {
           visibility: hidden; } }
       .vid > a .vid-play:after {
         content: "";
         display: block;
         position: absolute;
         top: 19px;
         left: 21px;
         width: 15px;
         height: 20px;
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/play-orange@2x.png);
         background-size: 100%;
         background-repeat: no-repeat; }
       .vid > a .vid-play.hide {
         opacity: 0; }
       @media screen and (max-width: 750px) {
         .vid > a .vid-play {
           width: 40px;
           height: 40px;
           bottom: 15px;
           left: 15px; }
           .vid > a .vid-play:after {
             top: 12px;
             left: 15px;
             border-style: solid;
             border-width: 8px 0 8px 13.3px;
             border-color: transparent transparent transparent #f36e21; } }
     .vid > a:hover .vid-play {
       transform: scale(0.9);
       -moz-transform: scale(0.9);
       -webkit-transform: scale(0.9); }
     .vid > a .iframe-wrapper {
       position: relative;
       height: 0;
       overflow: hidden;
       margin-top: -56.55%;
       padding-bottom: 56.55%;
       width: 100.5%;
       background-color: #e5e5e5; }
       .vid > a .iframe-wrapper iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         border: 0; }
         @media screen and (min-width: 750px) {
           .vid > a .iframe-wrapper iframe.mobile {
             display: none; } }
         @media screen and (max-width: 750px) {
           .vid > a .iframe-wrapper iframe.desktop {
             display: none; } }
       .vid > a .iframe-wrapper.bring-forward {
         z-index: 11; }
       .vid > a .iframe-wrapper:not(.bring-forward) {
         visibility: hidden; }
     .vid > a .vid-cover {
       width: 100%;
       vertical-align: top;
       position: relative;
       z-index: 10;
       transition: opacity 0.2s;
       -webkit-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s; }
       .vid > a .vid-cover.hide {
         opacity: 0; }
       @media screen and (max-width: 750px) {
         .vid > a .vid-cover {
           visibility: hidden; } }
   .vid img {
     vertical-align: top;
     width: 100%; }
   .vid .vid-caption {
     width: 100%;
     padding: 25px 30px;
     color: white;
     background: #3c3c3b; }
     @media screen and (max-width: 1100px) {
       .vid .vid-caption {
         padding: 25px 20px;
         font-size: 18px;
         position: relative;
         top: -2px;
         z-index: 100; } }
     @media screen and (max-width: 750px) {
       .vid .vid-caption {
         padding: 20px 15px; } }
     .vid .vid-caption h5 {
       color: white;
       margin: 0;
       font-size: 22px;
       font-weight: 400; }
       @media screen and (max-width: 1100px) {
         .vid .vid-caption h5 {
           font-size: 20px; } }
   @media screen and (max-width: 750px) {
     .vid {
       margin-left: -15px;
       margin-right: -15px;
       margin-bottom: 10px; } }
 
 .module {
   position: relative;
   margin-bottom: 60px; }
   @media screen and (max-width: 1100px) {
     .module {
       margin-bottom: 40px; } }
   .module:after {
     content: "";
     display: block;
     visibility: hidden;
     clear: both; }
   .module:last-child {
     border: 0;
     margin-bottom: 0; }
   .module p:last-child {
     margin-bottom: 0; }
   .module p .arrow-link {
     padding-top: 0;
     padding-bottom: 0;
     color: #f36e21; }
     .module p .arrow-link .last-word:after {
       background-image: url(../img/icons/arrow-teal@2x.png); }
   .module.border-separator {
     border-bottom: 1px solid #e5e5e5;
     padding-bottom: 50px; }
     @media screen and (max-width: 1100px) {
       .module.border-separator {
         padding-bottom: 40px; } }
     @media screen and (max-width: 700px) {
       .module.border-separator {
         padding-bottom: 30px;
         margin-bottom: 30px; } }
 
 @media screen and (max-width: 700px) {
   .col.span_1_of_2 {
     width: 100%;
     margin-left: 0; }
     .col.span_1_of_2:fist-child {
       margin-top: 0; } }
 .figures {
   overflow: hidden;
   margin: 0 -7px; }
   .figures figure {
     background: #e1e1e1;
     width: 33.333%;
     float: left;
     display: inline-block;
     border: 7px solid white; }
     .figures figure figcaption {
       padding: 12px 20px 12px 30px; }
     .figures figure .quote-wrapper {
       position: relative; }
       .figures figure .quote-wrapper .quote {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         margin: 0;
         background: rgba(233, 242, 245, 0.9);
         padding: 18px 20px 15px 55px;
         font-size: 21px;
         font-size: 1.35vw; }
         .figures figure .quote-wrapper .quote:before {
           left: 15px;
           top: -3px; }
     .figures figure img {
       width: 100%;
       vertical-align: top; }
     .figures figure h5 {
       font-size: 20px;
       margin-bottom: 5px;
       margin-top: 0px; }
     .figures figure .detail-text {
       font-size: 14px;
       margin: 0;
       font-weight: 600;
       color: #424242; }
     .figures figure > a {
       position: relative;
       display: block; }
       .figures figure > a:after {
         content: "";
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         display: block;
         transition: opacity 0.2s;
         -webkit-transition: opacity 0.2s;
         -moz-transition: opacity 0.2s;
         opacity: 0;
         z-index: 9;
         background: rgba(0, 0, 0, 0.3); }
       .figures figure > a:hover:after {
         opacity: 1; }
 
 @media screen and (max-width: 700px) {
   .cta-wrapper {
     max-width: 500px;
     margin: 0 auto; } }
 
 .cta,
 a.cta {
   font-size: 19px;
   display: inline-block;
   padding: 16px 22px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 900;
   position: relative;
   -moz-transition: padding-right 0.2s;
   -webkit-transition: padding-right 0.2s;
   transition: padding-right 0.2s; }
   .cta:after,
   a.cta:after {
     width: 12px;
     height: 22px;
     display: block;
     content: "";
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-white@2x.png);
     background-repeat: no-repeat;
     background-size: 12px;
     background-position: top left;
     position: absolute;
     top: 50%;
     right: 22px;
     margin-top: -10px;
     opacity: 0;
     -moz-transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     transition: opacity 0.2s; }
   .cta:hover,
   a.cta:hover {
     text-decoration: none;
     padding-right: 50px; }
     @media screen and (max-width: 700px) {
       .cta:hover,
       a.cta:hover {
         padding-right: 20px;
         padding-left: 20px; } }
     .cta:hover:after,
     a.cta:hover:after {
       opacity: 1; }
   .cta.primary,
   a.cta.primary {
     color: white;
     background-color: #f36412; }
   .cta.secondary,
   a.cta.secondary {
     color: white;
     background-color: #b3b3b3; }
   .cta.tertiary,
   a.cta.tertiary {
     color: #f36e21;
     padding-left: 0;
     padding-right: 50px; }
     @media screen and (max-width: 700px) {
       .cta.tertiary,
       a.cta.tertiary {
         padding-right: 20px;
         padding-left: 20px; } }
     .cta.tertiary:after,
     a.cta.tertiary:after {
       width: 12px;
       height: 22px;
       display: block;
       content: "";
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-orange@2x.png);
       background-repeat: no-repeat;
       background-size: 12px;
       background-position: top left;
       position: absolute;
       top: 50%;
       right: 22px;
       margin-top: -10px;
       opacity: 1;
       -moz-transition: right 0.2s;
       -webkit-transition: right 0.2s;
       transition: right 0.2s; }
       @media screen and (max-width: 700px) {
         .cta.tertiary:after,
         a.cta.tertiary:after {
           display: inline-block;
           position: relative;
           top: 4px;
           right: -15px; } }
     .cta.tertiary:hover:after,
     a.cta.tertiary:hover:after {
       right: 15px; }
       @media screen and (max-width: 700px) {
         .cta.tertiary:hover:after,
         a.cta.tertiary:hover:after {
           right: -15px; } }
     .cta.tertiary.blue,
     a.cta.tertiary.blue {
       color: #2a5769; }
       .cta.tertiary.blue:after,
       a.cta.tertiary.blue:after {
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue@2x.png); }
   .cta.teal,
   a.cta.teal {
     color: white;
     background-color: #2a5769; }
   .cta.lightgray,
   a.cta.lightgray {
     color: white;
     background-color: #757575; }
   .cta.darkgray,
   a.cta.darkgray {
     color: white;
     background-color: #59595b; }
   @media screen and (max-width: 1100px) {
     .cta,
     a.cta {
       padding-right: 50px; }
       .cta:after,
       a.cta:after {
         opacity: 1; } }
   @media screen and (max-width: 700px) {
     .cta,
     a.cta {
       text-align: center;
       display: block;
       margin-bottom: 30px;
       padding-right: 20px;
       padding-left: 20px; }
       .cta:after,
       a.cta:after {
         display: inline-block;
         position: relative;
         top: 3.5px;
         right: -15px; } }
 
 @media screen and (max-width: 1100px) {
   .tile-blocks .tile-block .cta,
   .tile-blocks .tile-block a.cta {
     padding-right: 30px;
     padding-left: 15px; }
     .tile-blocks .tile-block .cta:after,
     .tile-blocks .tile-block a.cta:after {
       background-size: 9px;
       background-position: center right;
       margin-top: -11.5px;
       right: 12px !important; }
   .tile-blocks .tile-block:hover .cta,
   .tile-blocks .tile-block:hover a.cta,
   .tile-blocks .tile-block.focus .cta,
   .tile-blocks .tile-block.focus a.cta {
     padding-right: 30px; } }
 @media screen and (max-width: 700px) {
   .tile-blocks .tile-block .cta:after,
   .tile-blocks .tile-block a.cta:after {
     right: -8px !important; } }
 
 .stat-box {
   position: relative;
   margin-bottom: 15px;
   padding-bottom: 100%;
   width: 100%; }
   @media screen and (max-width: 1100px) {
     .stat-box {
       padding-bottom: 300px;
       width: 300px;
       max-width: 100%;
       float: left;
       margin-right: 25px; } }
   @media screen and (max-width: 750px) {
     .stat-box {
       clear: both;
       float: none;
       width: 100%;
       margin-bottom: 30px; } }
   @media screen and (max-width: 700px) {
     .stat-box {
       margin-left: auto;
       margin-right: auto;
       width: 100%;
       padding-bottom: 100%; } }
   .stat-box .stat-box-inner {
     position: absolute;
     left: 0;
     right: 0;
     background: #f36e21;
     width: 100%;
     height: 100%;
     text-align: center; }
     .stat-box .stat-box-inner .table-style {
       height: 100%; }
     .stat-box .stat-box-inner p {
       text-transform: uppercase;
       font-size: 16px;
       color: white;
       margin-top: 1em; }
     .stat-box .stat-box-inner .chart {
       position: relative;
       display: inline-block;
       text-align: center; }
       @media screen and (max-width: 1100px) {
         .stat-box .stat-box-inner .chart {
           max-width: 300px;
           max-height: 300px; } }
       .stat-box .stat-box-inner .chart p {
         position: absolute;
         width: 100%;
         top: 50%;
         margin: 0;
         line-height: 1;
         font-size: 32px;
         font-weight: 600;
         margin-top: -16px !important; }
 
 .chart {
   position: relative;
   display: inline-block;
   text-align: center; }
   @media screen and (max-width: 1100px) {
     .chart {
       max-width: 300px;
       max-height: 300px; } }
   .chart p {
     position: absolute;
     width: 100%;
     top: 50%;
     margin: 0;
     line-height: 1;
     font-size: 32px;
     font-weight: 600;
     margin-top: -16px !important; }
 
 /*
 ########################################################
 HOMEPAGE STYLES
 ########################################################
 */
 @media screen and (max-width: 750px) {
   .homepage-main .hover-reveal .table-style {
     padding-right: 0; } }
 .homepage-main .table-style {
   margin-bottom: 20px;
   height: 100%; }
   @media screen and (max-width: 1100px) {
     .homepage-main .table-style {
       margin-bottom: 0px; } }
   @media screen and (max-width: 750px) {
     .homepage-main .table-style {
       padding-right: 25px; } }
   .homepage-main .table-style .arrow-link {
     text-align: right;
     float: right;
     margin: 0; }
   .homepage-main .table-style h4 {
     color: #f36e21;
     margin: 0; }
     @media screen and (max-width: 1100px) {
       .homepage-main .table-style h4 {
         font-size: 22px; } }
 
 /* ==========================================================================
    TILE STYLES
    ========================================================================== */
 .tiles {
   margin: -7px;
   margin-top: 15px;
   overflow: hidden; }
   .tiles .tile {
     position: relative;
     padding-bottom: 33.333%;
     height: 0;
     overflow: hidden;
     width: 33.333%;
     display: inline-block;
     float: left; }
     .tiles .tile .tile-inner {
       z-index: 2;
       overflow: hidden;
       background-color: #f1f1f1;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border: 7px solid white; }
       .tiles .tile .tile-inner .shadow {
         content: "";
         background: url("../img/BlackTransparentBackground.png");
         background: rgba(0, 0, 0, 0.3);
         position: absolute;
         display: block;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 1;
         /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+30&0+0,0.4+100 */
         background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.5) 100%);
         /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(40%, rgba(0, 0, 0, 0.12)), color-stop(100%, rgba(0, 0, 0, 0.5)));
         /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.5) 100%);
         /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.5) 100%);
         /* Opera 11.10+ */
         background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.5) 100%);
         /* IE10+ */
         background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.5) 100%);
         /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
         /* IE6-9 */ }
       .tiles .tile .tile-inner .link-overlay {
         position: absolute;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         display: block;
         z-index: 10;
         text-decoration: none !important; }
         .tiles .tile .tile-inner .link-overlay .td-style {
           padding-right: 20px; }
         .tiles .tile .tile-inner .link-overlay .tile-title {
           color: white;
           position: absolute;
           bottom: 25px;
           left: 20px;
           margin-bottom: 0;
           z-index: 11;
           font-weight: 400;
           padding-right: 20px;
           font-size: 24px;
           line-height: 1.5;
           font-size: 26px;
           font-weight: 600; }
           @media screen and (max-width: 1100px) {
             .tiles .tile .tile-inner .link-overlay .tile-title {
               font-size: 22px;
               line-height: 1.5; } }
           .tiles .tile .tile-inner .link-overlay .tile-title .last-word {
             position: relative;
             display: inline-block;
             padding-right: 33px; }
             @media screen and (max-width: 750px) {
               .tiles .tile .tile-inner .link-overlay .tile-title .last-word {
                 padding-right: 25px; } }
             .tiles .tile .tile-inner .link-overlay .tile-title .last-word:after {
               content: "";
               background-size: 22px;
               background-repeat: no-repeat;
               background-position: center left;
               width: 30px;
               height: 30px;
               background-color: #a5a5a5;
               border-radius: 50%;
               display: block;
               position: absolute;
               right: 0;
               top: 50%;
               margin-top: -15px;
               background-image: url(../img/icons/coastal-now-arrow@2x.png);
               right: -5px;
               transition: right 0.1s;
               -moz-transition: right 0.1s;
               -webkit-transition: right 0.1s; }
         .tiles .tile .tile-inner .link-overlay:before {
           content: "";
           position: absolute;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           display: block;
           transition: opacity 0.2s;
           -webkit-transition: opacity 0.2s;
           -moz-transition: opacity 0.2s;
           opacity: 0;
           z-index: 9;
           background: rgba(0, 0, 0, 0.5); }
       .tiles .tile .tile-inner:hover .link-overlay:before {
         opacity: 1; }
       .tiles .tile .tile-inner:hover .link-overlay .last-word:after {
         right: -10px; }
       .tiles .tile .tile-inner img {
         width: 100%; }
     .tiles .tile.feature-tile .table-style {
       height: 100%; }
     .tiles .tile.feature-tile .tile-inner {
       background: #a5a5a5; }
       .tiles .tile.feature-tile .tile-inner .shadow {
         display: none; }
       .tiles .tile.feature-tile .tile-inner .tile-title {
         font-size: 40px;
         font-size: 2.6vw;
         line-height: 1.2;
         margin-top: 0;
         position: relative;
         bottom: auto; }
         @media screen and (max-width: 1100px) {
           .tiles .tile.feature-tile .tile-inner .tile-title {
             font-size: 28px; } }
       .tiles .tile.feature-tile .tile-inner .tile-title .last-word:after {
         background-image: url(../img/icons/coastal-now-arrow@2x.png);
         background-size: 27px;
         background-color: transparent;
         margin-top: -13px; }
       .tiles .tiles-item a {
         display: block;
         z-index: 0;
         height: 100%;
         outline-offset: -3px; }
       .tiles .tiles-item a img {
         z-index: -1 !important; }

 .tiles.tile-large-bg {
   background-size: cover;
   background-repeat: no-repeat; }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg {
       background: none !important;
       margin: 0; } }
   .tiles.tile-large-bg.admissions {
     background-image: url(../img/content/large-bg-tiles-admissions.jpg); }
   .tiles.tile-large-bg.campus-life {
     background-image: url(../img/content/large-bg-tiles-campus-life.jpg); }
   .tiles.tile-large-bg .tile-inner {
     background-color: transparent; }
   .tiles.tile-large-bg .tile-inner .link-overlay:before {
     opacity: 0.4; }
   .tiles.tile-large-bg .tile-title {
     font-size: 26px;
     line-height: 1.5; }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg .tile {
       position: static;
       width: 100%;
       padding-bottom: 0;
       height: auto;
       float: none;
       display: block;
       margin-bottom: 5px; } }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg .tile .tile-inner {
       position: static;
       width: auto;
       height: auto;
       background: transparent;
       border: 0px solid white; }
       .tiles.tile-large-bg .tile .tile-inner img {
         display: none; } }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg .tile .tile-inner .tile-title {
       position: static;
       width: 100%;
       padding-bottom: 0;
       height: auto;
       margin-top: 0;
       padding: 15px 20px;
       border: 1px solid #e5e5e5;
       background: transparent;
       color: #f36e21;
       font-size: 18px; }
       .tiles.tile-large-bg .tile .tile-inner .tile-title .last-word:after {
         width: 20px;
         height: 20px;
         background-image: url(../img/icons/arrow-teal@2x.png);
         margin-top: -10px;
         background-color: transparent; } }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg .tile .shadow {
       display: none; } }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg .tile .link-overlay {
       position: static;
       top: auto;
       right: auto;
       bottom: auto;
       left: auto;
       background: transparent;
       text-decoration: none; }
       .tiles.tile-large-bg .tile .link-overlay:before {
         content: none !important; }
       .tiles.tile-large-bg .tile .link-overlay:hover:before {
         content: none; } }
   @media screen and (max-width: 750px) {
     .tiles.tile-large-bg .tile.feature-tile .tile-inner .tile-title {
       font-size: 22px;
       color: white;
       background: #a5a5a5;
       border: 0;
       padding-top: 20px;
       padding-bottom: 20px;
       padding-right: 20px; }
       .tiles.tile-large-bg .tile.feature-tile .tile-inner .tile-title .last-word:after {
         background-color: #a5a5a5;
         background-image: url(../img/icons/coastal-now-arrow@2x.png);
         background-size: 18px; }
     .tiles.tile-large-bg .tile.feature-tile .tile-inner .td-style {
       padding-right: 0; } }
 
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg {
     margin: 0; } }
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg .tile {
     position: static;
     width: 100%;
     padding-bottom: 0;
     height: auto;
     float: none;
     display: block;
     margin-bottom: 5px; } }
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg .tile .tile-inner {
     position: static;
     width: auto;
     height: auto;
     background: transparent;
     border: 0px solid white; }
     .tiles.no-tile-large-bg .tile .tile-inner img {
       display: none; } }
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg .tile .tile-inner .tile-title {
     position: static;
     width: 100%;
     padding-bottom: 0;
     height: auto;
     margin-top: 0;
     padding: 15px 20px;
     border: 1px solid #e5e5e5;
     background: transparent;
     color: #f36e21;
     font-size: 18px; }
     .tiles.no-tile-large-bg .tile .tile-inner .tile-title .last-word:after {
       width: 20px;
       height: 20px;
       background-image: url(../img/icons/arrow-teal@2x.png);
       margin-top: -10px;
       background-color: transparent; } }
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg .tile .shadow {
     display: none; } }
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg .tile .link-overlay {
     position: static;
     top: auto;
     right: auto;
     bottom: auto;
     left: auto;
     background: transparent;
     text-decoration: none; }
     .tiles.no-tile-large-bg .tile .link-overlay:before {
       content: none !important; }
     .tiles.no-tile-large-bg .tile .link-overlay:hover:before {
       content: none; } }
 @media screen and (max-width: 750px) {
   .tiles.no-tile-large-bg .tile.feature-tile .tile-inner .tile-title {
     font-size: 22px;
     color: white;
     background: #a5a5a5;
     border: 0;
     padding-top: 20px;
     padding-bottom: 20px;
     padding-right: 20px; }
     .tiles.no-tile-large-bg .tile.feature-tile .tile-inner .tile-title .last-word:after {
       background-color: #a5a5a5;
       background-image: url(../img/icons/coastal-now-arrow@2x.png);
       background-size: 18px; }
   .tiles.no-tile-large-bg .tile.feature-tile .tile-inner .td-style {
     padding-right: 0; } }

 /* Accessibility */
 .tiles-item .cboxElement p {
   display: block !important;
   opacity: 0;
 }
 .tiles-item .cboxElement.focus p {
   opacity: 1 !important;
   transition: opacity 0.3s ease;
 }
 .tiles-item .cboxElement p::before {
   position: absolute;
   display: block;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   opacity: 0;
   background-color: black;
   z-index: -1;
   transition: opacity 0.3s ease;
   content: ' ';
 }
 .tiles-item .cboxElement.focus p::before {
   opacity: 0.5;
 }

 /* ==========================================================================
    TWO QUOTES MODULE STYLES
    ========================================================================== */
 .two-col .col:first-child .col-inner {
   padding-right: 15px; }
 @media screen and (max-width: 1100px) {
   .two-col .col:first-child {
     margin-bottom: 30px; } }
 .two-col .col:last-child .col-inner {
   padding-left: 15px; }
   @media screen and (max-width: 1100px) {
     .two-col .col:last-child .col-inner {
       padding-left: 0; } }
 @media screen and (max-width: 750px) {
   .two-col .col {
     width: 100%;
     margin: 0; } }
 
 /* ==========================================================================
    THREE QUOTES MODULE STYLES
    ========================================================================== */
 .section.three-col {
   width: auto;
   margin: 0 -15px; }
   @media screen and (max-width: 1100px) {
     .section.three-col {
       width: auto;
       margin: 0 -10px; } }
   .section.three-col .col {
     margin-left: 0;
     width: 33.333%;
     border-left: 15px solid white;
     border-right: 15px solid white; }
     .section.three-col .col.show-more-content {
       display: none;
       margin-top: 50px; }
       @media screen and (max-width: 750px) {
         .section.three-col .col.show-more-content {
           margin-top: 1%;
           display: block; } }
     .section.three-col .col .col-inner {
       padding-right: 20px; }
     .section.three-col .col .image-with-heading {
       margin-bottom: 20px; }
     @media screen and (max-width: 700px) {
       .section.three-col .col {
         width: 100%;
         border: 0;
         margin-bottom: 0px; } }
     .section.three-col .col h3,
     .section.three-col .col h5 {
       margin: 0px 0 12px 0;
       font-size: 20px;
       text-transform: uppercase;
       color: #3c3c3b; }
       .section.three-col .col h3.name-heading,
       .section.three-col .col h5.name-heading {
         text-transform: none; }
       @media screen and (max-width: 1100px) {
         .section.three-col .col h3,
         .section.three-col .col h5 {
           font-size: 18px; } }
       .section.three-col .col h5 a {
         color: #2a5769;
         font-weight: 700; }
     .section.three-col .col .date {
       text-transform: uppercase;
       font-weight: 900;
       display: block;
       margin-bottom: 10px;
       color: #454545; }
     .section.three-col .col p {
       font-size: 16px;
       margin: 12px 0; }
       .section.three-col .col p:last-child {
         margin-bottom: 0; }
     .section.three-col .col .detail-text {
       font-size: 16px;
       color: #454545; }
     .section.three-col .col .further-details {
       font-size: 16px;
       margin: 5px 0; }
     @media screen and (max-width: 1100px) {
       .section.three-col .col {
         border-left: 10px solid white;
         border-right: 10px solid white; } }
     .section.three-col .col .arrow-link {
       padding-top: 0; }
   @media screen and (max-width: 750px) and (min-width: 700px) {
     .section.three-col .col-inner {
       padding-right: 20px; } }
 
 .image-with-heading.orange {
   border-top: 10px solid #f36e21; }
 .image-with-heading.blue {
   border-top: 10px solid #2a5769; }
 .image-with-heading.lightgray {
   border-top: 10px solid #b3b3b3; }
 .image-with-heading a {
   display: block;
   position: relative; }
   .image-with-heading a:after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     opacity: 0;
     z-index: 9;
     background: rgba(0, 0, 0, 0.3); }
   .image-with-heading a:hover:after {
     opacity: 1; }
   .image-with-heading a img {
     width: 100%;
     vertical-align: top; }
 
 @media screen and (max-width: 750px) {
   .mobile-hide {
     display: none; } }
 
 @media screen and (min-width: 750px) {
   .three-items-mobile {
     display: none; } }
 .three-items-mobile .bx-viewport {
   margin: 0;
   padding-top: 20px;
   overflow: visible !important; }
 .three-items-mobile .bx-wrapper {
   max-width: none !important;
   margin: 25px -15px 30px -15px;
   padding: 0 40px; }
 .three-items-mobile .bx-wrapper .section.three-col .col {
   border: 0; }
 .three-items-mobile .bx-wrapper .bx-controls {
   top: 0;
   bottom: auto;
   left: 0;
   z-index: 10; }
 .three-items-mobile .bx-wrapper .bx-pager {
   bottom: 0; }
 .three-items-mobile .module-inner {
   overflow: hidden;
   margin: 0 -15px; }
 
 @media screen and (max-width: 750px) {
   .bx-wrapper .section.three-col .col {
     margin-right: 15px;
     border-left: 0;
     border-right: 0; } }
 
 @media screen and (max-width: 750px) {
   .bx-wrapper .section.three-col {
     margin-left: 0; } }
 
 .quote {
   position: relative;
   padding-left: 10px;
   font-size: 20px;
   margin-bottom: 0; }
   @media screen and (max-width: 1100px) {
     .quote {
       padding-right: 20px; } }
   .quote:before {
     content: '';
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/pullquote@2x.png);
     background-size: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     margin-right: 15px;
     position: absolute;
     left: -50px;
     top: 10px;
     height: 35px;
     width: 35px; }
 
 /* ==========================================================================
    PROGRAMS MODULE STYLES
    ========================================================================== */
 .programs-module {
   overflow: hidden; }
   .programs-module .program-list {
     margin: 0 -7px;
     overflow: hidden;
     padding: 0; }
     @media screen and (max-width: 1100px) {
       .programs-module .program-list {
         margin-left: 0;
         margin-right: 0; } }
     .programs-module .program-list li {
       width: 33.333%;
       float: left;
       display: inline-block;
       border: 7px solid white; }
       @media screen and (max-width: 700px) {
         .programs-module .program-list li {
           width: 100%;
           float: none;
           border: 0;
           margin-bottom: 5px; } }
       .programs-module .program-list li a {
         border: 1px solid #e5e5e5;
         display: block;
         padding: 20px;
         min-height: 90px;
         transition: all 0.2s;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s;
         position: relative; }
         @media screen and (max-width: 1100px) {
           .programs-module .program-list li a {
             min-height: 80px;
             padding: 15px 20px; } }
         .programs-module .program-list li a:after {
           content: "";
           display: block;
           position: absolute;
           background: transparent;
           top: -1px;
           right: -1px;
           left: -1px;
           bottom: -1px; }
         .programs-module .program-list li a:hover {
           text-decoration: none; }
           .programs-module .program-list li a:hover:after {
             border: 2px solid #f36e21; }
         .programs-module .program-list li a .last-word {
           position: relative;
           display: inline-block;
           padding-right: 35px; }
           .programs-module .program-list li a .last-word:after {
             content: "";
             background-size: 22px;
             background-repeat: no-repeat;
             background-position: center right;
             width: 22px;
             height: 22px;
             display: block;
             position: absolute;
             right: 0;
             top: 50%;
             opacity: 0;
             margin-top: -11px;
             right: 0;
             transition: all 0.1s;
             -moz-transition: all 0.1s;
             -webkit-transition: all 0.1s;
             background-image: url(../img/icons/brown-arrow@2x.png); }
       .programs-module .program-list li.program-cta a {
         border: 1px solid #a5a5a5;
         color: #a5a5a5; }
         .programs-module .program-list li.program-cta a .last-word:after {
           opacity: 1; }
         .programs-module .program-list li.program-cta a:hover:after {
           border: 2px solid #a5a5a5; }
         .programs-module .program-list li.program-cta a:hover .last-word:after {
           right: -3px; }
 
 /* ==========================================================================
    ACCORDION STYLES
    ========================================================================== */
 .accordion-handle {
   background-color: #757575;
   padding: 15px 60px 15px 20px;
   text-transform: none;
   font-size: 18px;
   cursor: pointer;
   font-weight: 400;
   position: relative;
   width: 100%;
   text-align: left;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   border-bottom: 1px solid white;
   color: white;
   margin-bottom: 3px; }
   .accordion-handle:after {
     content: "";
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 10px 10px 0 10px;
     border-color: #fff transparent transparent transparent;
     position: absolute;
     right: 20px;
     top: 50%;
     margin-top: -5px;
     display: block; }
   .accordion-handle.active {
     background-color: #2a5769;
     color: white; }
     .accordion-handle.active:after {
       border-width: 0 10px 10px 10px;
       border-color: transparent transparent #fff transparent; }
   .accordion-handle:hover {
     background-color: #2a5769; }
 
 main .accordion-content {
   padding: 15px 15px 30px 15px;
   display: none; }
   main .accordion-content p, main .accordion-content li {
     font-size: 18px; }
 
 .video-lightbox:before {
   content: "";
   width: 50px;
   height: 50px;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/play-alt@2x.png);
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: white;
   position: absolute;
   bottom: 30px;
   left: 30px;
   border-radius: 50%;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   transition: all 0.2s;
   z-index: 10; }
 .video-lightbox:hover:before {
   transform: scale(0.9);
   -moz-transform: scale(0.9);
   -webkit-transform: scale(0.9); }
 
 #colorbox, #cboxOverlay, #cboxWrapper {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   outline: none;
   background: white; }
 
 #cboxWrapper {
   max-width: none;
   outline: none; }
 
 #cboxOverlay {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6); }
 
 #cboxMiddleLeft, #cboxBottomLeft {
   clear: left; }
 
 #cboxContent {
   position: relative;
   outline: none; }
 
 #cboxLoadedContent {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   outline: none; }
 
 #cboxTitle {
   margin: 0; }
 
 #cboxLoadingOverlay, #cboxLoadingGraphic {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%; }
 
 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
   cursor: pointer; }
 
 .cboxPhoto {
   float: left;
   margin: auto;
   border: 0;
   display: block;
   max-width: none;
   -ms-interpolation-mode: bicubic;
   outline: none; }
 
 .cboxIframe {
   width: 100%;
   height: 100%;
   display: block;
   border: 0;
   padding: 0;
   margin: 0; }
 
 #colorbox, #cboxContent, #cboxLoadedContent {
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box; }
 
 #cboxClose {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu-close-white@2x.png);
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent;
   text-indent: -9999px;
   border: 0;
   position: absolute;
   top: -40px;
   right: 0;
   display: block;
   width: 30px;
   height: 30px; }
 
 #cboxWrapper #cboxNext {
   position: absolute;
   top: 50%;
   right: -60px;
   appearance: none;
   text-indent: -9999px;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/next@2x.png);
   background-repeat: no-repeat;
   background-color: transparent;
   background-size: 100%;
   border: 0;
   width: 50px;
   height: 50px;
   margin-top: -25px; }
 
 #cboxWrapper #cboxPrevious {
   position: absolute;
   top: 50%;
   left: -60px;
   text-indent: -9999px;
   appearance: none;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/previous@2x.png);
   background-repeat: no-repeat;
   background-color: transparent;
   background-size: 100%;
   border: 0;
   width: 50px;
   height: 50px;
   margin-top: -25px; }
 
 #cboxCurrent {
   display: none !important; }
 
 #cboxTitle {
   color: white;
   font-size: 22px;
   margin-top: 5px; }
 
 #cboxLoadingGraphic {
   background: url(../img/icons/ajax-loader.gif) no-repeat center center; }
 
 .grid .grid-item.grid-item-one .tweet,
 .grid .grid-item.grid-item-one .tiles,
 .grid .everyday-item:first-child,
 .grid .everyday-item:last-child,
 .grid .grid-item.grid-item-three .tiles {
   opacity: 0;
   transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   -webkit-transition: opacity 0.2s; }
 
 .grid .grid-item.grid-item-one .tweet.on,
 .grid .grid-item.grid-item-one .tiles.on,
 .grid .everyday-item:first-child.on,
 .grid .everyday-item:last-child.on,
 .grid .grid-item.grid-item-three .tiles.on {
   opacity: 1; }
 
 /* ==========================================================================
    TABLE STYLES
    ========================================================================== */
 .table-wrapper {
   position: relative;
   overflow: hidden;
   margin-bottom: 1em; }
   .table-wrapper:after {
     content: "";
     width: 1px;
     height: 100%;
     position: absolute;
     background: #e5e5e5;
     top: 0;
     left: 0; }
   @media screen and (max-width: 1100px) {
     .table-wrapper {
       margin-right: -25px; } }
   @media screen and (max-width: 750px) {
     .table-wrapper {
       margin-right: -15px; } }
   @media screen and (max-width: 1100px) {
     .table-wrapper .table-wrapper-inner {
       overflow-x: scroll;
       -webkit-overflow-scrolling: touch;
       overflow-scrolling: touch; } }
   .table-wrapper .table-more {
     background-color: white;
     border: 1px solid #405261;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue@2x.png);
      background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 28px;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    right: 0; }
    @media screen and (min-width: 1100px) {
      .table-wrapper .table-more {
        display: none; } }

table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) {
  width: 100%;
  font-size: 18px;
  text-align: left; }
  @media screen and (max-width: 1100px) {
    table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) {
      min-width: 1100px; } }
  @media screen and (max-width: 750px) {
    table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) {
      font-size: 18px; } }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) thead,
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) th {
    background: #405261;
    color: white; }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) th,
  table:not('.calendar-table'):not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) td {
    padding: 10px 15px; }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) th {
    border: 1px solid #405261; }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table) td {
    border: 1px solid #e5e5e5;
    padding: 20px 15px; }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table).alternative-table thead,
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table).alternative-table th {
    color: #405261;
    background: white; }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table).alternative-table th,
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table).alternative-table td {
    padding-left: 0;
    border: 0; }
  table:not(.gsc-search-box):not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(.gs-promotion-table).alternative-table td {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0; }

.alternative.table-wrapper:after {
  content: none; }
 
 /* ==========================================================================
    GENERAL FORM STYLES
    ========================================================================== */
 @media screen and (max-width: 750px) {
   .general-form .col {
     margin: 0;
     width: 100%; }
     .general-form .col .form-field {
       margin-bottom: 20px;
       min-width: 125px; } }
 .general-form .form-field.required label:after {
   content: "*";
   color: #fd6349;
   padding-left: 4px; }
 .general-form .form-field.required input,
 .general-form .form-field.required textarea,
 .general-form .form-field.required select {
   border: 1px solid #fd6349; }
 .general-form .section {
   margin-bottom: 10px; }
 .general-form label {
   display: block;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 8px; }
   @media screen and (max-width: 750px) {
     .general-form label {
       font-size: 17px; } }
 .general-form input[type="text"],
 .general-form input[type="search"] {
   border: 1px solid black;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   font-size: 18px;
   outline: none;
   padding: 12px;
   width: 100%;
   -moz-transition: all 0.2s;
   -webkit-transition: all 0.2s;
   transition: all 0.2s; }
   .general-form input[type="text"]:focus,
   .general-form input[type="search"]:focus {
     -webkit-box-shadow: 0px 0px 10px 1px #ddd;
     box-shadow: 0px 0px 10px 1px #ddd; }
 .general-form select {
   border: 1px solid black;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   font-size: 18px;
   outline: none;
   padding: 12px;
   width: 100%;
   max-height: 48px;
   background-color: white;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/select-arrows@2x.png);
   background-position: 90% center;
   background-repeat: no-repeat;
   background-size: 8px; }
   @media screen and (max-width: 750px) {
     .general-form select {
       display: inline-block;
       width: auto;
       min-width: 125px; } }
 .general-form input[type="submit"] {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   font-size: 18px;
   outline: none;
   width: 100%;
   text-transform: uppercase;
   border: 0;
   width: auto;
   background: transparent;
   color: white;
   position: relative;
   background: #f36e21;
   color: white;
   font-weight: 900;
   -moz-transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s;
   padding: 18px;
   float: right; }
   @media screen and (max-width: 750px) {
     .general-form input[type="submit"] {
       float: none;
       text-align: center;
       padding-right: 20px !important;
       max-width: 500px;
       margin: 0 auto; } }
   .general-form input[type="submit"]:hover {
     background-color: #DA5508; }
   @media screen and (max-width: 750px) {
     .general-form input[type="submit"] {
       padding-left: 20px;
       padding-right: 20px; } }
 .general-form textarea {
   border: 1px solid black;
   width: 100%;
   min-height: 140px;
   padding: 12px;
   margin-bottom: 30px;
   outline: none;
   -moz-transition: all 0.2s;
   -webkit-transition: all 0.2s;
   transition: all 0.2s; }
   .general-form textarea:focus {
     -webkit-box-shadow: 0px 0px 10px 1px #ddd;
     box-shadow: 0px 0px 10px 1px #ddd; }
   @media screen and (max-width: 750px) {
     .general-form textarea {
       margin-bottom: 10px; } }
 .general-form .form-title {
   width: 33.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-title {
       float: none;
       width: 100%;
       max-width: 28.666%; }
       .general-form .form-title select {
         width: 100%; } }
 .general-form .form-first-name {
   width: 63.333%;
   margin-left: 3.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-first-name {
       float: none;
       width: 100%;
       margin-left: 0; } }
 .general-form .form-middle-initial {
   width: 33.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-middle-initial {
       float: none;
       width: 100%; } }
 .general-form .form-last-name {
   width: 63.333%;
   margin-left: 3.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-last-name {
       float: none;
       width: 100%;
       margin-left: 0; } }
 .general-form .form-city {
   width: 63.333%;
   float: left; }
 .general-form .form-state {
   width: 33.333%;
   margin-left: 3.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-state {
       width: 100%;
       float: none;
       margin-left: 0;
       overflow: hidden; }
       .general-form .form-state select {
         width: 100%; } }
 .general-form .form-zip {
   width: 29.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-zip {
       float: none;
       width: 100%;
       margin-left: 0; }
       .general-form .form-zip input {
         max-width: 28.666%; } }
 .general-form .form-dob {
   width: 67.333%;
   margin-left: 3.333%;
   float: left; }
   @media screen and (max-width: 750px) {
     .general-form .form-dob {
       margin-left: 0;
       width: 100%;
       float: none; } }
   .general-form .form-dob input {
     width: 28.666%;
     float: left; }
   .general-form .form-dob .separator {
     width: 2%;
     display: inline-block;
     float: left;
     line-height: 45px;
     margin: 0 2.5%; }
 .general-form .required-info {
   font-size: 16px; }
   .general-form .required-info a {
     color: #f36e21; }
   @media screen and (max-width: 750px) {
     .general-form .required-info {
       margin-bottom: 20px !important; } }
 .general-form .form-radio {
   padding-left: 40px;
   position: relative;
   margin: 25px 0;
   font-size: 16px;
   font-weight: 300; }
   .general-form .form-radio input {
     position: absolute;
     left: -9999px; }
     .general-form .form-radio input + .option-text {
       position: relative; }
       .general-form .form-radio input + .option-text:before {
         content: "";
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/radio-inactive@2x.png);
         background-repeat: no-repeat;
         background-size: 20px;
         background-position: center;
         background-color: transparent;
         position: absolute;
         left: -40px;
         height: 20px;
         width: 20px;
         top: 0;
         display: block; }
     .general-form .form-radio input:checked + .option-text:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/radio-active@2x.png); }
 .general-form .form-checkbox {
   padding-left: 40px;
   position: relative;
   margin: 25px 0;
   font-size: 16px;
   font-weight: 300; }
   .general-form .form-checkbox input {
     position: absolute;
     left: -9999px; }
     .general-form .form-checkbox input:checked + .option-text:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/checkbox-active@2x.png); }
     .general-form .form-checkbox input + .option-text {
       position: relative; }
       .general-form .form-checkbox input + .option-text:before {
         content: "";
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/checkbox-inactive@2x.png);
         background-repeat: no-repeat;
         background-size: 20px;
         background-position: center;
         background-color: transparent;
         position: absolute;
         left: -40px;
         height: 20px;
         width: 20px;
         display: block;
         top: 0; }
 
 /* ==========================================================================
    GENERAL FORM STYLES
    ========================================================================== */
 /* Generic Utility */
 .hide {
   position: absolute;
   top: -9999px;
   left: -9999px; }
 
 .list-wrap {
   padding: 0;
   overflow: hidden;
   margin: 0; }
   .list-wrap ul, .list-wrap li {
     padding-left: 0;
     list-style: none; }
   .list-wrap > ul > li {
     padding: 15px 0; }
 
 .tabs-nav {
   overflow: hidden;
   border-bottom: 3px solid #2a5769;
   padding-left: 0; }
 
 .tabs-nav li {
   display: inline-block;
   float: left;
   margin: 0 12px 0 0;
   border: 1px solid #2a5769;
   position: relative;
   top: 1px;
   width: 30%; }
   @media screen and (max-width: 1100px) {
     .tabs-nav li {
       width: 25%; } }
   @media screen and (max-width: 750px) {
     .tabs-nav li {
       width: 100%;
       float: none;
       margin-bottom: 5px;
       top: 0; } }
 
 .tabs-nav li.last {
   margin-right: 0; }
 
 .tabs-nav li a {
   display: block;
   padding: 20px;
   background: white;
   font-size: 20px;
   text-align: center;
   border: 0;
   text-decoration: none;
   outline-offset: -2px;
   -moz-transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s; }
   .tabs-nav li a:hover {
     background-color: #f2f2f2; }
   @media screen and (max-width: 750px) {
     .tabs-nav li a {
       padding: 10px; } }
 
 li a.current,
 li a.current:hover {
   background-color: #2a5769;
   color: white; }
 
 @media screen and (max-width: 750px) {
   .blog-util {
     margin-bottom: 40px; } }
 .blog-util input[type="text"],
 .blog-util input[type="search"] {
   width: 100%;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   margin-bottom: 10px;
   padding-right: 40px; }
 .blog-util .search-wrap {
   position: relative;
   /*width: 85%;*/ }
   @media screen and (max-width: 750px) {
     .blog-util .search-wrap {
       width: 100%; } }
 .blog-util .gsst_a {
   display: none; }
 .blog-util .gsc-search-button {
   cursor: pointer;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png);
   background-color: transparent;
   position: absolute;
   top: 50%;
   right: 10px;
   border: 0px;
   color: transparent;
   width: 25px;
   height: 25px;
   background-size: 100%;
   margin-top: -13px;
   margin-left: 20px;
   padding: 0;
   z-index: 999;
   line-height: 1; }
   .blog-util .gsc-search-button:hover {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png);
     background-size: 100%; }

 .share-social .h6,
 .share-social h6 {
   display: inline-block;
   float: left;
   margin-bottom: 0;
   margin-right: 15px; }
 .share-social ul {
   width: 100%;
   padding-left: 0;
   position: relative;
   top: -6px;
   list-style: none; }
   .share-social ul li {
     display: inline-block;
     float: left;
     margin-right: 5px;
     overflow: hidden;
     padding-right: 3px;
     margin-bottom: 0; }
 .share-social span.circle {
   background-color: white;
   float: right;
   width: 38px;
   height: 38px;
   border-radius: 50px;
   background-repeat: no-repeat;
   background-position: center center; }
   .share-social span.circle span {
     background-image: none !important; }
   .share-social span.circle.facebook {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/blog-sharing-images/facebook@2x.png);
     background-size: 12px;
     background-color: #2a5769; }
   .share-social span.circle.twitter {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/blog-sharing-images/twitter@2x.png);
     background-size: 21px;
     background-color: #2a5769; }
   .share-social span.circle.mail {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/blog-sharing-images/mail@2x.png);
     background-size: 18px;
     background-color: #2a5769; }
   .share-social span.circle.linkedin {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/blog-sharing-images/linkedin@2x.png);
     background-size: 19px;
     background-color: #2a5769; }
 
 /* ==========================================================================
    GENERAL PAGE STYLES
    ========================================================================== */
 .module-header-with-button .td-style:last-child {
   min-width: 280px; }
   @media screen and (max-width: 750px) {
     .module-header-with-button .td-style:last-child {
       min-width: 0; } }
 .module-header-with-button .cta {
   float: right; }
 .module-header-with-button h3 {
   color: #2a5769;
   font-size: 28px;
   font-weight: 600; }
   @media screen and (max-width: 750px) {
     .module-header-with-button h3 {
       font-size: 20px; } }
 
 /* ==========================================================================
    SECONDARY SLIDER STYLES
    ========================================================================== */
 .secondary-slider-wrapper {
   background-color: #f2f2f2; }
   @media screen and (max-width: 1100px) {
     .secondary-slider-wrapper {
       margin: 0 -25px; }
       .secondary-slider-wrapper .bx-next {
         right: 0; }
       .secondary-slider-wrapper .bx-prev {
         left: 0; } }
   @media screen and (max-width: 750px) {
     .secondary-slider-wrapper {
       margin: 0 -15px; } }
   .secondary-slider-wrapper .secondary-slider > li {
     margin-bottom: 0; }
   .secondary-slider-wrapper h3 {
     color: #2a5769;
     font-size: 24px;
     line-height: 1.1;
     margin-bottom: 1em;
     font-weight: 600; }
     @media screen and (max-width: 1100px) {
       .secondary-slider-wrapper h3 {
         font-size: 20px; } }
     @media screen and (min-width: 1100px) and (max-width: 1260px) {
       .secondary-slider-wrapper h3 {
         font-size: 1.6vw; } }
     @media screen and (min-width: 750px) and (max-width: 1100px) {
       .secondary-slider-wrapper h3 {
         font-size: 2.2vw; } }
   .secondary-slider-wrapper .slider-figure,
   .secondary-slider-wrapper .slider-quote {
     float: left;
     width: 50%; }
     @media screen and (max-width: 750px) {
       .secondary-slider-wrapper .slider-figure,
       .secondary-slider-wrapper .slider-quote {
         width: 100%;
         float: none; } }
   .secondary-slider-wrapper .slider-quote {
     padding: 20px 80px 20px 35px; }
     @media screen and (max-width: 1100px) {
       .secondary-slider-wrapper .slider-quote {
         padding: 20px 70px 10px 25px; } }
     @media screen and (max-width: 750px) {
       .secondary-slider-wrapper .slider-quote {
         padding: 20px 15px; } }
     .secondary-slider-wrapper .slider-quote .quote,
     .secondary-slider-wrapper .slider-quote .attribution {
       font-size: 16px;
       font-size: 1.2vw; }
     .secondary-slider-wrapper .slider-quote .quote {
       padding-left: 40px; }
       @media screen and (min-width: 1260px) {
         .secondary-slider-wrapper .slider-quote .quote {
           font-size: 15px; } }
       @media screen and (max-width: 1100px) {
         .secondary-slider-wrapper .slider-quote .quote {
           font-size: 15px;
           font-size: 2vw; } }
       @media screen and (max-width: 750px) {
         .secondary-slider-wrapper .slider-quote .quote {
           font-size: 15px; } }
       .secondary-slider-wrapper .slider-quote .quote:before {
         width: 25px;
         height: 25px;
         left: 0;
         top: 0px; }
     .secondary-slider-wrapper .slider-quote .attribution {
       float: right;
       margin-top: 1em;
       font-weight: 600; }
       @media screen and (min-width: 1100px) {
         .secondary-slider-wrapper .slider-quote .attribution {
           font-size: 15px; } }
       @media screen and (max-width: 1100px) {
         .secondary-slider-wrapper .slider-quote .attribution {
           font-size: 15px; } }
       @media screen and (max-width: 750px) {
         .secondary-slider-wrapper .slider-quote .attribution {
           margin-bottom: 15px; } }
   .secondary-slider-wrapper .slider-figure {
     position: relative; }
   .secondary-slider-wrapper .vid-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     color: white;
     background: #3c3c3b;
     font-size: 18px;
     font-weight: 400;
     padding: 8px 15px;
     padding-left: 62px;
     display: block;
     -moz-transition: background 0.2s;
     -webkit-transition: background 0.2s;
     transition: background 0.2s; }
     @media screen and (max-width: 1100px) {
       .secondary-slider-wrapper .vid-caption {
         padding-left: 72px; } }
     @media screen and (max-width: 750px) {
       .secondary-slider-wrapper .vid-caption {
         padding-left: 62px; } }
     .secondary-slider-wrapper .vid-caption:hover {
       text-decoration: none;
       background: #454545; }
     .secondary-slider-wrapper .vid-caption:before {
       content: "";
       width: 25px;
       height: 25px;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/play-alt@2x.png);
       background-size: 100%;
       background-repeat: no-repeat;
       background-position: center center;
       background-color: white;
       display: inline-block;
       border-radius: 50%;
       position: absolute;
       top: 50%;
       left: 20px;
       margin-top: -12.5px; }
       @media screen and (max-width: 1100px) {
         .secondary-slider-wrapper .vid-caption:before {
           left: 30px; } }
       @media screen and (max-width: 750px) {
         .secondary-slider-wrapper .vid-caption:before {
           left: 15px; } }
     @media screen and (max-width: 1100px) {
       .secondary-slider-wrapper .vid-caption {
         position: relative; } }
   .secondary-slider-wrapper .bx-next,
   .secondary-slider-wrapper .bx-prev {
     position: absolute;
     text-indent: -9999px;
     width: 40px;
     height: 40px;
     margin-top: -20px; }
     @media screen and (max-width: 1100px) {
       .secondary-slider-wrapper .bx-next,
       .secondary-slider-wrapper .bx-prev {
         width: 35px;
         height: 35px;
         margin-top: -17.5px; } }
   .secondary-slider-wrapper .bx-next:after {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/next-secondary.png);
     z-index: 1; }
   .secondary-slider-wrapper .bx-prev:after {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/prev-secondary.png);
     z-index: 1; }
 
 /* ==========================================================================
    HERO SLIDER STYLES
    ========================================================================== */
 .hero-slider-wrapper {
   background-color: #f2f2f2; }
   .hero-slider-wrapper .hero-slider-inner {
     max-width: 1600px;
     margin: 0 auto; }
   .hero-slider-wrapper .bx-wrapper .bx-controls {
     z-index: 50; }
 
 .hero-slider {
   padding-left: 0;
   list-style: none; }
   .hero-slider > li {
     background-color: black;
   }
   .hero-slider > li:after {
     content: "";
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+100&0+0,0.65+84 */
     background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 84%, rgba(68, 68, 68, 0.65) 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(84%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(68, 68, 68, 0.65)));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 84%, rgba(68, 68, 68, 0.65) 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 84%, rgba(68, 68, 68, 0.65) 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 84%, rgba(68, 68, 68, 0.65) 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 84%, rgba(68, 68, 68, 0.65) 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6444444',GradientType=0 );
     /* IE6-9 */
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
   .hero-slider .slider-content {
     position: absolute;
     z-index: 1;
     bottom: 40px;
     left: 0;
     right: 0; }
     @media screen and (max-width: 750px) {
       .hero-slider .slider-content {
         background: transparent !important;
         position: absolute !important;
         bottom: 0 !important;
         padding: 0 !important; }
         .hero-slider .slider-content h1 {
           display: block !important;
           font-size: 32px !important; } }
     .hero-slider .slider-content .slider-content-inner {
       width: 100%;
       margin: 0 auto;
       max-width: 1260px;
       padding: 0 30px; }
       @media screen and (max-width: 750px) {
         .hero-slider .slider-content .slider-content-inner {
           padding: 5px 15px; } }
     .hero-slider .slider-content h1 {
       font-size: 80px;
       color: white;
       font-weight: 800;
       line-height: 1;
       margin-bottom: 5px;
       position: relative; }
       @media screen and (max-width: 1260px) {
         .hero-slider .slider-content h1 {
           font-size: 45px;
           font-size: 3.5vw; } }
     .hero-slider .slider-content .hero-slider-text {
       color: white;
       font-size: 32px;
       display: block;
       margin-bottom: 15px;
       max-width: 60%;
       line-height: 1.3; }
       .hero-slider .slider-content .hero-slider-text a {
         color: white; }
       @media screen and (max-width: 1260px) {
         .hero-slider .slider-content .hero-slider-text {
           font-size: 22px;
           font-size: 2.5vw; } }
     @media screen and (max-width: 1100px) {
       .hero-slider .slider-content .cta {
         padding-top: 12px;
         padding-bottom: 12px;
         font-size: 1.8vw; } }
   .hero-slider .bx-pager {
     z-index: 10; }
 
 @media screen and (max-width: 750px) {
   .hero-slider-wrapper {
     position: relative; } }
 @media screen and (min-width: 750px) {
   .hero-slider-wrapper .captions-wrapper {
     display: none; } }
 @media screen and (max-width: 750px) {
   .hero-slider-wrapper .bx-wrapper {
     position: static; } }
 .hero-slider-wrapper .bx-wrapper .bx-controls {
   top: 50%;
   bottom: auto;
   margin-top: -122px;
   right: 0;
   width: auto; }
   @media screen and (max-width: 750px) {
     .hero-slider-wrapper .bx-wrapper .bx-controls {
       top: auto;
       bottom: 15px;
       margin-top: 0;
       right: auto; } }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-wrapper {
     width: 100%;
     margin: 0 auto;
     max-width: 1260px;
     padding: 0 30px; }
     @media screen and (max-width: 750px) {
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-wrapper {
         padding: 0 15px; }
         .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-wrapper .bx-pager {
           bottom: 20px; } }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-wrapper .bx-pager {
       float: right;
       width: 50px; }
       @media screen and (max-width: 750px) {
         .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-wrapper .bx-pager {
           float: none;
           width: auto;
           bottom: -15px; } }
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-wrapper .bx-pager .bx-pager-item {
         display: block; }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item a {
     width: 47px;
     height: 47px;
     display: block;
     background-size: 28px;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: white;
     border-radius: 50%;
     margin-bottom: 15px;
     text-indent: -9999px;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     transition: all 0.2s; }
     @media screen and (max-width: 750px) {
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item a {
         width: 10px;
         height: 10px;
         background-color: white;
         background-image: none; } }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item a:hover {
       transform: scale(0.9);
       -moz-transform: scale(0.9);
       -webkit-transform: scale(0.9); }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item a.active {
       background-color: #f36e21; }
   @media screen and (max-width: 750px) {
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item {
       display: inline-block;
       float: left;
       margin-right: 10px; } }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item:last-child a {
     margin-bottom: 0; }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-1 a {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-1@2x.png); }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-1 a.active {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-1-active@2x.png); }
     @media screen and (max-width: 750px) {
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-1 a {
         background-image: none; }
         .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-1 a.active {
           background-image: none; } }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-2 a {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-2@2x.png);
     background-size: 20px; }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-2 a.active {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-2-active@2x.png); }
     @media screen and (max-width: 750px) {
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-2 a {
         background-image: none; }
         .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-2 a.active {
           background-image: none; } }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-3 a {
     background-image: url(/media/icons/icon-3@2x.png);
     background-size: 20px; }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-3 a.active {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-3-active@2x.png); }
     @media screen and (max-width: 750px) {
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-3 a {
         background-image: none; }
         .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-3 a.active {
           background-image: none; } }
   .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-4 a {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-4@2x.png);
     background-size: 22px; }
     .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-4 a.active {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/icon-4-active@2x.png); }
     @media screen and (max-width: 750px) {
       .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-4 a {
         background-image: none; }
         .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-4 a.active {
           background-image: none; } }
 .hero-slider-wrapper .slider-content {
   opacity: 0;
   -moz-transition: opacity 0.2s;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s; }
   @media screen and (max-width: 750px) {
     .hero-slider-wrapper .slider-content {
       opacity: 1;
       background: #58585b;
       padding: 15px 15px 40px 15px;
       position: relative; }
       .hero-slider-wrapper .slider-content a, .hero-slider-wrapper .slider-content h1 {
         color: white; }
       .hero-slider-wrapper .slider-content h1 {
         display: none; }
       .hero-slider-wrapper .slider-content .hero-slider-text {
         font-size: 15px;
         display: block;
         margin-bottom: 15px;
         color: white;
         font-weight: 400; }
       .hero-slider-wrapper .slider-content .cta {
         display: inline-block;
         width: auto;
         float: none;
         font-size: 16px;
         margin-bottom: 0; }
         .hero-slider-wrapper .slider-content .cta:after {
           display: none; } }
   .hero-slider-wrapper .slider-content.fadeInContent {
     opacity: 1; }
 @media screen and (max-width: 750px) {
   .hero-slider-wrapper .hero-slider .slider-content .hero-slider-text,
   .hero-slider-wrapper .hero-slider .slider-content a {
     display: none; } }
 
 .module-header-with-button {
   margin-bottom: 10px; }
   @media screen and (max-width: 750px) {
     .module-header-with-button {
       margin-top: 0;
       margin-bottom: 0; } }
   .module-header-with-button h2 {
     margin-bottom: 0;
     margin-top: -10px; }
     @media screen and (max-width: 750px) {
       .module-header-with-button h2 {
         margin-bottom: 0.5em;
         margin-top: 0; } }
   .module-header-with-button .cta {
     margin-bottom: 0; }
 
 .details-after h1 {
   margin-bottom: 0; }
 
 main > .module > h1,
 main > .module > div > h1,
 .details-after h1 {
   margin-top: -0.25em; }
 
 .img-with-caption.fullwidth {
   width: 100%;
   margin-bottom: 60px; }
   @media screen and (max-width: 1100px) {
     .img-with-caption.fullwidth {
       margin-bottom: 40px; } }
   @media screen and (max-width: 750px) {
     .img-with-caption.fullwidth {
       margin-bottom: 30px; } }
   .img-with-caption.fullwidth img {
     width: 100%;
     vertical-align: top; }
   .img-with-caption.fullwidth .caption {
     padding: 10px 15px;
     background: #e5e5e5; }
 
 .faculty-info {
   overflow: hidden; }
   .faculty-info .faculty-pic,
   .faculty-info .faculty-details {
     float: left;
     max-width: 30%;
     display: inline-block; }
     .faculty-info .faculty-pic h5,
     .faculty-info .faculty-pic .h5,
     .faculty-info .faculty-details .h5,
     .faculty-info .faculty-details h5 {
       margin-top: 0; }
     .faculty-info .faculty-pic a,
     .faculty-info .faculty-details a {
       display: block; }
     .faculty-info .faculty-pic img,
     .faculty-info .faculty-details img {
       width: 100%;
       max-width: 300px; }
     @media screen and (max-width: 750px) {
       .faculty-info .faculty-pic,
       .faculty-info .faculty-details {
         display: block;
         float: none;
         max-width: 100%; } }
   .faculty-info .faculty-details {
     padding: 0 0 0 20px;
     max-width: 45%; }
     @media screen and (max-width: 750px) {
       .faculty-info .faculty-details {
         display: block;
         padding: 0; } }
   .faculty-info .faculty-pic {
     margin-right: 2em; }
     @media screen and (max-width: 750px) {
       .faculty-info .faculty-pic {
         margin-bottom: 20px; } }
   .faculty-info blockquote.inset {
     border-left: 0;
     float: left;
     width: 60%; }
     @media screen and (max-width: 750px) {
       .faculty-info blockquote.inset {
         width: auto; } }
 
 .faculty-info {
   overflow: hidden; }
   .faculty-info .faculty-pic,
   .faculty-info .faculty-details {
     float: left;
     max-width: 30%;
     display: inline-block; }
     .faculty-info .faculty-pic h5,
     .faculty-info .faculty-pic .h5,
     .faculty-info .faculty-details h5,
     .faculty-info .faculty-details .h5 {
       margin-top: 0; }
     .faculty-info .faculty-pic a,
     .faculty-info .faculty-details a {
       display: block; }
     .faculty-info .faculty-pic img,
     .faculty-info .faculty-details img {
       width: 100%;
       max-width: 300px; }
     @media screen and (max-width: 750px) {
       .faculty-info .faculty-pic,
       .faculty-info .faculty-details {
         display: block;
         float: none;
         max-width: 100%; } }
   .faculty-info .faculty-details {
     padding: 0 0 0 20px;
     max-width: 45%; }
     @media screen and (max-width: 750px) {
       .faculty-info .faculty-details {
         display: block;
         padding: 0; } }
   @media screen and (max-width: 750px) {
     .faculty-info .faculty-pic {
       margin-bottom: 20px; } }
   .faculty-info blockquote.inset {
     border-left: 0;
     float: left;
     width: 60%; }
     @media screen and (max-width: 750px) {
       .faculty-info blockquote.inset {
         width: auto; } }
 
 .generic-block {
   overflow: hidden;
   margin-bottom: 30px; }
   .generic-block .generic-block-photo,
   .generic-block .generic-block-desc {
     width: 50%;
     float: left; }
     @media screen and (max-width: 750px) {
       .generic-block .generic-block-photo,
       .generic-block .generic-block-desc {
         width: 100%;
         float: none; } }
   @media screen and (max-width: 750px) {
     .generic-block .generic-block-photo {
       margin-bottom: 20px; } }
   .generic-block .generic-block-desc {
     padding: 0 0 0 30px; }
     @media screen and (max-width: 750px) {
       .generic-block .generic-block-desc {
         padding: 0; } }
     .generic-block .generic-block-desc h2,
     .generic-block .generic-block-desc h5 {
       margin: -5px 0 12px 0;
       font-size: 20px;
       text-transform: uppercase;
       color: #3c3c3b; }
       @media screen and (max-width: 750px) {
         .generic-block .generic-block-desc h2,
         .generic-block .generic-block-desc h5 {
           font-size: 16px; } }
     .generic-block .generic-block-desc .date {
       text-transform: uppercase;
       font-weight: 900;
       display: block;
       margin-bottom: 10px;
       margin-top: 0;
       color: #454545; }
       @media screen and (max-width: 750px) {
         .generic-block .generic-block-desc .date {
           font-size: 14px; } }
     .generic-block .generic-block-desc p {
       font-size: 16px;
       margin: 12px 0; }
       @media screen and (max-width: 750px) {
         .generic-block .generic-block-desc p {
           font-size: 14px; } }
 
 .pagination .pagination-inner {
   text-align: center;
   overflow: hidden;
   margin: 60px 0 0 0; }
 .pagination ul {
   overflow: hidden;
   display: inline-block;
   padding: 0; }
   .pagination ul li {
     display: inline-block;
     float: left; }
     @media screen and (max-width: 750px) {
       .pagination ul li {
         font-size: 14px; } }
     .pagination ul li a {
       display: block;
       padding: 3px 10px;
       position: relative; }
       .pagination ul li:not(.unavailable) a:not([href]) {
         border-bottom: 2px solid #2a5769; }
       .pagination ul li a:hover {
         text-decoration: none;
         background: #e5e5e5; }
       .pagination ul li a.pagination-prev {
         padding: 3px 15px; }
         .pagination ul li a.pagination-prev:before {
           content: "";
           display: inline-block;
           width: 9px;
           height: 20px;
           background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue-left@2x.png);
           background-size: 100%;
           background-position: center;
           background-repeat: no-repeat;
           margin-right: 8px;
           position: relative;
           top: 2px; }
           @media screen and (max-width: 750px) {
             .pagination ul li a.pagination-prev:before {
               width: 7px;
               height: 16px;
               top: 3px; } }
       .pagination ul li a.pagination-next {
         padding: 3px 15px; }
         .pagination ul li a.pagination-next:after {
           background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue@2x.png);
           background-size: 100%;
           background-position: center;
           background-repeat: no-repeat;
           content: "";
           display: inline-block;
           width: 9px;
           height: 20px;
           margin-left: 8px;
           position: relative;
           top: 2px; }
           @media screen and (max-width: 750px) {
             .pagination ul li a.pagination-next:after {
               width: 7px;
               height: 16px;
               top: 3px; } }
 
 .tiles p.caption {
   color: white;
   padding: 10px;
   line-height: 1.1;
   z-index: 10 !important; }
 .tiles .cboxElement:after {
   content: "";
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   display: block;
   -webkit-transition: opacity 0.2s;
   -moz-transition: opacity 0.2s;
   transition: opacity 0.2s;
   opacity: 0;
   z-index: 9;
   background: rgba(0, 0, 0, 0.5); }
 .tiles .cboxElement:hover:after {
   opacity: 1; }
 
 .alert {
   position: relative;
   background: #CC0033;
   color: white;
   padding-top: 30px;
   padding-bottom: 30px; }
   .alert.yellow {
     background-color: #FFD500;
     color: black; }
     .alert.yellow .alert-message {
       padding-left: 90px; }
       .alert.yellow .alert-message:after {
         width: 50px;
         height: 50px;
         top: 42px;
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/alert2@2x.png); }
   .alert h2,
   .alert h5 {
     color: white; }
   .alert hr {
     border-color: white; }
   .alert p:last-child {
     margin-bottom: 0; }
   .alert .alert-message {
     position: relative;
     padding-left: 110px; }
     .alert .alert-message:after {
       content: "";
       position: absolute;
       top: 50%;
       top: 40px;
       left: 0;
       width: 75px;
       height: 75px;
       margin-top: -37.5px;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/alert@2x.png);
       background-repeat: no-repeat;
       background-size: 100%; }
 
 header {
   background: white;
   position: relative;
   z-index: 100; }
   header:after {
     content: "";
     clear: both;
     display: block;
     visibility: hidden; }
   @media screen and (max-width: 1100px) {
     header {
       border-bottom: 2px solid #e5e5e5; }
       header .inner {
         display: inline-block;
         float: left; }
       header:after {
         visibility: visible; } }
   header .mobile-header-buttons {
     display: none; }
     header .mobile-header-buttons .mobile-search-button,
     header .mobile-header-buttons .mobile-menu-button {
       font-size: 19px;
       font-weight: 700;
       float: left;
       border: none;
       padding: 28px 25px;
       padding-right: 65px;
       color: white;
       cursor: pointer;
       -webkit-transition: background-color 0.2s;
       -moz-transition: background-color 0.2s;
       transition: background-color 0.2s; }
     header .mobile-header-buttons .mobile-search-button {
       background-color: #f36e21;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search@2x.png);
       background-position: 100px 50%;
       background-repeat: no-repeat;
       background-size: 24px; }
       header .mobile-header-buttons .mobile-search-button:hover {
         background-color: #DA5508; }
       @media screen and (max-width: 750px) {
         header .mobile-header-buttons .mobile-search-button {
           color: transparent;
           width: 50px;
           padding: 21px 0;
           height: 100%;
           background-position: center;
           background-size: 20px; }
           header .mobile-header-buttons .mobile-search-button.active {
             color: transparent; } }
     header .mobile-header-buttons .mobile-menu-button {
       background-color: #2a5769;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu@2x.png);
       background-position: 95px 50%;
       background-repeat: no-repeat;
       background-size: 20px; }
       header .mobile-header-buttons .mobile-menu-button:hover {
         background-color: #113E50; }
       @media screen and (max-width: 750px) {
         header .mobile-header-buttons .mobile-menu-button {
           color: transparent;
           width: 50px;
           padding: 21px 0;
           height: 100%;
           background-position: center;
           background-size: 18px; }
           header .mobile-header-buttons .mobile-menu-button.active {
             color: transparent; } }
     @media screen and (max-width: 1100px) {
       header .mobile-header-buttons {
         display: inline-block;
         float: right; } }
     header .mobile-header-buttons.menu-active .mobile-menu-button {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu-close-white@2x.png); }
     header .mobile-header-buttons.menu-active .mobile-search-button {
       background-color: white;
       color: #f36e21;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png); }
     @media screen and (max-width: 750px) {
       header .mobile-header-buttons.menu-active .mobile-search-button,
       header .mobile-header-buttons.menu-active .mobile-menu-button {
         color: transparent; } }
     header .mobile-header-buttons.search-active .mobile-menu-button {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu-blue@2x.png);
       background-color: white;
       color: #2a5769; }
     header .mobile-header-buttons.search-active .mobile-search-button {
       background-color: #f36e21;
       color: white;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu-close-white@2x.png); }
     @media screen and (max-width: 750px) {
       header .mobile-header-buttons.search-active .mobile-search-button,
       header .mobile-header-buttons.search-active .mobile-menu-button {
         color: transparent; } }
   header .main-navigation {
     float: right;
     display: inline-block; }
     header .main-navigation .explore {
       display: none; }
       @media screen and (max-width: 1100px) {
         header .main-navigation .explore {
           display: block; } }
     @media screen and (max-width: 1100px) {
       header .main-navigation {
         position: fixed;
         right: -320px;
         bottom: 0;
         width: 320px;
         z-index: 1000;
         border-bottom: 8px solid #2a5769;
         transition: right 0.2s;
         -moz-transition: right 0.2s;
         -webkit-transition: right 0.2s;
         background-color: #3c3c3b;
         -webkit-transform: translate3d(0, 0, 0); }
         header .main-navigation .nav-inner {
           -webkit-overflow-scrolling: touch;
           overflow-scrolling: touch;
           overflow-y: scroll;
           height: 100%; }
         header .main-navigation.on {
           right: 0; }
         header .main-navigation.mobile-hidden {
           visibility: hidden; }
         header .main-navigation.mobile-hidden * {
           visibility: hidden !important; } }
     @media screen and (max-width: 750px) {
       header .main-navigation {
         width: 100%;
         top: 61px;
         right: -100%; } }
   header .nav-item {
     display: inline-block;
     float: left;
     position: relative;
     margin-bottom: 0; }
     @media screen and (max-width: 1100px) {
       header .nav-item {
         width: 100%;
         float: none;
         border-bottom: 1px solid #dcdcdc; } }
     header .nav-item > a {
       font-size: 16px;
       text-transform: uppercase;
       padding: 35px 17px;
       display: block;
       background: none;
       margin: 0;
       color: #627884; }
       @media screen and (max-width: 1260px) {
         header .nav-item > a {
           padding: 35px 16px;
           font-size: 15px; } }
       @media screen and (max-width: 1100px) {
         header .nav-item > a {
           padding: 15px;
           outline-offset: -2px;
           font-size: 20px;
           background-color: white; } }
       header .nav-item > a .accordion-handle,
       header .nav-item > .accordion-handle {
         width: 50px;
         border-left: 1px solid #dcdcdc;
         height: 59px;
         position: absolute;
         top: 0px;
         right: 0;
         padding: 0;
         background-color: transparent;
         background: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue-thin-down@2x.png);
         background-repeat: no-repeat;
         background-size: 25px;
         background-position: center center;
         display: none; }
         header .nav-item > a .accordion-handle .visually-hidden,
         header .nav-item > .accordion-handle .visually-hidden {
           visibility: hidden; }
         header .nav-item > a .accordion-handle:focus .visually-hidden,
         header .nav-item > .accordion-handle .visually-hidden {
           visibility: visible; }
         header .nav-item > a .accordion-handle:after,
         header .nav-item > .accordion-handle:after {
           content: none; }
         header .nav-item > a .accordion-handle.active,
         header .nav-item > .accordion-handle.active {
           background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue-thin@2x.png);
           border-left: 1px solid white; }
         @media screen and (max-width: 1100px) {
           header .nav-item > a .accordion-handle,
           header .nav-item > .accordion-handle {
             display: block; } }
     header .nav-item:hover > a {
       text-decoration: none;
       color: #f36e21; }
       @media screen and (max-width: 1100px) {
         header .nav-item:hover > a {
           color: #2a5769; } }
     header .nav-item > ul {
       position: absolute;
       top: 70px;
       z-index: 10;
       margin-top: 0;
       background: white;
       border-top: 2px solid #f36e21;
       padding: 1em 0;
       -webkit-box-shadow: 0 0 3px 1px #ccc;
       box-shadow: 0 0 3px 1px #ccc;
       border-right: 1px solid #CCC;
       border-bottom: 1px solid #CCC;
       border-left: 1px solid #CCC;
       width: 285px;
       opacity: 0;
       visibility: hidden;
       -webkit-transition: 0.2s opacity;
       -moz-transition: 0.2s opacity;
       transition: 0.2s opacity; }
       @media screen and (max-width: 1100px) {
         header .nav-item > ul {
           position: relative;
           top: auto;
           width: auto;
           border-top: 0;
           box-shadow: none;
           -webkit-box-shadow: none;
           padding-top: 0;
           visibility: visible;
           opacity: 1;
           display: none;
           border-bottom: 0;
           border-left: 0;
           border-right: 0; } }
       header .nav-item > ul a {
         display: block;
         padding: 7px 20px;
         font-size: 17px;
         font-weight: 400;
         color: #59595b; }
         @media screen and (max-width: 1100px) {
           header .nav-item > ul a {
             padding: 3px 15px; } }
     @media screen and (min-width: 1100px) {
       header .nav-item:hover > ul, header .nav-item.focus > ul {
         opacity: 1 !important;
         display: block !important;
         visibility: visible; } }
     @media screen and (max-width: 1100px) {
       header .nav-item:hover > ul {
         display: none; } }
     header .nav-item:last-child > a {
       padding-right: 0; }
     header .nav-item.nav-item-5 > ul, header .nav-item.nav-item-6 > ul {
       left: auto;
       right: 0; }
   header .util-bar {
     background: #3c3c3b; }
     header .util-bar .inner:after {
       content: "";
       clear: both;
       display: block;
       visibility: hidden;
       height: 0; }
     header .util-bar .util-right {
       overflow: hidden; }
     header .util-bar a {
       color: white;
       padding: 15px 0;
       display: block; }
     @media screen and (max-width: 1100px) {
       header .util-bar {
         display: none; } }
   header .logo {
     max-width: 200px;
     display: block;
     position: relative; }
     header .logo .main-logo {
       position: relative;
       z-index: 1;
       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out; }
     header .logo .hover-logo {
       position: absolute;
       top: 0;
       left: 0; }
     header .logo:hover .main-logo {
       opacity: 0; }
     @media screen and (max-width: 1100px) {
       header .logo {
         margin: 14px 0;
         max-width: 180px; } }
     @media screen and (max-width: 750px) {
       header .logo {
         max-width: 130px; } }
     header .logo img {
       vertical-align: top;
       width: 100%; }
 
.siteSearch,
.main-search form {
  display: inline-block;
  float: right;
  background: none !important;
  border: 0 !important; }

  .main-search {
  display: inline-block;
  float: right; }
  .main-search.focus .magnifying-glass {
    display: none; }
  .main-search.focus .submit,
  .main-search.focus .cse input.gsc-search-button,
  .main-search.focus input.gsc-search-button,
  .main-search.focus .gsc-search-button-v2 {
    background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png) !important;
    background-size: 100% !important; }

 .main-search .search-open {
   position: absolute;
   right: 10px;
   z-index: 1000;
   cursor: pointer;
   top: 50%;
   border: none;
   margin-top: -12px;
   width: 25px;
   height: 25px;
   background-repeat: no-repeat;
   background-size: 100%;
   background-color: #3c3c3b;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search@2x.png); }

 .search-open .search-open {
   display: none; }

 .main-search.focus .search-open {
   display: none; }
 
.search-main,
header input.gsc-input {
  display: inline-block;
  width: 55px;
  float: right;
  padding: 9px 40px 9px 10px !important;
  margin: 4px 0 3px 0 !important;
  /* text-align: right; */
  background: transparent;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0;
  color: white;
  line-height: 1.1;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  border: 2px solid #3c3c3b !important;
  outline: 0;
  height: inherit !important;
  font-size: 16px !important; }
  @media screen and (max-width: 1100px) {
    .search-main,
    header input.gsc-input {
      width: 80vw !important;
      display: block;
      float: none;
      padding: 20px 40px 20px 10px !important;
      border: 0;
      background: white !important;
      color: #2a5769;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      font-size: 28px !important;
      -webkit-box-shadow: 0 0 8px 2px #999;
      box-shadow: 0 0 8px 2px #999; } }
  @media screen and (max-width: 750px) {
    .search-main,
    header input.gsc-input {
      width: 95vw !important; } }
  @media screen and (max-width: 450px) {
    .search-main,
    header input.gsc-input {
        width: 90vw !important; } }

header #siteSearch input.gsc-input {
  width: 54px;
  visibility: hidden; }

header .search-open #siteSearch input.gsc-input {
  visibility: visible; }

.gsc-search-button-v2 svg {
  display: none !important; }
.siteSearch .submit,
header .cse input.gsc-search-button,
header input.gsc-search-button,
header .gsc-search-button-v2 {
   cursor: pointer;
   background: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png);
   background-color: transparent;
   position: absolute;
   top: 50%;
   right: 10px;
   border: 0px;
   color: transparent;
   width: 25px;
   height: 25px;
   background-size: 100%;
   margin-top: -12px;
   margin-left: 20px;
   padding: 0;
   z-index: 999;
   line-height: 1;
   min-width: 0 !important;
   border-radius: 0 !important; }
   .siteSearch .submit:hover,
   header .cse input.gsc-search-button:hover,
   header input.gsc-search-button:hover,
   header .gsc-search-button-v2:hover {
     background: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png);
     background-size: 100%;
     background-color: transparent; }
   header input.gsc-search-button,
   header .gsc-search-button-v2 {
     visibility: hidden; }
   header .search-open input.gsc-search-button,
   header .search-open .gsc-search-button-v2 {
     visibility: visible; }

 .siteSearch .magnifying-glass {
   cursor: pointer;
   background: url(/media/marketing-files/cwcedu/style-assets/icons/search@2x.png);
   position: absolute;
   top: 50%;
   right: 10px;
   border: 0px;
   color: transparent;
   width: 25px;
   height: 25px;
   background-size: 100%;
   margin-top: -12px;
   margin-left: 20px;
   padding: 0;
   z-index: 999;
   line-height: 1; }
 
 .hidden {
   display: none !important;
   visibility: hidden; }
 
 .utility,
 .util-right {
   float: right;
   position: relative;
   width: 390px; }
 
 .search-close {
   position: absolute;
   top: 50%;
   left: -5px;
   width: 35px;
   height: 35px;
   margin-top: -17px;
   border: none;
   background: url(/media/marketing-files/cwcedu/style-assets/icons/menu-close-white@2x.png);
   background-size: 60%;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: opacity 0.3s;
   transition: opacity 0.3s;
   z-index: 100;
   cursor: pointer;
   visibility: hidden;
   background-repeat: no-repeat;
   background-position: center; }
   .search-close.fadeIn {
     opacity: 1;
     filter: alpha(opacity=1); }
 .util-right.search-open .search-close {
   visibility: visible; }

 .search-open .search-main,
header .search-open input.gsc-input {
   width: 300px;
   text-align: left;
    border: 2px solid white !important;
    background-color: white !important;
   color: #2a5769; }

header .search-open input.gsc-input {
  width: 355px !important; }
 
#siteSearchMobile {
  display: none;
  position: fixed;
  top: 150px;
  left: 10%;
  right: 10%; }
  @media screen and (max-width: 750px) {
    #siteSearchMobile {
      right: 15px;
      left: 15px;
      top: 100px; } }
  #siteSearchMobile .main-search {
    width: 100%;
    float: none;
    display: block; }
  #siteSearchMobile .search-main {
    display: block;
    width: 100% !important;
    float: none;
    padding: 20px 40px 20px 10px;
    border: 0;
    background: white;
    color: #2a5769;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 28px;
    -webkit-box-shadow: 0 0 8px 2px #999;
    box-shadow: 0 0 8px 2px #999; }
    @media screen and (max-width: 750px) {
      #siteSearchMobile .search-main {
        font-size: 22px;
        padding: 15px 40px 15px 15px; } }
  #siteSearchMobile .magnifying-glass {
    display: none; }
  #siteSearchMobile .submit,
  #siteSearchMobile input.gsc-search-button {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png);
    background-size: 100% !important; }
  #siteSearchMobile input.gsc-search-button {
    right: 25px; }
  @media screen and (max-width: 1100px) {
    #siteSearchMobile.on {
      display: block; } }
 
 .explore {
   cursor: default;
   position: relative;
   display: inline-block;
   z-index: 10; }
   .explore > a {
     background-color: #3c3c3b;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/explore@2x.png);
     background-position: left center;
     background-size: 25px;
     background-repeat: no-repeat;
     padding-left: 35px !important; }
     .explore > a .accordion-handle {
       width: 60px;
       height: 74px;
       position: absolute;
       top: -5px;
       right: 0;
       padding: 0;
       background-color: transparent;
       background: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-white-thin-down@2x.png);
       background-repeat: no-repeat;
       background-size: 25px;
       background-position: center center;
       border-bottom: 0;
       display: none; }
       .explore > a .accordion-handle.active {
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-white-thin@2x.png); }
       @media screen and (max-width: 1100px) {
         .explore > a .accordion-handle {
           display: block; } }
     .explore > a:hover {
       text-decoration: none; }
     @media screen and (max-width: 1100px) {
       .explore > a {
         color: white;
         font-size: 20px;
         padding: 25px 20px 25px 50px !important;
         background-position: 15px center; } }
   .explore .explore-dropdown {
     position: absolute;
     left: -20px;
     z-index: 9;
     top: 100%;
     width: 285px;
     padding: 10px 0 20px 0;
     background: #3c3c3b;
     -webkit-transition: 0.2s opacity;
     -moz-transition: 0.2s opacity;
     transition: 0.2s opacity;
     opacity: 0;
     visibility: hidden; }
     @media screen and (max-width: 1100px) {
       .explore .explore-dropdown {
         left: 0;
         top: auto;
         width: 100%;
         display: block;
         padding: 0 15px 20px 15px;
         visibility: visible;
         display: block;
         opacity: 1; } }
     .explore .explore-dropdown ul {
       border-bottom: 1px solid white;
       margin: 0 20px 15px 20px;
       padding: 10px 0; }
       @media screen and (max-width: 1100px) {
         .explore .explore-dropdown ul {
           margin: 0 0 10px 0; } }
     .explore .explore-dropdown li {
       list-style: none; }
     .explore .explore-dropdown a {
       color: white;
       font-size: 16px;
       font-weight: 400;
       padding: 5px 0px; }
       @media screen and (max-width: 1100px) {
         .explore .explore-dropdown a {
           font-size: 18px; } }
     .explore .explore-dropdown h4 {
       color: #FF850A;
       font-size: 16px;
       font-weight: 600;
       padding: 0 20px;
       margin: 0; }
       @media screen and (max-width: 1100px) {
         .explore .explore-dropdown h4 {
           padding: 0;
           margin-top: 20px;
           font-size: 20px; }
           .explore .explore-dropdown h4:first-child {
             margin-top: 0;
             padding-top: 20px;
             border-top: 1px solid white; } }
     .explore .explore-dropdown > a {
       font-weight: 600;
       padding: 8px 20px; }
       @media screen and (max-width: 1100px) {
         .explore .explore-dropdown > a {
           display: block;
           padding: 10px 0; } }
   .explore.focus .explore-dropdown, .explore:hover .explore-dropdown {
     opacity: 1;
     visibility: visible; }
 
 a.in-this-section,
 a.in-this-section:link {
   display: none;
   font-size: 20px;
   font-weight: 400;
   background-color: #e5e5e5;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/section-menu@2x.png);
   background-size: 20px;
   background-repeat: no-repeat;
   background-position: 25px center;
   color: #3c3c3b;
   padding: 10px 10px 10px 65px;
   width: 300px;
   margin-bottom: 40px;
   text-decoration: none;
   transition: all 0.2s;
   outline-offset: -3px;
   -moz-transition: all 0.2s;
   -webkit-transition: all 0.2s; }
   a.in-this-section.on,
   a.in-this-section:link.on {
     color: white;
     background-color: #f36e21;
     z-index: 100;
     position: relative;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/section-menu-white@2x.png); }
   a.in-this-section:hover,
   a.in-this-section:link:hover {
     text-decoration: none;
     background-color: #CCCCCC; }
   @media screen and (max-width: 1100px) {
     a.in-this-section,
     a.in-this-section:link {
       display: inline-block;
       margin-bottom: 30px; } }
   @media screen and (max-width: 750px) {
     a.in-this-section,
     a.in-this-section:link {
       display: block;
       width: 100%;
       margin-right: -15px;
       background-position: 15px center;
       padding-left: 50px; } }
 
 #pushout-leftnav a.in-this-section,
 #pushout-leftnav a.in-this-section:link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%; }
 
 @media screen and (max-width: 750px) {
   .section-nav a.in-this-section,
   .section-nav a.in-this-section:link {
     transition: none;
     -moz-transition: none;
     -webkit-transition: none; }
     .section-nav a.in-this-section.on,
     .section-nav a.in-this-section:link.on {
       color: transparent;
       background-color: #e5e5e5;
       background-image: none; }
       .section-nav a.in-this-section.on:hover,
       .section-nav a.in-this-section:link.on:hover {
         text-decoration: none;
         background-color: #e5e5e5; }
     .section-nav a.in-this-section:hover,
     .section-nav a.in-this-section:link:hover {
       text-decoration: none;
       background-color: #e5e5e5; } }
 
 .touch a.in-this-section:hover,
 .touch a.in-this-section:link:hover {
   background-color: default; }
 
 @media screen and (max-width: 750px) {
   .in-this-section.large {
     display: none !important; } }
 
 @media screen and (min-width: 750px) {
   .in-this-section.small {
     display: none !important; } }
 
 .breadcrumb {
   background-color: #e5e5e5;
   overflow: hidden;
   margin-bottom: 60px; }
   @media screen and (max-width: 1100px) {
     .breadcrumb {
       display: none; } }
   .breadcrumb a,
   .breadcrumb a:link {
     float: left;
     font-size: 16px;
     display: inline-block;
     color: #3c3c3b;
     padding: 21px 35px 21px 0;
     position: relative;
     font-weight: 600; }
     .breadcrumb a:after,
     .breadcrumb a:link:after {
       content: "/";
       position: absolute;
       right: 15px;
       top: 20px;
       bottom: 0; }
     .breadcrumb a:hover,
     .breadcrumb a:link:hover {
       color: #f36e21;
       text-decoration: none; }
       .breadcrumb a:hover:after,
       .breadcrumb a:link:hover:after {
         color: #3c3c3b; }
 
 .main-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: -100px;
   left: 0;
   cursor: pointer;
   background-color: rgba(255, 255, 255, 0.6);
   z-index: 10;
   display: none; }
   .main-overlay.active {
     display: block; }
 
 body.menu-open,
 body.left-menu-open,
 body.search-open {
   overflow: hidden !important;
   width: 100%; }
 
 body.search-open header {
   -webkit-transition: border-bottom 0.2s;
   -moz-transition: border-bottom 0.2s;
   transition: border-bottom 0.2s;
   border-bottom: 2px solid #f36e21; }
 
 body.menu-open header {
   -webkit-transition: border-bottom 0.2s;
   -moz-transition: border-bottom 0.2s;
   transition: border-bottom 0.2s;
   border-bottom: 2px solid #2a5769; }
 
 body.left-menu-open .mobile-header-buttons .mobile-menu-button {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu-blue@2x.png);
   background-color: white;
   color: #2a5769; }
   @media screen and (max-width: 750px) {
     body.left-menu-open .mobile-header-buttons .mobile-menu-button {
       color: transparent; } }
 body.left-menu-open .mobile-header-buttons .mobile-search-button {
   background-color: white;
   color: #f36e21;
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png); }
   @media screen and (max-width: 750px) {
     body.left-menu-open .mobile-header-buttons .mobile-search-button {
       color: transparent; } }
 
 @media screen and (max-width: 750px) {
   body.left-menu-open header .mobile-header-buttons .mobile-search-button {
     background-color: white;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png); }
   body.left-menu-open header .mobile-header-buttons .mobile-menu-button {
     background-color: white;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/menu-blue@2x.png); } }

.gsc-input {
  background: none !important; }

.gsc-search-box td {
  border: 0 !important;
  padding: 0 !important; }

form.gsc-search-box {
  margin-bottom: 0 !important; }

.cse form.gsc-search-box, form.gsc-search-box {
  background: none !important;
  border: 0 !important; }

table.gsc-search-box {
  margin: 0 !important;
  width: 100% !important; }

.blog-util .gsc-input input[type="text"] {
  margin: 0 !important;
  color: black !important;
  border-radius: 0px !important;
  width: 100% !important;
  padding: 12px !important;
  border: 1px solid black !important;
  margin: 0 !important;
  height: inherit !important;
  outline: none; }

.gsc-clear-button {
  display: none; }

.content input.gsc-search-button[type="button"],
.content input.gsc-search-button[type="image"] {
  background-image: url("/media/marketing-files/cwcedu/style-assets/icons/search-on@2x.png") !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: 99%;
  position: absolute;
  top: 50%;
  right: 10px;
  border: 0px;
  color: transparent;
  width: 25px;
  height: 25px;
  background-size: 100%;
  margin-top: -14px;
  margin-left: 20px;
  padding: 0;
  z-index: 999;
  line-height: 1;
  outline: none;
  min-width: 0;
  border-radius: 0; }
  .content input.gsc-search-button[type="button"]:hover,
  .content input.gsc-search-button[type="image"]:hover {
    background-color: transparent !important; }

@media screen and (min-width: 1100px) {
  .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
    border: 1px solid black !important;
    -webkit-box-shadow: 0px 0px 10px 1px #ddd !important;
    box-shadow: 0px 0px 10px 1px #ddd !important; } }

.gsc-search-box .gsc-input > input:hover {
  border: 1px solid black !important;
  -webkit-box-shadow: 0px 0px 10px 1px #ddd !important;
  box-shadow: 0px 0px 10px 1px #ddd !important; }

#siteSearchMobile .gsc-search-box .gsc-input > input:hover,
#siteSearchMobile .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
  border: 2px !important; }
  @media screen and (min-width: 1100px) {
    #siteSearchMobile .gsc-search-box .gsc-input > input:hover,
    #siteSearchMobile .gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
      -webkit-box-shadow: 0 0 8px 2px #999 !important;
      box-shadow: 0 0 8px 2px #999 !important; } }

#siteSearch .gsc-search-box .gsc-input > input:hover {
  border: 2px solid transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.gsc-input-box-hover,
.gsc-input-box {
  box-shadow: none !important; }

.gsst_b {
  width: 0 !important; }

#siteSearch .gsc-search-box .gsc-input > input:focus, #siteSearch .gsc-input-box-focus {
  border: 2px solid transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.cse input.gsc-search-button:hover, input.gsc-search-button:hover {
  background-color: transparent !important;
  border: 0 !important; }

.content td.gsc-search-button {
  width: 0 !important; }

.cse form.gsc-search-box, form.gsc-search-box {
  box-shadow: none !important; }

.gsc-input-box {
  border: 2px solid transparent !important;
  background: transparent !important;
  height: auto !important; }

.gsst_a .gscb_a {
  display: none !important; }

.gcsc-branding {
  display: none !important; }

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.gsc-preview-reviews, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em {
  color: #58585b !important;
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important; }

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  color: #2a5769 !important; }

.gsc-control-cse div {
  font-family: "Lato", sans-serif !important; }

.gs-title,
.gs-title b,
.gs-title em {
  color: #2a5769 !important;
  font-family: "Lato", sans-serif !important;
  font-size: 18px !important; }

.gs-promotion-text-cell .gs-visibleUrl, .gs-promotion-text-cell .gs-snippet,
.gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {
  font-size: 16px !important;
  font-family: "Lato", sans-serif !important; }

.gsc-control-cse div {
  font-size: 14px !important; }

.gsc-tabsArea {
  height: 28px !important; }

.gsc-result .gs-title {
  height: auto !important; }

.gsc-search-box td.gsib_b,
td.gsc-search-button {
  width: 0 !important; }

.cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion {
  background: transparent !important;
  margin-bottom: 0 !important; }

.gsc-results .gsc-cursor-box {
  margin-left: 0 !important;
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important; }

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #58585b !important; }

.gsc-tabsArea > div {
  overflow: hidden !important; }

.max-width-350 {
  max-width: 350px; }

.gsc-resultsHeader {
  display: none; }
 
 /*
 ########################################################
 FOOTER STYLES
 ########################################################
 */
 footer {
   margin-top: 100px; }
   footer address {
     margin: 1.5em 0;
     font-style: normal;
     color: black;
     line-height: 1.9;
     font-size: 16px;
     font-weight: 400; }
     @media screen and (max-width: 1100px) {
       footer address {
         font-size: 12px;
         line-height: 1.9;
         margin: 1.8em 0; }
         footer address .info {
           margin-top: 5px; } }
     footer address .address-header,
     footer address h2.address-header {
       text-transform: uppercase;
       color: #2a5769;
       font-size: 20px;
       line-height: 1.6;
       margin-bottom: 0;
       margin-top: 0;
       font-weight: 400; }
       @media screen and (max-width: 1100px) {
         footer address .address-header,
         footer address h2.address-header {
           font-size: 16px; } }
       @media screen and (max-width: 750px) {
         footer address .address-header,
         footer address h2.address-header {
           font-size: 22px;
           padding: 10px 15px;
           border-top: 1px solid #dcdcdc;
           cursor: pointer;
           position: relative; }
           footer address .address-header:after,
           footer address h2.address-header:after {
             content: "";
             cursor: pointer;
             right: 15px;
             top: 50%;
             position: absolute;
             width: 22px;
             height: 8px;
             margin-top: -3.5px;
             display: block;
             background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue-thin-down@2x.png);
             background-repeat: no-repeat;
             background-size: 22px; }
           footer address .address-header.active:after,
           footer address h2.address-header.active:after {
             background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue-thin@2x.png); } }
     footer address h2.address-header a {
       color: #2a5769;
       font-weight: 400; }
     footer address h2.address-header a:hover {
       text-decoration: underline; }
     footer address a,
     footer address a:link {
       color: black;
       font-weight: 400; }
       footer address a.map-link,
       footer address a:link.map-link {
         color: #2a5769;
         text-transform: uppercase; }
         @media screen and (max-width: 1100px) {
           footer address a.map-link,
           footer address a:link.map-link {
             font-size: 14px;
             margin-top: 5px;
             display: block; } }
         @media screen and (max-width: 750px) {
           footer address a.map-link,
           footer address a:link.map-link {
             font-size: 16px;
             margin-top: 10px; } }
       footer address a:hover,
       footer address a:link:hover {
         text-decoration: none; }
     @media screen and (max-width: 750px) {
       footer address .info {
         padding: 0 15px 15px 15px;
         font-size: 16px;
         display: none; } }
     @media screen and (max-width: 750px) {
       footer address {
         margin: 0; } }
   @media screen and (max-width: 1260px) {
     footer {
       margin-top: 70px; } }
   @media screen and (max-width: 1100px) {
     footer {
       margin-top: 50px; } }
   footer .footer-logo {
     width: 75px;
     height: 90px;
     display: block;
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;
     position: relative; }
     footer .footer-logo .footer-logo-main {
       position: relative;
       z-index: 1;
       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out; }
     footer .footer-logo .footer-logo-hover {
       position: absolute;
       top: 0;
       left: 0; }
     footer .footer-logo:hover .footer-logo-main {
       opacity: 0; }
     @media screen and (max-width: 1100px) {
       footer .footer-logo {
         width: 55px;
         height: auto; } }
     footer .footer-logo img {
       vertical-align: top;
       width: 100%;
       padding: 3px; }
   footer .inner {
     margin: 0 auto;
     max-width: 1260px; }
   footer .locations .td-style {
     width: 23%; }
     footer .locations .td-style:first-child {
       width: 15%; }
   footer .locations .map-link:hover,
   footer .locations a.map-link:hover,
   footer .locations a.map-link:link:hover {
     text-decoration: underline; }
   @media screen and (max-width: 750px) {
     footer .locations .table-style,
     footer .locations .td-style {
       width: auto;
       display: block;
       float: none; }
     footer .locations .table-style {
       margin: 0 -15px; }
     footer .locations .td-style:first-child {
       width: 100%; }
       footer .locations .td-style:first-child .footer-logo {
         margin: 20px auto; } }
   footer .teal-band {
     margin-bottom: 0;
     padding: 16px 0;
     background: #2a5769; }
     @media screen and (max-width: 1100px) {
       footer .teal-band {
         padding: 12px 0; } }
     footer .teal-band .footer-list-primary {
       display: inline-block;
       float: left;
       overflow: hidden; }
       footer .teal-band .footer-list-primary a:first-child {
         padding-left: 0; }
       footer .teal-band .footer-list-primary a:hover {
         text-decoration: underline; }
       @media screen and (max-width: 1260px) {
         footer .teal-band .footer-list-primary {
           padding-left: 0;
           float: none;
           display: block;
           border-right: 0;
           margin-bottom: 5px; } }
     footer .teal-band a {
       color: white;
       padding: 7px 12px;
       display: inline-block;
       font-size: 14px;
       color: white;
       font-weight: 400;
       outline-offset: -2px; }
       footer .teal-band a:hover {
         text-decoration: underline; }
       @media screen and (max-width: 1100px) {
         footer .teal-band a {
           padding: 0px 7px; } }
       @media screen and (max-width: 750px) {
         footer .teal-band a {
           font-size: 14px;
           display: block;
           text-align: left;
           padding: 8px 0; } }
     @media screen and (max-width: 750px) {
       footer .teal-band {
         padding-bottom: 10px; }
         footer .teal-band .table-style,
         footer .teal-band .td-style {
           width: 100%;
           float: none;
           display: block; } }
   footer .copyright {
     clear: both;
     color: white;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 0; }
     @media screen and (max-width: 1100px) {
       footer .copyright {
         font-size: 12px;
         padding-top: 0; } }
   footer .footer-util {
     float: right; }
     footer .footer-util .instagram,
     footer .footer-util .twitter,
     footer .footer-util .blog,
     footer .footer-util .facebook {
       list-style: none;
       display: inline-block;
       float: left;
       margin-left: 10px;
       margin-bottom: 0; }
       footer .footer-util .instagram a,
       footer .footer-util .twitter a,
       footer .footer-util .blog a,
       footer .footer-util .facebook a {
         display: block;
         text-indent: -9999px;
         width: 40px;
         height: 40px;
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100%;
         -webkit-transition: all .1s ease-in-out;
         -moz-transition: all .1s ease-in-out;
         transition: all .1s ease-in-out; }
         footer .footer-util .instagram a:hover,
         footer .footer-util .twitter a:hover,
         footer .footer-util .blog a:hover,
         footer .footer-util .facebook a:hover {
           -webkit-transform: scale(0.9);
           -moz-transform: scale(0.9);
           transform: scale(0.9); }
     footer .footer-util .instagram a {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/social-instagram@2x.png); }
     footer .footer-util .twitter a {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/social-twitter@2x.png); }
     footer .footer-util .blog a {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/rss@2x.png); }
     footer .footer-util .facebook a {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/facebook@2x.png); }
     footer .footer-util .top {
       list-style: none;
       display: inline-block;
       float: left;
       margin-left: 30px;
       margin-bottom: 0;
       margin-top: 3px;
       text-indent: -9999px; }
       footer .footer-util .top a {
         display: block;
         width: 36px;
         height: 36px;
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/to-top@2x.png);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: 36px;
         -webkit-transition: all .1s ease-in-out;
         -moz-transition: all .1s ease-in-out;
         transition: all .1s ease-in-out;
         -moz-transform-origin: top left; }
         footer .footer-util .top a:hover {
           -webkit-transform: scale(0.9);
           -moz-transform: scale(0.9);
           transform: scale(0.9); }
       @media screen and (max-width: 750px) {
         footer .footer-util .top {
           float: right; } }
     footer .footer-util > ul {
       position: relative;
       top: 11px; }
     @media screen and (max-width: 750px) {
       footer .footer-util {
         float: none;
         margin: 10px 0 25px 0;
         overflow: hidden; }
         footer .footer-util ul {
           position: static;
           padding-left: 0;
           padding-top: 1px; }
           footer .footer-util ul li:first-child {
             margin-left: 0; }
         footer .footer-util .top a:hover {
           -webkit-transform: none;
           -moz-transform: none;
           transform: none; }
         footer .footer-util .instagram a:hover,
         footer .footer-util .twitter a:hover,
         footer .footer-util .blog a:hover,
         footer .footer-util .facebook a:hover {
           -webkit-transform: none;
           -moz-transform: none;
           transform: none; } }
 
 .cta-area {
   border-top: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   padding: 40px 0; }
   .cta-area .cta-links {
     float: right;
     overflow: hidden; }
   .cta-area p {
     font-size: 40px;
     font-size: 3vw;
     font-weight: 300;
     color: #3c3c3b;
     margin: 0; }
     @media screen and (min-width: 1260px) {
       .cta-area p {
         font-size: 40px; } }
   .cta-area h2 {
     font-size: 40px;
     font-size: 3vw;
     font-weight: 300;
     color: #3c3c3b;
     text-transform: none;
     margin: 0; }
     @media screen and (min-width: 1260px) {
     .cta-area h2 {
       font-size: 40px; } }
   .cta-area a {
     font-size: 20px;
     font-size: 1.4vw;
     font-weight: 900;
     padding: 20px 25px;
     text-align: center;
     background-color: #F36412;
     color: white;
     display: inline-block;
     float: left;
     margin-left: 10px;
     outline-offset: -3px;
     -webkit-transition: background-color 0.2s;
     -moz-transition: background-color 0.2s;
     transition: background-color 0.2s;
     width: 225px; }
     @media screen and (max-width: 1260px) {
       .cta-area a {
         width: 200px; } }
     .cta-area a:hover {
       text-decoration: none;
       background-color: #DA5508; }
     @media screen and (min-width: 1260px) {
       .cta-area a {
         font-size: 20px; } }
   @media screen and (max-width: 1100px) {
     .cta-area {
       padding: 20px 25px; }
       .cta-area .table-style,
       .cta-area .td-style {
         display: block;
         text-align: center; }
         .cta-area .table-style p,
         .cta-area .td-style p,
         .cta-area .td-style h2 {
           text-align: center;
           font-size: 40px;
           margin-bottom: 20px;
           line-height: 1; }
         .cta-area .table-style .cta-links,
         .cta-area .td-style .cta-links {
           float: none;
           display: block;
           margin: -10px -30px; }
           .cta-area .table-style .cta-links a,
           .cta-area .td-style .cta-links a {
             font-size: 19px;
             width: 33.333%;
             margin: 0;
             border: 10px solid white;
             padding: 18px 25px; } }
   @media screen and (max-width: 750px) {
     .cta-area {
       padding: 20px 0px; }
       .cta-area .table-style p,
       .cta-area .td-style p,
       .cta-area .td-style h2 {
         font-size: 30px;
         margin-bottom: 30px; }
       .cta-area .table-style .cta-links,
       .cta-area .td-style .cta-links {
         float: none;
         display: block;
         margin: 0 auto;
         max-width: 500px; }
         .cta-area .table-style .cta-links a,
         .cta-area .td-style .cta-links a {
           width: 100%;
           box-sizing: border-box;
           -moz-box-sizing: borer-box;
           border: 10px solid white;
           padding: 18px 15px;
           outline-offset: -2px;
           border-top: 0;
           border-right: 0;
           border-left: 0; }
           .cta-area .table-style .cta-links a:last-child,
           .cta-area .td-style .cta-links a:last-child {
             border-bottom: 0; } }
 
 /* ==========================================================================
    BX SLIDER STYLES
    ========================================================================== */
 .bx-wrapper {
   position: relative;
   margin: 0 auto;
   padding: 0;
   *zoom: 1; }
   .bx-wrapper li {
     list-style: none; }
   .bx-wrapper img {
     max-width: 100%;
     width: 100%;
     display: block; }
   .bx-wrapper .bx-viewport {
     /*fix other elements on the page moving (on Chrome)*/
     -webkit-transform: translatez(0);
     -moz-transform: translatez(0);
     -ms-transform: translatez(0);
     -o-transform: translatez(0);
     transform: translatez(0); }
   .bx-wrapper .bx-controls {
     position: absolute;
     width: 100%;
     bottom: 0;
     z-index: 500;
     text-align: center; }
   .bx-wrapper .bx-prev {
     left: 20px;
     overflow: hidden; }
     @media screen and (max-width: 750px) {
       .bx-wrapper .bx-prev {
         left: 15px; } }
   .bx-wrapper .bx-next {
     right: 20px;
     overflow: hidden; }
     @media screen and (max-width: 750px) {
       .bx-wrapper .bx-next {
         right: 15px; } }
   .bx-wrapper .bx-pager-item {
     display: inline-block; }
   .bx-wrapper .bx-pager,
   .bx-wrapper .bx-controls-auto {
     position: relative;
     bottom: 10px; }
   @media screen and (max-width: 750px) {
     .bx-wrapper {
       margin-bottom: 0; } }
 
 .pager-wrapper .bx-controls {
   position: absolute;
   width: 100%;
   bottom: 0;
   z-index: 10;
   text-align: center; }
 .pager-wrapper .bx-pager,
 .pager-wrapper .bx-controls-auto {
   position: relative;
   bottom: 15px;
   z-index: 99; }
   @media screen and (max-width: 1100px) {
     .pager-wrapper .bx-pager,
     .pager-wrapper .bx-controls-auto {
       bottom: 10px; } }
 .pager-wrapper .bx-pager-item {
   display: inline-block; }
 
 .bx-wrapper .bx-loading {
   min-height: 50px;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000; }
 
 .pager-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: bold; }
 
 .pager-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   text-indent: -9999px;
   z-index: 100;
   transition: none; }
 
 .pager-wrapper .bx-controls-direction a.disabled {
   display: none; }
 
 .bx-wrapper .bx-controls-auto {
   text-align: center; }
 
 .bx-wrapper .bx-controls-auto .bx-start {
   display: block;
   text-indent: -9999px;
   width: 10px;
   height: 11px;
   background: url(images/controls.png) -86px -11px no-repeat;
   margin: 0 3px; }
 
 .bx-wrapper .bx-controls-auto .bx-start:hover,
 .bx-wrapper .bx-controls-auto .bx-start.active {
   background-position: -86px 0; }
 
 .bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 9px;
   height: 11px;
   background: url(images/controls.png) -86px -44px no-repeat;
   margin: 0 3px; }
 
 .bx-wrapper .bx-controls-auto .bx-stop:hover,
 .bx-wrapper .bx-controls-auto .bx-stop.active {
   background-position: -86px -33px; }
 
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   text-align: left;
   width: 80%; }
 
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   right: 0;
   width: 35px; }
 
 .bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #e9f2f5;
   width: 100%; }
 
 .bx-wrapper .bx-caption span {
   color: #fff;
   display: block; }
 
 .typical-slider-wrapper {
   position: relative;
   background-color: #3c3c3b; }
   .typical-slider-wrapper .caption {
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 2em 20px 1.5em 20px;
     background: url(../img/BlackTransparentBackground.png);
     padding: 2em 20px 1.5em 20px;
     background: #3c3c3b;
     color: white; }
   .typical-slider-wrapper .typical-slider {
     margin-top: 0;
     list-style: none; }
   .typical-slider-wrapper .arrow {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper {
       margin: 0 -15px; } }
   .typical-slider-wrapper .pager-wrapper {
     margin-top: -15px; }
 
 .typical-slider-wrapper .caption-wrapper,
 .typical-slider-wrapper .captions-wrapper {
   width: 100%;
   z-index: 100; }
 
 .typical-slider-wrapper .external-captions,
 .typical-slider-wrapper .caption {
   width: 100%;
   height: auto;
   padding: 18px 30px 35px 30px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   position: relative; }
   @media screen and (max-width: 1100px) {
     .typical-slider-wrapper .external-captions,
     .typical-slider-wrapper .caption {
       padding: 15px 20px 40px 20px; } }
 
 .typical-slider-wrapper .external-captions p,
 .typical-slider-wrapper .caption p {
   margin: 0;
   color: white;
   line-height: 1.2;
   font-size: 18px;
   font-weight: 300; }
 
 .typical-slider-wrapper p.slider-description {
   margin-bottom: 5px; }
   @media screen and (max-width: 1100px) {
     .typical-slider-wrapper p.slider-description {
       font-size: 16px;
       margin-bottom: 0; } }
 
 .typical-slider-wrapper .external-captions .slider-title,
 .typical-slider-wrapper .caption .slider-title,
 .typical-slider-wrapper .external-captions .slider-title a,
 .typical-slider-wrapper .caption .slider-title a {
   text-transform: none;
   font-size: 28px;
   font-weight: 300;
   margin-bottom: 10px;
   color: white;
   text-decoration: none; }
   @media screen and (max-width: 1100px) {
     .typical-slider-wrapper .external-captions .slider-title,
     .typical-slider-wrapper .caption .slider-title,
     .typical-slider-wrapper .external-captions .slider-title a,
     .typical-slider-wrapper .caption .slider-title a {
       text-transform: none;
       font-size: 26px;
       margin-bottom: 10px; } }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .external-captions .slider-title,
     .typical-slider-wrapper .caption .slider-title,
     .typical-slider-wrapper .external-captions .slider-title a,
     .typical-slider-wrapper .caption .slider-title a {
       text-transform: none;
       font-size: 18px; } }
 
 .typical-slider-wrapper .cycle-arrows.mobile-only {
   display: none; }
 
 .typical-slider-wrapper .cycle-arrows {
   position: absolute;
   top: -5px;
   bottom: 5px;
   left: 0;
   right: 0;
   height: auto;
   width: 100%; }
 
 .typical-slider-wrapper .prev,
 .typical-slider-wrapper .bx-prev,
 .typical-slider-wrapper .prev-slide {
   left: 25px;
   display: block;
   text-indent: -999999px;
   position: absolute;
   z-index: 10;
   outline-offset: -5px;
   transition: none; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .prev,
     .typical-slider-wrapper .bx-prev,
     .typical-slider-wrapper .prev-slide {
       left: 15px; } }
 
 .typical-slider-wrapper .next,
 .typical-slider-wrapper .bx-next,
 .typical-slider-wrapper .prev-slide {
   right: 25px;
   display: block;
   text-indent: -999999px;
   position: absolute;
   z-index: 10;
   outline-offset: -5px;
   transition: none; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .next,
     .typical-slider-wrapper .bx-next,
     .typical-slider-wrapper .prev-slide {
       right: 15px; } }
 
 .typical-slider-wrapper .bx-pager-item a,
 .three-items-mobile .bx-pager-item a,
 .event-blocks-mobile .bx-pager-item a,
 .cta-blocks-mobile .bx-pager-item a {
   overflow: hidden;
   display: block;
   width: 100%;
   margin: -5px 0 0 0;
   padding: 0;
   list-style: none;
   z-index: 10;
   height: 6px;
   transition: none; }

 .typical-slider-wrapper .bx-pager-item a,
 .three-items-mobile .bx-pager-item a,
 .event-blocks-mobile .bx-pager-item a,
 .cta-blocks-mobile .bx-pager-item a {
   width: 9px;
   height: 9px;
   border-radius: 50%;
   margin: 0;
   vertical-align: bottom;
   text-indent: -999999px;
   background-color: white;
   margin: 4px; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .bx-pager-item a,
     .three-items-mobile .bx-pager-item a,
     .event-blocks-mobile .bx-pager-item a,
     .cta-blocks-mobile .bx-pager-item a {
       width: 8px;
       height: 8px; } }
 
 .three-items-mobile .bx-pager-item a,
 .event-blocks-mobile .bx-pager-item a,
 .cta-blocks-mobile .bx-pager-item a {
   background-color: #b3b3b3; }
 
 .typical-slider-wrapper .bx-pager-item a.active,
 .three-items-mobile .bx-pager-item a.active,
 .event-blocks-mobile .bx-pager-item a.active,
 .cta-blocks-mobile .bx-pager-item a.active {
   background-color: #f36e21; }
 
 .bx-wrapper li .caption {
   display: none; }
 
 .prev, .bx-prev {
   width: 60px;
   height: 60px;
   top: 50%;
   margin-top: -27px;
   left: 20px;
   border-radius: 50%; }
   .prev:hover:after, .bx-prev:hover:after {
     transform: scale(0.9);
     -moz-transform: scale(0.9);
     -webkit-transform: scale(0.9); }
   .prev:after, .bx-prev:after {
     content: "";
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/previous@2x.png);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     transition: all 0.2s;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s; }
   @media screen and (max-width: 1100px) {
     .prev, .bx-prev {
       width: 45px;
       height: 45px;
       background-size: 15px;
       background-position: 15px center; } }
   @media screen and (max-width: 750px) {
     .prev, .bx-prev {
       left: 15px;
       width: 35px;
       height: 35px;
       margin-top: -17.5px; } }
 
 .next, .bx-next {
   width: 60px;
   height: 60px;
   top: 50%;
   margin-top: -27px;
   right: 20px;
   border-radius: 50%; }
   .next:hover:after, .bx-next:hover:after {
     transform: scale(0.9);
     -moz-transform: scale(0.9);
     -webkit-transform: scale(0.9); }
   .next:after, .bx-next:after {
     content: "";
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/next@2x.png);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: center center;
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     transition: all 0.2s;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s; }
   @media screen and (max-width: 1100px) {
     .next, .bx-next {
       width: 45px;
       height: 45px;
       background-size: 15px;
       background-position: 18px center; } }
   @media screen and (max-width: 750px) {
     .next, .bx-next {
       right: 15px;
       width: 35px;
       height: 35px;
       margin-top: -17.5px; } }
 
 a.slider-link {
   text-transform: uppercase;
   text-decoration: none !important;
   color: white;
   font-size: 18px;
   margin-top: 15px;
   display: inline-block;
   padding-right: 35px;
   position: relative; }
   @media screen and (max-width: 1100px) {
     a.slider-link {
       font-size: 16px;
       margin-top: 10px; } }
   a.slider-link:after {
     content: "";
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center left;
     width: 26px;
     height: 26px;
     display: block;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -13px;
     right: 0;
     transition: right 0.05s;
     -moz-transition: right 0.05s;
     -webkit-transition: right 0.05s;
     background-image: url(../img/icons/white-arrow-trans@2x.png); }
   @media screen and (max-width: 750px) {
     a.slider-link {
       font-size: 14px;
       color: #a5a5a5; }
       a.slider-link:after {
         background-image: url(../img/icons/brown-arrow@2x.png); } }
   a.slider-link:hover:after {
     right: -3px; }
 
 .event-blocks-mobile .bx-wrapper .bx-controls {
   top: 15px;
   bottom: auto;
   left: 0; }
 
 .homepage-main .big-home-bg {
   background-image: url(/media/marketing-files/cwcedu/content-assets/images/homepage-content.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   padding: 80px 0 0 0;
   position: relative; }
   @media screen and (max-width: 750px) {
     .homepage-main .big-home-bg {
       padding: 40px 0 0 0; } }
   .homepage-main .big-home-bg:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+89 */
     background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 89%, white 99%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(89%, white), color-stop(99%, white));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 89%, white 99%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 89%, white 99%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 89%, white 99%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 89%, white 99%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
     /* IE6-9 */ }
     @media screen and (max-width: 750px) {
       .homepage-main .big-home-bg:before {
         height: 100%; } }
     @media screen and (max-width: 700px) {
       .homepage-main .big-home-bg:before {
         height: 65%; } }
     @media screen and (max-width: 700px) {
       .homepage-main .big-home-bg:before {
         background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 22%, white 100%);
         /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(22%, white), color-stop(100%, white));
         /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 22%, white 100%);
         /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 22%, white 100%);
         /* Opera 11.10+ */
         background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 22%, white 100%);
         /* IE10+ */
         background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 22%, white 100%);
         /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
         /* IE6-9 */ } }
 .homepage-main .inner {
   position: relative; }
 .homepage-main h2, .homepage-main h3 {
   text-align: center; }
 @media screen and (max-width: 1100px) {
   .homepage-main h2 {
     font-size: 22px; } }
 .homepage-main h3 {
   font-size: 54px;
   font-weight: 700;
   margin-bottom: 20px; }
   @media screen and (max-width: 1100px) {
     .homepage-main h3 {
       font-size: 40px; } }
   @media screen and (max-width: 750px) {
     .homepage-main h3 {
       font-size: 30px;
       font-weight: 400; } }
 .homepage-main h4 {
   text-transform: uppercase;
   text-align: center;
   font-size: 26px; }
   @media screen and (max-width: 750px) {
     .homepage-main h4 {
       font-size: 18px;
       font-weight: 400;
       margin-bottom: 20px; } }
 .homepage-main .tile-blocks {
   margin-top: 70px; }
   @media screen and (max-width: 1100px) {
     .homepage-main .tile-blocks {
       margin-top: 40px; } }
 .homepage-main .event-blocks {
   margin-top: 40px; }
 
 .tile-blocks {
   overflow: hidden; }
   .tile-blocks .tile-block {
     background-color: black; }
   .tile-blocks .graph-img {
     width: 100%;
     margin-top: -75px; }
     @media screen and (max-width: 1100px) {
       .tile-blocks .graph-img {
         margin-top: -45px; } }
     @media screen and (max-width: 700px) {
       .tile-blocks .graph-img {
         margin-top: -35px; } }
   .tile-blocks .hover-reveal {
     position: absolute;
     opacity: 0;
     padding: 30px;
     height: 100%;
     width: 100%;
     background: rgba(243, 100, 18, 0.8); }
     .tile-blocks .hover-reveal .hover-reveal-inner {
       position: absolute;
       text-align: center;
       top: 0;
       left: 0;
       right: 0;
       bottom: 84px;
       padding: 30px; }
       @media screen and (max-width: 1100px) {
         .tile-blocks .hover-reveal .hover-reveal-inner {
           bottom: 59px;
           padding: 0 10px; } }
     .tile-blocks .hover-reveal .ratio {
       line-height: 1.2;
       font-size: 82px;
       font-size: 5vw;
       font-weight: 600;
       margin-bottom: 0; }
       @media screen and (min-width: 1260px) {
         .tile-blocks .hover-reveal .ratio {
           font-size: 82px; } }
       @media screen and (max-width: 700px) {
         .tile-blocks .hover-reveal .ratio {
           font-size: 82px;
           font-size: 15vw; } }
     .tile-blocks .hover-reveal .alt-percent em {
       display: block;
       font-size: 25px;
       font-weight: 600;
       color: white;
       font-style: normal;
       text-transform: uppercase; }
     .tile-blocks .hover-reveal .alt-percent .percent {
       font-size: 70px;
       line-height: 1;
       font-weight: 600;
       color: white; }
     .tile-blocks .hover-reveal.darkgray .alt-percent .percent {
       color: #F6935A; }
       @media screen and (max-width: 700px) {
         .tile-blocks .hover-reveal .alt-percent .percent {
           font-size: 13vw; } }
     .tile-blocks .hover-reveal .alt-percent span {
       display: block;
       color: white;
       text-transform: uppercase;
       font-weight: 700;
       font-size: 20px; }
     @media screen and (max-width: 1100px) {
       .tile-blocks .hover-reveal {
         background: #f36e21; } }
     .tile-blocks .hover-reveal p {
       color: white;
       font-weight: 400;
       text-align: center;
       text-transform: uppercase;
       font-size: 16px;
       font-size: 1.5vw; }
       @media screen and (min-width: 1100px) {
         .tile-blocks .hover-reveal p {
           font-size: 16px; } }
       @media screen and (max-width: 700px) {
         .tile-blocks .hover-reveal p {
           font-size: 16px; } }
     .tile-blocks .hover-reveal .chart {
       margin: 0 auto; }
       @media screen and (max-width: 1260px) {
         .tile-blocks .hover-reveal .chart canvas {
           width: 80px !important;
           height: 80px !important; } }
       @media screen and (max-width: 700px) {
         .tile-blocks .hover-reveal .chart canvas {
           width: 140px !important;
           height: 140px !important; } }
     .tile-blocks .hover-reveal .chart p {
       font-size: 32px;
       font-weight: 600; }
       @media screen and (max-width: 1260px) {
         .tile-blocks .hover-reveal .chart p {
           font-size: 20px;
           line-height: 1.4; } }
       @media screen and (max-width: 700px) {
         .tile-blocks .hover-reveal .chart p {
           font-size: 28px;
           line-height: 1.2; } }
     .tile-blocks .hover-reveal.darkgray {
       background: rgba(89, 89, 91, 0.95); }
       @media screen and (max-width: 1100px) {
         .tile-blocks .hover-reveal.darkgray {
           background: #2c2c2c; }
           .tile-blocks .hover-reveal.darkgray .hover-reveal-inner {
             padding: 40px 30px; } }
       @media screen and (max-width: 700px) {
         .tile-blocks .hover-reveal.darkgray .hover-reveal-inner {
           padding: 30px; } }
     .tile-blocks .hover-reveal.lightgray {
       background: rgba(117, 117, 117, 0.95); }
       @media screen and (max-width: 1260px) {
         .tile-blocks .hover-reveal.lightgray {
           background: #757575; } }
     .tile-blocks .hover-reveal.teal {
       background: rgba(42, 87, 105, 0.8); }
       @media screen and (max-width: 1260px) {
         .tile-blocks .hover-reveal.teal {
           background: #2a5769; } }
   .tile-blocks .cta-wrapper {
     -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     transition: opacity 0.2s;
     position: absolute;
     bottom: 30px;
     left: 30px; }
     .tile-blocks .cta-wrapper .cta,
     .tile-blocks .cta-wrapper a.cta {
       margin-bottom: 0; }
       .tile-blocks .cta-wrapper .cta span,
       .tile-blocks .cta-wrapper a.cta span {
         font-weight: 300;
         text-transform: none;
         padding-left: 4px; }
     @media screen and (max-width: 1100px) {
       .tile-blocks .cta-wrapper {
         bottom: 10px;
         left: 10px; } }
   @media screen and (max-width: 1100px) {
     .tile-blocks .tile-block:after {
       content: "";
       position: absolute;
       z-index: 10;
       top: 0;
       right: 0;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 30px 0 0 30px;
       border-color: transparent transparent transparent #e9edf1;
       -webkit-transition: opacity 0.2;
       -moz-transition: opacity 0.2;
       transition: opacity 0.2; } }
   @media screen and (max-width: 1100px) and (max-width: 700px) {
     .tile-blocks .tile-block:after {
       border-width: 40px 0 0 40px; } }
   @media screen and (max-width: 1100px) {
     .tile-blocks .tile-block:before {
       content: "";
       position: absolute;
       z-index: 10;
       top: 0;
       right: 0;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 0 30px 30px 0;
       border-color: transparent #8f8f8f transparent transparent;
       -webkit-transition: opacity 0.2;
       -moz-transition: opacity 0.2;
       transition: opacity 0.2; } }
   @media screen and (max-width: 1100px) and (max-width: 700px) {
     .tile-blocks .tile-block:before {
       border-width: 0 40px 40px 0; } }
 
   @media screen and (max-width: 700px) {
     .tile-blocks .tile-block {
       background-position: center; } }
   .tile-blocks .tile-block:hover .cta,
   .tile-blocks .tile-block.focus .cta {
     padding-right: 50px; }
     .tile-blocks .tile-block:hover .cta:after,
     .tile-blocks .tile-block.focus .cta:after {
       opacity: 1; }
     @media screen and (max-width: 700px) {
       .tile-blocks .tile-block:hover .cta,
       .tile-blocks .tile-block.focus .cta {
         padding-right: 25px; } }
   .tile-blocks .tile-block:hover .hover-reveal,
   .tile-blocks .tile-block.focus .hover-reveal {
     -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     transition: opacity 0.2s;
     opacity: 1; }
   .tile-blocks .tile-block:hover:after, .tile-blocks .tile-block:hover:before {
     opacity: 0; }
   .tile-blocks .tile-group-1 {
     float: left;
     width: 50%; }
     @media screen and (max-width: 700px) {
       .tile-blocks .tile-group-1 {
         float: none;
         width: 100%; } }
     .tile-blocks .tile-group-1 .tile-block-1 {
       position: relative;
       padding-bottom: 100%;
       background-repeat: no-repeat;
       background-size: cover; }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-1 .tile-block-1 .cta-wrapper {
           bottom: 10px;
           left: 10px; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-1 .tile-block-1 .cta {
           font-size: 19px; } }
       .tile-blocks .tile-group-1 .tile-block-1:before {
         border-color: transparent rgba(89, 89, 91, 0.8) transparent transparent; }
   .tile-blocks .tile-group-2 {
     float: right;
     width: 50%; }
     @media screen and (max-width: 700px) {
       .tile-blocks .tile-group-2 {
         float: none;
         width: 100%; } }
     .tile-blocks .tile-group-2 .tile-block-2 {
       position: relative;
       padding-bottom: 50%;
       background-repeat: no-repeat;
       background-size: cover;
       width: 100%; }
       @media screen and (max-width: 700px) {
         .tile-blocks .tile-group-2 .tile-block-2 {
           padding-bottom: 100%; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-2 .tile-block-2 .cta-wrapper {
           bottom: 10px;
           left: 10px; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-2 .tile-block-2 .cta {
           font-size: 19px; } }
       .tile-blocks .tile-group-2 .tile-block-2:before {
         border-color: transparent rgba(179, 179, 179, 0.8) transparent transparent; }
     .tile-blocks .tile-group-2 .tile-block-3 {
       position: relative;
       padding-bottom: 50%;
       width: 50%;
       float: left;
       background-repeat: no-repeat;
       background-size: cover; }
       @media screen and (max-width: 700px) {
         .tile-blocks .tile-group-2 .tile-block-3 {
           float: none;
           width: 100%;
           padding-bottom: 100%; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-2 .tile-block-3 .cta-wrapper {
           bottom: 10px;
           left: 10px; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-2 .tile-block-3 .cta {
           font-size: 19px; } }
       .tile-blocks .tile-group-2 .tile-block-3:before {
         border-color: transparent rgba(243, 110, 33, 0.8) transparent transparent; }
     .tile-blocks .tile-group-2 .tile-block-4 {
       position: relative;
       padding-bottom: 50%;
       width: 50%;
       float: left;
       background-repeat: no-repeat;
       background-size: cover; }
       @media screen and (max-width: 700px) {
         .tile-blocks .tile-group-2 .tile-block-4 {
           padding-bottom: 100%;
           width: 100%;
           float: none; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-2 .tile-block-4 .cta-wrapper {
           bottom: 10px;
           left: 10px; } }
       @media screen and (max-width: 1100px) {
         .tile-blocks .tile-group-2 .tile-block-4 .cta {
           font-size: 19px; } }
       .tile-blocks .tile-group-2 .tile-block-4:before {
         border-color: transparent rgba(42, 87, 105, 0.6) transparent transparent; }
 
 @media screen and (max-width: 750px) {
   .homepage-main .mobile-hide {
     display: none; } }
 .homepage-main .event-blocks-mobile {
   overflow: hidden;
   margin: 0 -15px 30px -15px; }
   .homepage-main .event-blocks-mobile .bx-wrapper {
     max-width: none !important;
     margin: 5px -15px 15px -15px;
     padding: 0 40px; }
   .homepage-main .event-blocks-mobile .bx-viewport {
     margin: 0;
     padding-top: 1px;
     overflow: visible !important; }
   @media screen and (min-width: 750px) {
     .homepage-main .event-blocks-mobile {
       display: none; } }
 
 .event-blocks {
   overflow: hidden;
   margin: 0px -15px 0 -15px; }
   @media screen and (max-width: 1100px) {
     .event-blocks {
       margin: 0 -10px; } }
   @media screen and (max-width: 750px) {
     .event-blocks {
       margin: 0; } }
   .event-blocks img {
     width: 100%; }
     @media screen and (max-width: 750px) {
       .event-blocks img {
         margin-top: -100px; } }
     @media screen and (max-width: 700px) {
       .event-blocks img {
         margin-top: -90px; } }
     @media screen and (max-width: 500px) {
       .event-blocks img {
         margin-top: -50px; } }
   .event-blocks .arrow {
     width: 30px;
     height: 15px;
     display: block;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-white-thin-down@2x.png);
     background-repeat: no-repeat;
     background-size: 100%; }
     @media screen and (max-width: 1100px) {
       .event-blocks .arrow {
         display: none; } }
   .event-blocks .event-block {
     padding-bottom: 33.333%;
     background-size: cover;
     border: 15px solid white;
     width: 33.333%;
     float: left;
     position: relative; }
     @media screen and (max-width: 1100px) {
       .event-blocks .event-block {
         border: 10px solid white; } }
     @media screen and (max-width: 900px) {
       .event-blocks .event-block {
         width: 50%;
         min-height: 500px; } }
     @media screen and (max-width: 750px) {
       .event-blocks .event-block {
         width: 100%;
         padding-bottom: 0;
         border: 0; } }
     @media screen and (max-width: 700px) {
       .event-blocks .event-block {
         width: 100%;
         padding-bottom: 0;
         border: 0;
         min-height: 400px; } }
     .event-blocks .event-block:hover .arrow,
     .event-blocks .event-block.focus .arrow {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-white-thin@2x.png); }
     .event-blocks .event-block .link-overlay {
       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       bottom: 0;
       z-index: 10;
       outline-offset: -2px; }
     .event-blocks .event-block .event-inner {
       position: absolute;
       height: 0;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       width: 100%;
       height: 100%;
       overflow: hidden; }
       .event-blocks .event-block .event-inner .event-content {
         position: absolute;
         bottom: 0;
         width: 100%;
         padding: 15px 30px;
         color: white;
         font-weight: 600;
         min-height: 140px; }
         @media screen and (max-width: 1100px) {
           .event-blocks .event-block .event-inner .event-content {
             padding: 10px 15px; } }
         @media screen and (max-width: 750px) {
           .event-blocks .event-block .event-inner .event-content {
             min-height: 30%;
             padding: 20px 15px 0 15px; } }
         @media screen and (max-width: 700px) {
           .event-blocks .event-block .event-inner .event-content {
             min-height: 45%; } }
         .event-blocks .event-block .event-inner .event-content h5 {
           color: white; }
           @media screen and (max-width: 1100px) {
             .event-blocks .event-block .event-inner .event-content h5 {
               font-size: 19px; } }
           @media screen and (max-width: 750px) {
             .event-blocks .event-block .event-inner .event-content h5 {
               font-size: 19px; } }
         .event-blocks .event-block .event-inner .event-content .detail-text {
           text-transform: uppercase;
           font-size: 19px;
           font-weight: 700;
           margin-top: -5px; }
           @media screen and (max-width: 1100px) {
             .event-blocks .event-block .event-inner .event-content .detail-text {
               font-size: 19px; } }
           @media screen and (max-width: 750px) {
             .event-blocks .event-block .event-inner .event-content .detail-text {
               font-size: 19px; } }
         .event-blocks .event-block .event-inner .event-content .hover-reveal {
           display: none;
           padding-bottom: 20px; }
           @media screen and (max-width: 1100px) {
             .event-blocks .event-block .event-inner .event-content .hover-reveal {
               display: block !important;
               height: 100% !important;
               padding-bottom: 0 !important; } }
           .event-blocks .event-block .event-inner .event-content .hover-reveal p {
             font-weight: 300;
             margin-bottom: 0; }
             @media screen and (max-width: 1100px) {
               .event-blocks .event-block .event-inner .event-content .hover-reveal p {
                 font-size: 19px;
                 font-weight: 700; } }
     .event-blocks .event-block.orange .event-inner {
       border-top: 15px solid #F36412; }
     .event-blocks .event-block.orange .event-content {
       background: #F36412; }
     .event-blocks .event-block.teal .event-inner {
       border-top: 15px solid #2a5769; }
     .event-blocks .event-block.teal .event-content {
       background: #2a5769; }
     .event-blocks .event-block.lightgray .event-inner {
       border-top: 15px solid #b3b3b3; }
     .event-blocks .event-block.lightgray .event-content {
       background: #b3b3b3; }
     .event-blocks .event-block.darkgray .event-inner {
       border-top: 15px solid #59595b; }
     .event-blocks .event-block.darkgray .event-content {
       background: #59595b; }
 
 .view-calendar {
   text-align: center;
   font-size: 20px;
   color: #f36e21;
   font-weight: 600;
   display: inline-block;
   margin-top: 20px;
   margin-bottom: -25px;
   padding: 5px 15px;
   line-height: 2;
   -moz-transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s; }
   .view-calendar:hover {
     text-decoration: none;
     background-color: #e5e5e5; }
   .view-calendar:before {
     content: "";
     display: inline-block;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/cal.png);
     background-repeat: no-repeat;
     background-size: 38px;
     width: 38px;
     height: 34px;
     margin-right: 12px;
     position: relative;
     top: 10px; }
   @media screen and (max-width: 1100px) {
     .view-calendar {
       margin-top: 20px; } }
 
 .program-features {
   overflow: hidden;
   margin-left: -15px;
   margin-right: -15px; }
   .program-features .program-feature {
     width: 50%;
     float: left;
     background: #f8f8f8;
     border: 15px solid white; }
     @media screen and (max-width: 750px) {
       .program-features .program-feature {
         width: 100%;
         float: none;
         border: 15px solid #f8f8f8;
         margin-top: 15px;
         margin-bottom: 10px; } }
     .program-features .program-feature .program-banner {
       width: 100%;
       vertical-align: top; }
     @media screen and (max-width: 1100px) {
       .program-features .program-feature .cta {
         padding: 8px 22px; } }
     .program-features .program-feature .program-feature-inner {
       padding: 10px 20px 25px 20px; }
       .program-features .program-feature .program-feature-inner .table-style {
         margin-bottom: 1em; }
         .program-features .program-feature .program-feature-inner .table-style h5 {
           margin-bottom: 0; }
       @media screen and (max-width: 1100px) {
         .program-features .program-feature .program-feature-inner {
           padding: 10px 10px 20px 10px; } }
       @media screen and (max-width: 750px) {
         .program-features .program-feature .program-feature-inner {
           padding: 15px 0 0 0; } }
     .program-features .program-feature .program-link {
       color: white;
       background: #2a5769;
       display: block;
       margin-bottom: 4px;
       font-size: 18px;
       padding: 15px 20px;
       -moz-transition: background 0.2s;
       -webkit-transition: background 0.2s;
       transition: background 0.2s; }
       .program-features .program-feature .program-link:hover {
         background: #113E50;
         text-decoration: none; }
       @media screen and (max-width: 1100px) {
         .program-features .program-feature .program-link {
           font-size: 16px; } }
       @media screen and (max-width: 750px) {
         .program-features .program-feature .program-link:last-child {
           display: none; } }
     .program-features .program-feature .cta {
       float: right;
       color: #2a5769;
       padding-right: 25px;
       margin-bottom: 0px; }
       @media screen and (max-width: 750px) {
         .program-features .program-feature .cta {
           font-size: 16px; } }
       .program-features .program-feature .cta:after {
         right: 0;
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-blue@2x.png); }
         @media screen and (max-width: 750px) {
           .program-features .program-feature .cta:after {
             right: -20px; } }
       .program-features .program-feature .cta:hover:after {
         right: -20px; }
         @media screen and (max-width: 750px) {
           .program-features .program-feature .cta:hover:after {
             right: -20px; } }
 
 .content-banner-wrapper {
   margin-bottom: 60px;
   position: relative;
   background-color: #f2f2f2; }
   @media screen and (max-width: 1100px) {
     .content-banner-wrapper {
       margin-bottom: 40px; } }
   @media screen and (max-width: 750px) {
     .content-banner-wrapper {
       margin-bottom: 30px; } }
   .content-banner-wrapper .section-nav {
     position: absolute;
     top: 0;
     left: 0;
     width: 300px;
     z-index: 10; }
     @media screen and (max-width: 750px) {
       .content-banner-wrapper .section-nav {
         position: relative;
         width: 100%; }
         .content-banner-wrapper .section-nav .in-this-section {
           width: 100%;
           margin-bottom: 0; } }
 
 .content-banner {
   padding-top: 125px;
   margin-left: auto;
   margin-right: auto;
   max-width: 1600px;
   background-color: black;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   color: #fff;
   overflow: hidden; }
   @media screen and (max-width: 1100px) {
     .content-banner {
       background-size: 100%;
       background-position: top left; } }
   @media screen and (max-width: 750px) {
     .content-banner {
       background-size: cover;
       padding: 90px 0;
       display: block;
       width: 100%;
       vertical-align: middle;
       margin-bottom: 0; }
       .content-banner .content-banner-inner {
         display: table-cell;
         display: block; } }
   @media screen and (max-width: 750px) {
     .content-banner {
       padding: 50px 0; } }
   .content-banner.academics-banner {
     background-image: url(/media/marketing-files/cwcedu/content-assets/images/academics-banner.jpg); }
   .content-banner h1,
   .content-banner h2,
   .content-banner .h2 {
     color: white;
     margin-bottom: 15px;
     text-shadow: 1px 1px 8px #333;
     font-weight: 400; }
   .content-banner h1 {
     font-weight: 900; }
   .content-banner .h2,
   .content-banner h2 {
     margin-bottom: 125px; }
     @media screen and (max-width: 750px) {
       .content-banner .h2,
       .content-banner h2 {
         margin-bottom: 0; } }
 
 .cta-blocks {
   margin-left: -10px;
   margin-right: -10px;
   overflow: hidden;
   max-width: 1260px;
   margin: 0 auto;
   padding: 0 15px; }
   @media screen and (max-width: 750px) {
     .cta-blocks {
       display: none; } }
   .cta-blocks .cta-block {
     position: relative;
     width: 33.333%;
     float: left;
     margin-bottom: 10px;
     text-align: center; }
     @media screen and (max-width: 1100px) {
       .cta-blocks .cta-block {
         margin-bottom: 0; }
         .cta-blocks .cta-block:after {
           content: "";
           width: 1px;
           background: #b3b3b3;
           height: 180px;
           position: absolute;
           right: 0;
           top: 50%;
           margin-top: -90px; }
         .cta-blocks .cta-block:last-child:after {
           content: none; } }
     .cta-blocks .cta-block .cta-block-inner {
       margin: 10px;
       background-color: #f2f2f2;
       padding: 0px 40px 30px 40px;
       -moz-transition: background-color 0.2s;
       -webkit-transition: background-color 0.2s;
       transition: background-color 0.2s; }
       @media screen and (max-width: 1100px) {
         .cta-blocks .cta-block .cta-block-inner {
           padding: 0px 0px 10px 0px;
           background-color: transparent;
           margin: 0 10px; } }
       @media screen and (max-width: 750px) {
         .cta-blocks .cta-block .cta-block-inner {
           height: auto !important;
           margin-bottom: 20px !important; } }
       @media screen and (max-width: 700px) {
         .cta-blocks .cta-block .cta-block-inner {
           margin-bottom: 0px !important; } }
       .cta-blocks .cta-block .cta-block-inner:hover {
         background-color: #e5e5e5; }
     .cta-blocks .cta-block .link-overlay {
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       display: block;
       color: transparent;
       outline-offset: -2px; }
     .cta-blocks .cta-block .cta-title {
       color: #DA570B;
       display: block;
       font-size: 26px;
       font-weight: 700;
       text-transform: none;
       text-shadow: none;
       margin-bottom: 20px; }
       @media screen and (max-width: 1100px) {
         .cta-blocks .cta-block .cta-title {
           font-size: 20px;
           margin-bottom: 10px; } }
     .cta-blocks .cta-block .cta-desc {
       color: #3c3c3b;
       display: block;
       font-size: 20px;
       line-height: 1.5; }
       @media screen and (max-width: 1100px) {
         .cta-blocks .cta-block .cta-desc {
           font-size: 15px; } }
       @media screen and (max-width: 1100px) {
         .cta-blocks .cta-block .cta-desc {
           line-height: 1.8;
           width: 90%;
           margin: 0 auto 15px auto; } }
     .cta-blocks .cta-block .cta-icon {
       max-width: 135px;
       margin: -4px 0 -12px 0; }
       @media screen and (max-width: 1100px) {
         .cta-blocks .cta-block .cta-icon {
           max-width: 100px;
           margin: 0; } }
 
 @media screen and (min-width: 750px) {
   .cta-blocks-mobile {
     display: none; } }
 @media screen and (min-width: 750px) {
   .cta-blocks-mobile .cta-blocks {
     display: none; } }
 @media screen and (max-width: 750px) {
   .cta-blocks-mobile .cta-blocks {
     display: block;
     max-width: none;
     overflow: auto; }
     .cta-blocks-mobile .cta-blocks .cta-block-inner {
       margin: 0;
       padding-bottom: 0; }
     .cta-blocks-mobile .cta-blocks .cta-block:after {
       content: none; }
     .cta-blocks-mobile .cta-blocks .cta-icon {
       margin: -10px auto;
       max-width: 100px; }
     .cta-blocks-mobile .cta-blocks .cta-title {
       margin-top: -10px;
       margin-bottom: 5px; }
     .cta-blocks-mobile .cta-blocks .cta-desc {
       font-size: 14px; } }
 @media screen and (max-width: 750px) {
   .cta-blocks-mobile .bx-wrapper .bx-controls {
     position: relative;
     margin: 5px 0;
     z-index: 10; } }
 
 @media screen and (max-width: 1100px) {
   .cta-block-wrapper {
     background-color: #f2f2f2; } }
 
 .button-wrapper {
   text-align: center; }
 
 .show-more {
   text-align: center;
   font-size: 20px;
   color: #f36e21;
   font-weight: 600;
   display: inline-block;
   margin-top: 40px;
   padding: 5px 15px;
   line-height: 2;
   -moz-transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s; }
   .show-more:before {
     content: "";
     display: inline-block;
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/show-more.png);
     background-repeat: no-repeat;
     background-size: 30px;
     width: 30px;
     height: 24px;
     margin-right: 14px;
     position: relative;
     top: 7px; }
   .show-more:hover {
     text-decoration: none;
     background-color: #e5e5e5; }
   @media screen and (max-width: 1100px) {
     .show-more {
       margin-top: 30px; } }
   @media screen and (max-width: 750px) {
     .show-more {
       margin-top: 20px;
       display: none; } }
 
 @media screen and (max-width: 1100px) {
   .module-header-with-button .cta {
     font-size: 16px; } }
   @media screen and (max-width: 1100px) and (max-width: 750px) {
     .module-header-with-button .cta {
       display: none; } }
 
 @media screen and (min-width: 750px) {
   .cta-wrapper.mobile-only {
     display: none; } }
 
 @media screen and (max-width: 750px) {
   .three-items-mobile {
     margin-bottom: 20px; } }
 
 .content-banner {
   position: relative; }
   .content-banner.admissions-banner {
     background-image: url(/media/marketing-files/cwcedu/content-assets/images/admissions-banner.jpg); }
 
 .contact address {
   font-size: 20px;
   font-style: normal;
   line-height: 1.7;
   margin-bottom: 30px; }
   @media screen and (max-width: 1100px) {
     .contact address {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     .contact address {
       font-size: 16px; } }
 @media screen and (max-width: 750px) {
   .contact .col-inner {
     margin-top: 30px; } }
 .contact a {
   display: block;
   padding: 3px 0;
   font-size: 20px; }
   @media screen and (max-width: 1100px) {
     .contact a {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     .contact a {
       font-size: 16px; } }
 .contact table {
   min-width: 0; }
 .contact table td {
   padding: 4px 0;
   border: 0;
   font-size: 20px; }
   @media screen and (max-width: 1100px) {
     .contact table td {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     .contact table td {
       font-size: 16px; } }
 @media screen and (max-width: 1100px) {
   .contact h5 {
     font-size: 18px; } }
 @media screen and (max-width: 750px) {
   .contact h5 {
     font-size: 16px;
     margin-bottom: 5px; } }
 
 .content-infographic {
   overflow: hidden;
   position: relative; }
   .content-infographic h6, .content-infographic a {
     color: white;
     text-align: center; }
   .content-infographic a {
     display: block; }
   .content-infographic h6 {
     font-size: 26px; }
   .content-infographic .section-1 {
     padding: 28px 90px 50px 90px;
     background-color: #f36e21;
     color: white;
     width: 50%;
     float: left; }
     .content-infographic .section-1 a {
       font-size: 24px;
       padding: 30px 20px; }
   .content-infographic .section-2 {
     position: absolute;
     padding: 28px 90px;
     top: 0;
     right: 0;
     background: #2a5769;
     width: 50%;
     height: 62.666%; }
     .content-infographic .section-2 a {
       font-size: 18px;
       padding: 12px 20px; }
       .content-infographic .section-2 a span {
         display: block;
         font-size: 24px; }
     .content-infographic .section-2 h2 {
       margin-bottom: 5px; }
     .content-infographic .section-2:after {
       content: "";
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 15px 0 15px 15px;
       border-color: transparent transparent transparent #f36e21;
       position: absolute;
       top: 50%;
       margin-top: -7px;
       left: 0; }
     .content-infographic .section-2:before {
       content: "";
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 15px 15px 0 15px;
       border-color: #2c586a transparent transparent transparent;
       position: absolute;
       bottom: -15px;
       left: 50%;
       margin-left: -7px;
       z-index: 10; }
   .content-infographic .section-3 {
     position: absolute;
     padding: 28px 50px;
     bottom: 0;
     right: 0;
     background: #3c3c3b;
     width: 50%;
     height: 37.333%; }
     .content-infographic .section-3 a {
       font-size: 24px;
       padding: 8px 10px; }
     .content-infographic .section-3:after {
       content: "";
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 15px 15px 15px 0;
       border-color: transparent #3c3c3b transparent transparent;
       position: absolute;
       top: 50%;
       margin-top: -7px;
       left: -15px;
       z-index: 10; }
 
 .admissions-infographic {
   margin: 0 -6px;
   overflow: hidden;
   background-color: black;
   background-image: url(/media/marketing-files/cwcedu/content-assets/images/infographic.jpg);
   background-size: cover; }
   @media screen and (max-width: 750px) {
     .admissions-infographic {
       background: none;
       margin: -2px; } }
   .admissions-infographic ul {
     padding-left: 0;
     overflow: hidden;
     margin: 0 -1px; }
     @media screen and (max-width: 750px) {
       .admissions-infographic ul {
         margin: -3px; } }
   .admissions-infographic li {
     list-style: none;
     width: 50%;
     float: left;
     border: 3px solid white;
     margin: 0;
     position: relative;
     display: table; }
     @media screen and (max-width: 750px) {
       .admissions-infographic li {
         width: 100%;
         float: none;
         border: 2px solid white; } }
     .admissions-infographic li:before {
       content: "";
       position: absolute;
       top: 0px;
       right: 0px;
       left: 0px;
       bottom: 0px;
       background: rgba(60, 60, 60, 0.6);
       transition: background 0.2s;
       -moz-transition: background 0.2s;
       -webkit-transition: background 0.2s; }
     .admissions-infographic li:hover:before {
       background: rgba(60, 60, 60, 0.8); }
     .admissions-infographic li.feature {
       background-color: #f36412; }
       .admissions-infographic li.feature:before {
         content: none; }
       .admissions-infographic li.feature a {
         font-size: 26px;
         font-weight: 700;
         text-transform: uppercase; }
         @media screen and (max-width: 1100px) {
           .admissions-infographic li.feature a {
             font-size: 22px; } }
         @media screen and (max-width: 750px) {
           .admissions-infographic li.feature a {
             background-color: #f36e21; } }
         .admissions-infographic li.feature a .last-word:after {
           top: 1px; }
       .admissions-infographic li.feature:hover {
         background-color: #DA5508; }
     .admissions-infographic li.item-1 a:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/cwc-apply-logo@2x.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
    .admissions-infographic li.item-2 a:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/talk@2x.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
    .admissions-infographic li.item-3 a:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/scholarships-icon@2x.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
    .admissions-infographic li.item-4 a:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/requirements-icon@2x.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
    .admissions-infographic li.item-5 a:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/financial-aid-icon@2x.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
    .admissions-infographic li.item-6 a:before {
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/housing-application-icon@2x.png);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }     
   .admissions-infographic a {
     font-size: 24px;
     font-size: 1.5vw;
     display: block;
     color: white;
     padding: 25px 30px 25px 100px;
     position: relative;
     display: table-cell;
     min-height: 98px;
     vertical-align: middle; }
     .admissions-infographic a:before {
       content: "";
       width: 45px;
       height: 45px;
       display: block;
       position: absolute;
       left: 25px;
       top: 50%;
       margin-top: -20px;
       -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
       transition: all 0.2s; }
       @media screen and (max-width: 750px) {
         .admissions-infographic a:before {
           width: 35px;
           height: 35px;
           margin-top: -17.5px;
           left: 18px;
           background-size: 100%; } }
     @media screen and (min-width: 1100px) {
       .admissions-infographic a {
         font-size: 18px; } }
     @media screen and (max-width: 1100px) {
       .admissions-infographic a {
         font-size: 18px;
         font-size: 1.8vw; } }
     @media screen and (max-width: 750px) {
       .admissions-infographic a {
         font-size: 16px;
         min-height: 100px;
         padding: 23px 23px 23px 70px;
         background-color: #b3b3b3; } }
     .admissions-infographic a .last-word {
       position: relative;
       display: inline-block; }
       .admissions-infographic a .last-word:after {
         width: 12px;
         height: 22px;
         display: inline-block;
         content: "";
         margin-left: 10px;
         position: relative;
         top: 5px;
         background-image: url(/media/marketing-files/cwcedu/style-assets/icons/arrow-white@2x.png);
         background-repeat: no-repeat;
         background-size: 12px;
         background-position: top left; }
     .admissions-infographic a:hover {
       text-decoration: none; }
       .admissions-infographic a:hover:before {
         transform: scale(0.95);
         -moz-transform: scale(0.95);
         -webkit-transform: scale(0.95); }
 
 .content-banner iframe {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   display: none;
   border: 0; }

 .content-banner-wrapper .video-footer .inactive {
   visibility: hidden; }
 .video-stripe,
 .video-close {
   background-color: #3c3c3b;
   transition: all 0.2s;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   width: 100%;
   border: none;
   text-align: left;
   color: white;
   cursor: pointer; }
   .video-stripe.fadeout,
   .video-close.fadeout {
     opacity: 0; }
   .video-stripe:hover,
   .video-close:hover {
     background-color: #58585b; }
   .video-stripe p,
   .video-close p {
     text-transform: uppercase;
     font-size: 24px;
     margin: 0;
     padding: 30px 0 30px 80px;
     position: relative; }
     @media screen and (max-width: 1100px) {
       .video-stripe p,
       .video-close p {
         font-size: 16px;
         padding-left: 60px; } }
     @media screen and (max-width: 750px) {
       .video-stripe p,
       .video-close p {
         padding-top: 15px;
         padding-bottom: 15px; } }
     .video-stripe p:before,
     .video-close p:before {
       content: "";
       position: absolute;
       top: 50%;
       left: 0;
       margin-top: -25px;
       width: 50px;
       height: 50px;
       background-image: url(/media/marketing-files/cwcedu/style-assets/icons/play-orange@2x.png);
       background-size: 16px;
       background-position: 18px 16px;
       background-repeat: no-repeat;
       background-color: white;
       border-radius: 50%; }
       @media screen and (max-width: 1100px) {
         .video-stripe p:before,
         .video-close p:before {
           width: 35px;
           height: 35px;
           margin-top: -17.5px;
           background-size: 12px;
           background-position: 13px 11px; } }
 
 .video-footer {
   background: #3c3c3b;
   position: relative; }
 
 .video-close {
   position: absolute;
   bottom: 0;
   top: 0;
   width: 100%;
   z-index: -1; }
   .video-close > .inner {
     display: table;
     width: 100%;
     height: 100%; }
     .video-close > .inner p {
       display: table-cell;
       vertical-align: middle; }
   .video-close p:before {
     background-image: url(/media/marketing-files/cwcedu/style-assets/icons/play-close-alt@2x.png);
     background-size: 60px;
     background-color: transparent;
     background-position: center center;
     margin-top: -22px; }
     @media screen and (max-width: 1100px) {
       .video-close p:before {
         width: 40px;
         height: 40px;
         margin-top: -17.5px;
         background-size: 40px;
         background-position: 0px 2px;
         margin-top: -20px; } }
 
 .content-banner.community-banner {
   background-image: url(/media/marketing-files/cwcedu/content-assets/images/community-banner.jpg); }
 
 .section.feature-news-items .image-with-heading a {
   border-top: 10px solid #f36e21; }
 .section.feature-news-items .col .col-inner {
   padding-right: 0; }
 
 .section.memories .image-with-heading {
   position: relative;
   /*
   &:after{
   	content: "";
   	position: absolute;
   	bottom: 0px;
   	right: 0px;
   	width: 40px;
   	height: 40px;
   	display: block;
   	background-image: url(/media/marketing-files/cwcedu/style-assets/icons/memory-icon.png);
   	background-size: 100%;
   	background-repeat: no-repeat;
   	z-index: 10;
   }*/ }
   .section.memories .image-with-heading a {
     border-top: 10px solid #f36e21; }
 .section.memories .col .col-inner {
   padding-right: 0; }
 
 .content-banner.cwc-life-banner {
   background-image: url(/media/marketing-files/cwcedu/content-assets/images/cwc-life-banner.jpg); }
 
 .content-figures {
   overflow: hidden; }
   @media screen and (max-width: 750px) {
     .content-figures {
       overflow: visible; } }
   .content-figures .module-inner {
     margin: 0 -15px; }
     @media screen and (max-width: 1100px) {
       .content-figures .module-inner {
         margin: 0 -10px; } }
     @media screen and (max-width: 750px) {
       .content-figures .module-inner {
         margin: 0 -15px; } }
   .content-figures h3 {
     color: #2a5769;
     font-weight: 400; }
     @media screen and (max-width: 1100px) {
       .content-figures h3 {
         font-size: 22px; } }
     @media screen and (max-width: 750px) {
       .content-figures h3 {
         margin-bottom: 15px; } }
   .content-figures figure {
     width: 50%;
     float: left;
     background: #e5e5e5;
     border: 15px solid white; }
     @media screen and (max-width: 1100px) {
       .content-figures figure {
         border: 10px solid white; } }
     @media screen and (max-width: 750px) {
       .content-figures figure {
         border: 0;
         width: 100%;
         float: none;
         margin-bottom: 10px; } }
     .content-figures figure img {
       width: 100%;
       vertical-align: top; }
     .content-figures figure p {
       font-size: 16px; }
       @media screen and (max-width: 750px) {
         .content-figures figure p {
           display: none; } }
     .content-figures figure .detail-text {
       font-size: 18px;
       font-weight: 600; }
       @media screen and (max-width: 1100px) {
         .content-figures figure .detail-text {
           font-size: 16px; } }
       @media screen and (max-width: 750px) {
         .content-figures figure .detail-text {
           display: block;
           margin-bottom: 5px; } }
     .content-figures figure figcaption {
       padding: 20px 30px; }
       @media screen and (max-width: 1100px) {
         .content-figures figure figcaption {
           padding: 15px 20px; } }
     .content-figures figure h4 {
       color: #f36e21;
       font-size: 24px;
       margin-bottom: 5px; }
     @media screen and (max-width: 1100px) {
       .content-figures figure h4 {
         font-size: 20px; } }
     @media screen and (max-width: 750px) {
       .content-figures figure h4 {
          font-size: 18px; } }
       .content-figures figure h4 a {
         color: #DA570B; }
 
 /*animations*/
 /******************
 * Bounce in right *
 *******************/
 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both; }
 
 .slow {
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both; }
 
 .slower {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both; }
 
 .slowest {
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both; }
 
 /* Added by Andy Meetan */
 .delay-250 {
   -webkit-animation-delay: 0.25s;
   -moz-animation-delay: 0.25s;
   -o-animation-delay: 0.25s;
   animation-delay: 0.25s; }
 
 .delay-500 {
   -webkit-animation-delay: 0.5s;
   -moz-animation-delay: 0.5s;
   -o-animation-delay: 0.5s;
   animation-delay: 0.5s; }
 
 .delay-750 {
   -webkit-animation-delay: 0.75s;
   -moz-animation-delay: 0.75s;
   -o-animation-delay: 0.75s;
   animation-delay: 0.75s; }
 
 .delay-1000 {
   -webkit-animation-delay: 1.0s;
   -moz-animation-delay: 1.0s;
   -o-animation-delay: 1.0s;
   animation-delay: 1.0s; }
 
 .delay-1250 {
   -webkit-animation-delay: 1.25s;
   -moz-animation-delay: 1.25s;
   -o-animation-delay: 1.25s;
   animation-delay: 1.25s; }
 
 .delay-1500 {
   -webkit-animation-delay: 1.5s;
   -moz-animation-delay: 1.5s;
   -o-animation-delay: 1.5s;
   animation-delay: 1.5s; }
 
 .delay-1750 {
   -webkit-animation-delay: 1.75s;
   -moz-animation-delay: 1.75s;
   -o-animation-delay: 1.75s;
   animation-delay: 1.75s; }
 
 .delay-2000 {
   -webkit-animation-delay: 2.0s;
   -moz-animation-delay: 2.0s;
   -o-animation-delay: 2.0s;
   animation-delay: 2.0s; }
 
 .delay-2500 {
   -webkit-animation-delay: 2.5s;
   -moz-animation-delay: 2.5s;
   -o-animation-delay: 2.5s;
   animation-delay: 2.5s; }
 
 .delay-2000 {
   -webkit-animation-delay: 2.0s;
   -moz-animation-delay: 2.0s;
   -o-animation-delay: 2.0s;
   animation-delay: 2.0s; }
 
 .delay-2500 {
   -webkit-animation-delay: 2.5s;
   -moz-animation-delay: 2.5s;
   -o-animation-delay: 2.5s;
   animation-delay: 2.5s; }
 
 .delay-3000 {
   -webkit-animation-delay: 3.0s;
   -moz-animation-delay: 3.0s;
   -o-animation-delay: 3.0s;
   animation-delay: 3.0s; }
 
 .delay-3500 {
   -webkit-animation-delay: 3.5s;
   -moz-animation-delay: 3.5s;
   -o-animation-delay: 3.5s;
   animation-delay: 3.5s; }
 
 .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
   opacity: 0;
   -webkit-transform: translateX(400px);
   transform: translateX(400px); }
 
 /**********
 * Fade In *
 **********/
 @-webkit-keyframes fadeIn {
   0% {
     opacity: 0; }
   100% {
     opacity: 1;
     display: block; } }
 @keyframes fadeIn {
   0% {
     opacity: 0; }
   100% {
     opacity: 1;
     display: block; } }
 .fadeIn {
   opacity: 0; }
 
 .fadeIn.go {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn; }
 
 /*************
 * FadeInLeft *
 *************/
 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0); } }
 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     transform: translateX(-400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     transform: translateX(0); } }
 .fadeInLeft {
   opacity: 0;
   -webkit-transform: translateX(-400px);
   transform: translateX(-400px); }
 
 .fadeInLeft.go {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft; }
 
 /*************
 * FadeInRight *
 *************/
 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0); } }
 @keyframes fadeInRight {
   0% {
     opacity: 0;
     transform: translateX(400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     transform: translateX(0); } }
 .fadeInRight {
   opacity: 0;
   -webkit-transform: translateX(400px);
   transform: translateX(400px); }
 
 .fadeInRight.go {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight; }
 
 /*************
 * FadeInUp *
 *************/
 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0); } }
 @keyframes fadeInUp {
   0% {
     opacity: 0;
     transform: translateY(400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     transform: translateY(0); } }
 .fadeInUp {
   opacity: 0;
   -webkit-transform: translateY(400px);
   transform: translateY(400px); }
 
 .fadeInUp.go {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp; }
 
 /*************
 * FadeInDown *
 *************/
 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0); } }
 @keyframes fadeInDown {
   0% {
     opacity: 0;
     transform: translateY(-400px); }
   50% {
     opacity: 0.3; }
   100% {
     opacity: 1;
     transform: translateY(0); } }
 .fadeInDown {
   opacity: 0;
   -webkit-transform: translateY(-400px);
   transform: translateY(-400px); }
 
 .fadeInDown.go {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown; }
 
 /*******
 * Flip *
 *******/
 @-webkit-keyframes flip {
   0% {
     -webkit-transform: perspective(400px) rotateY(0);
     -webkit-animation-timing-function: ease-out; }
   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
     -webkit-animation-timing-function: ease-out; }
   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in; }
   80% {
     -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
     -webkit-animation-timing-function: ease-in; }
   100% {
     -webkit-transform: perspective(400px) scale(1);
     -webkit-animation-timing-function: ease-in; } }
 @keyframes flip {
   0% {
     transform: perspective(400px) rotateY(0);
     animation-timing-function: ease-out; }
   40% {
     transform: perspective(400px) translateZ(150px) rotateY(170deg);
     animation-timing-function: ease-out; }
   50% {
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     animation-timing-function: ease-in; }
   80% {
     transform: perspective(400px) rotateY(360deg) scale(0.95);
     animation-timing-function: ease-in; }
   100% {
     transform: perspective(400px) scale(1);
     animation-timing-function: ease-in; } }
 .flip.go {
   -webkit-backface-visibility: visible !important;
   -webkit-animation-name: flip;
   backface-visibility: visible !important;
   animation-name: flip; }
 
 /**********
 * flipInX *
 **********/
 @-webkit-keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     opacity: 0; }
   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg); }
   70% {
     -webkit-transform: perspective(400px) rotateX(10deg); }
   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     opacity: 1; } }
 @keyframes flipInX {
   0% {
     transform: perspective(400px) rotateX(90deg);
     opacity: 0; }
   40% {
     transform: perspective(400px) rotateX(-10deg); }
   70% {
     transform: perspective(400px) rotateX(10deg); }
   100% {
     transform: perspective(400px) rotateX(0deg);
     opacity: 1; } }
 .flipInX.go {
   -webkit-backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
   backface-visibility: visible !important;
   animation-name: flipInX; }
 
 /**********
 * flipInY *
 **********/
 @-webkit-keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     opacity: 0; }
   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg); }
   70% {
     -webkit-transform: perspective(400px) rotateY(10deg); }
   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     opacity: 1; } }
 @keyframes flipInY {
   0% {
     transform: perspective(400px) rotateY(90deg);
     opacity: 0; }
   40% {
     transform: perspective(400px) rotateY(-10deg); }
   70% {
     transform: perspective(400px) rotateY(10deg); }
   100% {
     transform: perspective(400px) rotateY(0deg);
     opacity: 1; } }
 .flipInY.go {
   -webkit-backface-visibility: visible !important;
   -webkit-animation-name: flipInY;
   backface-visibility: visible !important;
   animation-name: flipInY; }
 
 /************
 * fadeOut *
 *************/
 @-webkit-keyframes fadeOut {
   0% {
     opacity: 1; }
   100% {
     opacity: 0; } }
 @keyframes fadeOut {
   0% {
     opacity: 1; }
   100% {
     opacity: 0; } }
 .fadeOut.goAway {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut; }
 
 /************
 * fadeOutUp *
 *************/
 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0); }
   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px); } }
 @keyframes fadeOutUp {
   0% {
     opacity: 1;
     transform: translateY(0); }
   100% {
     opacity: 0;
     transform: translateY(-2000px); } }
 .fadeOutUp.goAway {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp; }
 
 /************
 * fadeOutDown *
 *************/
 @-webkit-keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0); }
   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px); } }
 @keyframes fadeOutDown {
   0% {
     opacity: 1;
     transform: translateY(0); }
   100% {
     opacity: 0;
     transform: translateY(2000px); } }
 .fadeOutDown.goAway {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown; }
 
 /************
 * fadeOutLeft *
 *************/
 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0); }
   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px); } }
 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
     transform: translateX(0); }
   100% {
     opacity: 0;
     transform: translateX(-2000px); } }
 .fadeOutLeft.goAway {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft; }
 
 /************
 * fadeOutRight *
 *************/
 @-webkit-keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0); }
   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px); } }
 @keyframes fadeOutRight {
   0% {
     opacity: 1;
     transform: translateX(0); }
   100% {
     opacity: 0;
     transform: translateX(2000px); } }
 .fadeOutRight.goAway {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight; }
 
 /************
 * flipOutX *
 *************/
 @-webkit-keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     opacity: 1; }
   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     opacity: 0; } }
 @keyframes flipOutX {
   0% {
     transform: perspective(400px) rotateX(0deg);
     opacity: 1; }
   100% {
     transform: perspective(400px) rotateX(90deg);
     opacity: 0; } }
 .flipOutX.goAway {
   -webkit-animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   animation-name: flipOutX;
   backface-visibility: visible !important; }
 
 /************
 * flipOutY *
 *************/
 @-webkit-keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     opacity: 1; }
   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     opacity: 0; } }
 @keyframes flipOutY {
   0% {
     transform: perspective(400px) rotateY(0deg);
     opacity: 1; }
   100% {
     transform: perspective(400px) rotateY(90deg);
     opacity: 0; } }
 .flipOutY {
   -webkit-backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
   backface-visibility: visible !important;
   animation-name: flipOutY; }
 
 /************
 * lightSpeedOutRight *
 *************/
 @-webkit-keyframes lightSpeedOutRight {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     opacity: 1; }
   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     opacity: 0; } }
 @keyframes lightSpeedOutRight {
   0% {
     transform: translateX(0%) skewX(0deg);
     opacity: 1; }
   100% {
     transform: translateX(100%) skewX(-30deg);
     opacity: 0; } }
 .lightSpeedOutRight.goAway {
   -webkit-animation-name: lightSpeedOutRight;
   animation-name: lightSpeedOutRight;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in; }
 
 /************
 * lightSpeedOutLeft *
 *************/
 @-webkit-keyframes lightSpeedOutLeft {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     opacity: 1; }
   100% {
     -webkit-transform: translateX(-100%) skewX(30deg);
     opacity: 0; } }
 @keyframes lightSpeedOutLeft {
   0% {
     transform: translateX(0%) skewX(0deg);
     opacity: 1; }
   100% {
     transform: translateX(-100%) skewX(30deg);
     opacity: 0; } }
 .lightSpeedOutLeft.goAway {
   -webkit-animation-name: lightSpeedOutLeft;
   animation-name: lightSpeedOutLeft;
   -webkit-animation-timing-function: ease-in;
   animation-timing-function: ease-in; }
 
 /*********************
 * fadeInUpShort
 *********************/
 @-webkit-keyframes fadeInUpShort {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px); }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0); } }
 @keyframes fadeInUpShort {
   0% {
     opacity: 0;
     transform: translateY(20px); }
   100% {
     opacity: 1;
     transform: translateY(0); } }
 .fadeInUpShort {
   opacity: 0;
   -webkit-transform: translateY(20px);
   transform: translateY(20px); }
 
 .fadeInUpShort.go {
   -webkit-animation-name: fadeInUpShort;
   animation-name: fadeInUpShort; }
 
 /*********************
 * fadeInDownShort
 *********************/
 @-webkit-keyframes fadeInDownShort {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px); }
   100% {
     opacity: 1;
     -webkit-transform: translateY(0); } }
 @keyframes fadeInDownShort {
   0% {
     opacity: 0;
     transform: translateY(-20px); }
   100% {
     opacity: 1;
     transform: translateY(0); } }
 .fadeInDownShort {
   opacity: 0;
   -webkit-transform: translateY(-20px);
   transform: translateY(-20px); }
 
 .fadeInDownShort.go {
   -webkit-animation-name: fadeInDownShort;
   animation-name: fadeInDownShort; }
 
 /*********************
 * fadeInRightShort 
 *********************/
 @-webkit-keyframes fadeInRightShort {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px); }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0); } }
 @keyframes fadeInRightShort {
   0% {
     opacity: 0;
     transform: translateX(20px); }
   100% {
     opacity: 1;
     transform: translateX(0); } }
 .fadeInRightShort {
   opacity: 0;
   -webkit-transform: translateX(20px);
   transform: translateX(20px); }
 
 .fadeInRightShort.go {
   -webkit-animation-name: fadeInRightShort;
   animation-name: fadeInRightShort; }
 
 /*********************
 * fadeInLeftShort 
 *********************/
 @-webkit-keyframes fadeInLeftShort {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px); }
   100% {
     opacity: 1;
     -webkit-transform: translateX(0); } }
 @keyframes fadeInLeftShort {
   0% {
     opacity: 0;
     transform: translateX(-20px); }
   100% {
     opacity: 1;
     transform: translateX(0); } }
 .fadeInLeftShort {
   opacity: 0;
   -webkit-transform: translateX(-20px);
   transform: translateX(-20px); }
 
 .fadeInLeftShort.go {
   -webkit-animation-name: fadeInLeftShort;
   animation-name: fadeInLeftShort; }
 
 .touch .animated,
 .touch .fadeInRightShort,
 .touch .fadeInLeftShort,
 .touch .fadeInUpShort,
 .no-js .animated,
 .no-js .fadeInRightShort,
 .no-js .fadeInLeftShort,
 .no-js .fadeInUpShort {
   opacity: 1 !important;
   -webkit-transform: translateX(0px) !important;
   transform: translateX(0px) !important;
   -webkit-transform: translateY(0px) !important;
   transform: translateY(0px) !important;
   display: block !important;
   -webkit-animation-duration: 0 !important;
   animation-duration: 0 !important; }
 
 /* ==========================================================================
    IE8 STYLES
    ========================================================================== */
 .lt-ie9 .explore > a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/explore.png); }
 
 .lt-ie9 header .nav-item > ul {
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc; }
 
 .lt-ie9 .siteSearch .submit {
   background: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/search.png) no-repeat; }
 
 .lt-ie9 .siteSearch .main-search.focus .submit {
   background: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/search-on.png) no-repeat; }
 
 .lt-ie9 .search-main {
   width: 155px; }
 
 .lt-ie9 .next:after, .lt-ie9 .bx-next:after {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/next.png); }
 
 .lt-ie9 .prev:after, .lt-ie9 .bx-prev:after {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/previous.png); }
 
 .lt-ie9 .quote:before {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/pullquote.png); }
 
 .lt-ie9 blockquote.reg-full-blockquote .quote:before {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/blockquote-white.png);
   background-repeat: no-repeat; }
 
 .lt-ie9 blockquote.reg-full-blockquote .quote:after {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/blockquote-white-close.png);
   background-repeat: no-repeat; }
 
 .lt-ie9 blockquote.reg-full-blockquote {
   padding: 2.2em 8em; }
 
 .lt-ie9 .cta {
   padding-right: 50px; }
 
 .lt-ie9 .cta:after, .lt-ie9 a.cta:after {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/arrow-white.png); }
 
 .lt-ie9 .cta.tertiary:after,
 .lt-ie9 a.cta.tertiary:after {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/arrow-orange.png); }
 
 .lt-ie9 footer .footer-util .instagram a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/social-instagram.png); }
 
 .lt-ie9 footer .footer-util .twitter a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/social-twitter.png); }
 
 .lt-ie9 footer .footer-util .blog a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/rss.png); }
 
 .lt-ie9 footer .footer-util .facebook a {
   background-image: url(/media/icons/facebook.png); }
 
 .lt-ie9 footer .footer-util .top a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/to-top.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-1 a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-1.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-1 a.active {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-1-active.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-2 a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-2.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-2 a.active {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-2-active.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-3 a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-3.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-3 a.active {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-3-active.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-4 a {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-4.png); }
 
 .lt-ie9 .hero-slider-wrapper .bx-wrapper .bx-controls .bx-pager-item.slide-4 a.active {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/icon-4-active.png); }
 
 .lt-ie9 .event-blocks .arrow {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/arrow-white-thin-down.png); }
 
 .lt-ie9 .main-search .search-open {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/search.png); }
 
 .lt-ie9 .secondary-slider-wrapper .vid-caption:before {
   background-image: url(/media/marketing-files/cwcedu/style-assets/icons/1x-icons/play-alt.png); }
 
 .lt-ie9 .cta-blocks-mobile,
 .lt-ie9 .three-items-mobile,
 .lt-ie9 #pushout-leftnav {
   display: none; }
 
 .lt-ie9 .secondary-slider-wrapper .bx-next, .lt-ie9 .secondary-slider-wrapper .bx-prev {
   width: 44px;
   height: 44px; }
 
 .touch .section.three-col .image-with-heading a:after {
   content: none; }
 
 /* ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ========================================================================== */
 @media print {
   * {
     background: transparent !important;
     color: #000 !important;
     /* Black prints faster: h5bp.com/s */
     box-shadow: none !important;
     text-shadow: none !important; }
 
   a,
   a:visited {
     text-decoration: underline; }
 
   a[href]:after {
     content: " (" attr(href) ")"; }
 
   abbr[title]:after {
     content: " (" attr(title) ")"; }
 
   /*
    * Don't show links for images, or javascript/internal links
    */
   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
     content: ""; }
 
   pre,
   blockquote {
     border: 1px solid #999;
     page-break-inside: avoid; }
 
   thead {
     display: table-header-group;
     /* h5bp.com/t */ }
 
   tr,
   img {
     page-break-inside: avoid; }
 
   img {
     max-width: 100% !important; }
 
   @page {
     margin: 0.5cm; }
   p,
   h2,
   h3 {
     orphans: 3;
     widows: 3; }
 
   h2,
   h3 {
     page-break-after: avoid; } }
 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.float_left { float: left; }


 /* ==========================================================================

	Fix for issue: TERMINALFOUR CS-44672 - Checkboxes disappearing.

	The following code targets the formbuilder attributes for the checkbox.	

    ========================================================================== */


.js-t4form-container input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}
.js-t4form-container input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
}

/* END Fix: CS-44672 */

/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
}