@import url('https://fonts.googleapis.com/css?family=Lato&subset=latin-ext');*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{min-width:320px;overflow-x:hidden;font-family:Lato,sans-sreif;font-size:16px;z-index:0}h1{font-size:1.5em;font-size-line-height:1em}h2{font-size:1.5em}h2,h5{line-height:1em}h5{font-size:.75em}.btn,.tt--u{text-transform:uppercase}.btn{position:relative;display:inline-block;width:100%;padding:16px 20px;color:#fff;font-size:18px;text-decoration:none;text-align:center;border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,.6);border:1px solid transparent}.btn__green{background-image:linear-gradient(#22d06c,#178e4a);border-color:#178e4a}.btn__green,.btn__red{background-color:#22d06c}.btn__red{background-image:linear-gradient(#fc1515,#c20202);border-color:#c20202}.btn__gray{background-color:transparent;background-image:linear-gradient(rgba(0,0,0,.5),hsla(0,0%,100%,.2));border-color:#1a1a1a}.btn__popup{position:relative;display:inline-block;width:140px;height:140px;border-radius:140px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.btnbox.twobtns .btn:first-child{border-radius:5px 0 0 5px}.btnbox.twobtns .btn:last-child{border-radius:0 5px 5px 0}.main{width:100%;height:100%;position:relative;z-index:1}.popup{height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}.popup__wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popup .slide{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;transition:all .5s ease;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;text-align:center;cursor:pointer}.popup .slide:hover{-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4}.popup .slide .tooltip{position:absolute;display:inline-block;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;padding:20px 0;color:#fff;background:rgba(0,0,0,.5);font-size:1em;text-transform:uppercase}.popup__top{background-image:url(../img/mbl1.jpg)}.popup__top .slide__content{width:100%;position:absolute;bottom:0;left:0}.popup__top .btn__popup{line-height:90px;top:70px;background:#fff;color:#000}.popup__top .btn__popup:hover{box-shadow:0 0 10px #fff,0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.8),0 0 30px hsla(0,0%,100%,.8),0 0 40px hsla(0,0%,100%,.8)}.popup__bottom{background-image:url(../img/mbr1.jpg)}.popup__bottom .slide__content{width:100%;position:absolute;top:0;left:0}.popup__bottom .btn__popup{line-height:190px;top:-70px;background:#000;color:#fff}.popup__bottom .btn__popup:hover{box-shadow:0 0 10px #000,0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.8),0 0 40px rgba(0,0,0,.8)}.stepbox{position:absolute;left:0;top:0;bottom:0;right:0;z-index:1}.step,.stepbox{width:100%;height:100%}.step{display:none;position:relative}.step__content{width:90%;max-width:500px;position:relative;display:inline-block;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;border-radius:3px;background-image:linear-gradient(rgba(0,0,0,.5),transparent);box-shadow:0 2px 10px rgba(0,0,0,.4)}.step__header{margin-bottom:20px;color:#fff}.step__body{margin-bottom:30px}.step__body p{font-size:1.125em;text-align:justify;text-indent:1em;color:#fff}.step__footer{text-align:center;margin-bottom:10px}.step__footer .btnbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bg{position:fixed!important;width:100%;height:100%;left:0;top:0;z-index:0}.bg:after{content:"";display:block;position:fixed;background:rgba(0,0,0,.1);z-index:0}.bg:after,.bg__item{width:100%;height:100%;left:0;top:0;right:0;bottom:0}.bg__item{display:none;background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute}.bg__item.active{display:block}.bg.light>.bg__item:first-child{background-image:url(../img/mbl2.jpg)}.bg.light>.bg__item:nth-child(2){background-image:url(../img/mbl3.jpg)}.bg.light>.bg__item:nth-child(3){background-image:url(../img/mbl4.jpg)}.bg.light>.bg__item:nth-child(4){background-image:url(../img/mbl5.jpg)}.bg.light>.bg__item:nth-child(5){background-image:url(../img/mbl6.jpg)}.bg.light>.bg__item:nth-child(6){background-image:url(../img/mbl7.jpg)}.bg.dark>.bg__item:first-child{background-image:url(../img/mbr2.jpg)}.bg.dark>.bg__item:nth-child(2){background-image:url(../img/mbr3.jpg)}.bg.dark>.bg__item:nth-child(3){background-image:url(../img/mbr4.jpg)}.bg.dark>.bg__item:nth-child(4){background-image:url(../img/mbr5.jpg)}.bg.dark>.bg__item:nth-child(5){background-image:url(../img/mbr6.jpg)}.bg.dark>.bg__item:nth-child(6){background-image:url(../img/mbr7.jpg)}@media (min-width:1024px){.popup__wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.popup__top .slide__content{bottom:auto;left:auto}.popup__top .btn__popup{line-height:140px}.popup__bottom .slide__content{position:absolute;top:auto;left:auto;bottom:0}.popup__bottom .btn__popup{line-height:140px;top:auto;bottom:70px}}  

		@media (min-width:992px) {
			.popup__top {
				background-image:url(../img/dl1.jpg)
			}
			.popup__bottom {
				background-image:url(../img/dr1.jpg)
			}
			
			.bg.light>.bg__item:first-child {
				background-image:url(../img/dl2.jpg)
			}

			.bg.light>.bg__item:nth-child(2) {
				background-image:url(../img/dl3.jpg)
			}

			.bg.light>.bg__item:nth-child(3) {
				background-image:url(../img/dl4.jpg)
			}

			.bg.light>.bg__item:nth-child(4) {
				background-image:url(../img/dl5.jpg)
			}

			.bg.light>.bg__item:nth-child(5) {
				background-image:url(../img/dl6.jpg)
			}

			.bg.light>.bg__item:nth-child(6) {
				background-image:url(../img/dl7.jpg)
			}

			.bg.dark>.bg__item:first-child {
				background-image:url(../img/dr2.jpg)
			}

			.bg.dark>.bg__item:nth-child(2) {
				background-image:url(../img/dr3.jpg)
			}

			.bg.dark>.bg__item:nth-child(3) {
				background-image:url(../img/dr4.jpg)
			}

			.bg.dark>.bg__item:nth-child(4) {
				background-image:url(../img/dr5.jpg)
			}

			.bg.dark>.bg__item:nth-child(5) {
				background-image:url(../img/dr6.jpg)
			}

			.bg.dark>.bg__item:nth-child(6) {
				background-image:url(../img/dr7.jpg)
			}
		}


		.unsub {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			text-align: right;
			padding: 10px 15px;
			box-sizing: border-box;
			z-index: 9999;
			background-color: transparent;
		}

		.unsub>a {
			padding: 0;
			font-family: Helvetica, Arial, sans-serif;
			text-transform: lowercase;
			font-weight: normal;
			text-decoration: none;
			font-size: 14px;
			color: #fff;
			opacity: .8;
		}