﻿* {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: 'Raleway', sans-serif; text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; color:#101B40}

h1		{}
h2		{}
h3		{}
h4		{}
h5		{}
h6		{}

p		{}

strong  {font-weight: 700;}

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(255,255,255,0); display:block; z-index: 5; transition: 0.2s ease-in-out;}

a.cover:hover {background-color: rgba(255,255,255,.2);}

.inner 	{width:1366px; max-width:100%; padding: 0 35px; margin:0 auto; }

.home	{background-color: #FBFBFB}

.col-container	{display: flex}

.hidden {display: none;}

/* HEADER */
.header-right			{display: flex; flex-direction: column; margin-top: 10px}
.top-nav				{display: flex; justify-content: flex-end; align-items: center; padding-bottom: 15px;}

header 					{background-color:#101B40; padding-top: 17px; position: relative; z-index: 20}
header .logo path		{fill: #FFCB00;}
header .logo .cls-1		{fill: #FFCB00}
header .inner 			{display: flex; justify-content: space-between}
header ul				{list-style: none}
header ul li a			{text-decoration: none; transition: 0.2s ease-in-out; color: #ffffff}
header ul li a:hover    {opacity: 0.5;}

header .top-nav ul { font-size: 18px; display: flex; }
header .top-nav ul li	{margin-left: 30px;}

header nav						{border-top: 1px solid #FFCB00;}
header nav ul					{font-weight: 600; font-size: 20px; display: flex; justify-content: flex-end}
header nav ul li				{margin-left: 50px; padding:20px 0 28px 0}
header nav ul li a:hover		{color:#FFCB00}
header nav ul li:first-child	{margin-left: 0}

header .search-box .trigger,
header .search-box input[type="submit"]	{background-image: url(/_assets/icon-search-small-white.svg);}


/* HEADER HOVER 
header:hover 						{background-color: #101B40; transition: 0.2s ease-out}
header:hover .logo					{filter: brightness(100%);}
header:hover .logo path,
header:hover .logo rect							{fill: #ffffff;}
header:hover ul li a							{color:#ffffff}
header:hover .search-box input[type="submit"]	{background-image: url(/_assets/icon-search-small-white.svg);}
*/

/* HEADER DROPWDOWN */
header nav ul li .dropdown			{position: absolute; left: -99999px; background-color: #101B40; width: 100%; top:100%; border-top:1px solid #ffffff; display: flex; justify-content: flex-end}
header nav ul li:hover .dropdown	{left: 0}

.dropdown .inner					{justify-content: flex-end}
.dropdown-inner						{background-color:rgba(255,255,255,0.18); display: inline-block; padding: 35px; padding-bottom: 60px; position: relative; width: 920px;}
.dropdown-inner	ul					{flex-direction: column; border-right:2px solid #ffffff; padding-right: 28px; display: inline-flex; position: relative; max-width: 49%;}
.dropdown-inner	ul li				{margin-left: 0; font-weight: 700; margin-bottom: 20px; padding: 0; display: flex; justify-content: space-between;}
.dropdown-inner	ul li:after			{width: 20px; height: 20px; background-image: url(/_assets/icon-chevron-nav.svg); content: ''; display: block; margin-left: 45px; opacity: 0; background-repeat: no-repeat; background-position: center;}
.dropdown-inner	ul li:last-child	{margin-bottom: 0}
.dropdown-inner:before				{position: absolute; top:-1px; left: 0; width: 100%; content: ''; background-color: #FFCB00; height: 2px;}
.dropdown-inner	ul li:hover:after	{opacity: 1}

/* remove the on hover arrow if child has no sub items */
.dropdown-inner	ul li.no-arrow:after	{display: none;}

.dropdown-inner	ul.secondary-dropdown		{border-right:none; padding-left: 28px;}
.dropdown-inner	ul.secondary-dropdown li a	{font-weight: 400}

.dropdown-inner	ul.child-nav	{display: none}

/* NAV ICON */
.hamburger 							{width: 35px; height: 22px; z-index: 30; position: absolute; cursor: pointer; margin-left: 25px; display: none}
.hamburger span 					{width: 100%; display: block; height: 2px; background-color: #ffffff; 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)}

header:hover .hamburger span	{background-color: #ffffff}

/* GENERAL SEARCH BOX */
.search-box							{border:3px solid #101B40; 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:#101B40; border: none; padding-left: 0}
.search-box input[type="submit"]	{width: 25px; height: 25px; background-image: url(/_assets/icon-search-small.svg); background-size: cover; background-color: transparent}

.search-box input[type="text"]::-webkit-input-placeholder	{color:#101B40; opacity:1;}
.search-box input[type="text"]::-moz-placeholder			{color:#101B40; opacity:1;}     
.search-box input[type="text"]:-ms-input-placeholder		{color:#101B40; opacity:1;}         
.search-box input[type="text"]:-moz-placeholder             {color:#101B40; opacity:1;}


/* HEADER SEARCH BOX */
header .search-box input[type="text"]::-webkit-input-placeholder     {color:#ffffff;}
header .search-box input[type="text"]::-moz-placeholder              {color:#ffffff; opacity:1;}
header .search-box input[type="text"]:-ms-input-placeholder          {color:#ffffff;}
header .search-box input[type="text"]:-moz-placeholder               {color:#ffffff; opacity:1;}

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 .trigger		            {width:21px; height: 21px; background-size: cover; background-color: transparent;}
header .search-box input[type="submit"]		{width:21px; height: 21px; background-size: cover; background-color: transparent; display: none;}
header .search-box input[type="text"]		{color:#ffffff; background-color: transparent; font-size: 18px; visibility: hidden; opacity: 0; width: 0; transition: 0.2s ease-out}




header .search-box.active						{border-bottom: 1px solid #ffffff}
header .search-box.active input[type="text"]	{visibility: visible; opacity: 1; position: relative; padding-right: 20px; width: auto}

/* STUDENT PORTAL NAV */
.download-prospectus-container,
.student-portal-popup-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;}
.student-portal-popup-container .inner			{display: flex; justify-content: center}
.student-portal-popup-container .inner ul		{display: flex; justify-content: center; align-items: flex-start; width: 100%;}
.student-portal-popup-container .inner ul img	{width: 45px; margin-bottom: 8px;}
.student-portal-popup-container .inner ul li	{display: inline-flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-left: 10px; padding-right: 10px; flex: 1} 
.student-portal-popup-container .inner ul li a	{color: #ffffff; text-decoration: none}
.student-portal-popup-container.active			{top:0; visibility: visible; opacity: 1}

.prospectus-inner .close,
.student-portal-popup-container .close	{background-image: url(/_assets/icon-plus-white.svg)}

/* DOWNLOAD PROSPECTUS */
.download-prospectus-container			{top:0; /*visibility: visible; opacity: 1;*/ height: 100vh; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.85);}
.prospectus-inner						{background-color: #101B40; width: 500px; max-width:calc(100% - 40px); padding: 40px; position: relative; max-height: 80vh; overflow-y: auto;}
.prospectus-inner h2					{font-size: 24px; color: #ffffff; margin-bottom: 1em}
.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:12px 15px; padding-left: 65px; 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: #FFD100; padding: 10px; width: 100%; font-size: 18px; font-weight: 700; color: #101B40}
.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: 0; top: -5px;}

/* HERO CAROUSEL */
.hero-ca.rousel-container	{position: relative;}
.hero-carousel .slick-track	{display: flex;}
.hero-carousel .slide		{padding: 145px 0; background-size: cover; background-position: center; position: relative; height: auto}
.hero-carousel .slide:after	{position: absolute; left: 0; top:0; mix-blend-mode: multiply; background-color: #101B40; opacity:0.62; content: ''; width: 100%; height: 100%;}
.hero-text					{position: relative; z-index: 5; color:#ffffff; text-align: center; padding-right: 30px; padding-left: 30px;}
.hero-text h1				{font-size: 59px; font-weight: 800; text-transform: uppercase;}
.hero-text p				{font-weight: 500; font-size: 34px; margin-top: 0.5em}
.hero-text .btn-arrow		{margin-top: 45px; text-align: left}

.hero-text p.pre	{font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 0.25em}

.carousel-nav-container								{position: absolute; left: 50%; transform: translateX(-50%); top:150px; width: 100%; padding-left: 15px; padding-right: 15px;}
.carousel-nav-container .inner						{width:1366px; padding: 0; position: relative}
.hero-carousel-container							{position: relative;}
.hero-carousel-container .slick-arrow				{position: absolute; z-index: 10; font-size: 0; background-color: transparent; width: 24px; height: 48px; background-image: url(/_assets/icon-chevron-white.svg); background-size: cover;}
.hero-carousel-container .slick-arrow.slick-next	{right: 0}
.hero-carousel-container .slick-arrow.slick-prev	{left: 0; transform:rotate(180deg);}

/* COURSE SEARCH SECTION */
.course-search-section				{padding: 26px 0; background-color: #ffffff; box-shadow: 0 3px 6px rgba(0,0,0,0.16); position: relative; z-index: 5}

/* HOME GRID */
.home-grid					{position: relative; z-index: 4}
.home-grid .inner			{display: flex; flex-wrap: wrap; width: 1366px; padding: 0}
.home-grid .col				{width:25%; flex-shrink: 0; height: 342px; position: relative; overflow: hidden;}
.home-grid .col.span-2		{width:50%; flex-shrink: 0}

.grid-panel			{background-size: cover; background-position: center; height: 100%; color:#0E1D4A; background-color: #F1F1F1; padding: 0 50px; display: flex; flex-direction: column; justify-content: center; position: relative;}
.grid-panel	 h3		{font-size: 33px; font-weight: 700; border-bottom: 1px solid #0E1D4A; padding-bottom: 20px; margin-bottom: 20px; position: relative; z-index: 2}
.grid-panel	 p			{font-size: 19px; line-height: 1.2em; position: relative; z-index: 2}
.grid-panel.image-colour:before	{background-color: rgba(14,29,74,0.82); position: absolute; left: 0; top:0; width: 100%; height: 100%; content: '';}

.grid-panel.grey.image-colour:before		{background-color: rgba(241,241,241,0.82);}

.grid-panel.yellow						{background-color:#FFCB00; padding: 40px; }
.grid-panel.yellow.image-colour:before	{background-color: rgba(255,203,0,0.82);}

.grid-panel.blue				{background-color:#0E1D4A; color:#ffffff}
.grid-panel.blue h3				{border-color:#ffffff}
.grid-panel.blue .arrow			{background-image: url(/_assets/arrow-head-white.svg);}
.grid-panel.blue .arrow:before	{background-color: #ffffff}

.col:hover .grid-panel.hover		{opacity: 0.85; visibility: visible; transform: translateY(0)}
.grid-panel.hover					{position: absolute; left: 0; top:0; width: 100%; opacity: 0; visibility: visible; transition: 0.2s ease-out; transform: translateY(20px);} 

/* NEWSTICKER */
.newsticker-container-outer 		{background-color: #FFCB00; padding: 15px 0; font-size: 20px; overflow: hidden}
.newsticker-container-outer .inner	{display: flex; align-items: center;}
.newsticker-header					{flex-shrink: 0; font-size: 20px; font-weight: 500; text-transform: uppercase; display: flex; align-items: center; padding-right: 30px;}
.newsticker-header img				{margin-right: 8px;}
.newsticker li						{margin: 0 30px}
.newsticker li a					{text-decoration: none; display: flex; justify-content: space-between}
.newsticker li a:after				{width:42px; height: 22px; background-image: url(/_assets/icon-arrow-blue.svg); background-size: cover; content: ''; align-self: center; margin-left: 15px;}

/* ALERT TICKER */
.alertticker-container			{background-color:#FFD100; padding:20px 0; position:relative; z-index: 200; min-height:62px;}
.alertticker_wrapper			{background-color:transparent; width:calc(100% - 100px); margin-left: 100px;}
.alertticker_controls			{display:none; font-size: 22px;}
.alertticker          		   	{position:relative; list-style: none; display: flex}
.alertticker .js-ticker-track	{display: flex;}
.alertticker li					{font-size:22px; color:#071D49; border-right:1px solid #071D49; padding-right: 20px !important; padding-left: 20px !important;}
.alertticker li a          	 	{text-decoration:none;}
.alertticker li:last-child		{border-right:none !important;}
.alertticker-container .tag		{color:#071d48; background-color: #ffffff; position: absolute; left: 0; top: 50%; margin-top: -4px; font-size: 12px; font-weight: 700; padding:8px 5px}
.alertticker-container .close	{position:absolute; right: 0; top: 3px;}
.alertticker-container .close i	{color: #071D49; font-size: 24px;}

.alertticker-container .inner					{position: relative}
.alertticker-container .alertticker             {visibility:hidden; opacity:0; transition:1s ease-in; position: absolute; width: calc(100% - 130px); right: 30px;}
.alertticker-container .alertticker.active      {visibility:visible; opacity:1;}

/* 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: 1366px; padding-top:50px; padding-bottom: 40px;}
.latest-news-section .col	{width:25%; 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; background-position: center;}
.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;}
.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;}
.latest-news-section .slick-dots					{font-size: 0; display: flex; width: 100%; justify-content: center; margin-top: 30px;}
.latest-news-section .slick-dots li					{width:23px; height: 23px; border-radius: 23px; border:2px solid #101B40; cursor: pointer; margin: 0 8px;}
.latest-news-section .slick-dots li.slick-active	{background-color:#101B40}
.latest-news-section .col-container					{display: block; width:calc(100% + 14px); margin-left: -7px}




/* SPLIT CARD VERTICAL */
.split-card.vertical							{display: flex;}
.split-card.vertical .card-image-container		{width: 42%; flex-shrink: 0; height: auto; background-position: center; background-color: #e6e6e6;}
.split-card.vertical h3							{font-size: 27px; margin-top: 0}
.split-card.vertical .card-text					{width:58%; padding: 50px;}
.split-card.vertical .card-text p				{font-size: 20px;}
.split-card.vertical .card-text .btn-arrow		{margin-bottom: 15px; align-items: center; min-width: unset; width: 100%;}
.split-card.vertical .card-text .btn-arrow:last-child	{margin-bottom: 0}

.page-panel-open-days .col	{width: 100%;}

.expanded-text,
.expanded-book						{background-color: #F1F1F1; padding: 50px; display: none; line-height: 1.4em}
.expanded-book .cols				{display: flex;}
.col-text-book						{width: 270px;}
.col-book-now input[type="text"],
.col-book-now select				{font-weight: 700; border: none !important}
.col-thanks,
.col-book-now						{padding-left: 40px;}

.col-book-now input[type="text"]::-webkit-input-placeholder   {color:#101B40;}
.col-book-now input[type="text"]::-moz-placeholder            {color:#101B40; opacity:1;}
.col-book-now input[type="text"]:-ms-input-placeholder        {color:#101B40;}
.col-book-now input[type="text"]:-moz-placeholder             {color:#101B40; opacity:1;}

.col-book-now .checkboxes				{display: flex;}
.col-book-now .checkboxes .container	{font-weight: 700; font-size: 15px; padding-top: 5px;}
.col-book-now .checkboxes .container .checkmark	{border-color: transparent}
.col-book-now .checkbox-cell			{margin-right: 15px;}

.expand-read-more.active:after,
.expand-book.active:after			{transform: rotate(180deg) !important}

/* COLOUR CHANGE 15/8/22 */
.split-card.vertical				{background-color:#101B40}
.split-card.vertical h3				{color:#FFCB00; border-color:#FFCB00}
.split-card.vertical p				{color:#FFCB00}
.split-card.vertical .btn-arrow		{background-color:#FFCB00; box-shadow: none !important}
.split-card.vertical .date p		{color:#595B60}

/* FOLLOW US */
.follow-us 					{background-color:#F1F1F1; padding: 60px 0}
.follow-us .col				{padding: 7px; flex-shrink: 0; flex: 1}
.follow-us .col-container	{width:calc(100% + 14px); margin-left: -7px;}
.follow-us .inner			{width:1366px;}
.social-card				{color:#ffffff; padding: 30px 20px 50px; height: 100%;}
.social-card h3				{display: flex; align-items: center; font-size: 24px; margin-bottom: 20px;}
.social-card h3 img			{margin-right: 16px}
.social-card p				{font-size: 20px; line-height: 1.3em;}
.social-card.twitter		{background-color:#1DA1F2}
.social-card.facebook		{background-color:#3B5998}
.social-card.youTube		{background-color:#FF1C1C}
.social-card.linkedIn		{background-color:#0E65C6}

/* PAGE CONTENT HEADER */
.content-hero-container					{background-size: cover; position: relative; min-height: 395px; display: flex; background-position: center;}
.content-hero-container	.hero-text span	{font-size: 30px; display: block; margin-bottom: 15px}
.content-hero-container:after 			{position: absolute; left: 0; top: 0; mix-blend-mode: multiply; background-color: #101B40; opacity: 0.62; content: ''; width: 100%; height: 100%;}
.content-hero-container .inner			{display: flex; flex-direction: column; justify-content: center;}

/* PAGE CONTENT HEADER WITH SEARCH */
.content-hero-container .search-box													{margin-top: 30px; border-color:#ffffff}
.content-hero-container .search-box input[type="text"]								{background-color: transparent; color: #ffffff}
.content-hero-container .search-box input[type="text"]::-webkit-input-placeholder   {color:#ffffff;}
.content-hero-container .search-box input[type="text"]::-moz-placeholder            {color:#ffffff; opacity:1;}
.content-hero-container .search-box input[type="text"]:-ms-input-placeholder        {color:#ffffff;}
.content-hero-container .search-box input[type="text"]:-moz-placeholder             {color:#ffffff; opacity:1;}
.content-hero-container .search-box input[type="submit"]							{background-image: url(/_assets/icon-search-small-white.svg)}

/* PAGE CONTENT HEADER WITH DROPDOWN */
.content-hero-container .dropdown-box			{width: 727px; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px;}
.content-hero-container .dropdown-box select	{font-size: 30px; color: #101B40; padding: 10px 70px 10px 30px; background-size: 35px 18px;}

/* PAGE CONTENT HEADER SHALLOW */
.content-hero-container-shallow	{min-height: 280px;}

/* MAIN TWO COL LAYOUT */
.two-col						{background-color: #ffffff}
.two-col .inner					{padding-left: 0; padding-right: 0;}
.two-col .col-container 		{display: flex; justify-content: space-between;}
.col-left						{width:415px; padding: 75px 0; background-color: #f1f1f1; flex-shrink: 0}
.left-nav h3					{padding-left: 30px; font-weight: 700; font-size: 21px; padding-top: 25px; padding-bottom: 15px; display: none;}
.left-nav hr					{border-top:2px solid #101B40; display: block; margin: 0 40px 0 30px; display: none;} 
.left-nav ul					{padding-top: 0; list-style: none; font-size: 21px; font-weight: 300}
.left-nav ul li					{line-height: 1.2em}
.left-nav ul li a				{text-decoration: none; display: flex; justify-content: space-between; padding: 10px 30px 10px 30px}
.left-nav ul li a:after			{background-image: url(/_assets/icon-left-nav-chevron.svg); width: 11px; height: 20px; background-size: cover; content: ''; position: relative; top: 3px; right: -10px; opacity: 0; flex-shrink: 0}
.left-nav ul li a:hover			{background-color:#101B40; color: #ffffff}


.two-col blockquote {line-height: 1.4em;}

/* REQUESTED OVER THE PHONE 4/8 FOR NEWS PAGE LEFT NAV */
.left-nav ul li			{border-bottom: 1px solid;}
.left-nav ul li	a		{font-weight: 700}
.left-nav ul li ul li	{border-bottom: none}
.left-nav ul li ul li a	{font-weight: 300}
/************/

/*.left-nav ul.grey li.active a,*/

.left-nav ul li.parent a.active		    {background-color:#101B40; color: #ffffff}
.left-nav ul li.parent a.active:after	{opacity: 1}

.left-nav ul li.child a.active		    {background-color:#101B40; color: #ffffff}
.left-nav ul li.child a.active:after	{opacity: 1}

/*
.left-nav ul.grey li a		{background-color: #f1f1f1;}

.left-nav ul li.active ul				{font-size: 15px; line-height: 1.2em; padding-top: 15px; padding-bottom: 15px;}
.left-nav ul li.active ul li a			{background-color: #ffffff; color:#101B40; padding-top:5px; padding-bottom: 5px;}
.left-nav ul li.active ul li.active a	{font-weight: 700}
.left-nav ul li.active ul li a:hover	{opacity: 0.65}
*/


/* NEW FULL SECTION NAV */

.left-nav ul li.parent                  {border-bottom: 1px solid; font-weight: 600;}
.left-nav ul.child                      {margin-top: 10px;  }
.left-nav ul.child li a                 {padding-left: 40px; }


.col-right				{/*width:763px; padding: 75px 0; margin-right: 130px;*/ padding-top: 75px; padding-right: 130px; padding-left: 60px; padding-bottom: 60px; width: 951px;}
.col-right p.intro 		{font-family: 'ARU Raisonne'; font-size: 28px; line-height: 1.1em; margin-bottom: 1em}
.col-right p			{font-size: 16px; line-height: 1.4em; margin-bottom: 1.2em;}
.col-right h1			{font-size: 40px; margin-bottom: 0.5em; margin-top: 0.6em;}
.col-right h2			{font-size: 28px; margin-bottom: 0.5em; margin-top: 0.6em; font-family: 'ARU Raisonne';}
.col-right h3			{font-size: 21px; margin-bottom: 0.5em; margin-top: 0.6em;}
.col-right h4			{font-size: 20px; margin-bottom: 0.5em; margin-top: 0.6em;}
.col-right h5			{font-size: 18px; margin-bottom: 0.5em; margin-top: 0.6em;}
.col-right h6			{font-size: 16px; margin-bottom: 0.5em; margin-top: 0.6em}

.col-right ul,
.col-right ol			{font-size: 16px; line-height: 1.4em; margin-bottom: 1.2em; margin-left: 1.5em}

.col-right ul li,
.col-right ol li		{margin-bottom: 0.5em}

.col-right h2:first-child	{margin-top: 0}

.full-width .col-left {width: 0%;}
.full-width .col-right {width: 100%;}

.col-right p.video-container 		{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; /*margin-bottom: 30px;*/}
.col-right p.video-container iframe	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.col-right hr	{border-color:#F9D12F}

/* CAROUSEL NAV 2 */
.carousel-nav-container-2								{padding: 0 20px;}
.carousel-nav-container-2 .slick-arrow					{background-image: url(/_assets/icon-left-nav-chevron.svg); width: 11px; height: 20px; font-size: 0; background-color: transparent; position: absolute; left: 0; top:-5px}
.carousel-nav-container-2 .slick-arrow.slick-prev		{transform: rotate(-180deg);}
.carousel-nav-container-2 .slick-arrow.slick-next		{left: auto; right:0}
.carousel-nav-container-2 ul.slick-dots					{font-size: 0; list-style: none; display: flex;}
.carousel-nav-container-2 ul.slick-dots li				{width:10px; height: 10px; margin: 0 4px; border-radius: 10px; border:1px solid #ffffff;}
.carousel-nav-container-2 ul.slick-dots li.slick-active	{background-color:#ffffff}

/* 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: #000}
.slide-text					{padding:5px 15px;}

.image-carousel-container .carousel-nav-container-2	{position: absolute; bottom: 14px; right:20px; z-index: 1}

/* YELLOW IMAGE CAROUSEL */
.image-carousel-container-yellow .image-carousel				{background-color: #FFCB00}
.image-carousel-container-yellow .image-carousel p				{color:#101B40;}
.image-carousel-container-yellow ul.slick-dots li				{border-color:#101B40}
.image-carousel-container-yellow ul.slick-dots li.slick-active	{background-color:#101B40}
.image-carousel-container-yellow .slick-arrow					{}

.image-carousel-container-yellow .slide-text	{background-color:#101B40}
.image-carousel-container-yellow .slide-text p	{color:#ffffff; margin-bottom: 0; font-size: 20px;}

.image-carousel-container-yellow .slide-text	{background-color:#FFCB00}
.image-carousel-container-yellow .slide-text p	{color:#101B40;}

.image-carousel-container-yellow .carousel-nav-container-2					{bottom:9px;}
.image-carousel-container-yellow .carousel-nav-container-2	.slick-arrow 	{top:1px}
.image-carousel-container-yellow ul.custom_paging							{margin: 0}
.image-carousel-container-yellow ul.custom_paging li						{display: none; margin: 0}
.image-carousel-container-yellow ul.custom_paging li.slick-active			{display: block; color: #101B40}
.image-carousel-container-yellow .slide-text p								{display: flex; align-items: center;}
.image-carousel-container-yellow .slide-text p span.expander-chevron		{margin-left: 15px; transform: rotate(-90deg)}




/* ALTERNATIVE IMAGE CAROUSEL WITH FIXED TEXT */
.image-carousel-container-alt .slide-text	{background-color:#101B40}
.image-carousel-container-alt .slide-text p	{color:#ffffff; margin-bottom: 0; font-size: 20px;}


/* NUMBERS CAROUSEL */
.image-carousel-container-alt .carousel-nav-container-2					{bottom:9px;}
.image-carousel-container-alt .carousel-nav-container-2	.slick-arrow 	{top:1px}
.image-carousel-container-alt ul.custom_paging							{margin: 0}
.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								{display: flex; align-items: center;}
.image-carousel-container-alt .slide-text p span.expander-chevron		{margin-left: 15px; transform: rotate(-90deg)}





/* TEXT PULLOUT */
.text-pullout				{padding:60px 30px 38px 30px; background-color: #F9D12F; margin: 0 0 40px 0; position: relative;}
.text-pullout p				{font-size: 21px; font-weight: 300}
.text-pullout p strong		{font-weight: 700}
.text-pullout p:last-child	{margin-bottom: 0}

.text-pullout:before		{width: 28px; height: 53px; position: absolute; left: 20px; top:-9px; background-image: url(/_uploads/_assets/icon-quote-left.png); background-size: cover; content: '';}
.text-pullout:after			{width: 28px; height: 53px; position: absolute; right: -9px; bottom:-9px; background-image: url(/_uploads/_assets/icon-quote-left.png); background-size: cover; content: ''; transform: scaleX(-1);}
 
/* 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: #0E1D4A; 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); width: 11px; height: 20px; position:absolute; right:20px; display: block; top:14px;}
.accordion-section .accordion-item.active h3 span.plus			{transform: rotate(90deg)}
.accordion-section .accordion-expanded							{display:none; padding:20px; background-color: #F1F1F1;}
.accordion-section .accordion-expanded p:last-child				{margin-bottom:0;}

.accordion-section-2 .accordion-item h3		{border-bottom: 2px solid #FCCE4B}
.accordion-section-2 .accordion-expanded	{background-color: #354267}
.accordion-section-2 ul						{list-style: none; margin: 0}
.accordion-section-2 ul li a				{color: #FFFFFF; text-decoration: none}
.accordion-section-2 ul li a:hover			{color: #FCCE4B;}


.accordion-expanded p	{font-size: 16px; line-height: 1.2em; margin-bottom: 1em}
.accordion-expanded ul	{margin: 1em; font-size: 16px; line-height: 1.2em;}
.accordion-expanded li	{margin-bottom: 0.5em}

.accordion-section.faqs	{margin:20px 0 40px 0}



/* VIDEO CONTAINER */
.video-container-outer	{border-top:20px solid #0E1D4A; margin-bottom: 40px;}
.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%; }

/* STAFF LISTING */
.staff-listing .filter-container	{width: 365px; max-width: 100%; margin-bottom: 50px;}
.select-css.blue					{background-color: #0E1D4A; color: #ffffff; font-size: 21px; font-weight: 700; background-image: url(/_assets/select-arrow-white.png)}		
.staff-item							{border-bottom:2px solid #101B40; display: flex; position: relative; padding-bottom: 40px; margin-bottom: 40px;}
.staff-image						{width: 168px; height: 168px; flex-shrink: 0; background-position: center; background-size: cover;}
.staff-text							{padding: 0 40px 40px;}
.staff-text	h4						{font-family: 'ARU Raisonne'; font-size: 16px; margin-bottom: 15px;}
.staff-text	h4 span					{font-family: 'Raleway', sans-serif; font-weight: 400}
.staff-text p a						{text-decoration: none}
.staff-item .expanded				{display: none}
.staff-item .expander-chevron		{position: absolute; right:0; bottom: 40px;}

/* COURSE LISTING */
.course-listing			{margin-bottom: 40px;}
.course-listing h2		{font-size: 28px; font-family: 'ARU Raisonne'; margin-bottom: 1.2em}
.course-item			{border-top:2px solid #FCCE4B; padding: 27px 40px 35px 0; transition: 0.2s ease-out}
.course-item h3			{margin: 0}
.course-item span		{font-size: 18px; display: block; margin-bottom: 0.65em}
.course-item .expanded	{display: none}

.course-item-top					{position: relative; cursor: pointer;}
.course-item-top .expander-chevron	{width:34px; height: 19px; position: absolute; right:-30px; top:50%; margin-top:-10px; transition: 0.2s ease-out}

.course-item.active										{background-color:#ffffff; padding: 38px 35px}
.course-item.active .expanded							{display: block;}
.course-item.active .course-item-top .expander-chevron	{right:15px; transform: rotate(180deg)}

.course-deets				{margin-top: 35px;}
.course-deets h3			{display: flex; font-size: 23px; align-items: center; margin-bottom: 0.2em}
.course-deets h3 img		{margin-right: 10px;}
.course-deets p				{font-size: 23px;}
.course-deets ul			{font-size: 23px; line-height: 1.2em; margin-top: 0.5em}

.course-item .buttons				{margin-top: 60px; display: flex; flex-wrap: wrap}
.course-item .buttons .btn-chevron	{margin-right: 20px; margin-bottom: 15px; border-color:#FFCB00}

/* 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;}

/* STAGGERED BUTTON ACCORDION */
.buttons-group								{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.buttons-group .btn-chevron					{width: calc(50% - 6px); margin-bottom: 12px;}
.buttons-group .btn-chevron.active			{background-color:#FFCB00}
.buttons-group .btn-chevron.active:after	{transform: rotate(90deg);}

/* GREY TOP */
.grey-top			{position: relative; padding: 1px 0 20px 0; margin-bottom: 60px;}
.grey-top:after		{position: absolute; left: -60px; top:-75px; right: 130px; content: ''; height: calc(100% + 75px); width: calc(100% + 190px); background-color: #F8F8F8;}
.grey-inner			{position: relative; z-index: 2}
.grey-top h2		{margin-top: 0; margin-bottom: 1.2em}

.grey-top *			{position: relative; z-index: 2}

.courses-page-panel hr				{border-top:1px solid #FFCB00; display: block; margin: 20px 0}
.courses-page-panel hr.thick		{border-top:2px solid #FFCB00;}
.courses-page-panel .btn-chevron	{border-color:#FFCB00; align-items: center}

ul.course-details-top	{list-style: none; margin: 0; font-size: 20px;}

.course-details-expanded .image-carousel-container	{margin-top: 40px;}


#structure h3:not(:first-child) {border-bottom: 1px solid #101a40; padding-bottom: 5px; position: relative; cursor: pointer;}
#structure h3:not(:first-child):after {content: ''; position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background-image: url('/_assets/icon-arrow-blue.svg'); background-size: contain; background-repeat: no-repeat; transition: 0.2s ease-in-out;}
#structure ul {/*display: none;*/}

h3.sc-title.active:after,
h3.active:not(:first-child):after,
.sc-title.active:after,
#structure h3.active:after {transform: rotate(90deg) !important;}

#structure ul.show {display: block !important;}

.sc-content {display: none;}


/* 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)}

/* 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}


.page-panel-latest-news .four-col 		{justify-content: flex-start;}
.page-panel-latest-news .four-col .col {width:25%;}

@media (max-width: 1000px) { .page-panel-latest-news .four-col .col {width:33.333%;}}
@media (max-width: 820px) { .page-panel-latest-news .four-col .col {width:50%;}}
@media (max-width: 600px) { .page-panel-latest-news .four-col .col {width:100%;}}


/* LATEST NEWS COLOUR CHANGE */
.latest-news-section .split-card,
.page-panel-latest-news .split-card					{background-color:#101B40;}

.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:#FFCB00; border-color:#FFCB00}

.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;}

/* OPEN DAYS */
.page-panel-open-days {line-height: 1.4em;}
.page-panel-open-days .col-container	{flex-wrap: wrap}
.page-panel-open-days .col				{margin-bottom: 30px;}
.page-panel-open-days .col:nth-child(even) .split-card	{flex-direction: row-reverse}

a.download-image {display: block; position: relative; color: #fff; text-align: right; right: 20px; bottom: 10px; text-decoration: none; transition: 0.2s ease-in-out;}
a.download-image:hover {opacity: 0.7;}


/* CONTACT US */
.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: 21px; font-weight: 500; color:#101B40; display: block; margin-bottom: 6px; line-height: 1.2em}
.form-container textarea,
.form-container input[type="text"]			{font-size: 21px; color: #101B40; border:1px solid #101B40; padding: 8px 20px; width: 100%;}
.form-container select.select-css			{font-size: 21px; color: #101B40; border:1px solid #101B40; padding: 8px 20px; width: 100%; background-color: #ffffff;}
.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 .container					{margin-right: 40px;}
.form-container .checkmark					{transform: translateY(-2px)}
.form-container .btn-submit					{font-size: 21px; background-color:#101B40; color: #ffffff; font-weight: 700; 
                                            background-image: url(/_assets/icon-left-nav-chevron.svg); background-position: right 15px top 50%; background-repeat: no-repeat;
                                            background-position: 90% center; background-repeat: no-repeat; padding: 10px 50px 10px 10px; background-size: 14px;}
.contact-location h2,
.contact-general h2						{margin-bottom: 1.2em}
.contact-location .cols,
.contact-general .cols					{display: flex; justify-content: space-between}
.contact-location iframe				{width:100%; margin-bottom: 30px;}
.contact-location .accordion-section	{width: 353px; max-width: 100%; padding-right: 20px}
.contact-location						{border-top:1px solid #101B40; padding-top: 40px;}

/* FAUX SELECT */

.select-css,.select,input[type='text']	    {font-size: 21px;color: #101B40;border: 1px solid #101B40;padding: 8px 20px 4px; width: 100%; background-color: #fff;}
.select-dd									{margin: 0; list-style: none; display: none}
.select-dd li								{padding-left: 0; margin-bottom: 3px}
.select-dd li:before						{display: none}
.select-dd li p								{margin-bottom: 0px;}
.form-cell .select-dd						{border: 1px solid #cccccc; border-top: none; padding: 20px; margin-left: 0px !important; }
.form-cell .select-dd.active				{display: block; }

.form-cell.error                            {margin-bottom: 5px;}
.form-cell.error input[type=text],
.form-cell.error textarea,
.form-cell.error div.select                 {border-color: #cc0000!important; outline-color: #cc0000!important; }
.form-cell .form-field-error                {font-size: 12px; color: #cc0000; text-align: right; margin-top: 3px; }
.form-container .form-row-submit			{margin-top: 30px; margin-bottom: 0}

.btn-submit:hover                           {cursor: pointer}

/* CONTACT PAGE */
.col-contact-left						{width: 358px; padding-right: 25px;}
.col-contact-left .accordion-section	{margin-bottom: 0}
.contact-bottom .col-container			{justify-content: space-between;}
.contact-bottom h2						{margin-bottom: 1em}
.col-map								{width: 344px;}
.col-map iframe							{width: 100%; height: 495px;}

.contact-item					{display: flex; margin-bottom: 15px}
.contact-item .icon-contact		{width: 36px; margin-right: 20px; display: inline-flex; justify-content: flex-end; align-items: flex-start}
.contact-item .icon-contact img	{width: auto;}
.contact-item p					{font-weight: 500; font-size: 21px; line-height: 1.2em}
.contact-item p a				{text-decoration: none}

/* PARTERS CAROUSEL */
.partners-carousel .plus					{display: block; width: 17px; height: 17px; background-image: url(/_assets/icon-plus-2.svg); background-size: cover; margin:10px auto 0}
.partners-carousel-container				{position: relative; padding: 0 30px; margin-top: 40px;}
.partners-carousel-container .slick-arrow	{width:11px; height: 20px; background-image: url(/_assets/icon-chevron-right-blue.svg); background-size: cover; font-size: 0; background-color: transparent; position: absolute; top:60px; z-index: 5}
.partners-carousel-container .slick-prev	{left:-30px; transform: rotate(180deg)}
.partners-carousel-container .slick-next	{left: auto; right:-30px}
.partners-carousel 							{}
.partners-carousel .slide					{}
.partners-expanded							{padding: 30px; background-color: #F1F1F1; margin-top: 30px; position: relative;}

.partners-expanded h3	{font-size: 20px; margin-bottom: 0.5em}
.partners-expanded p	{font-size: 16px; line-height: 1.2em; margin-bottom: 0.5em}
.partners-expanded ul	{margin: 1em; font-size: 16px; line-height: 1.2em;}
.partners-expanded li	{margin-bottom: 0.5em}

.close {display: block; width: 17px; height: 17px; background-image: url(/_assets/icon-plus-2.svg); background-size: cover; transform: rotate(45deg); position: absolute; right:20px; top:20px;}

/* SEARCH RESULTS */
.search-results		{background-color: #101B40; 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); width: 100%; padding: 0; margin: 30px 0}
.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;}

.search-results .col-container				{justify-content: space-between}
.search-results .btn-chevron				{border-color:#ffffff}
.search-results .btn-chevron:after			{background-image:  url(/_assets/icon-chevron-right-white.svg); flex-shrink: 0}
.search-results .btn-chevron:hover			{background-color: #ffffff !important; border-color:#ffffff !important; color:#101B40}
.search-results .btn-chevron:hover:after	{background-image:  url(/_assets/icon-chevron-right-blue.svg)}

.col-search-results h2				{font-size: 27px; border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px;}
.col-search-results					{width: 660px;}
.col-search-results a.btn-arrow		{border:none; font-size: 21px; background-color: rgba(255,255,255,0.20); margin-bottom: 12px; width: 100%;}

.search-results .buttons		{margin-bottom: 30px;}
.search-results .col-callout	{width: 362px; padding-left: 20px; height: 500px;}

.buttons .btn-chevron	{margin-right: 20px;}
.buttons	{display: flex;}


.search-results .btn-chevron.coursetypes.selected	        {background-color: #ffffff !important; border-color:#ffffff !important; color:#101B40}
.search-results .btn-chevron.coursetypes.selected::after   	{background-image:  url(/_assets/icon-chevron-right-blue.svg)}





/***********/
/* ALUMNI */
/*********/
.content-hero-alumni-hub-container 				{min-height: 500px;}
.content-hero-alumni-hub-container .hero-text p	{font-size: 28px; width:763px; max-width: 100%; margin-left: auto; margin-right: auto; line-height: 1.2em;}

.home-grid-alumni		{margin-top: 15px; margin-bottom: 15px;}
.home-grid-alumni .col	{width: 50%;}

.alumni-contact-us-page-panel .grey-top			{padding-top: 40px; margin-top: 30px;}
.alumni-contact-us-page-panel .grey-top:after	{top:0}

.alumni-hub-row					{display: flex; position: relative; width: 100%;}
.alumni-hub-row:nth-child(even)	{flex-direction: row-reverse}

/* YELLOW BUTTON */
.courses-page-panel .btn-arrow			{border-color:#FFCB00; font-size: 23px;}

/* BLUE BUTTON */
.card-text .btn-arrow			{border-color:#101B40; font-size: 20px; border-width: 3px;}
.card-text .btn-arrow:after		{background-image:url(/_assets/icon-arrow-blue.svg);}

/* EXPANDER CHEVVY */
.expander-chevron			{width:20px; height: 11px; background-image: url(/_assets/icon-chevron-down-blue.svg); background-size: cover; cursor: pointer; display: block}
.expander-chevron.active	{transform: rotate(180deg)}

/* ARROW */
.arrow					{height: 26px; width: 100%; position: relative; background-image: url('/_assets/arrow-head-blue.svg'); background-repeat: no-repeat; background-position: right; background-size: 13px 26px; margin-top: 25px; display: block}
.arrow:before			{position: absolute; height: 2px; background-color: #0E1D4A; content: ''; left: 0; top:50%; margin-top: -1px; width: calc(100% - 1px);}


/************************/
/* COURSE LISTING 2023 */
/**********************/
.courses-section	{width:1296px; max-width: 100%; margin: auto; padding: 60px 75px; background-color: #F8F8F8}

.course-listing-row			{margin: 10px 0}
.course-listing-row.flipped	{}
.course-listing-card		{display: flex; min-height: 277px; height: auto; position: relative; margin-bottom: 10px; }
.course-listing-card h3		{font-weight: 700; color: #ffffff; font-size: 33px;}
.course-listing-card-text	{width: 50%; display: flex; flex-direction: column; justify-content: flex-end; padding:0 50px;}
.course-listing-card-text h3 {color: #0E1D4A;}


.course-listing-card.blue .course-listing-card-text h3 {color: #FFFFFF;}


.course-listing-card-image	{width: 50%; background-size: cover; background-position: center;}
.course-card-image			{background-size: cover; background-position: center; width: 100%; height: 100%;}





.col-full	{width: 100%;}

.course-listing-row.flipped .col-split	{flex-direction: row-reverse}

.col-split						{display: flex; justify-content: space-between}

.col-split .col-stacked,
.col-split .course-listing-card	{width: calc(50% - 5px);}

.wrap {flex-wrap: wrap;}
.wrap-reverse {flex-wrap: wrap-reverse;}


.course-listing-card.height-double	{height: 564px;}

.course-listing-card .arrow					{margin-bottom: 60px;}
.course-listing-card.blue .arrow			{background-image: url(/_assets/arrow-head-white.svg);}
.course-listing-card.blue .arrow:before		{background-color: #ffffff;}
.course-listing-card.blue p					{color: #ffffff}

.course-listing-card.navy-text h3	{color:#101B40}

.course-listing-card.yellow-text h3,
.course-listing-card.yellow-text p	{color:#FFCB00}
.course-listing-card.yellow-text h3 {border-color:#FFCB00 !important}
.course-listing-card.yellow-text .arrow     {background-image: url(/_assets/arrow-head-yellow.svg);}
.course-listing-card.yellow-text .arrow:before {background-color:#FFCB00}

.col-stacked						{width: 50%; display: flex; flex-direction: column}
.col-stacked .course-listing-card	{width: 100%; margin-bottom: 10px;}
.col-stacked .course-listing-card:last-of-type	{margin-bottom: 0}

.course-listing-card-stacked		{flex-direction: column-reverse}
.course-listing-card-stacked .course-listing-card-image	{width: 100%; flex: 1}
.course-listing-card-stacked .course-listing-card-text	{width: 100%; flex: 1;}

.course-listing-card-v2 h3		{border-bottom: 1px solid #0E1D4A; margin-bottom: 15px; padding-bottom: 15px; font-size: 25px;}
.course-listing-card-v2 .arrow	{margin-bottom: 40px;}

.course-listing-card-v2.course-listing-card.blue h3	{border-color: #ffffff}
.course-listing-card-v2 .course-listing-card-text	{padding: 40px;}
.course-listing-card-v2 .course-listing-card-text p {line-height: 1.3em;}


.course-section-intro			{margin-bottom: 40px}
.course-section-intro p.intro	{font-size: 28px; font-weight: 700; line-height: 1.3em}

.latest-news-section.latest-news-all-section .inner	{padding-left: 0; padding-right: 0; background-color: transparent}

/* COURSE DETAIL 2023 */
.course-detail-2023 h2			{font-size: 28px; font-weight: 600; margin-bottom: 1em}
.course-detail-2023 p.intro		{font-weight: 400; font-size: 20px; line-height: 1.2em; margin-bottom: 1em}

.btn-arrow.btn-yellow				{background-color:#FFCB00; color: #101B40; border: none !important; font-weight: 700; font-size: 23px;}
.btn-arrow.btn-yellow:after			{width: 45px; height: 24px; background-size: contain; background-image: url(/_assets/icon-arrow-blue.svg);}
.btn-arrow.btn-yellow:hover:after	{background-image: url(/_assets/icon-arrow-yellow.svg);}
.btn-arrow.btn-yellow:hover			{background-color:#101B40; color: #FFCB00;}

.btn-arrow.btn-yellow.back			{flex-direction: row-reverse}
.btn-arrow.btn-yellow.back:after	{margin-left: 0; margin-right: 20px; transform: rotate(180deg)}

.course-details-overview					{border-top:2px solid #FFCB00; border-bottom:2px solid #FFCB00; margin-top: 20px; margin-bottom: 30px; padding:25px 10px 15px 10px; display: flex; justify-content: flex-start}
.course-details-overview ul					{list-style: none; font-size: 20px; line-height: 1.2em}
.course-details-overview ul.overview-list	{column-count: 2}
.course-details-overview ul	li				{margin-bottom: 10px;}
.course-details-overview ul.ucas			{margin-right: 40px; flex-shrink: 0}

.course-detail-2023 .course-details .btn-chevron-navy			{color: #ffffff; padding:12px 15px;}
.course-detail-2023 .course-details .btn-chevron-navy.active	{color: #101B40;}

.course-detail-2023 .course-details-expanded h3	{font-size: 28px; font-weight: 700; margin-bottom: 0.5em}
.course-detail-2023 .course-details-expanded p	{font-size: 16px; line-height: 1.4em; margin-bottom: 1em}
.course-detail-2023 .course-details-expanded ul li {padding-bottom: 5px;}
.course-detail-2023 .course-details-expanded ul li:not(:first-child) {padding-top: 5px;}

/**************************/
/* SUBJECTS PAGE 4/8/2023 */
.inner.inner-narrow	{width: 1190px;}

.subject-content-hero-container 			{min-height: 545px;}
.subject-content-hero-container .buttons	{display: flex; justify-content: center; margin-top: 45px;}
.subject-content-hero-container .buttons a {margin: 0 15px;}
.subject-content-hero-container p			{font-size: 26px; line-height: 1.2em; width: 910px; max-width: 100%; padding: 0 20px; margin:30px auto 20px auto; font-weight: 700}
.subject-content-hero-container .hero-text	{padding-left: 0; padding-right: 0}

/* SUBJECT - SPLIT PANEL */
.subject-split-panel-section	{}
.split-panel			{display: flex; background-color: #F9D12F; position: relative;}
.sp-image				{flex-shrink: 0; width: 540px; overflow: hidden;}
.sp-image-inner			{background-size: cover; background-position: center; height: 100%; width: 100%; transition: 0.2s ease-out}
.sp-text				{flex-shrink: 0; flex: 1; padding: 40px;}

.action-panel h2,
.text-intro-button h2,	
.subject-text-intro h2,
.sp-text h2,
.subject-blog-listing-section h2	{font-size: 32px; margin-bottom: 0.65em}

.sp-text h3				{font-size: 24px; margin-bottom: 0.75em; font-weight: 500; line-height: 1.4em;}
.split-panel ul,
.sp-text p				{font-size: 18px; line-height: 26px; margin-bottom: 0.75em}
.split-panel ul			{margin: 1em}
.split-panel ul li		{margin-bottom: 0.75em}
.sp-text .arrow			{margin-top: 35px;}
.split-panel:hover .sp-image-inner	{transform: scale(1.05)}

.split-panel.flipped	{flex-direction: row-reverse}
.split-panel.blue		{background-color: #101B40; color: #ffffff}
.split-panel .btn-block	{margin-top: 25px;}

/* THREE STEPS */
.subject-three-steps-section	{}
.three-steps					{display: flex;}
.three-steps .step				{width: 33.333%; flex-shrink: 0; padding: 50px; padding-right: 90px; background-position: right; background-size: contain; background-repeat: no-repeat; color: #ffffff}
.three-steps .step h3			{font-size: 32px; font-weight: 700; margin-bottom: 1em; line-height: 1.1em; display: flex;}
.three-steps .step p			{font-size: 22px; line-height: 1.3em; max-width: 100%; padding-left: 90px}				 
.three-steps .step a			{text-decoration: underline; color: #FFCB00; transition: 0.2s ease-out;}
.three-steps .step a:hover		{color: #FFF}
.three-steps .number			{width: 63px; height: 63px; border-radius: 63px; margin-right: 25px; background-color: #FFCB00; flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; color: #0E1D4A}
.three-steps .number span		{font-size: 42px; transform: translateY(-3px)}

.three-steps .step:nth-child(1)	{background-color: #101B40; background-image: url(/_uploads/_assets/step-shape-1.png);}
.three-steps .step:nth-child(2)	{background-color: #3F4866; background-image: url(/_uploads/_assets/step-shape-2.png); padding-left: 10px;}
.three-steps .step:nth-child(3)	{background-color: #6F768C; padding-right: 50px;  padding-left: 10px;}

/* TEXT INTRO */
.subject-text-intro		{margin: auto; max-width: 100%; width: 900px; text-align: center}
.subject-text-intro h2	{}

.text-intro-button p,
.subject-text-intro p	{font-size: 24px; font-weight: 500; line-height: 1.4em}
.into-with-box .text-intro-button p	{font-size: 18px; font-weight: 500; line-height: 26px;}


/* TEXT INTRO BUTTON */
.text-intro-button				{display: flex; justify-content: space-between; align-items: flex-start}
.text-intro-button .btn-block	{flex-shrink: 0}
.tib-text								{padding-right: 40px;}
.tib-box						{width: 25%; flex-shrink: 0; margin-left: 30px; background-color: #FFCB00; padding: 20px;}
.tib-box h3						{font-size: 32px; margin-bottom: 0.5em}
.tib-box p						{margin-bottom: 1em}

/* ARROW LINK WITH TEXT */
.arrow .arrow-text	{background-color: #F9D12F; position: relative; z-index: 1; padding-top: 0px; display: inline-block; padding-right: 10px; font-weight: 700; font-size: 22px}

/* SUBJECT UNDERGRAD */
.subject-undergrad-courses								{padding: 1px 0}
.subject-undergrad-courses .course-listing-card h3		{font-size: 28px;}
.subject-undergrad-courses .course-listing-card p		{font-size: 20px; border-top:1px solid #101B40; padding-top: 20px; margin-top: 20px;}
.subject-undergrad-courses .course-listing-card-text	{padding: 0 35px; display: flex; align-items: center; height: 100%; flex-direction: row; justify-content: flex-start; min-width: 245px;}
.subject-undergrad-courses .course-listing-card .arrow	{margin-bottom: 0}
.subject-undergrad-courses .course-listing-card.height-double .course-listing-card-text	{align-items: flex-end; padding-bottom: 25px}

/* COMMITMENT */
.subject-commitment-section	{}

/* IMAGE ICON TEXT CARD */
.image-icon-text-card-section		{display: flex; flex-wrap: wrap;}
.image-icon-text-card				{display: flex; align-items: top; margin-bottom: 30px; width: 33%;}
.image-icon-text-card:last-child	{margin-bottom: 0}
.image-icon-text-card .iit-image	{width: 98px; height: 98px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 2px solid #FFCB00; border-radius: 50px; }
.image-icon-text-card .iit-text		{display: flex; padding-left: 17px; width: calc(100% - 108px);}
.image-icon-text-card .iit-icon		{width: 135px; flex-shrink: 0; margin-right: 35px;}
.image-icon-text-card .iit-text h3	{font-size: 22px; line-height: 1.1em; margin-bottom: 0.5em}
.image-icon-text-card .iit-text p	{font-size: 18px; line-height: 24px}

/* MID PAGE HEADER */
.subject-mid-page-header		{text-align: center; background-color: #101B40; position: relative; padding: 50px 0; background-position: center; background-size: cover;}
.subject-mid-page-header .inner	{position: relative; z-index: 2}
.subject-mid-page-header h2		{font-size: 68px; color: #FFCB00; font-weight: 700; line-height: 1.2em}
.subject-mid-page-header p		{font-size: 48px; color: #ffffff; font-weight: 500; line-height: 54px}
.subject-mid-page-header:after	{position: absolute; left: 0; top: 0; background-color: #101B40; opacity: 0.75; content: ''; width: 100%; height: 100%;}

/* SPLIT PANEL 2 */
.subject-split-panel-section-2	{}

/* SPLIT PANEL 3 */
.subject-split-panel-section-3		{}
.split-panel-v3	.sp-image	{width: 380px;}

/* STUDENT SUCCESS */
.student-success-section	{background-color: #F8F8F8}
.ss-row						{display:flex; border-top:1px solid #101B40; padding: 40px 0;}
.ss-row:first-child			{margin-top: 0;}
.ss-row:last-child			{margin-bottom: 0; border-bottom:1px solid #101B40;}
.ss-image					{width: 134px; flex-shrink: 0; position: relative; margin-left: 35px;}
.ss-image:before			{width: 70px; height: 70px; background-size: contain; content: ''; position: absolute; left: -35px; top:-8px; background-image: url(/_uploads/_assets/quote-mark-circle.png)} 
.ss-text					{padding-left: 35px; padding-right: 130px;}
.ss-text .btn-chevron		{font-weight: 700; margin-top: 25px;}
.ss-text h3					{font-size: 26px; font-weight: 700; margin-bottom: 0.25em}
.ss-text h4					{font-size: 22px; font-weight: 500; margin-bottom: 0.85em}
.ss-text p					{font-size: 22px; font-style: italic; font-weight: 700; line-height: 1.3em}

/* CORPORATE PARTNERS */
.corporate-partners-section	{}

/* FULL VIDEO */
.poster-click	{position: absolute; left: 0; top:0; background-size: cover; background-position: center; width: 100%; height: 100%; z-index: 1; cursor: pointer;}
.poster-click:hover	{filter: brightness(0.8)}
.action-panel	{width: 446px; padding: 45px 40px; position: absolute; left: 0; top: 58px; background-color: rgba(255,255,255,0.75); z-index: 2}
.action-panel .buttons-stacked	{margin: 1em 0 0.5em}
.action-panel .buttons-stacked .btn-block	{margin-bottom: 20px;}
.action-panel p	{font-size: 18px; font-weight: 500; line-height: 26px}

.subject-full-video-section .video-container-outer	{position: relative; border: none; margin-bottom: 0}

/* ICON TEXT PANEL */
.icon-text-panel	{display: flex; margin-bottom: 1em}
.itp-icon			{width: 135px; flex-shrink: 0}
.itp-text			{padding-left: 30px;}
.itp-text h3		{font-size: 32px; font-weight: 700}
.itp-text p			{font-size: 18px;}
.split-panel-v3 .buttons .btn-block	{margin-right: 14px; margin-top: 0}
.split-panel-v3 .buttons .btn-block:last-child	{margin-right: 0}

/* SUBJECT FAQS */
.subjects-faqs-section .accordion-section	{margin-bottom: 0}

/* BLOG LISTING */
.subject-blog-listing-section .inner {padding-top: 0; padding-bottom: 0}

.mt	{margin-top: 80px;}
.pt	{padding-top: 80px;}
.pb	{padding-bottom: 40px;}
.pbhalf	{padding-bottom: 40px;}
.grey	{background-color: #f8f8f8}

/* NEW BUTTON */
.btn-block			{font-size: 24px; text-align: center; font-weight: 700; color: #ffffff; border: 2px solid #FFCB00; text-decoration: none; padding: 28px 30px; display: inline-block; transition: 0.2s ease-out}
.btn-block:hover	{background-color:#FFCB00; color:#101B40}

.btn-block.solid		{background-color: #FFCB00; color: #101B40}
.btn-block.solid:hover	{background-color: #101B40; color: #FFCB00;}

.btn-block.solid.blue		{background-color: #101B40; color: #ffffff;}
.btn-block.solid.blue:hover	{background-color: #ffffff; color: #101B40}

.btn-block.blue-on-yellow			{background-color: #FFCB00; color: #101B40; border: 2px solid #FFCB00;}
.btn-block.blue-on-yellow:hover		{background-color: #101B40; color: #FFCB00; border: 2px solid #101B40;}


/* ILP SECTION */
.ilp-header-panel 				{position: relative;}
.ilp-header-panel-image			{position: absolute; left: 0; top: 0; inset:0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1}
.ilp-header-panel .inner		{position: relative; z-index: 2; padding-left: 0; padding-right: 0; width: 1296px;}
.ilp-header-panel .text-col		{background-color: #ffffff; padding: 50px; margin: 60px}

.ilp-header-panel .text-col h2,
.ilp-split-panel .col .text-col h2	{font-size: 40px; margin-bottom: 0.5em}

.ilp-header-panel .text-col p,
.ilp-split-panel .col .text-col p	{font-size: 16px; margin-bottom: 1.2em; line-height: 1.6em}

.ilp-header-panel .cols			{display: flex; justify-content: flex-end;}
.ilp-header-panel .col			{width: 640px; position: relative; z-index: 2;}

.ilp-split-panel,
.ilp-pullout-link,
.ilp-header-panel 	{margin-bottom: 35px;}

.ilp-pullout-link a 			{color: #101B40; display: inline-flex; align-items: flex-start; font-weight: 700; text-decoration: none; line-height: 1.4em}
.ilp-pullout-link a svg			{flex-shrink: 0; margin-right: 10px; transform: translateY(0px)}
.ilp-pullout-link a span		{border-bottom:2px solid #FFCB00; transition: 0.2s ease-out}
.ilp-pullout-link a:hover span	{border-color: #101B40}
.ilp-pullout-button				{background-color: #FFCB00; padding:15px 20px 10px;}

.ilp-split-panel .cols			{display: flex;}
.ilp-split-panel-inner			{background-color: #FFCB00;}
.ilp-split-panel .col			{width: 50%; flex-shrink: 0; position: relative;}
.ilp-split-panel .col .text-col	{padding: 35px;}
.ilp-split-panel .col-image		{position: absolute; left:0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}

.ilp-split-panel .btn					{font-weight: 700; border:2px solid #101B40; color:#101B40; box-shadow: none !important; background-color: transparent; font-size: 18px; align-items: center; margin-top: 25px; min-width: unset}
.ilp-split-panel .btn-arrow:after		{background-image: url(/_assets/icon-arrow-blue.svg);}
.ilp-split-panel .btn-arrow:hover		{background-color:#101B40; color: #FFCB00}
.ilp-split-panel .btn-arrow:hover:after	{background-image: url(/_assets/icon-arrow-yellow.svg);}

.ilp-split-panel.blue .ilp-split-panel-inner	{background-color: #101B40;}
.ilp-split-panel.blue h2,
.ilp-split-panel.blue p							{color: #ffffff}
.ilp-split-panel.blue .btn						{border-color:#FFCB00; color: #FFCB00; line-height: 1.4em;}
.ilp-split-panel.blue .btn-arrow:after			{background-image: url(/_assets/icon-arrow-yellow.svg);}
.ilp-split-panel.blue .btn:hover				{background-color: #FFCB00; color: #101B40}
.ilp-split-panel.blue .btn-arrow:hover:after	{background-image: url(/_assets/icon-arrow-blue.svg);}

.ilp-split-panel.flipped .cols		{flex-direction: row-reverse}

section.ilp-split-panel.light-blue .ilp-split-panel-inner {background-color: #f2f3f6; }

/* 2025 OPEN DAY */
.open-days-2025-panel               {padding-top: 40px; /*margin: 60px 0;*/ position: relative;}
.open-days-2025-panel .inner        {position: relative; z-index: 5}
.open-days-2025-panel .text-col     {background-color: #ffd100; width: 550px; max-width: 100%; display: flex; flex-direction: column; padding:30px 20px 50px; gap: 20px;}
.open-days-2025-panel .text-col h2  {font-weight: 700; font-size: 50px; line-height: 1.2em; margin-bottom: 0.35em}
.open-days-2025-panel .text-col p   {line-height: 1.4em; margin-bottom: 1em}
.open-days-2025-panel .btn-rounded  {margin-top: 10px;}
.open-days-2025-panel .odp-image    {position: absolute; left: 0; top: 0; inset: 0; background-size: cover; background-position: center;}
.odp-buttons                        {display: flex; gap: 20px;}

/* 2025 COURSE SIGN UP POPUP */
.course-signup-container .prospectus-inner  {width: 530px;}
.course-signup-container .input-box span    {height: 47px; width: 47px; top: 0;}
.course-signup-container .prospectus-inner .form-container input[type="text"]   {border-radius: 20px 0 0 20px; padding-left: 45px;}

.course-signup-container .form-container .form-cell-radio         {margin:20px 0 15px 0}
.course-signup-container .form-container .form-cell-radio label   {text-align: left}

.course-signup-container .radio-cell        {display: flex; align-items: center; gap: 5px; margin: 5px 0}
.course-signup-container .radio-cell label  {margin-bottom: 0}
.course-signup-container .radio-group       {margin-top: 12px;}

.course-signup-container .form-cell.form-cell-select label   {text-align: left;}

.course-signup-container .faux-select                   {height: 47px; display: flex; justify-content: center; background-color: #ffffff; color: #CDD1DA; align-items: center; font-size: 12px;position: relative; cursor: pointer}
.course-signup-container .faux-select p                 {flex-shrink: 0;font-size: 12px; color: #101B40; }
.course-signup-container .faux-select img               {position: absolute; right: 1em; top: 50%; transform: translateY(-50%);}
.course-signup-container .form-container .select-css    {height: 47px; font-size: 12px; text-align: center; color: #101B40; background-image: url(/_uploads/_assets/icon-dd.png); background-size: 14px auto;}

.lblAlumni.error label {color: #ff0000;}



.checkboxes-dropdown                                                {position: absolute; left: 0; top: 0; width: 100%; gap: 10px; background: #ffffff; padding:26px 14px 14px 20px; display: flex; display: none;}
.prospectus-inner .form-container .checkboxes-dropdown .checkmark   {width: 14px; height: 14px; background-color: #ffffff; border:1px solid #071D49; transform: translateY(0)}
.prospectus-inner .form-container .checkboxes-dropdown .container   {padding-left: 22px;}
.prospectus-inner .form-container .checkboxes-dropdown label        {font-size: 11px; margin-bottom: 10px; color: #071D49}
.prospectus-inner .container .checkmark:after                       {border: none; width: 8px; height: 8px; left: 2px; top: 2px; background-color: #071D49; transform: rotate(0)}

.checkboxes-dropdown.active {display: flex;}

.checkboxes-dropdown .close {background-image: url(/_assets/icon-plus-2.svg); top: 5px; right: 5px;}

.download-prospectus-container .btn {background-color: #FFD100; font-size: 20px; color: #071D49; display: block; margin:25px auto 0; width: 180px; font-weight: 700; padding: 15px 0; border:2px solid #FFD100}
.download-prospectus-container .btn:hover   {background-color: #071D49; color: #FFD100}

/* FOOTER */
footer								{background-color: #101B40; padding: 60px 0 30px}
footer .footer-top ul				{flex: 1; padding-right: 35px; font-size: 18px;}
footer .footer-top ul li			{line-height: 1.2em; margin-bottom: 0.65em}
footer .footer-top ul li a			{color:#ffffff; text-decoration: none}
footer .footer-top ul li a:hover	{color:#FFCB00}
footer .footer-top ul li a strong	{display: block; margin-bottom: 1em}
footer .footer-top ul:last-child	{padding-right: 0; flex:none}

.footer-bottom				{display: flex; justify-content: space-between; margin-top: 60px; align-items: flex-end}
.footer-bottom p			{font-size: 18px; color:#ffffff}
.footer-bottom ul			{display: flex; list-style: none}
.footer-bottom ul li		{margin-left: 10px;}
.footer-bottom ul li:hover 	{opacity: 0.5}

.footer-bottom p img {max-width: 150px;}

/* BUTTONS */
.btn-arrow				{font-size: 30px; border:4px solid #ffffff; display: inline-flex; text-decoration: none; padding: 10px 20px; min-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: 30px; 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-arrow.trans-white				{border: none; background-color: #101B40; color: #FFF; font-size: 21px; font-weight: 700;}
.btn-arrow.trans-white:after		{background-image: url("/_assets/icon-arrow-white.svg");}
.btn-arrow.trans-white:hover		{opacity: 0.5;}

.btn-arrow a,
.btn-arrow-navy	a{text-decoration: none !important;}

.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; min-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)}

.btn-rounded            {border: 2px solid #101B40; padding: 12px 20px; display: inline-block; text-decoration: none; border-radius: 40px; font-weight: 600}
.btn-rounded:after      {display: none}
.btn-rounded:hover      {color: #ffd100; background-color: #101B40}

.btn-text       	{font-weight: 400; text-decoration: none; display: inline-block; padding-bottom: 10px; border-bottom: 0px solid #101B40}
.btn-text.active 	{border-bottom: 2px solid #101B40}
.btn-text:hover 	{opacity: 0.5}

/* FORM STYLES */
.form-container			{}
.form-row				{}
.form-cell				{}

input[type="text"]		{}
input[type="password"]	{}
input[type="submit"]	{}
textarea				{}

/* SELECT CSS */
.select-css				{}

/* 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; }



.sr-only {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
select.inline-select {margin-bottom: 20px;margin-top: 15px;border: 2px solid #000;color: #071D49;width: 100%;-webkit-appearance: none;background-color: #FFF;background-image: url(/_assets/icon-select.png);
                      background-repeat: no-repeat;background-size: 28px 15px;background-position: 95%;padding: 10px 54px 10px 10px;}
.inline-select-container {display: block;}
.inline-select-container .inline-select-content { display: none;}

.bottomMargin           {margin-bottom: 60px;}


.apply .row {display: flex; justify-content: space-evenly;}
.apply .row .col {width: 50%;}
.apply .row .col .btn-arrow {min-width: 50px; }


section.pt-20 {padding-top: 20px;}
section.pb-20 {padding-bottom: 20px;}
section.mt-20 {margin-top: 20px;}
section.mb-20 {margin-bottom: 20px;}







