/* Minification failed. Returning unminified contents.
(619,73): run-time error CSS1046: Expect comma, found '0'
(619,77): run-time error CSS1046: Expect comma, found '/'
(1156,56): run-time error CSS1030: Expected identifier, found '>'
(1156,62): run-time error CSS1031: Expected selector, found ')'
(1156,62): run-time error CSS1025: Expected comma or open brace, found ')'
 */
ins,mark{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}dfn,mark{font-style:italic}button,hr,input{overflow:visible}a,progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1;margin:0}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;background:0 0;-webkit-text-decoration-skip:objects}ins{background-color:#ff9;text-decoration:none}mark{font-weight:700;background-color:#ff0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;box-sizing:content-box;height:0}input,select{vertical-align:middle}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}audio,canvas,progress,video{display:inline-block}.clearfix:after{clear:both}input,select,textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input[type=submit]{-webkit-appearance:none}ol li,ul li{font-size:inherit;color:inherit;line-height:inherit}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;font-family:inherit}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}button,input[type=submit]{cursor:pointer;}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    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;
    margin-left: auto;
    margin-right: auto;
}
.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;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* PLACEHOLDER */
::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

/* CUSTOM CHECKBOX */
.container {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;}
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* RADIO RADIO */
.container.radio-container	.checkmark 			{border-radius: 25px;}
.container.radio-container .checkmark:after		{border:none; width: 11px; height: 11px; left: 50%; margin-left: -5.5px; top:50%; margin-top: -5.5px; border-radius: 5px; background-color: #ffffff}

/* FRONT END 

Checkbox

<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>

Radio
<label class="container radio-container">One
  <input type="radio" checked="checked" id="radioOne" name="radioGroup">
  <span class="checkmark"></span>
</label>
<label class="container radio-container">Two
  <input type="radio" id="radioTwo" name="radioGroup">
  <span class="checkmark"></span>
</label>

*/

/* CUSTOM SELECT */
.select-css 			{display: block; font-size: 14px; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%;  max-width: 100%; box-sizing: border-box; margin: 0; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none;   appearance: none;
						background-color: #eee; background-image: url(/_assets/select-arrow.png); background-repeat: no-repeat, repeat; background-position: right 1em top 50%, 0 0; background-size: 22px auto;}

.select-css::-ms-expand {display: none;}
.select-css:focus 		{border-color: #aaa;}
.select-css option 		{font-weight:normal;}




* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html 	{}
body 	{line-height:1; font-family: co-text, sans-serif; color: #1C304A}

h1		{}
h2		{}
h3		{}
h4		{}
h5		{}
h6		{}

p		{font-size: 16px; line-height: 1.4em}

ul,
ol		{}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 5}
.inner 	{width:1366px; padding-left: 0; padding-right: 0; max-width:100%; margin:0 auto; }

.cols			{display: flex; width:calc(100% + 26px); margin-left: -13px;}
.span-2 .col	{width:50%; padding: 13px;}
.span-3 .col	{width:33.333%; padding: 13px;}

.mt-1			{margin-top: 1em}
.mb-1			{margin-bottom: 1em}

.sr-only		{display: none}

/* HEADER */
.logo			{width: 252px; max-width: 100%; display: block; background-size: contain; background-repeat: no-repeat;}

.header-right			{display: flex; flex-direction: column;justify-content: center;}
.top-nav				{display: flex; justify-content: flex-end; align-items: center}

.desktop-hidden span,
.desktop-hidden 		{display: none;}




header 					{padding-top: 40px; position: relative; z-index: 20}
header .inner 			{display: flex; justify-content: space-between; width: 100%; padding-left: 50px; padding-right: 50px}
header ul				{list-style: none}
header ul li			{}
header ul li a			{text-decoration: none; transition: 0.2s ease-in-out;}
header ul li a:hover    {}

/*header ul li span			{width: 9px; height: 17px; background-image: url(/_assets/icon-chevron-white.svg); background-size: cover; display: none; transition: 0.2s ease-out}*/
header ul li span			{cursor:pointer;position: absolute; right: -10px; top:12px; display: block;background-image: url(/_assets/icon-chevron-white.svg);background-position: center;background-size:10px;background-repeat: no-repeat;width:35px;height:35px; display: none; transition: 0.2s ease-out;}
header ul li span.active	{transform: rotate(90deg)}

header .top-nav ul 				{font-size: 16px; display: flex; }
header .top-nav ul li			{margin-left: 10px;}
header .top-nav ul li a:hover	{opacity: 0.5}
header .top-nav ul li a			{border:2px solid #1C304A; display: block; border-radius: 100px; padding:8px 15px;}

header nav						{margin-top: 28px;}
header nav ul					{font-weight: 600; font-size: 20px; display: flex; justify-content: flex-end; line-height: normal}
header nav ul li				{padding: 0; margin-left: 10px;  padding-bottom: 23px; position: relative;}

header nav ul li a				{color: #1C304A; padding:5px 13px 7px 13px; display: block; line-height: 1em; position: relative;}
header nav ul li a:after		{width:50px; height: 18px; background-image: url(/_uploads/_assets/nav-triangle.png); background-size: cover; display: block; position: absolute; bottom: -41px; left: 50%; margin-left: -25px; z-index: 5; content:''; opacity: 0; visibility: hidden}

header nav ul li:hover a:after	{visibility: visible; opacity: 1;}

header nav ul li:hover a		{/*background-color: #1C304A; color: #ffffff*/ position: relative;}
header nav ul li:first-child	{margin-left: 0}

header nav ul li:hover .dropdown	{left: 50%; transform: translateX(-50%)}
header nav ul li:hover .dropdown.dd-last {left: auto; right: -50px; transform: translateX(0);}

header ul li.sub-menu-item:hover > a  {opacity: 0.5 !important}


header ul li.turquoise:hover > a			{color:#65C6C3}
header ul li.turquoise .dropdown .dd-inner	{border-color:#dd3598}

header ul li.red:hover > a 				{color:#FF6B6B}
header ul li.red .dropdown .dd-inner	{border-color:#65c6c3}

header ul li.purple:hover > a 			{color:#46377A}
header ul li.purple .dropdown .dd-inner	{border-color:#ff6b6b}

header ul li.pink:hover > a 			{color:#DD3598}
header ul li.pink .dropdown .dd-inner	{border-color:#1c304a}

header nav ul li.no-dropdown a:after 	{display: none !important}

.dropdown .dd-inner .dd-inner ul li    {padding-left: 5px; padding-right: 0}


/* DROPDOWN */
.dropdown					{position: absolute; background-color: #1C304A; left: -999999px; top: 100%; overflow: hidden; padding:0 20px; width: 350px;}
.dropdown ul				{display: flex; flex-direction: column; width: 100%; padding:30px 0; justify-content: flex-start; font-weight: 400}
.dropdown ul li 			{font-size: 18px; font-weight: 600}
.dropdown ul li a			{color: #ffffff; background-color: transparent !important; border:none !important; line-height: 1.2em; padding: 10px 0}
.dropdown ul li a:hover		{opacity: 0.5}
.dropdown ul li a:after		{display: none !important}
.dropdown ul li				{margin: 0; padding: 0; border-bottom: 1px solid #65C6C3;}
.dropdown .dd-inner			{display:flex;}

header nav ul li .dropdown .dropdown ul li {border-top: 1px solid #65C6C3; font-weight: 400}

header nav ul li:hover .dropdown .dropdown {left: 0; top: 0; transform: unset; display: block;position: relative; opacity: 1; z-index: 999; transition: 0s; padding: 0px; width: 100%;}

header nav ul li:hover .dropdown .dropdown ul li {}


/* DROPDOWN SUB-ITEM */
.sub-menu-item								{position: relative;overflow:hidden;}
.sub-menu-item.active .dropdown				{background-color: #49596E;opacity: 1;left: unset !important;position: relative;top: unset;transform: unset;padding: 0;width: 100%;}
.sub-menu-item .dropdown					{left:-999999px;opacity: 0;transition: opacity 1s;}
.sub-menu-item .dropdown ul					{padding: 0;}
.sub-menu-item .dropdown ul li				{border-bottom: 0 !important;}
.sub-menu-item .dropdown ul li a			{font-size: 16px;padding-left: 5px;}
.sub-menu-item .dropdown ul li a:hover		{opacity:.5;}

.dropdown a:hover		{opacity:.5;}

.sub-menu-item > span							{position: absolute;right: 2px; top: 3px;display: block;}

/*
.sub-menu-item:hover,
.sub-menu-item:hover .dropdown				{background-color: #49596E;border-bottom: 0 !important;}
*/

.sub-menu-item.active	{background-color: #49596E;}


.sub-menu-item:hover > a					{opacity: 1 !important;}

/* SUB MENU ITEM (SIDE NAV) */
.sub-menu-item.sidebar					{}
.sub-menu-item.sidebar > span			{width: 9px; height: 17px; background-image: url(/_uploads/_assets/icon-chevron-teal.svg); background-size: cover;transition: transform .35s;}
.sub-menu-item.sidebar ul				{height: 0;visibility: hidden;opacity: 0;transition: visibility 1s, opacity 1s;}

.sub-menu-item.sidebar.active			{background-color: #E1E3E7;}
.sub-menu-item.sidebar.active ul			{height:unset;visibility: visible;opacity: 1;}

.sub-menu-item.sidebar > span.active	{transform: rotate(90deg)}

/*.dropdown.flipped .dd-inner {flex-direction: row-reverse;}*/

.nav-pullout		{color: #ffffff; width: 420px; padding: 30px 60px 50px 40px; position: absolute; right: 0; top:0; text-align: right; display: none}
.nav-pullout a		{border: none; padding: 0; background: none !important; margin-top: 30px;}
.nav-pullout:after	{border-radius: 200px; position: absolute; left: 0; top:-100px; content: ''; width: 735px; height: 400px; display: block; transform: rotate(13deg); background: rgb(255,176,23); background: linear-gradient(90deg, rgba(255,176,23,1) 0%, rgba(255,107,107,1) 50%, rgba(255,107,107,1) 100%);}
.nav-pullout h2		{font-size: 28px;}
.nav-pullout p		{font-weight: normal}

.nav-pullout-inner	{position: relative; z-index: 1}

.dropdown.flipped .nav-pullout	{right: auto; left: 0; transform: scaleX(-1)}
.dropdown.flipped .nav-pullout .nav-pullout-inner	{transform: scaleX(-1); text-align: left;}
	
/* NAV ICON */
.hamburger 							{width: 35px; height: 22px; z-index: 30; position: relative; cursor: pointer; margin-left: 25px; display: none}
.hamburger span 					{width: 100%; display: block; height: 2px; background-color: #101B40; position: absolute; top: 0; left: 0; border-radius: 1px; }
.hamburger span:nth-child(1)		{}
.hamburger span:nth-child(2)		{top: 10px; }
.hamburger span:nth-child(3) 		{top: 20px; }

.hamburger.open span:nth-child(1) 	{top: 13px; transform: rotate(45deg) }
.hamburger.open span:nth-child(2) 	{opacity: 0; transform: scale(0) }
.hamburger.open span:nth-child(3) 	{top: 13px; transform: rotate(-45deg)}

/* GENERAL SEARCH BOX */
.search-box							{border:3px solid #1C304A; width: 727px; max-width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 10px 30px;}
.search-box input[type="text"]		{width: 100%; opacity: 1; font-size: 30px; color:#1C304A; border: none; padding-left: 0;padding-top: 10px}
.search-box input[type="submit"]	{width: 25px; height: 25px; background-image: url(/_assets/icon-search-small.svg); background-size: 100%;background-repeat: no-repeat; background-color: transparent}

.search-box input[type="text"]::-webkit-input-placeholder	{color:#1C304A; opacity:1;}
.search-box input[type="text"]::-moz-placeholder			{color:#1C304A; opacity:1;}     
.search-box input[type="text"]:-ms-input-placeholder		{color:#1C304A; opacity:1;}         
.search-box input[type="text"]:-moz-placeholder             {color:#1C304A; opacity:1;}

/* HEADER SEARCH BOX */
header .search-box input[type="text"]::-webkit-input-placeholder     {color:#000000; opacity:0.5;}
header .search-box input[type="text"]::-moz-placeholder              {color:#000000; opacity:0.5;}
header .search-box input[type="text"]:-ms-input-placeholder          {color:#000000; opacity:0.5;}
header .search-box input[type="text"]:-moz-placeholder               {color:#000000; opacity:0.5;}

header .search-box							{margin-left: 30px; transition: 0.2s ease-out; width: auto; margin-right: 0; border: none; padding: 0; height: 30px; display: flex; align-items: center; border-bottom: 1px solid transparent}
header .search-box input[type="submit"]		{width:21px; height: 21px; background-image: url(/_assets/icon-search-small.svg); background-size: cover; background-color: transparent}
header .search-box input[type="text"]		{color:#000000; background-color: transparent; font-size: 16px; padding-bottom: 2px; visibility: hidden; opacity: 0; width: 0; transition: 0.2s ease-out}

header .search-box:hover						{border-bottom: 1px solid #000000}
header .search-box:hover  input[type="text"]	{visibility: visible; opacity: 1; position: relative; padding-right: 20px; width: auto}

/* HOME HERO CONTAINER */
.hero-container				{min-height: 607px; background-size: cover; background-position: center; display: flex; overflow: hidden; color: #ffffff}
.hero-inner					{position: relative; width:100%;}
.hero-inner:before			{width: 1478px; height: 372px; background-image: url(/_uploads/shapes/hero-shape-turquoise.png); position: absolute; left: 0; bottom: 0; content:''; background-size: cover; z-index: 2}
.hero-inner:after			{width: 339px; height: 488px; background-image: url(/_uploads/shapes/hero-shape-right-pink.png); position: absolute; right: 0; bottom: 0; content:''; background-size: cover; z-index: 1}
.hero-text					{position: absolute; left: 137px; bottom: 60px; width: 960px; max-width:42vw; z-index: 3}
.hero-text	h1				{font-family: bello-pro, sans-serif; font-weight: 400; font-style: normal; font-size: 65px; color: #ffffff;}
.hero-text	h2				{font-weight: 400; color: #ffffff; font-size: 46px;}
.hero-text ul				{display: flex; list-style: none; margin-top: 50px;}
.hero-text ul li			{margin-right: 50px;}
.hero-text ul li:last-child	{margin-right: 0}
.hero-text ul li a			{text-decoration: none;}

.content-hero-container p					{font-size: 40px;}
.content-hero-container h1					{font-size: 55px; font-family: co-text, sans-serif; font-weight: 700}
.content-hero-container .hero-inner:after	{display: none}

.home .hero-inner:before	{background-image: url(/_uploads/shapes/hero-shape-default.png);}

.course .content-hero-container h1	{font-size: 48px;}

/* HOMEPAGE PANELS */
.inner-alt									{width: 100%;margin: unset;}

/* CALLOUT BLOCKS */
.callout-actions							{margin: 40px 0}
.callout-actions .inner						{display: flex;}
.callout-actions .callout-block				{color:#ffffff; width: calc(30% + 100px); border:6px solid #ffffff; background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%); padding: 30px; padding-left: 115px; border-top-right-radius: 200px; border-bottom-right-radius: 200px; position: relative; z-index: 2}
.callout-actions .callout-block				{margin-left: -100px;}
.callout-actions .callout-block:first-child	{margin-left: 0; z-index: 3; border-left: none}
.callout-actions .callout-block:last-child	{z-index: 1}
.callout-actions .callout-block h3			{font-size: 28px; font-weight: 700; line-height: 1em; margin-bottom: 0.5em}
.callout-actions .callout-block p			{font-size: 16px; line-height: 1.2em; margin-bottom: 1em; color: #ffffff !important}

.col-right .callout-actions .callout-block:first-child	{padding-left: 50px;}

/* FULL WIDTH CAROUSEL */
.full-width-carousel				{height: 500px;}
.full-width-carousel .slide			{background-size: cover; background-position: center; position: relative; display: flex; justify-content: flex-end; align-items: flex-end;}
.full-width-carousel .slide:after	{position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 345px; background-image: url(/_uploads/shapes/carousel-shape-blue.png); background-size: cover; background-repeat: no-repeat; background-position: right;}
.full-width-carousel .slick-list	{height: 100%;}
.full-width-carousel .slick-track	{display: flex; height: 100%;}

.full-width-carousel .slide-text	{position: relative; z-index: 1; width: 420px; max-width: 100%; padding-bottom: 50px; padding-right: 70px; text-align: right; color: #ffffff}
.full-width-carousel .slide-text h3	{font-size: 28px; margin-bottom: 0.5em}
.full-width-carousel .slide-text p	{font-size: 16px; line-height: 1.3em;}
.full-width-carousel .slide-text .btn-text-chevron	{margin-top: 1.5em;}

.full-width-carousel .slide:nth-child(odd)				{justify-content: flex-start}
.full-width-carousel .slide:nth-child(odd) .slide-text	{padding-left: 70px; padding-right: 0; text-align: left}
.full-width-carousel .slide:nth-child(odd):after		{transform: scaleX(-1)}

.full-width-carousel-container	{position: relative;}

.carousel-nav									{position: relative;}
.carousel-nav-container							{position: absolute; display: flex; justify-content: center; width: 100%; bottom: 40px; font-size: 0}
.carousel-nav-container .slick-arrow			{position: absolute; font-size: 0; width: 11px; height: 21px; background-image: url(/_assets/icon-chevron-white.svg); content:''; background-size: cover; background-color: transparent; z-index: 1; top:-3px}
.carousel-nav-container .slick-arrow.slick-prev	{left: -20px; transform: rotate(-180deg)}
.carousel-nav-container .slick-arrow.slick-next	{right: -20px}

.carousel-nav-container .slick-dots					{display: inline-flex; font-size: 0; width: 100%; justify-content: center;}
.carousel-nav-container .slick-dots li				{width: 15px; height: 15px; border-radius: 15px; background-color: transparent; border:2px solid #ffffff; margin:0 3px;}
.carousel-nav-container .slick-dots li.slick-active	{background-color: #ffffff}

/* SOCIAL PULLOUT */
.social-pullout						{padding: 70px 0 40px;}
.social-pullout	.inner				{display: flex; justify-content: center; align-items: center;}
.social-pullout	.social				{display: flex; list-style: none}
.social-pullout	.social li			{width: 40px; margin: 0 10px;}
.social-pullout	.social li:hover	{opacity: 0.8}
.social-pullout p 					{font-size: 39px; color: #1C304A; text-decoration: none; line-height: 1em; margin-left: 20px;}

/* CARD LISTING */
.card-listing-section 	{padding-bottom: 40px;}
.card					{color: #ffffff; height: 100%; position: relative; background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%);}
.card-image-container	{height: 190px; overflow: hidden; position: relative;}
.card-image				{position: absolute; left: 0; top:0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: 0.2s ease-out;}
.card-text				{padding: 30px 40px 50px;}
.card-text h3			{font-size: 28px; margin-bottom: 0.5em}
.card-text p			{margin-bottom: 1em}
.card.purple			{background: rgb(221,53,152); background: linear-gradient(145deg, rgba(221,53,152,1) 0%, rgba(70,55,122,1) 100%);}
.card.orange			{background: rgb(255,176,23); background: linear-gradient(145deg, rgba(255,176,23,1) 0%, rgba(255,107,107,1) 100%);}
.card.blue				{background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%);}

.card:hover .card-image	{transform: scale(1.05)}

.card-listing-section .cols	{flex-wrap: wrap}

/* SEARCH RESULTS */
.search-results		{background-color: #1C304A; color: #ffffff; padding: 60px 0}
.search-results h1	{font-size: 40px; font-weight: 700}

.big-search.search-box						{background-color:rgba(255,255,255,0.18); border:none; width: 100%; padding: 0; margin: 30px 0 50px}
.big-search.search-box .inner				{position: relative;}
.big-search.search-box input[type="submit"]	{font-size: 0; position: absolute; background-image: url(/_assets/icon-search-small-white.svg); background-size: 35px 35px; width: 35px; height: 35px; top:50%; margin-top: -18px; right: 40px;}
.big-search.search-box input[type="text"]	{font-size: 40px; color: #ffffff; padding: 30px 70px 30px 0; background-color: transparent;}	

.big-search.search-box input[type="text"]::-webkit-input-placeholder	{color:#ffffff; opacity:1;}
.big-search.search-box input[type="text"]::-moz-placeholder				{color:#ffffff; opacity:1;}     
.big-search.search-box input[type="text"]:-ms-input-placeholder			{color:#ffffff; opacity:1;}         
.big-search.search-box input[type="text"]:-moz-placeholder             	{color:#ffffff; opacity:1;}

.col-search-results h2				{font-size: 27px; border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px;}
.col-search-results					{width: 940px; max-width: 100%;}

.search-result-item			{color:#1C304A; margin-bottom: 10px; text-decoration: none; background-color: #ffffff; padding: 30px 25px; display: block; border-top-right-radius: 800px; border-bottom-right-radius: 800px; transition: 0.2s ease-out}
.search-result-item h4		{font-size: 20px; margin-bottom: 1em}
.search-result-item:hover	{transform: translateX(10px);}

/* MAIN TWO COL STYLE */
.two-col			{padding: 0}
.two-col .cols 		{margin: 0; width: 100%; flex-wrap: nowrap}
.two-col .col-left	{width: 23%; flex-shrink: 0; background-color: #ECEEF0}
.two-col .col-right	{width: 77%; padding-left: 70px; padding-right: 50px; padding-top: 40px; padding-bottom: 40px;}

.two-col .col-right.col-full	{width: 100%; padding: 0 30px}

.two-col .col-right h2	{font-size: 28px; color: #1C304A; margin-bottom: 1em; line-height: 1.1em;}
.two-col .col-right ul,
.two-col .col-right ol,
.two-col .col-right p	{color:#1C304A; margin-bottom: 1.2em}

.two-col .col-right p span.intro b,
.two-col .col-right p span.intro strong,
.two-col .col-right p span.intro {font-size: 26px; line-height: 1.3em; font-weight: 400;}


.two-col .col-right ul,
.two-col .col-right ol	{margin: 1em; margin-left: 2em}

.two-col .col-right ul li,
.two-col .col-right ol li	{margin-bottom: 0.5em; line-height: 1.4em; font-size: 16px; }

.blockquote-container				{color:#ffffff; width:calc(100% + 50px); padding: 50px 50px 50px 100px; margin:40px -50px 40px 0; border-top-left-radius: 200px; border-bottom-left-radius: 200px; background: rgb(70,55,122); background: linear-gradient(90deg, rgba(70,55,122,1) 0%, rgba(101,198,195,1) 100%);}
.col-right .blockquote-container p	{font-size: 28px; font-weight: 700; color: #ffffff; line-height: 1.2em; margin-bottom: 0.75em}
.blockquote-container p:last-child	{margin-bottom: 0}
.blockquote-container cite			{display: block; text-align: right; font-size: 28px; font-style: normal;}

.blockquote-container blockquote	{background-image: url(/_uploads/_assets/icon-quote.png); background-size: 88px auto; padding: 50px 0 0 20px; background-repeat: no-repeat;}

.left-nav										{padding: 40px 25px 40px 25px; color: #ffffff;}
.left-nav h3									{font-size: 22px; color: #1C304A; margin-bottom: 0.75em; cursor: pointer; transition: ease-in-out 0.2s;}
.left-nav h3:hover								{opacity: 0.5;}
.left-nav ul									{list-style: none; font-size: 18px; font-weight: 400;}
.left-nav ul li									{line-height: 1.2em; border-bottom: 1px solid #65C6C3;position: relative;}
.left-nav ul li:last-child						{margin-bottom: 0}
.left-nav ul li a								{text-decoration: none; color: #1C304A; font-weight: 700; padding:10px 15px 10px 10px; display: block}
.left-nav ul li a:hover							{opacity: 0.75}
/*.left-nav ul li.active a:not(.sub-menu-item a)	{position: relative; background-image: url(/_uploads/_assets/icon-chevron-teal.svg); background-position: right 15px center; background-repeat: no-repeat; display: block; background-color: #E1E4E8; padding-left: 10px; padding-right: 27px;}*/
.left-nav ul li.first							{/*margin-bottom: 0.8em;*/}
.left-nav ul li.first a							{/*font-size: 22px;*/}
/* Sub Nav Irems */
.left-nav ul li span							{cursor:pointer;width: 25px;height: 20px;background-image: url(/_uploads/_assets/icon-chevron-teal.svg);background-size: 12px;background-repeat: no-repeat;background-position: center;transition: 0.2s ease-out;    position: absolute;top: 11px;right: 5px;}
.left-nav ul li span:hover						{opacity: .6;}
.left-nav ul li.active span						{transform: rotate(90deg);}

.left-nav ul li ul.sub-pages					{display:none;}
.left-nav ul li.active ul.sub-pages				{display:block;}
.left-nav ul li ul.sub-pages li					{border: 0px; margin-left: 0px; }
.left-nav ul li ul.sub-pages li	a				{font-weight: 400; background-image: none !important;padding-left: 25px;}
.left-nav ul li ul.sub-pages li.active	a		{font-weight: 700; /*padding-left: 10px;*/}


/* IMAGE CAROUSEL */
.image-carousel-container	{margin:0 0 40px 0; position: relative;}
.image-carousel				{background-color: #101B40}
.image-carousel p			{color:#ffffff; font-size: 20px; margin: 0; width: calc(100% - 150px);}
.slide-image				{background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 55%; background-color: #eeeeee}
.slide-text					{padding:5px 15px;}

.image-carousel-container .carousel-nav-container-2	{position: absolute; bottom: 14px; right:20px; z-index: 1}

/* ALTERNATIVE IMAGE CAROUSEL WITH FIXED TEXT */
.image-carousel-container-alt .slide-text	{position: absolute; left: 0; bottom: 0; width: 100%; display: flex; align-items: flex-end; padding-bottom: 20px; background-image: url(/_uploads/shapes/image-carousel-shape-blue.png); background-size: cover; background-position: bottom; height: 150px;}
.image-carousel-container-alt .slide-text p	{color:#ffffff; margin-bottom: 0; font-size: 20px;  width: calc(100% - 150px); }

.image-carousel-container-alt.image-carousel-container-yellow .slide-text	{background-color:#FFCB00}
.image-carousel-container-alt.image-carousel-container-yellow .slide-text p	{color:#101B40;}

/* NUMBERS CAROUSEL */
.image-carousel-container-alt .carousel-nav-container-2					{bottom:20px; right: 50px;}
.image-carousel-container-alt .carousel-nav-container-2	.slick-arrow 	{top:6px}
.image-carousel-container-alt ul.custom_paging							{margin: 0; font-size: 28px;}
.image-carousel-container-alt ul.custom_paging li						{display: none; margin: 0}
.image-carousel-container-alt ul.custom_paging li.slick-active			{display: block; color: #ffffff}
.image-carousel-container-alt .slide-text p span.expander-chevron		{margin-left: 15px; transform: rotate(-90deg)}

.image-carousel-container-alt .slick-arrow				{position: absolute; font-size: 0; width: 11px; height: 21px; background-image: url(/_assets/icon-chevron-white.svg); content:''; background-size: cover; background-color: transparent; z-index: 1; top:-3px}
.image-carousel-container-alt .slick-arrow.slick-prev	{left: -25px; transform: rotate(-180deg)}
.image-carousel-container-alt .slick-arrow.slick-next	{right: -25px}

/* COURSE FILTER */
.course-switches						{display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.switch 								{position: relative; display: inline-block; width: 43px; height: 22px;}
.switch input							{opacity: 0; width: 0; height: 0;}
.slider 								{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #83889B; -webkit-transition: .4s; transition: .4s;}
.slider:before 							{position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s;  transition: .4s;}
.switch input:checked + .slider 		{background-color: #101B40;}
.switch input:focus + .slider 			{box-shadow: 0 0 1px #2196F3;}
.switch input:checked + .slider:before 	{-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
.slider.round 							{border-radius: 34px;}
.slider.round:before 					{border-radius: 50%;}

.switch-container						{display: flex; align-items: center; margin-bottom: 18px; }
.switch-container label					{font-weight: 700; margin-right: 12px;}

/* ACCORDION SECTION */
.accordion-section												{margin:0 0 40px 0}
.accordion-section .accordion-item								{margin-bottom:8px;}
.accordion-section .accordion-item h3							{font-size:21px; font-weight: 700; margin: 0; color: #ffffff; background-color: #1C304A; border-top-right-radius: 50px; border-bottom-right-radius: 50px; position: relative; cursor: pointer; line-height: 1.4em; padding: 10px 40px 10px 20px;}
.accordion-section .accordion-item h3 span.plus 				{background-image: url(/_assets/icon-left-nav-chevron.svg);background-repeat: no-repeat; width: 11px; height: 20px; position:absolute; right:20px; display: block; top:14px;transition: .2s ease-out;}
.accordion-section .accordion-item.active h3 span.plus			{transform: rotate(90deg)}
.accordion-section .accordion-expanded							{display:none; padding:20px; background-color: #F1F1F1; margin-top: 20px; margin-bottom: 20px;}
.accordion-section .accordion-expanded p:last-child				{margin-bottom:0;}

.contact-section .accordion-section .accordion-item .accordion-expanded h3			{background: none; cursor: unset; padding: 0;}
.contact-section .accordion-section .accordion-item .accordion-expanded h3 span 	{display: block; background: none !important; position: relative; top: auto; right: auto}

/* ACCORDION COURSE SECTION */
.course-icon-list					{display: flex; margin-bottom: 20px;}
.course-icon-list p					{display: flex; align-items: center; line-height: 1em; margin: 0}
.course-icon-list p span			{flex-shrink: 0; transform:translateY(1px); width: 30px;}
.course-icon-list .col				{margin-right: 30px;}
.course-icon-list .col:last-child	{margin-right: 0}

.accordion-section-course .buttons						{margin-bottom: 30px; margin-top: 30px;}
.accordion-section-course a.btn-text-chevron			{color: #ffffff; font-weight: normal; margin-right: 15px; min-width: 220px; max-width: 100%; margin-bottom: 10px; padding: 8px 13px 12px 20px;}
.accordion-section-course a.btn-text-chevron:after		{background-image: url(/_uploads/_assets/icon-chevron-white-btn.svg); top: 2px;}
.accordion-section-course .big-letter					{margin: 1em 0}

/* ACCORDION ENTERPRISE */
.accordion-section-enterprise .accordion-expanded	{background-color: #ffffff;}
.enterprise-expanded-cols			{display: flex; align-items: flex-start; margin-bottom: 30px;}
.enterprise-expanded-cols .logo		{width:167px; flex-shrink: 0; border:1px solid #707070; margin-right: 30px;}
.enterprise-expanded-cols h4		{font-size: 18px; margin-bottom: 0.5em}

/* VIDEO CONTAINER */
.video-container-outer	{margin: 40px 0;}
.video-container 		{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; /*margin-bottom: 30px;*/}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* FIND A COURSE */
.find-a-course-section				{padding-right: 20px;}
.find-a-course						{color: #ffffff; padding:35px 50px 45px 50px; margin-bottom: 30px; border-top-right-radius: 200px; border-bottom-right-radius: 200px;}
.find-a-course h2					{font-size: 39px; font-weight: normal; margin-bottom: 1em}
.find-a-course  .cols				{width:calc(100% + 28px); margin-left: -14px;}
.find-a-course  .col				{flex: 1; padding:0 14px;}
.find-a-course  .col .select-css	{width: 100%; background-color: transparent; font-size: 21px; color: #ffffff; border-bottom: 2px solid #ffffff; border-radius: 0; padding: 0 35px 23px 10px; background-size: 22px auto; background-position: right 10px top 10px, 0 0}

.course-search-section				{padding: 30px 0; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.course-search-section .search-box	{padding: 5px 30px 10px; width: 100%;}
.course-search-section .search-box input[type="submit"]	{position: relative; top: 2px}
.course-search-section .inner		{padding: 0 20px}

/* COURSE DETAIL PAGE */
.two-col .col-right ul.course-sub-menu					{list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0; width: 100%; max-width: 100%;}
.two-col .col-right ul.course-sub-menu li				{margin-bottom: 15px; margin-right: 15px;}
.two-col .col-right ul.course-sub-menu a				{font-weight: 400; margin-bottom: 0}
.two-col .col-right ul.course-sub-menu a.active			{font-weight: 700;background-color: #65C6C3;}

.col-right hr		{border-color:#65C6C3 !important; margin: 40px 0}

.expanded-copy {display: none;}



/* CARD VERTICAL */
.card-split-vertical								{display: flex;}
.card-split-vertical .card-text						{width: 50%; background-color: #f1f1f1; padding:28px 20px; flex-shrink: 0}
.card-split-vertical .card-image-2					{width: 50%; background-size: cover; background-position: center; position: relative;}
.card-split-vertical .calendar						{position: absolute; left:15px; top:0; text-align: center; width: 55px;}
.card-split-vertical .calendar span:nth-child(1)	{font-size: 20px; font-weight: 700; padding: 5px 0 7px; background-color: #46377A; color: #ffffff; display: block}
.card-split-vertical .calendar span:nth-child(2)	{font-size: 16px; padding: 3px 0 10px; background-color: #ffffff; color: #101B40; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; display: block}

.card-split-vertical h3								{font-size: 20px; color: #1C304A; line-height: 1.3em; margin-bottom: 1em}
.card-split-vertical p.icon							{display: flex; align-items: center; line-height: 0; margin-bottom: 1.75em}
.card-split-vertical p.icon span					{margin-right: 8px;}
.card-split-vertical .btn-text-chevron				{font-weight: 400; font-size: 19px;}
.card-split-vertical .btn-text-chevron:after		{width: 9px; height: 17px; transform: translateY(4px); margin-left: 10px;}
.card-split-vertical .btn-text-chevron:hover:after	{transform: translateY(4px) translateX(5px);}

.card-split-vertical.flipped						{flex-direction:row-reverse;}



.card-expander	{margin-bottom: 15px;}

.card-expanded								{background-color: #f1f1f1; padding:28px 20px; display: none}
.card-expanded .form-container .checkboxes	{margin: 40px 0}

.card-expanded-form							{display: flex;justify-content: flex-start;align-items: flex-start;}

.expand-btn						{width: 100%;border: 2px solid #65C6C3;padding: 12px 15px 14px 15px !important;}
.expand-btn:after				{transform: translateY(-3px) !important;}
.expand-btn.active:after		{transform: rotate(90deg) translateX(-2px) !important;}


/* STAFF DIRECTORY */
.people-directory .card-split-vertical		{flex-direction: row-reverse; margin-bottom: 10px;}
.people-directory .card-image-2				{width: 167px;}
.people-directory .card-text				{width: auto; flex: 1;}
.people-directory .card-text h3				{margin-bottom: 0.25em}
.people-directory .card-text p:last-child	{margin-bottom: 0}
.people-directory .card-text p a			{text-decoration: none}
.people-directory .card-text p a:hover		{text-decoration: underline}

.people-directory .accordion-section .accordion-item h3	{font-size: 20px}

.people-directory .select-container	{width: 375px; max-width: 100%; margin-bottom: 15px;}

/* GALLERY LISTING */
.gallery .cols	{flex-wrap: wrap}

/* TEXT SECTION */
.text-section h1	{font-size:28px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-section h2	{font-size:26px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-section h3	{font-size:24px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-section h4	{font-size:22px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-section h5	{font-size:20px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-section h6	{font-size:18px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-section p		{font-size:16px;  line-height: 1.3em; margin-bottom: 1.5em;}
		
.text-section ul,
.text-section ol		{font-size:16px;  line-height: 1.3em; margin: 1.5em;}	
.text-section ul li,
.text-section ol li		{margin-bottom:0.5em;}

/* CONTACT US */
.contact-section .accordion-section .accordion-item			{margin-bottom: 20px;}
.contact-section .accordion-section .accordion-item h3		{color: #1C304A; background-color: #ffffff; padding: 0; display: flex; align-items: center; padding: 5px 8px 8px 8px;}
.contact-section .accordion-section .accordion-item h3 span	{background-image: url(/_assets/icon-chevron-navy.svg); position: absolute; right: auto; background-repeat: no-repeat; top: 12px; right: 20px; }
.contact-section p.icon			{display: flex; font-size: 18px}
.contact-section p.icon span	{width: 50px}
.contact-section p.icon a		{text-decoration: none}
.contact-section p.icon a:hover	{opacity: 0.8}
.google-map iframe				{width: 100%}

/* BLUE GRAD */
.blue-grad			{background: linear-gradient(90deg, rgba(70,55,122,1) 0%, rgba(101,198,195,1) 100%);}
.blue-grad.flipped	{background: linear-gradient(-90deg, rgba(70,55,122,1) 0%, rgba(101,198,195,1) 100%);}

/* DOWNLOAD PROSPECTUS */
.download-prospectus-container			{background-color: #101B40; position: absolute; left: 0; width: 100%; padding: 45px 0; top:-100%; visibility: hidden; opacity: 0; z-index: 55; transition: 0.4s ease-out;}
.download-prospectus-container			{top:0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.85);}
.prospectus-inner						{background-color: #1C304A; width: 500px; max-width:calc(100% - 40px); padding: 40px; position: relative}
.prospectus-inner h2					{font-size: 24px; color: #ffffff; margin-bottom: 1em}
.prospectus-inner p						{color: #ffffff}
.prospectus-inner .form-container label	{color: #ffffff; font-size: 16px; margin: 0 0 5px 0; display: block; text-align: right}
.prospectus-inner .form-container input[type="text"]	{font-size: 18px; padding:0 15px; height: 45px; padding-left: 55px; width:calc(100% - 10px);}
.prospectus-inner .form-container .form-cell	{margin-bottom: 15px;}
.prospectus-inner .form-container .form-cell:last-child	{margin-bottom: 0}
button#btnProspectus				{background-color: #65C6C3; padding: 10px; width: 100%; font-size: 18px; font-weight: 700; color: #ffffff}
.prospectus-inner .download-success {display: none; text-align: left; font-size: 19px;}
.prospectus-inner .form-cell-submit	{margin-top: 25px;}
input.download-prospectus-input.error { background-color: #ffcece;}
.download-prospectus-container.active	{visibility: visible; opacity: 1;}

.input-box		{position: relative; display: flex; justify-content: flex-end}
.input-box span {width: 57px; height: 57px; border-radius: 57px; border: 5px solid #dadff3; display: flex; justify-content: center; align-items: center; background-color: #ffffff; position: absolute; left: -4px; top: -5px;}

.close {display: block; width: 17px; height: 17px; background-image: url(/_assets/icon-plus-white.svg); background-size: cover; transform: rotate(45deg); position: absolute; right:20px; top:20px;}


/* FOOTER */
footer									{padding: 40px 0; background: #1C304A; color: #ffffff}
footer .cols							{display: flex; justify-content: space-between; flex-wrap: nowrap}
footer .cols .col						{width: auto}
footer .cols .col-map					{width: 343px; display:  none}

footer .cols .col-quicklinks ul				{font-size: 18px; margin: 0; list-style: none; font-weight: 700}
footer .cols .col-quicklinks ul li			{margin-bottom: 18px;}
footer .cols .col-quicklinks ul li a		{color: #ffffff; text-decoration: none}
footer a:hover	{opacity: 0.8}

footer .col-address h4			{font-size: 18px; margin-bottom: 1em}
footer .col-address p			{font-size: 18px;}
footer .col-address p.icon		{display: flex; align-items: center; line-height: 1em; margin-bottom: 1em}
footer .col-address p.icon span	{ margin-right: 10px; width: 40px; flex-shrink: 0}
footer .col-address p.icon a	{text-decoration: none}
footer .col-address p:last-child {margin-top:50px;}

ul.logos		{display: flex; margin-top: 60px; margin-bottom: 20px; list-style: none}
ul.logos img	{height: 107px; width: auto}
ul.logos li		{margin-right: 10px}

/* BUTTONS */
.btn							{}

.btn-text-chevron				{display: inline-flex; justify-content: space-between; align-items: center; font-size: 19px; font-weight: 400; color: #ffffff; background-color: #1C304A; padding:13px 15px 15px 15px; text-decoration: none; line-height: 1em; transition: 0.2s ease-out}
.btn-text-chevron:after			{width: 9px; height: 16px; background-image: url(/_uploads/_assets/icon-chevron-white-btn.svg); content:''; background-size: cover; margin-left: 15px; flex-shrink: 0; position: relative; top: 2px; transition: 0.2s ease-out}
.btn-text-chevron:hover			{background-color: #65C6C3}

.btn-text-chevron.active:after	{ transform: rotate(90deg);}

   

/*
.btn-text-chevron.navy			{color: #101B40}
.btn-text-chevron.navy:after	{background-image: url(/_assets/icon-chevron-navy-white.svg);}
*/

.btn-text-chevron:hover:after,
.card:hover .btn-text-chevron:after,
.callout-actions .callout-block:hover .btn-text-chevron:after {}

.btn-text-chevron.no-bg,
.btn-text-chevron.no-bg.navy		{padding: 0; background-color: transparent; color: #101B40}
.btn-text-chevron.no-bg.navy:after	{background-image: url(/_uploads/_assets/icon-chevron-navy-btn.svg)}

.btn-text-chevron.no-bg:hover,
.btn-text-chevron.no-bg.navy:hover	{opacity: 0.5}

.btn-text-chevron.no-bg				{color: #ffffff}
.btn-text-chevron.no-bg:after		{background-image: url(/_uploads/_assets/icon-chevron-white-btn.svg); transform: translateY(1px)}

/* FORM STYLES */
.form-container .form-row					{display: flex; justify-content: space-between; margin-bottom: 20px;}
.form-container .form-row .form-cell		{width:calc(50% - 10px);}
.form-container .form-row-full .form-cell	{width:100%;}

.form-container label							{font-size: 20px; font-weight: 500; color:#101B40; display: block; margin-bottom: 6px; line-height: 1.2em}
.form-container textarea,
.form-container input[type="text"]				{font-size: 20px; color: #101B40; padding: 15px 20px; width: 100%;}
.form-container textarea						{resize: none; height: 230px;}

.form-container .form-row.form-row-checkbox	{flex-direction: column}
.form-container .checkboxes					{display: flex; margin-top: 13px;}
.form-container .checkbox-cell				{margin-right: 40px}
.form-container .checkbox-cell:last-child	{margin-right: 0px}
.form-container .checkmark					{transform: translateY(-2px); background-color: #ffffff;}
.form-container .btn-submit					{color:#ffffff; font-size: 16px; text-decoration: none; background-color: #101B40; border-radius: 50px; line-height: 1em; padding:10px 25px 15px; transition: 0.2s ease-out}
.form-container .btn-submit:hover			{color:#101B40; background-color: #ffffff;}

.form-container input[type="text"]::-webkit-input-placeholder	{color:#101B40; opacity:1;}
.form-container input[type="text"]::-moz-placeholder			{color:#101B40; opacity:1;}     
.form-container input[type="text"]:-ms-input-placeholder		{color:#101B40; opacity:1;}         
.form-container input[type="text"]:-moz-placeholder             {color:#101B40; opacity:1;}

select.select-css					{font-size: 20px; color: #101B40; padding: 15px 20px; width: 100%; background-color: #ffffff; border-radius: 0}
select.select-css.select-css-2		{border-top-right-radius: 100px; border-bottom-right-radius: 100px; background-image: url(/_assets/select-arrow-navy.png); background-size: 16px auto}
select.select-css.select-css-2.navy	{color:#ffffff; background-color: #101B40; background-image: url(/_assets/select-arrow.png);}

/* CHECKBOX */
.form-container .checkboxes								{margin-bottom: 20px;}
.form-container label.container							{font-size: 16px;}
.form-container .container input:checked ~ .checkmark	{background-color: #1C304A}


/* LEGACY COOKIE BAR */
.cookieBar              {width: 100%; background-color:rgba(0,0,0,0.5); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999;}
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }


/* ENTRY REQUIREMENTS */
.entry-requirement                                                      { display: none; }
.entry-requirement.active                                               { display: block; }

.entry-requirements-select-container                                    { font-size: 21px;font-weight: 700;margin: 0;color: #ffffff;background-color: #46377A;border-top-right-radius: 50px;border-bottom-right-radius: 50px;position: relative;cursor: pointer;line-height: 1.4em;padding: 10px 40px 10px 20px;width: 100%;position: relative; }
.entry-requirements-select-container:after                              { background-image: url(/_assets/icon-left-nav-chevron.svg);background-repeat: no-repeat;width: 11px;height: 20px;position: absolute;right: 20px;display: block;top: 50%;content: "";transform: translateY(-50%);transition: transform .25s; }
.entry-requirements-select-container.open:after                         { transform: translateY(-50%) rotate(90deg); }

.entry-requirements-select-container .entry-requirements-select         { width: 100%;cursor: pointer;background: transparent;padding: 10px;color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none; }
.entry-requirements-select-container .entry-requirements-select option  { background-color: #46377A;color: #fff; }

.entry-requirement-list { padding: 20px 0; }


/* LATEST NEWS PANEL */
.latest-news-section		{}
.follow-us h2,
.latest-news-section h2		{font-size: 33px; color:#101B40; font-weight: 700; margin-bottom: 0.75em}
.latest-news-section .inner	{background-color: #ffffff; width: 100%; padding: 40px 0px; margin: auto; position: relative;}
.latest-news-section .col	{width:33%; padding:8px; height: auto}
.split-card					{background-color: #ffffff; box-shadow: 0 0 8px rgba(0,0,0,0.18); height: 100%;  position: relative;}
.split-card a.cover			{z-index: 10}
.card-image-container		{height: 170px; background-size: cover; position: relative;}
.date						{background-color: #ffffff; position: absolute; left: 20px; top:20px; text-align: center; width: 45px;}
.date p						{font-size: 22px; font-weight: 700; color:#595B60; padding:4px 0 6px 0}
.date span					{background-color: #F3C35C; display: block; width: 100%; font-size: 10px; text-transform: uppercase; color:#595B60; font-weight: 600; padding: 5px 0}
.card-text					{padding: 35px 30px 95px 20px; width: 100%;}
.card-text h3				{font-size: 27px; font-weight: 700; line-height: 1.3em; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #101B40}
.card-text p				{font-size: 20px; line-height: 1.3em}
.card-text .arrow			{position: absolute; bottom: 40px; left: 20px; width: calc(100% - 47px);}

.latest-news-section .slick-track                    {display: flex;}

.carousel-nav-ln									{position: relative;}
.carousel-nav-container-ln							{position: absolute; display: flex; justify-content: center; width: calc(100% - 80px); bottom: 0px; font-size: 0}
.carousel-nav-container-ln .slick-arrow			    {position: absolute; font-size: 0; width: 11px; height: 21px; background-image: url(/_assets/icon-chevron-navy.svg); content:''; background-size: cover; background-color: transparent; z-index: 1; top:-3px}
.carousel-nav-container-ln .slick-arrow.slick-prev	{left: -20px; transform: rotate(-180deg)}
.carousel-nav-container-ln .slick-arrow.slick-next	{right: -20px}

.carousel-nav-container-ln .slick-dots					{display: inline-flex; font-size: 0; width: 100%; justify-content: center;}
.carousel-nav-container-ln .slick-dots li				{width: 15px; height: 15px; border-radius: 15px; background-color: transparent; border:2px solid #1C304A; margin:0 3px;}
.carousel-nav-container-ln .slick-dots li.slick-active	{background-color: #1C304A}

/* LATEST NEWS */
.col-right .date p						{margin-bottom: 0}
.page-panel-latest-news					{margin-bottom: 50px; margin-top: -15px;}
.page-panel-latest-news .col-container	{flex-wrap: wrap; width:calc(100% + 30px); margin-left: -15px;}
.page-panel-latest-news .col			{width:50%; padding:12px 15px}

/* LATEST NEWS COLOUR CHANGE */
.latest-news-section .split-card,
.page-panel-latest-news .split-card					{background: rgb(255,176,23); background: linear-gradient(145deg, rgba(255,176,23,1) 0%, rgba(255,107,107,1) 100%);}

/* LATEST NEWS ** EVENT **  COLOUR CHANGE */
.latest-news-section .event-item .split-card,
.page-panel-latest-news .event-item .split-card		{background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%);}






.latest-news-section .split-card .arrow:before,
.page-panel-latest-news .split-card .arrow:before	{background-color:#FFCB00;}

.latest-news-section .split-card .arrow,
.page-panel-latest-news .split-card .arrow			{background-image: url(/_assets/arrow-head-yellow.svg);}

.latest-news-section .split-card h3,
.col-right .page-panel-latest-news .split-card h3	{color:#fff; border-color:#fff}

.latest-news-section .split-card p,
.col-right .page-panel-latest-news .split-card p	{color: #ffffff}

.latest-news-section .date p						{color:#595B60}
.col-right .page-panel-latest-news .date p			{color:#595B60}

.article-hero	{background-size: cover; background-position: center; padding-top: 50%; position: relative; margin-bottom: 40px;}
.buttons-right	{display: flex; justify-content: flex-end; margin-bottom: 40px;}


/* BUTTONS */
.btn-arrow				{font-size: 24px; border:4px solid #ffffff; display: inline-flex; text-decoration: none; padding: 10px 20px; width: 100%; max-width: 370px; justify-content: space-between; transition: 0.2s ease-out}
.btn-arrow:after		{width:49px; height: 26px; background-image: url(/_assets/icon-arrow-white.svg); background-size: cover; content: ''; align-self: center; transition: 0.2s ease-out; margin-left: 10px; flex-shrink: 0}
.btn-arrow:hover		{box-shadow:0 0 0 2px #ffffff}
.btn-arrow:hover:after	{transform: translateX(5px)}

.btn-arrow-navy				{border: none; background-color: #101B40; color: #FFCB00}
.btn-arrow-navy:after		{background-image: url(/_assets/icon-arrow-yellow.svg);}
.btn-arrow-navy:hover		{background-color: #FFCB00; color: #101B40}
.btn-arrow-navy:hover:after	{background-image: url(/_assets/icon-arrow-blue.svg);}

.btn-chevron				{display: inline-flex; border:3px solid #101B40; font-size: 19px; padding: 8px 10px 8px 20px; justify-content: space-between; text-decoration: none}
.btn-chevron:after			{width:11px; height: 20px; background-image: url(/_assets/icon-chevron-right-blue.svg); background-size: cover; content: ''; align-self: center; margin-left: 30px; flex-shrink: 0; transition: 0.2s ease-out}
.btn-chevron:hover			{border-color:#101B40 !important; background-color: #101B40 !important; color: #ffffff}
.btn-chevron:hover:after	{background-image: url(/_assets/icon-chevron-right-white.svg);}

.btn-chevron.back			    {padding: 8px 20px 8px 30px; position: relative;}
.btn-chevron.back:after			{position: absolute; top: 8px; left:8px; margin: 0px; transform: rotate(180deg);}

.btn-chevron-navy				{background-color: #101B40; color: #FFCB00; border: none !important}
.btn-chevron-navy:hover			{background-color: #FFCB00 !important; color: #101B40 !important;}
.btn-chevron-navy.active		{color: #101B40}
.btn-chevron-navy:after			{background-image:url(/_assets/icon-chevron-right-yellow.svg)}
.btn-chevron-navy:hover:after,
.btn-chevron-navy.active:after	{background-image:url(/_assets/icon-chevron-right-blue.svg)}

.btn-plus				{font-size: 21px; border:3px solid #101B40; color: #101B40; display: inline-flex; text-decoration: none; padding: 10px 20px; width: 100%; max-width: 370px; justify-content: space-between; transition: 0.2s ease-out}
.btn-plus:after			{width:21px; height: 21px; background-image: url(/_assets/icon-plus.svg); background-size: cover; content: ''; align-self: center; transition: 0.2s ease-out; margin-left: 30px;}
.btn-plus:hover			{box-shadow:0 0 0 2px #101B40}
.btn-plus:hover:after	{transform: translateX(5px)}


/* LATEST NEWS */

.page-panel-latest-news .span-2 .col {width: 50%;}
.page-panel-latest-news .cols.span-2 {flex-wrap: wrap;}

/* OPEN DAYS */
.open-days-listing .card-text	{ width: 58%;}

.open-days .cols,
.people-directory .cols		{width:calc(100% + 30px); margin-left: -15px;}

.open-days .cols .col {width: 100%;}

.open-days .cols .col,
.people-directory .cols	.col {padding: 15px; flex-direction: column;}

.open-days .card-text											{ background-color: #1C304A; width: 55%; padding: 50px; }
.open-days .card-text h3, .open-days .card-text p				{ color: #fff; }
.open-days .card-text h3										{ font-size: 27px; margin: 0; }
.open-days .card-text p											{ font-size: 20px; }
.open-days .card-image-2										{ width:45%; }
.open-days hr													{ border-bottom: 1px solid #65C6C3;margin: 20px 0; }

.open-days select											{background-image:url(/_assets/select-arrow-navy.png)}




/* GALLERY */
.gallery-page-panel		{margin-top: 30px; margin-bottom: 50px;}
.gallery-expanded		{background-color: #f8f8f8; padding: 20px; display: none}
.gallery-page-panel	.image-carousel-container	{margin-bottom: 0}
.image-carousel-container-alt .slide-text p span.expander-chevron.active	{transform: rotate(0)}

/* IMAGE CAROUSEL */
.image-carousel-container	{margin:0 0 40px 0; position: relative;}
.image-carousel				{background-color: #101B40}
.image-carousel p			{color:#ffffff; font-size: 20px; margin: 0; width: calc(100% - 150px);}
.slide-image				{background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 75%; background-color: #000}
.slide-text					{padding:5px 15px;}

.image-carousel-container-alt.image-carousel-container-yellow .slide-text {height: 60px; background-image:unset; background-color: #101B40;}
.image-carousel-container-alt.image-carousel-container-yellow .slide-text p {color: #fff;}

/* EVENTS */

.event-listing .split-card.vertical .card-text h3 {color: #fff;}
.event-listing .split-card.vertical .card-text p {color: #fff;}

.event-listing .event-card {margin-bottom: 20px; }



.split-card.vertical {display: flex; background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%);}

.event-listing  .col:nth-child(even) .split-card {
    flex-direction: row-reverse;
}


.split-card.vertical .card-image-container {width: 42%; flex-shrink: 0; height: auto; background-position: center; background-color: #e6e6e6;}

.expanded-text, .expanded-book {
    background-color: #F1F1F1;
    padding: 50px;
    display: none;
    line-height: 1.4em;
}
.expanded-text, .expanded-book {
    background-color: #F1F1F1;
    padding: 50px;
    display: none;
    line-height: 1.4em;
}
.expand-read-more.active:after, .expand-book.active:after {
    transform: rotate(180deg) !important;
}









/* RED */
header nav ul li.red .dropdown/*,
.red .accordion-section .accordion-item h3*/ {background-color:#101B40/*#FF6B6B*/}
.red .hero-inner:before	{background-image: url(/_uploads/shapes/hero-shape-red.png)}

header nav ul li.red .nav-pullout:after	{background: linear-gradient(90deg, #46377A 0%, #65C6C3 100%);}


/* TURQUOISE */
header nav ul li.turquoise .dropdown/*,
.turquoise .accordion-section .accordion-item h3*/ {background-color:#65C6C3}

.turquoise .hero-inner:before	{background-image: url(/_uploads/shapes/hero-shape-turquoise.png)}

header nav ul li.turquoise .nav-pullout:after	{background: linear-gradient(90deg, #DD3598 0%, #46377A 100%);}


/* ORANGE */
header nav ul li.orange .dropdown/*,
.orange .accordion-section .accordion-item h3*/ {background-color:#FFB017}

.orange .hero-inner:before	{background-image: url(/_uploads/shapes/hero-shape-orange.png)}

header nav ul li.orange .nav-pullout:after	{background: linear-gradient(90deg, #DD3598 0%, #46377A 100%);}


/* PURPLE */
header nav ul li.purple .dropdown/*,
.purple .accordion-section .accordion-item h3*/ {background-color:#46377A}

.purple .hero-inner:before	{background-image: url(/_uploads/shapes/hero-shape-purple-2.png)}

header nav ul li.purple .nav-pullout:after	{/* SAME AS DEFAULT */}


/* PINK */
header nav ul li.pink .dropdown/*,
.pink .accordion-section .accordion-item h3*/ {background-color:#DD3598}

.pink .hero-inner:before	{background-image: url(/_uploads/shapes/hero-shape-pink.png)}

header nav ul li.pink .nav-pullout:after	{background: linear-gradient(90deg, #9C8ADB 0%, #DD71B1 100%);}



.hamburger,
header nav ul li.mb	{display: none}

@media (max-width: 1392px) 
{
	.cols	{width: 100%; margin: 0}
}

@media (max-width: 1365px) 
{
    /* NAV */
	header nav ul		{font-size: 18px;}
	header nav ul li	{margin-left: 6px;}
	header .inner		{padding-right: 30px; padding-left: 30px;}
	
	/* PEOPLE DIRECTORY */
	.people-directory .card-image-2	{width: 35%}
	
	/* SEARCH RESULTS*/
	.search-results .inner	{padding: 0 30px;}
	.search-result-item		{margin-left: -30px; width: calc(100% + 30px);}
	
}

@media (max-width: 1300px) 
{
    /* NAV */
	header nav ul		{font-size: 16px;}
	.dropdown .dd-inner {width: 810px; max-width: 100%;}
	.dropdown			{width:310px;}
	.dropdown ul li		{font-size: 16px;}
}

@media (max-width: 1215px) 
{
	/* NAV */
	.dropdown .dd-inner {width: 735px;}
	
    /* NAV */
	header nav ul	{font-size: 14px;}
	
	/* FIND A COURSE */
	.find-a-course .col .select-css	{font-size: 18px; padding-left: 0; padding-bottom: 15px; background-position: right top 10px; padding-right: 24px;}
	
	/* OPEN DAYS */
	.card-split-vertical h3								{font-size: 18px;}
	.card-split-vertical .btn-text-chevron				{font-size: 16px;}
	.card-split-vertical .btn-text-chevron:after		{transform: translateY(1px)}
	.card-split-vertical .btn-text-chevron:hover:after	{transform: translateY(1px) translateX(5px)}
}

@media (max-width: 1160px) 
{
	/* OPEN DAYS */
	.open-days .cols				{flex-wrap: wrap; margin-top: 30px;}
	.open-days .cols .col			{width: 100%; padding: 0}
	.open-days .btn-text-chevron	{display: flex; align-items: flex-end; justify-content: flex-start;}
	.open-days .card-split-vertical p.icon	{flex-wrap: wrap;}
	.open-days .card-split-vertical		{flex-wrap: wrap;flex-direction: column-reverse;}
	.open-days .card-split-vertical .card-text		{width: 100%;padding: 20px;}
	.open-days .card-split-vertical .card-image-2	{width: 100%;height:250px;background-position: top;}
}


@media (max-width: 1075px) 
{
	/* GLOBAL */
	.desktop-hidden {display: block; margin-bottom: 0; padding: 0px 10px; opacity: 0.7;}
	
	/* HEADER */
	header	{padding-top: 30px; padding-bottom: 30px; height: 130px;}
	.logo	{height: 70px;}
	
    /* NAV */
	.top-nav ul			{display: none !important}
	header nav			{position: fixed; left: -99999px; top: 0; padding-top: 125px; padding-bottom: 40px; background-color: #1C304A; width: 100%; height: auto; margin: 0; overflow-y: auto}
	header nav ul		{flex-direction: column; align-items: flex-end;}
	header nav ul li	{padding: 5px 10px; margin-bottom: 5px; width: 100%; position: relative;}
	header nav ul li a	{color: #ffffff;}
	
	header nav ul li span			{position: absolute; right: 25px; top:0px; display: block;background-color: #65C6C3;background-size:10px;width:35px;height:35px;}
	header nav ul li span.active	{transform: rotate(90deg)}
	header nav ul li:hover .dropdown.dd-last		{right:0;}

	header nav ul li:hover a:after	{display: none !important;}
	
	header nav ul .dropdown										{position: relative; left: auto; padding: 0;  min-height: unset; width:100%; padding: 0 15px; margin: 8px 0; display: none}
	header nav ul .dropdown ul									{font-weight: 400; padding: 5px 0;}
	header nav ul .dropdown ul li span:not(.sub-menu-item > span)		{display: none;}
	header nav ul .dropdown ul li a								{font-size: 16px}

	header nav ul li .dropdown				{padding:0 13px;}

	header nav ul .dropdown ul li.sub-menu-item a		{padding-right:45px;}
	
	header nav ul .dropdown .dd-inner	{flex-direction: row !important; justify-content: flex-end; width: 100%;}

	header nav ul li span {cursor: pointer;}
	
	header nav ul li.mb	{display: block}
	
	header nav ul li:hover .dropdown	{left: auto; transform: none;}
	
	.header-right	{}
	.hamburger		{flex-shrink: 0}
	
	.nav-pullout			{display: none}
	 
	header nav.open				{left: 0; overflow-y: auto; padding-bottom: 100px; max-height: 100vh;}
	.hamburger					{display: block;}
	.hamburger.open				{right: 20px; position: fixed;}
	.hamburger.open span		{background-color: #ffffff;}
	
	header.open .logo			{z-index: 20; background-image: url(/_assets/logo-uobm-white.png) !important; position: fixed;}

	.sub-menu-item > span							{right: 2px; top: 1px;background-color: transparent;background-size:10px;}
	
	/* HAMBURGER */
	.hamburger	{display: block}
	
	/* CALLOUT BLOCKS */
	.callout-actions .callout-block:first-child	{padding-left: 50px;}
	
	/* PEOPLE DIRECTORY */
	.people-directory .cols			{flex-wrap: wrap; margin-top: 30px;}
	.people-directory .cols .col	{width: 100%; margin: 0; padding-top: 0; padding-bottom: 0}
	.people-directory .card-image-2	{}
	
}

@media (max-width: 1020px) 
{
	
	/* FIND A COURSE */
	.find-a-course			{padding-bottom: 20px;}
	.find-a-course .cols	{flex-wrap: wrap}
	.find-a-course .col		{flex: none; width: 33.333%; margin-bottom: 25px;}
	
	/* TWO COL */
	.two-col .col-right		{padding-left: 40px;}
	.left-nav ul			{font-size: 18px;}
	
}

@media (max-width: 1000px) 
{
	/* FOOTER */
	footer .cols 			{justify-content: flex-start}
	footer .cols .col-map	{display: none}
}
	
@media (max-width: 970px) 
{
	/* CALLOUT BLOCKS */
	.callout-actions p	{display: none}
	
	/* FULL WIDTH CAROUSEL */
	.full-width-carousel-container 														{padding-bottom: 40px;}
	.full-width-carousel-container .carousel-nav-container								{bottom:0}
	.full-width-carousel-container .carousel-nav-container .slick-dots li				{border-color: #101B40}
	.full-width-carousel-container .carousel-nav-container .slick-dots li.slick-active	{background-color: #101B40}
	.full-width-carousel-container .slick-arrow											{background-image:url(/_assets/icon-chevron-navy.svg)}

	/* SOCIAL PULLOUT */
	.social-pullout	{padding-top: 40px;}
	
	/* CARD LISTING */
	.card-text	{padding-left: 25px; padding-right: 25px;}
	
	.gallery .cols.span-2 .col	{width: 100%;}
	
	
}
@media (max-width: 860px) 
{
	.content-hero-container h1 {font-size: 50px; }
	.content-hero-container p {font-size: 36px;}
	
}
@media (max-width: 820px) 
{
	/* FOOTER */
	footer .cols	{flex-direction: column}
	footer .inner	{padding-left: 37px;}
}

@media (max-width: 800px) 
{
	.two-col .col-left,
	.two-col .col-right	{width: 100%;}
	
	/* CARD LISTING */
	.card-listing-section .inner		{width:422px; max-width: 100%; margin: auto}
	.card-listing-section .cols			{flex-direction: column}
	.card-listing-section .cols .col	{padding-left: 0; padding-right: 0; width: 100%;}
	
	/* TWO COL TEXT */
	.two-col .col-left	{display: none}
}

@media (max-width: 730px) 
{
	/* HOME HERO CONTAINER */
	.hero-inner:before	{left: -90px}
	.hero-inner:after	{right: -160px;}
	.hero-text			{left: 50px; max-width: calc(100% - 50px);}
}

@media (max-width: 700px) 
{
	/* CALLOUT BLOCKS */
	.callout-actions .inner	{flex-direction: column; width: calc(100% - 20px); margin-left: 0}
	.callout-actions p		{display: block}
	.callout-block			{border: none !important; width: 100% !important; padding-left: 50px !important; margin: 0 0 15px 0 !important}
	
	/* SOCIAL PULLOUT */
	.social-pullout .inner	{flex-direction: column}
	.social-pullout ul		{margin-bottom: 20px;}
	.social-pullout p		{margin: 0}
}

@media (max-width: 640px) 
{
	/* HEADER */
	.logo	{width: 156px}
	
	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 50px;}
	.hero-text h2		{font-size: 33px;}
	.hero-text ul		{flex-direction: column; margin-top: 15px;}
	.hero-text ul li	{margin-top: 15px; margin-right: 0}
	
	/* CALLOUT BLOCKS */
	.callout-actions .inner	{width: 100%;}
	
	/* CONTENT PAGE HERO */
	.content-hero-container .hero-text	{left: 30px;}
	
	/* FIND A COURSE */
	.find-a-course-section	{}
	.find-a-course			{padding-bottom: 20px; padding-left: 30px; border-top-right-radius: 100px; border-bottom-right-radius: 100px;}
	.find-a-course h2		{margin-bottom: 0.65em}
	.find-a-course .col		{width: 100%; margin-bottom: 18px;}
	
	/* TWO COL PAGE */
	.two-col .col-right							{padding-left: 30px; padding-right: 30px;}
	.two-col .col-right .blockquote-container	{width: calc(100% + 30px); margin-right: -30px;}
	
	/* ACCORDION */
	.accordion-section .accordion-item h3	{font-size: 18px;}
	
	/* COURSE ACCORDION */
	.accordion-section-course a.btn-text-chevron		{font-size: 16px;}
	.accordion-section-course .btn-text-chevron:after	{width: 8px; height: 16px;}
	
	/* COURSE DETAIL PAGE */
	.course-sub-menu				{column-count: 1}
	.course-sub-menu li:last-child	{margin-bottom: 0}
	
	/* BOOK YOUR PLACE */
	.form-container .checkbox-cell				{margin-right: 0;}
	.card-expanded .form-container .checkboxes	{flex-direction: column; margin:20px 0}
	.checkboxes .checkbox-cell					{margin-bottom: 10px;}
	
	.people-directory .select-container	{width: 100%}
	
	/* OPEN DAYS */
	
	.event-listing .col .split-card {flex-direction: column !important;}
	.split-card.vertical .card-image-container {width: 100%; height: 60vw;}
	.open-days-listing .card-text {width: 100%;}
	.btn-arrow {font-size: 18px; padding: 10px; }
	
}	

@media (max-width: 530px) 
{
	.full-width-carousel .slide-text	{width: 100%; padding: 40px !important;}
	
	/* CARD LISTING */
	.card-listing-section	{padding-bottom: 20px;}
	
	/* ENTERPRISE ACCORDION */
	.enterprise-expanded-cols						{flex-direction: column; margin-bottom: 0}
	.enterprise-expanded-cols .enterprise-text		{margin-top: 30px;}
	
	/* FOOTER */
	footer .inner	{padding-left: 12px;}
	ul.logos img	{height: auto}
	
	/* BLOCKQUOTE */
	.blockquote-container				{border-top-left-radius: 100px; border-bottom-left-radius: 100px; padding-right: 30px; padding-left: 50px;}
	.blockquote-container cite,
	.col-right .blockquote-container p	{font-size: 20px;}

	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 45px;}
	.hero-text p		{font-size: 35px;}
}

@media (max-width: 413px) 
{
	/* SOCIAL PULLOT */
	.social-pullout p		{font-size: 10vw;}
	
	/* ACCORDION COURSE */
	.accordion-section-course .buttons									{flex-direction: column; display: flex; align-items: flex-start}
	.accordion-section-course a.btn-text-chevron						{margin: 0 0 15px 0; }
	.accordion-section-course .buttons a.btn-text-chevron:last-child	{margin-bottom: 0}
	
	.course-icon-list			{flex-direction: column; margin-bottom: 0}
	.course-icon-list .col		{margin: 0}
	.course-icon-list .col p	{margin: 0 0 20px 0 !important}
	
	/* COURSE DETAIL PAGE */
	.course-details a.btn-text-chevron			{font-size: 18px;}
	.course-details a.btn-text-chevron:after	{width: 8px; height: 15px;     transform: translateY(2px);}
	.course-sub-menu a.btn-text-chevron			{font-size: 18px;}
	
	/* OPEN DAYS */
	.card-split-vertical h3	{font-size: 15px;}

	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 37px;}
	.hero-text p		{font-size: 28px;}
	
	footer .col-address p {font-size: 15px;}
}

@media (max-width: 375px) 
{
	.hero-container .hero-text	{left:30px;}
	.hero-text h2				{font-size: 26px;}

	/* HOME HERO CONTAINER */
	.hero-text h1		{font-size: 30px;}
	.hero-text p		{font-size: 20px;}

	footer .col-address p {font-size: 13px;}
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
	/* HOME HERO CONTAINER */
	.hero-text		{left: 20px !important;}
}