@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,700,800');


/* HTML PRESETS */


html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Raleway', sans-serif; color: rgba(40, 40, 40, 1.00); font-size: 12px;}

.marker-480 {width: 480px; height: 20px; position: fixed; left: 50%; bottom: 0px; transform: translateX(-50%); background: #0f0; z-index: 100;}

.ca {text-decoration: none !important; color: rgba(40, 40, 40, 1.00) !important; transition: all 0.3s !important;}
.ca:hover {text-decoration: none !important; color: rgba(240, 170, 60, 1.00) !important;}

.cbutton {margin: 0px; padding: 0px; float: left; position: relative; border: 0px; outline: none; background-color: rgba(0, 0, 0, 0.00);}

.cdiv {position: relative; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.cinput {box-sizing: border-box; outline: none; width: 100% !important; height: 40px; font-weight: 700; padding-left: 12px; padding-right: 12px; border: 2px solid rgba(200, 200, 200, 1.00) !important; font-size: 16px; color: rgba(80, 80, 80, 1.00); display: block; transition: all 0.2s; border-radius: 5px;}
.cinput:hover {border: 2px solid rgba(80, 80, 80, 1.00) !important; transition: all 0.2s;}
.cinput:focus {border: 2px solid rgba(240, 170, 60, 1.00) !important; transition: all 0.2s;}

.clabel {position: relative; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.menu {opacity: 0.00; width: 0px; height: 0px; margin: 0; padding: 0px; border: 0px; opacity: 0.00; position: absolute; top: -500px;}

/* CUSTOM HEADERS */

.no-warp {white-space: nowrap;}

.ch1 {font-size: 24px; font-weight: 400; width: 100%; display: inline-block;}
.ch2 {font-size: 16px; font-weight: 700; width: 100%; display: inline-block;}
.ch3 {font-size: 14px; font-weight: 300; width: 100%; display: inline-block;}
.ch4 {font-size: 12px; font-weight: 400; width: 100%; display: inline-block;}
.ch5 {font-size: 10px; font-weight: 400; width: 100%; display: inline-block;}
.ch6 {font-size: 32px; font-weight: 300; width: 100%; display: inline-block;}

.gray-link {color: rgba(140, 140, 140, 1.00); font-weight: 700; text-decoration: none; font-family: 'Raleway', sans-serif;}
.gray-link:hover {color: rgba(0, 160, 160, 1.00); font-weight: 700; text-decoration: none; font-family: 'Raleway', sans-serif;}



.mobile-header {display: none;}
        


.landing-page-content-container {width: 100%; height: 100%; position: relative; float: left;}
.landing-page-img-container {width: 100%; height: 100%; display: block; position: fixed; background-repeat: no-repeat; background-size: 100%;}

.landing-page-img-container, .landing-page-payments-container::before { width: 100%; background: url(https://eupago.pt/img/main-bg.jpg) 0 / cover fixed; }
.landing-page-payments-container {width: 100%; height: 120px; display: block; overflow: hidden; position: absolute; left: 0px; bottom: 50px; z-index: 1; background-color: rgba(255, 255, 255, 1.00);}
.landing-page-payments-container::before {content: ''; width: calc(100% + 100px); height: calc(100% + 50px); position: absolute; top: -25px; right: -50px; bottom: -25px; left: -50px; filter: blur(10px); z-index: -1; }

.landing-page-payments-above-container {width: 100%; height: 120px; position: absolute; left: 0px; bottom: 50px; text-align: center; background-color: rgba(255, 255, 255, 0.15); z-index: 2}
	.landing-page-payments-above-cta {width: 100%; height: 40px; line-height: 39px; position: absolute; left: 0px; top: -40px; text-align: center; font-size: 1.5rem; font-weight: 700; color: rgba(0, 160, 160, 1.00); background-color: rgba(255, 255, 255, 0.90);}

	.lp-payment-center {display: flex; justify-content: center; align-items: center;}
	.m-lp-payment-center {display: none;}
	.lp-payment-container {min-width: 80px; height: 120px; line-height: 140px; padding-left: 10px; padding-right: 10px; position: relative; float: left; color: rgba(40, 40, 40, 1.00); background-color: rgba(255, 255, 255, 0.00); cursor: pointer; transition: all 0.3s;}
	.m-lp-payment-center .lp-payment-container {min-width: 50px; height: 50px; line-height: 60px; padding-left: 10px; padding-right: 10px; display: inline-block; position: relative; color: rgba(40, 40, 40, 1.00); background-color: rgba(255, 255, 255, 0.00); cursor: pointer; transition: all 0.3s;}
	
	.lp-payment-container:hover {background-color: rgba(255, 255, 255, 0.50);}

	.m-lp-payment-center .lp-payment-container:hover {background-color: rgba(0, 0, 0, 0.00);}

		.btn-lp-payment-multibanco {width: 122px; height: 32px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -0px;}
			.lp-payment-container:hover .btn-lp-payment-multibanco {background-position: -224px -0px;}

				.m-lp-payment-center .btn-lp-payment-multibanco {width: 61px; height: 16px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -0px;}
		
		.btn-lp-payment-debitos-diretos {width: 93px; height: 32px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -32px;}
			.lp-payment-container:hover .btn-lp-payment-debitos-diretos {background-position: -224px -32px;}

				.m-lp-payment-center .btn-lp-payment-debitos-diretos {width: 47px; height: 16px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -16px;}
		
		.btn-lp-payment-mbway {width: 64px; height: 32px; top: 50%; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -64px;}
			.lp-payment-container:hover .btn-lp-payment-mbway {background-position: -224px -64px;}

				.m-lp-payment-center .btn-lp-payment-mbway {width: 32px; height: 16px; top: 50%; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -32px;}
		
		.btn-lp-payment-payshop {width: 105px; height: 28px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -96px;}
			.lp-payment-container:hover .btn-lp-payment-payshop {background-position: -224px -96px;}

				.m-lp-payment-center .btn-lp-payment-payshop {width: 53px; height: 14px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -48px;}
		
		.btn-lp-payment-visa {width: 74px; height: 24px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -124px;}
			.lp-payment-container:hover .btn-lp-payment-visa {background-position: -224px -124px;}

				.m-lp-payment-center .btn-lp-payment-visa {width: 37px; height: 12px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -62px;}
		
		.btn-lp-payment-mastercard {width: 48px; height: 34px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -148px;}
			.lp-payment-container:hover .btn-lp-payment-mastercard {background-position: -224px -148px;}

				.m-lp-payment-center .btn-lp-payment-mastercard {width: 24px; height: 17px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -74px;}
		
		.btn-lp-payment-paysafe-card {width: 154px; height: 26px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -182px;}
			.lp-payment-container:hover .btn-lp-payment-paysafe-card {background-position: -224px -182px;}

				.m-lp-payment-center .btn-lp-payment-paysafe-card {width: 77px; height: 13px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -91px;}
		
		.btn-lp-payment-pagaqui {width: 115px; height: 16px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -208px;}
			.lp-payment-container:hover .btn-lp-payment-pagaqui {background-position: -224px -208px;}

				.m-lp-payment-center .btn-lp-payment-pagaqui {width: 58px; height: 8px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -104px;}
		
		.btn-lp-payment-paysafe-cash {width: 140px; height: 20px; display: inline-block; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -70px -224px;}
			.lp-payment-container:hover .btn-lp-payment-paysafe-cash {background-position: -224px -224px;}

				.m-lp-payment-center .btn-lp-payment-paysafe-cash {width: 70px; height: 10px; display: inline-block; margin: 10px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -858px -112px;}


		.btn-lp-portugal-bank {width: 139px; height: 64px; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -224px -244px;}
		/*.btn-lp-portugal-bank:hover {background-position: -224px -244px;}*/

		.lp-payment-discript-container {width: 250px; padding: 20px; padding-top: 0px; padding-bottom: 0px; height: 0px; overflow: hidden; box-sizing: border-box; line-height: initial; text-align: left; position: absolute; bottom: 65%; left: 50%; transform: translateX(-50%); background-color: rgba(255, 255, 255, 1.00); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); opacity: 0.00; transition: all 0.1s ease-in; z-index: -5;}
			.lp-payment-container:hover .lp-payment-discript-container {height: auto; padding-top: 20px; padding-bottom: 20px; bottom: 95%; opacity: 1.00; z-index: 5;  transition: all 0.3s ease-out;}

			.btn-lp-payment-discript {width: auto; height: 30px; line-height: 29px; margin-top: 10px; padding-left: 15px; padding-right: 40px; box-sizing: border-box; position: relative; display: flex; align-items: center; font-size: 1rem; text-decoration: none; font-weight: 400; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 0px; background-color: rgba(0, 160, 160, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
			.btn-lp-payment-discript:hover {background-color: rgba(60, 180, 180, 1.00);}
			.btn-lp-payment-discript:active {background-color: rgba(0, 120, 120, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

				.btn-lp-payment-discript-action-container {width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.10); position: absolute; top: 0px; right: 0px;}
					.btn-lp-payment-discript-action-arrow {width: 9px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -36px -0px;}

.main-container {width: 100%; display: block; background-color: rgba(255, 255, 255, 1.00); position: relative; float: left;background-color: #fff;}

.main-header {width: 100%; height: 50px; background: rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.50); position: absolute; top: 0px; left: 0px; z-index: 4;}
.main-header-fixed {background: rgba(26, 135, 136, 1.00);  border-bottom: 0px; position: fixed; text-align: center;}
.main-header-rel {background: rgba(26, 135, 136, 1.00);  border-bottom: 0px; position: relative; float: left; text-align: center;}

	.main-logo {display: none; width: 291px; height: 336px; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -384px -0px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);}
		.logo-img {width: auto; height: 30%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: 100;}

	.main-header-fixed .main-logo{display: block; width: 104px; height: 28px; margin-top: 8px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -384px -336px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00); z-index: 100;}
	a .btn-mh {text-decoration: none; font-family: 'Raleway', sans-serif;}

	.btn-mh {height: 50px; padding-left: 40px; padding-right: 10px; position: relative; float: left; box-sizing: border-box; font-size: 1rem; line-height: 50px; text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); display: block; cursor: pointer; transition: all 0.3s;}
	.btn-mh-right {height: 50px; padding-right: 40px; padding-left: 10px; position: relative; float: right; box-sizing: border-box; font-size: 1rem; line-height: 50px; text-transform: uppercase; text-decoration: none; color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); display: block; cursor: pointer; transition: all 0.3s;}
	.btn-mh-right:hover {background-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 1.00);}
		.main-header-fixed  .btn-mh {opacity: 0.75;}
	.btn-mh:hover {background-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 1.00);}
		.btn-mh-icon-container {width: 40px; height: 40px; position: absolute; left: 0px; top: 5px; background-color: rgba(0, 160, 160, 0.00); transition: all 0.3s}
		.btn-mh-right .btn-mh-icon-container {left: initial; right: 0px;}
		/*.btn-mh:hover .btn-mh-icon-container {background-color: rgba(0, 160, 160, 0.50);}*/

			.btn-mh-icon-quem-somos {width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -0px;}
			.btn-mh-icon-telefone {width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -20px;}
			.btn-mh-icon-faqs {width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -40px;}
			.btn-mh-icon-tarifarios {width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -60px;}
			.btn-mh-icon-emergencias {width: 20px; height: 17px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -80px;}
			/* 12 - 11 - 2018 */
			.btn-mh-icon-registar {width: 21px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -198px;}
			.btn-mh-icon-entrar {width: 21px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -21px -198px;}

	.btn-mh-user-login {}

	.btn-mh-user {height: 50px; padding-left: 15px; padding-right: 60px; position: relative; float: right; box-sizing: border-box; font-size: 1rem; line-height: 50px; text-transform: uppercase; color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); display: block; cursor: pointer; transition: all 0.3s;}
	.btn-mh-user:hover {background-color: rgba(255, 255, 255, 0.25);}
		.btn-mh-user-icon-container {width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; background-color: rgba(0, 160, 160, 0.00); transition: all 0.3s}
		.btn-mh-user:hover .btn-mh-user-icon-container {background-color: rgba(0, 160, 160, 0.50);}

			.btn-mh-user-icon {width: 18px; height: 22px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -97px;}

			.btn-mh-user-container {width: 162.8%; height: 0; overflow: hidden; padding: 20px; padding-top: 50px; position: absolute; right: 0px; top: -100px; box-sizing: border-box; background-color: rgba(255, 255, 255, 1.00); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.00); z-index: 10; transition: all 0.3s  1s;;}
			.btn-mh-user:hover .btn-mh-user-container {height: 120px; top: 0px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); transition: all 0.3s}
				.btn-mh-user-container-header {width: 100%; height: 50px; padding-left: 15px; padding-right: 60px; position: absolute; left: 0px; top: 0px; box-sizing: border-box; text-align: right; font-size: 1rem; line-height: 50px; text-transform: uppercase; color: rgba(0, 160, 160, 1.00); display: block;}
				.btn-mh-user-container-header-icon {width: 18px; height: 22px; position: absolute; right: 16px; top: 14px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -18px -97px;}

				.btn-mh-user-input {width: 100%; height: 40px; margin-bottom: 10px; padding: 10px; box-sizing: border-box; line-height: 30px; font-size: 1rem; font-weight: 700; font-family: 'Raleway', sans-serif; border: 2px solid rgba(200, 200, 200, 1.00); outline: none; transition: all 0.3s;}
				.btn-mh-user-input:hover { border: 2px solid rgba(100, 100, 100, 1.00);}
				.btn-mh-user-input:focus { border: 2px solid rgba(0, 160, 160, 1.00);}

				.btn-mh-user-login {width: calc(50% - 10px); height: 40px; line-height: 39px !important; margin-left: 10px; margin-top: 10px; padding: 0px; padding-left: 15px; padding-right: 50px; box-sizing: border-box; position: relative; float: left; font-size: 1rem; font-weight: 400; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 0px; background-color: rgba(0, 160, 160, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
				.btn-mh-user-login:hover {background-color: rgba(60, 180, 180, 1.00);}
				.btn-mh-user-login:active {background-color: rgba(0, 120, 120, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

				.btn-mh-user-regist {width: calc(50% - 10px); height: 40px; line-height: 39px !important; margin-right: 10px; margin-top: 10px; padding: 0px; padding-left: 15px; padding-right: 50px; box-sizing: border-box; position: relative; float: left; font-size: 1rem; font-weight: 400; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 0px; background-color: rgba(210, 100, 70, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
				.btn-mh-user-regist:hover {background-color: rgba(220, 140, 120, 1.00);}
				.btn-mh-user-regist:active {background-color: rgba(160, 80, 50, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

					.btn-mh-user-action-container {width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.10); position: absolute; top: 0px; right: 0px;}
					.btn-mh-user-action-arrow {width: 9px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -36px -0px;}


	.btn-mh-lang {width: 100px; height: 50px; padding-right: 50px; text-align: center; position: relative; float: right; box-sizing: border-box; font-size: 1rem; line-height: 50px; text-transform: uppercase; color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); display: block; cursor: pointer; transition: all 0.3s;}
	.btn-mh-lang:hover {background-color: rgba(255, 255, 255, 0.25);}
		.btn-mh-lang-icon-container {width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; background-color: rgba(0, 160, 160, 0.00); transition: all 0.3s}
		.btn-mh-lang:hover .btn-mh-lang-icon-container {background-color: rgba(0, 160, 160, 0.50);}

			.btn-mh-lang-icon {width: 16px; height: 9px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -20px -0px;}

			.btn-mh-lang-container {width: 100%; height: 0; overflow: hidden; padding-top: 50px; position: absolute; right: 0px; top: -100px; box-sizing: border-box; background-color: rgba(255, 255, 255, 1.00); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.00); z-index: 10; transition: all 0.3s  1s;;}
			.btn-mh-lang:hover .btn-mh-lang-container {height: 150px; top: 0px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); transition: all 0.3s}
				.btn-mh-lang-container-header {width: 100%; height: 50px; padding-right: 50px; position: absolute; left: 0px; top: 0px; box-sizing: border-box; text-align: center; font-size: 1rem; line-height: 50px; text-transform: uppercase; color: rgba(0, 160, 160, 1.00); display: block;}
				.btn-mh-lang-container-header-icon {width: 16px; height: 9px; position: absolute; right: 17px; top: 18px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -20px -9px;}
					.btn-mh-lang-flag-btn {width: 100%; height: 50px; line-height: 50px; position: relative; float: left; padding-right: 50px; text-align: center; color: rgba(0, 160, 160, 1.00); background-color: rgba(255, 255, 255, 1.00); box-sizing: border-box; display: block; cursor: pointer;}
					.btn-mh-lang-flag-btn:hover {width: 100%; height: 50px; line-height: 50px; position: relative; float: left; padding-right: 50px; text-align: center; color: rgba(255, 255, 255, 1.00) !important; background-color: rgba(0, 160, 160, 1.00); box-sizing: border-box; display: block; cursor: pointer;}
						.btn-mh-lang-flag-en {width: 30px; height: 21px; position: absolute; top: 14px; right: 10px; border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 1.00); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -119px;}
						.btn-mh-lang-flag-pt {width: 30px; height: 21px; position: absolute; top: 14px; right: 10px; border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 1.00); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -140px;}
						.btn-mh-lang-flag-es {width: 30px; height: 21px; position: absolute; top: 14px; right: 10px; border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 1.00); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -0px -220px;}

.cta-container {position: absolute; top: calc(50% - 20px); left:50%; transform: translateX(-50%) translateY(-50%); z-index: 2;}
	.cta-container-txt {text-align: center; font-family: 'Raleway', sans-serif; font-size: 5rem; line-height: 5.5rem; color: rgba(255, 255, 255, 1.00); font-weight: 200; white-space: nowrap; text-shadow: 0px 2px rgba(0, 0, 0, 0.25);}
	.cta-container-btns {margin-top: 20px; position: relative; display: block;}
	
	.btn-cta-regist {height: 50px; line-height: 49px; margin-left: 15px; border-radius: 5px; padding-left: 30px; padding-right: 90px; box-sizing: border-box; position: relative; display: inline-block; font-size: 1.5rem; text-shadow: 0px 2px rgba(0, 0, 0, 0.25); text-decoration: none; font-weight: 200; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 0px; background-color: rgba(210, 100, 70, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
	.btn-cta-regist:hover {background-color: rgba(220, 140, 120, 1.00); color: rgba(255, 255, 255, 1.00);}
	.btn-cta-regist:active {background-color: rgba(160, 80, 50, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

		.btn-cta-regist-action-container {width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.10); position: absolute; top: 0px; right: 0px;}
					.btn-cta-regist-action {width: 18px; height: 34px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -20px -52px;}

	.btn-cta-who-pays {height: 50px; line-height: 44px; margin-right: 15px; border-radius: 5px; padding-left: 30px; padding-right: 70px; box-sizing: border-box; position: relative; display: inline-block; font-size: 1.5rem; text-shadow: 0px 2px rgba(0, 0, 0, 0.25); text-decoration: none; font-weight: 200; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
	.btn-cta-who-pays:hover {background-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 1.00);}
	.btn-cta-who-pays:active {background-color: rgba(255, 255, 255, 0.75); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

		.btn-cta-who-pays-action-container {width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.00); position: absolute; top: 0px; right: 0px;}
					.btn-cta-who-pays-action {width: 21px; height: 34px; position: absolute; left: 50%; top: calc(50% - 3px); transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -20px -18px;}

.sub-header {width: 100%; height: 50px; background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.50); position: absolute; bottom: 0px; left: 0px; z-index: 3; text-align: center; margin-bottom: 0 !important;}
.sub-header-fixed { height: 50px; background-color: rgba(210, 100, 70, 1.00);  position: fixed; top: 50px; border-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 1.00);}
.sub-header-rel { height: 50px; background-color: rgba(210, 100, 70, 1.00);  position: relative; float: left; border-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 1.00);}

	.btn-sh {height: 50px; padding-left: 15px; padding-right: 15px; position: relative; box-sizing: border-box; font-size: 1rem; line-height: 50px; text-transform: uppercase; color: rgba(255, 255, 255, 1.00) !important; background-color: rgba(255, 255, 255, 0.00) !important; text-decoration: none !important; display: inline-block; cursor: pointer; transition: all 0.3s;}
		.sub-header-fixed .btn-sh {height: 40px; line-height: 40px;}
	.btn-sh:hover {background-color: rgba(255, 255, 255, 0.25) !important;}




/*		Resolução 4K		*/
@media (min-width: 1440px) and (max-width: 2560px) {
    .lp-payment-center {position: relative; display: block; justify-content: left; align-items: left; margin-left: 40px; padding-right: 180px;}
    .lp-payment-container {min-width: 120px; height: 60px; line-height: 70px; padding-left: 10px; padding-right: 10px; position: relative; float: left; display: inline-block; white-space: pre-wrap;}
    .btn-lp-portugal-bank {width: 139px; height: 64px; display: block; position: absolute; right: 20px; top: calc(50% + 60px); transform: translateY(-50%);}

    .landing-page-img-container, .landing-page-payments-container::before { width: 100%; background: url(https://eupago.pt/img/main-bg.jpg) cover fixed; background-position: right; }
    .landing-page-img-container {background-position: right;}
}

/*		Laptop Grande		*/
@media (min-width: 1024px) and (max-width: 1440px) {
	.main-logo {display: none; width: 183px; height: 211px; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -675px -0px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);}
    	
    .main-header {width: 100%; height: 50px; background: rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.50); position: absolute; top: 0px; left: 0px; z-index: 4;}
    .main-header-fixed {background: rgba(26, 135, 136, 1.00); height: 50px; border-bottom: 0px; position: fixed; text-align: center;}

    .sub-header {width: 100%; height: 50px; background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.50); position: absolute; bottom: 0px; left: 0px; z-index: 3; text-align: center;}
	.sub-header-fixed { height: 40px; background-color: rgba(210, 100, 70, 1.00);  position: fixed; top: 50px; border-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 1.00);}

    .cta-container {position: absolute; top: calc(50% - 20px); left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2;}
	.cta-container-txt {text-align: center; font-family: 'Raleway', sans-serif; font-size: 4rem; line-height: 4.5rem; color: rgba(255, 255, 255, 1.00); font-weight: 200; white-space: nowrap; text-shadow: 0px 2px rgba(0, 0, 0, 0.25);}
	.cta-container-btns {margin-top: 30px; float: right; position: relative; display: block;}


	.btn-cta-regist {height: 60px; line-height: 59px; margin-left: 10px; padding-left: 15px; padding-right: 70px; box-sizing: border-box; position: relative; display: inline-block; font-size: 1.6rem; text-shadow: 0px 2px rgba(0, 0, 0, 0.25); text-decoration: none; font-weight: 200; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 0px; background-color: rgba(210, 100, 70, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}

		.btn-cta-regist-action-container {width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.10); position: absolute; top: 0px; right: 0px;}
					

	.btn-cta-who-pays {height: 60px; line-height: 54px; margin-right: 10px; padding-left: 15px; padding-right: 50px; box-sizing: border-box; position: relative; display: inline-block; font-size: 1.6rem; text-shadow: 0px 2px rgba(0, 0, 0, 0.25); text-decoration: none; font-weight: 200; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}

		.btn-cta-who-pays-action-container {width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.00); position: absolute; top: 0px; right: 0px;}
					


    .lp-payment-center {position: relative; display: block; justify-content: left; align-items: left; margin-left: 40px; padding-right: 180px;}
    .lp-payment-container {min-width: 120px; height: 60px; line-height: 70px; padding-left: 10px; padding-right: 10px; position: relative; float: left; display: inline-block; white-space: pre-wrap;}
    .btn-lp-portugal-bank {width: 139px; height: 64px; display: block; position: absolute; right: 20px; top: calc(50% + 60px); transform: translateY(-50%);}

    .landing-page-img-container, .landing-page-payments-container::before { width: 100%; background: url(https://eupago.pt/img/main-bg.jpg) cover fixed; background-position: right; }
    .landing-page-img-container {background-position: right;}
}

/*		Laptop Normal		*/
@media (min-width: 768px) and (max-width: 1024px) {
	.cta-container {position: absolute; top: calc(50% + 20px); left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2;}
	.logo-img {top: 50px;}

	.btn-lp-portugal-bank {width: 139px; height: 64px; display: block; position: absolute; right: 20px; top: calc(50% + 60px); transform: translateY(-50%);}

}

/*		Mobile Resolutions		*/
@media (min-width: 0px) and (max-width: 1110px) {

	.mobile-header {display: block; width: 100%; height: 50px; background-color: rgba(0, 160, 160, 1.00); position: fixed; top: 0px; left: 0px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); z-index: 10;}

		.mobile-menu-btn-container {width: 32px; height: 32px; position: absolute; left: 11px; top: 8px; display: block; cursor: pointer;}
	        .mobile-menu-btn-t {width: 32px; height: 5px; position: absolute; top: 3px; left: 0px; background-color: rgba(255, 255, 255, 1.00); border-radius: 2px; transition: all 0.3s;}
	            input[type=checkbox]:checked ~ .mobile-header div.mobile-menu-btn-t {transform: rotate(45deg); top: 14px;}
	        .mobile-menu-btn-c {width: 32px; height: 5px; position: absolute; top: 13px; left: 0px; background-color: rgba(255, 255, 255, 1.00); border-radius: 2px; transition: all 0.3s;}
	            input[type=checkbox]:checked ~ .mobile-header div.mobile-menu-btn-c {transform: rotate(-45deg); top: 14px;}
	        .mobile-menu-btn-b {width: 32px; height: 5px; position: absolute; top: 23px; left: 0px; background-color: rgba(255, 255, 255, 1.00); border-radius: 2px; transition: all 0.3s;}
	            input[type=checkbox]:checked ~ .mobile-header div.mobile-menu-btn-b {width: 0px; height: 0px; top: 34px; left: 16px; opacity: 0.00;}

	    .mobile-logo {width: 104px; height: 28px; margin-top: 8px; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -384px -336px;}
	    	.logo-img {display: none;}
	    .mobile-menu-container {width: 100%; height: 0px; position: absolute; left: 0px; top: 50px; background-color: rgba(0, 0, 0, 1.00); overflow: hidden; transition: all 0.3s; z-index: 20;}
	    	input[type=checkbox]:checked ~ .mobile-header div.mobile-menu-container {height: calc(100vh - 50px);}
	    	.mobile-menu-container::before {content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0px; bottom: 0px; background-image: url(https://eupago.pt/img/main-bg.jpg); background-position: bottom right 25%; filter: blur(20px); z-index: -1; background-size: auto 100%; opacity: 0.25}

	    .btn-mobile-menu {width: 100%; height: 40px; padding-left: 50px; position: relative; float: left; box-sizing: border-box; font-size: 1rem; line-height: 40px; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.15); display: block; cursor: pointer;}
	    .btn-mobile-menu:hover {background-color: rgba(255, 255, 255, 0.25)}
	    	.btn-mobile-menu-icon-container {width: 40px; height: 40px; display: block; position: absolute; left: 10px; top: 0px; opacity: 0.50;}

	    	.mobile-menu-lang-container {width: 120px; height: 40px; position: absolute; top: 0px; right: 0px;}
	    		.mobile-menu-lang {width: 40px; height: 40px; line-height: 39px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); position: relative; float: right; box-sizing: border-box; font-size: 1rem; font-weight: 700; color: rgb(255, 255, 255, 0.75); cursor: pointer; transition: all 0.3s; z-index: 5;}
	    		.mobile-menu-lang:hover {background-color: rgb(255, 255, 255, 0.15); color: rgba(255, 255, 255, 1.00);}
				div.content.active {color: #000000}
	    		.active {background-color: rgb(255, 255, 255, 0.30); color: rgba(255, 255, 255, 1.00);}

	    	.btn-sh {width: 100%; height: 30px; padding-right: 50px; position: relative; float: left; box-sizing: border-box; font-size: 1rem; line-height: 30px; text-transform: uppercase; text-decoration: none; text-align: right; border-bottom: 1px solid rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 1.00); background-color: rgba(0, 0, 0, 0.00); display: block; cursor: pointer;}
	    	.btn-sh:hover {background-color: rgb(255, 255, 255, 0.10);}
	    		.btn-sh::after {content: ''; width: 9px; height: 16px; display: block; position: absolute; right: 16px; top: 7px; background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -36px -0px;}
	    	
	    .mennu-img-bg

	.main-logo {display: none;}

    .main-header {display: none}
	.main-header-fixed {display: none}

	.lp-payment-center {display: none;}
    
    .sub-header {display: none}
	.sub-header-fixed {display: none}


	.cta-container {width: 100%; max-width: 320px; position: absolute; top: calc(50% - 50px); left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2;}
	.cta-container-txt {width: 100%; margin-bottom: 40px; text-align: center; font-size: 5rem; line-height: initial; color: rgba(255, 255, 255, 1.00); font-weight: 200; white-space: nowrap; text-shadow: 0px 2px rgba(0, 0, 0, 0.25);}
	.cta-container-btns {width: calc(100% - 20px); margin-top: 0px; position: relative; display: block; margin-left: 10px;}
	
	.btn-cta-regist {width: 100%; text-align: center; height: 60px; line-height: 59px; margin-left: 0px; padding-left: 20px; padding-right: 80px; box-sizing: border-box; position: relative; display: inline-block; font-size: 2rem; text-shadow: 0px 2px rgba(0, 0, 0, 0.25); text-decoration: none; font-weight: 200; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 0px; background-color: rgba(210, 100, 70, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
	.btn-cta-regist:hover {background-color: rgba(220, 140, 120, 1.00);}
	.btn-cta-regist:active {background-color: rgba(160, 80, 50, 1.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

		.btn-cta-regist-action-container {width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.10); position: absolute; top: 0px; right: 0px;}
					.btn-cta-regist-action {width: 18px; height: 34px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -20px -52px;}

	.btn-cta-who-pays {width: 100%; text-align: center; height: 60px; margin-bottom: 20px; line-height: 56px; margin-right: 0px; padding-left: 20px; padding-right: 60px; box-sizing: border-box; position: relative; display: inline-block; font-size: 2rem; text-shadow: 0px 2px rgba(0, 0, 0, 0.25); text-decoration: none; font-weight: 200; text-transform: uppercase; font-family: 'Raleway', sans-serif; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25); outline: none; cursor: pointer; transition: all 0.3s;}
	.btn-cta-who-pays:hover {background-color: rgba(255, 255, 255, 0.25);}
	.btn-cta-who-pays:active {background-color: rgba(255, 255, 255, 0.75); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00);}

		.btn-cta-who-pays-action-container {width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.00); position: absolute; top: 0px; right: 0px;}
					.btn-cta-who-pays-action {width: 21px; height: 34px; position: absolute; left: 50%; top: calc(50% - 3px); transform: translateX(-50%) translateY(-50%); background-image: url(https://eupago.pt/img/sprt-d.png); background-position: -20px -18px;}

	.landing-page-payments-above-container {width: 100%; height: 100px; bottom: 0px; background-color: rgba(255, 255, 255, 0.15); z-index: 2}
		.landing-page-payments-above-cta { height: 30px; line-height: 29px; top: -30px; font-size: 1rem;}

	.m-lp-payment-center {height: 100px; padding-top: 16px;  box-shadow: border-box; display: block; text-align: center;}
	.mobile-menu-container .m-lp-payment-center	{position: absolute; left: 0px;  bottom: 10px; opacity: 0.50;}
		.landing-page-payments-container {width: 100%; height: 100px; bottom: 0px;}
		.landing-page-payments-container::before {content: ''; width: calc(100% + 100px); height: calc(100% + 50px); position: absolute; top: -25px; right: -50px; bottom: -25px; left: -50px; filter: blur(10px); z-index: -1; }
	    .landing-page-img-container, .landing-page-payments-container::before { width: 100%; background: url(https://eupago.pt/img/main-bg.jpg) cover fixed; background-position: bottom right 15%; }
	    .landing-page-img-container {background-position: right;}

	.landing-page-img-container::after, .landing-page-payments-container::after {content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.60); z-index: 10;}
	.landing-page-img-container {background-position: bottom right 15%;}
}