.d-mobile-mode-prompt{
  display: none;
}

.d-mobile-bubble{
  display: none !important;
}
.d-mobile-arrow-up {
  display: none;
}



.cross {
  font-weight: 100 !important;
}

.d-who-we-are-modal::after{
  background: #98dcc7 !important;
}
.d-who-we-are-modal .box-container {
  background: #ffc670;
  border-radius: 0 0 45px 45px !important;
}
.d-about-modal::after{
  background: #ea7f82 !important;
}
.d-about-modal .box-container {
  background: #7794cc;
  border-radius: 0 0 45px 45px !important;
}
.d-what-we-do-modal::after{
  background: #00bac3 !important;
}
.d-what-we-do-modal .box-container {
  background: #0070ad;
  border-radius: 0 0 45px 45px !important;
}
.d-who-modal::after{
  background: #0070ad !important;
}
.d-who-modal .box-container {
  background: #ff6273;
  border-radius: 0 0 45px 45px !important;
}
.d-srf-modal::after{
  background: #ffa0cd !important;
}
.d-srf-modal .box-container {
  background: #fc6d40;
  border-radius: 0 0 45px 45px !important;
}
.d-dps-modal::after{
  background: #15774c !important;
}
.d-dps-modal .box-container {
  background: #ffc76e;
  border-radius: 0 0 45px 45px !important;
}
.d-team-modal::after{
  background: #ea7f82 !important;
}
.d-team-modal .box-container {
  background: #7794cc;
  border-radius: 0 0 45px 45px !important;
}
.d-casestudies-modal::after{
  background: #00bac3 !important;
}
.d-casestudies-modal .box-container {
  background: #0070ad;
  border-radius: 0 0 45px 45px !important;
}
.d-contact-modal::after{
  background: #98dcc7 !important;
}
.d-contact-modal .box-container {
  background: #ffc670;
  border-radius: 0 0 45px 45px !important;
}








.d-red,
.d-green,
.d-pink,
.d-blue {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
}
.d-red {
  background: #ff6273;
}
.d-green {
  background: #00bac3;
}
.d-pink {
  background: #ff6bb1;
}
.d-blue {
  background: #0070ad;
}





.d-para-blue {
  background: #00b0e2;
  padding: 18px 12px 1px;
  border-radius: 10px;
}
.d-para-pink {
  background: #ff6bb1;
  padding: 18px 12px 1px;
  border-radius: 10px;
}
.d-para-peach {
  background: #ff8d95;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-para-violet {
  background: #c7628b;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-who-para-pink {
  background: #ffa0cd;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-who-para-purple {
  background: #d3a1ff;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-srf-para-yellow {
  background: #ffc76e;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-srf-para-pink {
  background: #d3a1ff;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-dps-para-blue {
  background: #00aee7;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-dps-para-green {
  background: #98dcc7;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-team-para-yellow {
  background: #ffac42;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-team-para-peach {
  background: #ff7a72;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-casestudies-para-peach {
  background: #ff8d95;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-casestudies-para-magenta {
  background: #c7628b;
  padding: 10px 12px 10px;
  border-radius: 10px;
}
.d-contact-para-blue{
  background: #00b0e2;
  padding: 10px 12px 10px;
  border-radius: 10px;
  display: inline-block;
  margin: -10px 0 15px 0;
}
.d-contact-para-green{
  background: #98dcc7;
  padding: 10px 12px 10px;
  border-radius: 10px;
  display: inline-block;
}







.d-btn-pink {
  margin: 15px 0 0 0 !important;
  background: #ffa0cd !important;
  border-radius: 6px;
}
.d-btn-pink:hover{
  background: #fff !important;
  color: #ffa0cd !important;
}
.d-btn-orange {
  margin: 15px 0 0 0 !important;
  background: #fc6d40 !important;
  border-radius: 6px;
}
.d-btn-orange:hover {
  background: #fff !important;
  color: #fc6d40 !important;
}
.d-btn-blue {
  margin: 15px 0 0 0 !important;
  background: #0070ad !important;
  border-radius: 6px;
}
.d-btn-blue:hover {
  background: #fff !important;
  color: #0070ad !important;
}




.d-read-more-blue {
  margin: 0 0 5px !important;
  background: #0070ad !important;
  padding: 5px 12px 5px !important;
  border-radius: 6px;
  color: #fff !important;
  display: inline-block;
}
.d-read-more-blue:hover {
  background: #fff !important;
  color: #0070ad !important;
}
.d-read-more-pink{
  margin: 0 0 5px !important;
  background: #ffa0cd !important;
  padding: 5px 12px 5px !important;
  border-radius: 6px;
  color: #fff !important;
  display: inline-block;
}
.d-read-more-pink:hover{
  background: #fff !important;
  color: #ffa0cd !important;
}






/* Portrait and Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.d-desktop-bubble{
  display: none !important;
}

.d-mobile-bubble{
  display: block !important;
}


.d-mobile-arrow-up {
  display: block;
  margin: -430px 0 0 30px;
}
}









@media (min-width: 640px) {
.d-contact-pop img{
  width: 150px;
  float: left;
  padding: 10px 20px 40px 0 !important;
}
.d-contact-pop p{
  position: relative;
  padding: 35px 0 50px 0;
}
.d-contact-pop p a{
  color: #fff !important;
}
.d-contact-pop p a:hover{
  color: #15774c !important;
}
#bg5 .colorbox{
  width: 70vw;
}
.startover-btn {
  color: #fff !important;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  text-align: center;
  width: 200px;
  margin-top: 40px;
  background: #15774c;
  margin: 0 auto;
  padding: 5px 2px;
  font-weight: bold !important;
}
.startover-btn:hover {
  background: #f9f3ea;
  transition: all 1s;
}

}
  





@media (max-width: 640px) {

.d-mobile-mode-prompt{
  display: block;
  position: absolute !important;
  bottom: 0px !important;
  width: 100% !important;
  padding: 0px 20px !important;
  font-size: 14px !important;
  text-align: center !important;
  margin: 0 auto 60px !important;
}





  .d-contact-pop p{
    padding: 25px 0 50px 0 !important;
  }





/*.d-contact-para-blue {
  margin: 40px 0 15px 0 !important;
}*/

}



@media screen and (min-device-width: 320px) and (max-device-width: 768px){
.d-desktop-bubble{
  display: none !important;
}

.d-mobile-bubble{
  display: block !important;
}


.d-mobile-arrow-up {
  display: block;
  margin: -430px 0 0 30px;
}

}