@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Passion+One');

@media all {
    body {background:#010101;}
    h2 {font-size:2.8em; text-align:center; font-family: 'Oswald', sans-serif; font-weight:300;}
    h3 {font-weight: 400; text-align: center; font-size: 2em; color: #fff; margin: 20px 0 10px; font-family: 'Oswald', sans-serif}
    .white {background:#fff;}
    .grey {background: #efefef;}
    .dark-grey {background:#222 !important;}
    .strip {}
    .strip > div {}
    .strip > div > div {max-width: 1140px; min-width: 320px; margin: 0 auto;}
    .strip > div > div > div {padding: 30px 15px;}
    .strip > div > div > div
    .strip > div > div > div > :first-child {margin-top: 0;}
    .strip > div > div > div > :last-child {margin-bottom: 0;}
    .center {text-align:center; margin:5px auto;}
    .base-text {max-width:750px; text-align:left; margin:10px auto !important;}
    .base-text li {margin-left:15px;}
    .base-text li li {font-size: 0.9em; list-style-type: circle; line-height: 1.3em;}
    table tr td {padding:12px;}
    .badge-img {width: 250px;max-width: 40%;}
    p.badge-strip {text-align: center !important;}
    .badge-center {width: 250px;display: block;margin: 0 auto;height: auto;}
    .logo-50 {max-width: 50%; margin: 30px auto; display: block;}
    
    .full-footer-00 .full-footer-01 .full-footer-02 h3 {font-weight: 700;margin: 0 0 10px;color: #fff;text-align: left;}

   /* Buttons */
    .more {margin: 15px 0 0; font-family: "Oswald"; font-size: 1em; font-weight: 300; text-align: center; line-height: 1.2em; font-size:1.4em;}
    .more a {display: inline-block; padding: 5px 15px 8px; border: 1px solid #04669d; border-radius: 5px; background: #04669d; color: #fff; transition: color .25s, background .25s; text-decoration: none; font-weight:100;}
    .more.solo {text-align:center; font-size:2.25em; margin-bottom:60px !important;}

    .yellow.more.solo a {background:#ffcc00; border:2px solid #ffcc00; color:#010101!important;}
    .yellow.more.solo a:hover {color: #010101; background: #fff; text-decoration: none;}
    .yellow.more.solo a:active {color: #010101; background: #fff; text-decoration: none;}

    .more a:link {color: #fff; text-decoration: none;}
    .more a:visited {color: #fff; text-decoration: none;}
    .more a:hover {color: #04669D; background: transparent; text-decoration: none;}
    .more a:active {color: #04669D; background: transparent; text-decoration: none;}
    .more a::after {content: '\276f'; padding-left: 10px;}

    .more.apply a {background: #d97b4c; border: 1px solid #d97b4c; font-weight:100 !important;}
    .more.apply a:visited {color: #fff; text-decoration: none;}
    .more.apply a:hover {color: #d97b4c; background: #fff; text-decoration: none;}
    .more.apply a:active {color: #d97b4c; background: #fff; text-decoration: none;}
    .more.apply a::after {content: '\276f'; padding-left: 10px;}

    .more.yellow a {background: #ffcc00; border: 1px solid #ffcc00; font-weight:100 !important; color:#010101; text-align:right;}
    .more.yellow a:visited {color: #010101; text-decoration: none;}
    .more.yellow a:hover {color: #010101; background: #fff; text-decoration: none;}
    .more.yellow a:active {color: #ffcc00; background: #fff; text-decoration: none;}
    .more.yellow a::after {content: '\276f'; padding-left: 10px;}
    .yellow.more.right {display: inline-block; float: right;}

    .anchor {display: block; position: relative; top: -50px; visibility: hidden;}
    .strip.strip-header .text .anchor-top a::after { content: '\276f'; padding-left: 10px;}
    .strip.strip-header .text .anchor-top a:link {background-color: gold; padding: 8px 12px; border-radius: 8px; color:#000 !important; font-size: 1.2em; text-transform: capitalize; display:inline-block; text-decoration: none}
    .strip.strip-header .text .anchor-top a:hover { background-color: white; color:#000 !important; text-decoration: none;}
    .strip.strip-header .text .anchor-top a:visited {color:#000;} 
    .strip.strip-header .text .anchor-top {min-width: inherit;}
    .strip.strip-header .text .anchor-top ul {list-style-type: none; display: block; justify-content: center;}
    .strip.strip-header .text .anchor-top ul li {margin-right: 12px; margin-bottom: 12px; display:inline-block; margin:10px;}

    .highlight-flex-gold-fact {display: flex; flex-direction: column;}
    .highlight-flex-gold-fact .flex-line {color: gold; font-family: 'Open Sans'; font-size: 18px; margin: 24px auto; font-weight: 300; text-align: center; flex: 1;}
    .stat-gold {font-family: 'Passion One'; font-size: 39px; line-height: 50px;}

    .tagbox {background-color: #41683c; color: white; text-transform: uppercase; display: initial; padding: 4px 8px; font-size: 0.6em; border-radius: 6px; letter-spacing: 0.03em;}
    .tagbox.blue {background: blue;}
}

@media all { /* Stats Facts Strip */

    .fact-head {padding: 36px 0px 0px; align-self: center; text-align: center; flex: 1;}
    .overview-intro {max-width: 900px; margin: 0 auto;}
    .fact-head-int {font-size: 53px; font-family: 'Passion One'; color: white; line-height: 43px;}
    .fact-head-int-sub {font-size: 20px; font-family: 'Passion One'; color: white; text-transform: uppercase;}
    .flex-facts {display: flex; flex-direction: column; max-width: 1200px; margin: 0 auto; width: 90%;}
    .flex-facts .iso-facts {display: flex; flex-wrap:wrap; flex-direction: row; color: white; flex: 2; padding: 48px 0px;}
    .flex-facts .iso-facts > * {flex: 1 1 160px; font-size: 14px; line-height: 18px; font-family: 'Oswald'; width: 100%; padding: 24px 0px; text-align: center; margin: 0 auto;}
    .flex-facts .iso-facts > div > img {max-width: 100px; display: block; margin: 0 auto 12px;}
    .facts {background-color: #354938; border-top: 1px solid #729477; }
    .fact-head-int {font-size: 53px; font-family: 'Passion One'; color: white; line-height: 43px;}
    .fact-head-int-sub {font-size: 20px; font-family: 'Passion One'; color: white; text-transform: uppercase;}
    .gold {color: gold;}
    .strip.strip-stats > div > div > div h3 { font-size: 1.3em; margin: 10px 0; font-family: 'Open Sans' , sans-serif;}
    .strip.strip-stats > div > div > div > ul { grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
    .strip.strip-stats > div > div > div > ul > li { padding: 10px; border: none; border-radius: 15px;}

    .flex-facts .iso-facts > div > img {max-width: 100px; display: block; margin: 0 auto 12px;}
    .facts {background-color: #354938;}
    .gold {color: gold;}

  @media all and (min-width: 480px) {
    .more {font-size: 1.2em; line-height: 1.2em;}
  }

  @media all and (min-width: 800px) {
    h2 {font-size:3.5em;}
    .strip > div > div > div {padding: 30px;}
    .more {font-size: 1.4em; line-height: 1.2em;}
  }

}

@media all { /* Icon block */
    .overview {background: #222; padding: 48px 24px;}
    .overview-int-wrap {max-width: 1100px; margin: 0 auto 36px;}
    .overview-intro {max-width: 900px; margin: 0 auto 48px;}
    .overview h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 36px;}
    .overview h2 {color:#fff;}
    .overview h3 {font-size: 2.2em; font-weight: 600; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 30px;}
    .act-wrap {margin-bottom: 60px;}
    .act-wrap p {font-size: 20px; font-weight: 200; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 24px; line-height: 27px;}
    .act-wrap {margin-bottom: 60px;}

    .detail-base-boxes {display: flex; flex-wrap: wrap; margin-bottom: 36px; padding:0 15px;}
    .detail-base-boxes > * {flex: 1 1 160px; margin-bottom: 36px; padding:0 15px;}
    .detail-base-boxes:last-child {color: #ededed; text-align: center;}
    .detail-base-boxes:first-child {margin: 0 auto; text-align: center;}
    .detail-base-boxes:first-child img {max-width: 250px;}
    .detail-base-boxes h3 {font-size: 21px; font-weight: 800; margin-bottom: 12px; font-family: 'Open Sans'; transition: color 4s; color: white; text-align: center;}
    .detail-base-boxes .more.yellow {text-align:center; margin:15px 0;}
    .highlight {margin: 0px auto 36px; text-align: center;}
    .highlight a {background-color: gold; color: #222; border-radius: 6px; font-weight: 600; letter-spacing: 1px; padding: 6px 24px 12px; font-size: 20px; font-family: 'Oswald';  border : 1px solid gold;  -webkit-transition : border 150ms ease-out;  -moz-transition : border 150ms ease-out; -o-transition : border 150ms ease-out;}
    .highlight a:hover {background-color: transparent; border: solid 1px #222; text-decoration: none;}
    .highlight a.larger {font-size: 27px;}
    .highlight a::after {content: '\276f'; padding-left: 10px;}
    a.fade-white:hover {border: solid 1px white; color: white;}

    .strip.icons > div > div > div > ul.card-strip > li > div > div {display:block;}
    .strip.icons > div > div > div > ul.card-strip > li > div > div ul.icon-row li {list-style:none; text-align:center;}
    .strip.icons > div > div > div > ul.card-strip > li > div > div ul.icon-row li img {margin:10px; width:45px;}

    ul.card-strip.single {display:block;}
    ul.card-strip.single > li {max-width: 750px; margin: 0 auto;}
   

@media all and (min-width: 600px) {
	.detail-base-boxes > * {flex: 1 1 300px;}
	.act-wrap p {font-size: 26px; font-weight: 200; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 24px; line-height: 31px;}
	.attend {margin:0 auto; max-width: 1400px; display: flex; flex-direction: row;}

  }

 @media all and (min-width: 800px) {
	.count-wrap {padding: 72px 24px;}
	.count-wrap p.small-note {font-size: 20px;}
	#count {font-family: 'Passion One'; margin: 0px auto 48px; font-size: 60px;}
	.iso-facts > * {flex: 1 1 215px; font-size: 14px; line-height: 18px; font-family: 'Oswald'; width: 100%; padding: 24px 0px; text-align: center; margin: 0 auto;}
	.flex-facts {display: flex; flex-direction: row; max-width: 1200px; margin: 0 auto; width: 90%;}
	.fact-head {padding: 0px 0px 0px; align-self: center; text-align: center; flex: 1;}
    .highlight-flex-gold-fact {display: flex; flex-direction: row;}

  }

  @media all and (min-width: 1000px) {
    /*-- Icons within cards social media--*/
    .strip.icons > div > div > div > ul.card-strip > li > div > div ul.icon-row {display:flex; flex-wrap:wrap; align-items: center; justify-content: center;}
    .strip.icons > div > div > div > ul.card-strip > li > div > div ul.icon-row li {}
  }
}

@media all { /* Header */
    .strip.strip-header {position: relative; width: 100%; height: calc(100vh - 320px); min-height: 450px; background: #000; overflow: hidden;}
    .strip.strip-header::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.65); z-index: 200;}
    .strip.strip-header .image {position: absolute; width: 100%; height: 100%;}
    .strip.strip-header .image.image-001 {background: #000 url(../_images/_slideshow/001.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-002 {background: #000 url(../_images/_slideshow/002.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-003 {background: #000 url(../_images/_slideshow/003.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-004 {background: #000 url(../_images/_slideshow/004.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-005 {background: #000 url(../_images/_slideshow/005.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-006 {background: #000 url(../_images/_slideshow/006.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-007 {background: #000 url(../_images/_slideshow/007.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-008 {background: #000 url(../_images/_slideshow/008.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-009 {background: #000 url(../_images/_slideshow/009.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-010 {background: #000 url(../_images/_slideshow/010.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-011 {background: #000 url(../_images/_slideshow/011.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-012 {background: #000 url(../_images/_slideshow/012.jpg) center center; background-size: cover;}
    .strip.strip-header .text {position: absolute; left: 20%; top: 50%; width: 80%; color: #fff; transform: translate(-12.5%, -50%); text-align: center; z-index: 300;}
    .strip.strip-header .text h1.title {font-family: "Passion One"; font-size: 4em; line-height: 1em;}
    .strip.strip-header .text p.title {font-family: "Passion One"; font-size: 4em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-family: "Oswald"; font-size: 1.5em; line-height: 1.4em;}
    .strip.strip-header .text p {font-size: 1em; line-height:1.3em; margin:10px;}
    .strip.strip-header .text p.teaser {font-size: 1em; line-height: normal; margin: 12px auto 24px; width: 100%; max-width: 800px;}
    .strip.strip-header .text .teaser a:link {color: #ffcc00; text-decoration: underline;}
    .strip.strip-header .text .teaser a:hover {color: #ffeeaa !important; text-decoration:none; transition: all 0.25s ease;}
    .strip.strip-header .text .teaser a:visited {color: #ffcc00;}


  @media all and (min-width: 480px) {
    .strip.strip-header .text h1.title {font-size: 5em; line-height: 1em;}
    .strip.strip-header .text p.title {font-size: 5em; line-height: 1em;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-header .text h1.title {font-size: 6em; line-height: 1em;}
    .strip.strip-header .text p.title {font-size: 6em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 2em; line-height: 1.4em;}
	.strip.strip-header .text p {font-size:1.4em;}
  }

  @media all and (min-width: 768px) {
    .strip.strip-header {height: calc(100vh - 178px);}
    .strip.strip-header .text p.teaser {line-height: 1.4em; font-size: 1.3em; margin: 12px auto 24px; width: 100%; max-width: 800px;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-header .text h1.title {font-size: 7.5em; line-height: 1em;}
    .strip.strip-header .text p.title {font-size: 7em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 2.5em; line-height: 1.4em;}
	.strip.strip-header .text p {font-size: 1.4em;}
  }
}

@media all { /* Base Strip */
    .strip.strip-base > div > div > div > h2 {color:#000; margin:50px 0 20px; font-size:2.8em;}
    .strip.strip-base > div > div > div > ul {margin:5px 5px 5px 20px;}
    .strip.strip-base > div > div > div > ul li {margin-bottom:5px;}
    .strip.strip-base > div > div > div > ol {margin:5px 5px 5px 20px;}
    .strip.strip-base > div > div > div > ol li {margin-bottom:5px;}
    .strip.strip-base > div {background: #efefef;}
    .strip.strip-base.white > div {background: #fff;}
    .strip.strip-base.white.financial-need > div {background: #04669d;}
    .strip.strip-base > div > div > div {padding: 40px 10px;}
    .strip.strip-base > div > div > div > p {margin-bottom:10px; max-width:750px;}
    .strip.strip-base > div > div > div p.large {font-size: 1.4em;line-height: 1.5em;
    }
    .strip.strip-base > div > div > div > .lead {max-width: 900px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #000; text-align: center; line-height: 1.4em;}
    .strip.strip-base.dark > div {background: #111;}
    .strip.strip-base.dark > div > div > div > h2 {color:#ffcc00;}
    .strip.strip-base.dark > div > div > div > .lead {color:#fff;}
    .strip.strip-base.dark > div > div > div > .lead a:link {color:#6fbde8;}
    .strip.strip-base.dark > div > div > div > .lead a:hover {color:#6fbde8;}
    .strip.strip-base.dark > div > div > div > .lead a:visited {color:#6fbde8;}
    .strip.strip-base.border {border-top: 2px solid #fff;}
    .strip.strip-base.financial-need > div > div > div > h2 {color:#fff;}
    .strip.strip-base.financial-need > div > div > div > .lead {color:#fff;}
    .strip.strip-base ul.base ul {margin:10px 0 10px 15px;}
    .strip.strip-base ul.base ol {margin:10px 0 10px 15px;}
    .strip.strip-base ul.base ul li {margin-bottom:5px;}
    .strip.strip-base ul.base ol li {margin-bottom:5px;}
    ul.base {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
    ul.base > li {padding: 15px; border-radius: 10px; background: #fff;}
    ul.base > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.base > li > div > div > p {margin-bottom:10px;}
    ul.base > li > div > div > div {padding: 0 15px 0 0; vertical-align: top;}
    ul.base > li > div > div > div a {display: block;}
    ul.base > li > div > div > div img {display: block; line-height: 0;}
    ul.base > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
    ul.base.detail-base-boxes:last-child > li > div > div > h3 { display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color: #000;}
    ul.base > li > div > div > h2 > a {color: #fff;}
    ul.base > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
    ul.base > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
    ul.base > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
    ul.base > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}
    ul.base > li > div > div > h3 { font-size: 2em; color:#000; font-weight:100;}
    ul.base.data > li > div > div > h3 {vertical-align: middle; font-family: "Oswald"; font-size: 2.5em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color: #000;}

  @media all and (min-width: 480px) {
    .strip.strip-base > div > div > div > .lead {font-size: 1.6em; line-height: 1.2em;}
    ul.base {grid-template-columns: repeat(2, 1fr);}
    ul.base > li > div {display: block;}
   	ul.base > li > div > div {width: 100%;}
    ul.base > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.base > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-base > div > div > div > h2 {font-size:3.5em;}
    ul.base {grid-template-columns: repeat(2, 1fr);}
    ul.base.two {grid-template-columns: repeat(2, 1fr);}
    .financial-need ul.base {grid-template-columns: repeat(2, 1fr);}
    ul.base > li {padding: 30px;}
    .strip.strip-base > div > div > div > ul {margin:5px 15px;}
    }

  @media all and (min-width: 800px) {
    .iso-facts>* {flex: 1 1 215px; font-size: 14px; line-height: 18px; font-family: 'Oswald'; width: 100%; padding: 24px 0px; text-align: center; margin: 0 auto;}
    .flex-facts {display: flex; flex-direction: row; max-width: 1200px; margin: 0 auto; width: 90%;}
    .fact-head {padding: 0px 0px 0px; align-self: center; text-align: center; flex: 1;}
    .strip.strip-stats > div > div > div > ul { grid-template-columns: repeat(3, 1fr); }
    ul.base > li > div > div > h3 { font-size: 2.5em; line-height: 1.2em; color:#000; font-weight:100;}
  }

  @media all and (min-width: 1000px) {
    ul.base > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
    ul.base {grid-template-columns: repeat(3, 1fr);}
  }

}

@media all { /* Dark Grey Strip - Light Boxes */
    .strip.strip-grey-base .lead a {color:#41a6df;}
    .strip.strip-grey-base .more.yellow a {display:block;}
    .strip.strip-grey-base > div > div > div > h2 {color:#fff; margin-bottom:30px;font-family: "Oswald" , sans-serif;}
    .strip.strip-grey-base > div {background: #414141;}
    .strip.strip-grey-base > div > div > div {padding: 60px 15px;}
    .strip.strip-grey-base > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald" , sans-serif; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.2em;}
    .strip.strip-grey-base ul.light-box ul {margin:10px 0 10px 15px;}
    .strip.strip-grey-base ul.light-box ol {margin:10px 0 10px 15px;}
    .strip.strip-grey-base ul.light-box ul li {margin-bottom:10px;}
    .strip.strip-grey-base ul.light-box ol li {margin-bottom:10px;}
    ul.light-box {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
    ul.light-box.list {display: block; list-style-type: disc;}
    ul.light-box.list > li {padding:0;}
    ul.light-box.list > li ul li {list-style-type: circle;}
    ul.light-box > li {padding: 15px; border-radius: 10px; background: #fff;}
    ul.light-box > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.light-box > li > div > div > div {vertical-align: top;}
    ul.light-box > li > div > div > div a {display: block;}
    ul.light-box > li > div > div > div img {display: block; line-height: 0;}
    ul.light-box > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
    ul.light-box > li > div > div > h2 > a {color: #fff;}
    ul.light-box > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
    ul.light-box > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
    ul.light-box > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
    ul.light-box > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}
    ul.light-box > li > div {display: block; margin-bottom: 30px;}

    ul.light-box > li > div > div > h3 {vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
    ul.light-box > li > div > div > h3 > a {color: #fff;}
    ul.light-box > li > div > div > h3 > a:link {color: #fff; text-decoration: none;}
    ul.light-box > li > div > div > h3 > a:visited {color: #fff; text-decoration: none;}
    ul.light-box > li > div > div > h3 > a:hover {color: #eee; text-decoration: none;}
    ul.light-box > li > div > div > h3 > a:active {color: #fff; text-decoration: none;}
    ul.light-box > li > div {display: block; margin-bottom: 30px;}

  @media all and (min-width: 480px) {
    .strip.strip-grey-base > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.light-box {grid-template-columns: repeat(1, 1fr);}
    ul.light-box > li > div > div {display: table-row; width: 100%;}
    ul.light-box > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.light-box > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
    ul.light-box {grid-template-columns: repeat(2, 1fr);}
    ul.light-box > li {padding: 30px;}
  }

  @media all and (min-width: 800px) {
	.strip.strip-grey-base > div > div > div {padding: 60px 30px;}
  }

  @media all and (min-width: 1000px) {
    ul.light-box > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}

@media all { /* Statement */
    .strip.strip-statement {background: #fff;}
    .strip.strip-statement > div > div > div > p {max-width: 900px; margin: 0 auto; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #222; text-align: center; line-height: 1.2em;}
    .strip.strip-statement > div > div > div > li {max-width: 900px; margin: 0 auto; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #222; text-align: center; line-height: 1.2em;}

  @media all and (min-width: 480px) {

  }

  @media all and (min-width: 600px) {

  }

  @media all and (min-width: 800px) {

  }

  @media all and (min-width: 1000px) {

  }

}

@media all { /* Stats */
  .strip.strip-stats {background: #111; padding:30px;}
  .strip.strip-stats > div > div > div h2 {color: #fff;margin-bottom: 30px; font-weight:300;}
  .strip.strip-stats > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
  .strip.strip-stats > div > div > div > ul {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px 10px; list-style: none; margin: 0; padding: 0;}
  .strip.strip-stats > div > div > div > ul > li {padding: 15px; border: 2px solid #555; border-radius: 15px;}
  .strip.strip-stats > div > div > div > ul > li div:first-child {color: #fff; text-align: center; font-family: "Passion One"; font-size: 3.4em; line-height: 1em;}
  .strip.strip-stats.inviewenabled > div > div > div > ul > li div:first-child {color:#111;}
  .strip.strip-stats.inview > div > div > div > ul > li div:first-child {color: #ffcc00; transition: color 2s;}
  .strip.strip-stats > div > div > div > ul > li div:last-child {color: #aaa; text-align: center; font-size: 1em; line-height: 1.5em;}

  @media all and (min-width: 480px) {
    .strip.strip-stats > div > div > div > ul {grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-stats > div > div > div > ul > li div:first-child {font-size: 3.6em; line-height: 1em;}
  }

  @media all and (min-width: 768px) {
    .strip.strip-stats > div > div > div > ul {grid-template-columns: repeat(4, 1fr);}
    .strip.strip-stats.grid-three > div > div > div > ul {grid-template-columns: repeat(3, 1fr);}
    .strip.strip-stats.stats-five > div > div > div > ul {grid-template-columns: repeat(3, 1fr);}
  }

  @media all and (min-width: 800px) {
  }

  @media all and (min-width: 1000px) {
    .strip.strip-stats > div > div > div > ul > li div:first-child {font-size: 4em; line-height: 1em;}
    .strip.strip-stats.stats-five > div > div > div > ul {grid-template-columns: repeat(5, 1fr);}
  }
}

@media all { /* black-bkg */
    .strip.strip-black-bkg.lead a {color:#41a6df;}
    .strip.strip-black-bkg > div > div > div > h2 {color:#fff; margin-bottom:30px;}
    .strip.strip-black-bkg > div {background: #010101;}
    .strip.strip-black-bkg > div > div > div {padding: 60px 15px;}
    .strip.strip-black-bkg > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.4em;}
    .strip.strip-black-bkg ul.black-bkg ul {margin:10px 0 10px 15px;}
    .strip.strip-black-bkg ul.black-bkg ol {margin:10px 0 10px 15px;}
    .strip.strip-black-bkg ul.black-bkg ul li {margin-bottom:10px;}
    .strip.strip-black-bkg ul.black-bkg ol li {margin-bottom:10px;}
    ul.black-bkg {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
    ul.black-bkg > li {padding: 15px; border-radius: 10px; background: #fff;}
    ul.black-bkg > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.black-bkg > li > div > div > div {vertical-align: top;}
    ul.black-bkg > li > div > div > div a {display: block;}
    ul.black-bkg > li > div > div > div img {display: block; line-height: 0;}
    ul.black-bkg > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
    ul.black-bkg > li > div > div > h2 > a {color: #fff;}
    ul.black-bkg > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
    ul.black-bkg > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
    ul.black-bkg > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
    ul.black-bkg > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
    .strip.strip-black-bkg > div > div > div > p {font-size: 1.6em; line-height: 1.4em;}
    ul.black-bkg{grid-template-columns: repeat(1, 1fr);}
    ul.black-bkg> li > div {display: block;}
   	ul.black-bkg> li > div > div {display: table-row; width: 100%;}
    ul.black-bkg> li > div > div > div {display: block; padding: 0 0 5px;}
    ul.black-bkg> li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.4em;}
  }

  @media all and (min-width: 600px) {
    ul.black-bkg {grid-template-columns: repeat(2, 1fr);}
    ul.black-bkg > li {padding: 30px;}
  }

  @media all and (min-width: 800px) {
	.strip.strip-black-bkg > div > div > div {padding: 60px 30px;}
  }

  @media all and (min-width: 1000px) {
    ul.black-bkg > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em; grid-template-columns: repeat(4, 1fr);}
  }

}

@media all { /* Grid Three - Blue */
    .strip.strip-grid-three > div > div > div > h2 {color:#fff; margin-bottom:30px;}
    .strip.strip-grid-three > div {background: #0c3a54;}
    .strip.strip-grid-three > div > div > div {padding: 60px 15px;}
    .strip.strip-grid-three > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.2em;}
    .strip.strip-grid-three ul.grid-three ul {margin:10px 0 10px 15px;}
    .strip.strip-grid-three ul.grid-three ol {margin:10px 0 10px 15px;}
    .strip.strip-grid-three ul.grid-three ul li {margin-bottom:10px;}
    .strip.strip-grid-three ul.grid-three ol li {margin-bottom:10px;}
    .strip.strip-grid-three ul.grid-three a {font-weight: 600;}
    .strip.strip-grid-three ul.grid-three ul li a {font-weight: 600;}
    .strip-grid-three div div div > p a {color: #ffcc00;}
    .strip.strip-grid-three ul.grid-three .more a {font-weight: 300;}
    ul.grid-three {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
    ul.grid-three > li {padding: 15px; border-radius: 10px; background: #fff;}
    ul.grid-three > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.grid-three > li > div > div > div {vertical-align: top;}
    ul.grid-three > li > div > div > div a {display: block;}
    ul.grid-three > li > div > div > div img {display: block; line-height: 0;}
    ul.grid-three > li > div > div > h3 {vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000; text-align:center;}
    ul.grid-three > li > div > div > h3 > a {color: #fff;}
    ul.grid-three > li > div > div > h3 > a:link {color: #fff; text-decoration: none;}
    ul.grid-three > li > div > div > h3 > a:visited {color: #fff; text-decoration: none;}
    ul.grid-three > li > div > div > h3 > a:hover {color: #eee; text-decoration: none;}
    ul.grid-three > li > div > div > h3 > a:active {color: #fff; text-decoration: none;}

    .grid-three.more a {background:#3f5e44; border:1px solid #3f5e44; font-weight:300;}
    .grid-three.more a:hover {color: #3f5e44; background: #fff; text-decoration: none;}
    .grid-three.more a:active {color: #3f5e44; background: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
	.strip.strip-grid-three > div > div > div > p {font-size: 1.6em; line-height: 1.4em;}
	ul.grid-three {grid-template-columns: repeat(2, 1fr);}
	ul.grid-three > li > div {display: block;}
	ul.grid-three > li > div > div {display: table-row; width: 100%;}
	ul.grid-three > li > div > div > div {display: block; padding: 0 0 5px;}
	ul.grid-three > li > div > div > h3 {display: block; font-size: 2.3em; line-height: 1.4em;}
  }

  @media all and (min-width: 600px) {
		ul.grid-three {grid-template-columns: repeat(2, 1fr);}
		ul.grid-three > li {padding: 30px;}
  }

  @media all and (min-width: 800px) {
		.strip.strip-grid-three > div > div > div {padding: 60px 30px;}
		ul.grid-three {grid-template-columns: repeat(3, 1fr);}
  }

  @media all and (min-width: 1000px) {
    ul.grid-three > li > div > div > h3 {font-size: 2.5em; line-height: 1.2em;}
  }

}

@media all { /* Base flat color strip */
    .strip.strip-base-color > div > div > div > h2 {color:#fff; margin-bottom:30px;}
    .strip.strip-base-color > div {background: #222;}
    .strip.strip-base-color.green > div {background: #354938;}
    .strip.strip-base-color > div > div > div {padding: 60px 15px;}
    .strip.strip-base-color > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.4em;}
    .strip.strip-base-color .lead {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.4em;}
    .strip.strip-base-color .lead a {color:#c0deee;}
    .strip.strip-base-color .lead a:hover {}
    .strip.strip-base-color ul.base-green ul {margin:10px 0 10px 15px;}
    .strip.strip-base-color ul.base-green ol {margin:10px 0 10px 15px;}
    .strip.strip-base-color ul.base-green ul li {margin-bottom:10px;}
    .strip.strip-base-color ul.base-green ol li {margin-bottom:10px;}
    .strip.strip-base-color ul.base-green a {font-weight: 600;}
    .strip.strip-base-color ul.base-green ul li a {font-weight: 600;}
    ul.base-green {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
    ul.base-green > li {padding: 15px; border-radius: 10px; background: #fff;}
    ul.base-green > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.base-green > li > div > div > div {vertical-align: top;}
    ul.base-green > li > div > div > div a {display: block;}
    ul.base-green > li > div > div > div img {display: block; line-height: 0;}
    ul.base-green > li > div > div > h2 { vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.4em; margin: 15px 0; color:#000;}
    ul.base-green > li > div > div > h2 > a {color: #fff;}
    ul.base-green > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
    ul.base-green > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
    ul.base-green > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
    ul.base-green > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

    @media all and (min-width: 480px) {
    .strip.strip-base-color > div > div > div > p {font-size: 1.6em; line-height: 1.4em;}
    ul.base-green {grid-template-columns: repeat(2, 1fr);}
    ul.base-green > li > div {display: block;}
    ul.base-green > li > div > div {display: table-row; width: 100%;}
    ul.base-green > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.base-green > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.4em;}
}

  @media all and (min-width: 600px) {
    ul.base-green {grid-template-columns: repeat(2, 1fr);}
    ul.base-green > li {padding: 30px;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-base-color > div > div > div {padding: 60px 30px;}
    ul.base-green {grid-template-columns: repeat(3, 1fr);}
  }

  @media all and (min-width: 1000px) {
    ul.base-green > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}

@media all { /* Programs */
  .strip.strip-programs {background: #ddd;}
  .strip.strip-programs > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #222; text-align: center; line-height: 1.2em;}
  ul.programs {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.programs > li {padding: 15px; border: 1px solid #222; border-radius: 10px; background: #fff;}
  ul.programs > li h2 {font-family: "Oswald"; font-size: 1.7em; font-weight: 300; line-height: 1em; margin: 0 0 1em;}
  ul.programs > li ul {padding-left: 30px;}

  @media all and (min-width: 480px) {
    .strip.strip-programs > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-programs > div > div > div > p {font-size: 1.7em; line-height: 1.2em;}
    ul.programs {grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-programs > div > div > div > p {font-size: 1.8em; line-height: 1.2em;}
  }

  @media all and (min-width: 900px) {
    ul.programs {grid-template-columns: repeat(3, 1fr);}
  }

  @media all and (min-width: 1000px) {
    .strip.strip-programs > div > div > div > p {font-size: 2em; line-height: 1.2em;}
  }

} 

@media all { /* Black Strip with Text */
    .strip.strip-dark-bkg {background:#010101;}
    .strip.strip-dark-bkg.lead a {color:#41a6df;}
    /* .strip.strip-dark-bkg > div {background: #010101 url(../_images/_slideshow/003.jpg) center center; background-size: cover; position: relative;}
    .strip.strip-dark-bkg > div::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.8); z-index: 200;} */
    .strip.strip-dark-bkg > div > div {position:relative; z-index:300;}
    .strip.strip-dark-bkg > div > div > div > h2 {color:#fff; margin-bottom:30px;}
    .strip.strip-dark-bkg > div > div > div {padding: 60px 15px; z-index: 300;}
    .strip.strip-dark-bkg > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.2em;}
    /* -- Dark Bkg Cards --*/
    .strip.strip-dark-bkg ul.dark-bkg ul {margin:10px 0 10px 15px;}
    .strip.strip-dark-bkg ul.dark-bkg ol {margin:10px 0 10px 15px;}
    .strip.strip-dark-bkg ul.dark-bkg ul > li {margin-bottom:10px; background:#222;}
    .strip.strip-dark-bkg ul.dark-bkg ol > li {margin-bottom:10px; background:#222;}
    .strip.strip-dark-bkg > div > div {position:relative; z-index:300;}
    .strip-dark-bkg.two .more.yellow {}
    .strip.strip-dark-bkg > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.2em;}
    ul.dark-bkg {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; list-style: none; margin: 0; padding: 0;}
    ul.dark-bkg > li {padding: 15px; border-radius: 10px; background: #fff;}
    ul.dark-bkg > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.dark-bkg > li > div > div > div {vertical-align: top;}
    ul.dark-bkg > li > div > div > div a {display: block;}
    ul.dark-bkg > li > div > div > div img {display: block; line-height: 0;}
    ul.dark-bkg > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
    ul.dark-bkg > li > div > div > h2 > a {color: #fff;}
    ul.dark-bkg > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
    ul.dark-bkg > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
    ul.dark-bkg > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
    ul.dark-bkg > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
    .strip.strip-dark-bkg> div > div > div > p {font-size: 1.6em; line-height: 1.4em;}
    ul.dark-bkg{grid-template-columns: repeat(1, 1fr);}
    ul.dark-bkg > li > div {display: block;}
    ul.dark-bkg > li > div > div {display: table-row; width: 100%;}
    ul.dark-bkg > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.dark-bkg > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.4em;}
  }

  @media all and (min-width: 600px) {
    ul.card-strip {grid-template-columns: repeat(2, 1fr);}
    .two ul.card-strip  > li {padding: 30px; margin:0 30px;}
    ul.card-strip > li {padding:30px;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-dark-bkg > div > div > div {padding: 60px 30px;}
    ul.card-strip.two {grid-template-columns: repeat(2, 1fr); margin-bottom:20px;}
    .two ul.card-strip {grid-template-columns: repeat(2, 1fr);}
  }

  @media all and (min-width: 1000px) {
    ul.card-strip > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}

@media all { /* Actions */
    .strip.strip-actions {position: sticky; position: -webkit-sticky; top: 0; z-index: 1001; background-image: linear-gradient(90deg, #cb4f11 50%, #641717 50%);}
    .strip.strip-actions.strip-actions-below {display: none;}
    .strip.strip-actions > div {}
    .strip.strip-actions > div > div {}
    .strip.strip-actions > div > div > div {padding: 0 15px;}
    .strip.strip-actions > div > div > div > .buttons {display: grid; grid-template-columns: repeat(4, 1fr);}
    .strip.strip-actions > div > div > div > .buttons > a {display: flex; padding: 15px; justify-content: center; align-items: center; font-family: "Oswald"; font-size: 1em; font-weight: 300; color: #fff; line-height: 1.2em; text-align: center;}
    .strip.strip-actions > div > div > div > .buttons > a:link {color: #fff; text-decoration: none;}
    .strip.strip-actions > div > div > div > .buttons > a:visited {color: #fff; text-decoration: none;}
    .strip.strip-actions > div > div > div > .buttons > a:hover {color: #fff; text-decoration: none;}
    .strip.strip-actions > div > div > div > .buttons > a:active {color: #fff; text-decoration: none;}
    .strip.strip-actions > div > div > div > .buttons > a:first-child {background: #cb4f11;}
    .strip.strip-actions > div > div > div > .buttons > a:first-child:hover {background: #d97b4c;}
    .strip.strip-actions > div > div > div > .buttons > a:nth-child(2) {background: #014266;}
    .strip.strip-actions > div > div > div > .buttons > a:nth-child(2):hover {background: #6a8fa4;}
    .strip.strip-actions > div > div > div > .buttons > a:nth-child(3) {background: #41683c;}
    .strip.strip-actions > div > div > div > .buttons > a:nth-child(3):hover {background: #708d6c;}
    .strip.strip-actions > div > div > div > .buttons > a:last-child {background: #641717;}
    .strip.strip-actions > div > div > div > .buttons > a:last-child:hover {background: #af4747;}
  
    @media all and (min-width: 768px) {
      .strip.strip-actions.strip-actions-above {display: none;}
      .strip.strip-actions.strip-actions-below {display: block;}
    }
  
    @media all and (min-width: 800px) {
      .strip.strip-actions > div > div > div {padding: 0 30px;}
      .strip.strip-actions > div > div > div > .buttons > a {padding: 15px; font-size: 1.5em;}
    }
  
    @media all and (min-width: 1000px) {
      .strip.strip-actions > div > div > div > .buttons > a {font-size: 1.75em;}
    }
  
  }

    @media all { /* Basic Card Strip */
        .strip.strip-card-strip {position: relative;}
        .strip.strip-card-strip > div > div > div > h2 {color:#fff; margin-bottom:30px; font-weight:100;}
        .strip.strip-card-strip > div {background: #0c3a54;}
        .strip.strip-card-strip > div::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(12,58,84,.7); z-index: 200;}
        .strip.strip-card-strip.grey > div::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.6); z-index: 200;}
        .strip.strip-card-strip > div > div {position:relative; z-index:300;}
        .strip.strip-card-strip > div > div > div {padding: 60px 15px;}
        .strip.strip-card-strip > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.4em;}
        ul.card-strip.dark > li > div > div > h3 {vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.4em; margin: 15px 0; color: #ffcc00;}
        .strip.strip-card-strip ul.card-strip ul {margin:10px 0 10px 15px;}
        .strip.strip-card-strip ul.card-strip ol {margin:10px 0 10px 15px;}
        .strip.strip-card-strip ul.card-strip ul li {margin-bottom:10px;}
        .strip.strip-card-strip ul.card-strip.dark > li {padding: 20px; border-radius: 10px; background:rgba(0, 0, 0, 0.7); font-weight:300; color:#fff;}
        .strip.strip-card-strip ul.card-strip ol li {margin-bottom:10px;}
        .strip.strip-card-strip ul.card-strip a {font-weight: 600;}
        .strip.strip-card-strip ul.card-strip ul li a {font-weight: 600;}
        .strip-card-strip div > div > div > p a {color: #94d4f8;}
        .strip.strip-card-strip > div > div > div > div > p > a:link {color:#ffcc00; text-decoration:underline;}
        .strip.strip-card-strip > div > div > div > div > p > a:hover {color:#ffeeaa !important; text-decoration:none; transition: all 0.25s ease;}
        .strip.strip-card-strip > div > div > div > div > p > a:visited {color:#ffcc00;}

        .strip.strip-card-strip ul.card-strip .more a {font-weight: 300;}
        ul.card-strip {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; list-style: none; margin: 0; padding: 0; margin-bottom:20px;}
        ul.card-strip > li {padding: 20px; border-radius: 10px; background: #fff;}
        ul.card-strip > li > div {display: table; width: 100%; table-layout: fixed;}
        ul.card-strip > li > div > div > div {vertical-align: top;}
        ul.card-strip > li > div > div > div a {display: block;}
        ul.card-strip > li > div > div > div img {display: block; line-height: 0;}
        /*  ul.card-strip > li > div > div > h2 { vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
        ul.card-strip > li > div > div > h2 > a {color: #fff;}
        ul.card-strip > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
        ul.card-strip > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
        ul.card-strip > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
        ul.card-strip > li > div > div > h2 > a:active {color: #fff; text-decoration: none;} */
        ul.card-strip > li > div > div > h3 { vertical-align: middle; font-family: 'Oswald', sans-serif; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000; text-align:center;}
        ul.card-strip > li > div > div > p {color:#000;}
        ul.card-strip > li > div > div > h3 > a {color:#000;}
        ul.card-strip > li > div > div > h3 > a:link {color:#000; text-decoration: none;}
        ul.card-strip > li > div > div > h3 > a:visited {color:#000; text-decoration: none;}
        ul.card-strip > li > div > div > h3 > a:hover {color:#333; text-decoration: none;}
        ul.card-strip > li > div > div > h3 > a:active {color:#000; text-decoration: none;}

        /*-- Dark Cards --*/
        ul.card-strip.dark > li {background:#222}
        ul.card-strip.dark > li > div > div > p {color:#fff;}
        ul.card-strip.dark > li > div > div > h3 > a {color:#ddd;}
        ul.card-strip.dark > li > div > div > h3 > a:link {color:#ddd; text-decoration: none;}
        ul.card-strip.dark > li > div > div > h3 > a:visited {color:#ddd;text-decoration: none;}
        ul.card-strip.dark > li > div > div > h3 > a:hover {color:#bbb;text-decoration: none;}
        ul.card-strip.dark> li > div > div > h3 > a:active {color:#ddd;text-decoration: none;}

    @media all and (min-width: 480px) {
        
        ul.card-strip > li > div {display: block;}
        ul.card-strip > li > div > div {display: table-row; width: 100%;}
        ul.card-strip > li > div > div > div {display: block; padding: 0 0 5px;}
        ul.card-strip > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
    }

    @media all and (min-width: 600px) {
        ul.card-strip {grid-template-columns: repeat(2, 1fr);}
        .strip.strip-card-strip ul.card-strip.dark > li {padding: 30px;}
    }

    @media all and (min-width: 800px) {
        .strip.strip-admissions > div > div > div {padding: 60px 30px;}
        ul.card-strip.two {grid-template-columns: repeat(2, 1fr); margin-bottom:20px;}
        ul.card-strip {grid-template-columns: repeat(3, 1fr);}
    }

    @media all and (min-width: 1000px) {
        ul.card-strip > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
    }

    }

    @media all { /* large-grid */
        .strip.strip-large-grid > div > div > div {padding: 60px 30px;}
        .strip.strip-large-grid > div > div > div > p {max-width: 900px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
        .strip.strip-large-grid > div > div > div > p > a:link {color:#94d4f8;}
        .strip.strip-large-grid > div > div > div > p > a:visited {color:#94d4f8;}
        ul.large-grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
        ul.large-grid > li {padding: 15px; border-radius: 10px; background: rgba(0,0,0,.7);}
        ul.large-grid > li > div {display: table; width: 100%; table-layout: fixed;}
        ul.large-grid > li > div > div {display: table-row; width: 100%;}
        ul.large-grid > li > div > div > div {display: table-cell; padding: 0 15px 0 0; vertical-align: top;}
        ul.large-grid > li > div > div > div a {display: block;}
        ul.large-grid > li > div > div > div img {display: block; line-height: 0;}
        ul.large-grid > li > div > div > p {color: #fff; font-weight:100; font-size: 0.9em; line-height: 1.4em; margin-top: 15px;}
        ul.large-grid > li > div > div > h2 > a {color: #fff;}
        ul.large-grid > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
        ul.large-grid > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
        ul.large-grid > li > div > div > h2 > a:hover {color: #ddd; text-decoration: underline;}
        ul.large-grid > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}
        ul.large-grid > li > div > div > p > a:link {color: #94d4f8; text-decoration: none;}
        ul.large-grid > li > div > div > p > a:hover {color: #94d4f8; text-decoration: underline;}
        ul.large-grid > li > div > div > p > a:visited {color: #94d4f8; text-decoration: none;}
        ul.large-grid > li > div > div > p > a:active {color: #94d4f8; text-decoration: none;}
      
        ul.large-grid > li > div > div > h3 {vertical-align: middle; font-family: "Oswald"; font-size: 1.4em; font-weight: 300; line-height: 1.2em; margin: 0;}
        ul.large-grid > li > div > div > h3 > a {color: #fff;}
        ul.large-grid > li > div > div > h3 > a:link {color: #fff; text-decoration: none;}
        ul.large-grid > li > div > div > h3 > a:visited {color: #fff; text-decoration: none;}
        ul.large-grid > li > div > div > h3 > a:hover {color: #ddd; text-decoration: underline;}
        ul.large-grid > li > div > div > h3 > a:active {color: #fff; text-decoration: none;}
      
        @media all and (min-width: 480px) {
        .strip.strip-large-grid > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
        ul.large-grid {grid-template-columns: repeat(2, 1fr);}
        ul.large-grid > li > div {display: block;}
        ul.large-grid > li > div > div {display: block;}
        ul.large-grid > li > div > div > div {display: block; padding: 0 0 5px;}
        ul.large-grid > li > div > div > h2 {display: block; font-size: 1.4em; line-height: 1.2em;}
        ul.large-grid > li > div > div > h3 {display: block; font-size: 1.4em; line-height: 1.2em;}
        }
      
        @media all and (min-width: 600px) {
        .strip.strip-large-grid > div > div > div > p {font-size: 1.7em; line-height: 1.2em;}
        ul.large-grid {grid-template-columns: repeat(2, 1fr);}
        ul.large-grid > li > div > div > h2 {font-size: 1.4em; line-height: 1.2em;}
        ul.large-grid > li > div > div > h3 {font-size: 1.4em; line-height: 1.2em;}
        }
      
        @media all and (min-width: 800px) {
        .strip.strip-large-grid > div > div > div > p {font-size: 1.8em; line-height: 1.2em;}
        ul.large-grid {grid-template-columns: repeat(4, 1fr);}
        ul.large-grid > li > div > div > h2 {font-size: 1.4em; line-height: 1.2em;}
        ul.large-grid > li > div > div > h3 {font-size: 1.4em; line-height: 1.2em;}
        }
      
        @media all and (min-width: 1000px) {
        .strip.strip-large-grid > div > div > div > p {font-size: 2em; line-height: 1.2em;}
        ul.large-grid > li > div > div > h2 {font-size: 1.6em; line-height: 1.2em;}
        ul.large-grid > li > div > div > h3 {font-size: 1.6em; line-height: 1.2em;}
        }
      
      }

    @media all { /* Why Choose Block - Intro Mobile */
        .strip.strip-intro {min-height: 300px; z-index: -100; background: url(../../choose/_images/intro/intro-background-2.jpg) center center; background-size: cover;}
        .strip.strip-intro > div {height: 100%; background: rgba(0,0,0,.5); padding:30px 0;}
        .strip.strip-intro > div > div {height: 100%;}
        .strip.strip-intro > div > div > div {display: flex; position: relative; height: 100%; padding: 0 15px; flex-direction: column; justify-content: center;}
        .strip.strip-intro > div > div > div > .text {max-width: calc(100% - 30px);}
        .strip.strip-intro > div > div > div > .text > h2 {margin: 0 0 20px; font-family: "Oswald"; font-size: 2em; font-weight: 300; color: #fff; line-height: 1.2em; text-align: left;}
        .strip.strip-intro > div > div > div > .text.inviewenabled > h2 {color: transparent;}
        .strip.strip-intro > div > div > div > .text.inview > h2 {color: #fff; transition: color 1s;}
        .strip.strip-intro > div > div > div > .text > div {margin: 0; font-family: "Oswald"; font-size: 1em; font-weight: 300; color: #fff; line-height: 1.2em;}
        .strip.strip-intro > div > div > div > .text > div p {margin: 0 0 1em;}
        .strip.strip-intro > div > div > div > .text.inviewenabled > div {color: transparent;}
        .strip.strip-intro > div > div > div > .text.inview > div {color: #fff; transition: color 1s;}
        .strip.strip-intro > div > div > div > .links {display: block;}
      
        .strip.strip-intro > div > div > div > .links.inviewenabled {opacity: 0;}
        .strip.strip-intro > div > div > div > .links.inview {opacity: 1; transition: opacity 1s;}
        .strip.strip-intro > div > div > div > .links > a {display: block; border: 1px solid #aaa; border-radius: 10px; background: rgba(0,0,0,.5); margin-bottom:10px;}
        .strip.strip-intro > div > div > div > .links > a:nth-child(1) {background: rgba(65,68,59,.85);}
        .strip.strip-intro > div > div > div > .links > a:nth-child(1):hover {background: rgba(45,48,39,.85); transition: background 1s;}
        .strip.strip-intro > div > div > div > .links > a:nth-child(2) {background: rgba(90,76,63,.85);}
        .strip.strip-intro > div > div > div > .links > a:nth-child(2):hover {background: rgba(70,56,43,.85); transition: background 1s;}
        .strip.strip-intro > div > div > div > .links > a:nth-child(3) {background: rgba(85,75,76,.85);}
        .strip.strip-intro > div > div > div > .links > a:nth-child(3):hover {background: rgba(65,55,56,.85); transition: background 1s;}
        .strip.strip-intro > div > div > div > .links > a:nth-child(4) {background: rgba(71,78,70,.85);}
        .strip.strip-intro > div > div > div > .links > a:nth-child(4):hover {background: rgba(51,58,50,.85); transition: background 1s;}
        .strip.strip-intro > div > div > div > .links > a:nth-child(5) {background: rgba(95,90,84,.85);}
        .strip.strip-intro > div > div > div > .links > a:nth-child(5):hover {background: rgba(75,70,64,.85); transition: background 1s;}
        .strip.strip-intro > div > div > div > .links > a:nth-child(6) {background: rgba(95,101,99,.85);}
        .strip.strip-intro > div > div > div > .links > a:nth-child(6):hover {background: rgba(75,81,79,.85); transition: background 1s;}
        .strip.strip-intro > div > div > div > .links > a:hover {text-decoration: none;}
        .strip.strip-intro > div > div > div > .links > a > div {display: flex; height: 100%; flex-direction: column; justify-content: space-between;}
        .strip.strip-intro > div > div > div > .links > a > div > .links-text {padding: 10px; font-family: "Oswald"; font-size: 1.2em; font-weight: 300; color: #fff; line-height: 1.2em; text-align: center;}
        .strip.strip-intro > div > div > div > .links > a:link > div > .links-text {color: #fff; text-decoration: none;}
        .strip.strip-intro > div > div > div > .links > a:visited > div > .links-text {color: #fff; text-decoration: none;}
        .strip.strip-intro > div > div > div > .links > a:hover > div > .links-text {color: #fff; text-decoration: none;}
        .strip.strip-intro > div > div > div > .links > a:active > div > .links-text {color: #fff; text-decoration: none;}
        .strip.strip-intro > div > div > div > .links > a > div > .links-arrow {margin-top: 15px; text-align: center;}
        .strip.strip-intro > div > div > div > .links > a > div > .links-arrow > img {display: inline-block; max-width: 35%; padding: 0 0 10px; opacity: .5;}
        .strip.strip-intro > div > div > div > .links > a:hover > div > .links-arrow > img {padding: 5px 0 5px;}
      
        @media all and (min-width: 480px) {
          .strip.strip-intro > div > div > div > .text > h2 {font-size: 2em; line-height: 1.4em;}
          .strip.strip-intro > div > div > div > .text > div {font-size: 1.1em; line-height: 1.4em;}
        }
      
        @media all and (min-width: 600px) {
          .strip.strip-intro > div > div > div > .text > h2 {font-size: 2.2em; line-height: 1.4em;}
          .strip.strip-intro > div > div > div > .text > div {font-size: 1.2em; line-height: 1.4em;}
        }
      
        @media all and (min-width: 768px) {
          .strip.strip-intro {height: calc(100vh - 370px); height: 800px;}
          .strip.strip-intro > div > div > div > .text {max-width: 65%; margin-bottom: 90px;}
          .strip.strip-intro > div > div > div > .links {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 10px;}
        }
      
        @media all and (min-width: 800px) {
          .strip.strip-intro > div > div > div {padding: 0 30px;}
          .strip.strip-intro > div > div > div > .text > h2 {font-size: 2.4em; line-height: 1.4em;}
          .strip.strip-intro > div > div > div > .text > div {font-size: 1.3em; line-height: 1.4em;}
          .strip.strip-intro > div > div > div > .links > a > div > .links-text {font-size: 1.3em;}
        }
      
        @media all and (min-width: 900px) {
          .strip.strip-intro > div > div > div > .text > h2 {font-size: 2.6em; line-height: 1.4em;}
          .strip.strip-intro > div > div > div > .text > div {font-size: 1.4em; line-height: 1.4em;}
          .strip.strip-intro > div > div > div > .links > a > div > .links-text {font-size: 1.4em;}
        }
      
        @media all and (min-width: 1000px) {
          .strip.strip-intro-cards .cards {grid-template-columns: repeat(6, 1fr);}
        }
      
      }

      @media all { /* Standard Text Column */
        .strip.strip-text > div > div > div h1 {margin:25px 0 15px; font-family:'Oswald'; font-size:2.75em;}
        .strip.strip-text > div > div > div h2 {margin:20px 0; font-family:'Oswald'; padding-bottom: 10px;}
        .strip.strip-text.dark-bkg > div > div > div h2 {color:#fff;}
        .strip.strip-text > div > div > div h3 {margin:20px 0 10px; font-family:'Oswald'; font-size:1.75em; text-align: left; padding-bottom: 5px; border-bottom:1px solid #ccc; font-weight: 400;}
        .strip.strip-text > div > div > div h4 {font-family: 'Oswald','Open Sans',sans-serif; margin:10px 0;}
        .strip.strip-text > div > div > div p {margin-bottom:15px;}
        .strip.strip-text.dark-bkg > div > div > div > p {color:#fff;}
        .strip.strip-text > div > div > div p.lead {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color:#fff;text-align: left; line-height: 1.2em;}
        .strip.strip-text > div > div > div p.stats {margin: 0 auto 60px; font-family: "Oswald"; font-size: 2em; font-weight: 100; color:#fff;text-align: left; line-height: 1.4em;}
        .strip.strip-text > div > div > div ol {margin: 15px 30px;}
        .strip.strip-text > div > div > div ul {margin: 15px 30px;}
        .strip.strip-text > div > div > div ol.card-strip {margin: 30px 0;}
        .strip.strip-text > div > div > div ul.card-strip {margin: 30px 0;}
        .strip.strip-text > div > div > div .card-strip li p {font-size:1.1em; font-weight:100;}
        .strip.strip-text > div > div > div .card-strip li ul {padding-left:15px;}
        .strip.strip-text > div > div > div .card-strip li ul li {font-size:1.1em; font-weight:100;}
        .strip.strip-text > div > div > div .card-strip li ol {padding-left:15px;}
        .strip.strip-text > div > div > div .card-strip li ol li {font-size:1.1em; font-weight:100;}
        .strip.strip-text > div > div > div ol li {margin-bottom: 8px;}
        .strip.strip-text > div > div > div ul li {margin-bottom: 8px;}
        
        .strip.strip-text > div > div > div .sidebar-flex p {font-weight:200;}
        .strip.strip-text > div > div > div .sidebar-flex ul li {font-weight:200; line-height: 1.5em; margin-bottom: 5px;}
        .strip.strip-text > div > div > div .sidebar-flex ol li {font-weight:200; font-weight:200; line-height: 1.5em; margin-bottom: 5px;}
        .strip.strip-text > div > div > div .main-flex .card-container .img-card {margin:30px auto; width:50%;}
        .strip.strip-text > div > div > div .main-flex .card-container .img-card p {font-weight: 800; text-align: center; line-height:1.4em;}
        
        @media all and (min-width: 480px) {
      
        }
      
        @media all and (min-width: 600px) {
      
        }
      
        @media all and (min-width: 768px) {
          .strip.strip-text > div > div > div {display:flex;}
          .strip.strip-text.single > div > div > div {display:block;}
          .strip.strip-text > div > div > div .main-flex {flex:2;}
          .strip.strip-text > div > div > div .sidebar-flex {flex:1; margin-left:60px;} 
          .strip.strip-text > div > div > div ol {}
          .strip.strip-text > div > div > div ul {}
          .strip.strip-text > div > div > div .main-flex .card-container {display:flex; flex-wrap:wrap;}
          .strip.strip-text > div > div > div .main-flex .card-container .img-card {flex:1 1 20%; padding:3px; margin:10px auto}
          .strip.strip-text > div > div > div .main-flex .card-container.four .img-card {flex:1 1 23%; padding:3px;}
          .strip.strip-text > div > div > div .main-flex .card-container .img-card p {font-size: 12px; font-weight: 800; text-align: center; line-height:1.4em;}
        }
      
        @media all and (min-width: 800px) {
       
        }
      }


