@charset "UTF-8";
 /* Colors */
 /*Social*/
 /*Hover*/
 /*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: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #424242; }
 
 /**
  * Address margins handled incorrectly in IE 6/7.
  */
 body {
 margin: auto; }
 
 * {
   box-sizing: border-box;
   -moz-box-sizing: border-box; }
 
 /* ==========================================================================
    Links
    ========================================================================== */
 /**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 a,
 a:link {
   text-decoration: none; }
 
 a:focus {
   outline: thin dotted; }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
 a,
 a:link,
 a:active,
 a:hover {
   outline: 0; }
 
 /* ==========================================================================
    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 {
   font-size: 2em;
   margin: 0.55em 0; }
 
 h2 {
   font-size: 1.5em;
   line-height: 0.9;
   margin: 0.53em 0 0.4em 0; }
 
 h3 {
   font-size: 1.17em;
   margin: 0.7em 0 0.3em 0; }
 
 h4 {
   font-size: 1em;
   margin: 1em 0 0.5em 0; }
   @media screen and (max-width: 750px) {
     h4 {
       margin: 1em 0 1.5em 0; } }
 
 h5 {
   font-size: 0.83em;
   margin: 1.2em 0 0.5em 0; }
 
 h6 {
   font-size: 0.67em;
   margin: 2em 0 0.5em 0; }
 
 /**
  * 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: 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: 1em 0;
   line-height: 1.6;
   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: 1.5em 0;
   padding-left: 0;
   list-style-position: inside; }
 
 li {
   font-size: 18px;
   line-height: 1.5; }
   @media screen and (max-width: 750px) {
     li {
       font-size: 16px; } }
 
 dd {
   margin: 0 0 0 40px; }
 
 /**
  * Address paddings set differently in IE 6/7.
  */
 menu,
 ol,
 ul {
   padding: 0 0 0 15px; }
 
 /**
  * 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 */
   max-width: 100%; }
 
 /**
  * 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; }
 
 /*  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 STYLES
 ########################################################
 */
 ::-webkit-input-placeholder {
   color: #424242; }
 
 :-moz-placeholder {
   /* Firefox 18- */
   color: #424242; }
 
 ::-moz-placeholder {
   /* Firefox 19+ */
   color: #424242; }
 
 :-ms-input-placeholder {
   color: #424242; }
 
 header .top-band-outer {
   background-color: #006f71;
   border-bottom: 1px solid #006f71;
   width: 100%;
   z-index: 1001; }
   header .top-band-outer.search {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     display: none;
     background-color: white; }
     @media screen and (max-width: 750px) {
       header .top-band-outer.search {
         border-bottom: 1px solid #b7bdbf; } }
     header .top-band-outer.search .logo .black {
       display: none; }
     header .top-band-outer.search .logo .green {
       display: block; }
     header .top-band-outer.search .top-band .search-close {
       background-image: url(/media/menu-close-black@2x.png);
       background-size: 22px;
       display: block;
       width: 50px;
       height: 50px;
       padding: 40px 0;
       float: left;
       background-repeat: no-repeat;
       background-position: center right; }
       @media screen and (max-width: 750px) {
         header .top-band-outer.search .top-band .search-close {
           width: 30px;
           padding: 35px 0; } }
     @media screen and (max-width: 750px) {
       header .top-band-outer.search .top-band .logo a {
         background-image: url(/media/logo-masthead-teal-mobile@2x.png); } }
     header .top-band-outer.search .top-band form {
       display: inline-block;
       float: left;
       position: relative;
       padding: 14.5px 50px 14.5px 0; }
       @media screen and (max-width: 750px) {
         header .top-band-outer.search .top-band form {
           min-width: 190px; } }
       header .top-band-outer.search .top-band form .search-search {
         font-size: 32px;
         line-height: 1.6;
         border: 0;
         outline: 0;
         text-align: left;
         padding: 0 20px;
         background-color: #e9f2f5; }
         @media screen and (min-width: 900px) {
           header .top-band-outer.search .top-band form .search-search {
             min-height: 50px; } }
         @media screen and (max-width: 900px) {
           header .top-band-outer.search .top-band form .search-search {
             font-size: 22px;
             margin: 8px 0; } }
         @media screen and (max-width: 750px) {
           header .top-band-outer.search .top-band form .search-search {
             font-size: 16px;
             max-width: 130px;
             padding-left: 5px;
             padding-right: 3px;
             margin: 0;
             min-width: 145px; } }
       header .top-band-outer.search .top-band form .search-submit {
         position: absolute;
         top: 50%;
         margin-top: -25px;
         right: 2px;
         background-color: transparent;
         border: 0;
         text-indent: -9999px;
         width: 50px;
         height: 50px;
         background-image: url(/media/search-black@2x.png);
         background-size: 25px;
         background-repeat: no-repeat;
         background-position: center center; }
         @media screen and (max-width: 750px) {
           header .top-band-outer.search .top-band form .search-submit {
             width: 40px; } }
       @media screen and (max-width: 750px) {
         header .top-band-outer.search .top-band form {
           padding: 23px 50px 23px 0; } }
 
 header .secondary-links .social-block {
   display: inline-block;
   float: none; }
   @media screen and (max-width: 1100px) {
     header .secondary-links .social-block {
       display: none; } }
 
 .main-content {
   overflow: hidden;
   padding-top: 40px; }
   @media screen and (max-width: 1100px) {
     .main-content {
       padding-top: 0px; } }
 
 .homepage .main-content {
   padding-top: 0; }
 
 main > h1,
 main > .module > h1,
 main > .details h1 {
   margin-top: -8px;
   line-height: 1; }
   @media screen and (max-width: 1100px) {
     main > h1,
     main > .module > h1,
     main > .details h1 {
       margin-top: 0.47em;
       line-height: 1.2; } }
 
 main > .module > h4 {
   margin-top: 0;
   line-height: 1; }
 
 body.menu-open {
   overflow: hidden; }
   body.menu-open header .top-band .header-util .search-icon {
     background-image: url(/media/search-black@2x.png); }
     @media screen and (max-width: 750px) {
       body.menu-open header .top-band .header-util .search-icon {
         width: 40px; } }
   body.menu-open header {
     background: white; }
   body.menu-open .top-band-outer {
     border-bottom: 1px solid black;
     width: 100%;
     background-color: white;
     position: relative;
     overflow-y: scroll; }
     @media screen and (max-width: 1100px) {
       body.menu-open .top-band-outer {
         border-bottom: 1px solid #868686; } }
     body.menu-open .top-band-outer .top-band {
       position: relative;
       z-index: 100;
       background-color: white; }
     body.menu-open .top-band-outer.search {
       position: absolute; }
   body.menu-open .top-band .logo .black {
     display: block;
     position: absolute;
     z-index: 1; }
   body.menu-open .top-band .logo .white {
     display: none; }
   body.menu-open .top-band .logo .teal {
     display: block;
     transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     z-index: 2;
     position: relative;
     opacity: 1; }
     body.menu-open .top-band .logo .teal:hover {
       opacity: 0; }
   @media screen and (max-width: 750px) {
     body.menu-open .top-band .logo a {
       background-image: url(/media/logo-masthead-teal-mobile@2x.png); } }
   body.menu-open .main-nav-dropdown {
     opacity: 1; }
 
 .left-nav-menu-open {
   overflow: hidden; }
 
 header {
   background: #006f71;
   position: relative;
   z-index: 101;
   min-height: 81px; }
   @media screen and (max-width: 750px) {
     header {
       min-height: 70px; } }
   header .top-band {
     max-width: 1250px;
     margin: 0 auto;
     padding: 0 25px;
     overflow: hidden; }
     header .top-band .logo {
       float: left;
       display: inline-block;
       position: relative;
       z-index: 100; }
       header .top-band .logo a {
         padding: 16px 0;
         display: block; }
         header .top-band .logo a.black {
           display: none; }
         header .top-band .logo a.white {
           display: block; }
         header .top-band .logo a.teal {
           display: none; }
         header .top-band .logo a img {
           vertical-align: top;
           max-width: 250px; }
           @media screen and (max-width: 750px) {
             header .top-band .logo a img {
               display: none; } }
         @media screen and (max-width: 750px) {
           header .top-band .logo a {
             display: inline-block;
             width: 34px;
             height: 44px;
             background-image: url(/media/logo-masthead-white-mobile@2x.png);
             background-size: 34px;
             background-repeat: no-repeat;
             background-position: center center;
             padding: 35px 0; } }
     header .top-band .header-util {
       float: right;
       display: inline-block;
       overflow: hidden; }
       header .top-band .header-util .search-icon {
         display: block;
         width: 50px;
         height: 50px;
         padding: 40px 0;
         float: left;
         position: relative;
         z-index: 100;
         background-image: url(/media/search@2x.png);
         background-size: 25px;
         background-repeat: no-repeat;
         background-position: center center; }
         @media screen and (max-width: 750px) {
           header .top-band .header-util .search-icon {
             width: 40px;
             padding: 35px 0; } }
       header .top-band .header-util .menu-icon {
         display: block;
         width: 52px;
         height: 50px;
         padding: 40px 0;
         float: left;
         background-image: url(/media/menu@2x.png);
         background-size: 25px;
         background-repeat: no-repeat;
         background-position: center right;
         outline: 0;
         position: relative;
         z-index: 100; }
         @media screen and (max-width: 750px) {
           header .top-band .header-util .menu-icon {
             width: 30px;
             padding: 35px 0; } }
       header .top-band .header-util .menu-icon.active {
         background-image: url(/media/menu-close-black@2x.png);
         background-size: 22px;
         display: block;
         width: 52px;
         height: 50px;
         padding: 40px 0;
         float: left;
         background-repeat: no-repeat;
         background-position: center right; }
         @media screen and (max-width: 750px) {
           header .top-band .header-util .menu-icon.active {
             width: 30px;
             padding: 35px 0; } }
   header .main-nav-dropdown {
     background-color: white;
     position: fixed;
     right: 0;
     left: 0;
     bottom: 0;
     top: -200%;
     width: 100%;
     height: 100%;
     z-index: 99;
     opacity: 0; }
     header .main-nav-dropdown h4 {
       color: #424242;
       margin-bottom: 0px;
       font-size: 24px;
       font-weight: 600;
       line-height: 1;
       position: relative; }
       header .main-nav-dropdown h4 .last-word {
         position: relative;
         display: inline-block;
         background-image: url(/media/arrow-nav-black@2x.png);
         background-size: 8px;
         background-repeat: no-repeat;
         background-position: center right;
         padding-right: 15px; }
       header .main-nav-dropdown h4 .toggle {
         position: absolute;
         left: 0;
         top: 50%;
         height: 40px;
         width: 60px;
         position: absolute;
         margin-top: -20px;
         z-index: 10;
         cursor: pointer;
         display: none; }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown h4 .toggle {
             display: block; } }
         header .main-nav-dropdown h4 .toggle:after {
           content: "";
           position: absolute;
           top: 50%;
           left: 25px;
           margin-top: -10px;
           width: 20px;
           height: 19px;
           display: block;
           background-image: url(/media/toggle.png);
           background-size: 40px;
           background-repeat: no-repeat;
           background-position: -20px -1px; }
       header .main-nav-dropdown h4 a {
         color: black;
         margin-bottom: 0px;
         font-size: 24px;
         font-weight: 600;
         line-height: 1;
         position: relative;
         text-decoration: none; }
         @media screen and (max-width: 1100px) {
           header .main-nav-dropdown h4 a {
             font-size: 16px; } }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown h4 a {
             font-size: 18px;
             display: block;
             padding: 18px 15px 18px 60px; } }
         header .main-nav-dropdown h4 a:hover {
           color: #006f71; }
           header .main-nav-dropdown h4 a:hover .last-word {
             background-image: url(/media/teal-arrow.png); }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown h4 {
           font-size: 16px; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown h4 {
           margin-top: 0;
           padding: 0 20px 0 0;
           border-bottom: 1px solid #424242; } }
       header .main-nav-dropdown h4.active {
         border-bottom: 1px solid white; }
         header .main-nav-dropdown h4.active .toggle:after {
           background-position: -20px -20px; }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown h4.info-for {
           border-bottom: 1px solid #006f71; }
           header .main-nav-dropdown h4.info-for.active {
             border-bottom: 0px; } }
     @media screen and (max-width: 750px) {
       header .main-nav-dropdown .info-for {
         position: relative; }
         header .main-nav-dropdown .info-for:after {
           content: "";
           width: 19px;
           height: 19px;
           display: block;
           position: absolute;
           left: 25px;
           top: 50%;
           margin-top: -10px;
           background-image: url(/media/toggle.png);
           background-size: 40px;
           background-repeat: no-repeat;
           background-position: -20px -1px; }
         header .main-nav-dropdown .info-for.active:after {
           background-position: -20px -20px; } }
     header .main-nav-dropdown .main-nav-inner {
       position: static;
       height: 100% !important;
       overflow-y: scroll !important;
       overflow-scrolling: touch;
       -webkit-overflow-scrolling: touch;
       border-bottom: 6px solid #006f71;
       -webkit-box-shadow: 0 20px 300px 10px #555;
       box-shadow: 0 20px 300px 10px #555; }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown .main-nav-inner {
           padding-top: 10px; }
           header .main-nav-dropdown .main-nav-inner .span_1_of_4 {
             width: 32.26%; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown .main-nav-inner .span_1_of_4 {
           width: 100%;
           margin: 0; } }
     header .main-nav-dropdown .max-width-wrapper {
       max-width: 1250px;
       margin: 0 auto;
       padding: 0 25px; }
     header .main-nav-dropdown ul {
       padding-left: 0;
       list-style: none;
       margin-top: 15px; }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown ul li:first-child a {
           padding-top: 0; } }
       header .main-nav-dropdown ul a {
         color: #006f71;
         font-size: 18px;
         font-weight: 600;
         padding: 8px 0;
         display: block;
         padding-right: 20px; }
         @media screen and (max-width: 1100px) {
           header .main-nav-dropdown ul a {
             font-size: 14px;
             padding: 7px 0; } }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown ul a {
             font-size: 16px; } }
         header .main-nav-dropdown ul a:hover {
           text-decoration: underline; }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown ul {
           margin-bottom: 0; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown ul {
           display: none;
           padding: 5px 20px 15px 60px;
           margin-top: 0;
           border-bottom: 1px solid #006f71; } }
     header .main-nav-dropdown .span_2_of_4 .nav-block {
       background-color: #e9f2f5;
       border: 1px solid #006f71;
       margin-top: 30px;
       margin-bottom: 2.2em;
       padding: 2em 2.5em; }
       header .main-nav-dropdown .span_2_of_4 .nav-block a {
         position: relative; }
         header .main-nav-dropdown .span_2_of_4 .nav-block a:hover span {
           text-decoration: underline; }
       header .main-nav-dropdown .span_2_of_4 .nav-block .last-word {
         position: relative;
         display: inline-block;
         padding-right: 15px;
         background-image: url(/media/arrow-nav-teal@2x.png);
         background-size: 8px;
         background-repeat: no-repeat;
         background-position: center right;
         margin-left: -1px;
         padding-left: 1px; }
       @media screen and (max-width: 1100px) {
         header .main-nav-dropdown .span_2_of_4 .nav-block {
           padding: 20px;
           margin-top: 1em; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown .span_2_of_4 .nav-block {
           border: 0;
           margin: 0;
           padding: 0; }
           header .main-nav-dropdown .span_2_of_4 .nav-block h4 {
             font-size: 18px;
             padding: 17px 20px 17px 60px; } }
     header .main-nav-dropdown .span_2_of_4 h4 {
       margin-top: 0; }
       @media screen and (min-width: 750px) {
         header .main-nav-dropdown .span_2_of_4 h4 {
           border-bottom: 1px solid transparent; } }
     header .main-nav-dropdown .span_2_of_4 ul {
       overflow: hidden; }
       header .main-nav-dropdown .span_2_of_4 ul li {
         display: inline-block;
         width: 50%;
         float: left; }
         @media screen and (max-width: 1100px) {
           header .main-nav-dropdown .span_2_of_4 ul li {
             width: 100%; } }
     @media screen and (max-width: 1100px) {
       header .main-nav-dropdown .span_2_of_4 {
         width: 32.26%; } }
     @media screen and (max-width: 750px) {
       header .main-nav-dropdown .span_2_of_4 {
         width: 100%;
         margin: 0; } }
     header .main-nav-dropdown ul.link-block-list {
       color: white; }
       header .main-nav-dropdown ul.link-block-list li:last-child {
         margin-top: 75px; }
       header .main-nav-dropdown ul.link-block-list a {
         color: white;
         background: #006f71;
         padding: 20px;
         margin-bottom: 5px;
         display: block;
         transition: background-color 0.2s;
         -webkit-transition: background-color 0.2s;
         -moz-transition: background-color 0.2s; }
         header .main-nav-dropdown ul.link-block-list a:hover {
           text-decoration: none;
           background-color: #005658; }
         header .main-nav-dropdown ul.link-block-list a .last-word {
           position: relative;
           display: inline-block;
           padding-right: 15px;
           background-image: url(/media/arrow-nav-white@2x.png);
           background-size: 8px;
           background-repeat: no-repeat;
           background-position: center right; }
       header .main-nav-dropdown ul.link-block-list.show-on-mobile {
         display: none; }
         @media screen and (max-width: 750px) {
           header .main-nav-dropdown ul.link-block-list.show-on-mobile {
             display: block !important;
             height: 100% !important;
             padding: 30px 25px !important; }
             header .main-nav-dropdown ul.link-block-list.show-on-mobile li:first-child a {
               padding-top: 20px; }
             header .main-nav-dropdown ul.link-block-list.show-on-mobile li:last-child {
               margin-top: 10px; }
             header .main-nav-dropdown ul.link-block-list.show-on-mobile a {
               font-size: 18px; } }
       @media screen and (max-width: 750px) {
         header .main-nav-dropdown ul.link-block-list.hide-on-mobile {
           display: none; } }
   header .social-block-wrapper {
     text-align: center; }
   header .social-block {
     float: right;
     display: inline-block; }
     header .social-block a:not(.coastal-now) {
       width: 40px;
       height: 40px; }
       @media screen and (max-width: 1250px) and (min-width: 1100px) {
         header .social-block a:not(.coastal-now) {
           width: 34px;
           height: 34px;
           margin-left: 9px; } }
       header .social-block a:not(.coastal-now).facebook:after {
         background-size: 14px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).facebook:after {
             background-size: 12px; } }
       header .social-block a:not(.coastal-now).twitter:after {
         background-size: 26px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).twitter:after {
             background-size: 24px; } }
       header .social-block a:not(.coastal-now).youtube:after {
         background-size: 26px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).youtube:after {
             background-size: 24px; } }
       header .social-block a:not(.coastal-now).instagram:after {
         background-size: 25px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).instagram:after {
             background-size: 23px; } }
       header .social-block a:not(.coastal-now).pinterest:after {
         background-size: 30px;
         background-position: center 5px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).pinterest:after {
             background-size: 26px;
             background-position: center 7px; } }
       header .social-block a:not(.coastal-now).linkedin:after {
         background-size: 25px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).linkedin:after {
             background-size: 23px; } }
       header .social-block a:not(.coastal-now).snapchat:after {
         background-size: 24px; }
         @media screen and (max-width: 1250px) and (min-width: 1100px) {
           header .social-block a:not(.coastal-now).snapchat:after {
             background-size: 22px; } }
     header .social-block a.coastal-now {
       padding: 9px 20px 9px 20px; }
       @media screen and (max-width: 1250px) and (min-width: 1100px) {
         header .social-block a.coastal-now {
           padding: 6.5px 20px 6.5px 20px;
           font-size: 18px; } }
 
 .android-4-1 header {
   z-index: 1001;
   position: static;
   max-height: 70px; }
 
 .android-4-1 body.menu-open {
   overflow: scroll; }
   .android-4-1 body.menu-open header {
     max-height: none; }
 
 .android-4-1 .primary-links {
   padding-top: 20px !important; }
 
 .android-4-1 header .main-nav-dropdown {
   z-index: 1000;
   overflow: scroll;
   position: relative; }
 
 .primary-links {
   overflow: hidden;
   padding-top: 81px; }
   @media screen and (max-width: 1100px) {
     .primary-links .col.mobile-styles {
       display: none; } }
   @media screen and (max-width: 750px) {
     .primary-links {
       padding-top: 71px; } }
   @media screen and (max-width: 1100px) {
     .primary-links .link-block-list {
       display: block; } }
 
 .mobile-header-bottom .link-block-list {
   display: none; }
   @media screen and (max-width: 1100px) {
     .mobile-header-bottom .link-block-list {
       display: block; } }
 
 .secondary-links .social-block {
   display: block; }
   @media screen and (max-width: 1100px) {
     .secondary-links .social-block {
       display: none; } }
 
 .mobile-header-bottom .social-block {
   display: none; }
   @media screen and (max-width: 1100px) {
     .mobile-header-bottom .social-block {
       display: block; } }
 
 header .mobile-header-bottom {
   overflow: hidden;
   padding: 20px 20px 50px 20px; }
   header .mobile-header-bottom ul.link-block-list li {
     max-width: 300px; }
     header .mobile-header-bottom ul.link-block-list li a {
       font-size: 18px;
       padding: 12px 20px; }
     header .mobile-header-bottom ul.link-block-list li:last-child {
       margin-top: 15px; }
   header .mobile-header-bottom .social-block {
     width: 100%;
     text-align: center; }
     @media screen and (max-width: 750px) {
       header .mobile-header-bottom .social-block {
         margin: 0; } }
     header .mobile-header-bottom .social-block .social-block-section {
       overflow: hidden;
       display: block;
       padding: 15px 0;
       text-align: center; }
       header .mobile-header-bottom .social-block .social-block-section a:not(.coastal-now) {
         margin: 0 12px; }
     header .mobile-header-bottom .social-block .coastal-now {
       display: inline;
       float: none; }
   @media screen and (max-width: 750px) {
     header .mobile-header-bottom .table-style,
     header .mobile-header-bottom .td-style {
       display: block; }
     header .mobile-header-bottom ul.link-block-list {
       border-bottom: 0;
       padding: 0;
       margin-bottom: 30px; }
       header .mobile-header-bottom ul.link-block-list li {
         max-width: none; } }
 
 @media screen and (max-width: 750px) {
   header .main-nav-dropdown .max-width-wrapper {
     padding-left: 0;
     padding-right: 0; } }
 
 /*
 ########################################################
 UTILILITY BAR STYLES
 ########################################################
 */
 .util-bar {
   border-bottom: 1px solid #b7bdbf;
   padding: 20px 0;
   background: #e9f2f5;
   overflow: hidden; }
   @media screen and (max-width: 1100px) {
     .util-bar {
       border-top: 0; } }
   .util-bar .util-bar-inner {
     max-width: 1250px;
     margin: 0 auto;
     padding: 0 25px; }
   .util-bar h1 {
     margin: 0; }
     @media screen and (max-width: 1100px) {
       .util-bar h1 {
         margin: 10px 0; } }
     @media screen and (max-width: 750px) {
       .util-bar h1 {
         margin-bottom: 5px;
         line-height: 1; } }
   @media screen and (max-width: 1100px) {
     .util-bar {
       padding: 15px 0 15px 0; } }
   @media screen and (max-width: 750px) {
     .util-bar {
       padding: 10px 0 10px 0; } }
 
 .detail-page .util-bar {
   padding: 10px 0; }
 
 .landing-page .util-bar,
 .campus-life .util-bar {
   background: #e9f2f5; }
 
 .campus-life .util-bar {
   border-bottom: 0; }
 
 .explore-programs-page .util-bar {
   border-bottom: 0; }
 
 .breadcrumb {
   overflow: hidden; }
   @media screen and (max-width: 1100px) {
     .breadcrumb {
       display: none; } }
   .breadcrumb a,
   .breadcrumb a:link {
     float: left;
     display: inline-block;
     color: #a27752;
     padding: 15px 35px 15px 0;
     position: relative;
     font-weight: 300; }
     .breadcrumb a:after,
     .breadcrumb a:link:after {
       content: "/";
       position: absolute;
       right: 15px;
       top: 15px;
       bottom: 0; }
     .breadcrumb a:hover,
     .breadcrumb a:link:hover {
       text-decoration: underline; }
 
 a.in-this-section-toggle,
 .in-this-section-toggle:link {
   color: #a27752;
   font-size: 14px;
   text-transform: uppercase;
   padding-left: 30px;
   display: block;
   position: relative;
   margin: 8px 0; }
   a.in-this-section-toggle:after,
   .in-this-section-toggle:link:after {
     content: "";
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     background-image: url(/media/section-menu.png);
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center center;
     top: -1px;
     left: 0; }
   @media screen and (min-width: 1100px) {
     a.in-this-section-toggle,
     .in-this-section-toggle:link {
       display: none; } }
 
 .section-menu-close {
   display: none;
   color: #a27752;
   font-size: 14px;
   text-transform: uppercase;
   position: relative;
   margin-bottom: 10px;
   margin-top: 80px;
   padding: 9px 0 9px 30px; }
   .section-menu-close:after {
     content: "";
     width: 20px;
     height: 3px;
     display: block;
     position: absolute;
     background: #a27752;
     top: 50%;
     margin-top: -1px;
     left: 0; }
   @media screen and (max-width: 1100px) {
     .section-menu-close {
       display: block; } }
   @media screen and (max-width: 750px) {
     .section-menu-close {
       padding: 5px 0 5px 30px;
       margin-top: 73px; } }
 
 .main-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: -100px;
   left: 0;
   background-color: rgba(255, 255, 255, 0.8);
   z-index: 10;
   display: none; }
   .main-overlay.active {
     display: block; }
 
 /*
 ########################################################
 FEATURE BLOCK STYLES
 ########################################################
 */
 @media screen and (max-width: 1100px) {
   .feature-block {
     margin-bottom: 1.5em; } }
 .feature-block .inner {
   padding: 0px 25px 0 25px;
   max-width: 1250px;
   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: #e9f2f5;
   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
 ########################################################
 */
 @media screen and (max-width: 1100px) {
   .left-nav {
     display: none; } }
 .left-nav nav > ul {
   padding-left: 30px; }
 .left-nav ul {
   margin-top: 0;
   margin-bottom: 0; }
   .left-nav ul .current-custom {
     position: relative; }
     .left-nav ul .current-custom .currentsection {
       display: block;
       position: relative; }
       .left-nav ul .current-custom .currentsection a {
         color: #424242; }
       .left-nav ul .current-custom .currentsection:after {
         content: "";
         display: block;
         width: 100%;
         position: absolute;
         top: 50%;
         margin-top: 1px;
         border-top: 1px solid #b7bdbf;
         z-index: 0; }
   .left-nav ul .level-1.current-custom:after {
     content: none; }
   .left-nav ul .level-1.current-custom > div {
     position: relative; }
     .left-nav ul .level-1.current-custom > div:after {
       content: "";
       display: block;
       width: 100%;
       position: absolute;
       top: 50%;
       margin-top: 1px;
       border-top: 1px solid #b7bdbf;
       z-index: 0; }
   .left-nav ul li > div,
   .left-nav ul li .currentbranch0 {
     position: relative;
     display: block; }
   .left-nav ul li ul {
     padding-left: 15px; }
   .left-nav ul li a {
     padding: 8px 20px 8px 0;
     outline: none;
     display: inline-block;
     background: white;
     position: relative;
     z-index: 1; }
     .left-nav ul li a:hover {
       text-decoration: none;
       color: #424242; }
   .left-nav ul li.level-2 {
     padding-left: 20px;
     font-size: 17px; }
   .left-nav ul li.level-3 {
     padding-left: 20px;
     font-size: 16px; }
     .left-nav ul li.level-3 ul a {
       font-size: 15px; }
   .left-nav ul .level-1 {
     font-size: 18px; }
 .left-nav .level {
   position: relative; }
 .left-nav .toggle {
   position: absolute;
   left: -30px;
   top: 11px;
   height: 19px;
   width: 19px;
   cursor: pointer;
   background-image: url(/media/toggle.png);
   background-size: 40px;
   background-repeat: no-repeat;
   background-position: -1px -1px; }
   .left-nav .toggle:hover {
     background-position: -1px -20px; }
   .left-nav .toggle.active {
     background-position: -1px -39px; }
     .left-nav .toggle.active:hover {
       background-position: -1px -58px; }
 .left-nav .mainMenu.no-currentbranch1 .currentbranch0 a {
   color: #424242; }
 .left-nav .mainMenu.no-currentbranch1 .currentbranch0:after {
   content: "";
   display: block;
   width: 100%;
   position: absolute;
   top: 50%;
   margin-top: 1px;
   border-top: 1px solid #b7bdbf;
   z-index: 0; }
 .left-nav nav {
   border-right: 1px solid #b7bdbf; }
 .left-nav .sidebar-social {
   overflow: hidden;
   padding-top: 40px; }
   .left-nav .sidebar-social ul {
     width: 100%;
     list-style: none; }
     .left-nav .sidebar-social ul li {
       display: block;
       overflow: hidden;
       padding-right: 3px; }
   .left-nav .sidebar-social span.circle {
     background-color: white;
     float: right;
     width: 38px;
     height: 38px;
     border-radius: 50px;
     background-repeat: no-repeat;
     background-position: center center;
     box-shadow: 0 0 0 3px #b7bdbf;
     margin: 3px auto 22px 3px; }
     .left-nav .sidebar-social span.circle span {
       background-image: none !important; }
     .left-nav .sidebar-social span.circle.facebook:after {
       background-image: url(/media/social/facebook@2x.png);
       background-size: 16px;
       background-color: #b7bdbf; }
     .left-nav .sidebar-social span.circle.twitter:after {
       background-image: url(/media/social/twitter@2_3.png);
       background-size: 28px;
       background-color: #b7bdbf; }
     .left-nav .sidebar-social span.circle.mail:after {
       background-image: url(/media/social/mail@2x.png);
       background-size: 23px;
       background-color: #b7bdbf; }
     .left-nav .sidebar-social span.circle.linkedin:after {
       background-image: url(/media/social/linkedin@2x.png);
       background-size: 23px;
       background-color: #b7bdbf; }
 
 .menu-pushout .left-nav {
   display: none; }
   @media screen and (max-width: 1100px) {
     .menu-pushout .left-nav {
       overflow-y: auto;
       z-index: 100;
       display: block;
       position: fixed;
       width: 100%;
       width: 40%;
       min-width: 330px;
       left: -105%;
       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 {
       overflow-y: auto;
       min-width: none;
       width: 100%; } }
 
 .sidebar-social.stuck {
   position: fixed;
   top: 0px; }
 
 /*
 ########################################################
 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%;
   padding-left: 50px; }
   @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: 1250px;
   margin: 0 auto;
   padding: 0 25px; }
 
 .arrow-link {
   font-size: 18px;
   color: #a27752;
   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(/media/brown-arrow@2x.png); }
   .arrow-link.teal {
     color: #006f71; }
     .arrow-link.teal .last-word:after {
       background-image: url(/media/arrow-teal@2x.png); }
   .arrow-link:hover .last-word {
     text-decoration: none; }
     .arrow-link:hover .last-word:after {
       right: -4px; }
 
 h1 {
   font-size: 60px;
   color: #006f71;
   text-transform: uppercase; }
   @media screen and (max-width: 1100px) {
     h1 {
       font-size: 50px; } }
   @media screen and (max-width: 750px) {
     h1 {
       font-size: 35px; } }
 
 h2 {
   font-size: 52px;
   color: #006f71; }
   @media screen and (max-width: 1100px) {
     h2 {
       font-size: 45px;
       margin: 0.9em 0 0.4em 0; } }
   @media screen and (max-width: 750px) {
     h2 {
       font-size: 28px;
       margin: 1.8em 0 1.1em 0; } }
 
 h3 {
   font-size: 46px;
   color: #a27752; }
   @media screen and (max-width: 1100px) {
     h3 {
       font-size: 38px;
       margin: 0.4em 0 0.4em 0; } }
   @media screen and (max-width: 750px) {
     h3 {
       font-size: 24px;
       margin: 2.1em 0 1.25em 0; } }
 
 h4 {
   font-size: 30px;
   color: #a27752; }
   @media screen and (max-width: 1100px) {
     h4 {
       font-size: 28px; } }
   @media screen and (max-width: 750px) {
     h4 {
       font-size: 20px;
       margin: 2.5em 0 1.5em 0; } }
   h4 .arrow-link {
     font-size: 30px;
     color: #006f71;
     display: block;
     padding: 0; }
     @media screen and (max-width: 750px) {
       h4 .arrow-link {
         font-size: 20px;
         line-height: 1.3; } }
     h4 .arrow-link:hover {
       text-decoration: none; }
     h4 .arrow-link .last-word {
       position: relative;
       display: inline-block;
       padding-right: 40px; }
       @media screen and (max-width: 1100px) {
         h4 .arrow-link .last-word {
           padding-right: 30px; } }
       h4 .arrow-link .last-word:after {
         content: "";
         background-size: 30px;
         background-repeat: no-repeat;
         background-position: center left;
         width: 30px;
         height: 30px;
         display: block;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -15px;
         right: 0;
         transition: right 0.05s;
         -moz-transition: right 0.05s;
         -webkit-transition: right 0.05s;
         background-image: url(/media/coastal-now-arrow@2x2.png);
         border-radius: 50%; }
         @media screen and (max-width: 1100px) {
           h4 .arrow-link .last-word:after {
             width: 20px;
             height: 20px;
             background-size: 20px;
             margin-top: -10px; } }
     h4 .arrow-link.teal .last-word:after {
       background-color: #006f71; }
     h4 .arrow-link:hover .last-word {
       text-decoration: none; }
       h4 .arrow-link:hover .last-word:after {
         right: -4px; }
 
 h5 {
   font-size: 28px;
   color: #424242;
   font-weight: 300;
   text-transform: none; }
   @media screen and (max-width: 1100px) {
     h5 {
       font-size: 22px;
       margin: 1.8em 0 0.5em 0; } }
   @media screen and (max-width: 750px) {
     h5 {
       font-size: 20px;
       margin: 2.5em 0 1.5em 0; } }
 
 h6 {
   font-size: 18px;
   color: #424242;
   font-weight: 600;
   text-transform: uppercase; }
   @media screen and (max-width: 1100px) {
     h6 {
       font-size: 18px; } }
   @media screen and (max-width: 750px) {
     h6 {
       font-size: 16px;
       margin: 3.1em 0 1.9em 0; } }
 
 a,
 a:link {
   color: #006f71;
   text-decoration: none;
   font-weight: 600; }
 
 a:hover {
   text-decoration: underline; }
 
 .large-text {
   font-size: 24px;
   margin: 0 0 1.5em 0;
   line-height: 1.4;
   margin-top: -7px; }
   @media screen and (max-width: 1100px) {
     .large-text {
       font-size: 21px; } }
   @media screen and (max-width: 750px) {
     .large-text {
       font-size: 20px; } }
 
 .img-with-caption.fullwidth {
   width: 100%;
   position: relative; }
   .img-with-caption.fullwidth img {
     width: 100%; }
   .img-with-caption.fullwidth .caption {
     background-color: #e9f2f5;
     width: 100%;
     position: absolute;
     width: 100% !important;
     bottom: 0;
     left: 0; }
     .img-with-caption.fullwidth .caption p {
       font-size: 16px;
       margin: 0;
       padding: 10px 20px;
       box-sizing: border-box;
       -moz-box-sizing: border-box; }
       @media screen and (max-width: 1100px) {
         .img-with-caption.fullwidth .caption p {
           font-size: 14px;
           padding: 15px 10px; } }
       @media screen and (max-width: 750px) {
         .img-with-caption.fullwidth .caption p {
           font-size: 16px; } }
 
 .img-with-caption.inset {
   width: 35%;
   min-width: 240px;
   float: right;
   margin-left: 10%;
   margin-bottom: 5%;
   position: relative; }
   @media screen and (max-width: 1100px) {
     .img-with-caption.inset {
       margin-left: 5%;
       width: 25%; } }
   @media screen and (max-width: 750px) {
     .img-with-caption.inset {
       margin-left: 0;
       width: 100%; } }
   .img-with-caption.inset img {
     vertical-align: top;
     width: 100%; }
   .img-with-caption.inset .caption {
     text-align: center;
     background-color: #e9f2f5; }
     .img-with-caption.inset .caption p {
       font-size: 16px;
       margin: 0;
       padding: 20px 10px;
       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: 14px;
           padding: 15px 10px; } }
       @media screen and (max-width: 750px) {
         .img-with-caption.inset .caption p {
           font-size: 16px; } }
 
 blockquote.fullwidth {
   padding: 1.3em 2em 1em 3em;
   margin: 2em 0;
   font-weight: 500;
   border-top: 1px solid #b7bdbf;
   border-bottom: 1px solid #b7bdbf; }
   @media screen and (max-width: 1100px) {
     blockquote.fullwidth {
       padding: 1.5em 2em 1em 3em; } }
   @media screen and (max-width: 750px) {
     blockquote.fullwidth {
       margin-left: -25px;
       margin-right: -25px;
       padding-left: 75px;
       padding-right: 25px;
       padding-top: 20px;
       padding-bottom: 25px; } }
   blockquote.fullwidth p {
     font-size: 24px;
     line-height: 1.3;
     position: relative;
     margin-bottom: 1em; }
     @media screen and (max-width: 1100px) {
       blockquote.fullwidth p {
         font-size: 21px;
         line-height: 1.5; } }
     @media screen and (max-width: 750px) {
       blockquote.fullwidth p {
         font-size: 20px; } }
     @media screen and (max-width: 1100px) {
       blockquote.fullwidth p.quote {
         padding-left: 0;
         padding-right: 50px; } }
     @media screen and (max-width: 1100px) {
       blockquote.fullwidth p.quote {
         padding-right: 0px; } }
     blockquote.fullwidth p.quote:before {
       content: '\201C';
       font-size: 100px;
       position: absolute;
       top: -40px;
       margin-left: -53px;
       font-weight: bold;
       color: #a27752; }
       @media screen and (max-width: 1100px) {
         blockquote.fullwidth p.quote:before {
           font-size: 80px;
           top: -35px; } }
       @media screen and (max-width: 750px) {
         blockquote.fullwidth p.quote:before {
           font-size: 74px;
           top: -32px; } }
     blockquote.fullwidth p.person {
       color: #a27752;
       font-size: 18px;
       text-align: right;
       font-weight: 600; }
       @media screen and (max-width: 750px) {
         blockquote.fullwidth p.person {
           margin-bottom: 0; } }
 
 blockquote.inset {
   width: 33%;
   min-width: 240px;
   margin: 1em 0 5% 5%;
   float: right;
   padding: 1.3em 0em 0em 2.5em;
   box-sizing: border-box;
   border-left: 1px solid #b7bdbf; }
   @media screen and (max-width: 1100px) {
     blockquote.inset {
       padding-right: 0;
       padding-top: 2em;
       padding-left: 0px;
       width: 25%; } }
   @media screen and (max-width: 750px) {
     blockquote.inset {
       margin: 2em 0;
       margin-left: -25px;
       margin-right: -25px;
       padding-left: 75px;
       padding-right: 25px;
       padding-top: 20px;
       padding-bottom: 25px;
       width: auto;
       border-top: 1px solid #b7bdbf;
       border-bottom: 1px solid #b7bdbf;
       border-left: 0; }
       blockquote.inset p.quote {
         font-size: 20px !important;
         padding-left: 0 !important; }
         blockquote.inset p.quote:before {
           font-size: 74px !important;
           top: -32px !important;
           left: -30px !important; }
       blockquote.inset .person {
         text-align: right; } }
   blockquote.inset p {
     font-size: 24px;
     position: relative; }
     @media screen and (max-width: 1100px) {
       blockquote.inset p {
         font-size: 20px; } }
     blockquote.inset p.person {
       color: #a27752;
       font-weight: 600;
       font-size: 18px;
       margin-bottom: 0;
       padding-left: 40px; }
       @media screen and (max-width: 750px) {
         blockquote.inset p.person {
           padding-left: 25px; } }
     @media screen and (max-width: 1100px) {
       blockquote.inset p.quote {
         padding-right: 0; } }
     @media screen and (max-width: 750px) {
       blockquote.inset p.quote {
         padding-left: 25px;
         font-size: 24px; } }
     blockquote.inset p.quote:before {
       content: '\201C';
       font-size: 100px;
       position: absolute;
       top: -75px;
       margin-left: -22px;
       font-weight: bold;
       color: #a27752; }
       @media screen and (max-width: 1100px) {
         blockquote.inset p.quote:before {
           font-size: 80px;
           top: -77px;
           left: 40px; } }
       @media screen and (max-width: 750px) {
         blockquote.inset p.quote:before {
           left: 17px;
           font-size: 100px;
           top: -90px; } }
 
 .related-links {
   width: 30%;
   min-width: 240px;
   float: right;
   margin-left: 5%; }
   @media screen and (max-width: 1100px) {
     .related-links {
       width: 25%; } }
   @media screen and (max-width: 750px) {
     .related-links {
       width: 100%;
       float: none;
       padding-left: 0;
       margin-left: 0; } }
   .related-links h6 {
     margin-top: 3px;
     margin-bottom: 0; }
   .related-links ul {
     padding-left: 0;
     margin-top: 8px; }
     .related-links ul li {
       padding: 12px 0;
       border-top: 1px solid #b7bdbf;
       list-style: none;
       padding-left: 0;
       margin-left: 0; }
       .related-links ul li:first-child {
         border-top: 0; }
       .related-links ul li a {
         color: #006f71;
         font-weight: 600;
         display: block; }
         .related-links ul li a:hover {
           text-decoration: underline; }
 
 .module {
   position: relative;
   overflow: hidden;
   margin-bottom: 50px; }
   .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: #006f71; }
     .module p .arrow-link .last-word:after {
       background-image: url(/media/arrow-teal@2x.png); }
   @media screen and (max-width: 1100px) {
     .module {
       margin-bottom: 40px; } }
   .module.border-separator {
     border-bottom: 1px solid #b7bdbf;
     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; } }
 
 .figures {
   overflow: hidden;
   margin: 0 -7px; }
   .figures figure {
     background: #e9f2f5;
     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; }
 /*
 .cta-group {
   float: right;
   display: inline-block;
   overflow: hidden;
   padding: 3px;
   min-width: 174px; }
 */  
/*** NEW .cta-group ADDED BY MP 06/11/2020 	
					UPDATED BY CB 07/13/2021 **/
   .cta-group {
    float: right;
    display: inline-block;
    overflow: hidden;
    padding: 3px;
    min-width: 174px;
    text-align: center;
    /*height: 68px;*/}
    
   @media screen and (max-width: 1100px) {
     .cta-group {
       padding: 8px 3px; } }
   @media screen and (max-width: 750px) {
     .cta-group {
       display: none; } }
   
   /*
   .cta-group a {
     display: inline-block;
     float: left;
     width: 38px;
     height: 38px;
     text-indent: -9999px;
     border-radius: 50%;
     margin-left: 18px;
     background-color: white; }
     */
     
    /*** NEW .cta-group a ADDED BY MP 06/11/2020 
    					UPDATED BY CB 7/13/2021 ***/
    .cta-group a {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    text-indent: 0px;
    border-radius: 50%;
    margin-left: 18px;
    background-color: white;
    color:#006F71;
    padding-top: 40px;
    margin-bottom: 25px;}
    
    /*** NEW .cta-group a:first-child ADDED BY MP 06/11/2020 ***/
    .cta-group a:first-child {
    text-indent: -3px;}
    
     @media screen and (max-width: 1100px) {
       .cta-group a {
         width: 38px;
         height: 38px; } }
     .cta-group a.apply {
       box-shadow: 0 0 0 3px #006f71; }
       .cta-group a.apply:after {
         background-color: #006f71;
         background-image: url(/media/cta_apply@2x.png);
         background-size: 22px; }
     .cta-group a.visit {
       box-shadow: 0 0 0 3px #a27752; }
       .cta-group a.visit:after {
         background-image: url(/media/cta_visit@2x.png);
         background-size: 20px;
         background-color: #a27752; }
     .cta-group a.info {
       box-shadow: 0 0 0 3px #424242; }
       .cta-group a.info:after {
         background-image: url(/media/cta_info@2x.png);
         background-size: 11px;
         background-color: #424242; }
         
     /* ADDED 01/29/2018 BY MP */
     .cta-group a.tour {
       box-shadow: 0 0 0 3px #006f71; }
       .cta-group a.tour:after {
         background-color: #FFFFFF;
         background-image: url(/media/2015ccuwebsite/contentassets/images/coastalnow/misc/cta_tour-teal@2x.png);
         background-size: 22px; }
 
 /*
 ########################################################
 HOMEPAGE STYLES
 ########################################################
 */
 .homepage-main .table-style {
   margin-bottom: 20px; }
   @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: #006f71;
     margin: 0; }
     @media screen and (max-width: 1100px) {
       .homepage-main .table-style h4 {
         font-size: 22px; } }
 
 .hero.home {
   overflow: hidden;
   /*max-width: 1600px;*/
   max-width: 3000px;
   margin: 0 auto;
   margin-bottom: 0;
   /*&.home{
   	background-image: url(/media/2015ccuwebsite/contentassets/images/homepage/hero.jpg);
   	@media screen and (max-width: $break-four) { 	
   		background-image: url(/media/2015ccuwebsite/contentassets/images/homepage/hero-mobile.jpg);
   	}
   }*/ }
   .hero.home picture {
     position: absolute;
     width: 100%;
     height: 100%; }
     @media screen and (max-width: 750px) {
       .hero.home picture {
         position: static; } }
   .hero.home img {
     width: 100%;
     vertical-align: top; }
   @media screen and (max-width: 1100px) {
     .hero.home {
       margin-bottom: 0; } }
   @media screen and (max-width: 750px) {
     .hero.home {
       min-height: 0;
       position: relative; } }
   .hero.home .inner {
     padding-top: 30px;
     padding-bottom: 25px; }
     @media screen and (max-width: 1100px) {
       .hero.home .inner {
         padding: 20px 25px 12px 25px; } }
     @media screen and (max-width: 750px) {
       .hero.home .inner {
         padding: 15px 25px 12px 25px; } }
   .hero.home > .inner {
     /*padding-bottom: 20%;*/
     height: 300px;
     height: 40vh;
     max-height: 400px; }
     @media screen and (min-width: 900px) {
       .hero.home > .inner {
         height: 32vh; } }
     @media screen and (max-width: 750px) {
       .hero.home > .inner {
         height: auto;
         min-height: 0;
         max-height: none;
         padding-top: 0;
         display: none; } }
   .hero.home:before {
     content: none; }
   .hero.home .large-heading {
     position: relative;
     background: rgba(0, 0, 0, 0.3); }
     @media screen and (max-width: 750px) {
       .hero.home .large-heading {
         position: absolute;
         bottom: 0;
         width: 100%; } }
     .hero.home .large-heading h1 {
       margin: 0;
       padding: 0px 0 10px 0;
       font-size: 90px;
       color: white;
       position: relative;
       font-weight: 200;
       line-height: 1; }
       @media screen and (max-width: 1100px) {
         .hero.home .large-heading h1 {
           font-size: 60px;
           line-height: 1.3;
           padding-bottom: 0; } }
       @media screen and (max-width: 750px) {
         .hero.home .large-heading h1 {
           font-size: 26px;
           font-size: 7vw;
           line-height: 1.2; } }
       .hero.home .large-heading h1 span {
         font-size: 120px;
         display: block;
         font-weight: 600;
         line-height: 0.9; }
         @media screen and (max-width: 1100px) {
           .hero.home .large-heading h1 span {
             font-size: 80px; } }
         @media screen and (max-width: 750px) {
           .hero.home .large-heading h1 span {
             font-size: 34px;
             line-height: 1.1; } }
   .hero.home + .main-content {
     padding-top: 0; }
   .hero.home > .inner .table-style {
     position: fixed;
     width: 100%;
     z-index: 10;
     left: 0;
     right: 0; }
     .hero.home > .inner .table-style .td-style {
       display: block;
       width: 100%;
       max-width: 1250px;
       margin: 0 auto;
       padding: 0 25px; }
   .hero.home > .inner .table-style.absolute {
     position: absolute;
     width: 100%;
     max-width: 1200px;
     z-index: 10; }
   .hero.home .cta-group {
     opacity: 0; }
     @media screen and (max-width: 900px) {
       .hero.home .cta-group {
         display: none; } }
 
 .social-blocks {
   background: #e9f2f5;
   margin-bottom: -100px;
   margin-top: 100px;
   padding: 50px 0;
   overflow: hidden; }
   @media screen and (max-width: 750px) {
     .social-blocks {
       margin-top: 40px; } }
   .social-blocks h4 {
     margin-top: 0.6em; }
     @media screen and (max-width: 1250px) {
       .social-blocks h4 {
         text-align: center; } }
     @media screen and (max-width: 700px) {
       .social-blocks h4 {
         margin-bottom: 0; } }
   .social-blocks .social-blocks-block {
     width: 25%;
     float: left;
     display: inline-block;
     min-height: 1px; }
     @media screen and (max-width: 1100px) {
       .social-blocks .social-blocks-block {
         width: 33.333%; }
         .social-blocks .social-blocks-block:first-child {
           width: 100%;
           display: block; } }
     @media screen and (max-width: 700px) {
       .social-blocks .social-blocks-block {
         width: 100%; } }
   .social-blocks .icon {
     text-align: center;
     display: block; }
     .social-blocks .icon img {
       max-width: 110px;
       margin: 25px 0; }
       @media screen and (max-width: 700px) {
         .social-blocks .icon img {
           margin: 25px 0 0 0; } }
   .social-blocks .tweet {
     padding: 0 40px; }
     .social-blocks .tweet ul {
       padding: 0;
       list-style: none; }
     .social-blocks .tweet.tweet-1 li:last-child {
       display: none; }
     @media screen and (max-width: 1100px) {
       .social-blocks .tweet.tweet-1 {
         padding-left: 0; } }
     .social-blocks .tweet.tweet-2 li:first-child {
       display: none; }
     @media screen and (max-width: 1100px) {
       .social-blocks .tweet.tweet-2 {
         padding-right: 0; } }
     @media screen and (max-width: 700px) {
       .social-blocks .tweet.tweet-2 {
         padding-left: 0; } }
     .social-blocks .tweet .date {
       color: #006f71;
       margin-top: 25px; }
   @media screen and (max-width: 1250px) {
     .social-blocks {
       margin-bottom: -70px; } }
   @media screen and (max-width: 1100px) {
     .social-blocks {
       padding: 30px 0; } }
   @media screen and (max-width: 750px) {
     .social-blocks {
       margin-bottom: -20px; } }
 
 ul.instagram {
   list-style: none;
   padding: 0 40px; }
   @media screen and (max-width: 750px) {
     ul.instagram {
       max-width: 325px;
       margin: 0 auto;
       display: block; } }
   ul.instagram img {
     width: 100%;
     margin-top: 7px;
     vertical-align: top; }
   ul.instagram a {
     position: relative;
     display: block; }
     ul.instagram a:after {
       content: "";
       background-image: url(/media/social/1x/insta.png) !important;
       background-size: 40px;
       background-repeat: no-repeat;
       background-position: center center;
       display: inline-block;
       width: 30px;
       height: 30px;
       position: absolute;
       bottom: 8px;
       left: 8px;
       z-index: 100; }
   ul.instagram .everyday-caption {
     display: none !important; }
 
 .news-feature .tiles {
   margin-bottom: 50px; }
   @media screen and (max-width: 1100px) {
     .news-feature .tiles {
       margin-bottom: 20px; } }
   .news-feature .tiles .tile .tile-inner .link-overlay {
     text-decoration: none !important; }
     .news-feature .tiles .tile .tile-inner .link-overlay .tile-title {
       font-size: 36px;
       line-height: 1.15;
       text-decoration: none !important; }
       .news-feature .tiles .tile .tile-inner .link-overlay .tile-title * {
         text-decoration: none !important; }
       @media screen and (max-width: 1100px) {
         .news-feature .tiles .tile .tile-inner .link-overlay .tile-title {
           font-size: 22px; } }
       @media screen and (max-width: 500px) {
         .news-feature .tiles .tile .tile-inner .link-overlay .tile-title {
           font-size: 24px; }
           .news-feature .tiles .tile .tile-inner .link-overlay .tile-title .last-word:after {
             width: 22px;
             height: 22px;
             margin-top: -11px;
             background-size: 17px; } }
       @media screen and (min-width: 500px) and (max-width: 750px) {
         .news-feature .tiles .tile .tile-inner .link-overlay .tile-title .last-word:after {
           width: 18px;
           height: 18px;
           background-size: 14px;
           margin-top: -8px; } }
       @media screen and (min-width: 500px) and (max-width: 750px) {
         .news-feature .tiles .tile .tile-inner .link-overlay .tile-title {
           font-size: 16px; } }
     .news-feature .tiles .tile .tile-inner .link-overlay .detail-text {
       color: white;
       padding: 0 20px;
       position: relative;
       z-index: 11;
       text-transform: uppercase; }
       @media screen and (max-width: 1100px) {
         .news-feature .tiles .tile .tile-inner .link-overlay .detail-text {
           font-size: 14px; } }
       @media screen and (min-width: 500px) and (max-width: 750px) {
         .news-feature .tiles .tile .tile-inner .link-overlay .detail-text {
           font-size: 10px; } }
   .news-feature .tiles .tile .tile-inner:hover {
     text-decoration: none !important; }
   .news-feature .tiles .tile .tile-inner:after {
     content: "";
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 25%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(25%, transparent));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 25%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 25%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 25%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 25%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
     /* IE6-9 */
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block; }
   @media screen and (max-width: 500px) {
     .news-feature .tiles .tile .tile-inner {
       border: 0; } }
   @media screen and (max-width: 500px) {
     .news-feature .tiles .tile {
       width: 100%;
       padding-bottom: 19.4%;
       margin-right: 15px; } }
   @media screen and (max-width: 500px) {
     .news-feature .tiles {
       margin: 0 0 20px 0; } }
 @media screen and (max-width: 500px) {
   .news-feature {
     margin-right: -25px; } }
 
 .events-feature {
   overflow: visible; }
   .events-feature:after {
     content: "";
     clear: both;
     display: block;
     visibility: hidden; }
   @media screen and (max-width: 750px) {
     .events-feature {
       margin-right: -25px; }
       .events-feature > .table-style {
         padding-right: 25px; } }
   .events-feature .event-group {
     margin: 0 -8px; }
     @media screen and (max-width: 750px) {
       .events-feature .event-group {
         margin: 0;
         overflow: hidden; } }
   .events-feature .event {
     width: 33.333%;
     float: left;
     display: inline-block;
     background: #e9f2f5;
     border-right: 8px solid white;
     border-left: 8px solid white;
     padding: 25px 20px 30px 110px;
     position: relative;
     transition: all 0.2s;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s; }
     @media screen and (max-width: 1100px) {
       .events-feature .event {
         padding: 12px 10px 10px 80px; } }
     @media screen and (max-width: 750px) {
       .events-feature .event {
         width: 100%;
         border-right: 0;
         border-left: 0;
         padding-bottom: 40px;
         margin-right: 15px; } }
     .events-feature .event .link-overlay {
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       display: block;
       z-index: 10; }
     .events-feature .event .event-title {
       font-size: 28px;
       margin: 0;
       line-height: 1.2; }
       @media screen and (max-width: 1100px) {
         .events-feature .event .event-title {
           font-size: 18px; } }
       @media screen and (max-width: 750px) {
         .events-feature .event .event-title {
           font-size: 22px; } }
     .events-feature .event .event-day-month-date {
       font-weight: 600;
       text-transform: uppercase;
       font-size: 16px;
       margin-bottom: 0; }
       @media screen and (max-width: 1100px) {
         .events-feature .event .event-day-month-date {
           font-size: 12px; } }
       @media screen and (max-width: 750px) {
         .events-feature .event .event-day-month-date {
           font-size: 14px; } }
     .events-feature .event .event-details {
       font-size: 16px;
       margin-top: 0; }
       @media screen and (max-width: 1100px) {
         .events-feature .event .event-details {
           font-size: 12px;
           line-height: 1.4; } }
       @media screen and (max-width: 750px) {
         .events-feature .event .event-details {
           font-size: 14px; } }
     .events-feature .event .date-impact {
       background: #a27752;
       color: white;
       position: absolute;
       width: 80px;
       top: 0;
       bottom: 0;
       left: 0;
       padding: 28px 10px 10px 10px;
       text-align: center; }
       @media screen and (max-width: 1100px) {
         .events-feature .event .date-impact {
           width: 60px;
           padding: 15px 8px; } }
       .events-feature .event .date-impact .month {
         text-transform: uppercase;
         display: block;
         font-size: 16px;
         font-weight: 600; }
         @media screen and (max-width: 1100px) {
           .events-feature .event .date-impact .month {
             font-size: 12px; } }
         @media screen and (max-width: 1100px) {
           .events-feature .event .date-impact .month {
             font-size: 14px; } }
       .events-feature .event .date-impact .date {
         font-size: 50px;
         font-weight: 300; }
         @media screen and (max-width: 1100px) {
           .events-feature .event .date-impact .date {
             font-size: 30px; } }
         @media screen and (max-width: 750px) {
           .events-feature .event .date-impact .date {
             font-size: 34px; } }
     .events-feature .event:hover {
       background-color: #D0D9DC; }
 
 .section.group.inner {
   overflow: hidden; }
 
 .module.news-feature .bx-controls-direction,
 .module.events-feature .bx-controls-direction,
 .module.profile-blocks .bx-controls-direction,
 .module.three-items.events .bx-controls-direction,
 .explore-tabs-wrapper .bx-controls-direction {
   display: none; }
 .module.news-feature .bx-wrapper,
 .module.events-feature .bx-wrapper,
 .module.profile-blocks .bx-wrapper,
 .module.three-items.events .bx-wrapper,
 .explore-tabs-wrapper .bx-wrapper {
   padding-bottom: 50px; }
   .module.news-feature .bx-wrapper .bx-viewport,
   .module.events-feature .bx-wrapper .bx-viewport,
   .module.profile-blocks .bx-wrapper .bx-viewport,
   .module.three-items.events .bx-wrapper .bx-viewport,
   .explore-tabs-wrapper .bx-wrapper .bx-viewport {
     padding: 0 25px 0 0;
     margin-right: -25px; }
 .module.news-feature .bx-wrapper .bx-controls,
 .module.events-feature .bx-wrapper .bx-controls,
 .module.profile-blocks .bx-wrapper .bx-controls,
 .module.three-items.events .bx-wrapper .bx-controls,
 .explore-tabs-wrapper .bx-wrapper .bx-controls {
   bottom: 25px;
   z-index: 100;
   text-align: center;
   position: absolute;
   width: auto;
   left: 0;
   right: 0;
   margin-left: -25px; }
   .module.news-feature .bx-wrapper .bx-controls .bx-pager,
   .module.events-feature .bx-wrapper .bx-controls .bx-pager,
   .module.profile-blocks .bx-wrapper .bx-controls .bx-pager,
   .module.three-items.events .bx-wrapper .bx-controls .bx-pager,
   .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager {
     display: inline;
     overflow: hidden;
     position: relative; }
     .module.news-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a,
     .module.events-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a,
     .module.profile-blocks .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a,
     .module.three-items.events .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a,
     .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child a {
       margin-left: 0; }
     .module.news-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
     .module.events-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
     .module.profile-blocks .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
     .module.three-items.events .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
     .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
       float: left;
       display: inline-block;
       width: 6px;
       height: 6px;
       background: #b7bdbf;
       text-indent: -9999px;
       margin-left: 3px;
       border-radius: 50%;
       text-decoration: none; }
       .module.news-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
       .module.events-feature .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
       .module.profile-blocks .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
       .module.three-items.events .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
       .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
         background: #006f71; }
   .module.news-feature .bx-wrapper .bx-controls .bx-pager-item,
   .module.events-feature .bx-wrapper .bx-controls .bx-pager-item,
   .module.profile-blocks .bx-wrapper .bx-controls .bx-pager-item,
   .module.three-items.events .bx-wrapper .bx-controls .bx-pager-item,
   .explore-tabs-wrapper .bx-wrapper .bx-controls .bx-pager-item {
     display: inline-block; }
 
 @media screen and (max-width: 750px) {
   .three-items.events .table-style {
     padding-right: 25px; } }
 @media screen and (max-width: 750px) {
   .three-items.events {
     margin-right: -25px;
     overflow: visible; }
     .three-items.events .col {
       margin-top: 0; } }
 
 .module.typical-slider-module {
   overflow: visible; }
 
 .home-heading h1 {
   color: #424242;
   font-weight: 300;
   font-size: 70px; }
   .home-heading h1 span {
     font-weight: 600; }
     @media screen and (max-width: 750px) {
       .home-heading h1 span {
         display: block; } }
   @media screen and (max-width: 1100px) {
     .home-heading h1 {
       font-size: 50px;
       margin: 10px 0; } }
   @media screen and (max-width: 750px) {
     .home-heading h1 {
       font-size: 34px;
       line-height: 1; } }
 
 /*
 ########################################################
 FOOTER STYLES
 ########################################################
 */
 footer {
   margin-top: 100px; }
   @media screen and (max-width: 1250px) {
     footer {
       margin-top: 70px; } }
   @media screen and (max-width: 750px) {
     footer {
       margin-top: 20px; } }
   footer .footer-logo {
     display: inline-block; }
     footer .footer-logo a {
       display: block;
       margin: 18px 0 22px 0; }
       footer .footer-logo a img {
         vertical-align: top;
         max-width: 180px; }
       @media screen and (max-width: 1100px) {
         footer .footer-logo a {
           margin-bottom: 10px; } }
   footer .inner {
     margin: 0 auto;
     max-width: 1250px; }
   footer .white-band {
     overflow: hidden;
     border-top: 1px solid #b7bdbf; }
     @media screen and (max-width: 1100px) {
       footer .white-band .table-style {
         display: block;
         padding: 5px 0 30px 0; }
         footer .white-band .table-style .td-style {
           display: block;
           text-align: center; }
           footer .white-band .table-style .td-style .footer-logo a img {
             max-width: 230px; }
           footer .white-band .table-style .td-style .social-block {
             float: none;
             margin-top: 20px; } }
     @media screen and (max-width: 750px) {
       footer .white-band .table-style {
         padding-bottom: 20px; } }
   footer .teal-band {
     margin-bottom: 0;
     padding: 18px 0 60px 0;
     background: #006f71; }
     @media screen and (max-width: 1250px) {
       footer .teal-band {
         padding-bottom: 70px; } }
     footer .teal-band .footer-list-primary {
       display: inline-block;
       float: left;
       overflow: hidden;
       border-right: 1px solid white;
       padding-right: 10px; }
       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: 1250px) {
         footer .teal-band .footer-list-primary {
           padding-left: 0;
           float: none;
           display: block;
           border-right: 0;
           margin-bottom: 5px; } }
     footer .teal-band .footer-list-secondary {
       display: inline-block;
       float: left;
       overflow: hidden;
       padding-left: 10px; }
       @media screen and (max-width: 1250px) {
         footer .teal-band .footer-list-secondary {
           padding-left: 0;
           float: none;
           display: block; } }
   @media screen and (max-width: 1250px) and (max-width: 1250px) {
     footer .teal-band .footer-list-secondary a:first-child {
       padding-left: 0; } }
 
     footer .teal-band a {
       color: white;
       padding: 7px 12px;
       display: inline-block;
       font-size: 18px;
       font-weight: 300; }
       footer .teal-band a:hover {
         text-decoration: underline; }
       @media screen and (max-width: 750px) {
         footer .teal-band a {
           font-size: 16px;
           display: block;
           text-align: left;
           padding: 10px 0; } }
     @media screen and (max-width: 750px) {
       footer .teal-band {
         padding-bottom: 10px; } }
   footer .copyright {
     clear: both;
     padding-top: 12px;
     color: #c7e9ee; }
     @media screen and (max-width: 1250px) {
       footer .copyright {
         padding-top: 0;
         margin-top: 10px; } }
 
 .circle {
   box-shadow: 0 0 0 3px #006f71;
   -webkit-transition: color 0.2s;
   -moz-transition: color 0.2s;
   transition: color 0.2s;
   z-index: 1;
   position: relative; }
   .circle:after {
     background-position: center center;
     background-repeat: no-repeat;
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     background-color: #006f71;
     -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
     -moz-transition: -moz-transform 0.2s, opacity 0.2s;
     transition: transform 0.2s, opacity 0.2s;
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: ''; }
   .circle:hover:after {
     -webkit-transform: scale(0.85);
     -moz-transform: scale(0.85);
     -ms-transform: scale(0.85);
     transform: scale(0.85); }
 
 .social-block {
   float: right;
   display: inline-block; }
   .social-block a:not(.coastal-now) {
     width: 40px;
     height: 40px;
     border-radius: 50px;
     display: inline-block;
     margin-left: 11px;
     text-indent: -9999px;
     background-repeat: no-repeat;
     background-position: center center; }
     @media screen and (max-width: 1100px) {
       .social-block a:not(.coastal-now) {
         width: 40px;
         height: 40px; } }
     .social-block a:not(.coastal-now).facebook {
       box-shadow: 0 0 0 3px #3b5998; }
       .social-block a:not(.coastal-now).facebook:after {
         background-color: #3b5998;
         background-image: url(/media/social/facebook@2x.png);
         background-size: 16px; }
     .social-block a:not(.coastal-now).twitter {
       box-shadow: 0 0 0 3px #55acee; }
       .social-block a:not(.coastal-now).twitter:after {
         background-color: #55acee;
         background-image: url(/media/social/twitter@2_3.png);
         background-size: 30px; }
     .social-block a:not(.coastal-now).youtube {
       box-shadow: 0 0 0 3px #e52d27; }
       .social-block a:not(.coastal-now).youtube:after {
         background-color: #e52d27;
         background-image: url(/media/social/youtube@2x2.png);
         background-size: 30px; }
     .social-block a:not(.coastal-now).instagram {
       box-shadow: 0 0 0 3px #46769e; }
       .social-block a:not(.coastal-now).instagram:after {
         background-color: #46769e;
         background-image: url(/media/social/instagram@2_3.png);
         background-size: 27px; }
     .social-block a:not(.coastal-now).pinterest {
       box-shadow: 0 0 0 3px #bd071d; }
       .social-block a:not(.coastal-now).pinterest:after {
         background-color: #bd071d;
         background-image: url(/media/social/pinterest@2x.png);
         background-size: 30px;
         background-position: center 5px; }
         @media screen and (max-width: 750px) {
           .social-block a:not(.coastal-now).pinterest:after {
             background-size: 30px; } }
     .social-block a:not(.coastal-now).linkedin {
       box-shadow: 0 0 0 3px #0077b5; }
       .social-block a:not(.coastal-now).linkedin:after {
         background-color: #0077b5;
         background-image: url(/media/social/linkedin@2x.png);
         background-size: 27px; }
     .social-block a:not(.coastal-now).snapchat {
       box-shadow: 0 0 0 3px #ffcf2a; }
       .social-block a:not(.coastal-now).snapchat:after {
         background-color: #ffcf2a;
         background-image: url(/media/social/snapchat@2_3.png);
         background-size: 27px; }
         @media screen and (max-width: 750px) {
           .social-block a:not(.coastal-now).snapchat:after {
             background-size: 30px; } }
   .social-block a.coastal-now {
     /*background-color: #a27752;*/
     width: auto;
     height: auto;
     color: white;
     padding: 9px 30px 9px 30px;
     border-radius: 30px;
     font-size: 20px;
     display: inline-block;
     float: left;
     margin-right: 2px;
     transition: background-color 0.2s;
     -webkit-transition: background-color 0.2s;
     -moz-transition: background-color 0.2s;
     font-weight: 600; }
     .social-block a.coastal-now span {
       font-weight: 300; }
       .social-block a.coastal-now span:after {
         content: "";
         background-image: url(/media/coastal-now-arrow@2x2.png);
         background-size: 27px;
         background-repeat: no-repeat;
         background-position: center right;
         display: inline-block;
         width: 27px;
         height: 20px;
         position: relative;
         top: 3px;
         margin-left: 10px;
         right: 0;
         transition: right 0.05s;
         -webkit-transition: right 0.05s;
         -moz-transition: right 0.05s; }
     .social-block a.coastal-now:hover {
       /*background-color: #895E39;*/
       background-color: #FFFFFF;
       text-decoration: none; }
       .social-block a.coastal-now:hover span:after {
         right: -3px; }
   @media screen and (max-width: 750px) {
     .social-block {
       display: none; } }
   .social-block.mobile-only {
     display: none; }
     @media screen and (max-width: 750px) {
       .social-block.mobile-only {
         display: block; }
         .social-block.mobile-only .social-block-section {
           overflow: hidden;
           display: block;
           padding: 15px;
           margin-left: -20px;
           margin-right: -20px;
           text-align: center; }
           .social-block.mobile-only .social-block-section:first-child {
             margin-bottom: 10px; }
           .social-block.mobile-only .social-block-section:last-child {
             padding-bottom: 10px; }
         .social-block.mobile-only .coastal-now {
           display: inline;
           float: none; }
         .social-block.mobile-only a:not(.coastal-now) {
           margin: 0 5px; } }
     @media screen and (max-width: 500px) {
       .social-block.mobile-only a:not(.coastal-now) {
         margin: 0 7px; } }
 
 /* ==========================================================================
    HERO STYLES
    ========================================================================== */
 .hero-wrapper {
   background-color: #e9f2f5; }
 
 .hero {
   position: relative;
   width: 100%;
   top: 0;
   max-width: 1600px;
   margin: 0 auto;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 0 0; }
   @media screen and (max-width: 1100px) {
     .hero {
       margin-bottom: 20px; } }
   .hero:before {
     content: "";
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.49+0,0+100;Neutral+Density */
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.35)), color-stop(100%, transparent));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d000000', endColorstr='#00000000',GradientType=0 );
     /* IE6-9 */
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0; }
   .hero.explore-programs {
     max-width: 1600px;
     margin: 0 auto;
     margin-bottom: 0; }
     .hero.explore-programs h1 {
       margin-bottom: 0; }
     .hero.explore-programs .breadcrumb a {
       color: white; }
     .hero.explore-programs .inner {
       padding-top: 20px;
       padding-right: 25px;
       padding-left: 25px; }
       @media screen and (max-width: 1100px) {
         .hero.explore-programs .inner {
           padding-top: 15px; } }
       @media screen and (max-width: 700px) {
         .hero.explore-programs .inner {
           display: block;
           padding-top: 6px;
           min-height: 0; }
           .hero.explore-programs .inner.table-style {
             padding-left: 25px;
             padding-right: 25px; }
           .hero.explore-programs .inner .td-style {
             display: block; }
             .hero.explore-programs .inner .td-style button.clear {
               display: none; }
             .hero.explore-programs .inner .td-style button.show-all {
               display: block;
               margin-top: 20px;
               float: none;
               width: 100%;
               padding: 15px;
               line-height: 1.5;
               margin-left: 0;
               background-color: transparent;
               border: 1px solid #b7bdbf;
               text-align: left;
               color: #424242;
               display: none; } }
     .hero.explore-programs form > .inner {
       padding-bottom: 40px; }
     @media screen and (max-width: 1100px) {
       .hero.explore-programs .cta-group {
         display: block; } }
     @media screen and (max-width: 750px) {
       .hero.explore-programs .cta-group {
         display: none; } }
     @media screen and (max-width: 700px) {
       .hero.explore-programs {
         background-image: none !important; } }
   .hero .inner {
     max-width: 1250px;
     padding: 40px 25px 25px 25px;
     margin: 0 auto;
     position: relative;
     padding-bottom: 25%; }
     @media screen and (max-width: 750px) {
       .hero .inner {
         padding: 25px;
         padding-bottom: 35%; } }
     @media screen and (max-width: 700px) {
       .hero .inner {
         padding-bottom: 38%; } }
   .hero h1 {
     color: white;
     text-transform: uppercase;
     font-size: 60px;
     margin-bottom: 0;
     margin-top: 0; }
     @media screen and (max-width: 1100px) {
       .hero h1 {
         font-size: 50px; } }
     @media screen and (max-width: 750px) {
       .hero h1 {
         font-size: 35px; } }
   .hero.academics {
     background-image: url(/media/2015ccuwebsite/contentassets/images/academics.jpg); }
   .hero.admissions {
     background-image: url(/media/2015ccuwebsite/contentassets/images/admissions.jpg); }
   .hero.explore-programs {
     background-image: url(/media/2015ccuwebsite/contentassets/images/explore-programs.jpg); }
     @media screen and (max-width: 700px) {
       .hero.explore-programs {
         background: #e9f2f5; }
         .hero.explore-programs:before {
           content: none; }
         .hero.explore-programs h1 {
           color: #006f71;
           margin-top: 15px; } }
   .hero .cta-group {
     display: block; }
     @media screen and (max-width: 1100px) {
       .hero .cta-group {
         display: none; } }
 
 .touch .hero {
   background-attachment: initial !important;
   background-position: 0 0 !important; }
 
 /* ==========================================================================
    EXPLORE PROGRAMS STYLES
    ========================================================================== */
 .program-list {
   overflow: hidden;
   padding-top: 20%; }
   .program-list h4 {
     font-size: 32px;
     color: white;
     margin-top: 0;
     margin-bottom: 0px; }
     @media screen and (max-width: 1100px) {
       .program-list h4 {
         font-size: 28px; }
         .program-list h4 span {
           display: none; } }
     @media screen and (max-width: 750px) {
       .program-list h4 {
         font-size: 20px; } }
     @media screen and (max-width: 700px) {
       .program-list h4 {
         color: #424242;
         margin-bottom: 20px; } }
   .program-list .inner {
     padding: 0 25px;
     overflow: hidden; }
   .program-list ul {
     overflow: hidden;
     margin-left: -20px;
     margin-right: -5px;
     margin-top: 0;
     margin-bottom: 30px; }
     @media screen and (max-width: 700px) {
       .program-list ul {
         width: 100%;
         margin: 0 auto;
         padding: 0; } }
   .program-list li {
     display: block;
     float: left;
     width: 25%;
     margin: 0;
     border: 5px solid transparent; }
     .program-list li label {
       /*position: relative;
       top: 0;
       bottom: 0;
       right: 0;
       left: 0;
       padding: 20px;*/
       display: table;
       cursor: pointer; }
       @media screen and (max-width: 1100px) {
         .program-list li label {
           padding: 16px; } }
     .program-list li:after {
       content: "";
       background-size: 20px !important;
       background-repeat: no-repeat !important;
       background-position: center right !important;
       background-image: url(/media/check.png) !important;
       display: block;
       width: 20px;
       height: 20px;
       position: absolute;
       right: 20px;
       top: 50%;
       margin-top: -10px;
       display: none; }
     @media screen and (max-width: 900px) {
       .program-list li {
         width: 33.333%; } }
     @media screen and (max-width: 700px) {
       .program-list li {
         width: 100%;
         border: 0;
         margin-bottom: 6px; } }
     .program-list li .program-item-inner {
       background-color: rgba(0, 0, 0, 0.5);
       transform: background-color 0.2s;
       -webkit-transform: background-color 0.2s;
       -moz-transform: background-color 0.2s;
       padding: 25px 20px;
       color: white;
       text-transform: uppercase;
       font-weight: 600;
       position: relative; }
       @media screen and (max-width: 1100px) {
         .program-list li .program-item-inner {
           padding: 5px 0px; } }
       @media screen and (max-width: 700px) {
         .program-list li .program-item-inner {
           background: transparent;
           border: 1px solid #b7bdbf;
           color: #424242; } }
       .program-list li .program-item-inner span {
         padding-right: 30px;
         display: table-cell;
         vertical-align: middle; }
         @media screen and (max-width: 1100px) {
           .program-list li .program-item-inner span {
             font-size: 14px; } }
       .program-list li .program-item-inner:hover {
         background: rgba(0, 0, 0, 0.8); }
         @media screen and (max-width: 700px) {
           .program-list li .program-item-inner:hover {
             background: transparent !important; } }
       .program-list li .program-item-inner input {
         position: absolute;
         outline: none;
         display: block;
         height: 100%;
         width: 100%;
         cursor: pointer;
         background: transparent;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         opacity: 0;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 10; }
     .program-list li.active {
       position: relative; }
       .program-list li.active:after {
         display: block; }
       @media screen and (max-width: 700px) {
         .program-list li.active:after {
           content: "";
           border: 2px solid #006f71;
           top: 10px;
           right: 0px;
           bottom: -1px;
           left: 0;
           display: block;
           position: absolute;
           width: auto;
           height: auto;
           background-position: 97% center !important; } }
       .program-list li.active .program-item-inner {
         background: rgba(255, 255, 255, 0.9);
         color: #006f71; }
         .program-list li.active .program-item-inner:hover {
           background: white !important; }
   @media screen and (max-width: 1100px) {
     .program-list {
       padding-top: 15%; } }
   @media screen and (max-width: 900px) {
     .program-list {
       padding-top: 20%; } }
   @media screen and (max-width: 750px) {
     .program-list {
       padding-top: 22%; } }
   @media screen and (max-width: 700px) {
     .program-list {
       padding-top: 20px; } }
 
 .start-over {
   display: none;
   cursor: pointer;
   background-color: #e6e6e6;
   text-align: center;
   margin-bottom: -70px;
   overflow: hidden;
   transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
   -moz-transition: background-color 0.2s; }
   .start-over .inner {
     overflow: hidden; }
   .start-over:hover {
     background-color: #b7bdbf; }
   @media screen and (max-width: 900px) {
     .start-over {
       display: block; } }
   @media screen and (max-width: 750px) {
     .start-over {
       margin-bottom: -20px; } }
   .start-over p {
     font-size: 18px;
     font-weight: 600;
     display: inline-block;
     padding-left: 50px;
     position: relative; }
   .start-over .icon {
     display: inline-block;
     width: 30px;
     height: 30px;
     background-size: 30px 27px;
     background-repeat: no-repeat;
     background-position: center right;
     background-image: url(/media/start-over.png);
     position: absolute;
     top: 50%;
     margin-top: -15px;
     left: 0; }
 
 .button-wrapper.mobile-only {
   display: none; }
   @media screen and (max-width: 700px) {
     .button-wrapper.mobile-only {
       display: block;
       clear: both;
       overflow: hidden; }
       .button-wrapper.mobile-only button {
         width: 50%;
         display: inline-block;
         margin: 0;
         color: #424242;
         background: #e6e6e6;
         padding: 18px 5px;
         border-top: 1px solid #b7bdbf; }
         .button-wrapper.mobile-only button:last-child {
           border-right: 1px solid #b7bdbf; } }
 
 button.clear,
 button.show-all {
   outline: none;
   margin-left: 10px;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   text-transform: uppercase;
   color: #006f71;
   transition: background-color 0.2s;
   -moz-transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
   background-color: rgba(255, 255, 255, 0.7);
   border: 0;
   font-weight: 600;
   padding: 20px;
   float: right; }
   button.clear:hover,
   button.show-all:hover {
     background-color: white; }
   @media screen and (max-width: 1100px) {
     button.clear,
     button.show-all {
       padding: 15px;
       font-size: 14px; } }
   @media screen and (max-width: 700px) {
     button.clear,
     button.show-all {
       font-size: 4vw; } }
 
 .program-match-jump {
   overflow: hidden;
   position: fixed;
   width: 100%;
   bottom: 0;
   background: #006f71;
   z-index: 1;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   opacity: 0; }
   .program-match-jump a {
     color: white;
     display: block;
     text-align: center;
     padding: 10px 0 15px 0;
     font-size: 18px;
     text-decoration: none; }
     .program-match-jump a .last-word {
       display: inline-block;
       padding-right: 25px;
       position: relative; }
       .program-match-jump a .last-word::after {
         content: "";
         background-size: 13px;
         background-repeat: no-repeat;
         background-position: center right;
         width: 13px;
         height: 16px;
         display: block;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -8px;
         background-image: url(/media/coastal-now-arrow-down@2x2.png); }
 
 .program-match-jump.show {
   opacity: 1;
   filter: alpha(opacity=100);
   z-index: 11;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease; }
 
 .force-hide {
   opacity: 0 !important;
   z-index: -1 !important;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease; }
 
 #show-programs-jump-mobile {
   display: none; }
   @media screen and (max-width: 750px) {
     #show-programs-jump-mobile {
       display: block; } }
 
 .show-programs {
   overflow: hidden;
   margin-bottom: 60px; }
   .show-programs h3 {
     text-align: center;
     color: #424242;
     font-size: 42px;
     margin-bottom: 80px;
     padding-top: 100px; }
     @media screen and (max-width: 1100px) {
       .show-programs h3 {
         font-size: 28px;
         margin-bottom: 40px;
         margin-top: 40px; } }
     @media screen and (max-width: 900px) {
       .show-programs h3 {
         padding-top: 50px; } }
     @media screen and (max-width: 700px) {
       .show-programs h3 {
         font-size: 24px;
         margin-bottom: 40px;
         margin-top: 20px; } }
   .show-programs .program {
     margin: 0;
     width: 25%;
     float: left;
     overflow: hidden;
     display: none;
     padding: 10px 20px 10px 0;
     margin-bottom: 10px;
     min-height: 90px; }
     @media screen and (max-width: 900px) {
       .show-programs .program {
         width: 33.333%; } }
     @media screen and (max-width: 700px) {
       .show-programs .program {
         width: 100%;
         float: none;
         margin-bottom: 0;
         padding-top: 3px;
         padding-bottom: 3px;
         margin-bottom: 15px; } }
     .show-programs .program .image-wrapper {
       float: left;
       width: 25%;
       max-width: 50px; }
     .show-programs .program a {
       font-size: 18px;
       margin-bottom: 0;
       display: block;
       line-height: 1.1; }
       @media screen and (max-width: 1100px) {
         .show-programs .program a {
           font-size: 16px; } }
       @media screen and (max-width: 700px) {
         .show-programs .program a {
           margin-bottom: 0; } }
       .show-programs .program a img {
         width: 100%; }
     .show-programs .program.visible {
       display: block; }
     .show-programs .program .program-type {
       display: block;
       margin-top: 12px; }
       @media screen and (max-width: 1100px) {
         .show-programs .program .program-type {
           font-size: 15px; } }
       @media screen and (max-width: 700px) {
         .show-programs .program .program-type {
           margin-top: 5px; } }
     .show-programs .program .program-details {
       float: left;
       width: 75%;
       padding-left: 20px; }
       .show-programs .program .program-details a {
         margin-top: -2px; }
 
 .explore-programs-page .main-content {
   padding-top: 0; }
   .explore-programs-page .main-content .teal-band a {
     opacity: 0;
     cursor: default;
     transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s; }
     .explore-programs-page .main-content .teal-band a.on {
       opacity: 1;
       cursor: pointer; }
       .explore-programs-page .main-content .teal-band a.on:hover {
         background-color: #005658; }
 
 .teal-band {
   background-color: #006f71;
   margin-bottom: 0; }
   .teal-band a {
     text-align: center;
     margin-top: -1px;
     color: white;
     padding: 12px;
     font-size: 21px;
     display: block; }
     @media screen and (max-width: 1100px) {
       .teal-band a {
         font-size: 18px; } }
     .teal-band a .last-word {
       display: inline-block;
       padding-right: 25px;
       position: relative; }
       .teal-band a .last-word:after {
         content: "";
         background-size: 13px;
         background-repeat: no-repeat;
         background-position: center right;
         width: 13px;
         height: 16px;
         display: block;
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -7px;
         background-image: url(/media/coastal-now-arrow-down@2x2.png); }
         @media screen and (max-width: 1100px) {
           .teal-band a .last-word:after {
             background-size: 11px;
             background-repeat: no-repeat;
             background-position: center right;
             width: 11px;
             height: 14px; } }
     .teal-band a:hover {
       text-decoration: none; }
 
 /* ==========================================================================
    STEPS STYLES
    ========================================================================== */
 .steps {
   margin-top: 200px;
   margin-top: 30vh;
   background: rgba(0, 0, 0, 0.2); }
   @media screen and (max-width: 1100px) {
     .steps {
       display: none; } }
   .steps .inner {
     overflow: hidden;
     padding: 5px 25px; }
     .steps .inner p {
       font-size: 60px;
       color: white;
       display: inline-block;
       float: left;
       text-transform: uppercase;
       font-weight: 200;
       margin: 0; }
   .steps .step-list {
     min-width: 500px;
     overflow: hidden; }
     @media screen and (max-width: 1100px) {
       .steps .step-list {
         margin: 0; } }
     .steps .step-list li {
       display: inline-block;
       /* width: 33.333%; */
       width: 25%;
       float: left;
       text-align: center; }
       .steps .step-list li a {
         color: white;
         font-size: 22px;
         font-weight: 600;
         position: relative;
         display: block;
         white-space: nowrap;
         text-decoration: none; }
         .steps .step-list li a span.visit {
           position: relative;
           display: block;
           margin: 10px auto 15px auto;
           width: 50px;
           height: 50px;
           text-indent: -9999px;
           border-radius: 50px;
           background-color: white;
           box-shadow: 0 0 0 3px #a27752; }
           @media screen and (max-width: 1100px) {
             .steps .step-list li a span.visit {
               width: 37px;
               height: 37px; } }
           .steps .step-list li a span.visit:after {
             background-color: #a27752;
             background-image: url(/media/cta_visit@2x.png);
             background-size: 22px; }
             @media screen and (max-width: 1100px) {
               .steps .step-list li a span.visit:after {
                 background-size: 20px; } }
         .steps .step-list li a span.apply {
           position: relative;
           display: block;
           margin: 10px auto 15px auto;
           width: 50px;
           height: 50px;
           text-indent: -9999px;
           border-radius: 50px;
           background-color: white;
           box-shadow: 0 0 0 3px #006f71; }
           @media screen and (max-width: 1100px) {
             .steps .step-list li a span.apply {
               width: 37px;
               height: 37px; } }
           .steps .step-list li a span.apply:after {
             background-color: #006f71;
             background-image: url(/media/cta_apply@2x.png);
             background-size: 22px; }
             @media screen and (max-width: 1100px) {
               .steps .step-list li a span.apply:after {
                 background-size: 20px; } }
         .steps .step-list li a span.request-info {
           position: relative;
           display: block;
           margin: 10px auto 15px auto;
           width: 50px;
           height: 50px;
           text-indent: -9999px;
           border-radius: 50px;
           background-color: white;
           box-shadow: 0 0 0 3px #424242; }
           @media screen and (max-width: 1100px) {
             .steps .step-list li a span.request-info {
               width: 37px;
               height: 37px; } }
           .steps .step-list li a span.request-info:after {
             background-color: #424242;
             background-image: url(/media/cta_info@2x.png);
             background-size: 11px; }
             @media screen and (max-width: 1100px) {
               .steps .step-list li a span.request-info:after {
                 background-size: 11px; } }
                 
         /* ADDED BY MP 01/20/2018 TOUR */
         .steps .step-list li a span.vtour {
           position: relative;
           display: block;
           margin: 10px auto 15px auto;
           width: 50px;
           height: 50px;
           text-indent: -9999px;
           border-radius: 50px;
           background-color: #006f71;
           box-shadow: 0 0 0 4px #006f71; }
           @media screen and (max-width: 1100px) {
             .steps .step-list li a span.vtour {
               width: 37px;
               height: 37px; } }
           .steps .step-list li a span.vtour:after {
             background-color: #FFFFFF;
             background-image: url(/media/2015ccuwebsite/contentassets/images/coastalnow/misc/cta_tour-teal@2x.png);
             background-size: 22px; }
             @media screen and (max-width: 1100px) {
               .steps .step-list li a span.vtour:after {
                 background-size: 20px; } }
          /* END ADDED BY MP 01/20/2018 TOUR */
          
         .steps .step-list li a:hover span:after {
           -webkit-transform: scale(0.85);
           -moz-transform: scale(0.85);
           -ms-transform: scale(0.85);
           transform: scale(0.85); }
 
 .explore .steps {
   margin-top: 0;
   background: transparent;
   padding: 70px 0; }
   .explore .steps .inner p {
     color: #424242; }
   @media screen and (max-width: 1100px) {
     .explore .steps .inner p {
       font-size: 30px;
       text-align: center;
       display: block;
       float: none; } }
   .explore .steps .step-list li:first-child a {
     color: #006f71; }
   .explore .steps .step-list li:nth-child(2) a {
     color: #a27752; }
   .explore .steps .step-list li:nth-child(3) a {
     color: #424242; }
     
   /* ADDED BY MARTY PARKER 01/30/2018 */
   .explore .steps .step-list li:nth-child(4) a {
     color: #006f71; }
     
   .explore .steps .step-list li a {
     color: #424242; }
     @media screen and (max-width: 1100px) {
       .explore .steps .step-list li a {
         font-size: 18px; } }
   @media screen and (max-width: 750px) {
     .explore .steps .table-style,
     .explore .steps .td-style {
       width: 100%;
       float: none;
       display: block; }
       .explore .steps .table-style p,
       .explore .steps .td-style p {
         text-align: left; }
       .explore .steps .table-style .step-list,
       .explore .steps .td-style .step-list {
         padding-left: 0; }
         .explore .steps .table-style .step-list li,
         .explore .steps .td-style .step-list li {
           text-align: left; }
           .explore .steps .table-style .step-list li a,
           .explore .steps .td-style .step-list li a {
             padding-left: 55px;
             padding-top: 10px;
             padding-bottom: 10px; }
           .explore .steps .table-style .step-list li .circle,
           .explore .steps .td-style .step-list li .circle {
             position: absolute;
             left: 4px;
             top: 50%;
             margin-top: -15px;
             width: 30px;
             height: 30px; }
             .explore .steps .table-style .step-list li .circle.apply:after,
             .explore .steps .td-style .step-list li .circle.apply:after {
               background-size: 16px; }
             .explore .steps .table-style .step-list li .circle.visit:after,
             .explore .steps .td-style .step-list li .circle.visit:after {
               background-size: 16px; }
             .explore .steps .table-style .step-list li .circle.request-info:after,
             .explore .steps .td-style .step-list li .circle.request-info:after {
               background-size: 8px; } }
   @media screen and (max-width: 750px) {
     .explore .steps li {
       width: 100%;
       float: none; } }
   @media screen and (max-width: 1100px) {
     .explore .steps {
       display: block;
       padding: 20px 0; } }
 
 /* ==========================================================================
    EXPLORE MODULE STYLES
    ========================================================================== */
 .tabs-content div.explore-grid {
   display: none; }
   .tabs-content div.explore-grid .grid-1-slider,
   .tabs-content div.explore-grid .grid-2-slider,
   .tabs-content div.explore-grid .grid-3-slider,
   .tabs-content div.explore-grid .grid-4-slider {
     margin: 0 -8px;
     overflow: hidden; }
 .tabs-content div.active {
   display: block; }
 
 .explore-tabs-wrapper {
   overflow: hidden; }
   @media screen and (max-width: 500px) {
     .explore-tabs-wrapper {
       margin-right: -25px; } }
 
 .button-mobile {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 1000;
   overflow: hidden;
   display: none;
   cursor: pointer; }
   @media screen and (max-width: 750px) {
     .button-mobile {
       display: block; } }
 
 .explore-tabs-inner {
   position: relative;
   background: white;
   border-bottom: 1px solid #a27752; }
   .explore-tabs-inner.on {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 100;
     background-color: white; }
     .explore-tabs-inner.on .tabs-nav {
       margin: 0; }
       @media screen and (min-width: 750px) {
         .explore-tabs-inner.on .tabs-nav li a {
           padding: 25px 15px; } }
       .explore-tabs-inner.on .tabs-nav li.active a:after, .explore-tabs-inner.on .tabs-nav li.active a:before {
         top: 83px; }
         @media screen and (max-width: 1100px) {
           .explore-tabs-inner.on .tabs-nav li.active a:after, .explore-tabs-inner.on .tabs-nav li.active a:before {
             top: 80px; } }
     .explore-tabs-inner.on h2 {
       -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
       transition: all 0.2s; }
       @media screen and (min-width: 750px) {
         .explore-tabs-inner.on h2 {
           font-size: 2.6vw; } }
   @media screen and (max-width: 750px) {
     .explore-tabs-inner {
       border-bottom: 0px; }
       .explore-tabs-inner.on {
         position: relative;
         top: auto;
         right: auto;
         left: auto; } }
   .explore-tabs-inner .table-style .td-style:nth-child(3) {
     width: 262px; }
     @media screen and (max-width: 900px) {
       .explore-tabs-inner .table-style .td-style:nth-child(3) {
         width: 0; } }
 
 .explore-tabs.on {
   background-color: #e9f2f5; }
 @media screen and (max-width: 750px) {
   .explore-tabs {
     position: relative;
     border-bottom: 1px solid #a27752; }
     .explore-tabs .explore-tabs-inner {
       padding: 12px 0; } }
 .explore-tabs:after, .explore-tabs:before {
   top: 100%;
   left: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   display: none; }
   @media screen and (max-width: 750px) {
     .explore-tabs:after, .explore-tabs:before {
       display: block; } }
 .explore-tabs:before {
   border-color: rgba(144, 145, 94, 0);
   border-top-color: #90915e;
   border-width: 21px;
   margin-left: -29px; }
 .explore-tabs:after {
   border-color: rgba(255, 255, 255, 0);
   border-top-color: #fff;
   border-width: 20px;
   margin-left: -28px; }
 .explore-tabs h2 {
   font-size: 2.6vw;
   font-weight: 300;
   margin: 0;
   width: 330px; }
   @media screen and (max-width: 1100px) {
     .explore-tabs h2 {
       font-size: 30px;
       margin: 0;
       width: 230px; } }
   @media screen and (max-width: 700px) {
     .explore-tabs h2 {
       font-size: 5.5vw;
       display: inline-block;
       float: left;
       width: auto; } }
 @media screen and (max-width: 700px) {
   .explore-tabs.on h2 {
     font-size: 5.5vw; } }
 .explore-tabs .cta-group-wrapper {
   position: fixed;
   top: 125px;
   right: 0;
   left: 0;
   width: 100%; }
   .explore-tabs .cta-group-wrapper .cta-group-inner {
     margin: 0 auto;
     max-width: 1250px;
     padding: 0 25px;
     overflow: hidden; }
   .explore-tabs .cta-group-wrapper.on {
     position: relative;
     top: 50%;
     right: auto; }
     .explore-tabs .cta-group-wrapper.on .cta-group-inner {
       padding: 0; }
   @media screen and (max-width: 900px) {
     .explore-tabs .cta-group-wrapper {
       display: none; } }
 @media screen and (max-width: 1100px) {
   .explore-tabs .tabs-nav {
     margin: 0; } }
 @media screen and (max-width: 900px) {
   .explore-tabs .tabs-nav {
     display: inline-block;
     float: right; }
     .explore-tabs .tabs-nav li:last-child a {
       padding-right: 0; } }
 .explore-tabs .tabs-nav:after {
   content: "";
   clear: both;
   display: block;
   visibility: hidden; }
 .explore-tabs .tabs-nav li {
   float: left;
   display: inline-block;
   list-style: none; }
   .explore-tabs .tabs-nav li a {
     position: relative;
     display: block;
     padding: 30px 15px;
     font-weight: 300;
     font-size: 22px;
     color: #a27752;
     outline: none;
     transition: padding 0.2s;
     -moz-transition: padding 0.2s;
     -webkit-transition: padding 0.2s; }
     .explore-tabs .tabs-nav li a:hover {
       text-decoration: none; }
     @media screen and (max-width: 1100px) {
       .explore-tabs .tabs-nav li a {
         font-size: 20px; } }
   .explore-tabs .tabs-nav li.active a {
     color: #424242; }
     .explore-tabs .tabs-nav li.active a:after, .explore-tabs .tabs-nav li.active a:before {
       top: 117px;
       left: 50%;
       border: solid transparent;
       content: " ";
       height: 0;
       width: 0;
       position: absolute;
       pointer-events: none; }
       @media screen and (max-width: 1100px) {
         .explore-tabs .tabs-nav li.active a:after, .explore-tabs .tabs-nav li.active a:before {
           top: 90px; } }
     .explore-tabs .tabs-nav li.active a:after {
       border-color: rgba(255, 255, 255, 0);
       border-top-color: #fff;
       border-width: 20px;
       margin-left: -20px; }
       @media screen and (max-width: 1100px) {
         .explore-tabs .tabs-nav li.active a:after {
           border-width: 14px;
           margin-left: -14px; } }
     .explore-tabs .tabs-nav li.active a:before {
       border-color: rgba(144, 145, 94, 0);
       border-top-color: #a27752;
       border-width: 21px;
       margin-left: -21px; }
       @media screen and (max-width: 1100px) {
         .explore-tabs .tabs-nav li.active a:before {
           border-width: 15px;
           margin-left: -15px; } }
   .explore-tabs .tabs-nav li:hover a {
     color: #424242; }
 
 @media screen and (max-width: 750px) {
   .explore-tabs .tabs-nav {
     display: none; } }
 
 .mobile-tab-toggle {
   margin: 0;
   position: relative;
   float: right;
   display: inline-block;
   margin-right: 25px;
   padding-right: 35px;
   display: none;
   font-size: 18px;
   font-size: 3vw; }
   @media screen and (max-width: 750px) {
     .mobile-tab-toggle {
       display: block; } }
   @media screen and (max-width: 700px) {
     .mobile-tab-toggle {
       font-size: 5vw; } }
   .mobile-tab-toggle:after {
     content: "";
     background-image: url(/media/arrow-nav-white-down@2x.png);
     background-size: 12px;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: #a27752;
     width: 22px;
     height: 22px;
     display: block;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     top: 50%;
     margin-top: -11px;
     right: 0; }
   .mobile-tab-toggle.active:after {
     background-image: url(/media/arrow-nav-up@2x.png); }
 
 .mobile-explore-tabs .tabs-nav {
   display: none;
   padding-left: 0;
   padding-top: 20px;
   padding-bottom: 10px;
   position: absolute;
   background: white;
   z-index: 150;
   top: 100%;
   left: -25px;
   right: 0;
   margin-left: -12.5px; }
   @media screen and (max-width: 750px) {
     .mobile-explore-tabs .tabs-nav {
       display: none;
       margin-left: 0; }
       .mobile-explore-tabs .tabs-nav li {
         display: block;
         text-align: center;
         float: none; }
         .mobile-explore-tabs .tabs-nav li a {
           font-size: 22px;
           padding: 10px 0; }
           .mobile-explore-tabs .tabs-nav li a:after {
             content: none !important; }
           .mobile-explore-tabs .tabs-nav li a:before {
             content: none !important; } }
 
 .explore {
   background: #e9f2f5;
   border-bottom: 1px solid #006f71;
   padding: 110px 0 0 0;
   margin: 0 auto 50px auto; }
   @media screen and (max-width: 1100px) {
     .explore {
       padding: 80px 0 0 0;
       margin: 0 -8px 25px -8px; } }
   @media screen and (max-width: 750px) {
     .explore {
       padding-top: 30px; } }
   .explore .explore-grid {
     overflow: hidden; }
   .explore .explore-item {
     width: 33.333%;
     float: left;
     display: inline-block;
     position: relative;
     z-index: 2;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     border: 8px solid #e9f2f5; }
     @media screen and (max-width: 500px) {
       .explore .explore-item {
         width: 100%;
         display: block;
         opacity: 1 !important; } }
     .explore .explore-item img {
       vertical-align: top;
       width: 100%;
       height: auto;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       transition: all 0.2s ease; }
     .explore .explore-item .link-overlay {
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       z-index: 10; }
     .explore .explore-item:hover img {
       -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
       transform: scale(1.2);
       -webkit-transition: all 10s ease;
       -moz-transition: all 10s ease;
       transition: all 10s ease; }
     .explore .explore-item figure {
       overflow: hidden;
       position: relative; }
       .explore .explore-item figure .link-overlay {
         display: block;
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         cursor: pointer;
         z-index: 11; }
     .explore .explore-item figcaption {
       text-align: center;
       padding: 30px 20px;
       font-size: 18px;
       background-color: white;
       position: relative;
       z-index: 10; }
       @media screen and (max-width: 1100px) {
         .explore .explore-item figcaption {
           font-size: 16px;
           padding: 15px;
           min-height: 64px; } }
       @media screen and (max-width: 750px) {
         .explore .explore-item figcaption {
           font-size: 16px;
           padding: 15px;
           min-height: 72px; } }
     .explore .explore-item.feature-item {
       background: #a27752;
       color: white;
       text-align: center;
       padding: 30px;
       padding-bottom: 80px; }
       @media screen and (max-width: 700px) {
         .explore .explore-item.feature-item {
           padding-top: 25px;
           padding-right: 20px;
           padding-left: 20px; } }
       .explore .explore-item.feature-item .table-style {
         height: 100%; }
       .explore .explore-item.feature-item p {
         font-size: 26px;
         font-size: 1.8vw;
         margin-bottom: 0; }
         @media screen and (min-width: 1100px) {
           .explore .explore-item.feature-item p {
             font-size: 24px; } }
         @media screen and (max-width: 500px) {
           .explore .explore-item.feature-item p {
             font-size: 6vw;
             margin-top: 10px; } }
       .explore .explore-item.feature-item .stat {
         font-size: 120px;
         font-size: 8.4vw;
         line-height: 0.9;
         margin: 0 0.2em 0 0.2em; }
         @media screen and (min-width: 1100px) {
           .explore .explore-item.feature-item .stat {
             font-size: 80px; } }
         @media screen and (max-width: 500px) {
           .explore .explore-item.feature-item .stat {
             font-size: 20vw; } }
       .explore .explore-item.feature-item .arrow-link {
         color: white;
         width: 100%;
         margin-left: -30px;
         padding: 30px 30px;
         display: block;
         position: absolute;
         bottom: 0;
         font-size: 26px;
         transition: all 0.2s;
         -webkit-transition: all 0.2s;
         -moz-transition: all 0.2s; }
         @media screen and (max-width: 700px) {
           .explore .explore-item.feature-item .arrow-link {
             margin-left: -20px; } }
         @media screen and (max-width: 1100px) {
           .explore .explore-item.feature-item .arrow-link {
             font-size: 16px;
             padding: 20px; } }
         @media screen and (max-width: 750px) {
           .explore .explore-item.feature-item .arrow-link {
             text-align: left; } }
         .explore .explore-item.feature-item .arrow-link .last-word {
           padding-right: 0; }
           .explore .explore-item.feature-item .arrow-link .last-word:after {
             content: "";
             background-image: url(/media/coastal-now-arrow@2x2.png);
             background-size: 27px;
             background-repeat: no-repeat;
             background-position: center right;
             display: inline-block;
             width: 27px;
             height: 20px;
             position: relative;
             top: 3px;
             margin-left: 10px;
             right: 0;
             transition: right 0.05s;
             -webkit-transition: right 0.05s;
             -moz-transition: right 0.05s; }
             @media screen and (max-width: 1100px) {
               .explore .explore-item.feature-item .arrow-link .last-word:after {
                 background-size: 18px;
                 width: 18px; } }
       .explore .explore-item.feature-item:hover .arrow-link {
         background-color: #ab8564; }
         .explore .explore-item.feature-item:hover .arrow-link .last-word:after {
           right: -3px; }
     .explore .explore-item.video-item .video-play-button {
       position: relative; }
       .explore .explore-item.video-item .video-play-button:after {
         content: "";
         width: 100px;
         height: 100px;
         background-image: url(/media/play@2x.png);
         background-size: 36px;
         background-repeat: no-repeat;
         background-position: 36px 22px;
         background-color: rgba(162, 119, 82, 0.9);
         border-radius: 50%;
         display: inline-block;
         position: absolute;
         top: 50%;
         left: 50%;
         margin-top: -50px;
         margin-left: -50px; }
         @media screen and (max-width: 750px) {
           .explore .explore-item.video-item .video-play-button:after {
             width: 50px;
             height: 50px;
             margin-top: -25px;
             margin-left: -25px;
             background-size: 20px;
             background-position: 18px 10px; } }
 
 .touch .explore-item:hover img {
   -webkit-transform: none;
   -moz-transform: none;
   transform: none; }
 
 /* ==========================================================================
    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: #a27752;
               border-radius: 50%;
               display: block;
               position: absolute;
               right: 0;
               top: 50%;
               margin-top: -15px;
               background-image: url(/media/coastal-now-arrow@2x2.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: #a27752; }
       .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 (min-width: 1100px) {
           .tiles .tile.feature-tile .tile-inner .tile-title {
             font-size: 36px; } }
         @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(/media/coastal-now-arrow@2x2.png);
         background-size: 27px;
         background-color: transparent;
         margin-top: -13px; }
 
 .tiles.tile-large-bg {
   position: relative;
   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(/media/2015ccuwebsite/contentassets/images/admissions.jpg); }
   .tiles.tile-large-bg.campus-life {
     background-image: url(/media/2015ccuwebsite/contentassets/images/large-bg-tiles-campus-life.jpg); }
   .tiles.tile-large-bg.generic-background {
     background-image: url(/media/2015ccuwebsite/contentassets/images/generic-background.jpg); }  
   .tiles.tile-large-bg.global-initiatives {
     background-image: url(/media/2015ccuwebsite/contentassets/images/global-initiatives.jpg); }
   .tiles.tile-large-bg.Atheneum_flora {
     background-image: url(/media/2015ccuwebsite/contentassets/images/Atheneum_flora.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 #b7bdbf;
       background: transparent;
       color: #006f71;
       font-size: 18px; }
       .tiles.tile-large-bg .tile .tile-inner .tile-title .last-word:after {
         width: 20px;
         height: 20px;
         background-image: url(/media/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: #a27752;
       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: #a27752;
         background-image: url(/media/coastal-now-arrow@2x2.png);
         background-size: 18px; }
     .tiles.tile-large-bg .tile.feature-tile .tile-inner .td-style {
       padding-right: 0; } }
 
 .touch .tiles.tile-large-bg {
   background-position: 0 0 !important;
   background-attachment: none !important; }
 
 @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 #b7bdbf;
     background: transparent;
     color: #006f71;
     font-size: 18px; }
     .tiles.no-tile-large-bg .tile .tile-inner .tile-title .last-word:after {
       width: 20px;
       height: 20px;
       background-image: url(/media/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: #a27752;
     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: #a27752;
       background-image: url(/media/coastal-now-arrow@2x2.png);
       background-size: 18px; }
   .tiles.no-tile-large-bg .tile.feature-tile .tile-inner .td-style {
     padding-right: 0; } }
 
 /* ==========================================================================
    GRID MODULE STYLES
    ========================================================================== */
 .grid {
   overflow: hidden; }
   .grid .grid-item {
     display: inline-block;
     float: left; }
     .grid .grid-item img {
       display: block;
       vertical-align: top; }
     .grid .grid-item ul.instagram {
       padding-left: 0;
       padding-right: 0;
       margin: 0; }
       .grid .grid-item ul.instagram img {
         margin-top: 0; }
       @media screen and (max-width: 900px) {
         .grid .grid-item ul.instagram li {
           width: 50%;
           float: left;
           display: inline-block; } }
       @media screen and (max-width: 900px) {
         .grid .grid-item ul.instagram li:first-child {
           position: absolute;
           top: -100%;
           right: 0; } }
       @media screen and (max-width: 700px) {
         .grid .grid-item ul.instagram li:first-child {
           position: static;
           top: auto;
           right: auto; } }
     .grid .grid-item.grid-item-one {
       width: 44.95%; }
       .grid .grid-item.grid-item-one .tweet-inner {
         position: absolute;
         top: 0;
         bottom: 0; }
         @media screen and (max-width: 750px) {
           .grid .grid-item.grid-item-one .tweet-inner {
             position: static; } }
       .grid .grid-item.grid-item-one .tweet {
         background-color: white;
         background-image: url(/media/provided-tweetie.png);
         background-size: 80px;
         background-repeat: no-repeat;
         background-position: 20px center;
         height: 0;
         padding: 4.9% 20px 27% 120px;
         position: relative; }
         @media screen and (max-width: 1100px) {
           .grid .grid-item.grid-item-one .tweet {
             background-size: 60px; } }
         @media screen and (max-width: 900px) {
           .grid .grid-item.grid-item-one .tweet {
             background-position: center 20px;
             padding: 20px;
             height: auto;
             min-height: 200px; } }
         .grid .grid-item.grid-item-one .tweet ul {
           margin: 0;
           padding-left: 0;
           position: relative;
           left: 0;
           height: 100%;
           top: 0;
           vertical-align: middle;
           display: table;
           width: 100%; }
           @media screen and (max-width: 1100px) {
             .grid .grid-item.grid-item-one .tweet ul {
               left: -20px; } }
           @media screen and (max-width: 900px) {
             .grid .grid-item.grid-item-one .tweet ul {
               position: static;
               display: block;
               padding-top: 100px;
               width: 100%;
               left: auto; } }
         .grid .grid-item.grid-item-one .tweet p {
           margin: 0; }
         .grid .grid-item.grid-item-one .tweet li:last-child {
           display: none; }
         .grid .grid-item.grid-item-one .tweet li {
           list-style: none;
           display: table-cell;
           vertical-align: middle;
           font-size: 18px;
           line-height: 1.4;
           font-size: 1.3vw; }
           @media screen and (max-width: 1100px) {
             .grid .grid-item.grid-item-one .tweet li {
               font-size: 1.45vw; } }
           @media screen and (max-width: 900px) {
             .grid .grid-item.grid-item-one .tweet li {
               font-size: 16px;
               line-height: 1.8; } }
       .grid .grid-item.grid-item-one .tile {
         padding-bottom: 49%; }
       @media screen and (max-width: 900px) {
         .grid .grid-item.grid-item-one {
           width: 100%; } }
       @media screen and (max-width: 900px) {
         .grid .grid-item.grid-item-one .tiles {
           width: 50%; }
           .grid .grid-item.grid-item-one .tiles .tile {
             padding-bottom: 100%; } }
       @media screen and (max-width: 700px) {
         .grid .grid-item.grid-item-one .tiles {
           width: 100%; } }
     .grid .grid-item.grid-item-two {
       width: 18.2%;
       min-height: 1px; }
       .grid .grid-item.grid-item-two img {
         width: 100%; }
       @media screen and (max-width: 900px) {
         .grid .grid-item.grid-item-two {
           width: 100%;
           position: relative; } }
     .grid .grid-item.grid-item-three {
       width: 36.7%; }
       .grid .grid-item.grid-item-three .tile {
         padding-bottom: 99%; }
       .grid .grid-item.grid-item-three img {
         width: 100%; }
       @media screen and (max-width: 900px) {
         .grid .grid-item.grid-item-three {
           width: 50%;
           height: 50%;
           padding-bottom: 0;
           position: absolute;
           bottom: 30px;
           right: 0; }
           .grid .grid-item.grid-item-three .tile {
             padding-bottom: 100%;
             width: 100%;
             position: absolute;
             bottom: 0; } }
       @media screen and (max-width: 700px) {
         .grid .grid-item.grid-item-three {
           position: static;
           width: 100%; }
           .grid .grid-item.grid-item-three .tiles {
             position: relative; }
           .grid .grid-item.grid-item-three .tile {
             position: static; } }
     .grid .grid-item .tiles {
       margin: 0; }
       .grid .grid-item .tiles .tile {
         width: 100%;
         float: none; }
         @media screen and (max-width: 900px) {
           .grid .grid-item .tiles .tile {
             display: block; } }
       .grid .grid-item .tiles .tile-inner {
         border: 0; }
 
 /* ==========================================================================
    THREE QUOTES MODULE STYLES
    ========================================================================== */
 .section.three-col {
   width: auto;
   margin: 0 -30px; }
   @media screen and (max-width: 1100px) {
     .section.three-col {
       width: auto;
       margin: 0 -5px; } }
   .section.three-col .col {
     margin-left: 0;
     width: 33.333%;
     border-left: 30px solid white;
     border-right: 30px solid white;
     margin-bottom: 0; }
     @media screen and (max-width: 700px) {
       .section.three-col .col {
         width: 100%;
         border: 0;
         margin-bottom: 0px; } }
     .section.three-col .col .video-item {
       position: relative; }
       .section.three-col .col .video-item:after {
         content: "";
         width: 50px;
         height: 50px;
         background-image: url(/media/play@2x.png);
         background-size: 15px;
         background-repeat: no-repeat;
         background-position: 20px 14px;
         background-color: rgba(162, 119, 82, 0.9);
         border-radius: 50%;
         display: inline-block;
         position: absolute;
         bottom: 50%;
         margin-bottom: -25px;
         left: 50%;
         margin-left: -25px; }
     .section.three-col .col h5 {
       margin: 20px 0 0 0;
       font-size: 24px; }
     .section.three-col .col .detail-text {
       margin: 5px 0 0 0;
       font-size: 16px;
       font-weight: 600; }
       @media screen and (max-width: 1100px) {
         .section.three-col .col .detail-text {
           font-size: 14px; } }
     .section.three-col .col .further-details {
       font-size: 16px;
       margin: 5px 0; }
     @media screen and (max-width: 1100px) {
       .section.three-col .col {
         border-left: 5px solid white;
         border-right: 5px solid white; } }
     .section.three-col .col .arrow-link {
       padding-top: 0; }
   .section.three-col .image-with-heading a {
     display: block;
     position: relative; }
     .section.three-col .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); }
     .section.three-col .image-with-heading a:hover:after {
       opacity: 1; }
     .section.three-col .image-with-heading a img {
       width: 100%;
       vertical-align: top; }
   @media screen and (max-width: 750px) and (min-width: 700px) {
     .section.three-col .col-inner {
       padding-right: 20px; } }
   @media screen and (max-width: 700px) {
     .section.three-col .col-inner {
       padding-bottom: 25px; } }
 
 @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: 40px;
   font-size: 20px;
   margin-top: 8px;
   margin-bottom: 0; }
   @media screen and (max-width: 1100px) {
     .quote {
       padding-right: 20px; } }
   .quote:before {
     content: '"';
     margin-right: 15px;
     color: #a27752;
     font-size: 60px;
     position: absolute;
     left: 0;
     top: -20px;
     font-weight: 600; }
 
 /* ==========================================================================
    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 #b7bdbf;
         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 #006f71; }
         .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(/media/brown-arrow@2x.png); }
       .programs-module .program-list li.program-cta a {
         border: 1px solid #a27752;
         color: #a27752; }
         .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 #a27752; }
         .programs-module .program-list li.program-cta a:hover .last-word:after {
           right: -3px; }
 
 /* ==========================================================================
    PROFILE MODULE STYLES
    ========================================================================== */
 .profile-blocks .profile-block {
   margin-bottom: 15px;
   background: #e9f2f5;
   overflow: hidden; }
   @media screen and (max-width: 750px) {
     .profile-blocks .profile-block {
       padding-top: 20%;
       position: relative;
       margin-right: 15px;
       height: 100%; } }
   .profile-blocks .profile-block .img-block {
     float: left;
     display: inline-block;
     width: 30%; }
     .profile-blocks .profile-block .img-block img {
       width: 100%;
       vertical-align: top; }
     @media screen and (max-width: 750px) {
       .profile-blocks .profile-block .img-block:not(.profile) {
         display: none; } }
     @media screen and (max-width: 750px) {
       .profile-blocks .profile-block .img-block {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%; } }
   .profile-blocks .profile-block .text-block {
     float: left;
     display: inline-block;
     padding: 20px;
     width: 40%; }
     .profile-blocks .profile-block .text-block p {
       font-size: 15px;
       font-size: 1.25vw;
       line-height: 1.3; }
       @media screen and (min-width: 1100px) {
         .profile-blocks .profile-block .text-block p {
           font-size: 16px; } }
       @media screen and (max-width: 1100px) {
         .profile-blocks .profile-block .text-block p {
           font-size: 16px;
           font-size: 1.7vw; } }
       @media screen and (max-width: 900px) {
         .profile-blocks .profile-block .text-block p {
           font-size: 16px;
           font-size: 1.9vw; } }
       @media screen and (max-width: 750px) {
         .profile-blocks .profile-block .text-block p {
           display: none; }
           .profile-blocks .profile-block .text-block p.attribution {
             display: block; } }
     .profile-blocks .profile-block .text-block h4 {
       color: #006f71;
       font-size: 22px;
       margin: 0.2em 0; }
       @media screen and (max-width: 750px) {
         .profile-blocks .profile-block .text-block h4 {
           margin-top: 0; } }
     .profile-blocks .profile-block .text-block .attribution {
       font-size: 16px;
       font-weight: 600;
       margin: 0; }
     @media screen and (max-width: 750px) {
       .profile-blocks .profile-block .text-block {
         width: 100%;
         padding-top: 0; } }
 @media screen and (max-width: 750px) {
   .profile-blocks {
     margin-right: -25px; }
     .profile-blocks p, .profile-blocks h4 {
       padding-right: 25px; } }
 
 /* ==========================================================================
    BX SLIDER STYLES
    ========================================================================== */
 .bx-wrapper {
   position: relative;
   margin: 0 auto 20px 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%; }
   .bx-wrapper .bx-prev {
     left: 20px;
     overflow: hidden; }
   .bx-wrapper .bx-next {
     right: 20px;
     overflow: hidden; }
   .bx-wrapper .bx-pager,
   .bx-wrapper .bx-controls-auto {
     position: absolute;
     bottom: 0px;
     width: 100%;
     z-index: 100; }
   @media screen and (max-width: 750px) {
     .bx-wrapper {
       margin-bottom: 0; } }
 
 .bx-wrapper .bx-loading {
   min-height: 50px;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000; }
 
 .bx-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: bold; }
 
 @media screen and (max-width: 750px) {
   .typical-slider-module .captions-wrapper {
     margin-bottom: 20px; } }
 
 .hero .bx-pager {
   display: none; }
 
 .hero .bx-controls {
   top: 0; }
 
 .pager-wrapper {
   position: absolute;
   z-index: 1000000;
   display: block;
   width: 100%;
   bottom: 0; }
 
 .bx-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   text-indent: -9999px;
   z-index: 100;
   transition: none; }
 
 .bx-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: #666;
   background: rgba(80, 80, 80, 0.75);
   width: 100%; }
 
 .bx-wrapper .bx-caption span {
   color: #fff;
   display: block; }
 
 .typical-slider-wrapper {
   position: relative; }
   .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: rgba(0, 0, 0, 0.5);
     color: white;
     z-index: 100; }
     @media screen and (max-width: 750px) {
       .typical-slider-wrapper .caption {
         background-color: transparent; } }
   .typical-slider-wrapper .typical-slider {
     margin-top: 0;
     list-style: none; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper {
       margin: 0 -25px; } }
 
 .typical-slider-wrapper .caption-wrapper,
 .typical-slider-wrapper .captions-wrapper {
   position: absolute;
   bottom: -5px;
   width: 100%;
   z-index: 100; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .caption-wrapper,
     .typical-slider-wrapper .captions-wrapper {
       position: relative;
       background-color: #e9f2f5;
       bottom: auto; } }
 
 .typical-slider-wrapper .external-captions,
 .typical-slider-wrapper .caption {
   bottom: 5px;
   width: 100%;
   height: auto;
   padding: 29px 110px;
   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: 10px 80px 20px 85px; } }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .external-captions,
     .typical-slider-wrapper .caption {
       bottom: 0;
       padding: 15px 20px 25px 20px; } }
 
 .typical-slider-wrapper .external-captions p,
 .typical-slider-wrapper .caption p {
   margin: 0;
   color: white;
   line-height: 1.2; }
   @media screen and (max-width: 750px) {
     .typical-slider-wrapper .external-captions p,
     .typical-slider-wrapper .caption p {
       color: #424242; } }
 
 .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 {
   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 {
       font-size: 22px;
       margin-bottom: 3px; } }
   @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 {
       color: #424242; } }
 
 .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: 20px;
   display: block;
   text-indent: -999999px;
   position: absolute;
   z-index: 1000;
   outline: none;
   transition: none; }
 
 .typical-slider-wrapper .next,
 .typical-slider-wrapper .bx-next,
 .typical-slider-wrapper .prev-slide {
   right: 20px;
   display: block;
   text-indent: -999999px;
   position: absolute;
   z-index: 999;
   transition: none;
   outline: none; }
 
 .typical-slider-wrapper .sy-pager,
 .typical-slider-wrapper .bx-pager-item a {
   overflow: hidden;
   display: inline-block;
   float: left;
   width: 100%;
   margin: -5px 0 0 0;
   padding: 0;
   list-style: none;
   z-index: 999;
   height: 6px;
   transition: none;
   outline: none; }
 
 .typical-slider-wrapper .sy-pager li,
 .typical-slider-wrapper .bx-pager-item a {
   width: 25%;
   margin: 0;
   vertical-align: bottom;
   text-indent: -999999px;
   background-color: black; }
 
 .typical-slider-wrapper .sy-pager li.sy-active a,
 .typical-slider-wrapper .bx-pager-item a.active {
   background-color: #EBAB00; }
 
 .typical-slider-wrapper .sy-pager li a:link, .sy-pager li a:visited {
   opacity: 1.0 !important; }
 
 .bx-wrapper li .caption {
   display: none; }
 
 .prev, .bx-prev {
   width: 52px;
   height: 52px;
   top: 50%;
   margin-top: -27px;
   left: 15px;
   background-color: white;
   border-radius: 50%;
   box-shadow: 0 0 0 3px #a27752; }
   .prev:after, .bx-prev:after {
     content: "";
     background-image: url(/media/arrow-prev@2x.png);
     background-repeat: no-repeat;
     background-size: 15px;
     background-position: 18px center;
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     background-color: #a27752;
     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:after, .bx-prev:after {
         background-position: 14px center; } }
   .prev:hover:after, .bx-prev:hover:after {
     -webkit-transform: scale(0.85);
     -moz-transform: scale(0.85);
     -ms-transform: scale(0.85);
     transform: scale(0.85); }
   @media screen and (max-width: 1100px) {
     .prev, .bx-prev {
       width: 42px;
       height: 42px;
       background-size: 13px;
       background-position: 15px center; } }
   @media screen and (max-width: 750px) {
     .prev, .bx-prev {
       top: auto;
       bottom: 120%; } }
 
 .next, .bx-next {
   width: 52px;
   height: 52px;
   top: 50%;
   margin-top: -27px;
   right: 15px;
   background-color: white;
   border-radius: 50%;
   box-shadow: 0 0 0 3px #a27752; }
   .next:after, .bx-next:after {
     content: "";
     background-image: url(/media/arrow-next@2x.png);
     background-repeat: no-repeat;
     background-size: 15px;
     background-position: 22px center;
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     background-color: #a27752;
     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:after, .bx-next:after {
         background-position: 18px center; } }
   .next:hover:after, .bx-next:hover:after {
     -webkit-transform: scale(0.85);
     -moz-transform: scale(0.85);
     -ms-transform: scale(0.85);
     transform: scale(0.85); }
   @media screen and (max-width: 1100px) {
     .next, .bx-next {
       width: 42px;
       height: 42px;
       background-size: 13px;
       background-position: 18px center; } }
   @media screen and (max-width: 750px) {
     .next, .bx-next {
       top: auto;
       bottom: 120%; } }
 
 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(/media/white-arrow-trans@2x.png); }
   @media screen and (max-width: 750px) {
     a.slider-link {
       font-size: 14px;
       color: #a27752; }
       a.slider-link:after {
         background-image: url(/media/brown-arrow@2x.png); } }
   a.slider-link:hover:after {
     right: -3px; }
 
 /*
 ########################################################
 IE8 FALLBACKS STYLES
 ########################################################
 */
 .lt-ie9 header .top-band .header-util .search-icon {
   background-image: url(/media/search.png); }
 
 .lt-ie9 header .top-band .header-util .menu-icon {
   background-image: url(/media/menu.png); }
 
 .lt-ie9 .cta-group a.apply {
   background-image: url(/media/pencil.png); }
 
 .lt-ie9 .cta-group a.visit {
   background-image: url(/media/sign.png); }
 
 .lt-ie9 .cta-group a.info {
   background-image: url(/media/info.png); }
 
 .lt-ie9 .social-block a.coastal-now {
   padding-top: 9px;
   padding-bottom: 9px; }
 
 .lt-ie9 .social-block a.coastal-now span:after {
   background-image: url(/media/button-arrow.png); }
 
 .lt-ie9 .cta-group a.apply:after {
   background-image: url(/media/pencil.png);
   background-position: center center; }
 
 .lt-ie9 .cta-group a.visit:after {
   background-image: url(/media/sign.png);
   background-position: center center; }
 
 .lt-ie9 .cta-group a.info:after {
   background-image: url(/media/info.png);
   background-position: center center; }
 
 .lt-ie9 header .main-nav-dropdown h4 .last-word {
   background-image: url(/media/arrow-nav-black.png); }
 
 .lt-ie9 header .main-nav-dropdown ul.link-block-list a .last-word {
   background-image: url(/media/arrow-nav-white.png); }
 
 .lt-ie9 .steps .step-list li a span.apply:after {
   background-image: url(/media/pencil.png); }
 
 .lt-ie9 .steps .step-list li a span.visit:after {
   background-image: url(/media/sign.png); }
 
 .lt-ie9 .steps .step-list li a span.request-info:after {
   background-image: url(/media/info.png); }
 
 .lt-ie9 .arrow-link.brown .last-word:after {
   background-image: url(/media/brown-arrow-ie8.png); }
 
 .lt-ie9 .tiles .tile .tile-inner .link-overlay .tile-title .last-word:after {
   background-image: url(/media/brown-arrow-ie8.png);
   background-color: transparent; }
 
 .lt-ie9 .social-block a.facebook {
   box-shadow: 0 0 0 3px #3b5998; }
 
 .lt-ie9 .social-block a.facebook:after {
   background-color: #3b5998;
   background-image: url(/media/social/1x/facebook.png); }
 
 .lt-ie9 .social-block a.twitter {
   box-shadow: 0 0 0 3px #55acee; }
 
 .lt-ie9 .social-block a.twitter:after {
   background-color: #55acee;
   background-image: url(/media/social/1x/twitter.png); }
 
 .lt-ie9 .social-block a.youtube {
   box-shadow: 0 0 0 3px #e52d27; }
 
 .lt-ie9 .social-block a.youtube:after {
   background-color: #e52d27;
   background-image: url(/media/social/1x/youtube.png); }
 
 .lt-ie9 .social-block a.instagram {
   box-shadow: 0 0 0 3px #46769e; }
 
 .lt-ie9 .social-block a.instagram:after {
   background-color: #46769e;
   background-image: url(/media/social/1x/insta.png); }
 
 .lt-ie9 .social-block a.pinterest {
   box-shadow: 0 0 0 3px #bd071d; }
 
 .lt-ie9 .social-block a.pinterest:after {
   background-color: #bd071d;
   background-image: url(/media/social/1x/pinterest.png); }
 
 .lt-ie9 .social-block a.linkedin {
   box-shadow: 0 0 0 3px #0077b5; }
 
 .lt-ie9 .social-block a.linkedin:after {
   background-color: #0077b5;
   background-image: url(/media/social/1x/linkedin.png); }
 
 .lt-ie9 .social-block a.snapchat {
   box-shadow: 0 0 0 3px #ffcf2a; }
 
 .lt-ie9 .social-block a.snapchat:after {
   background-color: #ffcf2a;
   background-image: url(/media/social/1x/snapchat.png); }
 
 .lt-ie9 .social-block a + a {
   width: 40px;
   height: 40px;
   border-radius: 50px;
   display: inline-block;
   margin-left: 9px;
   text-indent: -9999px;
   background-repeat: no-repeat;
   background-position: center center; }
 
 .lt-ie9 header .main-nav-dropdown .span_2_of_4 .nav-block .last-word {
   background-image: url(/media/arrow-nav-teal.png); }
 
 .lt-ie9 body.menu-open header .top-band .header-util .search-icon,
 .lt-ie9 header .top-band-outer.search .top-band form .search-submit {
   background-image: url(/media/search-black.png); }
 
 .lt-ie9 header .top-band .header-util .menu-icon.active,
 header .top-band-outer.search .top-band .search-close {
   background-image: url(/media/menu-close-black.png); }
 
 .lt-ie9 .left-nav .sidebar-social .facebook:after {
   background-image: url(/media/social/1x/facebook.png); }
 
 .lt-ie9 .left-nav .sidebar-social .twitter:after {
   background-image: url(/media/social/1x/twitter.png); }
 
 .lt-ie9 .left-nav .sidebar-social .linkedin:after {
   background-image: url(/media/social/1x/linkedin.png); }
 
 .lt-ie9 .left-nav .sidebar-social .mail:after {
   background-image: url(/media/social/1x/mail.png); }
 
 .lt-ie9 a.in-this-section-toggle, .lt-ie9 .in-this-section-toggle:link {
   display: none; }
 
 .lt-ie9 .left-nav ul li .toggle {
   background-image: url(/media/toggle-ie8.png); }
 
 .lt-ie9 a.slider-link:after {
   background-image: url(/media/white-arrow-trans.png); }
 
 .lt-ie9 .next:after, .lt-ie9 .bx-next:after {
   background-image: url(/media/arrow-next.png); }
 
 .lt-ie9 .prev:after, .lt-ie9 .bx-prev:after {
   background-image: url(/media/arrow-prev.png); }
 
 .lt-ie9 .typical-slider-wrapper .caption,
 .lt-ie9 .program-list li .program-item-inner {
   background-image: url(/media/trans-black.png); }
 
 .lt-ie9 .program-list li.active .program-item-inner {
   background: white;
   padding-top: 7px;
   padding-bottom: 7px; }
 
 .lt-ie9 .program-list {
   padding-top: 12%; }
 
 .lt-ie9 .programs-module .program-list li a .last-word:after {
   content: none; }
 
 .lt-ie9 .hero {
   background-position: center center; }
 
 .lt-ie9 h4 .arrow-link .last-word:after,
 .lt-ie9 .module p .arrow-link .last-word:after {
   background-image: url(/media/button-arrow.png); }
 
 .lt-ie9 .module p .arrow-link .last-word:after {
   background-color: #006f71; }
 
 .lt-ie9 .cta-group a.circle.apply:after {
   background-position: 9px 8px; }
 
 .lt-ie9 .tiles .tile .tile-inner .shadow,
 .lt-ie9 .hero.home .large-heading {
   background-image: url(/media/trans-black.png); }
 
 .lt-ie9 .breadcrumb a:hover:after, .lt-ie9 .breadcrumb a:link:hover:after {
   text-decoration: none !important; }
 
 .lt-ie9 .grid .grid-item.grid-item-one .tweet li + li {
   display: none; }
 
 .lt-ie9 .teal-band a .last-word:after {
   content: none; }
 
 .lt-ie9 .grid .grid-item.grid-item-one .tweet {
   background-image: url(/media/provided-tweetie-1x.jpg); }
 
 .lt-ie9 .programs-module .program-list li a {
   min-height: 70px; }
 
 .lt-ie9 .programs-module .program-list li a:after {
   content: none; }
 
 .lt-ie9 .programs-module .program-list li a:hover {
   border: 1px solid #006f71; }
 
 .lt-ie9 .programs-module .program-list li.program-cta a:hover {
   border: 1px solid #895E39; }
 
 .lt-ie10 .breadcrumb a:after, .lt-ie10 .breadcrumb a:link:after {
   content: url(/media/forward.png);
   position: absolute;
   top: 16px;
   right: 15px;
   bottom: auto; }
 
 .lt-ie9 .social-blocks .tweet.tweet-1 li + li {
   display: none; }
 
 html.no-overflowscrolling .main-nav-inner {
   height: auto; }
 
 #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/menu-close-white@2x.png);
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent;
   text-indent: -9999px;
   border: 0;
   outline: 0;
   position: absolute;
   top: -40px;
   right: 0;
   display: block;
   width: 30px;
   height: 30px; }
 
 #cboxLoadingGraphic {
   background: url(/media/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; }
 
 .fadeInUpShort {
   top: 30px;
   opacity: 0; }
   @media screen and (max-width: 750px) {
     .fadeInUpShort {
       top: 0;
       opacity: 1; } }
   .fadeInUpShort.go {
     top: 0;
     opacity: 1;
     -moz-transition: top 0.4s, opacity 0.4s;
     -webkit-transition: top 0.4s, opacity 0.4s;
     transition: top 0.4s, opacity 0.4s; }
 
 /*
 ########################################################
 ADDITIONAL PAGE STYLES
 ########################################################
 */
 .details {
   margin-bottom: 40px; }
   .details h1 {
     margin: -8px 0 0 0;
     line-height: 1.2; }
     @media screen and (max-width: 1100px) {
       .details h1 {
         margin: .47em 0 0 0; } }
   .details .large-text {
     margin-top: 0; }
   .details .event-when {
     margin: 0;
     display: inline-block; }
   .details .event-where {
     margin: 0;
     display: inline-block; }
 
 .module .table-style h4 {
   margin: 0; }
 .module .table-style .arrow-link {
   float: right; }
 
 .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-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; } }
 
 /* ==========================================================================
    ACCORDION STYLES
    ========================================================================== */
 .accordion-handle {
   background-color: #e2edf1;
   padding: 15px 60px 15px 20px;
   text-transform: none;
   font-size: 18px;
   cursor: pointer;
   font-weight: 400;
   position: relative;
   -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;
   margin-bottom: 3px;
   margin-top: 0; }
   .accordion-handle:after {
     content: "";
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 10px 10px 0 10px;
     border-color: #006f71 transparent transparent transparent;
     position: absolute;
     right: 20px;
     top: 50%;
     margin-top: -5px;
     display: block; }
   .accordion-handle.active {
     background-color: #e2edf1; }
     .accordion-handle.active:after {
       border-width: 0 10px 10px 10px;
       border-color: transparent transparent #006f71 transparent; }
   .accordion-handle:hover {
     background-color: #e2edf1; }
 
 .accordion-content {
   padding: 15px 15px 30px 15px;
   display: none; }
   .accordion-content p, .accordion-content li {
     font-size: 18px; }
 
 a.phone {
   color: inherit; }
   a.phone:hover {
     text-decoration: 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; } }
     

/* SmartBoard Widget *//* Commented out by MP 04/16/16 Styles are in CCU custom style sheet */
/*
.SmartBoard_Table{ background-color: #E9F2F5; border: thin solid #FF0000; }
.SmartBoard_Row { font-family: Arial, Helvetica, sans-serif; color. #FF0000 }
.SmartBoard_Subject{ font-weight: bold; width: 400px; color. #FF0000 }
.SmartBoard_DateTime{ font-size: small; font-variant: small-caps; color. #FF0000 }
.SmartBoard_Message{ font-family: Arial, Helvetica, sans-serif; color. #FF0000 }
*/

/* table images smaller screens */
@media only screen and (max-width: 480px) {
	table img {
    	max-width: 100%;
        height: auto !important;
    }
}
.gateway-links {
    background: #00888b;
    display: block;
    min-height: 41px;
    position: relative;
    z-index: 99999;
}

.gateway-links .gateway-info {
    float: right;
    position: relative;
}

.gateway-links a {
    color: white;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
}

.gateway-links ul {
    font-size: 70%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.gateway-links ul > li {
    position: relative;
}

.gateway-links ul > li a {
    font-size: 90%;
}

.gateway-links ul > li:hover a {
    background: #006f71;
}

.gateway-links ul > li:hover ul {
    border: 1px solid #00888b;
    border-top: none;
    max-height: 400px;
    opacity: 1;
    padding: 1.5em 1em 1em 1em;
}

.gateway-links ul ul {
    -moz-transition: max-height 250ms, padding 250ms, opacity 250ms;
    -webkit-transition: max-height 250ms, padding 250ms, opacity 250ms;
    background: #006f71;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 1em;
    position: absolute;
    right: 0;
    transition: max-height 250ms, padding 250ms, opacity 250ms;
    width: 400px;
    z-index: 9999909;
}

.gateway-links ul ul a {
    display: block;
    font-size: 90%;
    font-weight: 300;
}

.gateway-links ul ul a:after {
    content: "   ";
    font-family: "FontAwesome";
    font-weight: 300;
}

.gateway-links ul ul a:hover {
    text-decoration: underline;
}

.gateway-links ul ul li {
    float: left;
    margin-right: 2%;
    width: 60%;
}

.gateway-links ul ul li::after {
    clear: both;
    content: "";
    display: table;
}

.gateway-links ul ul li:nth-of-type(2n) {
    margin-right: 0;
    width: 38%;
}

.gateway-links ul ul::after {
    clear: both;
    content: "";
    display: table;
}

.has-headerstuff .explore-tabs .cta-group-wrapper {
    top: 141px;
}