:root {
  --green: #6CC24A;
  --yellow: #FFBF3F;
  --blue: #007FA3;
}

/* fixes */
.listing-cards__percentage{color: #00b398 !important;}

@media (max-width:600px){
    html{font-size: 17px !important;}
}
.campaigns li{margin-bottom: .75em;font-size: .93rem;line-height:1.3;}
.blogcat .date{border-radius:4px;font-size:.75em;color: #0f2751c2;background: #f3f3f3;display: block;padding: 0.125rem .5em;vertical-align: middle;float: left;/* display: none; */}

.blogcat a {
  display: block;
  padding-left: 5.25em;
  text-decoration:none;
  max-width: 660px;
}
.blogcat a:hover {
 text-decoration:underline;
}
.blogcat .date img.icon{max-width: .76em !important;margin-right:.25em;}
.hidden {
     display: none !important;
     /* visibility: hidden !important; */
}

 /* *{outline:1px solid red;} */

/* FIXES */

  /* disabled by Jed -> do not do fixes in here, edit the megamenu itself, and this fix damage the menu alignments */
 /* #masthead .megamenu-header.left  .wrapper{justify-content: flex-start;} 
 #masthead .megamenu-header.right  .wrapper{justify-content: flex-end;} 
 */
 /* eof disabled by Jed -> do not do fixes in here, edit the megamenu itself */

body #masthead .masthead-inner{padding:0 3%;}
body .listing-cards__card-company{margin-top:0; display:none;}
@media only screen and (max-width: 760px){
  body .listing-cards__item {
    flex-basis: 50% !important;
    /* padding: 2%; */
}
body .listing-cards__card-info {
    padding: 0 13px 13px;
}

}
body .listing-cards__img{display:block;}
body .listing-filter{padding-bottom:1em;}
body .listing-page-wrapper{gap:1em;}

#intro .bg-image:before{opacity:.5;}
body .lg-sub-html {
    color: #fff;
    font-size: 12px;
    padding: 0.3em 1em;
    line-height: 1.4;
 }


.has-bg-image .inner{ text-shadow:.025em .025em .25em rgba(0, 0, 0, 0.8);}

      @media (max-width:600px){
       #intro h1{font-size: 8vw !important;}
      }


/*

*{outline: 1px solid red;}


 #PageContainer .wrap{background-size:100%;background-image:url('../images/design/blogcontent.jpg');background-position: top center;}

#PageContainer .wrap div{background:none;}
#PageContainer .bg-image, .videocontainer{
 opacity:.1;
 background-color:rgba(0,0,0,.1) !important;
}
#intro{background:none !important;}

.layout_wrap{
 
}

*/


.js-cm-form{max-width:770px;margin:0 auto;}

form.js-cm-form {
  margin-bottom: 3em
}


.js-cm-form button[type="submit"]{background:#007fa3;border-color:#007fa3;color: #fff;/* text-transform:uppercase !important; */}
.js-cm-form button[type="submit"]:hover{background:#000;border-color:#000;color:#fff;}
form.js-cm-form h3,form.js-cm-form p {
  opacity: 1!important;
  transform: none!important
}

form.js-cm-form {
  max-width: 650px;
  padding: 0 4%;
  margin: 1em auto
}

form.js-cm-form div {
  margin: 0 0 15px;
  float: left;
  width: 100%;
  padding-right: .5em
}

form.js-cm-form .field.column-left,form.js-cm-form .field.column-right {
  display: block;
  width: 50%;
  float: left
}

form.js-cm-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%
}

form.js-cm-form label,form.js-cm-form legend {
  margin-bottom: 5px;
  font-size: .76em
}

form.js-cm-form label {
  display: block;
  font-weight: 700;
}

form.js-cm-form .textajaxuniquetext,form.js-cm-form  input,form.js-cm-form select,form.js-cm-form textarea {
  width: 100%;
  max-width: 800px;
  padding: .75em;
  font-family: Droid Sans;
  font-size: 15px;
  background-color: #fff;
  border: 0 solid #dad9d9;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
  border-radius: 8px
}

form.js-cm-form .ie7 select {
  width: 400px
}

form.js-cm-form .textajaxuniquetext:focus,form.js-cm-form  input:focus,form.js-cm-form select:focus,form.js-cm-form textarea:focus {
  outline: none
}

form.js-cm-form input[disabled],form.js-cm-form textarea[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #dad9d9
}

form.js-cm-form textarea {
  resize: vertical
}

form.js-cm-form .field .checkbox:not(.field),form.js-cm-form .field .radio:not(.field) {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  margin-top: 5px;
  padding: 0
}

form.js-cm-form .checkbox label.right,form.js-cm-form .radio label.right {
  float: left
}

form.js-cm-form .message {
  background-color: #fef4ba;
  padding: 5px 10px;
  border: 1px solid #e8c805;
  border-radius: 3px
}

form.js-cm-form .good {
  background-color: #ecf9d0;
  border-color: #8fbe00
}

form.js-cm-form .bad,form.js-cm-form .error,form.js-cm-form .required {
  background-color: #f9d0d0;
  border-color: #cf0000;
  color: #b80000
}

form.js-cm-form .Actions {
  margin-bottom: 20px
}

form.js-cm-form #Remember {
  min-height: 20px
}

form.js-cm-form #ForgotPassword {
  clear: left
}

form.js-cm-form #MemberLoginForm_LostPasswordForm .Actions:after {
  display: none
}

form.js-cm-form .FormHeading {
  clear: both;
  padding-top: 15px
}

form.js-cm-form .date .middleColumn input {
  width: 114px
}

form.js-cm-form .Actions input.action-minor,form.js-cm-form .Actions input.resetformaction {
  float: left;
  background-color: #888
}

form.js-cm-form .Actions input.action-minor:hover,form.js-cm-form .Actions input.resetformaction:hover {
  background-color: #aaa
}

form.js-cm-form .checkbox label.right {
  font-size: 13px;
  color: #333
}

form.js-cm-form .requiredField label.left:after {
  color: #b94a48;
  content: "*";
  font-size: 14px;
  font-weight: 400;
  padding-left: 3px
}

form.js-cm-form .checkboxset ul,form.js-cm-form .optionset ul {
  margin: 0
}

form.js-cm-form .checkboxset li,form.js-cm-form .optionset li {
  margin-bottom: 5px;
  list-style-type: none
}

form.js-cm-form div.checkbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

form.js-cm-form .checkbox .checkbox {
  clear: both
}

form.js-cm-form span.message {
  margin: 10px 0;
  display: block;
  max-width: 390px;
  clear: left;
  font-size: 14px
}

form.js-cm-form input.holder-required {
  border: 1px solid #cf0000
}

form.js-cm-form input:invalid,form.js-cm-form textarea:invalid {
  /* border-radius: 1px; */
}

form.js-cm-form .no-boxshadow input:invalid,form.js-cm-form .no-boxshadow textarea:invalid {
  background-color: #f0dddd
}

form.js-cm-form .ss-uploadfield-item-info button {
  margin-top: 4px!important;
  float: left
}

form.js-cm-form #DMYDate-day,form.js-cm-form #DMYDate-month {
  width: 25px
}

@media only screen and (max-width: 600px) {
  form.js-cm-form .field.column-left,form.js-cm-form .field.column-right {
      max-width:100%;
      width: 100%
  }
}




.layout_wrap{position:relative;}

.depth-0 ul.slides > li{min-height: fit-content; aspect-ratio: 4 / 1.9;}
.depth-1 ul.slides > li{min-height: fit-content; aspect-ratio: 4 / 1.9;}
.depth-2 ul.slides > li{/* min-height: fit-content; */aspect-ratio: 4 / 1.9;}
.depth-3 ul.slides > li,
.depth-4 ul.slides > li,
.depth-5 ul.slides > li{aspect-ratio: 4 / 1.9;}
.depth-0,.depth-1 #breadcrumbs{/* display:none; */}
@media(max-width:1280px){
 ul.slides > li{aspect-ratio: 4 / 2.2 !important;}
}
@media(max-width:820px){
 ul.slides > li{aspect-ratio: 4 / 3.5 !important;}
}
@media(max-width:600px){
 ul.slides > li{aspect-ratio: 4 / 5 !important;}
}

a.readmore.button{padding:.25em 1em;font-size:.76em;font-weight: normal;border-color: #f3f3f3;}
.listing-cards div.debug{position:absolute;width:100%;top: 0px;}
div.debug a,
a.edit_link{font-size: 12px;position:absolute;z-index:30;top:1.5rem;left: 0.8rem;padding: .125rem;border: 1px dashed black; color:white; background:black; text-decoration:none;}

div.debug a{border: 1px dashed white;}
a.edit_link:hover{background:black; color:white;}
div.debug a:hover{color:black; background:white;}
div.debug a:after,
a.edit_link:after{content:'\2198';}
.listing-page__right > div > div.debug:first-child {z-index: 0 !important;/* background: none !important; */max-width: 14.1em;font-size: 10px;position:absolute;z-index:30;top: 1.5rem;left: -4%;padding: .125rem;border: 1px dashed black;color:black;background:white;text-decoration:none;}


div.debug span.cat_tag{max-width: 14.1em;font-size: 12px;position:absolute;z-index:30;top:3.5rem;left: 0.8rem;padding: .125rem;border: 1px dashed black;color:black;background:white;text-decoration:none;}
article a.edit_link{top:.8rem;}
a.external-video:before{
             position:absolute;
             left:0;
             top:0;
             height:100%;
             width:100%;
             content:' ';
             z-index:2;
             transition:all .3s ease;
             /* background:url(../images/icons/youtube.svg) no-repeat 50% 30% rgba(0, 0, 0, 0); */
             background-size: 10%;
             opacity:.5;
             pointer-events:none;
             /* mix-blend-mode: screen; */
   }
a.external-video:hover::before {
 background-color:rgba(0, 0, 0, 0.2);
   opacity:1;
   
 }


.elemental a.edit_link{background:white; color:black;}
.elemental a.edit_link:hover{background:black; color:white;}

.intro a.edit_link{backgroudn:black; color:white;}
.card-layout .card{padding-bottom: 84%;position:relative;}
.pagelist-wrapper .card-layout .col,
.card-layout .col{padding: 0 !important;}


.card-layout article.page-listing {position:relative !important;background:#F3F3F3}
.card-layout article.page-listing .tile-copy{position: relative !important;padding: 1.5rem 1rem 2rem;top: 0;left: 0;color:#434343;filter:none;}
.card-layout p{padding-bottom:.4em;}
.card-layout h3.subpage{font-size:1em;}




.tag{position:absolute;background:#006b8a;color:#fff;z-index:1;font-size: 0.67em;padding:0.25em 1em;border-radius:2em;z-index:2;bottom:0;left:1rem;transform:translateY(50%);text-transform: uppercase;font-weight: bold;}

ul.listing-meta{font-size:.76em;margin:.76em 0;font-weight:bold;/* display: block; */}
ul.listing-meta small{font-weight:normal;}
ul.listing-meta li{line-height:1.1;}
ul.listing-meta li:before{position:relative;display:inline-block;/* transform:translateY(.2em); */content:' ';width: 1em;height: 1em;background: no-repeat top center;background-size:contain;/* margin-right: .25em; */}
ul.listing-meta li.search:before{background-image:url(../images/icons/icon-search.svg);}
ul.listing-meta li.category:before{/* transform: translateY(0.4em); */background-image:url(../images/icons/icon-category.svg);}
ul.listing-meta li.location:before{background-image:url(../images/icons/icon-location.svg);}
ul.listing-meta li.price:before{background-image:url(../images/icons/icon-price.svg);}
ul.listing-meta li.tags:before{background-image:url(../images/icons/icon-tag.svg);}
ul.listing-meta li.date:before{background-image:url(../images/icons/icon-publish.svg);}
ul.listing-meta li.no-icon:before{display:none;}

ul.listing-meta li.no-icon{padding-top:1em;font-weight:normal;}

.blog-article ul.listing-meta{margin-bottom:0}
.blog-article ul.listing-meta li{font-weight:normal; font-size:.67em;}
.card-layout article.page-listing.blog-article .tile-copy{padding-top:1em;}

.BlogPost ul.slides > li{aspect-ratio: 4 / 1.39;}
.BlogPost #intro h1{font-size: 2.8em;max-width:40rem;display:block;flot:left;}
.BlogPost #intro .intro-copy{/* text-align:left; *//* padding: 7em 4% 4.25em; */}
.BlogPost #intro ul.listing-meta li.category{/* font-size:1.25em; *//* padding-bottom:1em; */}
.BlogPost #intro ul.listing-meta li.category:before{/* font-size:2em; *//* transform: translateY(33%); */}
.BlogPost .column-1 .inner-default{/* max-width: 1280px; */}

.pagelist-wrapper .BlogPost.col{/* min-width: 33.33% !important; *//* padding-bottom: 0% !important; */}

.BlogPost p:empty{display:none;}
article.blog-article{/*background:none !important;*/}
article.blog-article ul.listing-meta li{display:none;}
article.blog-article ul.listing-meta li.date{display:block;}
article.blog-article ul.listing-meta li:before{display:none;}


.selectors {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75em;flex-wrap: wrap;}
.selectors label{display:none;}
.selectors .select-wrapper {position:relative;background:#F3F3F3;border:none;border-radius:1em;width:auto;float:left;padding:0 0.4em 0em 1.7em;/* font-size:1em; */font-family:"Droid Sans", Helvetica, Arial, sans-serif;height:1.5em;min-width: fit-content;}
.selectors .select-wrapper:after {content:" ";position:absolute;top:50%;margin-top:-2px;right:.5em;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #243445;pointer-events:none}
.selectors .select-wrapper.search:after{display:none;}
.selectors .select-wrapper.search input{font-family:"Droid Sans", Helvetica, Arial, sans-serif;border:0;background:none;line-height:1.4;padding:0 .5em;color:#434343;}
/*
.select-wrapper.search input:-ms-input-placeholder,
.select-wrapper.search input::-moz-placeholder,
.select-wrapper.search input:-moz-placeholder,
#search-input::-webkit-input-placeholder{color:#ff0000 !important; }
*/


.select-wrapper.search ::-webkit-input-placeholder{color:#434343 !important;font-size:1em}
.select-wrapper.search ::-moz-placeholder{color:#434343 !important;font-size:1em}
.select-wrapper.search :-ms-input-placeholder{color:#434343 !important;font-size:1em}
.select-wrapper.search :-moz-placeholder{color:#434343 !important;font-size:1em}


.selectors .select-wrapper:before{content:" ";position:absolute;top:0%;left:0;width:1.5em;height:1.5em;background:no-repeat center;background-size:contain;}
.select-wrapper.search:before{background-image:url(../images/icons/icon-search.svg);}
.select-wrapper.category:before{background-image:url(../images/icons/icon-category.svg);}
.select-wrapper.location:before{background-image:url(../images/icons/icon-location.svg);}
.select-wrapper.price:before{background-image:url(../images/icons/icon-price.svg);}
.select-wrapper.tags:before{background-image:url(../images/icons/icon-tag.svg);}



.staggered .inner-full-width{padding:0;}
.staggered-wrapper{}
.staggered-item{position:relative;padding-bottom: calc(72.5% / 3);}
.staggered-item .grid{background:#F3F3F3;}
.staggered-item .col{position:relative;transition: all .6s ease-out;/* transition-delay: 0s !important; *//* transform-origin: 100% 100%; */}
.staggered-item .bg-image:after{position:absolute;z-index:4;content:' ';width: 1em;height: 1em;top: 1.5em;left: 0;border-style:solid;border-width: 0.8em;border-color: transparent #F3F3F3 transparent transparent;}
.staggered-item article.page-listing{width:100%;height:100%;margin-left: 0;}
.staggered-item article.page-listing .tile-copy{position:relative;bottom: auto;color:#434343;padding: 0 20%;left: 0;filter:none;}
.staggered-item article.page-listing .bg-image:before {opacity:0; background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);}
.staggered-item article.page-listing:hover .bg-image:after{border-width:1.5em;}

  .staggered-item article.page-listing .tile-copy{display:block !important;}
 .staggered-item article.page-listing .tile-copy .smaller{display:block !important;}

@media(max-width:600px){
.staggered-item:nth-child(odd) .bg-image:after{border-color: transparent  transparent transparent #F3F3F3;}
.staggered-item:nth-child(even) .grid{flex-direction:row-reverse;}
.staggered-item:nth-child(even) .bg-image:after{left:auto;}

 .staggered-item{position:relative;/* padding-bottom: calc(62.5% / 1.25); */padding-bottom: 75%;}
 .staggered-item article.page-listing .tile-copy{padding:0 1em;}
 

}
@media(min-width:600px){

  .staggered-item :hover .col-bg{min-width: 65%;}
.staggered-item:nth-child(3n+1){width:66.666%; float:left;}
.staggered-item:nth-child(3n+1) .grid{}
.staggered-item:nth-child(3n+1) .bg-image:after{border-color: transparent  transparent transparent #F3F3F3 }

 
.staggered-item:nth-child(3n+2){width:33.333%;float:right;padding-bottom: calc(72.5% / 1.5);}
.staggered-item:nth-child(3n+2) .col{min-width: 100% !important;height: 50%;align-self: end;}
.staggered-item:nth-child(3n+2) .col-bg{height: 50%;align-self: end;}
  .staggered-item:nth-child(3n+2) :hover .col{height: 25%;}
 .staggered-item:nth-child(3n+2) :hover .col-bg{height: 75%;}
 
.staggered-item:nth-child(3n+2) .bg-image:after{ top:0; left:auto; right:1.5em; border-color: #F3F3F3 transparent transparent transparent;}
.staggered-item:nth-child(3n+2) article.page-listing .bg-image:before {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);}
.staggered-item:nth-child(3n+2) article.page-listing .tile-copy{padding:0 20%;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
 
.staggered-item:nth-child(3n+3){width:66.666%; float:left;}
.staggered-item:nth-child(3n+3) .grid{ flex-direction:row-reverse; }
.staggered-item:nth-child(3n+3) .bg-image:after{left:auto; right:0; border-color: transparent #F3F3F3 transparent  transparent;}
.staggered-item:nth-child(3n+3) article.page-listing .bg-image:before {background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);}

}

.border-top:before{position:absolute;pointer-events:none;position:absolute;height:100%;content:' ';width:100%;top:0;bottom:auto;z-index:2;left:auto;right:0;background: url(../images/design/clouds.png) no-repeat 50%  0%;background-size:100%;}

.quickfact{
    position: relative;
    font-size:.83em;
    padding:0 1em 1em;
}
.quickfact span.icon{width:1em; height:1em; display:inline-block; background:#fff;border-radius:50%;vertical-align:middle;margin-right:.5em;}
.quickfact span.icon-Highlight{}
.quickfacts-wrapper .QuickFactEntry.col{min-width: 11.7rem;max-width:33.33%;}
@media (max-width:600px){
 .quickfact{padding:0 .5em .5em .5em;}
}
.QuickFactEntry:nth-of-type(3n+1) .quickfact-title{background:var(--green); }
.QuickFactEntry:nth-of-type(3n+2) .quickfact-title{background:var(--yellow); }
.QuickFactEntry:nth-of-type(3n+3) .quickfact-title{background:var(--blue);}
.QuickFactEntry:nth-of-type(3n+1) .quickfact-title:after{border-top-color:var(--green);; }
.QuickFactEntry:nth-of-type(3n+2) .quickfact-title:after{border-top-color:var(--yellow);; }
.QuickFactEntry:nth-of-type(3n+3) .quickfact-title:after{border-top-color:var(--blue);; }

.quickfact-title{position:relative; min-height:1em;padding:1em;color:#fff;}
.quickfact-title:after{
 
  content:' ';
  position:absolute;
  z-index: 3;
  top: auto;
  left: .75em;
  bottom: -1.4em;
  border-top: 0.7em solid transparent;
  border-bottom: 0.7em solid transparent;
  border-left: 0.7em solid transparent;
  border-right: 0.7em solid transparent;
  /* border-color: red  transparent  transparent transparent; */
  }
.quickfact-content{
    padding: 1em .5em;
}

#Carousel-weather .swiper-slide {padding:.5em;}
#Carousel-weather table{font-size:15px;}
#Carousel-weather .swiper-slide:nth-of-type(3n+1) .quickfact-title {background:var(--green); }
#Carousel-weather .swiper-slide:nth-of-type(3n+2) .quickfact-title{background:var(--yellow); }
#Carousel-weather .swiper-slide:nth-of-type(3n+3) .quickfact-title {background:var(--blue);}
#Carousel-weather .swiper-slide:nth-of-type(3n+1) .quickfact-title:after{border-top-color:var(--green); }
#Carousel-weather .swiper-slide:nth-of-type(3n+2) .quickfact-title:after{border-top-color:var(--yellow);; }
#Carousel-weather .swiper-slide:nth-of-type(3n+3) .quickfact-title:after{border-top-color:var(--blue); }
#Carousel-weather .quickfact{padding:0; }
#Carousel-weather table tr:first-of-type td{border-top:0;}


/* NEWSLETTER */
.newsletter-trigger{height:0;text-align:center;font-size: 1rem;}

#newsletter .select-list input{font-weight:normal; display:inline !important; width:auto;}
#newsletter .select-list label{font-weight:normal; display:inline !important;}
#newsletter{display:none;padding-top: 2em;background: rgb(0 0 0 / 60%);}
a[href$="#newsletter"]{font-size:.76em;margin:0 auto;transform: translateY(-50%);display: block;width: fit-content;background: #050402 !important;z-index: 5;padding: 0.4em 1.1em .4em 0.5em !important;position: relative;}
a[href$="#newsletter"]:before{display:inline-block;content:' ';width: 2.1em;height: 2em;border-radius: 50%;/* border: 1px solid #6cc24a; */background: #fff url(../images/icons/newsletter-green.svg) no-repeat center;background-size: 61%;margin-right:.25em;vertical-align:middle;}
a[href$="#newsletter"]:hover{background:black !important;}

/* TABS */
span.tab-icon{margin:0 auto;padding-bottom: 100%;width: 100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;display:block;clear:both}
.tab-pane span.tab-icon{width:100%;padding-bottom:100%;}

.resp-tabs-list{list-style:none; padding:0; margin:0;}
.resp-tabs-list li .col{padding: 0 2%;}
.resp-tabs-list li {
 transform: scale(.97) !important;
 text-align:left;
 display:inline-block;
 vertical-align: bottom;
 font-size:.87em;
 padding: .3em;
 border:1px solid #e1e1e1;
 margin-right:5px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 margin-bottom:3px;
 width: calc(33.33% - 5px);
 background:#fff;
 color: #1e1e1e;
}
.resp-tabs-list li h4{font-size: 1.2em;padding-bottom: .15em;}
.resp-tabs-list li p.smaller{padding-bottom: 1em;}

.resp-tabs-list li a{text-decoration:none;color: #444444;}
.resp-tabs-list li:hover{box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);transform: scale(1) !important;}
.resp-tabs-list li.active:hover{box-shadow:none; transform:scale(1)}
 .resp-tab-item .desc {
  color:#777777;
  display:block;

}
/* .resp-tabs-list li.active, .resp-tabs-list li.active:hover { */
.resp-tabs-list li.active {border: 1px solid #e1e1e1 !important;color:inherit;border-top: 2px solid #047fa2 !important;border-bottom:0 !important;margin-bottom: -3px !important;color:inherit !important;-webkit-border-radius: 4px 4px 0 0 !important;-moz-border-radius: 4px 4px 0 0 !important;border-radius: 4px 4px 0 0 !important;background:#ffffff !important;}
 .resp-tab-content {
    display:none;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px !important;
    -moz-border-radius:3px !important;
    border-radius: 3px !important;
    background: #fff;
   color: #1e1e1e;
}
 .resp-tab-content.active{ display:block;z-index:10;}
.resp-tab-content .col { padding:3%;}

/* .has-bg-image */
body .resp-tab-content {background: #f8f9fa;color: #444444;font-size: 0.83rem;}
body .text-on-blue .resp-tab-content  a.button{ color: #007fa3;border-color: #007fa3;background:#f8f9fa; padding:.5em 1.5em;}
body .text-on-blue .resp-tab-content  a.button:hover{ color: #f8f9fa;border-color: #007fa3;background:#007fa3;}
body .resp-tabs-list li,
body .resp-tabs-list li.active{background: #f8f9fa !important;border:1px solid #ffffff;}

@media(max-width:600px){
 .nav-link.grid .col{/* flex-direction:column; */min-width:100%;max-width:100%;padding:4%; text-align:center;}
 .nav-link.grid .col p{display:none;}
 .nav-link.grid span.tab-icon{padding-bottom: 50%;}
 .nav-link.grid h4{font-size: 0.93em;}
}

.play-icon {
  position: absolute;
  width: 80px !important;
  height: 100% !important;
  margin: 0 auto;
  left: 0;
  right: 0;
}
@media(max-width:600px){
  .play-icon {
    width: 40px !important;
  }
 }
.play-icon path {
  fill: #007fa3;
}