
.img-replace { display: inline-block;  overflow: hidden;  text-indent: 100%;  color: transparent;  white-space: nowrap;}
.cd-nugget-info {  text-align: center;  position: absolute;  width: 100%;  height: 50px;  line-height: 50px;  bottom: 0;  left: 0;}
.cd-nugget-info a {  position: relative;  font-size: 14px;  color: #5e6e8d;  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  transition: all 0.2s;}
.no-touch .cd-nugget-info a:hover {  opacity: .8;}
.cd-nugget-info span {  vertical-align: middle;  display: inline-block;}
.cd-nugget-info span svg {  display: block;}
.cd-nugget-info .cd-nugget-info-arrow {  fill: #5e6e8d;}
/*.cd-popup-trigger {  display: block;  width: 170px;  height: 50px;  line-height: 50px;  margin: 2em auto;
  text-align: center;  color: #FFF !important;  font-size: 14px;  font-size: 0.875rem;  font-weight: bold; text-transform: uppercase;
  border-radius: 50em;  background: #35a785;  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}*/

/* -------------------------------- 
popup 
-------------------------------- */
.cd-popup {  position: fixed; z-index:999;  left: 0;  top: 0;  height: 100%;  width: 100%;  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;  visibility: hidden;  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;  transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-popup.is-visible {  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;  transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {color:#333;  position: relative;  width: 90%;  max-width: 1000px;  margin: 4em auto;  background: #FFF;
  border-radius: .25em .25em .4em .4em;  text-align: center;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {  padding:0 2em 2em 2em;}
.cd-popup-container .cd-buttons:after {  content: "";  display: table;  clear: both;}
.cd-popup-container .cd-buttons li {  float: left;  width: 50%;  list-style: none;}
.cd-popup-container .cd-buttons a {  display: block;  height: 60px;  line-height: 60px;  text-transform: uppercase;  color: #FFF;
  -webkit-transition: background-color 0.2s;  -moz-transition: background-color 0.2s;  transition: background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {  background: #fc7169;  border-radius: 0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {  background-color: #fc8982;}
.cd-popup-container .cd-buttons li:last-child a {  background: #b6bece;  border-radius: 0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {  background-color: #c5ccd8;}
.cd-popup-container .cd-popup-close {  position: absolute;  top: 10px;  right: 28px;  width: 30px;  height: 30px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';  position: absolute;  top: 18px;  width: 21px;  height: 3px;  background-color: #555;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 5px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 4px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.cd-popup-container p {padding: 0 1em 1em 1em;}
.cd-popup-container .cd-popup-close {  right: 10px; }
}

