/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
  Base styles: opinionated defaults
  ========================================================================== */
html {
   color:#222;
   font-size:1em;
   line-height:1.5
   text-rendering: optimizeLegibility !important;
   -webkit-font-smoothing: antialiased !important;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
   background:#b3d4fc;
   text-shadow:none
}

::selection {
   background:#b3d4fc;
   text-shadow:none
}

/*
* A better looking default horizontal rule
*/
hr {
   display:block;
   height:1px;
   border:0;
   border-top:1px solid #ccc;
   margin:1em 0;
   padding:0
}

.thicker {
   display:block;
   height:1px;
   border:0;
   border-top:4px solid #a8a8a8;
   margin:1em 0;
   padding:0
}

.thicker-red {
   display:block;
   height:1px;
   border:0;
   border-top:2px solid #c32032;
   margin:1em 0;
   padding:0
}


/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,canvas,iframe,img,svg,video {
   vertical-align:middle
}

/*
* Remove default fieldset styles.
*/
fieldset {
   border:0;
   margin:0;
   padding:0
}

/*
* Allow only vertical resizing of textareas.
*/
textarea {
   resize:vertical
}

/* ==========================================================================
  Browser Upgrade Prompt
  ========================================================================== */
.browserupgrade {
   margin:.2em 0;
   background:#ccc;
   color:#000;
   padding:.2em 0
}

/* ==========================================================================
  Author's custom styles
  ========================================================================== */
/* Slider */
.slick-slider {
   position:relative;
   display:block;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
   -webkit-touch-callout:none;
   -khtml-user-select:none;
   -ms-touch-action:pan-y;
   touch-action:pan-y;
   -webkit-tap-highlight-color:transparent
}

.slick-list {
   position:relative;
   display:block;
   overflow:hidden;
   margin:0;
   padding:0
}

.slick-list:focus {
   outline:none
}

.slick-list.dragging {
   cursor:pointer;
   cursor:hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
   -webkit-transform:translate3d(0,0,0);
   -moz-transform:translate3d(0,0,0);
   -ms-transform:translate3d(0,0,0);
   -o-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0)
}

.slick-track {
   position:relative;
   top:0;
   left:0;
   display:block
}

.slick-track:before,.slick-track:after {
   display:table;
   content:''
}

.slick-track:after {
   clear:both
}

.slick-loading .slick-track {
   visibility:hidden
}

.slick-slide {
   display:none;
   float:left;
   height:100%;
   min-height:1px
}

[dir='rtl'] .slick-slide {
   float:right
}

.slick-slide img {
   display:block
}

.slick-slide.slick-loading img {
   display:none
}

.slick-slide.dragging img {
   pointer-events:none
}

.slick-initialized .slick-slide {
   display:block
}

.slick-loading .slick-slide {
   visibility:hidden
}

.slick-vertical .slick-slide {
   display:block;
   height:auto;
   border:1px solid transparent
}

/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
   outline:none
}

.slides,.flex-control-nav,.flex-direction-nav {
   margin:0;
   padding:0;
   list-style:none
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
   font-family:'flexslider-icon';
   src:url(fonts/flexslider-icon.eot);
   src:url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(fonts/flexslider-icon.woff) format("woff"),url(fonts/flexslider-icon.ttf) format("truetype"),url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
   font-weight:400;
   font-style:normal
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
   margin:0;
   padding:0
}

.flexslider .slides > li {
   display:none;
   -webkit-backface-visibility:hidden
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
   width:100%;
   display:block
}


.flex-pauseplay span {
   text-transform:capitalize
}

/* Clearfix for the .slides element */
.slides:after {
   content:".";
   display:block;
   clear:both;
   visibility:hidden;
   line-height:0;
   height:0
}

html[xmlns] .slides {
   display:block
}

* html .slides {
   height:1%
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
   display:block
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
   margin:0 0 60px;
   background:#fff;
   position:relative;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   -o-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
   -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
   -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
   box-shadow:0 1px 4px rgba(0,0,0,.2);
   zoom:1
}

.flex-viewport {
   max-height:2000px;
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease
}

.loading .flex-viewport {
   max-height:300px
}

.flexslider .slides {
   zoom:1
}

.carousel li {
   margin-right:5px
}

/* Direction Nav */
.flex-direction-nav {
   *height:0
}

.flex-direction-nav a {
   text-decoration:none;
   display:block;
   width:40px;
   height:40px;
   margin:-20px 0 0;
   position:absolute;
   top:50%;
   z-index:10;
   overflow:hidden;
   opacity:0;
   cursor:pointer;
   color:rgba(0,0,0,0.8);
   text-shadow:1px 1px 0 rgba(255,255,255,0.3);
   -webkit-transition:all .3s ease;
   -moz-transition:all .3s ease;
   transition:all .3s ease
}

.flex-direction-nav .flex-prev {
   left:-50px
}

.flex-direction-nav .flex-next {
   right:-50px;
   text-align:right
}

.flexslider:hover .flex-prev {
   opacity:.7;
   left:10px
}

.flexslider:hover .flex-next {
   opacity:.7;
   right:10px
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
   opacity:1
}

.flex-direction-nav .flex-disabled {
   opacity:0!important;
   filter:alpha(opacity=0);
   cursor:default
}

.flex-direction-nav a:before {
   font-family:"flexslider-icon";
   font-size:2.0em;
   line-height:1;
   display:inline-block;
   content:'\f001'
}

.flex-direction-nav a.flex-next:before {
   content:'\f002'
}

/* Pause/Play */
.flex-pauseplay a {
   display:block;
   width:20px;
   height:20px;
   position:absolute;
   bottom:5px;
   left:10px;
   opacity:.8;
   z-index:10;
   overflow:hidden;
   cursor:pointer;
   color:#000
}

.flex-pauseplay a:before {
   font-family:"flexslider-icon";
   font-size:1.2em;
   display:inline-block;
   content:'\f004'
}

.flex-pauseplay a:hover {
   opacity:1
}

.flex-pauseplay a.flex-play:before {
   content:'\f003'
}

/* Control Nav */
.flex-control-nav {
   width:100%;
   position:absolute;
   bottom:-40px;
   text-align:center
}

.flex-control-nav li {
   margin:0 6px;
   display:inline-block;
   zoom:1;
   *display:inline
}

.flex-control-paging li a {
   width:11px;
   height:11px;
   display:block;
   background:#666;
   background:rgba(0,0,0,0.5);
   cursor:pointer;
   text-indent:-9999px;
   -webkit-border-radius:20px;
   -moz-border-radius:20px;
   -o-border-radius:20px;
   border-radius:20px
}

.flex-control-paging li a:hover {
   background:#333;
   background:rgba(0,0,0,0.7)
}

.flex-control-paging li a.flex-active {
   background:#000;
   background:rgba(0,0,0,0.9);
   cursor:default
}

.flex-control-thumbs {
   margin:5px 0 0;
   position:static;
   overflow:hidden
}

.flex-control-thumbs li {
   width:25%;
   float:left;
   margin:0
}

.flex-control-thumbs img {
   width:100%;
   display:block;
   opacity:.7;
   cursor:pointer
}

.flex-control-thumbs img:hover {
   opacity:1
}

.flex-control-thumbs .flex-active {
   opacity:1;
   cursor:default
}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
    background-color: #333;
     opacity:0.5;
   left:-10px
}

.flex-direction-nav .flex-next {
   background-color: #333;
   opacity:0.5;
   margin-top: ight:-10px
}
}

/* ==========================================================================
  Global
  ========================================================================== */
* {
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   outline:none;
}

body {
   font-family:'Whitney A','Whitney B',sans-serif;
   font-size:18px;
   line-height:1.5;
   font-weight:400;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
}

a {
   color:#C32032;
   text-decoration:none;
   font-weight:600;
}

a:hover {
   text-decoration:underline;
}

a:focus {
   text-decoration:underline;
   outline: 2px solid #212c4b;
}

.square-wrapper .callout a {
   border-bottom:2px solid transparent;
}

.square-wrapper .callout a:hover {
   text-decoration:none!important;
   border-bottom:2px solid;
}

.callout a:hover {
   text-decoration:underline!important;
}

article a {
   font-weight:600;
}


article ul,article ol {
   padding-left:20px;
}


h1,h2,h3,h4,h5,h6 {
   line-height:1.3em;
   margin-bottom:10px;
   margin-top:15px;
}


p {
   margin-top:5px
}


.photo-caption {
   font-size:0.85em;
   text-align: center;
}

h1 {
   font-size:3.0em;
   font-family:'Sentinel A','Sentinel B','georgia';
   margin-top:15px;
   font-weight:500;
   line-height:62px
}

h2 {
   font-size:2.0em;
   font-family:'Sentinel A','Sentinel B','georgia';
   font-weight:500;
}

h3 {
   font-size:1.5em;
   font-family:'Whitney A','Whitney B',sans-serif;
   color:#212c4b;
   font-weight:600;
}

.dark-blue-color a {
   color:#212c4b;
}

h4 {
   font-size:1.3em;
   font-family:'Whitney A','Whitney B',sans-serif;
   color:#212c4b;
   font-weight:600;
   text-transform:uppercase;
}

h5 {
   font-size:1.2em;
   font-family:'Whitney A','Whitney B',sans-serif;
   color:#C32032;
   font-weight:600;
}

h6 {
   font-size:1.1em;
   font-family:'Whitney A','Whitney B',sans-serif;
   color:#C32032;
   font-weight:600;
   text-transform:uppercase;
}

.inner {
   max-width:1240px;
   margin:0 auto;
   padding:0 20px;
}

h2.inner,
.general-block h2:first-child{
   margin-top: 30px;
}

.overlay {
   width:100%;
   height:100%;
   background:#fff;
   position:absolute;
   transition:all .5s;
   left:0;
   opacity:0;
   z-index:0;
}

.cover .overlay {
   opacity:.5;
   z-index:49;
   transition:all .5s;
}

/* ==========================================================================
  Header
  ========================================================================== */
header {
   width:100%;
   background:#C32032;
}

header.border-bottom {
   border-bottom:1px solid #000;
}

header ul {
   margin:0;
   padding:15px 0;
   display:inline-block;
}

header li {
   display:inline-block;
}

.main-nav {
   padding-left:155px;
}

.ancillary-nav {
   padding-left:175px;
}

.ancillary-nav a:focus{
 outline: 2px solid #f3b633;
}

.header-top-wrap a {
   color:#dedede;
   font-weight:500;
}

.header-top-wrap {
   width:100%;
   background:#000;
   font-size:0.85em;
}

.header-top-wrap .inner {
   position:relative;
   overflow:visible;
}

.logo {
   position:absolute;
   top:0;
   left:20px;
   z-index:200;
   background:#fff;
   padding:30px 25px;
   border-right:10px solid #dedede;
   border-bottom:10px solid #dedede;
   border-left:10px solid #dedede;
}

.logo img {
   width:100%;
   max-width:78px;
}

.header-top-wrap nav {
   display:inline;
}

.header-top-wrap li {
   padding-right:18px;
}

.header-top-wrap ul {
   padding-left:30px;
}

ul.has-pipe {
   padding-left:0;
   padding-right:3px;
   position:relative;
}

.has-pipe:after {
   content:"";
   position:absolute;
   right:0px;
   top:50%;
   margin-top:-13px;
   height:30px;
   width:1px;
   background:#dedede;
}

.search {
   width:180px;
   height:28px;
   float:right;
   margin:5px 0;
   background:#fff;
}

.search form {
   margin-top:0;
}

.search-field {
   outline:none;
}

::-webkit-input-placeholder {
   color:#C32032;
}

:-moz-placeholder {
/* Firefox 18- */
   color:#C32032;
}

::-moz-placeholder {
/* Firefox 19+ */
   color:#C32032;
}

:-ms-input-placeholder {
   color:#C32032;
}

.search input[type=text] {
   background:none;
   border:none;
   height:28px;
   width:180px;
   padding-left:10px;
   color:#C32032;
   font-weight:500;
}

.search input[type=text]:focus {
 background: #f7f439;
}

.search button {
   border:none;
   background:none;
   float:right;
   height:30px;
   width:30px;
}

.search button img {
   width:24px
}

.hamburger {
   float:right;
   height:30px;
   background:#8c2332;
   margin:5px 0;
   vertical-align:middle;
   color:#fff;
   font-weight:500;
   padding:8px;
   margin-left:20px;
   display:none
}

.hamburger.open {
   background:#470A1B
}

.hamburger p {
   float:left;
   vertical-align:middle;
   margin:0 35px 0 0
}

.hamburger span {
   cursor:pointer;
   background-image:url(/img/icons/menu-hamburger@2x.png);
   background-size:100%;
   background-repeat:no-repeat;
   width:25px;
   height:19px;
   display:block;
   float:right;
   margin-top:2px;
   background-position:center
}

.lt-ie9 .hamburger span {
   background-image:url(/img/icons/navigation.png)
}

.hamburger.open span {
   background-image:url(/img/icons/menu-close@2x.png);
   background-size:19px;
   background-repeat:no-repeat
}

.lt-ie9 .hamburger.open span {
   background-image:url(/img/icons/hamburger-x.png)
}

.header-bottom-wrap {
   width:100%;
   background:#C32032;
   font-size:1.0em;
   position:relative
}

.header-bottom-wrap nav {
   display:block
}

.header-bottom-wrap ul {
   padding:0;
   display:table
}

.main-nav li {
   text-align:center;
   display:table-cell;
   transition:all .3s;
   -webkit-transition:all .3s
}

.main-nav li a {
   padding:20px 18px;
   display:inline-block;
   max-width:224px;
   color:#fff;
   vertical-align:middle;
   font-weight:600
}

.lt-ie9 .main-nav li a {
   font-weight: normal;
}

.main-nav > li:first-child a {
   padding-left:20px
}

.hidden-mobile {
   display:none
}

.header-bottom-wrap .hidden-desktop,.header-bottom-wrap .hidden-desktop-tablet,.hidden-desktop {
   display:none
}

.mobile-nav .main-nav > ul > li span {
   position:absolute;
   width:100%;
   height:49px;
   top:0;
   display:none;
   z-index:1
}

.mobile-nav .main-nav > ul > li span:after,.ancillary-nav p:after {
   content:"";
   position:absolute;
   right:25px;
   background-image:url(/img/icons/matching-arrow-down@2x.png);
   background-repeat:no-repeat;
   background-position:right;
   background-size:16px 9px;
   width:16px;
   height:9px;
   top:24px;
   margin-top:-4.5px
}

.mobile-nav .main-nav > ul > li span:before {
   content:"|";
   position:absolute;
   color: white;
   right:55px;
   width:16px;
   height:9px;
   top:0px;
   font-weight: 300;
   font-family: ;
   font-size: 1.8em;
}


.ancillary-nav p:after {
   top:19px;
   right:15px
}

.main-nav > ul > li.uparrow span:after,.ancillary-nav p.uparrow:after {
   background-image:url(/img/icons/matching-arrow-up@2x.png)
}

.lt-ie9 .mobile-nav .main-nav > ul > li span:after,.lt-ie9 .ancillary-nav p:after {
   background-image:url(/img/icons/nav-down-arrow.png)
}

.lt-ie9 .main-nav > ul > li.uparrow:after,.lt-ie9 .ancillary-nav p.uparrow:after {
   background-image:url(/img/icons/nav-up-arrow.png)
}

.main-nav > ul > li:hover, .main-nav > ul > li.active {
   background:#8c2332
}

.main-nav a:hover,.sidebar a:hover,.cta-button a:hover,.red-caption a:hover,.mobile-nav .ctas li a,.infosquares-ctas a,.infosquares a {
   text-decoration:none
}

.main-nav a:focus{
 outline: 2px solid #f3b633;
}

.main-nav ul > li:hover .dropdown {
   max-height:1000px
}

.dropdown {
   background-image:url(/img/home/dropdown-bg.jpg);
   overflow:auto;
   position:absolute;
   top:88px;
   left:0;
   z-index:15;
   width:100%;
   padding:0;
   margin:0;
   max-height:0
}

.dropdown .inner {
   padding:20px 20px 10px
}

.dropdown ul {
   display:block
}

.main-nav .dropdown a {
   color:#000;
   padding:0;
   display:block;
   max-width:none;
   font-size:1.1em;
   font-weight:500;
   line-height:1.2em;
   margin:20px 0 5px
}

.main-nav .dropdown a:hover {
   color:#C32032
}

.main-nav .dropdown a:focus{
 color: #C32032;
 outline: 2px solid #212c4b;
}

.main-nav .dropdown li ul li a {
   font-weight:200;
   margin-top:0;
   font-size:0.9em;
}

.main-nav .dropdown li ul li a:hover {
   text-decoration:underline
}

.main-nav .dropdown li ul li a:focus {
   text-decoration: underline;
}

.main-nav .dropdown ul.subhead-list > li > a:hover {
   text-decoration:none
}

.dropdown li {
   display:block;
   text-align:left
}

.main-nav .dropdown ul.subhead-list > li > a {
   font-weight:500;
   font-size:0.9em;
}

a.explore-block {
   background:#000;
   color:#fff;
   width:80%;
   display:block;
   padding:35px 0;
   transition:all .3s;
   -moz-transition:all .3s;
   -webkit-transition:all .3s
}

a.explore-block:hover{
   opacity: 0.8;
}

a.explore-block img {
   width:44px
}

.main-nav a.explore-block {
   padding:35px 0
}

.explore-block h5 {
   color:#fff;
   margin:0 0 15px
}

.right {
   float:left;
   margin-left:70px
}

.left {
   float:left
}

.img-wrapper {
   position:relative
}

.dropdown .img-wrapper {
   display:inline-block;
   width:100%;
   text-align:center;
   margin-top:10px;
   position: relative;
}

.dropdown .img-wrapper:after{
   content: "";
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   cursor: pointer;
   background-color: black;
   background-color: rgb(0,0,0,.5);
   opacity: 0.3;
   transition:all .3s;
   -webkit-transition:all .3s;
   -moz-transition:all .3s;
}

.dropdown .img-wrapper:hover:after{
   opacity: 0.5;
}

.dropdown .img-wrapper img{
   width: 100%;
}

.img-wrapper h5 {
   color:#fff;
   position:absolute;
   top:55%;
   margin-top:-11px;
   text-align:center;
   width:100%;
   z-index: 10;
}



/* ==========================================================================
  sidebar
  ========================================================================== */
.sidebar {
   /* background:#f4f4f4; */
   background:#fff;
   z-index:500
}

.sidebar nav ul {
   margin:0;
   padding:0;
   list-style:none
}

.sidebar a {
   display:block;
   padding-top:4px;
   padding-bottom:4px;
   font-weight:500;
   color:#000
}

.sidebar a:focus {
 outline: 2px solid #f3b633;
}

.sidebar nav > ul > li > a {
  /* color:#fff; */
  /* background:#C32032; */
   font-size:1.05em;
   transition:all .3s;
   -webkit-transition:all .3s
}

.sidebar nav > ul > li > a:hover, .sidebar nav > ul > li > a:focus {
   background:#8c2332;
}

.sidebar nav > ul > li > a.current,
.sidebar nav > ul > li > .currentbranch0 a {
   background:#8c2332;
   color: white;
}

.sidebar nav li ul {
   padding-left:10px
}

.sidebar nav li ul a {
   padding-bottom:0
}

.sidebar nav li ul a:hover, .sidebar nav li ul a:focus {
   color:#C32032
}

.sidebar nav > ul > li > ul {
   padding:10px 10px 20px
}

.sidebar nav li ul li ul a {
   font-size:1.0em;
   font-weight:400
}

.sidebar nav li ul li ul a.current,
.sidebar nav li ul li ul .currentbranch2 a {
   color:#C32032;
   font-weight:600
}

.level2 a:focus {
 color: white;
 background:#8c2332;
}

.visual-head .sidebar nav > ul > li.active > a.current {
   background-color:#000
}

.visible-mobile span.click-handle {
   display:none;
   position:absolute;
   right:0;
   top:0;
   width:21px;
   height:25px;
   padding:21px;
   cursor: pointer;
}

.visible-mobile span.click-handle:before {
   content:"";
   position:absolute;
   right:15px;
   top:50%;
   margin-top:-5px;
   background-image:url(/img/icons/dropdown-arrow-white@2x.png);
   background-repeat:no-repeat;
   background-position:top;
   background-size:100%;
   width:21px;
   height:12px
}

.visible-mobile span.click-handle.uparrow:before {
   background-position:bottom
}

.lt-ie9 .visible-mobile span.click-handle:before {
   background-image:url(/img/icons/dropdown-arrow-white.png)
}

.ctas img {
   margin-right:28px;
   margin-top:-3px;
   width:29px
}

.cta-arrow {
   position:absolute;
   right:0;
   top:0;
   padding:15px 0
}

/* ==========================================================================
  Typical Page Styles
  ========================================================================== */
.border-gray {
   border:2px solid #dedede;
}

.az-background {
   background-color: #ececec;
}


.col.content {
   padding-left:20px;
}

article img {
   max-width:100%;
}

.col.sidebar,.col.content {
   margin-top:0
}

.main-page {
   padding-top:75px;
   position:relative;
   z-index:2;
   overflow-x:hidden
}

.main-page.visual {
   padding-top:0
}

article {
   position:relative;
   z-index:2
}

/*.main-page.visual {
 margin-top:-446px;
 }*/
.visual-head {
   position:relative;
   background-image:url(/img/typical/typical-head.jpg);
   background-size:cover;
   background-position:center;
   background-repeat:no-repeat;
   z-index:10;
   left:0;
   border-bottom:6px solid #f3b633;
   width:100%;
   padding-top:80px
}

.visual-head .col.span_3_of_4 {
   padding-left:20px
}

.visual-head .sidebar {
   position:relative
}

.visual-head .sidebar .sidebar-nav {
   position:absolute;
   top:0;
   left:0
}

.visual-head .sidebar {
   background-color:transparent
}

.visual-head .sidebar .sidebar-nav .visible-mobile ul {
   background-color:#f4f4f4
}

.visual-head .section:after {
   clear:both;
   content:"";
   height:0;
   display:block;
   visibility:hidden;
   width:100%
}

.visual-head p {
   color:#fff
}

.visual-head h1 {
   color:#fff
}

.visual-head .breadcrumbs a {
   color:#fff
}

.breadcrumbs {
   padding-bottom:70px
}

.breadcrumbs li:last-child{
   display: none;
}

.breadcrumbs a {
   font-size:1.0em;
   color:#000
}

.visual h1,.visual .headline,.visual .breadcrumbs a {
   color:#fff
}

/*  changed margin below on 04202018. was 40x 0   */
.divide-line {
   width:100%;
   height:6px;
   background:#f3b633;
   margin: 20px 0px  20px  0px;
   border-top:0
}


.visual .divide-line {
   background:none;
   height:6px
}

.breadcrumbs ul {
   padding:0;
   margin:0;
   list-style:none
}

.breadcrumbs li {
   display:inline-block
}

.breadcrumbs li:after {
   content:'';
   display:inline-block;
   background-image:url(/img/icons/arrow-cta-gold@2x.png);
   background-size:100%;
   width:7px;
   height:12px;
   margin:0 4px 0 8px
}

.lt-ie9 .breadcrumbs li:after {
   background-image:url(/img/icons/yellow-arrow.png)
}

.large-text p {
   font-size:1.4em;
   font-weight:200;
   margin:.6em 0
}

.large-text.first-paragraph p {
   font-weight:500
}




.external-link {
   position:relative;
   border-bottom:2px solid transparent
}

.external-link:hover {
   border-bottom:2px solid;
   text-decoration:none
}


/*.external-link:after {
 content:"";
 background-image:url(/img/icons/link-external@2x.png);
 background-size: 100%;
 width:22px;
 height:14px;
 display:inline-block;
 margin-left:6px
 }*/
.lt-ie9	.external-link .last-word:after {
   background-image:url(/img/icons/red-arrow.png)
}

.breakout-box {
   background:#f4f4f4;
   width:35%;
   float:right;
   padding:5px 10px 5px 10px;
   position:relative;
   margin:10px 0 10px 10px
}

.breakout-box-wider {
   background:#f4f4f4;
   width:95%;
   padding: 15px 20px 15px 20px;
   position:relative;
   margin:10px 0 10px 10px;
   text-align:center;
}

.quote-no-image {
   background:#f4f4f4;
   width:41%;
   float:right;
   padding:15px 20px 40px 55px;
   position:relative;
   margin:45px 0 45px 45px
}

.quote {
   color:#3a3a3a;
   font-weight:500
}

.whitebg {
   background:#ffffff;
}

.person,.position {
   font-family:'Sentinel A','Sentinel B','georgia';
   margin:0;
   color:#212c4b
}

.school {
   font-family:'Sentinel A','Sentinel B','georgia';
   margin:0;
   font-size: 0.9em;
   color: #3a3a3a;
}

.quote .person {
   font-size:1.4em;
   font-weight:600
}

.quote span {
   font-family:'Sentinel A','Sentinel B','georgia';
   font-size:3.5em;
   opacity:1;
   position:absolute;
   left:30px;
   top:0
}

.cta-callout {
   max-width:480px;
   padding:12px 20px 0;
   border:2px solid #dedede
}

.cta-button {
   margin:9px 2em 9px 0;
   clear:both;
   display:inline-block;
   line-height: 1.2em;
}
.cta-button-centered-in-module {
   margin:9px 0em 9px 0;
   clear:both;
   display:inline-block;
   line-height: 1.2em;
}


.cta-callout .cta-button {
   display:block;
   margin-right:0
}


.cta-button a {
   background:#212c4b;
   color:#fff;
   font-size:0.9em;
   text-align: center;
   padding:12px 35px 12px 15px;
   border-radius:7px;
   font-weight:500;
   display:block;
   position:relative;
   transition:background-color .3s;
   -webkit-transition:background-color .3s;
  vertical-align: middle;
}
.cta-button-centered-in-module a {
   background:#212c4b;
   color:#fff;
   font-size:0.9em;
   text-align: center;
   padding:12px 35px 12px 15px;
   border-radius:7px;
   font-weight:500;
   display:block;
   position:relative;
   transition:background-color .3s;
   -webkit-transition:background-color .3s;
  vertical-align: middle;
}

.module .cta-button a {
   color:#fff;

}

.module.red-caption a {
   color:#fff;
}

.cta-button a:hover, .cta-button a:focus {
   background:#111626;
}

.cta-button.red a {
   background:#C32032;
   color:#fff;
}

.cta-button-centered-in-module.red a {
   background:#C32032;
   color:#fff;
}

.cta-button.red-center a {
    background:#C32032;
   color:#fff;
   text-align: center;
   line-height: 1.2;
}

.cta-button.red-center a:hover, .cta-button.red-center a:focus {
   background:#8d2332
}


.cta-button-smaller-text {
   font-size:0.95em;
}



.tuition-banner .cta-button.red a {
   padding:18px 55px 18px 12px;
   font-size:1.2em;
   white-space:nowrap;
}

.jobs-banner .cta-button.red a {
   padding:18px 55px 18px 12px;
   font-size:1.2em;
   white-space:nowrap;
}

.jobs-banner .cta-button a {
   padding:18px 55px 18px 12px;
   font-size:1.2em;
   white-space:nowrap;
}

.jobs-banner .jobs-padding-box {
   padding:220px 0px 0px 0px;
   position:relative
   
   
}

.ohiotech-banner .ohiotech-padding-box {
   padding:550px 0px 0px 0px;
   position:relative
   
   
}

.tour-banner .tour-padding-box {
   padding:220px 0px 0px 0px;
   position:relative
   
   
}

.jill-banner .jill-padding-box {
   padding:220px 0px 0px 0px;
   position:relative
   
   
}


.studentservices-banner .cta-button.red a {
   padding:18px 55px 18px 12px;
   font-size:1.2em;
   white-space:nowrap;
}

.tuition-banner .transparent-box {
   padding:40px;
}




.studentservices-banner .transparent-box {
   padding:40px;
}

.aboutowens-banner .transparent-box {
   padding:40px;
}

.danacenter-banner .transparent-box {
   padding: 10px 40px 10px 40px;
}

.cta-callout h6 {
   text-transform:none;
}

.cta-button.red a:after {
   content:"";
   background-image:url(/img/icons/right-white-arrow.png);
   position:absolute;
   width:7px;
   height:12px;
   right:15px;
   top:50%;
   margin-top:-6px;
   background-size:100%;
}
.cta-button.red-centered-in-module a:after {
   content:"";
   background-image:url(/img/icons/right-white-arrow.png);
   position:absolute;
   width:7px;
   height:12px;
   right:15px;
   top:50%;
   margin-top:-6px;
   background-size:100%;
}

.cta-button.red-center a:after {
   content:"";
   background-image:url(/img/icons/right-white-arrow.png);
   position:absolute;
   width:7px;
   height:12px;
   right:15px;
   top:50%;
   margin-top:-6px;
   background-size:100%;
}

.white-pane .cta-button.red a:after {
   background-image:url(/img/icons/arrow-cta-gold@2x.png);
}

.lt-ie9 .white-pane .cta-button.red a:after {
   background-image:url(/img/icons/link-external@2x.pngg);
}

.cta-button a:after,.social-cta:after {
   content:"";
   background-image:url(/img/icons/arrow-cta-gold@2x.png);
   background-repeat:no-repeat;
   background-size:100%;
   position:absolute;
   width:7px;
   height:12px;
   right:15px;
   top:50%;
   margin-top:-6px;
}
.cta-button-centered-in-module a:after {
   content:"";
   background-image:url(/img/icons/right-white-arrow.png);
   position:absolute;
   width:7px;
   height:12px;
   right:15px;
   top:50%;
   margin-top:-6px;
   background-size:100%;
}



.lt-ie9 .cta-button a:after {
   background-image:url(/img/icons/link-external@2x.png);
}



.typical-slider {
   margin:55px 0;
}

.typical-slider a {
   color:#fff;
   display:inline-block;
   border-bottom:1px solid transparent;
}

.typical-slider a:hover {
   text-decoration:none;
   border-bottom:1px solid;
}

.typical-slider h3 .last-word {
   display:inline-block;
   position:relative;
}

.typical-slider h3 .last-word:after {
   content:"";
   background-image:url(/img/icons/white-arrow-md@2x.png);
   background-size:100% 100%;
   background-repeat:no-repeat;
   display:inline-block;
   margin-left:20px;
   width:12px;
   height:22px;
}

.lt-ie9 .typical-slider h3 .last-word:after {
   background-image:url(/img/icons/right-white-arrow.png);
}

.flexslider {
   box-shadow:none;
   -webkit-box-shadow:none;
}

.flex-direction-nav {
   display:none;
}

.slides li {
   position:relative;
}

.slide-caption {
   position:absolute;
   bottom:50px;
   left:50%;
   z-index:5;
   width:95%;
   padding:25px;
   margin-left:-47.5%;
   background:#000;
   background:rgba(0,0,0,.7);
   -webkit-backface-visibility: hidden;
}

.slide-caption p,.slide-caption h3 {
   color:#fff;
   margin:0;
}

.slide-caption p {
   font-size:1.0em;
   margin-top:10px;
}

.flexslider .slide-caption img {
   width:auto;
   display:inline;
   margin:-5px 0 0 20px;
}

.flex-control-nav {
   bottom:22px;
   z-index:5;
   width:95%;
   height:40px;
   left:50%;
   margin-left:-47.5%;
   background:#000;
}

.flex-control-nav li {
   vertical-align:middle;
   margin:0 9px;
   margin-top:6px;
}

.flex-control-paging li a {
   background:#bcbcbc;
   width:12px;
   height:12px;
   border-bottom: 0px !important;
}

.flex-control-paging li a:hover {
   background:#b41945;
}

.flex-control-paging li a.flex-active {
   background:#b41945;
}

.video-content {
   border:2px solid #dedede;
   padding:12px;
   overflow:hidden;
}

.video-content h3 {
   color:#222;
}

.iframe-wrapper {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto;
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY
border: solid black 1px;
}
.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*.video-content .video-wrapper{
 padding-right: 15px;
}*/
.video-wrapper a,.video-wrapper {
   position:relative;
}

.video-wrapper a:after,.large-vid .video-wrapper:after {
   content:"";
   background-image:url(/img/icons/play-lg@2x.png);
   background-size:100% 100%;
   background-repeat:no-repeat;
   display:inline-block;
   width:40px;
   height:40px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-20px;
   margin-left:-20px;
}

.lt-ie9 .large-vid .video-wrapper:after {
   background-image:url(/img/icons/video-play-large.png);
}

.lt-ie9	.video-wrapper a:after {
   background-image:url(/img/icons/video-play.png);
}

.large-vid .video-wrapper:after {
   width:60px;
   height:60px;
   margin-top:-30px;
   margin-left:-30px;
}




.tweet {
   margin-bottom:30px;
}

.tweet ul {
   padding-left:0;
   margin:0;
}

.tweet li {
   list-style:none;
   font-size:2.0em;
   margin-bottom:1.1em;
   word-break:break-all;
}

.tweet .date {
   color:#212c4b;
   display:block;
   margin-top:.5em;
}

.chunky-button {
   padding:1.5em 1em;
   background-color:#212c4b;
   color:#fff;
   display:block;
   position:relative;
   transition:all .3s;
   position:relative;
   transition:all .3s;
   -webkit-transition:all .3s;
}

.module .chunky-button {
   color:#fff;
}

.chunky-button:after {
   content:"";
   background-image:url(/img/icons/yellow-arrow-chunky.png);
   background-repeat:no-repeat;
   background-size:100%;
   background-position:center center;
   width:10px;
   height:19px;
   position:absolute;
   right:15px;
   margin-top:-9px;
   top:50%;
}

.col .chunky-button {
   margin:0 -1.1em -1.1em;
   margin: 0 -1.1em -1.1em;
 position: absolute;
 bottom: 0;
 width: 100%;
 margin-bottom: 0;
}

.twitter-block,
.instagram-block{
   margin-bottom: 80px !important;
}

.chunky-button:hover {
   background-color:#111626;
   text-decoration:none;
}


ul {
   margin-left: 20px;
}
ul li a {
     font-weight:600;
}


ol {
   margin-left: 20px;
}
ol li {
   padding: 5px;
}
ol li a {
     font-weight:600;
}


ul.no-bullets {
   list-style:none;
   color:#C32032;
   font-weight:600;
}


ul.no-bullets-not-bold {
   list-style:none;
   color:#222;
   font-weight:400;
}

.no-bullets-not-bold li {
   margin:5px 0;
}

.no-bullets-not-bold li a {
   color:#C32032;
   text-decoration:none;
   font-weight:600;
}

.no-bullets-not-bold li a:hover {
   text-decoration:underline;
   font-weight:600;
}


ul.no-bullets-black {
   list-style:none;
   color:#222;
   font-weight:500;
}

.no-bullets-black li {
   margin:5px 0;
}

ul.no-bullets-black-not-bold {
   list-style:none;
   color:#222;
   font-weight:400;
}
.no-bullets-black-not-bold li {
   margin:12px 0;
}

ul.large-text {
   font-size:1.4em;
   font-weight:200;
}





/* ==========================================================================
 Modules
  ========================================================================== */
.module {
   margin-bottom:30px;
   margin-top:40px;
   overflow:hidden;
}

.module .section {
   margin-top:2em;
}


.module .section:first-child {
   margin-top:0;
}

.module .col.span_1_of_3 {
   width:31.13%;
   margin:0 0 0 3.3%;
}

.lt-ie9 .one-quote-module-first .col:first-child {
   width:31%;
}

.module .col {
   margin-top:0
}

.module img {
   width:100%
}

.col.span_1_of_3:first-child {
   margin-left:0
}

.col.span_1_of_3.academic {
   text-align: center;
}



.one-quote-module-last .col:last-child {
   width:32%;
   margin-left:2.5%;
   background:#fff
}

.one-quote-module-first .col.quote-box {
   width:32%;
   background:#fff;
   float:left
}

.one-quote-module-first .col.span_2_of_3 {
   float:right
}

.one-quote-module-first .col:nth-child(2) {
   margin-left:0
}

.one-quote-module-first .span_1_of_2 {
   width:48.2%
}

.one-quote-module-first .span_2_of_3 {
   width:68%
}

.one-quote-module-first .span_2_of_3 .span_1_of_2 {
   margin-left:3%;
   width:46.9%
}

.one-quote-module-last,.one-quote-module-first {
   background:#dedede;
   margin-top:15px;
   padding:20px 0
}






.one-quote-module-first a,.one-quote-module-last a {
   color:#212c4b
}

.one-quote-module-last .col.span_2_of_3{
   float: left;
}

.one-quote-module-last .col.span_1_of_3{
   float: left;
   margin-left: 1.9%;
   width: 31.8%;
}

.one-quote-module-last .col.span_2_of_3 .col.span_1_of_2{
   width: 48.5%;
}

.one-quote-module-last .col.span_2_of_3 .col.span_1_of_2:last-child{
   margin-left: 2.9%;
   background-color: transparent;
}

.one-quote-module-last .col.span_1_of_3:last-child {
   background: #fff;
}

.module .quote {
   padding:40px 30px 40px 65px;
   position:relative;
   font-family:'Sentinel',georgia,serif;
   font-weight:500;
   opacity:1
}

.module .quote p {
   opacity:.8
}

.module .quote span {
   top:26px;
   color:#3a3a3a;
   opacity:1
}

.module .quote .person,.module .quote .position {
   color:#5b2a64;
   opacity:1
}

.red-caption p {
   font-size:1.6em;
   font-weight:600;
   color:#fff;
   margin:0
}

.red-caption p a {
   padding:20px 15px 20px 8px
}

.red-caption a p {
   padding:20px 15px 20px 8px
}

.red-caption a {
   color:#fff
}

.red-caption .section {
   margin-bottom:40px
}

.red-caption .section:last-child {
   margin-bottom:0
}

.red-caption .col {
   border:2px solid #dedede;
   background:#C32032;
   transition:background .3s;
   -webkit-transition:background .3s
}

.red-caption .col:hover {
   background:#8c2332
}

.slider-quotes {
   overflow:hidden;
   max-width:1200px;
   margin:2em auto 1em;
   position:relative
}

.border-quotes .quote {
   /* padding:20px 30px 45px 55px  -- Shortened left and right to fit long name */
   padding:20px 20px 45px 45px;
}

.border-quotes .quote span {
   top:6px;
   left:17px
}

.border-quotes .slide,
.border-quotes .col.span_1_of_3 {
   border:2px solid #dedede
}
/*
.slider-quotes .slide,
.slider-quotes .col.span_1_of_3{
   width:31%;
   margin-right:3.3%;
   float:left
}*/

.slider-quotes .inner{
   padding: 0;
}
/*
.lt-ie9 .slider-quotes .slide,
.lt-ie9 .slider-quotes .col.span_1_of_3 {
   width:30%;
   margin-right:3.3%
}*/

.slider-quotes .slide:last-child,
.slider-quotes .col.span_1_of_3:last-child {
   margin-right:0
}

.slick-nav {
   position:absolute;
   z-index:50;
   width:100%
}

.slick-prev,.flex-prev {
   float:left;
   cursor:pointer;
   width:35px;
   height:35px;
   margin-left:10px;
   background:#bcbcbc;
   background-image:url(/img/icons/left-white-arrow.png);
   background-repeat:no-repeat;
   background-size:7px 12px;
   background-position:center;
   border-radius:10px;
   border:1px solid #dedede;
   text-indent:-999px;
   opacity:1
}

.slick-next,.flex-next {
   float:right;
   cursor:pointer;
   width:35px;
   height:35px;
   margin-right:10px;
   background:#bcbcbc;
   background-image:url(/img/icons/right-white-arrow.png);
   background-repeat:no-repeat;
   background-size:7px 12px;
   background-position:center;
   border-radius:10px;
   border:1px solid #dedede;
   text-indent:999px;
   opacity:1
}

.border-quotes .slide:last-child,
.border-quotes .col.span_1_of_3:last-child {
   margin-right:0
}

.module-border .col {
   padding:1.1em;
   border:2px solid #dedede;
   position: relative;
}

.module-border-blue .col {
   padding:1.1em;
   border:2px solid #212c4b;
   position: relative;
}

.module h4 a {
   text-transform:none;
   color:#212c4b
}

.module-border h4 {
   margin-bottom:15px
}

.cta-fullwidth {
   overflow:auto;
   border:2px solid #dedede;
   padding:20px 40px;
   margin-top:30px;
   margin: 20px auto auto auto;
   max-width: 1200px;
}

.cta-fullwidth p {
   font-size:1.6em;
   color:#C32032;
   font-weight:600;
   float:left;
   margin:0;
   padding-right:30px
}



.cta-fullwidth .cta-button {
   width:auto;
   display:inline;
   float:left;
   clear:none;
   margin:0;
   white-space:nowrap
}

.cta-fullwidth a img {
   margin-left:15px
}

.cta-fullwidth p a {
   padding:10px 40px 10px 0px
}

.cta-fullwidth a {
   padding:10px 40px 10px 10px
}

.three-boxes {
   margin-bottom:2em;
   overflow:hidden
}

.three-boxes img {
   width:100%
}

.three-boxes .span_1_of_3 {
   width:30.66%
}

.three-boxes .col {
   margin:1% 0 1% 4%
}

.three-boxes .box-inner {
   padding:1em 2.5em;
   font-family:'Sentinel A','Sentinel B','georgia'
}

.three-boxes .box-inner .attr-name,.three-boxes .box-inner .attr-title {
   color:#5b2a64;
   font-weight:600
}

.three-boxes .box-inner .attr-name {
   font-size:1.4em;
   margin-bottom:0
}

.has-curly-quotes {
   position:relative
}

.has-curly-quotes p {
   opacity:.8
}

.has-curly-quotes:before {
   content:"“";
   position:absolute;
   top:-18px;
   left:-.5em;
   font-size:3.5em;
   font-family:'Sentinel',georgia,serif;
   color:#3a3a3a
}

.gray-box {
   overflow:hidden;
   background-color:#dedede;
   padding-bottom:.5em;
   margin-bottom:1em
}



.full-width-breakout-box {
   padding-left:3000px;
   margin-left:-3000px;
   padding-right:3000px;
   margin-right:-3000px
}

h3 a {
   color:#212c4b;
   font-weight:600;
}

h3.first-larger::first-letter   
{ font-size: 170%;
  color: #212c4b;
}


.blue-arrow {
   position:relative;
   border-bottom:2px solid transparent
}

.blue-arrow:hover {
   text-decoration:none;
   border-bottom:2px solid
}

.blue-arrow a {
   display:inline;
   border-bottom:2px solid transparent
}

.blue-arrow a:hover {
   text-decoration:none;
   border-bottom:2px solid
}

h3.blue-arrow {
   border-bottom:0!important
}

.module a {
   color:#212c4b
}

.module a.red {
   color:#C32032
}


.red-caption a {
   color:#fff
}

.last-word {
   position:relative;
   display:inline-block
}

.blue-arrow .last-word:after {
   content:"";
   width:9px;
   height:16px;
   display:inline-block;
/*	margin-left: 10px;
*/
   background-repeat:no-repeat;
   background-image:url(/img/icons/arrow-cta-navy@2x.png);
   background-size:100%;
   margin-left:10px
}

.external-link .last-word:after {
   content:"";
   width:22px;
   height:14px;
   display:inline-block;
   margin-left:5px;
   background-repeat:no-repeat;
   background-image:url(/img/icons/link-external@2x.png);
   background-size:100%;
   background-position:bottom
}

.lt-ie9 .blue-arrow .last-word:after {
   background-image:url(/img/icons/blue-arrow.png)
}

.span_2_of_5.padding-box .cta-button {
   /* T4 remove position:absolute */
   bottom:2em
}

.custom-list-pink {
   list-style:none;
   padding:0
}

.custom-list-pink a {
   padding:.5em 0;
   display:block
}

.padding-box {
   padding:2em 1em;
   position:relative
}

.cta-btns .cta-button {
   margin-bottom:0
}

/*.cta-btns {
 position: absolute;
 bottom: 2em;
}*/
.two-boxes ul.group{
   margin-top:1em
}

.two-boxes .col {
   width:48%;
   border:2px solid #212c4b;
   padding:35px 20px;
   margin-left:4%
}

.two-boxes .col:first-child {
   margin-left:0
}

.two-boxes .cta-button {
   width:100%
}

h3.has-number > span {
   font-size:1.2em;
   background:#C32032;
   color:#fff;
   padding:5px;
   border-radius:200px;
   width:30px;
   height:30px;
   display:inline-block;
   text-align:center;
   margin-right:10px;
   vertical-align:top;
   line-height:.9
}


h3.has-number-goal > span {
   font-size:1.2em;
   background:#C32032;
   color:#fff;
   padding:5px;
   border-radius:200px;
   width:40px;
   height:40px;
   display:inline-block;
   text-align:center;
   margin-right:10px;
   margin-bottom:10px;
   vertical-align:middle;
   line-height:1.0em;
}


.two-box-border .cta-button {
   width:100%
}

.cal-list {
   list-style:none;
   padding:0
}

.cal-list li {
   margin-bottom:1em
}

.cal-list li div {
   display:block;
   padding-left:2.2em;
   position:relative
}

.cal-list div:before {
   content:"";
   width:25px;
   height:5px;
   background-color:#C32032;
   display:block;
   position:absolute;
   top:5px;
   left:0
}

.cal-list div:after {
   content:"";
   width:25px;
   height:20px;
   background-color:#f1f1f1;
   display:block;
   position:absolute;
   top:10px;
   left:0
}

.cal-list .event-date,.major,.cal-list .event-location {
   font-size:0.9em;
   text-transform:uppercase;
   font-weight:300;
   color:#3a3a3a;
   margin-bottom:0;
   font-family:'Whitney A','Whitney B',sans-serif
}

.cal-list .event-location {
   text-transform:none
}

.major {
   margin-top:1em
}

.cal-list h4.event-title a {
   font-size:1.0em;
   color:#5b2a64;
   text-transform:none;
   line-height:1.1
}

.event-title {
   margin-top:0;

   font-size: 1.2em; /* added by T4 developer */
 text-transform: none; /* added by T4 developer */
}

.content-banner {
   padding-bottom:2em;
   border-bottom:6px solid #f3b633;
   background-image:url(/img/academics/banner.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   margin-top:-75px;
   padding-top:75px;
   color:#fff
}

.content-banner .large-text p {
   font-weight:500;
   padding-right:15px
}

.content-banner .cta-button a {
   white-space:nowrap
}

.jobs-banner {
   border-bottom:6px solid #f3b633;
   background-image:url(/wp-content/uploads/2023/06/Toledo-Campus-2500x1668-1.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   padding-top:300px;
   padding-bottom:10px;
   color:#fff;
}


.ohiotech-banner {
   border-bottom:6px solid #f3b633;
   background-image:url(/wp-content/uploads/2024/03/ohiotechnician-banner-2500x1668-1.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   padding-top:300px;
   padding-bottom:10px;
   color:#fff;
}






.tour-banner {
   border-bottom:6px solid #f3b633;
   background-image:url(/wp-content/uploads/sites/375/2023/10/tour-hero-image-scaled.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   padding-top:300px;
   padding-bottom:10px;
   color:#fff;
}

.jill-banner {
   border-bottom:6px solid #f3b633;
   background-image:url(/wp-content/uploads/2023/11/jill-hero-photo-2560x985-1.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   padding-top:540px;
   padding-bottom:10px;
   color:#fff;
}




.has-shading {
   position:relative
}

.has-shading:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   left:0;
   bottom:0;
   background-image:url(/img/academics/transparent-shading.png);
/* this image needs to be replaced with something smaller in file size */
   background-repeat:repeat-y;
   background-size:cover
}

.content-banner-inner {
   max-width:1240px;
   margin:0 auto;
   position:relative;
   padding:0 20px;
}

.aboutowens-banner h1 {
   margin-bottom:20px;
}

.danacenter-banner h1 {
   margin: 60px 0px 10px 0px;
}

.tuition-banner h1 {
   margin-bottom:40px;
}

.studentservices-banner h1 {
   margin-bottom:40px;
}



/* ==========================================================================
 Explore
  ========================================================================== */
form {
   margin-top:30px
}
/*
form input[type=checkbox] {
   opacity:0
}

form li input[type="checkbox"] + span:before {
   content:"";
   width:22px;
   height:22px;
   background:#e6e6e6;
   display:inline-block;
   border-radius:3px;
   vertical-align:middle;
   position:absolute;
   top:3px;
   left:0
}
*/
form ul {
   padding:0;
   overflow:auto
}
/*
form li input[type="checkbox"]:checked + span:before {
   background:url(/img/icons/red-check@2x.png);
   background-position:center;
   background-repeat:no-repeat;
   background-size:100%
}

form li input[type="checkbox"]:checked + span {
   color:#C32032
}
*/
form li {
   font-weight:500;
   font-size:21px;
   display:block;
   float:left;
   /* width:30.4%; */
   margin:0 .8%
}


form label {
   cursor:pointer;
   position:relative;
   padding-right:20px;
}

#programs label{
   display: block;
   padding: 15px 0;
}

#programs input[type=checkbox]{
   position: absolute;
   
}


form label span {
   padding-left:25px;
   margin-top:-8px;
   display:block;
   position:relative
}



.lt-ie9 form li input[type="checkbox"] + span:before {
   content:none
}

.lt-ie9 form label {
   padding-right:0
}

.lt-ie9 form label span {
   display:inline
}

.lt-ie9 form li {
   padding:20px 0
}

#programs .section {
   padding-bottom:30px
}

.button-wrapper {
   background:#e6e6e6;
   padding:20px 0;
   overflow:auto
}

.button-wrapper button {
   background:#dedede;
   border:none;
   color:#212c4b;
   font-weight:600;
   font-size:1.4em;
   padding:15px;
   /*margin-left:.8%;*/
   width:34.5%;
   transition:all .3s;
   -webkit-transition:all .3s
}

.button-wrapper button:focus {
   box-shadow:none;
   -webkit-box-shadow:none;
   outline:none
}

.button-wrapper button:hover {
   background:#BFBFBF
}

.button-wrapper button img {
   margin-right:15px
}

.clear img {
   width:28px
}

.show-all img {
   width:42px
}

.button-wrapper .show-all {
   float:right;
   /*margin-right:.8%*/
}

.show-programs {
   margin-top:45px;
   overflow: hidden;
}

.show-programs .program {
   margin:1% .8%;
   width:23.4%;
   float:left;
   overflow:hidden;
   display:none
}

.show-programs .program.visible {
   display:block
}

.show-programs .program.hidden {
   display:none
}

.show-programs .program a {
   font-size:19px;
   border:2px solid #e6e6e6;
   padding:15px;
   margin-bottom:0;
   display:block;
   height:100%;
   transition:all .2s;
   -webkit-transition:all .2s;
   min-height: 145px;
}


.show-programs .program a:hover {
   border:2px solid #212c4b;
   color:#212c4b;
   text-decoration:none
}

.program-match-jump{
   margin-bottom: 3em;
   overflow: hidden;
   position: fixed;
   width: 100%;
   bottom: -50px;
   z-index: -1;
   -webkit-transition:all 0.3s ease;
   -moz-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
   opacity: 0;
   /*display: none;*/
}

.program-match-jump.show{
   opacity: 1;
   filter: alpha(opacity=100); /* For IE8 and earlier */
   z-index: 11;
   -webkit-transition:all 0.3s ease;
   -moz-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

.button-wrapper a{
   color: #212c4b;
}

.button-wrapper a:hover{
   text-decoration: none;
}

.force-hide{
   opacity: 0 !important;
   z-index: -1 !important;
   -webkit-transition:all 0.3s ease;
   -moz-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;
}

.stationary{
   position: relative;
   opacity: 1;
   filter: alpha(opacity=100); /* For IE8 and earlier */
   display: none;
   bottom: auto;
   margin-bottom: -1px !important;
}

#programs > .inner{
   margin-bottom: 3em;
}

.button-blue,
a.button.button-blue{
   background-color: #212c4b;
   color: white !important;
   padding: 10px 15px;
   display: block;
   margin: 15px 0;
   font-size: 1.2em;
   position: relative;
   margin: 0;
   max-width: 1240px;
}

.back-to-top:after{
   content: "";
   position: absolute;
   right: 25px;
   background-image: url(/img/icons/matching-arrow-up@2x.png);
   background-repeat: no-repeat;
   background-position: right;
   background-size: 16px 9px;
   width: 16px;
   height: 9px;
   top: 50%;
   margin-top: -4.5px;
}

a.button.button-blue{
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   clear: both;
}

.clone-wrapper .program-match-jump{
   display: block;
   opacity: 1 !important;
   z-index: 1 !important;
   position: relative !important;
}

.program-match-jump .button-blue:after{
 content: "";
 position: absolute;
 right: 25px;
 background-image: url(/img/icons/matching-arrow-down@2x.png);
 background-repeat: no-repeat;
 background-position: right;
 background-size: 16px 9px;
 width: 16px;
 height: 9px;
 top: 50%;
 margin-top: -4.5px;
}

.program-match-jump .button-blue:hover{
   text-decoration: none;
}

a.button{
   background: #dedede;
   border: none;
   color: #212c4b;
   font-weight: 600;
   font-size: 1.4em;
   padding: 15px;
   margin-left: .8%;
   transition: all .3s;
   -webkit-transition: all .3s;
   text-align: center;
   margin: 3% 3% 0 3%;
   clear: both;
   display: none;
}

a.button:hover{
   text-decoration: none;
}

.back-to-top,
a.back-to-top.button.button-blue{
   display: none;
}


/*****  Banner Backgrounds   ***/
.workforce-banner {
   background-image:url(/img/workforce/banner.jpg)
}

.workforce-banner-dana {
   background-image:url(/danacenter/wp-content/uploads/sites/195/2021/02/banner-1400x500-1.jpg)
}


.admissions-banner {
   background-image:url(/img/admissions/banner.jpg);
   padding-bottom:0
}

.admissions-banner-2025 {
   background-image:url(/admissions/wp-content/uploads/sites/19/2025/01/admissions-banner1400x933.jpg);
   padding-bottom:0
}

.academics-banner {
   padding-bottom:0
}

.tuition-banner {
   background-image:url(/img/tuition/banner.jpg)
}


.aboutowens-banner {
   background-image:url(/img/about-owens/banner.jpg)
}

.studentservices-banner {
   background-image:url(/img/studentservices/banner.jpg)
}

.campuslife-banner {
   background-image:url(/img/campuslife/banner.jpg)
}

.danacenter-banner {
   background-image:url(/img/danacenter/banner.jpg)
}

.elevate-banner {
   background-image:url(/workforce_cs/images/header-collage.jpg)
}

.cta-blocks {
   overflow:hidden
}

.cta-block {
   float:left;
   box-sizing:border-box;
   color:#fff
}

.cta-blocks.three-blocks.module .cta-block a {
   min-height:0
}

.large-feature-content .cta-blocks.three-blocks.module .cta-block a {
   min-height:170px
}

/* added 6/6 */
.four-blocks .cta-block {
   width:25%
}

.five-blocks .cta-block {
   width:20%
}

.three-blocks .cta-block {
   width:33.33%;
   /* margin-left:-7.5px */
}

.three-blocks .cta-block a {
   margin-left:15px;
   background-position:center 130px
}

.three-blocks .cta-block:first-child a {
   margin-left:0
}

.cta-blocks .td-style {
   position:relative
}

.cta-blocks .td-style:after {
   position:relative;
   content:"";
   display:block;
   margin:.8em auto 0;
   height:30px;
   width:30px;
   background-repeat:no-repeat;
   background-position:center center
}

.cta-block a {
   font-weight:600;
   color:#fff;
   text-align:center;
   display:block;
   padding:1.3em;
   background:#000;
   background:rgba(0,0,0,.3);
   margin-right:2px;
   font-size:1.2em;
   line-height:1.2em;
   min-height:230px;
   background-repeat:no-repeat;
   background-position:center 170px;
   transition:all .3s;
   -webkit-transition:all .3s
}

.cta-block a:hover {
   background-color:rgba(0,0,0,.7);
   text-decoration:none
}

.business a {
   background-image:url(/img/icons/academics-business@2x.png);
   background-size:53px 46px
}

.lt-ie9 .business a {
   background-image:url(/img/academics/cta-blocks/briefcase.png)
}

.liberal-arts a {
   background-image:url(/img/icons/academics-liberalarts@2x.png);
   background-size:50px 44px
}

.lt-ie9 .liberal-arts a {
   background-image:url(/img/academics/cta-blocks/book.png)
}

.nursing a {
   background-image:url(/img/icons/academics-health@2x.png);
   background-size:45px
}

.lt-ie9 .nursing a {
   background-image:url(/img/academics/cta-blocks/plus.png)
}

.science a {
   background-image:url(/img/icons/academics-stem@2x.png);
   background-size:44px
}

.lt-ie9 .science a {
   background-image:url(/img/academics/cta-blocks/beaker.png)
}

.explore-all a {
   background-image:url(/img/icons/academics-all@2x.png);
   background-size:44px
}

.lt-ie9 .explore-all a {
   background-image:url(/img/academics/cta-blocks/explore-all.png)
}


.apply .td-style:after {
   width:70px;
   height:70px;
   background-image:url(/img/icons/apply@2x.png);
   background-size:100%
}

.info .td-style:after {
   width:70px;
   height:70px;
   background-image:url(/img/icons/info@2x.png);
   background-size:100%
}

.visit .td-style:after {
   width:57px;
   height:57px;
   background-image:url(/img/icons/visit@2x.png);
   background-size:100%
}

.viewbook .td-style:after {
   width:57px;
   height:57px;
   background-image:url(/img/icons/academics-liberalarts@2x.png);
   background-size:100%
}

.lt-ie9 .apply .td-style:after {
   width:70px;
   height:70px;
   background-image:url(/img/academics/cta-blocks/check.png)
}

.lt-ie9 .info .td-style:after {
   width:70px;
   height:70px;
   background-image:url(/img/academics/cta-blocks/info.png)
}

.lt-ie9 .visit .td-style:after {
   width:57px;
   height:57px;
   background-image:url(/img/academics/cta-blocks/bag.png)
}

.lt-ie9 .viewbook .td-style:after {
   width:57px;
   height:57px;
   background-image:url(/img/icons/academics-liberalarts@2x.png);
}


.table-style {
   display:table;
   width:100%
}

.cta-block .table-style {
   min-height:150px
/* has jquery matcheight applied */
}

.table-style .td-style {
   display:table-cell;
   vertical-align:middle;
   width:auto
}

.table-style .large-text p {
   margin:0
}

.transparent-box {
   background:#000;
   background:rgba(0,0,0,.3);
   padding-left:40px
}




.transparent-box .large-text p {
   font-weight:600
}


.transparent-box a {
   color:#f3b633
}

.transparent-box > a {
   display:inline-block
}

.transparent-box a:hover {
   text-decoration:underline
}

.infosquares .callout a:hover {
   text-decoration:underline
}

.big-cta-box {
   margin-top:2em;
   margin-bottom:1em;
   padding:2em
}

.big-cta-box .cta-button a {
   font-size:1.1em;
   padding:15px 40px 15px 20px
}

.big-cta-box .large-text p {
   font-weight:600;
   margin-right:30px
}

.big-cta-box .cta-button a:after {
   background-image:url(/img/icons/right-white-arrow.png);
   background-size:7px 12px
}

.no-images.red-caption a {
   padding:25px 0 25px 18px;
   font-size:1.6em;
}

.admissions-caption p {
   font-size:1.2em;
}

.no-images.red-caption p a {
   padding:25px 0 25px 18px;
   display:block
}

.no-images.red-caption p {
   padding:25px 0 25px 18px
}

.no-images.red-caption .section {
   margin-bottom:3em
}

.no-images.red-caption .section:last-child {
   margin-bottom:0
}

.three-quote-row .module .quote {
   padding:30px 30px 40px 35px
}


/* ==========================================================================
 Home page
  ========================================================================== */
.home footer {
   margin-top:0
}

.home .module {
   margin-top:0;
   margin-bottom:0
}

/*infosquares controls the Welcome to Owens */
.infosquares {
   margin-top:-150px;
   width:100%;
   position:relative;
   /*height:870px;*/
   height: 800px;
   background-image:url(/wp-content/uploads/2025/01/lead-photo-commencement-1654-1102.jpg);
   background-size:cover;
   background-repeat:no-repeat;
   border-bottom:8px solid #fcb423
}
/* change photo overlay transparency at or near line 3369 at .infosquares .inner  */

.infosquares h1 .last-word {
   position:relative;
   display:inline-block
}

.infosquares h1 .last-word:after {
   content:"";
   background-image:url(/img/icons/white-arrow-lg@2x.png);
   background-size:100% 100%;
   display:inline-block;
   width:31px;
   height:48px;
   margin-left:10px
}

.lt-ie9 .infosquares h1 .last-word:after {
   background-image:url(/img/icons/right-white-arrow-lg.png)
}

.square {
   position:absolute
}

.square-1 {
   left:15%;
   top:47%
}

.square-2 {
   top:40%;
   left:39%
}

.square-3 {
   left:69%;
   top:50%
}

.square:before {
   content:"";
   display:block;
   float:left;
   width:30px;
   height:30px;
   background:#c32032;
   background:rgba(195,32,50,.3);
   border:4px solid #fff;
   z-index:40;
   cursor:pointer;
   transition:all .3s ease-out;
   -webkit-transition:all .3s ease-out
}

.square-content {
   font-size:0.8em;
   max-width:230px;
   padding:10px;
   background:#000;
   background:rgba(0,0,0,.7);
   color:#fff;
   float:right;
   display:none;
   transition:opacity .4s ease;
   -webkit-transition:opacity .4s ease;
   position:relative;
   z-index:23
}

.square-content p {
   margin-bottom:0
}

.square:hover .square-content {
   display:block
}

.square:hover:before {
   content:"";
   display:block;
   width:30px;
   height:30px;
   background:#c32032;
   border:4px solid #fff
}

.infosquares .inner {
   position:absolute;
   bottom:50px;
   left:50%;
   margin-left:-620px;
   padding:0;
   background:#000;
   background:rgba(0,0,0,.7);
   color:#fff
}
/*
changed background:rgba from .5 to .55 for this photo to make it more transparent. 04-30-2018 carla
*/

.callout {
   padding:40px 35px 10px
}

.callout a {
   color:#fff
}

.callout > a {
   display:inline-block
}

.infosquares .callout a:hover {
   text-decoration:underline
}

.infosquares img {
   width:100%
}

.infosquares .large-text p {
   font-weight:500
}

.lt-ie9 .infosquares .large-text p{
   font-weight: normal;
}

.infosquares-ctas {
   width:100%;
   background:#000;
   background:rgba(0,0,0,.7)
}

.infosquares-ctas a {
   text-align:center;
   vertical-align:middle;
   font-size:1.8em;
   padding-top:18px;
   padding-bottom:18px;
   font-weight:600;
   color:#fff;
   width:100%;
   display:block;
   position:relative;
   transition:all .3s;
   -webkit-transition:all .3s
}

.lt-ie9 .infosquares-ctas a ,
.lt-ie9 .infosquares .large-text p,
.lt-ie9 .quote .person,
.lt-ie9 .cta-button a,
.lt-ie9 .event-title h4,
.lt-ie9 .large-feature-content .cal-list h4.event-title a,
.lt-ie9 .cal-date .month,
.lt-ie9 .cal-date .day,
.lt-ie9 .home-slider .slide-caption,
.lt-ie9 .home-slider .slide-caption a,
.lt-ie9 .home-slider .slide-caption p,
.lt-ie9 .home-slider a,
.lt-ie9 .cta-block a,
.lt-ie9 footer *,
.lt-ie9 *{
   font-weight: normal !important;
}

.infosquares-ctas .td-style {
   width:20%
}

.infosquares-ctas .info {
   text-align:center;
   margin:0 auto
}

.infosquares-ctas .visit a {
   float:right
}

.infosquares-ctas :last-child {
   margin-right:0
}

.infosquares-ctas a:before {
   content:"";
   display:inline-block;
   background-size:100% 100%;
   background-repeat:no-repeat;
   width:45px;
   height:45px;
   vertical-align:middle;
   margin-right:15px
}

.infosquares-ctas a:hover {
   background-color:#000
}

.infosquares-ctas .apply a:before {
   background-image:url(/img/icons/apply@2x.png)
}

.infosquares-ctas .info a:before {
   background-image:url(/img/icons/info@2x.png)
}

.infosquares-ctas .visit a:before {
   background-image:url(/img/icons/visit@2x.png)
}

.infosquares-ctas .selective a:before {
   background-image:url(/img/icons/academics-health@2x.png)
}

.infosquares-ctas .programs a:before {
   background-image:url(/img/icons/academics-all@2x.png)
}

.infosquares-ctas .viewbook a:before {
   background-image:url(/img/icons/academics-liberalarts@2x.png)
}

.lt-ie9 .infosquares-ctas .apply a:before {
   background-image:url(/img/icons/home-cta/check.png)
}

.lt-ie9 .infosquares-ctas .info a:before {
   background-image:url(/img/icons/home-cta/info.png)
}

.lt-ie9 .infosquares-ctas .visit a:before {
   background-image:url(/img/icons/home-cta/briefcase.png)
}

.lt-ie9 .infosquares-ctas .selective a:before {
   background-image:url(/img/icons/home-cta/academics-health.png)
}

.lt-ie9 .infosquares-ctas .programs a:before {
   background-image:url(/img/icons/home-cta/academics.png)
}

.infosquares-ctas .programs a:before {
   background-image:url(/img/icons/academics-all@2x.png)
}

.three-quote-row {
   padding-top:1.5em
}

.three-quote-row .col,.three-quote-row .slide {
   position:relative
}

/*
.three-quote-row .cta-button{
 position: absolute;
 bottom: 0;
 margin:0
}*/

/*
changed right padding from 0 to 20px on 11/30/17. Words were bumping right border.
*/
.three-quote-row .quote {
   padding:30px 20px 40px 35px
}

.large-feature-content {
   padding:5em 0;
   border-top:8px solid #fcb423
}

.disability-feature-content {
   padding:2em 0;
   border-top:1px solid #fff
}


.generic-feature-content {
   padding:2em 0;
   border-top:1px solid #fff
}

.large-feature-content .cta-blocks.module {
   margin-top:6em;
   padding-left:3em;
   padding-right:3em
}

.large-feature-content .cta-block a {
   padding:3em 1.3em
}

.large-feature-content .cal-list h4.event-title a {
   font-size:1.1em;
}

.white-pane {
   overflow:hidden;
   background:#fff;
   background:rgba(255,255,255,.7);
   padding-top: 30px;
   padding-left: 20px;
   padding-right: 20px;
}

.white-pane-cfpa {
   overflow:hidden;
   background:#fff;
   background:rgba(255,255,255,.8);
   padding-top: 50px;
   padding-left: 20px;
   padding-right: 20px;
}

.white-pane-dana {
   overflow:hidden;
   background:#fff;
   background:rgba(255,255,255,.8);
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
}

.white-pane > .section > .col {
   position:relative;
   padding-bottom:0px
}

.white-pane .cta-button.red {
   position:absolute;
   bottom:0;
   margin:0
}

.lt-ie9 .white-pane .cta-button.red {
   position:static
}

.slider-header {
   color:#14284b;
   font-size:2.0em;
   font-weight:500;
   padding-bottom:.3em;
   border-bottom:1px solid #000
}

.home-slider {
   margin-top:0
}

.home-slider .flexslider {
   background:transparent;
   border:0
}

.home-slider .section {
   padding-top:2em
}

.home-slider .slide-caption {
   position:static;
   bottom:auto;
   left:auto;
   z-index:1;
   width:100%;
   padding:0 25px;
   margin-left:inherit;
   background:transparent;
   color:#222
}

.home-slider .slide-caption h3 {
   margin-top:0;
   margin-bottom:0;
   color:#682566;
   font-size:1.4em;
   line-height:1.3;
}

.home-slider a {
   color:#682566;
   font-size:1.1em;
   font-weight:600;
}

.home-slider .slide-caption p {
   color:#222;
   font-size:1.1em;
   margin:2em 0 1em;
}

.flex-next a:before,.flex-prev a:before {
   display:none
}

.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next,.flexslider:hover .flex-next,.flexslider:hover .flex-prev {
   opacity:1
}

.flex-direction-nav .flex-prev {
   left:10px
}

.flex-direction-nav .flex-next {
   right:10px
}

.home-slider .slide-caption p.event-date {
   font-size:0.9em;
   margin-top:1em
}

.home-slider .flex-control-nav {
   width:auto;
   background:transparent;
   top:-2.5em;
   right:0;
   text-align:right
}

.home-slider .flex-control-nav a {
   color:transparent;
   display:block;
   text-align:center;
   text-indent:-9999px
}

.large-feature-content {
   background-image:url(/img/large-bg-hands.jpg);
   background-repeat:no-repeat;
   background-size:cover
}

/* added 06-20-2018 for FPA CFPA carousel */
.cfpa-feature-content {
   background-image:url(/img/fpa/carousel-perf-arts/large-bg-cfpa-outside-shot.jpg);
   background-repeat:no-repeat;
   background-size:cover
}

/* added 11-29-17 for disability services homepage carousel */
.disability-feature-content {
   background-image:url(/img/disability-services/large-bg-owens-logo.jpg);
   background-repeat:no-repeat;
   background-size:cover
}


/* added 09032019 for AMTC groundbreaking photo gallery carousel */
.amtc-feature-content {
   background-image:url(/img/amtc/photo-gallery-bg-amtc.jpg);
   background-repeat:no-repeat;
   background-size:cover
}

/* added 1-5-18 for trustees stu life  carousel */
.generic-feature-content {
   background-image:url(/img/trustees/large-bg-owens-logo.jpg);
   background-repeat:no-repeat;
   background-size:cover
}

/* added 10-31-2019 for homepage bg for carousel */
.winter-feature-content {
   background-image:url(/img/lead-photo-winter.jpg);
   background-repeat:no-repeat;
   background-size:cover
}


.cal-list-custom .event-title {
   margin-bottom:.7em;
}

.cal-list-custom .event-date {
   margin-bottom:.4em
}

.cal-list.cal-list-custom div:before,.cal-list.cal-list-custom div:after {
   content:none
}

.cal-list.cal-list-custom li {
   margin-bottom:1.6em
}

.cal-list.cal-list-custom li div {
   padding-left:4.3em;
   padding-right:2em
}

.cal-date {
   position:absolute;
   top:3px;
   left:0;
   width:60px;
   text-align:center;
   display:block;
   background-color:transparent
}

.cal-date:after {
   content:"";
   background-image:url(/img/icons/cal-bottom.png);
   background-repeat:no-repeat;
   position:absolute;
   bottom:-9px;
   display:block;
   width:100%;
   height:10px;
   background:#f1f1f1;
   width:51px
}

.cal-date .month {
   background-color:#C32032;
   color:#fff;
   font-size:0.8em;
   font-weight:600;
   font-style:normal;
   padding:1px;
   display:block;
   text-transform:uppercase
}

.cal-date .day {
   position:relative;
   border-bottom-left-radius:2px;
   font-style:normal;
   padding:6px;
   padding-bottom:0;
   font-size:1.4em;
   display:block;
   background-color:#f1f1f1;
   font-weight:600;
   line-height:1.2
}

.cal-date .day:after {
   content:"";
   position:absolute;
   bottom:-9px;
   z-index:1;
   left:42px;
   width:0;
   height:0;
   border-style:solid;
   border-width:0 0 9px 9px;
   border-color:transparent transparent #9d9d9d
}

.cal-date .day:before {
   content:"";
   position:absolute;
   bottom:-9px;
   z-index:1;
   right:0;
   width:0;
   height:0;
   border-style:solid;
   border-width:9px 9px 0 0;
   border-color:#dfdfdf transparent transparent
}

.cal-row {
   overflow:hidden;
   position:relative;
   padding:0;
   overflow:hidden
}

.cal-row.inner {
   width:1240px;
   margin:2em auto;
   padding:0 10px
}

.cal-row .section {
   overflow:hidden
}

.cal-row .read-more-button {
   position:absolute;
   width:23.8%;
   width:65px;
   right:10px;
   transition:all .5s;
   -webkit-transition:all .5s
}

.cal-row a:hover {
   text-decoration:none
}

.cal-row .read-more {
   position:static;
   width:23.8%;
/*width:60px;*/
   right:0;
   top:0;
   background-color:#bcbcbc;
   border-radius:12px;
/*border-radius: 0;*/
   width:100%;
   padding:20px
}

.cal-row .read-more-button .table-style {
   height:100%
}

.button-click-handle {
   background-color:#fff;
   height:100%;
   position:absolute;
   right:0;
   cursor:pointer;
   z-index:10
}

.button-click-handle span {
   background:#bcbcbc;
   background-image:url(/img/icons/right-white-arrow.png);
   background-repeat:no-repeat;
   background-position:center center;
   height:100%;
   display:block;
   width:60px
}

.read-more-button:after {
   content:"";
   background-color:#fff;
   height:100%;
   width:400px;
   position:absolute;
   left:100%;
   display:block
}

.button-click-content {
   width:100%;
   height:100%;
   background:#bcbcbc;
   position:absolute;
   right:0;
   left:65px;
   top:0;
   bottom:0;
   height:100%;
   min-width:150px;
   transition:all .5s;
   -webkit-transition:all .5s
}

.button-click-content .read-more {
   display:block;
   min-width:200px;
   transition:all .2s;
   -webkit-transition:all .2s;
   color:#fff
}

.cal-row .read-more:hover {
   width:24.8%
}

.cal-row .read-more:after {
   content:"";
   display:block;
   width:10px;
   height:20px;
   position:absolute;
   top:50%;
   margin-top:-10px;
   right:23px;
   background-image:url(/img/icons/right-white-arrow.png);
   background-repeat:no-repeat;
   background-position:center;
   background-size:100% 100%
}

.cal-row .read-more-button.active {
   width:23.8%;
   border-radius:7px
}

.read-more-button.active .button-click-handle span {
   border-bottom-left-radius:0;
   border-top-left-radius:0
}

.read-more-button.active .button-click-content {
   left:0;
   transition:all .5s;
   -webkit-transition:all .5s
}

.cal-row .col {
   margin-top:0;
   margin-bottom:0
}

.cal-row a {
   background-color:#f1f1f1;
   color:#222;
   font-weight:600;
   overflow:hidden
}

.lt-ie9 .cal-row a{
   font-weight: normal;
}

.cal-row a.slick-next,.cal-row a.slick-prev {
   float:left;
   background-color:#bcbcbc;
   margin:0 5px
}

.cal-row h4 {
   font-weight:400;
   color:#fff;
   background-color:#C32032;
   padding:.4em .9em;
   font-size:1.1em;
   margin:0;
   transition:all .5s;
   -webkit-transition:all .3s;
   -moz-transition:all .3s
}

.cal-row p {
   padding:.8em .9em;
   background-color:#f1f1f1;
   margin-top:0;
   margin-bottom:0
}

.cal-row .col:hover h4 {
   background-color:#8d2332
}

.cal-row .yellow h4 {
   background-color:#f3b633
}

.cal-row .yellow:hover h4 {
   background-color:#c69429
}

.cal-row .yellow p {
   background-color:#f7f4e9
}

/* ==========================================================================
 Workforce
  ========================================================================== */
.one-quote-module {
   background:#dedede
}

/* ==========================================================================
  Footer
  ========================================================================== */
footer {
   background:#C32032;
   font-weight:500;
   margin-top:50px
}

footer ul {
   margin:0;
   padding:0
}

.footer-top {
   padding:25px 0;
   overflow:hidden
}

.footer-logo {
   max-width:110px
}

.footer-logo img {
   width:80%
}

.footer-logo,.address {
   float:left;
   font-size:1.0em;
   color:#fff;
   font-style:normal
}

footer .address {
   margin-right:60px
}

.address p:last-child,.address p:last-child a {
   margin-bottom:0
}

.footer-logo {
/*	margin-right:40px;
*/
   margin-bottom:0
}

.footer-social {
   float:right;
   /*margin-top:39px*/
}

.footer-social a:hover, .footer-social a:focus {
   opacity:.6;
   transition:all .5s;
   -webkit-transition:all .3s;
   -moz-transition:all .3s
}

.footer-social li {
   display:inline-block
}

.footer-bottom {
   background:#000;
   color:#fff;
   overflow:auto;
   font-size:0.8em;
   padding:22px 0
}

footer a {
   color:#fff;
   margin-bottom:1em;
   display:block;
   text-align:center
}

footer a:focus {
 outline: 2px solid #f3b633;
}

footer .footer-social a{
   margin-bottom: 0;
}

footer .footer-nav a {
   text-align:left;
   padding:5px 0
}

.footer-social a img {
   max-width:50%
}

footer address a {
   text-align:left
}

footer .table-style .td-style {
   width:auto
}

.footer-bottom .copyright {
   float:left;
   padding-top:5px;
}

.copyright p {
   margin:0
}

.footer-bottom nav {
   float:right
}

.footer-bottom nav li {
   display:inline-block;
   list-style:none;
   margin-right:16px
}

.footer-bottom nav li a {
   margin-bottom:0
}

footer p:last-child {
   margin-bottom:0
}

/* ==========================================================================
  Helper classes
  ========================================================================== */
/*
* Hide visually and from screen readers:
* http://juicystudio.com/article/screen-readers-display-none.php
*/
.hidden {
   display:none!important;
   visibility:hidden
}

/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
   border:0;
   clip:rect(0 0 0 0);
   height:1px;
   margin:-1px;
   overflow:hidden;
   padding:0;
   position:absolute;
   width:1px
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
   clip:auto;
   height:auto;
   margin:0;
   overflow:visible;
   position:static;
   width:auto
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
   visibility:hidden
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,.clearfix:after {
   content:" ";
/* 1 */
   display:table
/* 2 */
}

.clearfix:after {
   clear:both
}

/* ==========================================================================
  EXAMPLE Media Queries for Responsive Design.
  These examples override the primary ('mobile first') styles.
  Modify as content requires.
  ========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */

}

@media print,(-o-min-device-pixel-ratio: 54),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */

}

/* ==========================================================================
  Print styles.
  Inlined to avoid the additional HTTP request:
  http://www.phpied.com/delay-loading-your-print-css/
  ========================================================================== */
@media print {
*,:before,:after {
   background:transparent!important;
   color:#000!important;
/* Black prints faster:
                                  http://www.sanbeiji.com/archives/953 */
   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 that are fragment identifiers,
    * or use the `javascript:` pseudo protocol
    */
a[href^="#"]:after,a[href^="javascript:"]:after {
   content:""
}

pre,blockquote {
   border:1px solid #999;
   page-break-inside:avoid
}

/*
    * Printing Tables:
    * http://css-discuss.incutio.com/wiki/Printing_Tables
    */
thead {
   display:table-header-group
}

tr,img {
   page-break-inside:avoid
}

img {
   max-width:100%!important
}

p,h2,h3 {
   orphans:3;
   widows:3
}

h2,h3 {
   page-break-after:avoid
}
}

/*
   Colorbox Core Style:
   The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,#cboxOverlay,#cboxWrapper {
   position:absolute;
   top:0;
   left:0;
   z-index:9999;
   overflow:hidden
}

#cboxWrapper {
   max-width:none
}

#cboxOverlay {
   position:fixed;
   width:100%;
   height:100%
}

#cboxMiddleLeft,#cboxBottomLeft {
   clear:left
}

#cboxContent {
   position:relative
}

#cboxLoadedContent {
   overflow:auto;
   -webkit-overflow-scrolling:touch
}

#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
}

.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
}

/*
   User Style:
   Change the following styles to modify the appearance of Colorbox.  They are
   ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
   background:rgba(0,0,0,.5);
   opacity:.9;
   filter:alpha(opacity = 90)
}

#colorbox {
   outline:0
}

#cboxTopLeft {
   width:21px;
   height:21px;
   background:no-repeat -101px 0
}

#cboxTopRight {
   width:21px;
   height:21px;
   background:no-repeat -130px 0
}

#cboxBottomLeft {
   width:21px;
   height:21px;
   background:no-repeat -101px -29px
}

#cboxBottomRight {
   width:21px;
   height:21px;
   background:no-repeat -130px -29px
}

#cboxMiddleLeft {
   width:21px;
   background:left top repeat-y
}

#cboxMiddleRight {
   width:21px;
   background:right top repeat-y
}

#cboxTopCenter {
   height:21px;
   background:0 0 repeat-x
}

#cboxBottomCenter {
   height:21px;
   background:0 -29px repeat-x
}

#cboxContent {
   overflow:hidden;
   padding-top:30px
}

.cboxIframe {
   background:#fff
}

#cboxError {
   padding:50px;
   border:1px solid #ccc
}

#cboxLoadedContent {
   margin-bottom:28px
}

#cboxTitle {
   position:absolute;
   bottom:4px;
   left:0;
   text-align:center;
   width:100%;
   color:#949494
}

#cboxCurrent {
   position:absolute;
   bottom:4px;
   left:58px;
   color:#949494
}

#cboxLoadingOverlay {
   background:url(/img/icons/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
   background:url(/img/icons/loading.gif) no-repeat center center
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
   border:0;
   padding:0;
   margin:0;
   overflow:visible;
   width:auto;
   background:none
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {
   outline:0
}

#cboxSlideshow {
   position:absolute;
   bottom:4px;
   right:30px;
   color:#0092ef
}

#cboxPrevious {
   position:absolute;
   bottom:0;
   left:0;
   background:url(/img/icons/controls.png) no-repeat -75px 0;
   width:25px;
   height:25px;
   text-indent:-9999px
}

#cboxPrevious:hover {
   background-position:-75px -25px
}

#cboxNext {
   position:absolute;
   bottom:0;
   left:27px;
   background:url(/img/icons/controls.png) no-repeat -50px 0;
   width:25px;
   height:25px;
   text-indent:-9999px
}

#cboxNext:hover {
   background-position:-50px -25px
}

#cboxClose {
   position:absolute;
   top:0;
   right:0;
   background-image:url(/img/icons/menu-close@2x.png);
   background-size:25px;
   width:25px;
   height:25px;
   text-indent:-9999px
}

#cboxClose:hover {
   background-position:-25px -25px
}

/*
 The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
 when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
 See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}

/*----------------------------------------------
--Setup
-----------------------------------------------  */
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; }

html {
 font-size: 100%;
 }
/*----------------------------------------------
--Images
-----------------------------------------------  */
img, object, embed {
 max-width: 100%;
 height: auto; }

img {
 -ms-interpolation-mode: bicubic;
 border: 0; }

.program {
 display: none;
}

.visible {
 display: block;
}

/*----------------------------------------------
--Instagram Grid
-----------------------------------------------  */
ul.instagram {
   margin: 0;
   display: block;
   *zoom: 1;
   list-style: none;
   padding: 0;
}
ul.instagram li{
   display: inline-block;
   vertical-align: top;
   margin: 0;
   z-index:9;
   position:relative;
   overflow:   hidden;
   list-style: none;
}

ul.instagram li:hover,.hover{
   z-index:9;
   position:relative;
}

ul.instagram li img{
   float:  left;
   overflow:hidden;
   display:table;
}
ul.instagram li a {
   position:relative;
   display:table;
   overflow:hidden;
   text-decoration:none
}

/*----------------------------------------------
--Instagram Captions
-----------------------------------------------  */
.everyday-caption {
   top:0;
   position:static;
   display: block !important;
   left:0;
   width:100%;
   height:100%;
   z-index:100;
   padding:0.5em 0;
   display:none;
   overflow:hidden;
   opacity: 1 !important;
}

.everyday-caption p {
   font-size:.8em;
   position: static !important;
}
