﻿a { color:#0000ff;  text-decoration:none;}
p {	margin-bottom:.5em; margin-left:0; margin-right:0; margin-top:0;}

#popup { visibility:hidden; 
 display:block;
 margin:auto;
 background:rgba(238,238,238,1);
 border:30px #3399FF solid; border-radius:10px;
 width:auto;  height:auto;}
 
#popup-block-8 {
 display:block;position:relative;
 background:rgba(255,255,255,1);
 border-style:none; border-radius:5px;
 margin:auto 0;
 width:100%;  height:auto;}

h1 {position:relative; text-align: center; color:#4b9123; font-size: 48px; font-family: Lato; font-weight:100; margin:0 auto;width:auto; margin-bottom:.5em; padding:5px 10px;}

#popup-text-20 { color:#4b9123;
 display:block;position:relative;
 background:rgba(255,255,255,0);
 width:auto; height:auto;}
  
#popup-text-20 p { line-height: 43px; text-align: center; font-size:36px; font-family:lato; font-weight:bold;}

#popup-box-29 {
 display:block;position:relative;
 background:rgba(247,247,242,1);
 width:auto; height:auto; margin:15px; }

#popup-form-30 {
 display:block;position:relative;
 margin:15px auto;
 width:90%; height:auto; }

#popup-form-30 form {padding-bottom:1px;}
#popup-button-31 {
 display:block; position:relative;
 border-radius:5px;
 margin:20px auto 5px auto;
 width:100px; height:50px;
 background:rgba(250,130,5,1); color:#fff;
 font-size:20px; line-height:24px; font-weight:400; text-align:center;}


#popup-text-21 {
 display:block;
 background:rgba(255,255,255,0);
 width:auto; height:75px;}

#popup-text-21 p { text-align:center; color:#333; font-size:18px; }



#popup-root .lp-positioned-content {
 top:0px;
 width:1000px;
 margin-left:-500px;
}
#popup-block-8 .popup-block-content {
 margin-left:auto;
 margin-right:auto;
 width:1000px;
 height:688px;
}
#popup_email_container {
 position: relative;
 top:0px; left:0px;
 width:100%; height:39px;
}


.popup-form-field .ub-input-item.single.form_elem_email {
 position: relative;
 margin:5px auto;
 width:90%;
 height:39px;
}
#popup-button-31:hover {
 background:rgba(238,111,4,1);
 box-shadow:none;
 color:#fff;
}
#popup-button-31:active {
 background:rgba(225,100,3,1);
 box-shadow:none;
 color:#fff;
}
#popup-button-31 .label {
 margin-top:-12px;
}
#popup-form-30 .fields {
 margin:-5px;
}
#popup-form-30 .popup-form-field .single {
 height:39px;
 font-size:17px;
 line-height:17px;
 padding-left:10px;
 padding-right:10px;
 flex:1;
}
#popup-form-30 .popup-form-field select {
 height:37px;
}
#popup-form-30 .popup-form-field .form_elem_multi {
 padding-top:10px;
 padding-bottom:10px;
}
#popup-form-30 .popup-form-field .lp-form-label {
 font-family:Lato;
 font-weight:400;
 font-size:14px;
 line-height:15px;
 color:#fff;
 display:block;
 margin-bottom:4px;
 width:auto;
 margin-right:0px;
}
#popup-form-30 .popup-form-field .lp-form-label .label-style {
 font-weight:bolder;
 font-style:inherit;
}
#popup-form-30 .popup-form-field input[type=text], #popup-form-30 .popup-form-field input[type=email], #popup-form-30 .popup-form-field input[type=tel], #popup-form-30 .popup-form-field textarea, #popup-form-30 .popup-form-field select {
 border-style:solid;
 border-width:1px;
 border-color:#fafafa;
}
#popup-form-30 .popup-form-field .opt-label {
 font-family:arial;
 font-weight:400;
 font-size:13px;
 color:#000;
 line-height:15px;
}
#popup-form-30 .popup-form-field .opt-label .label-style {
 font-weight:inherit;
 font-style:inherit;
}
#popup-form-30 .popup-form-field .text {
 background-color:#fff;
 color:#000;
 border-radius:2px;
}








#ddexitpopwrapper { /* dynamically generated wrapper DIV that surrounds exit pop content DIV */
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	pointer-events: none;
    align-items: center;
    justify-content: center;
}

#ddexitpopwrapper .veil{ /* dynamically generated "overlay" DIV that covers entire window when pop up is shown */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    content: "";
    z-index: 1;
    display: none;
    cursor: default;
}


.ddexitpop { /* user defined exit popup DIV style */
    width: 90%;
    max-width: 700px;
    padding: 10px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 0;
    top: -100px; /* shift popup DIV upwards by 100px from middle of screen */
	-webkit-animation-duration: .5s; /* customize animation duration */
	animation-duration: .5s; /* customize animation duration */
    visibility: hidden;
}



.ddexitpop .calltoaction{ /* demo button style */
	display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px;
    background: #15C5FF;
    display: block;
    width: 80%;
    font: bold 24px Arial;
    box-shadow: 0 0 15px gray, 0 0 10px gray inset;
    margin: 10px auto;
    text-align: center;
    color: white !important;
}


div.closeexitpop{ /* Large x close button  */
	width: 70px;
	height: 70px;
	overflow: hidden;
	display: none;
	position: fixed;
	cursor: pointer;
	text-indent: -1000px;
	z-index: 3;
	top: 10px;
	right: 10px;
}


#ddexitpopwrapper.open{
	pointer-events: auto;
}

#ddexitpopwrapper.open .veil{ /* style of veil when exit pop is open */
    display: block;
}

#ddexitpopwrapper.open div.closeexitpop{
    display: block;
}

#ddexitpopwrapper.open .ddexitpop{ /* style of exit pop content DIV when exit pop is open */
    visibility: visible;
}


/* #### CSS that's applied when the viewing area's height is 765px or less #### */

@media screen and (max-height: 765px){
	.ddexitpop{
		top: 0; /* don't shift exit pop up upwards 100px on screens that aren't very tall */
	}
}






