@font-face {
  font-family: 'ProximaNovaExCn-Bold';
  src: url('fonts/ProximaNovaExCn-Bold.eot');
  src: url('fonts/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaExCn-Bold.woff2') format('woff2'), url('fonts/ProximaNovaExCn-Bold.woff') format('woff'), url('fonts/ProximaNovaExCn-Bold.ttf') format('truetype'), url('fonts/ProximaNovaExCn-Bold.svg#ProximaNovaExCn-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaAExCn-Regular';
  src: url('fonts/ProximaNovaAExCn-Regular.eot');
  src: url('fonts/ProximaNovaAExCn-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaAExCn-Regular.woff2') format('woff2'), url('fonts/ProximaNovaAExCn-Regular.woff') format('woff'), url('fonts/ProximaNovaAExCn-Regular.ttf') format('truetype'), url('fonts/ProximaNovaAExCn-Regular.svg#ProximaNovaAExCn-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Book-Italic';
  src: url('fonts/GothamBook-Italic.eot');
  src: url('fonts/GothamBook-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/GothamBook-Italic.woff2') format('woff2'), url('fonts/GothamBook-Italic.woff') format('woff'), url('fonts/GothamBook-Italic.ttf') format('truetype'), url('fonts/GothamBook-Italic.svg#GothamBook-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Medium-Italic';
  src: url('fonts/GothamMedium-Italic.eot');
  src: url('fonts/GothamMedium-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/GothamMedium-Italic.woff2') format('woff2'), url('fonts/GothamMedium-Italic.woff') format('woff'), url('fonts/GothamMedium-Italic.ttf') format('truetype'), url('fonts/GothamMedium-Italic.svg#GothamMedium-Italic') format('svg');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Bold-Italic';
  src: url('fonts/Gotham-BoldItalic.eot');
  src: url('fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-BoldItalic.woff2') format('woff2'), url('fonts/Gotham-BoldItalic.woff') format('woff'), url('fonts/Gotham-BoldItalic.ttf') format('truetype'), url('fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Bold';
  src: url('fonts/Gotham-Bold.eot');
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.woff2') format('woff2'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Book';
  src: url('fonts/Gotham-Book.eot');
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Book.woff2') format('woff2'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Light';
  src: url('fonts/Gotham-Light.eot');
  src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Light.woff2') format('woff2'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Light-Italic';
  src: url('fonts/Gotham-LightItalic.eot');
  src: url('fonts/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-LightItalic.woff2') format('woff2'), url('fonts/Gotham-LightItalic.woff') format('woff'), url('fonts/Gotham-LightItalic.ttf') format('truetype'), url('fonts/Gotham-LightItalic.svg#Gotham-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Medium';
  src: url('fonts/Gotham-Medium.eot');
  src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.woff2') format('woff2'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Condensed-Light';
  src: url('fonts/GothamCondensed-Light.eot');
  src: url('fonts/GothamCondensed-Light.eot?#iefix') format('embedded-opentype'), url('fonts/GothamCondensed-Light.woff2') format('woff2'), url('fonts/GothamCondensed-Light.woff') format('woff'), url('fonts/GothamCondensed-Light.ttf') format('truetype'), url('fonts/GothamCondensed-Light.svg#GothamCondensed-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Condensed-Medium';
  src: url('fonts/GothamCondensed-Medium.eot');
  src: url('fonts/GothamCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/GothamCondensed-Medium.woff2') format('woff2'), url('fonts/GothamCondensed-Medium.woff') format('woff'), url('fonts/GothamCondensed-Medium.ttf') format('truetype'), url('fonts/GothamCondensed-Medium.svg#GothamCondensed-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Condensed-Bold';
  src: url('fonts/GothamCondensed-Bold.eot');
  src: url('fonts/GothamCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/GothamCondensed-Bold.woff2') format('woff2'), url('fonts/GothamCondensed-Bold.woff') format('woff'), url('fonts/GothamCondensed-Bold.ttf') format('truetype'), url('fonts/GothamCondensed-Bold.svg#GothamCondensed-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Condensed-Book';
  src: url('fonts/GothamCondensed-Book.eot');
  src: url('fonts/GothamCondensed-Book.eot?#iefix') format('embedded-opentype'), url('fonts/GothamCondensed-Book.woff2') format('woff2'), url('fonts/GothamCondensed-Book.woff') format('woff'), url('fonts/GothamCondensed-Book.ttf') format('truetype'), url('fonts/GothamCondensed-Book.svg#GothamCondensed-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Bold-Italic';
  src: url('fonts/Arial-BoldItalicMT.eot');
  src: url('fonts/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'), url('fonts/Arial-BoldItalicMT.woff2') format('woff2'), url('fonts/Arial-BoldItalicMT.woff') format('woff'), url('fonts/Arial-BoldItalicMT.ttf') format('truetype'), url('fonts/Arial-BoldItalicMT.svg#Arial-BoldItalicMT') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Arial Bold';
  src: url('fonts/Arial-BoldMT.eot');
  src: url('fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'), url('fonts/Arial-BoldMT.woff2') format('woff2'), url('fonts/Arial-BoldMT.woff') format('woff'), url('fonts/Arial-BoldMT.ttf') format('truetype'), url('fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Arial';
  src: url('fonts/ArialMT.eot');
  src: url('fonts/ArialMT.eot?#iefix') format('embedded-opentype'), url('fonts/ArialMT.woff2') format('woff2'), url('fonts/ArialMT.woff') format('woff'), url('fonts/ArialMT.ttf') format('truetype'), url('fonts/ArialMT.svg#ArialMT') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Italic';
  src: url('fonts/Arial-ItalicMT.eot');
  src: url('fonts/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'), url('fonts/Arial-ItalicMT.woff2') format('woff2'), url('fonts/Arial-ItalicMT.woff') format('woff'), url('fonts/Arial-ItalicMT.ttf') format('truetype'), url('fonts/Arial-ItalicMT.svg#Arial-ItalicMT') format('svg');
  font-weight: normal;
  font-style: italic;
}
/* text color */
.text-orange {
  color: #ff661f;
}
.text-grey {
  color: #585858;
}
.text-blue {
  color: #009ac1;
}
.text-white {
  color: #ffffff;
}
.text-gold {
  color: #a28742;
}
.text-pink {
  color: #9b1a81;
}
/* space */
.no-margin,
p.subpage-box-title.no-margin {
  margin: 0;
}
.row .bottom-medium-space {
  margin-bottom: 30px;
}
.top-medium-space {
  margin-top: 30px;
}
p.content-description.paragraph-small-space {
  margin-bottom: 15px;
}
p.content-description.paragraph-normal-space {
  margin-bottom: 25px;
}
/* navigation */
.header-standard,
.nav-megamenu,
div#footer-body,
.breadcrumb {
  display: none;
}
.micro-site-container .logo-container {
  background-color: transparent!important;
  margin-bottom: 20px;
  height: 126px;
}
.micro-site-container .logo-container > div:first-of-type {
  float: left!important;
  width: 100%;
}
.micro-site-container .logo-container > div > div:first-of-type {
  top: 0;
  left: 90px;
}
.micro-site-container .logo-container > div > div > div:first-of-type {
  padding-top: 0!important;
}
.micro-site-container div.logo-container IMG {
  float: left;
  padding: 0;
  max-height: 126px;
}
.micro-site-nav-main ul.nav-primary {
  position: absolute;
}
.micro-site-nav-main ul {
  overflow: visible;
}
@media (min-width: 980px) {
  .micro-site-nav-megamenu .micro-site-nav-main > UL > LI A,
  .micro-site-nav-megamenu .micro-site-nav-main > UL > LI SPAN {
      width: 120px;
      min-width: 120px;
      text-align: center;
      font-family: 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;
      padding: 7px 20px;
  }
  .micro-site-nav-megamenu .micro-site-nav-main > UL > LI {
      font-size: 14px!important;
  }
  .micro-site-nav-megamenu .micro-site-nav-main > UL > LI {
      text-transform: capitalize;
  }
}
/* carousel */
a.carousel-control {
  width: 40px;
  height: 45px;
}
a.carousel-control.right,
a.carousel-control.left {
  background-image: none;
  background-image: unset;
}
a.carousel-control.right {
  right: -15px;
  top: 45%;
  background-color: #333333ab;
  opacity: 1;
}
a.carousel-control.left {
  left: -15px;
  top: 45%;
  background-color: #333333ab;
  opacity: 1;
}
.glyphicon-chevron-left:before {
  background-image: url(./img/chevron-white.png);
  width: 30px;
  height: 49px;
  background-repeat: no-repeat;
  background-size: contain;
}
.glyphicon-chevron-right:before {
  background-image: url(./img/chevron-white.png);
  width: 30px;
  height: 49px;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotateX(90deg);
}
a.carousel-control .icon-prev,
a.carousel-control .icon-next,
a.carousel-control .glyphicon-chevron-left,
a.carousel-control .glyphicon-chevron-right {
  top: 25%;
  left: 30%;
}
.tiles article a.carousel-control:hover {
  color: #a28742!!important;
}
.image-text {
  position: relative;
}
.micro-site-container .two-col-image-tile h1.image-title {
  position: absolute;
  z-index: 1001;
  max-width: 50%;
  font-size: 68px;
  font-family: 'Gotham Condensed-Bold', "proxima-nova-extra-condensed", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #ffffffbd !important;
  line-height: 55px;
  margin: 20px 0 0 50px;
  text-decoration: none;
}
/* General */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  /* better practice that applies box sizing to all elements in the page. */
}
body {
  box-sizing: border-box;
  /* better practice that applies box sizing to all elements in the page. */
}
.container.grey-background {
  background-color: #eeeeee;
  padding: 30px 40px 40px;
  max-width: 960px;
}
.container.grey-background.carousel-container {
  padding: 0 40px 40px;
}
.two-col-image-tile {
  margin-top: 0;
}
.tiles > .row:first-of-type > .col-md-12 {
  padding: 0;
}
/* color-boxes */
.row.color-boxes {
  position: relative;
  height: 158px;
}
.page-boxes {
  position: absolute;
  top: -47px;
  left: 23px;
}
.page-boxes .left-box {
  background-color: #012e5d;
  padding: 15px 20px 15px 25px;
  width: 510px;
  float: left;
  box-shadow: -2px 2px 15px -5px #000000;
}
.page-boxes .center-box {
  float: left;
}
.page-boxes .right-box {
  background-color: #9b1a81;
  padding: 13px 0 25px 0;
  width: 315px;
  float: left;
  position: relative;
  top: 10px;
  height: 166px;
  display: flex;
}
.page-boxes .right-box p.box-sub-description {
  margin: auto;
}
.micro-site-container .two-col-image-tile h2.box-title {
  font-size: 35px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff !important;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  text-shadow: 1px 1px 1px rgb(56, 56, 56);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
p.box-description {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.2;
}
.micro-site-container .two-col-image-tile h2.box-sub-title {
  font-size: 25px;
  font-family: 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff !important;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  text-shadow: 1px 1px 1px rgb(56, 56, 56);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
p.box-sub-description {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 18px;
}
/* page-content */
.row.page-content {
  margin-bottom: 24px;
}
.row.page-content:last-of-type {
  margin-bottom: 0;
}
.row.page-content .col-md-12 .content-card {
  background-color: #ffffff;
  padding: 25px 10px 10px 15px;
}
.micro-site-container .two-col-image-tile h2.content-title {
  font-size: 30px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #585858 !important;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.row.page-content .col-md-12 .webinar-content-card.background-darkblue {
background-color: #012e5d;
padding: 0;
}
.row.page-content .col-md-12 .webinar-content-card.background-darkblue .row {
  padding: 15px 25px 25px;
  display: flex;
}
.row.page-content .col-md-12 .webinar-content-card.background-darkblue .row .col-md-3 {
  margin: auto;
}
.row.page-content .col-md-12 .webinar-content-card.background-darkblue .row .col-md-9 {
margin: auto auto 0;
}
.text-underline {
  border-bottom: 1px solid white;
}
.micro-site-container .two-col-image-tile h2.content-white-subtitle {
  font-size: 28px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff !important;
font-weight: 700;
margin: 0;
}
p.webinar-subtitle {
  font-size: 19px;
  font-family: 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;
font-weight: 700;
margin: 0;
}
p.content-description{
  font-size: 17px!important;
  font-family: Arial, Helvetica, sans-serif;
  color: #585858 !important;
  font-weight: 400;
  margin-bottom: 0;
}
.content-card-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 235px;
  padding: 20px 15px 10px;
  position: relative;
}
.content-card-image-december {
  background-image: url('/circo-learning/img/001_dicembrehomepage.jpg');
}
.content-card-image-january {
  background-image: url('/circo-learning/img/002_gennaiohomepage.jpg');
}
.content-card-image-february {
  background-image: url('/circo-learning/img/003_febbraiohomepage.jpg');
}
.content-card-image-march {
  background-image: url('/circo-learning/img/004_marzohomepage.jpg');
}
.micro-site-container .two-col-image-tile h2.content-white-title {
  font-size: 48px;
  font-family: 'Gotham Condensed-Bold', "proxima-nova-extra-condensed", Arial, Helvetica, sans-serif;
  color: #ffffff!important;
  font-weight: 700;
  margin-bottom: 10px;
  text-shadow: 1px 1px 5px #585858;
}
.micro-site-container .two-col-image-tile h2.content-grey-title {
  font-size: 47px;
  font-family: 'Gotham Condensed-Bold', "proxima-nova-extra-condensed", Arial, Helvetica, sans-serif;
  color: #575756!important;
  font-weight: 700;
  margin-bottom: 10px;
}
p.content-white-description {
  font-size: 30px;
  font-family: 'ProximaNovaExCn-Bold', 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 31px;
  text-shadow: 1px 1px 5px #585858;
  text-transform: uppercase;
}
/* subpages content */
.container .subpage-content-background {
  background-color: #ffffff;
  padding: 25px 25px 20px 25px;
}
article.hero-container {
  padding: 30px 40px 0;
  background-color: #eee;
}
h3.subpage-title {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #b79cac;
  padding-bottom: 10px;
  margin: 0 0 20px
}
h3.subpage-subtitle {
  font-size: 30px;
  font-family: 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding-bottom: 10px;
}
p.test-title {
  font-size: 20px;
  font-family: 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
p.subpage-content-description {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}
p.subpage-content-description.no-margin {
  margin: 0;
}
.subpage-color-box h3.box-title {
  font-size: 35px;
  font-family: 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  text-shadow: 1px 1px 1px rgb(56, 56, 56);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
.row.subpage-color-box {
  position: relative;
  margin-bottom: 15px;
}
.subpage-color-box-position {
  background-color:#9b1a81;
  height: 65px;
  line-height: 65px;
  text-align: center;
  position: absolute;
  top: -66px;
  left: 25px;
  box-shadow: -2px 2px 15px -5px #000000;
  padding: 0 40px;
}
img.img-center {
  margin: 0 auto;
}
.micro-site-nav-megamenu .micro-site-nav-main > UL > LI {
  text-transform: none;
}
p.subpage-box-title {
  font-size: 29px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 31px;
  text-shadow: 1px 1px 5px #585858;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.webinar-container p.subpage-box-title {
margin-bottom: 0;
}
.subpage-link-title {
  font-size: 25px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 31px;
  background-color: unset;
  display: block;
  margin-bottom: 5px;
padding-bottom: 5px;
text-align: left;
}
.subpage-link-title:first-of-type {
  border-bottom: 1px solid #ffffff;
}
.webinar-container .subpage-link-title:last-of-type {
  margin: 0;
  padding: 0;
}
.quiz-webinar-row .col-md-6:first-of-type{
  padding-left: 0;
}
.quiz-webinar-row .col-md-6:last-of-type{
  padding-right: 0;
}
.quiz-webinar-row h2.content-white-title {
  line-height: 38px;
  margin-bottom: 15px;
}
.quiz-container {
  background-color: #9b1a81;
}
.webinar-container {
  background-color: #012e5d;
}
.quiz-container, .webinar-container {
  position: relative;
  padding: 20px 25px;
  overflow: hidden;
  max-height: 372px;
  min-height: 372px;
  transition: all 0.5ms;
}
.box-img-right {
  position: absolute;
  right: 20px;
  bottom: 25px;
}
.link-audio-title {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.link-audio-title img {
  display: inline-block;
  margin-left: 20px;
}
.resource-row .col-md-5:first-of-type {
  margin: 10px 0;
  padding-left: 0;
}
.box-anchor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.resource-row audio {
  width: 100%;
  max-width: 345px;
}
.coming-soon {
  filter: blur(2px);
}
.coming-soon .box-anchor {
  pointer-events: none;
  background-color: rgba(0,0,0, 0.4);
}
.quiz-webinar-row span.subpage-link-title {
  display: inline-block;
}
.no-padding {
  padding: 0;
}
.text-gold a:hover,
.text-gold a:focus {
  text-decoration: none;
}
@media (max-width:768px) {
  .micro-site-container .two-col-image-tile h1.image-title {
      font-size: 40px;
      line-height: 32px;
      margin: 20px 0 0 40px;
  }
  a.carousel-control.left,
  a.carousel-control.right {
      top: 40%;
  }
.row.page-content .col-md-12,
  .webinar-content-card.background-darkblue .col-md-9 {
      padding: 0;
  }
  .row.page-content .col-md-12 .content-card {
      height: 100%;
  }
  .circo-index .row.page-content:nth-of-type(3) .col-md-12 {
      margin-bottom: 25px;
  }
  .content-card-image {
      height: 100%;
      padding: 15px 10px;
  }
  .circo-index .row.page-content:nth-last-of-type(3) .col-md-6,
  .circo-index .row.page-content:nth-last-of-type(2) .col-md-6 {
      padding: 0;
  }
  .circo-index .row.page-content .col-md-6,
  .row.page-content.subpage-content-background {
      margin-bottom: 24px;
  }
  .row.page-content {
      margin-bottom: 0;
  }
  .row.page-content .col-md-12 .webinar-content-card.background-darkblue .row {
      height: auto;
  }
  .resource-row .col-md-5 {
      padding: 0;
  }
  .resource-row .col-md-5:first-of-type {
      margin: 15px 0;
  }
  .quiz-webinar-row .col-md-6 {
      padding: 0;
      margin-bottom: 24px;
  }
  .quiz-webinar-row .col-md-6:last-of-type {
      margin-bottom: 0;
  }
  .subpage-color-box h3.box-title {
      font-size: 33px;
  }
  .resource-row .each-resource.active {
    background-image: none;
  }
  p.resource-title,
  p.resource-desc,
  p.resource-download-desc {
    text-align: center;
  }
}
@media (max-width:979px) {
  .row.color-boxes {
      height: 100%;
  }
  .page-boxes {
      position: relative;
      top: 0;
      left: 0;
      margin: 25px 0;
  }
  .page-boxes .left-box {
      float: none;
      width: 100%;
  }
  .page-boxes .right-box {
      width: 100%;
      height: unset;
      margin-top: 25px;
      top: 0;
      float: none;
      padding: 15px 20px 15px 25px;
  }
  .page-boxes .center-box {
      display: none;
  }
  .micro-site-nav-megamenu .micro-site-nav-toggle-btn .nav-icon > .icon-bar {
      background-color: #009ac1 !important;
  }
  .micro-site-nav-megamenu .micro-site-nav-toggle-btn .nav-icon > .icon-close {
      color: #009ac1 !important;
  }
  .micro-site-container .micro-site-nav-main-mob {
      background-color: transparent!important;
  }
  .micro-site-nav-main ul.nav-primary {
      position: relative;
  }
  .micro-site-nav-main.show {
      margin-top: 20px;
  }
  .micro-site-container .micro-site-nav-megamenu {
      margin: 20px 0 !important;
  }
  .micro-site-nav-main .glyphicon.glyphicon-chevron-down,
  .micro-site-nav-main .glyphicon.glyphicon-chevron-up {
      left: -10px;
  }
}
@media (max-width:500px) {
  .row.subpage-color-box {
      margin-bottom: 30px;
  }
  .subpage-color-box-position {
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
  }
  .container.grey-background {
      padding: 30px 20px 40px;
  }
  article.hero-container {
      padding: 30px 20px 0;
  }
  .subpage-color-box h3.box-title {
      font-size: 27px;
  }
  .container .subpage-content-background {
      padding: 15px 15px 10px 15px;
  }
  .container.grey-background.carousel-container {
      padding: 0 20px 40px;
  }
  .page-boxes .left-box,
  .page-boxes .right-box {
      padding: 15px 10px;
  }
  .row.page-content .col-md-12 {
      padding: 0;
  }
  .row.page-content .col-md-12 .content-card {
      height: 100%;
  }
  .row.page-content .col-md-12 {
      margin-bottom: 25px;
  }
  .content-card-image {
      height: 100%;
      padding: 15px 10px;
  }
  .micro-site-container .two-col-image-tile h2.content-grey-title {
      font-size: 40px;
  }
  p.content-white-description {
      font-size: 24px;
  }
  .micro-site-container .two-col-image-tile h1.image-title {
      font-size: 24px;
      line-height: 22px;
      margin: 10px 0 0 30px;
  }
  a.carousel-control.left,
  a.carousel-control.right {
      top: 35%;
  }
  .row.page-content .col-md-12 .webinar-content-card.background-darkblue .row {
      display: block;
  }
  .webinar-content-card.background-darkblue .col-md-3 {
      padding: 0;
  }
  .box-img-right {
      width: 20%;
  }
p.subpage-box-title, 
.webinar-container .subpage-link-title {
      font-size: 19px;
  }
  .subpage-color-box-position {
      height: auto;
  }
}
@media (max-width:550px) {
  .box-img-right {
      width: 20%;
  }
}
@media (max-width:979px) and (min-width:768px) {
  .row.page-content .col-md-12 .content-card {
      height: 100%;
  }
  .circo-index .row.page-content:nth-of-type(3) .content-card {
      min-height: 340px;
  }
  .row.page-content .col-md-12 .content-card {
      padding: 25px 10px 10px;
  }
  .box-img-right {
      width: 20%;
  }
  p.subpage-box-title {
      font-size: 25px;
  }
}
/* Edge CSS */
@supports (-ms-ime-align:auto) {
  a.carousel-control.left,
  a.carousel-control.right {
      background-color: #333333;
  }
  .round label:after {
      height: auto;
  }
}
/* IE CSS */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  a.carousel-control.left,
  a.carousel-control.right {
      background-color: #333333;
  }
}
.circo-index p.webinar-subtitle {
  margin-bottom: 5px;
}
.circo-index p.webinar-subtitle:last-of-type,
.webinar-container p.webinar-subtitle:last-of-type {
  margin-bottom: 0;
}
.webinar-container p.webinar-subtitle {
  line-height: 26px;
  margin-bottom: 15px;
}
.each-resource {
  background-color: #fff;
  border: 1px solid #9b1a81;
  border-radius: 10px;
  padding: 5px;
    position: relative;
}
.each-resource .col-md-12 {
  padding: 0;
}
.each-resource.active {
  background-color: #f2eee4;
  background-image: url(/circo-learning/img/spiral-bg.png);
  background-size: 140px;
  background-repeat: no-repeat;
  background-position-x: 83%;
}
.text-pink {
  color: #9b1a81;
}
.text-black {
  color: #fff;
}
p.resource-title {
  font-size: 26px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
p.resource-desc,
span.resource-inline-desc {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
  margin: 0;
}
p.resource-download-desc {
  font-size: 24px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
  margin: 0;
}
img.resource-pdf-icon {
  width: 30px;
}
.resource-pdf-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgb(255 255 255 / 50%);
}
.each-resource.active .resource-pdf-btn{
    pointer-events: unset;
    background-color: unset;
}
.each-resource:not(:last-of-type) {
  margin-bottom: 10px;
}
.pill-top-area {
  position: relative;
}
.pill-btn {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 32px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  text-shadow: 1px 1px 1px rgb(56 56 56);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  background-color: #9b1a81;
  border-radius: 10px;
  padding: 5px 15px;
}
.pill-top-area:hover .pill-btn {
  background-color: #a28742;
}
.pill-click {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pill-bottom-area {
  background-color: #a28742;
  font-size: 35px;
  font-family: 'Gotham Condensed-Bold', Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  text-shadow: 1px 1px 1px rgb(56 56 56);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  padding: 5px 10px 10px;
}
.home-webinar-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
}
@media (min-width:980px) {
  .each-resource .col-md-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
}