/* INSTAGRAM NEWSLETTER */
.AskasLeads_HTML .instaNewsletter,
.AskasLeads_Tacksida .instaNewsletter {
	padding: 20px;
	background: #B9D1C3;
	color: #fff;
}
 /* Stängknappens färg måste gå på id:t på leads för den ligger utanför */
#al_pop_18 .al_close,
#al_pop_19 .al_close,
#al_pop_20 .al_close,
#al_pop_21 .al_close,
#al_pop_22 .al_close {
	color: #FFF !important;
	top: 13px;
	right: 13px;
}
#al_pop_18.al_pop.al_corner,
#al_pop_19.al_pop.al_corner,
#al_pop_20.al_pop.al_corner,
#al_pop_21.al_pop.al_corner,
#al_pop_22.al_pop.al_corner
 {
  width: 95%;
}
/*----------------------*/
.leads-wrapper p {
    font-size: 14px;
    line-height: 27px;
    font-weight: 300;
}

.AskasLeads_HTML .instaNewsletter h2,
.AskasLeads_Tacksida .instaNewsletter h2{
	text-transform: uppercase;
	font-size: 24px !important;
	line-height: 35px;
}

.AskasLeads_HTML .instaNewsletter .instagram-wrapper span,
.AskasLeads_HTML .instaNewsletter .newsletter_signup span
{
	text-transform: uppercase;
}

.AskasLeads_HTML .instaNewsletter .instagram-wrapper a {
	background: #FFF !important;
	color: #000 !important;
	margin-bottom: 15px !important;
	margin-top: 5px;
}
.AskasLeads_HTML .instaNewsletter .instagram-wrapper a::before {
	content: '\f16d';
	font-family: "Font Awesome 5 Brands";
	margin-right: 10px;
}

.AskasLeads_HTML .instaNewsletter .instagram-wrapper a.hide {display: none;}

.AskasLeads_HTML .instaNewsletter .instagram-wrapper .insta-success {
	display: none;
	background: #F6B182;
	color: #000;
	margin-bottom: 15px;
	margin-top: 5px;
	height: 40px;
	border-radius: var(--border-radius);
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	position: relative;
}

.AskasLeads_HTML .instaNewsletter .instagram-wrapper .insta-success.show {display: flex;}

.AskasLeads_HTML .instaNewsletter .instagram-wrapper .insta-success::after {
	content: '\f00c';
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 6px;
	right: 10px;
}
.AskasLeads_HTML .instaNewsletter .newsletter_signup {
	pointer-events: none;
	cursor: not-allowed;
}
.AskasLeads_HTML .instaNewsletter .newsletter_signup.enable {
	pointer-events: auto;
	cursor: auto;
}


.AskasLeads_HTML .instaNewsletter .newsletter_signup form {position: relative;}

.AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost {
	border-radius: var(--border-radius);
	background: #fff;
	height: 40px;
	margin-top: 5px;
	padding-left: 10px;
}

.AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost::-moz-placeholder
{color: #000 !important; opacity: 1 !important;}

.AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost::-webkit-input-placeholder
{color: #000 !important; opacity: 1 !important;}

.AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost:-ms-input-placeholder
{color: #000 !important; opacity: 1 !important;}

.AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Submit {
	height: 38px;
	border-radius: var(--border-radius);
	background: #fff;
	color: #000;
	width: 45px;
	position: absolute;
	top: 6px;
	right: 2px;
	cursor: pointer;
}

.AskasLeads_HTML .instaNewsletter .terms {display: none;}
.AskasLeads_HTML .instaNewsletter .terms a {
	text-transform: none !important;
	text-decoration: underline;
	font-size: 13px;
	background: none !important;
	margin-bottom: 0 !important;
}

.AskasLeads_HTML .instaNewsletter .dash,
.AskasLeads_Tacksida .instaNewsletter .dash {
	border:  1px dashed #fff;
	padding: 15px;
	border-radius: var(--border-radius);
}

/*.AskasLeads_Tacksida .instaNewsletter h2{
	text-transform: uppercase;
	font-size: 24px !important;
	line-height: 35px;
}*/



/* LEADS CONTENT */
.al_pop{background:#fff;width: 100%; z-index:99;}
.AskasLeads_HTML, .AskasLeads_Tacksida {height:100%; width: 100%; max-width: var(--max-width);;  margin:0 auto; text-align: center;padding:var(--gutter);}
.AskasLeads_HTML form{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 800px; margin:0 auto; flex-wrap: wrap; margin-bottom: 30px;}
.AskasLeads_HTML .AskasLeads_Epost{width: 100%; margin-right:var(--gutter); margin-bottom: 10px; border-radius: 5px; background: #eee;font-size: 14px;font-weight: 300;}
.AskasLeads_HTML .AskasLeads_Submit {-webkit-appearance: button; width:auto;text-align: center; color: #fff; font-weight:700; display: inline-block; border-radius: 5px; cursor:pointer; padding: calc(var(--gutter)/2) var(--gutter);  border:0;
background: #f5b184;
height: 35px;
line-height: 35px;
padding: 0 10px;
width: 100%;
}

/*Close*/
span.al_close{position: absolute;top: 30px; right: 30px;}
span.al_close:after{font-family: "Font Awesome 5 Pro"; content: "\f00d"; font-size: 1.4em;text-align: center; cursor: pointer;width: calc(var(--gutter)*1.8);}
span.al_close i{display: none;}

/*GENERAL*/
.al_pop span.al_close {
	/* SET CLOSE BUTTON STUFF HERE */
	background: transparent; 
	color: #000;
}

/*ALIGNED */
.al_pop.al_top {
	position: fixed;
	top: 0;
	left:0;
}
.al_pop.al_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
}

.al_pop.al_corner {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
	width: 85%;
	max-width: 470px;
	/*height: 90%;*/
	max-height: 670px;
    z-index: 69;
	box-shadow: 0px 0px 8px #00000033;
	overflow: auto;
	border-radius: var(--border-radius);
}

.al_pop.al_corner h2 {
	font-style: normal;
	font-size: 28px;
	font-weight: 500;
	margin: 10px 0;
}
.al_pop.al_corner p {
	margin: 15px 0;
}

.checkmark-icon{
	background:#b8d0c3 ;
	color:#fff ;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
    margin: 20px auto;
    border-radius: 50px;
}
.checkmark-icon:before {
	font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: '\f00c';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
}


.leads-wrapper{
	padding: 0 4em;
}

.al_pop.al_corner #AskasLeads_HTML form {
	flex-direction: column;
	margin-bottom: 2em;
}
.al_pop.al_corner #AskasLeads_HTML form input{
	background: #f1f1f1;
	height: 40px;
	border-radius: var(--border-radius);
}
.al_pop.al_corner #AskasLeads_HTML form #AskasLeads_Submit, .al_pop.al_corner a{
	background: #f7b284;
}
.al_pop.al_corner a{
	width: 100%;
    height: 40px;
    border-radius: var(--border-radius);
    margin-bottom: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
	text-transform: uppercase;
	font-style: normal;
}

#AskasLeads_HTML {}

@media screen and (min-width: 750px) {	
	.al_pop.al_corner img {
		/*padding: 0em 2em 0 2em;*/
	}
}

@media screen and (max-width: 750px) {	
	.al_pop.al_corner{width: 80%;}

	.leads-wrapper{
		padding: 0 1em;
	}
	.al_pop.al_corner h2 {
		font-size: 20px !important;
	}
	.al_pop.al_corner p {
		font-size: 14px;
	}
}