@font-face {
  font-family: 'Dharma Gothic';
  src: url("../../fonts/DharmaGothicE-BoldItalic.eot");
  /*IE9 Compat Mode */
  src: url("../../fonts/DharmaGothicE-BoldItalic.otf"), url("../../fonts/DharmaGothicE-BoldItalic.woff2"), url("../../fonts/DharmaGothicE-BoldItalic.woff"), url("../../fonts/DharmaGothicE-BoldItalic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Dharma Gothic Bold Italic';
  src: url("../../fonts/DharmaGothicE-ExBoldItalic.eot");
  /*IE9 Compat Mode */
  src: url("../../fonts/DharmaGothicE-ExBoldItalic.otf"), url("../../fonts/DharmaGothicE-ExBoldItalic.woff2"), url("../../fonts/DharmaGothicE-ExBoldItalic.woff"), url("../../fonts/DharmaGothicE-ExBoldItalic.ttf");
}
@font-face {
  font-family: 'United Sans';
  src: url("../../fonts/UnitedSansMedium.eot");
  src: url("../../fonts/UnitedSansMedium.otf");
}
@font-face {
  font-family: 'United Sans Bold';
  src: url("../../fonts/UnitedSansBold.eot");
  src: url("../../fonts/UnitedSansBold.otf");
  font-weight: 700;
}
@font-face {
  font-family: 'United Sans';
  src: url("../../fonts/UnitedSansHeavy.eot");
  src: url("../../fonts/UnitedSansHeavy.otf");
  font-weight: 800;
}
@font-face {
  font-family: 'United Sans Black';
  src: url("../../fonts/UnitedSansBlack.eot");
  src: url("../../fonts/UnitedSansBlack.otf");
  font-weight: 900;
}
@font-face {
  font-family: 'United Sans Condensed';
  src: url("../../fonts/UnitedSansHeavyCd.eot");
  src: url("../../fonts/UnitedSansHeavyCd.otf");
  font-weight: 800;
}
@font-face {
  font-family: 'United Sans Condensed Bold';
  src: url("../../fonts/UnitedSansBoldCd.eot");
  src: url("../../fonts/UnitedSansBoldCd.otf");
}
@font-face {
  font-family: 'United Sans Heavy';
  src: url("../../fonts/UnitedSansHeavy.eot");
  src: url("../../fonts/UnitedSansHeavy.otf");
}
@font-face {
  font-family: 'Danos';
  src: url("../../fonts/Danos-ExtraBold.eot");
  src: url("../../fonts/Danos-ExtraBold.otf"), url("../../fonts/danos-extrabold-webfont.woff2"), url("../../fonts/danos-extrabold-webfont.woff"), url("../../fonts/Danos-ExtraBold.ttf");
}
@font-face {
  font-family: 'Overpass Mono';
  src: url("../../fonts/OverpassMono-Regular.ttf");
}
@font-face {
  font-family: 'Overpass Mono Bold';
  src: url("../../fonts/OverpassMono-Bold.ttf");
}
@font-face {
  font-family: 'Overpass Mono SemiBold';
  src: url("../../fonts/OverpassMono-SemiBold.ttf");
}
@font-face {
  font-family: 'Overpass Mono Light';
  src: url("../../fonts/OverpassMono-Light.ttf");
}
@font-face {
  font-family: 'SushiBar-Italic';
  src: url("../../fonts//sushiBarItalic.eot");
  src: url("../../fonts//sushiBarItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts//sushiBarItalic.woff2") format("woff2"), url("../../fonts//sushiBarItalic.woff") format("woff"), url("../../fonts//sushiBarItalic.ttf") format("truetype");
}
@font-face {
  font-family: 'United Sans LightSmExtd';
  src: url("../../fonts//UnitedSans-LightSmExtd.eot");
  src: url("../../fonts//UnitedSans-LightSmExtd.eot?#iefix") format("embedded-opentype"), url("../../fonts//UnitedSans-LightSmExtd.woff2") format("woff2"), url("../../fonts//UnitedSans-LightSmExtd.woff") format("woff"), url("../../fonts//UnitedSans-LightSmExtd.ttf") format("truetype");
}
@font-face {
  font-family: 'United Sans MediumSmExtd';
  src: url("../../fonts//UnitedSans-MediumSmExtd.eot");
  src: url("../../fonts//UnitedSans-MediumSmExtd.eot?#iefix") format("embedded-opentype"), url("../../fonts//UnitedSans-MediumSmExtd.woff2") format("woff2"), url("../../fonts//UnitedSans-MediumSmExtd.woff") format("woff"), url("../../fonts//UnitedSans-MediumSmExtd.ttf") format("truetype");
}
@font-face {
  font-family: 'United Sans BlackSmExtd';
  src: url("../../fonts//UnitedSans-BlackSmExtd.eot");
  src: url("../../fonts//UnitedSans-BlackSmExtd.eot?#iefix") format("embedded-opentype"), url("../../fonts//UnitedSans-BlackSmExtd.woff2") format("woff2"), url("../../fonts//UnitedSans-BlackSmExtd.woff") format("woff"), url("../../fonts//UnitedSans-BlackSmExtd.ttf") format("truetype");
}
@font-face {
  font-family: 'United Sans HeavySmExtd';
  src: url("../../fonts//UnitedSans-HeavySmExtd.eot");
  src: url("../../fonts//UnitedSans-HeavySmExtd.eot?#iefix") format("embedded-opentype"), url("../../fonts//UnitedSans-HeavySmExtd.woff2") format("woff2"), url("../../fonts//UnitedSans-HeavySmExtd.woff") format("woff"), url("../../fonts//UnitedSans-HeavySmExtd.ttf") format("truetype");
}
@font-face {
  font-family: 'SharpGroteskBold';
  src: url("../../fonts//SharpGroteskBold15.eot");
  src: url("../../fonts//SharpGroteskBold15.eot?#iefix") format("embedded-opentype"), url("../../fonts//SharpGroteskBold15.woff2") format("woff2"), url("../../fonts//SharpGroteskBold15.woff") format("woff"), url("../../fonts//SharpGroteskBold15.ttf") format("truetype");
}
@font-face {
  font-family: 'SharpGroteskCndMedium';
  src: url("../../fonts//SharpGroteskMedium10.eot");
  src: url("../../fonts//SharpGroteskMedium10.eot?#iefix") format("embedded-opentype"), url("../../fonts//SharpGroteskMedium10.woff2") format("woff2"), url("../../fonts//SharpGroteskMedium10.woff") format("woff"), url("../../fonts//SharpGroteskMedium10.ttf") format("truetype");
}
@font-face {
  font-family: 'SharpGroteskCndBold';
  src: url("../../fonts//SharpGroteskBold10.eot");
  src: url("../../fonts//SharpGroteskBold10.eot?#iefix") format("embedded-opentype"), url("../../fonts//SharpGroteskBold10.woff2") format("woff2"), url("../../fonts//SharpGroteskBold10.woff") format("woff"), url("../../fonts//SharpGroteskBold10.ttf") format("truetype");
}
/*-------------------------------------------------------------------
	Functions
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	Particular page
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	Transform
-------------------------------------------------------------------*/
#page-wrapper .one-column .pane-bundle-video, #page-wrapper .one-column .pane-bundle-image {
  position: relative;
  text-align: center;
  color: #FFFFFF;
}
#page-wrapper .one-column .pane-bundle-video h4, #page-wrapper .one-column .pane-bundle-image h4 {
  width: 100%;
  position: absolute;
  top: 40%;
  font-size: 11.63rem;
  font-family: "Dharma Gothic";
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 78.75%;
  margin: 0;
  z-index: 10;
}
#page-wrapper .one-column .pane-bundle-image .pane-fieldable-panels-pane-field-basic-image-caption {
  position: absolute;
  top: 65%;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.25rem;
  font-family: "United Sans";
  font-weight: 700;
  font-stretch: condensed;
}
#page-wrapper .one-column .pane-bundle-image a {
  position: relative;
  display: inline-block;
  padding: 12px 32px;
  margin-top: 24px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "United Sans";
  font-size: 0.9375rem;
  letter-spacing: 0.3rem;
  text-align: center;
  font-weight: 900;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#page-wrapper .one-column .pane-bundle-image a:hover {
  background-color: rgba(17, 17, 17, 0.2);
}

#page-wrapper .two-columns .pane-bundle-image h4, #page-wrapper .two-columns .pane-bundle-video h4 {
  font-size: 5rem;
}
#page-wrapper .pane-bundle-image {
  position: relative;
  text-align: center;
  color: #FFFFFF;
}
#page-wrapper .pane-bundle-image h4 {
  width: 100%;
  position: absolute;
  top: 40%;
  font-size: 11.63rem;
  font-family: "Dharma Gothic";
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  line-height: 78.75%;
  margin: 0;
}
#page-wrapper .pane-bundle-image .pane-fieldable-panels-pane-field-basic-image-caption {
  position: absolute;
  top: 65%;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.25rem;
  font-family: "United Sans";
  font-weight: 700;
  font-stretch: condensed;
}
#page-wrapper .pane-bundle-image a {
  position: relative;
  display: inline-block;
  padding: 12px 32px;
  margin-top: 24px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "United Sans";
  font-size: 0.9375rem;
  letter-spacing: 0.3rem;
  text-align: center;
  font-weight: 900;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#page-wrapper .pane-bundle-image a:hover {
  background-color: rgba(17, 17, 17, 0.2);
}

#page-wrapper .pane-bundle-ccm-video h4.pane-title, #page-wrapper .pane-bundle-ccm-outro-video h4.pane-title {
  display: none;
}
#page-wrapper .video-block {
  position: relative;
  width: 100%;
  height: calc(100vh - 65px);
  margin: 0 auto;
  overflow: hidden;
}
#page-wrapper .video-block .v-center-container {
  display: table;
  width: 100%;
}
#page-wrapper .video-block .v-center-container .pane-content {
  display: table-row;
}
#page-wrapper .video-block .video-content {
  position: relative;
  height: calc(100vh - 65px);
  z-index: 333;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 65px;
  background-attachment: fixed;
  background-color: #000;
}
#page-wrapper .video-block .video-content .first-grade-title.block-main-title {
  max-width: 1011px;
  margin: 0 auto 1.75rem auto;
}
#page-wrapper .video-block .video-content .btn-cta {
  display: none;
  margin-top: 8px;
}
#page-wrapper .video-block .video-content .btn-cta.Video {
  display: inline-block;
}
#page-wrapper .video-block .video-content .btn-cta.VideoNotVideo {
  display: inline-block;
}
#page-wrapper .video-block .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 555;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#page-wrapper .video-block .video-overlay .close-video {
  position: absolute;
  top: 18px;
  right: 18px;
  height: 47px;
  width: 50px;
  z-index: 777;
  background-image: url(/sites/all/themes/custom/ccm/assets/images/intro_video_close_btn.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}
#page-wrapper .video-block .video-overlay .close-video:hover {
  background-position: 0 96%;
}
#page-wrapper .video-block .video-overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}
#page-wrapper .video-block .video-overlay .mediaelement-video {
  position: relative;
  width: 100%;
  height: calc(100vh - 65px) !important;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: none;
  height: 100%;
  background: transparent;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-mediaelement .me-plugin {
  height: 100%;
  width: 100%;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-mediaelement .me-plugin embed {
  max-height: 100%;
  height: 100% !important;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-layers {
  height: 100%;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-layers .mejs-overlay {
  height: 100%;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button {
  background-image: url(/sites/all/themes/custom/ccm/assets/images/intro_video_play_btn.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls {
  left: 0;
  right: 0;
  bottom: 18px;
  height: 45px;
  width: 445px;
  padding: 0 6px;
  background: rgba(17, 17, 17, 0.8);
  margin: auto;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail {
  padding-top: 10px;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  height: 6px;
  background: #D1202F;
  border-radius: 0;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  height: 6px;
  background: #fff;
  border-radius: 0;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  height: 14px;
  border: 2px solid #4B4B4B;
  border-radius: 0;
  padding: 2px;
  background: transparent;
  outline: none;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time {
  padding-top: 16px;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-button {
  padding-top: 6px;
  outline: none;
}
#page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-button button:focus {
  outline: none;
}
#page-wrapper .video-block.intro-video-block .video-content {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
#page-wrapper .video-block.outro-video-block {
  position: static;
  background: #000;
  height: 600px !important;
}
#page-wrapper .video-block.outro-video-block .outro-content {
  padding: 132px 8%;
}
#page-wrapper .video-block.outro-video-block .outro-content p {
  max-width: 80%;
}
#page-wrapper .video-block.outro-video-block .outro-content.text-align-right {
  float: right;
}
#page-wrapper .video-block.outro-video-block .image-block {
  height: 600px !important;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
#page-wrapper .video-block.outro-video-block .video-overlay {
  position: fixed;
  top: auto;
  bottom: 0;
  height: calc(100vh - 65px);
}
#page-wrapper .has-labels-below .video-block {
  height: calc(100vh - 150px);
}
#page-wrapper .has-labels-below .video-block .video-content {
  height: calc(100vh - 150px);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #page-wrapper .video-block .video-content {
    background-attachment: scroll;
    background-position: center top;
  }
}
@media screen and (max-width: 991px) {
  #page-wrapper .video-block .video-content {
    background-attachment: scroll;
    background-position: center top;
  }
  #page-wrapper .video-block.intro-video-block .video-content.mobile-bg-left {
    background-position: left top;
  }
  #page-wrapper .video-block.intro-video-block .video-content.mobile-bg-right {
    background-position: right top;
  }
  #page-wrapper .video-block.outro-video-block {
    height: auto !important;
  }
  #page-wrapper .video-block.outro-video-block .video-content {
    height: auto !important;
  }
  #page-wrapper .video-block.outro-video-block .outro-content {
    padding: 52px 8%;
    text-align: center;
  }
  #page-wrapper .video-block.outro-video-block .outro-content p {
    max-width: none;
  }
  #page-wrapper .video-block.outro-video-block .image-block {
    display: none;
  }
  #page-wrapper .video-block,
  #page-wrapper .video-block .video-content,
  #page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container, #page-wrapper .outro-video-block .video-overlay {
    height: calc(100vh - 45px) !important;
  }
}
@media only screen and (max-width: 991px) and (orientation: landscape) and (max-height: 825px) {
  #page-wrapper .video-block.video-block-homepage,
  #page-wrapper .video-block .video-content.video-block-homepage,
  #page-wrapper .video-block .video-overlay .mediaelement-video .mejs-container.video-block-homepage, #page-wrapper .outro-video-block .video-overlay.video-block-homepage {
    height: auto !important;
  }
}

#page-wrapper .pane-bundle-ccm-hero h4.pane-title {
  display: none;
}
#page-wrapper .hero-block {
  position: relative;
  width: 100%;
  height: calc(100vh - 65px);
  margin: 0 auto;
  overflow: hidden;
}
#page-wrapper .hero-block .v-center-container {
  display: table;
  width: 100%;
}
#page-wrapper .hero-block .v-center-container .pane-content {
  display: table-row;
}
#page-wrapper .hero-block .hero-content {
  position: relative;
  height: calc(100vh - 65px);
  z-index: 333;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 65px;
  background-attachment: fixed;
  background-color: #000;
}
#page-wrapper .hero-block .hero-content .hero-copy {
  position: absolute;
  top: 56%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}
#page-wrapper .hero-block .hero-content .first-grade-title.block-main-title {
  max-width: 1000px;
  margin: 0 auto 1.75rem auto;
}
#page-wrapper .hero-block .hero-content .btn-cta {
  margin-top: 8px;
  display: inline-block;
}
#page-wrapper .hero-block .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 555;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#page-wrapper .hero-block .video-overlay .close-video {
  position: absolute;
  top: 18px;
  right: 18px;
  height: 47px;
  width: 50px;
  z-index: 777;
  background-image: url(/sites/all/themes/custom/ccm/assets/images/intro_video_close_btn.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}
#page-wrapper .hero-block .video-overlay .close-video:hover {
  background-position: 0 96%;
}
#page-wrapper .hero-block .video-overlay.active {
  opacity: 1;
  visibility: visible;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video {
  position: relative;
  width: 100%;
  height: calc(100vh - 65px) !important;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: none;
  height: 100%;
  background: transparent;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-mediaelement .me-plugin {
  height: 100%;
  width: 100%;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-mediaelement .me-plugin embed {
  max-height: 100%;
  height: 100% !important;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-layers {
  height: 100%;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-layers .mejs-overlay {
  height: 100%;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-layers .mejs-overlay-play .mejs-overlay-button {
  background-image: url(/sites/all/themes/custom/ccm/assets/images/intro_video_play_btn.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls {
  left: 0;
  right: 0;
  bottom: 18px;
  height: 45px;
  width: 445px;
  padding: 0 6px;
  background: rgba(17, 17, 17, 0.8);
  margin: auto;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail {
  padding-top: 10px;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  height: 6px;
  background: #D1202F;
  border-radius: 0;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  height: 6px;
  background: #fff;
  border-radius: 0;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  height: 14px;
  border: 2px solid #4B4B4B;
  border-radius: 0;
  padding: 2px;
  background: transparent;
  outline: none;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-time {
  padding-top: 16px;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-button {
  padding-top: 6px;
  outline: none;
}
#page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container .mejs-controls .mejs-button button:focus {
  outline: none;
}
#page-wrapper .has-labels-below .hero-block {
  height: calc(100vh - 150px);
}
#page-wrapper .has-labels-below .hero-block .video-content {
  height: calc(100vh - 150px);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #page-wrapper .hero-block .hero-content {
    background-attachment: scroll;
    background-position: center top;
  }
}
@media screen and (max-width: 991px) {
  #page-wrapper .hero-block .hero-content {
    background-attachment: scroll;
    background-position: center top;
  }
  #page-wrapper .hero-block .hero-content.mobile-bg-left {
    background-position: left top;
  }
  #page-wrapper .hero-block .hero-content.mobile-bg-right {
    background-position: right top;
  }
  #page-wrapper .hero-block,
  #page-wrapper .hero-block .hero-content,
  #page-wrapper .hero-block .video-overlay .mediaelement-video .mejs-container {
    height: calc(100vh - 45px) !important;
  }
}
#page-wrapper .has-banner.dark-block, #page-wrapper .has-banner.light-block, #page-wrapper .has-banner.brand-block, #page-wrapper .has-banner.gradient-block, #page-wrapper .has-banner.ice-block {
  padding: 0;
}
#page-wrapper .has-banner.is-large {
  padding: 100px 0 140px;
}
#page-wrapper .has-banner .banner {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  padding: 90px 0 40px;
}
#page-wrapper .has-title-banner.dark-block, #page-wrapper .has-title-banner.light-block, #page-wrapper .has-title-banner.brand-block, #page-wrapper .has-title-banner.gradient-block, #page-wrapper .has-title-banner.ice-block {
  padding: 0;
}
#page-wrapper .has-title-banner .title-banner {
  text-align: center;
  padding: 60px 0 40px;
}
#page-wrapper .has-title-banner .title-banner h4 {
  font-size: 3.625em;
  font-family: "Dharma Gothic";
  text-transform: uppercase;
}

/*.page-class {
    #page-wrapper {
        .has-banner {
            .banner {
                background-position: 30% 50%;
                background-image: url('/sites/default/files/bg-blank.jpg');
            }
        }
    }
}*/
.page-helmets-helmet-development #page-wrapper .has-banner .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/helmet-dev.jpg");
}

.page-privacy-policy #page-wrapper .has-banner .banner, .page-ccmassists #page-wrapper .has-banner .banner, .page-privacy-settings #page-wrapper .has-banner .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/privacypolicy.jpg");
}

.page-terms-of-use #page-wrapper .has-banner .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/termuse.jpg");
}

.page-warranty #page-wrapper .has-banner .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/warranty.png");
}

.page-distributors #page-wrapper .has-banner .banner {
  background-position: left top;
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/distributors.png");
}

.page-player-accessories #page-wrapper .has-banner .banner,
.page-goalie-accessories #page-wrapper .has-banner .banner {
  background-position: left top;
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/accessories.png");
}

.page-protectives #page-wrapper .has-banner .banner {
  background-position: left top;
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/protectives.jpg");
}

.page-customizers #page-wrapper .has-banner .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/goalie-customizers.jpg");
}

.page-sticks-wooden #page-wrapper .has-banner .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/player-wooden-sticks.jpg");
}

.page-apparel #page-wrapper .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/ccm-apparel.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  padding: 90px 0 40px;
  color: #FFFFFF;
}

.page-contact-us #page-wrapper .banner {
  background-image: url("/sites/all/themes/custom/ccm/assets/images/banners/contact-us.jpg");
}

@media screen and (max-width: 991px) {
  #page-wrapper .has-banner .banner {
    min-height: 0;
    padding: 40px 0;
  }
  #page-wrapper .has-banner .banner .block-subtitle {
    margin-bottom: 0;
  }
}
.layout-blocks {
  /* Capability flexbox is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is prefixed with -ms because 3.03837% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -ms context. */
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  /* Capability flexbox is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -webkit because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is prefixed with -webkit because 9.47897% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -webkit context. */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.layout-blocks > div[class*=col-] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.layout-blocks .col-quarter {
  /* Capability flexbox is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is prefixed with -webkit because 9.47897% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -webkit context. */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.layout-blocks .col-third {
  /* Capability flexbox is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is prefixed with -webkit because 9.47897% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -webkit context. */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
}
.layout-blocks .col-half {
  /* Capability flexbox is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability flexbox is prefixed with -webkit because 9.47897% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -webkit context. */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}