#collapsible-button {
	color: #93c26f !important;
	border: 2px solid #93c26f !important;
}
#collapsible-button:hover {
	color: #fff !important;
	background: #93c26f !important;
}

.adjacent-tiles-container .collapse > .col-md-12 > .col-md-4,
.adjacent-tiles-container > .col-md-12 > .col-md-4 {
  width: calc(33.33333% - 20px);
  margin: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
.adjacent-tiles-container .collapse > .col-md-12 > .col-md-8,
.adjacent-tiles-container > .col-md-12 > .col-md-8 {
  width: calc(66.66667% - 20px);
  margin: 10px;
  padding-left: 0px;
  padding-right: 0px;
}

/*
@media (min-width: 768px) {
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
}*/



@media only screen and (max-width: 999px) and (min-width: 768px) {
  .adjacent-tiles-container .collapse > .col-md-12 > .col-md-8,
  .adjacent-tiles-container > .col-md-12 > .col-md-8 {
    width: calc(66.66667% - 16px);
    margin: 8px;
  }
  .adjacent-tiles-container .collapse > .col-md-12 > .col-md-4,
  .adjacent-tiles-container > .col-md-12 > .col-md-4 {
    width: calc(33.33333% - 16px);
    margin: 8px;
  }
  .collapse .adjacent-tiles .card-container .headline,
  .collapse .adjacent-tiles .card-container .headline a,
  .adjacent-tiles .card-container .headline,
  .adjacent-tiles .card-container .headline a  {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  .adjacent-tiles .card-container .subHeadline,
  .adjacent-tiles .card-container .subHeadline a {
    line-height: 1.4 !important;
  }
}


@media only screen and (max-width: 767px) {
  .adjacent-tiles-container .collapse > .col-sm-12 > .col-sm-8,
  .adjacent-tiles-container > .col-sm-12 > .col-sm-8 {
    width: calc(100%);
    margin: 10px 0;
  }
  .adjacent-tiles-container .collapse > .col-sm-12 > .col-sm-4,
  .adjacent-tiles-container > .col-sm-12 > .col-sm-4 {
    width: calc(100%);
    margin: 10px 0;
  }
  .adjacent-tiles-container .collapse .col-sm-12 ,
  .adjacent-tiles-container .col-sm-12  {
    width: calc(100%);
    padding:0;
  }
}


.adjacent-tiles .card-wrapper {
  padding:15px;
  width: 100%;
  overflow: hidden;
}

.adjacent-tiles .card-wrapper a {
  border-color: #0596ae !important;
  color: #0596ae !important;
}
.adjacent-tiles .card-wrapper a:hover {
  background-color: #0596ae !important;
	color: #fff !important;
}


.adjacent-tiles .transparent-opacity {
  opacity: .945;
}

.adjacent-tiles .card {
  transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  /*
  background-image: linear-gradient(to top, #06212e, #0c4964 );
  background-color: #06212e;
  */
  /* background-image: linear-gradient(to top, white, white ); */
    background: rgba(0,0,0,0.5);
}

.adjacent-tiles .articles {
  //min-height: 342px;
  min-height: 135px;
}

.adjacent-tiles .card.fixed-width {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  display: table;
}

.adjacent-tiles .card.cardv-middle {
  top: 50%;
  -ms-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}

.adjacent-tiles .card.cardh-left {
  left: 20px;
}

.adjacent-tiles .card.cardv-middle {
  top: 50%;
  -ms-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}

.adjacent-tiles .card.cardh-middle {
  left: 50%;
  -ms-transform: perspective(1px) translateX(-50%);
  transform: perspective(1px) translateX(-50%);
}

.adjacent-tiles .card.cardh-middle.cardv-middle {
  top: 50%;
  left: 50%;
  -ms-transform: perspective(1px) translate(-50%, -50%);
  transform: perspective(1px) translate(-50%, -50%);
}



.adjacent-tiles .image-box {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.adjacent-tiles .cardTitle, .adjacent-tiles .cardTitle a {
  font-family: "Graphik Bold","Arial Black",Sans-Serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: normal;
}

.adjacent-tiles .card-container .cardTitle {
  padding: 20px 35px 0 20px;
  margin: auto;
  color: #9B9B9B;
  text-transform: uppercase;
  text-decoration: none;
}
.cta, .ucase, trigger {
  text-transform: uppercase;
}

.adjacent-tiles .card-container .headline, .adjacent-tiles .card-container .headline a {
  /*font-family: "Graphik Bold","Arial Black",Sans-Serif;
  font-weight: normal;
  font-size: 3rem;*/
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.adjacent-tiles .card-container .headline {
  color: #444;
  transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.4;
  overflow: hidden;
}

.adjacent-tiles .card-container .subHeadline, .adjacent-tiles .card-container .subHeadline a {
  /*font-family: "Graphik Medium",Arial,Sans-Serif;
  font-weight: normal;
  font-size: 1.7rem;*/
}

.adjacent-tiles .card-container .subHeadline {
  color: #ffffff;
  margin-bottom: 10px;
  /*line-height: 1.5;*/
  overflow: hidden;
  /*padding :15px;*/
}

/* adding style to fix line-height problem in header*/

@media screen and (min-width: 1000px) {
    ul .tertiary-item a {
        line-height: 1 !important;
    }
}

/* end of line-height problem fix in header */

.adjacent-tiles .image-box video.mp4Bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%) !important;
}
p.btnsignup a:hover {
    color: #000 !important;
}
@media (max-width: 1024px){
.banner-container img {
    left: 48% !important;
}
}

@media (min-width: 320px) and (max-width: 1024px)
        {
             .adjacent-tiles br
             {
                display: none;
             }
             .adjacent-tiles .cta
             {
               display: block;
               margin-top: 12px;
             }
        }