.resources-hub-block .resource-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2em;
  margin: 4em 0;
  padding: 0 10px;
}

.resources-hub-block .resource-container .resource {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 25px 30px 50px 30px;
  min-height: 360px;
}

.resources-hub-block .resource-container .resource .resource-title {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 2rem;
  line-height: unset !important;
}

.resources-hub-block .resource-container .resource .resource-description {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  line-height: 1.2;
  font-weight: 400;
}

.resources-hub-block .resource-container .resource .resource-description * {
  color: inherit !important;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 400;
}

.resources-hub-block .resource-container .resource .resource-read-more {
  margin: auto auto 0 0;
}

.resources-hub-block
  .resource-container
  .resource
  .resource-read-more[data-hover-background]:hover {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.1) !important;
}

.resources-hub-block .resource-container .resource .resource-icon {
  position: relative;
  height: 100px;
  width: 100px;
  margin: auto auto 2em 0;
}

.resources-hub-block .resource-container .resource .resource-icon img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .resources-hub-block .resource-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .resources-hub-block .resource-container .resource {
    padding: 50px 60px 100px 60px;
  }

  .resources-hub-block .resource-container .resource .resource-icon {
    position: absolute;
    bottom: 100px;
    right: 60px;
    margin: unset;
  }
}

.editors-picks-holder {
  margin-bottom: 2em;
}

.editors-picks-holder .resource-hub-editors-picks {
  position: relative;
  display: flex;
  margin-bottom: 3em;
}

.editors-picks-holder .resource-hub-editors-picks .editors-picks-holder {
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.editors-picks-holder .resource-hub-editors-picks .cycle-carousel-wrap {
  display: flex;
}

.editors-picks-holder .resource-hub-editors-picks .editor-pick-item {
  display: inline-flex !important;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  gap: 1em;
  margin-right: 2em;
  margin-bottom: 3em;
  min-height: 100%;
}

.editors-picks-holder .resource-hub-editors-picks .editor-pick-item .image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.editors-picks-holder
  .resource-hub-editors-picks
  .editor-pick-item
  .item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1em;
  height: 100%;
}

.editors-picks-holder
  .resource-hub-editors-picks
  .editor-pick-item
  .item-content
  .title-link {
  margin-top: 1em;
  white-space: wrap !important;
}

.editors-picks-holder
  .resource-hub-editors-picks
  .editor-pick-item
  .item-content
  .post-excerpt {
  white-space: wrap !important;
}

.editors-picks-holder
  .resource-hub-editors-picks
  .editor-pick-item
  .item-content
  .btn {
  margin: auto auto 0 0;
}

@media (min-width: 1024px) {
  .editors-picks-holder .resource-hub-editors-picks .editor-pick-item {
    width: calc(calc(100% / 3) - 1em);
  }
}

.shdin {
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(35, 31, 32, 0.4);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(35, 31, 32, 0.4);
  box-shadow: inset 0px 0px 5px 0px rgba(35, 31, 32, 0.4);
}
/**********Logos block****************/
.container-gridsize.logos {
  position: relative;
  padding: 0px 20px 40px;
}
.cycle-slideshow.logos {
  height: 147px;
}
.cycle-slideshow.logos .cycle-carousel-wrap {
  height: 147px;
}
.cycle-slideshow.logos .logo-item {
  height: 147px;
  padding: 0 10px;
  text-decoration: none;
}
.cycle-slideshow.logos.nocap,
.cycle-slideshow.logos.nocap .cycle-carousel-wrap,
.cycle-slideshow.logos.nocap .logo-item {
  height: 100px;
}

.cycle-slideshow.logos .logo-item .text {
  height: 47px;
  padding: 12px 0px;
  margin: auto;
  width: 140px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  color: #8a969c !important;
  display: none;
}
.cycle-slideshow.logos .logo-item .image {
  height: 100px;
  width: 100%;
  margin: auto;
  background-size: auto 100%;
  background-position: center center;
  background-color: #fff;
  border: 1px solid #ebecec;
  background-repeat: no-repeat;
}
.container-gridsize.logos #prev,
.container-gridsize.logos #next {
  position: absolute;
  background-image: url(/media/icons/carousel-sprite.svg);
  background-color: #a6afb3;
  background-size: 200% auto;
  background-repeat: no-repeat;
  top: 0px;
  height: 100px;
  width: 30px;
  z-index: 99;
  display: none;
}
.container-gridsize.logos #prev:hover,
.container-gridsize.logos #next:hover {
  background-color: #231f20;
}
.container-gridsize.logos #prev {
  left: 0;
  background-position: left center;
}
.container-gridsize.logos #next {
  right: 0;
  background-position: right center;
}

/**********Featured Signposts****************/
.feat-spost {
  padding-top: 25px;
  padding-bottom: 25px;
}

.feat-spost.bg-white {
  background-color: #fff;
}
.feat-spost.bg-white .col-style {
  background-color: #f1f1f2;
}
.feat-spost.bg-grey {
  background-color: #f1f1f2;
}
.feat-spost.bg-grey .col-style {
  background-color: #fff;
}
.feat-spost .col-style {
  top: 0;
  bottom: 0;
  padding-bottom: 76px;
  min-height: 450px;
}

.feat-spost .image {
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 225px;
  width: 100%;
  margin-bottom: 30px;
}

.feat-spost .text {
  padding: 0 80px;
  text-align: center;
}
.feat-spost h2 {
  margin-bottom: 15px;
}
.feat-spost h4 {
  margin-bottom: 25px;
}
.feat-spost .butt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 38px;
}
.feat-spost .btn-primary {
  font-size: 15px;
  font-weight: 600;
  height: 38px;
  line-height: 36px;
  background: #231f20 !important;
  color: #fff !important;
  border: 1px solid #231f20 !important;
  border-radius: 2px;
  margin: 10px 0 0px 0;
  padding: 0 20px;
}

.feat-spost .btn-primary:hover {
  background: #ee4237 !important;
  border: 1px solid #ee4237 !important;
}
/*****************Keyline******************/
.container-fluid.key {
  height: 20px;
  padding: 0px;
  border-bottom: 1px solid #ebecec;
  margin-bottom: 20px;
}
/*****************Faq******************/
.container-gridsize.faq {
  padding-top: 30px;
  padding-bottom: 30px;
}
.container-gridsize .faqtitle h2 {
  margin-bottom: 5px;
}
.container-gridsize .faqtitle h4 {
  margin-bottom: 20px;
}
.container-gridsize h3.faq {
  color: #ee4237;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px dotted #a6afb3;
  margin-bottom: 0px;
  cursor: pointer;
}
.faqans {
  margin-bottom: 5px;
}
/**********Feature Panel****************/

.feat-panel {
  position: relative;
}
.feat-panel.text .tpanel {
  min-height: 415px;
}
.feat-panel.text .col-style {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.feat-panel .overlay {
  position: absolute;
  background-color: red;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
.feat-panel .overlay.left {
  position: absolute;
  background-color: red;
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
}
.feat-panel .image {
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 0px;
  padding-bottom: 74.1%;
  margin-right: 20px;
}
.feat-panel .image.left {
  margin-right: 0px;
  margin-left: 20px;
}
.feat-panel .col-style {
  padding: 0 10px 0 45px;
}
.feat-panel .col-style.left {
  padding: 0 30px 0 25px;
}
.feat-panel h6,
.feat-panel h5,
.feat-panel h4 {
  margin-bottom: 15px;
}
.btn-feat,
.btn-feat.focus,
.btn-feat.white:hover {
  color: #fff !important;
  background-color: #231f20 !important;
  border-color: #231f20 !important;
  border-radius: 2 !important;
  line-height: 3.8rem;
  border: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-shadow: none !important;
  font-size: 1.5rem;
  min-width: 140px;
  font-weight: 700;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.btn-feat.white-b,
.btn-feat.white,
.btn-feat.white-r,
.btn-feat.focus,
.btn-feat:hover {
  color: #231f20 !important;
  background-color: #fff !important;
  border-color: #fff !important;
  border-radius: 2 !important;
  line-height: 3.8rem;
  border: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-shadow: none !important;
  font-size: 1.5rem;
  min-width: 140px;
  font-weight: 700;
  margin: auto;
}
.btn-feat.white-r:hover,
.btn-feat.black-r:hover,
.btn-feat.focus {
  color: #fff !important;
  background: #ee4237 !important;
  border-color: #ee4237 !important;
  border-radius: 2 !important;
  line-height: 3.8rem;
  border: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  box-shadow: none !important;
  font-size: 1.5rem;
  min-width: 140px;
  font-weight: 700;
  margin: auto;
}
.btn-feat.white-b:hover,
#homevideo .btn-feat.white-b:hover {
  color: #fff !important;
  background: #66787e !important;
  border-color: #66787e !important;
}
/**********Post Feed****************/
.post-feed {
  background-color: #f1f1f2;
}
.post-feed .page-title h2 {
  font-family: Axiforma-SemiBold;
  font-size: 1.9rem;
  margin: 0;
  padding: 20px 0;
}
.feedthumb {
  position: relative;
  text-decoration: none !important;
  margin-bottom: 20px;
}
.feedthumb:hover > .overlay {
  display: block;
}
.feedthumb .image {
  width: 100%;
  height: 124px;
  /*padding-bottom: 56.4%;*/
  background-size: cover;
  background-position: center center;
}
.feedthumb .col-style {
  background-color: #fff;
  width: 100%;
  height: 124px;
  padding: 20px;
}
.feedthumb .col-style p {
  color: #231f20;
  line-height: 20px;
}
.feedthumb .overlay {
  position: absolute;
  display: none;
  top: 0px;
  left: 10px;
  right: 10px;
  bottom: 0px;
  background-color: rgba(166, 175, 179, 0.4);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.post-feed .opt-link .btn-primary {
  font-size: 15px;
  font-weight: 700;
  width: 100%;
  height: 40px;
  line-height: 36px;
  background: transparent !important;
  color: #231f20 !important;
  border: 1px solid #68797f !important;
  border-radius: 2px;
  margin: 10px 0 30px 0;
  padding: 0 20px;
}

.post-feed .opt-link .btn-primary:hover {
  background: #231f20 !important;
  color: #fff !important;
}
/**********post feed buttons **********/

.post-butts {
  padding-top: 20px;
  padding-bottom: 20px;

  border-top: 1px solid #ebecec !important;

  background-color: #f1f1f2;
}

.post-butts .btn-primary {
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  height: 100%;
  line-height: normal;
  background: #68797f !important;
  color: #fff !important;
  border: 1px solid #68797f !important;
  border-radius: 2px;
  padding: 6px 20px;
  min-width: auto !important;
  white-space: normal !important;
}
.post-butts .btn-primary.active {
  background: #ee4237 !important;
  border: 1px solid #ee4237 !important;
}
.post-butts .btn-primary:hover {
  background: #231f20 !important;
  border: 1px solid #231f20 !important;
}

/***********Posts content***********/
.single-col.post {
  padding-top: 30px;
  padding-bottom: 0px;
}

.single-col .featim {
  width: 100%;
  margin-bottom: 30px;
}
.single-col .featim img {
  width: 100%;
  height: auto;
}
.single-col .post-title {
  border-bottom: 1px solid #a6afb3;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.single-col .post-title h1 {
  margin: 0;
  padding-bottom: 0px;
}
.single-col .post-title h1.semi {
  font-family: Axiforma-SemiBold;
  margin: 0;
  padding-bottom: 0px;
}
.single-col img.small {
  width: 35.49%;
  height: auto;
  margin: 30px 30px 30px 0px;
}
.single-col img.medium {
  width: 54.04%;
  height: auto;
  margin: 30px 30px 30px 0px;
  display: block;
}
.single-col p {
  width: 100%;
}
.single-col iframe {
  width: 100%;
  /*height: auto;*/
  margin: 0px;
  clear: both;
  float: left;
}
.single-col .post-share {
  padding-bottom: 30px;
  border-bottom: 1px solid #a6afb3;
}
.single-col .post-share h2.semi {
  font-family: Axiforma-SemiBold;
  font-weight: normal;
  margin-bottom: 20px;
}
.single-col .all-news {
}
.all-news .btn-primary {
  width: 300px;
  background: #ee4237;
  color: #fff;
  border: 1px solid #ee4237;
  border-radius: 2px;
  margin: 30px 0 30px 0;
}

.all-news .btn-primary:hover {
  background-color: #68797f !important;
  border: 1px solid #68797f !important;
}
/**********Content Signposts****************/
.cont-spost {
  padding-top: 25px;
  padding-bottom: 0px;
}

.cont-spost.bg-white {
  background-color: #fff;
}

.cont-spost.bg-grey {
  background-color: #f1f1f2;
}
/*.cont-spost.bg-grey .col-style{
	background-color: #FFF ;
}*/
.cont-spost .col-style {
  top: 0;
  bottom: 0;
}

.cont-spost .image {
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 0px;
  width: 100%;
  padding-bottom: 49.9%;
  background-repeat: no-repeat;
}
.cont-spost .image > .wing {
  position: absolute;
  bottom: -2px;
  right: -2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 102% auto;
  padding-bottom: 7.1%;
  height: 0;
  width: 44.1%;
}
.cont-spost.bg-white .image .wing {
  background-image: url("/media/signpost-wing.svg");
}
.cont-spost.bg-grey .image .wing {
  background-image: url("/media/signpost-wing-grey.svg");
}
.cont-spost h3 {
  /*line-height: 5.8rem;*/
  margin-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 13px;
  padding-bottom: 12px;
}
/**********Single Column****************/
.single-col {
  padding-bottom: 30px;
}
.single-col.ptop,
.post-feed.ptop {
  padding-top: 30px;
}
.single-col > *:last-child {
  margin-bottom: 0px;
}
/**********3 Column****************/
.tri-columns {
  padding-bottom: 30px;
}

.tri-columns.ptop {
  padding-top: 30px;
}
.tri-col.button {
  padding-bottom: 40px;
}
.tri-col.button .button {
  position: absolute;
  bottom: 0px;
  height: 40px;
}
.tri-col.button .button button {
  margin: 0;
}
.tri-col img.icon {
  width: 45px !important;
  height: auto !important;
}

/**********Carousel / Header Image****************/

.slider-holder {
  max-height: 516px;
  min-height: 430px;
  overflow: hidden;
  width: 100%;
}
.slider-holder.head {
  max-height: 516px;
  min-height: 430px;
  overflow: hidden;
  width: 100%;
}
.slider-fluid.mediabox {
  position: relative !important;
  height: 0px;
  padding-bottom: 43%;
  width: 100%;
  margin: auto;
  max-height: 516px;
}
.slider-gridsize.mediabox {
  position: relative !important;
  height: 0px;
  padding-bottom: 43%;
  width: 100%;
  margin: auto;
  max-height: 516px;
}
.slider-fluid-head.mediabox {
  position: relative !important;
  height: 0px;
  padding-bottom: 43%;
  width: 100%;
  margin: auto;
  max-height: 516px;
}
.slider-fluid-head.mediabox .overlay {
  height: 240px;
  /*background-color: red;*/
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: url("/media/bg-overlay.png");
  background-size: 100% 100%;
  opacity: 0;
}
.slider-gridsize.mediabox {
  max-width: 1200px;
  padding-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
}
.large-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 516px;
  overflow: hidden;
}
.slider-fluid-head.mediabox .large-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 516px;
  overflow: hidden;
}

.media-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  max-height: 516px;
}
.slider-gridsize.mediabox .media-item {
  top: 0px !important;
  right: 30px !important;
  bottom: 0;
  left: 30px !important;
}

.textbox-holder {
  position: absolute;
  bottom: 40px;
  left: 0px;
  right: 0px;
}
.media-textbox {
  position: relative;
  padding: 20px 25px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: 40px;
}
.media-textbox.global {
  display: block !important;
  visibility: visible !important;
  z-index: 999 !important;
}
.media-textbox h4 {
  margin-bottom: 0px;
}

.media-textbox h2 {
  font-size: 1.9rem;
}
.media-textbox.t-head {
  background-color: transparent !important;
  color: #fff !important;
  padding: 0;
  padding-left: 25px;
  margin-left: 0px;
}
.media-textbox.t-head h6 {
  margin-bottom: 0px;
}
.pager-holder {
  position: absolute;
  bottom: 0px;
  left: 30px;
  right: 30px;
  z-index: 999;
  background-image: url("/media/pager-wing-bg.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
}
.slider-fluid.mediabox .pager-holder,
.slider-fluid-head.mediabox .pager-holder,
#homevideo .pager-holder {
  left: 0px;
  right: 0px;
}
.pager-holder .container-gridsize {
  max-width: 1140px;
}
.carousel-pager {
  height: 40px;
  z-index: 999;
  background-image: url("/media/pager-wing.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
}
.carousel-pager div {
  height: 40px;
  width: 30px;
  display: inline-block;
  background-image: url("/media/icons/icon-pager.svg");
  background-position: right top;
  background-repeat: no-repeat;
}
.carousel-pager div.cycle-pager-active {
  background-position: right center;
}
.carousel-pager div:hover {
  background-position: right bottom;
}
.p-fluid {
  max-width: 1200px !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.textbox-holder .overlay {
  position: absolute;
  height: 55.9%;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url("/media/bg-overlay.svg");
  background-position: center bottom;
  background-size: auto 100%;
  background-repeat: repeat-x;
}
.mediabox .wing {
  display: none;
}

/*********video**************/
/****home video****/
#homevideo {
  position: relative;
  width: 100vw;
  height: 100vh;
}

#homevideo .overlay {
  height: 240px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: url("/media/bg-overlay.png");
  background-size: 100% 100%;
  opacity: 0;
}

.video-holder {
  margin: 0 10px;
  height: 0px;
  padding-bottom: 55.35%;
  position: relative;
  /*height:0;padding-bottom:56.27198%;*/
}
.video-holder iframe {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  border: none;
}
.vimeo-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background-image: url(/media/preloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#homevideo .vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 200vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #231f20;
}
/*********video full**************/
.video-full {
  margin: 0 10px;
  height: 0px;
  padding-bottom: 100vh;
  position: relative;
  /*height:0;padding-bottom:56.27198%;*/
}
.video-full.mediabox {
  position: relative !important;
  height: 0px;
  padding-bottom: 100vh;
  width: 100%;
  margin: auto;
  max-height: 516px;
}
.video-full iframe {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  border: none;
}
.video-full .vimeo-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background-image: url(/media/preloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.video-full .vimeo-wrapper iframe {
  width: 100vw;
  height: 100vh; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 100vw; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**********Page Title****************/
.page-title {
  padding-top: 25px;
  padding-bottom: 20px;
}

.page-title h1 {
  font-family: Axiforma-SemiBold;
  margin-top: 0px;
  margin-bottom: 0px;
}
.page-title h1.semi {
  font-family: Axiforma-Light !important;
}
.video .page-title h1 {
  font-family: Axiforma-SemiBold;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/**************************news block ************************/
.newsthumb {
  width: 100%;
  height: 0px;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center center;
}
/**************************video section ************************/
#VidPanel {
  background-image: url(/media/preloader.gif);
  background-repeat: no-repeat;
  background-position: center top 15%;
  min-height: 650px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.container-fluid.video {
  background-color: #000000;
  /*background-color: #ffe3be;*/
}

.vidthumb {
  position: relative;
  text-decoration: none !important;
  margin-bottom: 20px;
}
.vidthumb:hover > .overlay {
  display: block;
}
.vidthumb .image {
  width: 100%;
  height: 124px;
  background-size: cover;
  background-position: center center;
}
.vidthumb .col-style {
  width: 100%;
  height: 124px;
  padding: 20px;
}
.vidthumb .col-style p {
  color: #e5e8e7;
  line-height: 20px;
}
.vidthumb .overlay {
  position: absolute;
  display: none;
  top: 0px;
  left: 10px;
  right: 10px;
  bottom: 0px;
  background-color: rgba(166, 175, 179, 0.3);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.vid-title,
.vid-desc,
.vid-rel-title,
.vid-rel-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
h2.more-vids:hover {
  cursor: pointer;
}
h2.more-vids::before {
  content: " ";
  width: 55px;
  height: 11px;
  display: inline-block;
  background-image: url(/media/icons/icon-video-down.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 200%;
}
h2.more-vids:hover::before {
  cursor: pointer;
  background-position: left bottom;
}
h3.select-vids {
  color: #a6afb3;
  line-height: 19px;
  margin: 0;
}
.vid-desc p,
.vid-desc strong {
  color: #a6afb3 !important;
}
.vid-desc h4 {
  color: #fff;
  font-weight: 700;
}
.feat-vids {
  padding-bottom: 10px;
}
.sep-vids {
  border-bottom: 1px solid #4d4d4f;
}
.vid-cat-select {
  height: 100px;
}
#Catholder {
  min-height: 278px;
  display: block;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.video .alm-btn-wrap .alm-load-more-btn,
.all-vids .btn-primary {
  width: 100%;
  height: 40px;
  background: #231f20;
  color: #fff;
  border: 1px solid #68797f;
  border-radius: 2px;
  margin: 10px 0 30px 0;
}
.all-vids .btn-primary {
  background: #e90d8c !important;
  color: #fff;
  border: 1px solid #e90d8c !important;
}

.video .alm-btn-wrap .alm-load-more-btn:hover {
  border-color: #fff;
}
.all-vids .btn-primary:hover {
  background: #68797f !important;
  border: 1px solid #68797f !important;
}
.video .alm-btn-wrap .alm-load-more-btn:focus,
.video .alm-btn-wrap .alm-load-more-btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.sel-video .bs-caret {
  border-top: 5px solid #e90d8c !important;
}
/**************************PickList********************************/

.picklist {
  background-color: #231f20;
  padding: 31px 0;
}
.picklist.grey {
  background-color: #f1f1f2 !important;
  padding: 31px 0;
}
.picklist .btn-primary {
  background: #68797f !important;
  border: 1px solid #68797f !important;
  min-width: 50px !important;
}
.picklist .btn-primary:hover,
.picklist .btn-primary.active {
  background: #ee4237 !important;
  border: 1px solid #ee4237 !important;
}
.picklist h3.picklist-label {
  color: #a6afb3;
  line-height: 19px;
  margin: 0;
}

/**************************Quotes block ************************/
.quote-holder {
  position: relative;
}
.quote-slider {
  position: relative;
  min-height: 275px;
}
.quote-item {
  /*	right: -10px!important;
	left: -10px!important;
	width: 100%;*/
}
.quote-text {
  position: absolute;
  bottom: 30px;
  top: 30px;
  padding: 30px 0px;
  width: 100%;
}
.qtext {
  padding: 60px 0px 30px 0px;
}
.quote-credit {
  position: relative;
  bottom: 0px;
  width: 100%;
}
.quote-credit p {
  margin: 0;
}
.quote-item .image {
  position: relative;
  background-position: center center;
  background-size: cover;
  height: 0px;
  height: 275px;
  width: 220px;
  padding: 0;
}
.quote-item .image.no-image {
  visibility: hidden;
}

.quotes-pager-holder {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 15px;
  z-index: 999;
}

.quotes-pager-holder .carousel-pager {
  height: 40px;
  z-index: 999;
  background-image: none;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.quotes-pager-holder .carousel-pager div {
  height: 40px;
  width: 32px;

  display: inline-block;
  background-image: url("/media/icons/icon-pager-quotes.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 300%;
}
.quotes-pager-holder .carousel-pager div.cycle-pager-active {
  background-position: center center;
}
.quotes-pager-holder .carousel-pager div:hover {
  background-position: center bottom;
}
/***************donate*********************/
.d-col {
  height: 373px;
  overflow: hidden;
}
.d-col .image {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.d-col .image .wing {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 132px;
  height: 20px;
  background-position: bottom right;
  background-color: transparent !important;
}
.d-col * {
  color: #fff !important;
}
.wing.yell {
  background-image: url("/media/wing_yellow.svg");
}
.wing.grey {
  background-image: url("/media/wing_grey.svg");
}
.wing.red {
  background-image: url("/media/wing_red.svg");
}
.d-col .col-style {
  position: relative;
  height: 373px;
  padding: 20px;
  bottom: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.d-col .col-style .btn-primary {
  display: none;
  background-color: transparent !important;
  border: 1px solid #fff !important;
}
.d-col .col-style h6 {
  margin-bottom: 1rem;
}
.d-col .col-style.yell,
div.yell {
  background-color: #fcb94d;
}
.d-col .col-style.grey,
div.grey {
  background-color: #68797f;
}
.d-col .col-style.red,
div.red {
  background-color: #ee4237;
}
.d-col:hover .image {
  padding-bottom: 0;
}
.d-col:hover .btn-primary {
  display: inline-block;
}
.d-col .col-style .butts {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: green;
}
.tabs {
  height: 50px;
  background-image: url(/media/tab-grey.png);
  background-repeat: no-repeat;
  background-position: top center;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.tabs.redtab {
  height: 50px;
  background-image: url(/media/tab-red.png);
  background-repeat: no-repeat;
  background-position: top center;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.tabs.reg {
  background-position: top center;
}
.tabs.one {
  background-position: bottom center;
}
.tabs .container-gridsize {
  height: 50px;
}
.tab.one h2 {
  padding-left: 20px;
}
.tab h2 a {
  font-family: Axiforma-Bold;
  font-weight: normal;
}
.tab h2 a:after {
  content: "" !important;
}
.tab h2,
.tab h2 a {
  height: 50px;
  line-height: 50px;
  font-size: 1.9rem;
  color: #fff;
  cursor: pointer;
}
.tab h2.active,
.tab h2.active a {
  color: #231f20 !important;
}
.tabs.buttons h2.active,
.tabs.buttons h2.active a {
  color: #fff !important;
}

.reg-donate,
.one-donate {
  display: none;
  padding-top: 0px;
}
h3.d-text-h3 {
  margin: 0px;
  padding: 20px 0;
}

.reg-donate.active,
.one-donate.active {
  display: block;
}
/****forms**/
.d-form {
  padding-top: 35px;
  padding-bottom: 5px;
}
.d-form .ramount {
  height: 38px;
  line-height: 38px;
  width: 100% !important;
  border-color: #fff;
  font-size: 1.9rem;
  font-weight: 400;
  font-style: italic;
}

.label p {
  line-height: 40px;
  font-size: 50px;
  font-family: Axiforma-HeavyItalic;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  vertical-align: baseline;
  color: #68797f;
  margin: 0;
  overflow: visible;
}
.d-form .btn-primary {
  width: 100%;
  border: 1px solid #68797f !important;
  background-color: transparent !important;
  color: #000 !important;
}

@media (max-width: 991px) {
  /**********Logos block****************/
  .container-gridsize.logos {
    position: relative;
    padding: 0px 24px 25px;
  }
  .cycle-slideshow.logos {
    height: 147px;
  }
  .cycle-slideshow.logos .cycle-carousel-wrap {
    height: 147px;
  }
  .cycle-slideshow.logos .logo-item {
    height: 147px;
    padding: 0 10px;
    text-decoration: none;
  }
  .cycle-slideshow.logos.nocap,
  .cycle-slideshow.logos.nocap .cycle-carousel-wrap,
  .cycle-slideshow.logos.nocap .logo-item {
    height: 100px;
  }

  .cycle-slideshow.logos .logo-item .text {
    height: 47px;
    padding: 12px 0px;
    width: 140px;
  }
  .cycle-slideshow.logos .logo-item .image {
    height: 100px;
    width: 100%;
  }
  .container-gridsize.logos #prev,
  .container-gridsize.logos #next {
    top: 0px;
    height: 100px;
    width: 34px;
  }

  /**********Featured Signposts****************/
  .feat-spost {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .feat-spost .col-style {
    top: 0;
    bottom: 0;
    padding-bottom: 65px;
    min-height: 360px;
  }

  .feat-spost .image {
    height: 180px;
    margin-bottom: 25px;
  }
  .feat-spost .text {
    padding: 0 30px;
    text-align: center;
  }
  .feat-spost h2 {
    margin-bottom: 10px;
  }
  .feat-spost h4 {
    margin-bottom: 15px;
  }
  .feat-spost .butt {
    margin-bottom: 30px;
  }
  /*****************Faq******************/
  .container-gridsize.faq {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .container-gridsize .faqtitle h2 {
    margin-bottom: 5px;
  }
  .container-gridsize .faqtitle h4 {
    margin-bottom: 15px;
  }
  .container-gridsize h3.faq {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .faqans {
    margin-bottom: 0px;
  }
  /**********Feature Panel****************/
  .feat-panel.text .tpanel {
    min-height: 251px;
  }
  .feat-panel.text .col-style {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .feat-panel .image {
    position: relative;
    background-position: center center;
    background-size: cover;
    height: 0px;
    padding-bottom: 74.1%;
    margin-right: 20px;
  }
  .feat-panel .image.left {
    margin-right: 0px;
    margin-left: 20px;
  }
  .feat-panel .col-style {
    padding: 0 0px 0 20px;
  }
  .feat-panel .col-style.left {
    padding: 0 20px 0 0px;
  }
  .btn-feat.white-b,
  .btn-feat,
  .btn-feat:hover,
  .btn-feat.white,
  .btn-feat.white-r,
  .btn-feat.white:hover,
  .btn-feat.white-r:hover,
  .btn-feat.black-r:hover {
    line-height: 3.5rem;
    font-size: 1.4rem;
    min-width: 140px;
    font-weight: 700;
  }
  /**********Post Feed****************/

  .feedthumb .col-style {
    background-color: #fff;
    width: 100%;
    height: 130px;
    padding: 15px;
  }
  .feedthumb .col-style p {
    color: #231f20;
    line-height: 18px;
  }
  .feedthumb .image {
    height: 90px;
  }

  .post-butts .btn-primary {
    /* font-size: 15px;*/
    font-weight: 600;
    width: 100%;
    height: 45px !important;
    line-height: normal !important;
    background: #68797f !important;
    color: #fff !important;
    border: 1px solid #68797f !important;
    border-radius: 2px;
    padding: 0 5px;
    min-width: auto !important;
    white-space: normal !important;
  }
  .post-feed .opt-link .btn-primary {
    height: 37px !important;
    line-height: 35px !important;
  }
  /**********Content Signposts****************/
  .cont-spost {
    padding-top: 20px;
    padding-bottom: 5px;
  }
  .cont-spost h3 {
    /*line-height: 4.8rem;*/
  }

  /***********Posts content***********/
  .single-col.post {
    padding-top: 25px;
  }
  .single-col .featim {
    width: 100%;
    margin-bottom: 20px;
  }
  .single-col .post-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .single-col .post-title h1 {
    padding-bottom: 0px;
  }
  .single-col .post-title h1.semi {
    font-family: Axiforma-SemiBold;
    padding-bottom: 0px;
  }
  .single-col img.small {
    width: 31.5%;
    height: auto;
    margin: 20px 20px 20px 0px;
  }
  .single-col img.medium {
    width: 47.9%;
    height: auto;
    margin: 20px 20px 20px 0px;
  }
  .single-col .post-share {
    padding-bottom: 30px;
    border-bottom: 1px solid #a6afb3;
  }
  .single-col .post-share h2.semi {
    font-family: Axiforma-SemiBold;
    font-weight: normal;
    margin-bottom: 20px;
  }
  .single-col .all-news {
  }
  .all-news .btn-primary {
    width: 220px;
  }
  /**********Carousel / Header Image****************/

  .slider-holder,
  .slider-holder.head {
    max-height: 600px;
    min-height: 0px;
    overflow: hidden;
    width: 100%;
  }

  .slider-gridsize.mediabox {
    max-width: 1200px;
    padding-top: 0px;
    padding-right: 34px;
    padding-left: 34px;
  }

  .slider-gridsize.mediabox,
  .slider-fluid.mediabox,
  .slider-fluid-head.mediabox {
    position: relative !important;
    height: 0px;
    padding-bottom: 45.314%;
    width: 100%;
    margin: auto;
    max-height: 516px;
  }
  .slider-gridsize.mediabox .media-item {
    top: 0px !important;
    right: 34px !important;
    bottom: 0;
    left: 34px !important;
  }
  .textbox-holder {
    position: absolute;
    bottom: 38px;
    left: 0px;
    right: 0px;
  }
  .slider-fluid.mediabox .textbox-holder {
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
  }
  .slider-fluid-head.mediabox .overlay {
    height: 200px;
  }
  .media-textbox {
    position: relative;
    /*padding: 25px;*/
    background-color: rgba(255, 255, 255, 0.9);
    margin-left: 38px;
  }
  .media-textbox.t-head {
    padding-left: 0px;
    margin-left: 0px;
  }
  .media-textbox h2 {
    font-size: 1.8rem;
  }
  .pager-holder {
    background-image: url("/media/pager-wing-bg-tab.svg");
    left: 34px;
    right: 34px;
  }

  .carousel-pager {
    height: 40px;
    z-index: 999;
    background-image: url("/media/pager-wing.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
  }
  .carousel-pager div {
    height: 40px;
    width: 30px;
    display: inline-block;
    background-image: url("/media/icons/icon-pager.svg");
    background-position: right top;
    background-repeat: no-repeat;
  }
  .carousel-pager div.cycle-pager-active {
    background-position: right center;
  }
  .carousel-pager div:hover {
    background-position: right bottom;
  }
  .p-fluid {
    max-width: 1200px !important;
    padding-right: 34px !important;
    padding-left: 34px !important;
  }
  /****home video ***********/
  #homevideo .textbox-holder {
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px;
  }

  /**********Page Title****************/
  .page-title {
    padding-top: 25px;
    padding-bottom: 20px;
  }

  .page-title h1 {
    font-family: Axiforma-SemiBold;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .video .page-title h1 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
  }
  /*****video**********/
  .container-gridsize.video {
    padding: 0px;
  }
  .container-gridsize.video .video-holder {
    margin: 0px;
    height: 0px;
    padding-bottom: 56.35%;
    /*  position: relative;
    height: 0;
    padding-bottom: 56.27198%;*/
  }
  h2.more-vids {
    font-family: Axiforma-Light;
  }
  h2.more-vids:hover {
    cursor: pointer;
  }
  h2.more-vids::before {
    content: " ";
    width: 40px;
    height: 11px;
  }
  .vid-rel-container {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .vid-rel-title > h2 {
    font-size: 1.7rem;
  }
  .vidthumb .col-style {
    width: 100%;
    height: 124px;
    padding: 12px;
  }
  .vidthumb .col-style p {
    line-height: 18px;
    font-size: 1.4rem;
  }
  .vidthumb .image {
    width: 100%;
    height: 90px;
  }

  /**************************PickList********************************/

  .picklist {
    background-color: #231f20;
    padding: 22.5px 0;
  }
  .picklist .btn-primary {
    min-width: 40px !important;
  }
  /**************************Quotes block ************************/
  .quote-slider {
    min-height: 220px;
  }
  .quote-credit {
    /*bottom: 25px;*/
  }
  .quote-item .image {
    height: 220px;
    width: 160px;
  }
  .quotes-pager-holder {
    top: 10px;
  }

  .quotes-pager-holder .carousel-pager div {
    height: 40px;
    width: 30px;
  }
  /***************donate*********************/
  .d-col {
    height: 345px;
    overflow: hidden;
  }

  .d-col .col-style {
    height: 345px;
    padding: 20px 15px 20px 15px;
  }
  .d-col .col-style .btn-primary {
    display: none;
    background-color: transparent !important;
    border: 1px solid #fff !important;
  }
  .d-col:hover .btn-primary {
    display: inline-block;
  }
  .d-col .col-style .butts {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: green;
  }

  /****forms**/
  .d-form {
    padding-top: 35px;
    padding-bottom: 5px;
  }
  .d-form .ramount {
    height: 38px;
    line-height: 38px;
    width: 100% !important;
    border-color: #fff;
    font-size: 1.7rem;
    font-weight: 400;
    font-style: italic;
  }

  .label p {
    line-height: 40px;
    font-size: 50px;
    font-family: Axiforma-HeavyItalic;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    vertical-align: baseline;
    color: #68797f;
    margin: 0;
    overflow: visible;
  }
  .d-form .btn-primary {
    width: 100%;
    border: 1px solid #68797f !important;
    background-color: transparent !important;
    color: #000 !important;
    height: 38px !important;
  }
  @media (max-width: 767px) {
    .feat-panel h6,
    .feat-panel h5,
    .feat-panel h4 {
      margin-bottom: 10px;
    }
    .feat-panel .col-style {
      padding: 20px 0px 20px 20px;
    }
    .feat-panel .col-style.left {
      padding: 20px 30px 20px 0px;
    }
    /**************************Quotes block ************************/
    .quote-holder {
      padding: 32px 0 0;
    }
    .quote-slider {
      position: relative;
      min-height: auto;
    }
    .quote-item {
      padding-bottom: 50px !important;
      min-height: auto;
    }
    .qtext {
      padding: 25px 20px 0 20px;
    }
    .quote-credit {
      /*bottom: -30px;*/
    }
    .quote-credit p {
      margin: 0;
    }
    .quote-item .image {
      position: relative;
      background-position: center center;
      background-size: cover;
      height: 0px;
      height: 200px;
      width: 160px;
      padding: 0;
    }
    .qim {
      width: 100%;
      border-bottom: 1px solid #a6afb3;
    }
    .qim.no-image {
      display: none;
    }
    .qrow {
      width: 100%;
      padding: 0;
    }

    .quotes-pager-holder {
      top: -24px;
    }

    .quotes-pager-holder .carousel-pager div {
      height: 40px;
      width: 32px;
    }
  }
  @media (max-width: 575px) {
    /**********Logos block****************/
    .container-gridsize.logos {
      position: relative;
      padding: 0px 10px 25px;
    }
    .cycle-slideshow.logos {
      height: 147px;
    }
    .cycle-slideshow.logos .cycle-carousel-wrap {
      height: 147px;
    }
    .cycle-slideshow.logos .logo-item {
      height: 147px;
      padding: 0 10px;
      text-decoration: none;
    }
    .cycle-slideshow.logos.nocap,
    .cycle-slideshow.logos.nocap .cycle-carousel-wrap,
    .cycle-slideshow.logos.nocap .logo-item {
      height: 100px;
    }

    .cycle-slideshow.logos .logo-item .text {
      height: 47px;
      padding: 12px 0px;
      width: 140px;
    }
    .cycle-slideshow.logos .logo-item .image {
      height: 100px;
      width: 100%;
    }
    .container-gridsize.logos #prev,
    .container-gridsize.logos #next {
      top: 0px;
      height: 100px;
      width: 20px;
    }
    /**********Featured Signposts****************/
    .feat-spost {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .feat-spost .container-gridsize {
      padding: 0px;
    }
    .feat-spost .col-sm-6 {
      padding: 0px;
    }
    .feat-spost .col-style {
      top: 0;
      bottom: 0;
      padding-bottom: 60px;
      min-height: 330px;
    }

    .feat-spost
      .container-gridsize
      .row
      .col-sm-6:nth-child(even)
      > .col-style {
      border: 20px solid #fff;
      background-color: #f1f1f2;
    }
    .feat-spost .container-gridsize .row .col-sm-6:nth-child(odd) > .col-style {
      border: 20px solid #f1f1f2;
      background-color: #fff;
    }

    .feat-spost .image {
      height: 140px;
      margin-bottom: 25px;
    }
    .feat-spost .text {
      padding: 0 30px;
      text-align: center;
    }
    .feat-spost h2 {
      margin-bottom: 10px;
    }
    .feat-spost h4 {
      margin-bottom: 15px;
    }
    .feat-spost .butt {
      margin-bottom: 45px;
    }
    /*****************Faq******************/
    .container-gridsize.faq {
      padding: 20px 0px;
    }

    /**********Feature Panel****************/

    .feat-panel .image,
    .feat-panel .image.left {
      position: relative;
      background-position: center center;
      background-size: cover;
      height: 0px;
      padding-bottom: 77.3%;
      margin: 0px;
    }

    .feat-panel h6,
    .feat-panel h5 {
      margin-bottom: 10px;
    }
    .feat-panel h4 {
      margin-bottom: 20px;
    }
    .feat-panel .col-style,
    .feat-panel .col-style.left {
      position: relative;
      padding: 30px 15px;
      z-index: 2;
    }
    .feat-panel .moboverlay {
      position: absolute;
      top: 0;
      right: -10px;
      bottom: 0;
      left: -10px;
    }
    .btn-feat,
    .btn-feat:hover,
    .btn-feat.white,
    .btn-feat.white:hover {
      line-height: 3rem;
      font-size: 1.4rem;
      min-width: 140px;
      font-weight: 700;
    }
    .feat-panel.text .col-style {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }

    /**********Content Signposts****************/
    .cont-spost {
      padding-top: 20px;
      padding-bottom: 5px;
    }

    .cont-spost h3 {
      margin-bottom: 5px;
      padding: 20px 0;
    }

    /**********Carousel / Header Image****************/
    .slider-holder {
      max-height: auto !important;
      min-height: auto;
      overflow: hidden;
      width: 100%;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
    }
    .slider-fluid-head.mediabox .overlay {
      display: none !important;
    }
    .slider-fluid.mediabox {
      position: relative !important;
      height: 0px;
      padding-bottom: 50%;
      width: 100%;
      margin: auto;
      max-height: 600px;
      overflow: visible !important;
    }

    .slider-gridsize.mediabox {
      position: relative !important;
      height: 0px;
      padding-bottom: 50%;
      width: 100%;
      margin: auto;
      max-height: 600px;
      overflow: visible !important;
    }
    .slider-fluid-head.mediabox {
      position: relative !important;
      height: 0px;
      padding-bottom: 50%;
      width: 100%;
      margin: auto;
      max-height: 512px;
    }
    .large-media {
      overflow: visible !important;
    }
    .slider-gridsize.mediabox .media-item {
      top: 0px !important;
      right: 20px !important;
      bottom: 0;
      left: 20px !important;
      overflow: visible !important;
    }
    .textbox-holder {
    }
    .pager-holder.mob {
      background-image: url("/media/pager-wing-bg-tab.svg");
      bottom: -45px;
    }
    .pager-holder.mob .carousel-pager div {
      height: 40px;
      width: 30px;
      padding: 0 11px 0 11px;
      display: inline-block;
      background-image: url("/media/icons/icon-pager-mob.svg");
      background-position: right top;
      background-repeat: no-repeat;
    }
    .pager-holder.mob div.cycle-pager-active {
      background-position: right center;
    }
    .pager-holder.mob div:hover {
      background-position: right bottom;
    }
    .textbox-holder {
      /*position: relative;*/
      top: 100%;
      /*z-index: 9999;*/
    }
    .media-textbox {
      padding: 0;
      padding-top: 50px;
      display: none;
      margin-left: 0px;
    }
    .media-textbox * {
      text-align: center;
    }
    .media-textbox h6 {
      color: #f4928e;
    }
    .mediabox .wing {
      display: block !important;
      position: absolute;
      bottom: -2px;
      right: -2px;
      background-image: url("/media/pager-wing.svg");
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: auto 100%;
      height: 20px;
      z-index: 999;
      width: 50%;
    }
    /**********Page Title****************/
    .page-title {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .page-title h1 {
      font-family: Axiforma-SemiBold;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .video .page-title h1 {
      padding-top: 0px;
      padding-bottom: 0px;
      margin: 0px;
    }

    /*******video**********/
    #homevideo {
      position: relative;
      width: 100vw;
      height: auto;
      min-height: auto;
      margin-top: 65px;
      border-bottom: 1px solid #e6e7e8;
    }

    #homevideo .vimeo-wrapper {
      position: relative;
      width: 100vw;
      height: 50vw;
    }
    #homevideo .wing {
      display: block !important;
      position: absolute;
      bottom: -2px;
      right: -2px;
      background-image: url("/media/pager-wing.svg");
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: auto 100%;
      height: 20px;
      z-index: 999;
      width: 50%;
    }

    #homevideo .vimeo-wrapper iframe {
      width: 100vw;
      height: 50vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
      min-height: 100vh;
      min-width: 100vw; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #231f20;
    }
    #homevideo .textbox-holder {
      position: relative !important;
      bottom: auto !important;
    }

    #homevideo .media-textbox h6 {
      margin-top: 30px;
      color: #f4928e;
    }
    #homevideo .btn-feat.white-b {
      color: #fff !important;
      background-color: #231f20 !important;
      border-color: #231f20 !important;
      line-height: 3rem;
      font-size: 1.4rem;
      margin: 20px auto 30px !important;
    }
    /************/
    .vidthumb .image {
      width: 100%;
      height: 0px;
      padding-bottom: 57.7%;
      background-size: cover;
      background-position: center center;
    }
    a.vidlink {
      padding: 0;
    }
    .vidthumb .col-style {
      width: 100%;
      height: auto;
      padding: 0px;
    }
    .vidthumb {
      padding-bottom: 15px !important;
      margin-bottom: 15px !important;
      border-bottom: 1px solid #4d4d4f;
    }
    .video .alm-btn-wrap .alm-load-more-btn,
    .all-vids .btn-primary {
      font-size: 14px;
      font-weight: 600;
      width: 100%;
      height: 32px !important;
      line-height: 30px !important;
      margin: 10px 0 30px 0;
      padding: 0 20px;
    }
    .all-vids .btn-primary {
      background: #e90d8c !important;
      color: #fff;
      border: 1px solid #e90d8c !important;
    }
    .vidthumb .col-style p {
      font-size: 1.4rem;
      color: #e5e8e7;
      line-height: 1.8rem;
      margin-bottom: 0;
    }
    .video h2 {
      font-size: 1.7rem;
      line-height: 1.7rem;
      margin: 0;
    }
    h2.more-vids {
      font-family: Axiforma-Light;
      font-size: 1.6rem;
    }
    h2.more-vids:hover {
      cursor: pointer;
    }
    h2.more-vids::before {
      content: " ";
      width: 30px;
      height: 11px;
    }
    .sep-vids {
      display: none;
    }
    vid-cat-select {
      height: 110px;
    }
    .vid-title {
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .feat-vids {
      padding-bottom: 0;
    }
    .vid-cat-select {
      height: auto;
    }

    /**********Post Feed****************/

    #Catholder {
      min-height: auto;
    }

    .feedthumb .image {
      width: 100%;
      height: 0px;
      padding-bottom: 57.7%;
      background-size: cover;
      background-position: center center;
    }
    a.vidlink {
      padding: 0;
    }
    .feedthumb .col-style {
      width: 100%;
      height: auto;
      padding: 0px;
    }
    .feedthumb {
      background-color: #fff;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      margin-bottom: 10px !important;
      padding: 0px;
    }
    .feedthumb .col-style.vacancies {
      min-height: 75px;
      padding-left: 20px;
      padding-right: 20px;
    }
    .feedthumb .col-style p {
      font-size: 1.4rem;
      line-height: 1.8rem;
      margin-bottom: 0;
    }

    /**********post feed buttons **********/

    .post-butts {
      padding-top: 10px;
      padding-bottom: 10px;

      border-top: 1px solid #ebecec !important;

      background-color: #f1f1f2;
    }
    .post-butts .container-gridsize {
      padding: 7.5px;
    }
    .post-butts .container-gridsize .row div {
      padding: 2.5px;
    }

    .post-butts .btn-primary {
      font-size: 15px;
      font-weight: 600;
      width: 100%;
      height: 45px !important;
      line-height: normal !important;
      background: #68797f !important;
      color: #fff !important;
      border: 1px solid #68797f !important;
      border-radius: 2px;
      padding: 0 5px;
      min-width: auto !important;
      white-space: normal !important;
    }
    .post-butts .btn-primary.active {
      background: #ee4237 !important;
      border: 1px solid #ee4237 !important;
    }
    .post-butts .btn-primary:hover {
      background: #231f20 !important;
      border: 1px solid #231f20 !important;
    }
    .post-feed .opt-link .btn-primary {
      height: 32px !important;
      line-height: 30px !important;
    }
    /***********Posts content***********/

    .single-col img.small {
      width: 31.5%;
      height: auto;
      margin: 20px 20px 20px 0px;
    }
    .single-col img.medium,
    .single-col img.small {
      width: 47.9%;
      height: auto;
      margin: 15px 15px 10px 0px;
    }

    /**********Single Column****************/
    .single-col {
      /*padding-top: 30px;*/
      padding-bottom: 30px;
    }
    .single-col > *:last-child {
      margin-bottom: 0px;
    }
    /**********3 Column****************/
    .tri-columns {
      /*padding-top: 30px;*/
      padding-bottom: 30px;
    }
    .tri-col > *:last-child {
      margin-bottom: 18px;
    }
    .tri-col.button {
      padding-bottom: 50px;
    }
    .tri-col.button .button {
      position: absolute;
      bottom: 0px;
      height: 50px;
    }
    .tri-col.button .button button {
      margin: 20px 0 0 0 !important;
    }
    /*.tri-columns .tri-col:last-child > *:last-child{
  margin-bottom:auto;
}*/
    /**************************PickList********************************/

    .picklist {
      background-color: #231f20;
      padding: 20px 0;
    }
    .picklist .btn-primary {
      height: 38px !important;
      line-height: 36px !important;
      min-width: auto !important;
      min-width: 100% !important;
    }
    .picklist h3.picklist-label {
      margin-bottom: 15px;
    }
    /**************************Quotes block ************************/
    .quote-holder {
      padding: 32px 0 0;
    }
    .quote-slider {
      position: relative;
      min-height: auto;
    }
    .quote-item {
      padding-bottom: 10px !important;
      min-height: auto;
    }
    .qtext {
      padding: 25px 20px 0 20px;
    }
    .quote-credit {
      /*bottom: -30px;*/
    }
    .quote-credit p {
      margin: 0;
    }
    .quote-item .image {
      position: relative;
      background-position: center center;
      background-size: cover;
      height: 0px;
      height: 200px;
      width: 160px;
      padding: 0;
    }
    .qim {
      width: 100%;
      border-bottom: 1px solid #a6afb3;
    }
    .qim.no-image {
      display: none;
    }
    .qrow {
      width: 100%;
      padding: 0;
    }

    .quotes-pager-holder {
      top: -24px;
    }

    .quotes-pager-holder .carousel-pager div {
      height: 40px;
      width: 32px;
    }
    /***************donate*********************/
    .d-col {
      height: 280px;
      overflow: hidden;
      margin-bottom: 20px;
    }
    .d-col .col-style {
      height: 280px;
      padding: 20px 15px 20px 15px;
    }
    @media (min-width: 440px) and (max-width: 575px) {
      .d-col {
        height: 400px;
        overflow: hidden;
        margin-bottom: 20px;
      }
      .d-col .col-style {
        height: 400px;
        padding: 20px 15px 20px 15px;
      }
    }

    .d-col .image .wing {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 132px;
      height: 20px;
      background-position: bottom right;
      background-color: transparent !important;
    }
    .d-col p {
      display: none;
    }

    .d-col .col-style .btn-primary {
      display: none;
      background-color: transparent !important;
      border: 1px solid #fff !important;
    }
    .d-col .col-style h6 {
      margin-bottom: 0rem;
    }
    .d-col:hover .image {
      padding-bottom: 0;
    }
    .d-col:hover .btn-primary {
      display: inline-block;
    }
    .d-col:hover p {
      display: block;
    }
    .d-col .col-style .butts {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 40px;
      background-color: green;
    }
    .tabs {
      height: 65px;
      background-image: url(/media/tab-grey.png);
      background-repeat: no-repeat;
      background-position: top center;
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none;
    }
    .tabs.reg {
      background-position: top center;
    }
    .tabs.one {
      background-position: bottom center;
    }
    .tabs .container-gridsize {
      height: 65px;
    }
    .tab.one h2 {
      padding-left: 10px;
    }

    .tab h2,
    .tab h2 a {
      height: auto;
      line-height: 1.9rem;
      font-size: 1.6rem;
      color: #fff;
      cursor: pointer;
    }
    .tab h2.active {
      color: #231f20;
    }
    .reg-donate,
    .one-donate {
      display: none;
      padding-top: 0px;
      padding-bottom: 20px;
    }
    h3.d-text-h3 {
      margin: 0px;
      padding: 20px 0;
    }

    .reg-donate.active,
    .one-donate.active {
      display: block;
    }
    /****forms**/
    .d-form {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .d-form .ramount {
      height: 38px;
      line-height: 38px;
      width: 100% !important;
      border-color: #fff;
      font-size: 1.7rem;
      font-weight: 400;
      font-style: italic;
    }

    .label p {
      line-height: 40px;
      font-size: 50px;
      font-family: Axiforma-HeavyItalic;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      vertical-align: baseline;
      color: #68797f;
      margin: 0;
      overflow: visible;
    }
    .d-form .btn-primary {
      width: 100%;
      border: 1px solid #68797f !important;
      background-color: transparent !important;
      color: #000 !important;
      height: 38px !important;
      margin-top: 20px;
    }
  }
}