/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 30 2024 | 06:06:46 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

 #float-container {
            position: fixed;
            right: 0px;
            top: 40%;
            transform: translateY(-30%);
            white-space: nowrap;
            z-index: 10000005;
            /*margin-right: 15px;           */
        }
        #float-container .floatcol{
                font-size: 1.5em;
                color: #fff;
                text-decoration: none;
                align-items: center;
        }
        #float-container:hover .float-container{max-width: 205px !important;}
        #float-container .float-container .float .floatcol span.ae-compliance-indent{
            display: inline;
            color: #fff;
            padding: 10px 12px;
            background: rgba(254, 195, 12,0.6);
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }
        #float-container .float-container .float .floatcol span.ae-compliance-indent .link{
            font-size: 1em;text-decoration: none;
            color: #fff;
            padding-right: 5px;
        }
        #float-container .float-container .float .floatcol:hover span.ae-compliance-indent{
            display: inline;
            background: rgb(254, 195, 12);
        }
        @media(max-width: 600px){
             #float-container {top: 40% !important;
             }
             #float-container:hover .float-container{max-width: 205px !important;}
        #float-container .float-container .float .floatcol span.ae-compliance-indent{
            background: rgb(254, 195, 12) !important;
        }
        }
.footer-fix-btn .wpb_raw_code {
    margin-bottom: 0px !important;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 99999999;
}

/* Modal Content/Box */
.modal-content {
  background-color: #003471;
background-image: url(https://custompoolpros.com/wp-content/uploads/2018/02/dp-cryp-blx01.png) !important;
    background-size: cover;
    /*margin: 15% auto;*/
    padding: 40px 70px;
  border: 1px solid #888;
  width: 65%; /* Could be more or less, depending on screen size */
position: absolute;
top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.forminator-row:not(:last-child) {
    margin-bottom: 40px !important;
}
@media(max-width:950px){
.modal-content{
width: 75%;
padding: 30px 60px;
}
}
@media(max-width:600px){
.modal-content{
width: 95%;
padding: 30px 50px;
}
}