.optin {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	z-index: 998;
}	
	.optin .bg {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left:  0;
		opacity: 0.7;
		background-color: #000000;
		z-index: 998;		
	}	
	.optin .layer {
		width: 810px;
		background-color: #FFFFFF;
		z-index: 999;
	}
		.optin .layer .closeButton {
			background-position: -312px -281px;
			width: 38px;
			height: 38px;
			display: block;
			right: -18px;
			top: -17px;
			position: absolute;
			background-image: url(../img_layout/sprite.png);
		}
		.optin .layer .top {
			box-sizing: border-box;
			padding: 0 93px;
		}
			.optin .layer .top h2 {
				color: #f37a1f;
				text-align: center;
				margin: 25px 0 20px;
			}
			.optin .layer .top p {
				text-align: center;
			}
			
			.optin .layer .top .switches {
				overflow: hidden;
			}
				.optin .layer .top .switches ul {
					display: block;
					list-style: none;
					margin: 20px -1px;
					width: 627px;
				}
					.optin .layer .top .switches ul li {
						width:  207px;
						margin: 0 1px;
						height: 112px;
						float: left;
						background-color: #E9EAEC;
						position: relative;
					}
						.optin .layer .top .switches ul li a {
							width: 207px;
							margin: 0 1px;
							height: 112px;
							float: left;
							background-color: #FFFFFF;
							position: relative;
							box-sizing: border-box;
							border: 2px solid #E9EAEC;
							color: #B5B5B5;							
						}
						.optin .layer .top .switches ul li a.active {
							width: 207px;
							margin: 0 1px;
							height: 112px;
							float: left;
							background-color: #E9EAEC;
							position: relative;
							box-sizing: border-box;
							border-top: 3px solid #f37a1f;
							color: #f37a1f;
						}
						.optin .layer .top .switches ul li a.selected:before {
							content: "";
							position: absolute;
							top: -0.5px;
							left: 50%;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 15px 14.5px 0 14.5px;
							border-color: #f37b1f transparent transparent transparent;
							margin-left: -14.5px;
						}
							.optin .layer .top .switches ul li a span {
								position: absolute;
								bottom: 20px;
								width: 100%;
								text-align: center;
								text-transform: uppercase;
							}
							.optin .layer .top .switches ul li a:after {
								content: "";
								position: absolute;
								bottom: 50px;
								left: 50%;
								transform: translate(-50%, 0);		
								background-size: 100% 100%;
							}
							.optin .layer .top .switches ul li.functional a:after {
								background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4wMDUiIGhlaWdodD0iMjEuOTg3IiB2aWV3Qm94PSIwIDAgMjguMDA1IDIxLjk4NyI+CiAgPHBhdGggaWQ9ImNoZWNrIiBkPSJNOC45MSwxNy40MDcsMi4yMjgsMTAuNTE2LDAsMTIuODA4LDguOTEsMjIsMjgsMi4zMTEsMjUuNzgxLjAxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAyIC0wLjAxMikiIGZpbGw9IiNmMzdhMWYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K");
								height: 22px;
								width: 28px;									
							}
							.optin .layer .top .switches ul li.analytics a:after {
								background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDUyIDI1Ij4KICA8cGF0aCBpZD0iZnVuY3Rpb25hbCIgZD0iTTQ3LjkyLjAyNWE0LjU0OCw0LjU0OCwwLDAsMC01LDQuMDE5LDQuNDU0LDQuNDU0LDAsMCwwLC4zODksMi4zNDRsLTguMTYxLDYuNTU2YTQuNTczLDQuNTczLDAsMCwwLTUuOTM2LjQ0OWwtNS4zNy0yLjEzOWMuMDA1LS4wMzcuMDExLS4wNzQuMDE1LS4xMTFBNC41NTMsNC41NTMsMCwwLDAsMTQuOCwxMC4yYTQuNDQzLDQuNDQzLDAsMCwwLC4yLDEuODc0bC03LjY1LDQuODQ4YTQuNTA5LDQuNTA5LDAsMSwwLDEuNzMzLDQuMDMxLDQuNDQ0LDQuNDQ0LDAsMCwwLS4zMzktMi4yMzVsNy40ODQtNC43NDNhNC41NzMsNC41NzMsMCwwLDAsNi43NjMtLjYzbDUuMDYxLDIuMDE2YTQuNDU4LDQuNDU4LDAsMCwwLS4xNDIuNzM4LDQuNTUzLDQuNTUzLDAsMCwwLDkuMDU3LjkzOSw0LjQ0NCw0LjQ0NCwwLDAsMC0uMzg4LTIuMzQ0bDguMTYxLTYuNTU2YTQuNTYzLDQuNTYzLDAsMCwwLDcuMjM2LTMuMTU3QTQuNTI4LDQuNTI4LDAsMCwwLDQ3LjkyLjAyNVpNNC4zMTcsMjIuNzMxYTIuMjU4LDIuMjU4LDAsMSwxLDItMy42NzVsLjAyLjAyNWEyLjIzNSwyLjIzNSwwLDAsMSwuNDg1LDEuNjRBMi4yNzUsMi4yNzUsMCwwLDEsNC4zMTcsMjIuNzMxWm0xNC43NzEtOS44MTRhMi4yNzUsMi4yNzUsMCwwLDEtMS42NTUtLjk5MWMtLjAwNy0uMDEzLS4wMTQtLjAyNi0uMDIyLS4wMzhsLS4wMTItLjAxN2EyLjIzLDIuMjMsMCwwLDEtLjMzOC0xLjQzMywyLjI3NywyLjI3NywwLDEsMSwyLjAyNywyLjQ3OVptMTMuMTEzLDUuOWEyLjI1NywyLjI1NywwLDEsMSwyLjUtMi4wMUEyLjI2NSwyLjI2NSwwLDAsMSwzMi4yLDE4LjgxNlpNNDcuMjA5LDYuNzU4YTIuMjcyLDIuMjcyLDAsMCwxLTEuNTEzLS44Yy0uMDA2LS4wMDctLjAxLS4wMTUtLjAxNi0uMDIxcy0uMDEyLS4wMTMtLjAxOC0uMDJhMi4yMzQsMi4yMzQsMCwwLDEtLjQ4LTEuNjM0LDIuMjc3LDIuMjc3LDAsMSwxLDIuMDI3LDIuNDc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2I1YjViNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
								height: 25px;
								width: 52px;	
							}
							.optin .layer .top .switches ul li.analytics a.active:after {
								background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDUyIDI1Ij4KICA8cGF0aCBpZD0iZnVuY3Rpb25hbCIgZD0iTTQ3LjkyLjAyNWE0LjU0OCw0LjU0OCwwLDAsMC01LDQuMDE5LDQuNDU0LDQuNDU0LDAsMCwwLC4zODksMi4zNDRsLTguMTYxLDYuNTU2YTQuNTczLDQuNTczLDAsMCwwLTUuOTM2LjQ0OWwtNS4zNy0yLjEzOWMuMDA1LS4wMzcuMDExLS4wNzQuMDE1LS4xMTFBNC41NTMsNC41NTMsMCwwLDAsMTQuOCwxMC4yYTQuNDQzLDQuNDQzLDAsMCwwLC4yLDEuODc0bC03LjY1LDQuODQ4YTQuNTA5LDQuNTA5LDAsMSwwLDEuNzMzLDQuMDMxLDQuNDQ0LDQuNDQ0LDAsMCwwLS4zMzktMi4yMzVsNy40ODQtNC43NDNhNC41NzMsNC41NzMsMCwwLDAsNi43NjMtLjYzbDUuMDYxLDIuMDE2YTQuNDU4LDQuNDU4LDAsMCwwLS4xNDIuNzM4LDQuNTUzLDQuNTUzLDAsMCwwLDkuMDU3LjkzOSw0LjQ0NCw0LjQ0NCwwLDAsMC0uMzg4LTIuMzQ0bDguMTYxLTYuNTU2YTQuNTYzLDQuNTYzLDAsMCwwLDcuMjM2LTMuMTU3QTQuNTI4LDQuNTI4LDAsMCwwLDQ3LjkyLjAyNVpNNC4zMTcsMjIuNzMxYTIuMjU4LDIuMjU4LDAsMSwxLDItMy42NzVsLjAyLjAyNWEyLjIzNSwyLjIzNSwwLDAsMSwuNDg1LDEuNjRBMi4yNzUsMi4yNzUsMCwwLDEsNC4zMTcsMjIuNzMxWm0xNC43NzEtOS44MTRhMi4yNzUsMi4yNzUsMCwwLDEtMS42NTUtLjk5MWMtLjAwNy0uMDEzLS4wMTQtLjAyNi0uMDIyLS4wMzhsLS4wMTItLjAxN2EyLjIzLDIuMjMsMCwwLDEtLjMzOC0xLjQzMywyLjI3NywyLjI3NywwLDEsMSwyLjAyNywyLjQ3OVptMTMuMTEzLDUuOWEyLjI1NywyLjI1NywwLDEsMSwyLjUtMi4wMUEyLjI2NSwyLjI2NSwwLDAsMSwzMi4yLDE4LjgxNlpNNDcuMjA5LDYuNzU4YTIuMjcyLDIuMjcyLDAsMCwxLTEuNTEzLS44Yy0uMDA2LS4wMDctLjAxLS4wMTUtLjAxNi0uMDIxcy0uMDEyLS4wMTMtLjAxOC0uMDJhMi4yMzQsMi4yMzQsMCwwLDEtLjQ4LTEuNjM0LDIuMjc3LDIuMjc3LDAsMSwxLDIuMDI3LDIuNDc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2YzN2ExZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");	
							}
							.optin .layer .top .switches ul li.retargeting a:after {
								background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDM2IDMwIj4KICA8cGF0aCBpZD0ibWFya2V0aW5nIiBkPSJNLjk3LDMwSDM1LjAzYS45Ni45NiwwLDAsMCwuOTctLjk1VjUuNDM3YS45Ni45NiwwLDAsMC0uOTctLjk1SDI4LjIxOGEuOTYuOTYsMCwwLDAtLjk3Ljk1VjExLjlIMjIuMzc2Vi45NWEuOTYuOTYsMCwwLDAtLjk3LS45NUgxNC41OTRhLjk2Ljk2LDAsMCwwLS45Ny45NVYxOC45MzRIOC43NTJWMTAuODU1YS45Ni45NiwwLDAsMC0uOTctLjk1SC45N2EuOTYuOTYsMCwwLDAtLjk3Ljk1VjI5LjA1QS45Ni45NiwwLDAsMCwuOTcsMzBaTTI5LjE4OCwxMi44NDlWNi4zODdIMzQuMDZWMjguMUgyOS4xODhabS02LjgxMi45NTFoNC44NzJWMjguMUgyMi4zNzZaTTE1LjU2NCwxLjloNC44NzJWMjguMUgxNS41NjRaTTguNzUyLDIwLjgzNWg0Ljg3MlYyOC4xSDguNzUyWk0xLjk0LDExLjgwNkg2LjgxMlYyOC4xSDEuOTRaIiBmaWxsPSIjYjViNWI1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==");
								height: 30px;
								width: 36px;	
							}
							.optin .layer .top .switches ul li.retargeting a.active:after {
								background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDM2IDMwIj4KICA8cGF0aCBpZD0ibWFya2V0aW5nIiBkPSJNLjk3LDMwSDM1LjAzYS45Ni45NiwwLDAsMCwuOTctLjk1VjUuNDM3YS45Ni45NiwwLDAsMC0uOTctLjk1SDI4LjIxOGEuOTYuOTYsMCwwLDAtLjk3Ljk1VjExLjlIMjIuMzc2Vi45NWEuOTYuOTYsMCwwLDAtLjk3LS45NUgxNC41OTRhLjk2Ljk2LDAsMCwwLS45Ny45NVYxOC45MzRIOC43NTJWMTAuODU1YS45Ni45NiwwLDAsMC0uOTctLjk1SC45N2EuOTYuOTYsMCwwLDAtLjk3Ljk1VjI5LjA1QS45Ni45NiwwLDAsMCwuOTcsMzBaTTI5LjE4OCwxMi44NDlWNi4zODdIMzQuMDZWMjguMUgyOS4xODhabS02LjgxMi45NTFoNC44NzJWMjguMUgyMi4zNzZaTTE1LjU2NCwxLjloNC44NzJWMjguMUgxNS41NjRaTTguNzUyLDIwLjgzNWg0Ljg3MlYyOC4xSDguNzUyWk0xLjk0LDExLjgwNkg2LjgxMlYyOC4xSDEuOTRaIiBmaWxsPSIjZjM3YTFmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==");
								height: 30px;
								width: 36px;	
							}							
			.optin .layer .top .info {
				clear: both;
				margin: 20px 0;
			}
				.optin .layer .top .info .cols {
					overflow: hidden
				}
					.optin .layer .top .info .cols .left {
						width:  50%;
						float:  left;
					}
					.optin .layer .top .info .cols .right {
						width: 50%;
						float: right;
					}
						.optin .layer .top .info .cols h3 {
						
						}
						.optin .layer .top .info .cols h3.red {
							color: #FF0000;
						}
						.optin .layer .top .info .cols ul {
							margin-top: 10px;
						}	
							.optin .layer .top .info .cols ul li {
								padding-bottom: 10px;
								position: relative;	
							}
						.optin .layer .top .info .cols .left ul {
						
						}
							.optin .layer .top .info .cols .left ul li {
								padding-left: 25px;							
							}		
							.optin .layer .top .info .cols .left ul li:before {
								background-position: -168px -275px;
								content: "";
								display: block;
								height: 14px;
								left: 0;
								position: absolute;
								top: 0;
								width: 16px;
								background-image: url(../img_layout/sprite.png);
							}	
						.optin .layer .top .info .cols .right ul {
						
						}
							.optin .layer .top .info .cols .right ul li {
								padding-left: 10px;															
							}		
							.optin .layer .top .info .cols .right ul li:before {
								content: "-";
								display: block;
								left: 0;
								position: absolute;
								top: -1px;
							}	
			.optin .layer .top .buttons {
				display: flex;
				justify-content: space-between;
				text-align: center;
			}
				.optin .layer .top .buttons .button {
                    color: #ffffff; 
                    cursor: pointer; 
                    font-size: 16px; 
                    font-weight: bold; 
                    margin-bottom: 20px; 
                    padding: 10px 25px; 
				}
					.optin .layer .top .buttons .button.all {
						background-color: #f37a1f;
						min-width: 50%;
					}
					.optin .layer .top .buttons .button.all:hover {
						background-color: #ffffff;
						border: 1px solid #f37a1f;
						color: #f37a1f;
					}
					.optin .layer .top .buttons .button.selection {
						border: 1px solid grey;
						color: grey;
					}
					.optin .layer .top .buttons .button.selection:hover {
						border-color: #f37a1f;
						color: #f37a1f;
				}
		.optin .layer .bottom {
			clear: both;
			background-color: #EBEBEB;
			padding: 20px 50px;
		}
			.optin .layer .bottom a.arrow {
				margin-right: 25px;
			}
			.optin .layer .bottom a.arrow:before {
				background-position: -3px -276px;
				content: "";
				display: inline-block;
				height: 12px;
				left: 0;
				margin-right: 5px;
				width: 6px;
				background-image: url(../img_layout/sprite.png);
			}