.ccp-section-overlay {
  position: absolute; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,208,132,0.7) ; /* Black background with opacity */
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}


.ccp-section-overlay.active{
    display: unset;
}

.ccp-section-button-wrapper {
 margin: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.ccp-button-wrap {
    margin-bottom: 10px;
}

#ccp-footer-button-wrapper.active, #ccp-footer-option-wrapper.active{
    display: unset;
}

#ccp-footer-button-wrapper, #ccp-footer-option-wrapper {
 transition: all .25s ease-in-out;
 position: fixed;
 bottom: 20%;
 right: 2%;
 z-index: 999999999;
 display: none;
}

#ccp-footer-button-wrapper.left, #ccp-footer-option-wrapper.left {
    right: unset;
    left: 2%;
}

.ccp-button {
    outline: none;
    z-index: 1;
    position: relative;
    background: transparent;
    max-height: 40px;
    border: 0;
    border-radius: 3px;
    margin: 0;
    padding: 12px;
    box-sizing: border-box;
    transition: background .2s ease;
    font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 600;
    line-height: 16px !important;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    text-transform: none;
    min-height: 0;
    background: #4c5866;
    color: #f1f5f9;
    display: inline-block;
    width: 14em;
    font-size: 13px;
    text-align: center;
    display: inline-block;
}

.ccp-button:hover {
    background: #6c2eb9;
}

#ccp-floating-menu {
    transition: all .25s ease-in-out;
    position: fixed;
    bottom: 10%;
    right: 2%;
    z-index: 999999999;
    cursor: pointer;
    background: #29c4a9;
    padding: 14px 14px 10px 14px;
    color: #fff;
    border-radius: 30%;
    opacity: 0.7;
}

#ccp-floating-menu.left{
    right: unset;
    left: 2%;
}

#ccp-floating-menu:hover {
    opacity: 1;
}

#ccp-floating-menu img {
   height: 40px;
}


#ccp-floating-menu.active {
    background: #6c2eb9;
    opacity: 1;
}