.ddexitpop{

	display:none;

}



#ddexitpopwrapper.open{

	overflow-y:auto;

	padding-top:120px;

	height: 100vh;

}

	

#ddexitpopwrapper { /* dynamically generated wrapper DIV that surrounds exit pop content DIV */

    display: flex; 

	position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 100000;

	pointer-events: none;

	align-items: center;

    justify-content: center;

	

	/* overflow-y:auto; */

	padding-top:3%;

}



#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;

	overflow:hidden;

	

}





.ddexitpop { /* user defined exit popup DIV style */

    width: 90%;

    max-width: 900px;

    padding: 0px;

    z-index: 2;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    /* border: 20px solid black; */ border: 20px solid white;

    background: #C8C8C8;

    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 */

    /* display:none; */ 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 */

	display:block; 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 */

	}

}





/* CSS Document */

@font-face {

	font-family: 'AbadiMTCondensedExtraBold';

	src: url('../fonts/AbadiMTCondensedExtraBold.eot');

	src: url('../fonts/AbadiMTCondensedExtraBold.eot') format('embedded-opentype'), url('../fonts/AbadiMTCondensedExtraBold.woff2') format('woff2'), url('../fonts/AbadiMTCondensedExtraBold.woff') format('woff'), url('../fonts/AbadiMTCondensedExtraBold.ttf') format('truetype'), url('../fonts/AbadiMTCondensedExtraBold.svg#AbadiMTCondensedExtraBold') format('svg');

}

/*--------------Global Styles---------------- */

.wrapper_popup {

	min-height:700px;

	margin:0 auto;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	padding:20px 15px;	

}

.wrapper_popup .h1class {

	font-family: 'AbadiMTCondensedExtraBold', sans-serif;

	font-size:62px;

	line-height:62px;

	color:#fff;

	text-align:center;

	text-transform:uppercase;

	font-weight:400;

	margin:0 0 20px;

}

.wrapper_popup .h2class {

	font-family: 'Open Sans', sans-serif;

	font-size:34px;

	line-height:46px;

	color:#fff;

	text-align:center;

	font-weight:400;

	margin:0 0 20px;

}

.wrapper_popup p {

	font-family: 'Open Sans', sans-serif;

	font-size:20px;

	line-height:24px;

	color:#fff;

	text-align:center;

	font-weight:300;

	margin:0 0 20px;

}



.wrapper_popup #exitpopup_title, .wrapper_popup #exitpopup_subline {

	font-family: 'Open Sans', sans-serif;

	font-size:20px;

	line-height:24px;

	color:orangered;

	text-align:justify;

	font-weight:900;

	margin:0 0 20px;

}



/*--------------Global Styles End---------------- */



.popup1 {

	background:url(../images/popup_bg1.jpg) no-repeat center top;

	background-size:cover;

}

.popup2 {

	background:url(../images/popup_bg2.jpg) no-repeat center top;

	background-size:cover;

}

.popup3 {

	background:url(../images/popup_bg3.jpg) no-repeat center top;

	background-size:cover;

}



.wrapper_popup .form-control {

	font-size:20px;

	line-height:36px;

	height:auto;

}

.wrapper_popup .btn {

	font-size:22px;

	text-transform:uppercase;

	font-weight:800;

	padding:15px 0;

	border-radius:5px;

	border:0;

	white-space:normal;

	color:#fff;

	background-color: #f9612f;

	background: -webkit-gradient(linear, left top, left bottom, from(#fe6532), to(#e35121));

	background: -webkit-linear-gradient(top, #fe6532, #e35121);

	background: -moz-linear-gradient(top, #fe6532, #e35121);

	background: -ms-linear-gradient(top, #fe6532, #e35121);

	background: -o-linear-gradient(top, #fe6532, #e35121);

}

}

.wrapper_popup .btn:hover, .wrapper_popup .btn:active, .wrapper_popup .btn:focus {

	background: #d15b32;

	border:none;

}

.wrapper_popup .btn-size18 {

	font-size:18px;

	padding:12px 0;

}

.wrapper_popup .form-group {

	margin-bottom:1.5rem;

}

.wrapper_popup .size72 {

	font-family: 'Lato', sans-serif;

	font-size:72px;

	line-height:72px;

	font-weight:900;

	padding-top:30px;

}

.wrapper_popup .size16 {

	font-family: 'Lato', sans-serif;

	font-size:16px;

	line-height:20px;

	font-weight:400;

	padding-top:50px;

}

.wrapper_popup .size30 {

	font-size:30px;

	line-height:36px;

	font-weight:600;

}

.wrapper_popup .size22 {

	font-size:22px;

	font-weight:400;

	line-height:26px;

}

.wrapper_popup .size18 {

	font-size:18px;

	font-weight:400;

	line-height:24px;

}

ul.offer-list {

	width:400px;

	margin:0 auto 40px;

	list-style:none;

	padding:0 0 0 30px;

}

ul.offer-list li {

	font-size:22px;

	color:#fff;

	background:url(../images/bullets.png) no-repeat left center;

	padding:5px 0 5px 40px;

}

.close_link {

	text-decoration:underline;

	color:#fff !important;

}

.popup3 ul.offer-list {

	width:600px;

}

 

@media (max-width: 767.98px) {

.popup3 ul.offer-list {

	width: 90%;

}

.hide {

	display:none;

}

}

@media (max-width: 575.98px) {

ul.offer-list,.popup3 ul.offer-list {

	width: 100%;

	padding:0;

}

.wrapper_popup .btn {

	font-size:16px;

}

}

@media (max-width: 480px) {

.wrapper_popup .size72,.wrapper_popup .h1class{ font-size:42px; line-height:52px;}

.wrapper_popup .size30,.wrapper_popup .h2class {

    font-size: 26px;

    line-height: 32px;    

}

}

.wrapper_popup .text-right {

	text-align:right;

}