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


* {position: relative; float: left; margin: 0; padding: 0; box-sizing: border-box;}

html, body {width: 100%; height: 100%; padding: 0px; margin: 0 auto; position: relative; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; color: rgba(60, 60, 60, 1.00); scroll-behavior: smooth; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

span {position: initial; float: initial;}

section {width: 100%;}
section.s-main {min-height: 100%; padding: 50px 0 0 0;}

input {white-space: nowrap; margin: 0;}

h1, h2, h3, h4, h5, h6 {width: 100%; padding: 0; box-sizing: border-box; margin: 0 0 30px 0; position: relative; float: left;}

input[type=submit] {border:none;}
input[type=submit]:focus {border:none;}

iframe {border-radius: 10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);}

/* -------------------------------------------------------------------------------------------------- */
/* INPUTS ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.hide-input {opacity: 0.00; display: none; position: absolute;}

input[type=text], input[type=email], input[type=url], input[type=tel], input[type=password] {width: 100%; height: 40px; background-color: rgba(255, 255, 255, 1.00); position: relative; float: left; border: none; padding: 0 10px 0 10px; border-radius: 3px; box-sizing: border-box; margin: 0; font-family: 'Raleway', sans-serif; font-size: 1.2rem; font-weight: 700; color: rgba(60, 60, 60, 1.00); line-height: 40px;  outline: none; transition: all 0.3s; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);}
input:hover {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);}
input:focus {box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);}
input:disabled {background-color: rgba(220, 220, 220, 1.00); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.10);}

input[type=submit] {width: 100%; height: 40px; background-color: rgba(30, 140, 140, 1.00); position: relative; float: left; border: none; padding: 0 10px 0 10px; border-radius: 3px; box-sizing: border-box; margin: 0; font-family: 'Raleway', sans-serif; font-size: 1.2rem; font-weight: 700; color: rgba(255, 255, 255, 1.00); line-height: 40px;  outline: none; transition: all 0.3s; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); cursor: pointer;}
input[type=submit]:hover {box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.50), 0 5px 20px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);}
input[type=submit]:focus {box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);}
input[type=submit]:disabled {background-color: rgba(220, 220, 220, 1.00); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.10);}

a {text-decoration: none; transition: all 0.3s;}

.mm-btn-ex {width: 128px; height: 128px; border-radius: 5px; background-color: rgba(40, 50, 60, 1.00);}
.mm-btn-ex .mm-btn {display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}

.mh {width: 100%; height: 50px;background-color: rgba(0, 0, 0, 0.35); backdrop-filter: blur(10px); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); position: fixed; top: 0px; left: 0px; z-index: 10; transition: all 0.3s;z-index: 300;}
.mh .ic {height: 50px;}
.mh .ic img {top: 50%; transform: translateY(-50%);}
.mh .ic a {top: 50%; transform: translateY(-50%); border-radius: 3px; float: right; height: 30px; background-color: rgba(255, 255, 255, 0.00); padding: 0 20px 0 20px; color: rgba(255, 255, 255, 1.00); line-height: 30px; box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.00); transition: all 0.3s;}
.mh .ic a:hover {background-color: rgba(255, 255, 255, 0.10); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1.00);}
.mh .ic a span {display: inline-block; margin: 0 10px 0 0; transform: translateY(5px);}
/* -------------------------------------------------------------------------------------------------- */
/* CONTAINERS --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.c-20 {width: 20%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-25 {width: 25%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-33 {width: 33.333333%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-40 {width: 40%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-50 {width: 50%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-60 {width: 60%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-66 {width: 66.666666%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-75 {width: 75%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-80 {width: 80%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}
.c-100 {width: 100%; height: 100%; margin: 0 0 20px 0; position: relative; float: left;}

/* -------------------------------------------------------------------------------------------------- */
/* SPACERS AND ALIGNERS ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.no-margin {margin: 0 0 0 0;}

.go-c {position: absolute; left: 50%; transform: translateX(-50%)}
.go-cr {position: relative; left: 50%; transform: translateX(-50%)}

.hs-l {width: 100%; height: 1px; background-color: rgba(40, 50, 60, 0.25); margin: 10px 0 10px 0; position: relative; float: left;}
.hs-00 {width: 100%; height: 0px; position: relative; float: left;}
.hs-10 {width: 100%; height: 10px; position: relative; float: left;}
.hs-20 {width: 100%; height: 20px; position: relative; float: left;}
.hs-30 {width: 100%; height: 30px; position: relative; float: left;}
.hs-40 {width: 100%; height: 40px; position: relative; float: left;}
.hs-50 {width: 100%; height: 50px; position: relative; float: left;}
.hs-60 {width: 100%; height: 60px; position: relative; float: left;}

.go-l {float: left;} .go-l:active {float: left;} .go-l:focus {float: left;} .go-l:visited {float: left;}
.go-r {position: relative; float: right !important;} .go-r:active {position: relative; float: right !important;} .go-r:focus {position: relative; float: right !important;} .go-r:visited {position: relative; float: right !important;}
.go-c {position: absolute; left: 50%; transform: translateX(-50%)} .go-c:active {position: absolute; left: 50%; transform: translateX(-50%)} .go-c:focus {position: absolute; left: 50%; transform: translateX(-50%)} .go-c:visited {position: absolute; left: 50%; transform: translateX(-50%)}

.align-l {text-align: left !important;} .align-c {text-align: center !important;} .align-r {text-align: right !important;}

/* -------------------------------------------------------------------------------------------------- */
/* Links -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.g-link {width: initial; height: initial; position: initial; float: initial; display: inline-block; font-weight: 700; transition: all 0.3s; color: rgba(40, 40, 40, 1.00);}
.g-link:hover {color: rgba(30, 140, 140, 1.00);}

.g-link-white {width: initial; height: initial; float: initial; display: inline-block; font-weight: 700; color: rgba(255, 255, 255, 1.00); transition: all 0.3s;}
.g-link-white:hover {color: rgba(30, 140, 140, 1.00);}

/* -------------------------------------------------------------------------------------------------- */
/* RADIOS AND CHECKBOX's ---------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

input[type=radio] + .rad {min-height: 30px; padding: 8px 0 8px 28px; box-sizing: border-box; margin: 5px 0 5px 0; display: inline-block; font-size: 0.9rem; color: rgba(60, 60, 60, 1.00); cursor: pointer; transition: all 0.3s;}
input[type=radio] + .rad.txt-white {color: rgba(255, 255, 255, 1.00);}
li input[type=radio] + .rad {width: 100%;}
input[type=radio] + .rad:before {content:''; display: block; width: 20px; height: 20px; border-radius: 20px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); box-shadow: inset 0 0 0 0px rgba(30, 140, 140, 1.00), inset 0 0 0 0px rgba(255, 255, 255, 1.00), inset 0 0 0 2px rgba(120, 120, 120, 1.00); transition: all 0.3s;}
input[type=radio]:checked + .rad:before {box-shadow: inset 0 0 0 2px rgba(30, 140, 140, 1.00), inset 0 0 0 4px rgba(255, 255, 255, 1.00), inset 0 0 0 16px rgba(30, 140, 140, 1.00);}


input[type=checkbox] + .check {min-height: 30px; padding: 8px 0 8px 28px; box-sizing: border-box; margin: 5px 0 5px 0; display: inline-block; font-size: 0.9rem; color: rgba(60, 60, 60, 1.00); cursor: pointer; transition: all 0.3s;}
input[type=checkbox] + .check.txt-white {color: rgba(255, 255, 255, 1.00);}
li input[type=checkbox] + .check {width: 100%;}
input[type=checkbox] + .check:before {content:''; display: block; width: 20px; height: 20px; border-radius: 3px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); box-shadow: inset 0 0 0 0px rgba(30, 140, 140, 1.00), inset 0 0 0 0px rgba(255, 255, 255, 1.00), inset 0 0 0 2px rgba(120, 120, 120, 1.00); transition: all 0.3s;}
input[type=checkbox]:checked + .check:before {box-shadow: inset 0 0 0 2px rgba(30, 140, 140, 1.00), inset 0 0 0 4px rgba(255, 255, 255, 1.00), inset 0 0 0 16px rgba(30, 140, 140, 1.00);}

/* -------------------------------------------------------------------------------------------------- */
/* LOGOS -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.logo {display: block; width: 128px; height: 128px; background-image: url('../img/logos.png'); background-repeat-x: no-repeat; will-change: filter; transition: none !important}

.mb-c .logo {background-position-y: -0px;}
.mbway-c .logo {width: 199px; height: 103px; margin: 12px 0 13px 0; background-position-y: -128px;}
.debdir-c .logo {width: 240px; height: 90px; margin: 19px 0 19px 0; background-position-y: -231px;}
.carcre-c .logo {width: 240px; height: 54px; margin: 37px 0 37px 0; background-position-y: -321px;}
.payshop-c .logo {width: 98px; height: 128px; background-position-y: -375px;}
.safecard-c .logo {width: 240px; height: 40px; margin: 44px 0 44px 0; background-position-y: -503px;}
.pagaqui-c .logo {width: 240px; height: 33px; margin: 48px 0 47px 0; background-position-y: -543px;}
.safecash-c .logo {width: 240px; height: 34px; margin: 47px 0 47px 0; background-position-y: -576px;}


/* -------------------------------------------------------------------------------------------------- */
/* ICONS -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.icon {display: block; width: 40px; height: 40px; background-image: url('../img/icons.png'); background-repeat-x: no-repeat; will-change: filter; transition: none !important}
.icon.small {display: block; width: 20px; height: 20px; background-size: 20px;}

.icon.credit-card {background-position-y: -0px;}				.icon.small.credit-card {background-position-y: -0px;}
.icon.no-credit-card {background-position-y: -40px;}			.icon.small.no-credit-card {background-position-y: -20px;}
.icon.returns {background-position-y: -80px;}					.icon.small.returns {background-position-y: -40px;}
.icon.bills {background-position-y: -120px;}					.icon.small.bills {background-position-y: -60px;}
.icon.bills-history {background-position-y: -160px;}			.icon.small.bills-history {background-position-y: -80px;}
.icon.trust {background-position-y: -200px;}					.icon.small.trust {background-position-y: -100px;}
.icon.growth {background-position-y: -240px;}					.icon.small.growth {background-position-y: -120px;}
.icon.phone {background-position-y: -280px;}					.icon.small.phone {background-position-y: -140px;}
.icon.pdf {background-position-y: -320px;}						.icon.small.pdf {background-position-y: -160px;}

.gray {filter: invert(0.6) grayscale(1);}
.white {filter: grayscale(100%) brightness(10)}
.orange {filter: hue-rotate(190deg) brightness(3.5) saturate(4);}
.green {filter: hue-rotate(280deg) brightness(3.15) saturate(2.5);}
.red {filter: hue-rotate(143deg) brightness(1.5) saturate(5.6);}
.blue {filter: hue-rotate(-24deg) brightness(3.0) saturate(2.37);}

.watermark {width: 100%; height: 0%; background-color: rgba(0, 0, 0, 0.75); background: radial-gradient(circle, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1.00) 100%); position: fixed; left: 0px; top: -10px; z-index: 100; transition: all 0.3s 0.2s;}
.watermark + .m-vid-c {width: 60%; position: fixed; left: 50%; top: -100%; transform: translateX(-50%) translateY(-0); z-index: 200; transition: all 0.3s 0.0s;}
.watermark + .m-vid-c .close-btn {width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.80); border-radius: 60px; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); opacity: 0.00; transition: all 0.3s; cursor: pointer;}
	.watermark + .m-vid-c .close-btn:before, .watermark + .m-vid-c .close-btn:after {content: ''; width: 30px; height: 4px; background-color: rgba(255, 255, 255, 1.00); border-radius: 4px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.3s;}
	.watermark + .m-vid-c .close-btn:after {transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
	.watermark + .m-vid-c .close-btn:hover:before {width: 20px; background-color: rgba(160, 160, 160, 1.00); transform: translateX(-50%) translateY(-50%) rotate(-135deg);}
	.watermark + .m-vid-c .close-btn:hover:after {width: 20px; background-color: rgba(160, 160, 160, 1.00); transform: translateX(-50%) translateY(-50%) rotate(135deg);}
.watermark + .m-vid-c .m-vid-ic {width: 100%; padding-top: 56.25%;}
.watermark + .m-vid-c .m-vid-ic iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

.watermark.open {top: 0px; height: 100%; transition: all 0.3s 0.0s;}
.watermark.open + .m-vid-c {top: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.3s 0.2s;}
.watermark.open + .m-vid-c .close-btn {bottom: -80px; opacity: 1.00; transition: all 0.3s 0.6s;}

/* -------------------------------------------------------------------------------------------------- */
/* HOME --------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.ic {width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%);}

section.s-main:after {content: ''; width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; background-position: center center; background-size: cover; background-attachment: fixed; z-index: -10;}
section.s-main:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(40, 110, 170, 0.25) 100%); z-index: -9;}
section.s-main > .ic:first-child {background-color: rgba(0, 0, 0, 0.30); height: auto; backdrop-filter: blur(5px); border-radius: 10px; margin: 40px 0 40px 0}
section.s-main .ic .cta-c {width: 65%; padding: 20px 0 20px 0; text-align: center; color: rgba(255, 255, 255, 1.00);}
	section.s-main .ic .cta-c .logo {display: inline-block; position: initial; float: initial;}	
	section.s-main .ic .cta-c .h-line {display: inline-block; width: 80%; height: 2px; background-color: rgba(255, 255, 255, 1.00);}
	section.s-main .ic .cta-c h1 {font-size: 2.5rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50);}
	section.s-main .ic .cta-c h2 {font-size: 2.0rem; font-weight: 300; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50);}
	section.s-main .ic .cta-c .cta-btn {display: inline-block; height: 60px; background-color: rgba(255, 255, 255, 0.20); padding: 0 80px 0 80px; border-radius: 50px; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 60px; color: rgba(255, 255, 255, 1.00); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1.00); transition: all 0.3s; cursor: pointer;}

section.s-main .ic .request-c {width: calc(35% - 40px); background: rgba(255, 255, 255, 0.80); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.90) 100%); padding: 40px; border-radius: 5px; margin: 20px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1.00);}
section.s-main .ic .request-c h2 {margin: 0; font-size: 1.6rem; font-weight: 700; color: rgba(80, 80, 80, 1.00);}	

	/* -------------------------------------------------------------------------------------------------- */
	/* INPUTS HOME -------------------------------------------------------------------------------------- */
	/* -------------------------------------------------------------------------------------------------- */

	section.s-main input {height: 50px; line-height: 50px; box-shadow: inset 0 0 0 1px rgba(120, 120, 120, 1.00);}
	section.s-main input:hover {box-shadow: inset 0 0 0 1px rgba(30, 140, 140, 1.00), 0 0 20px 0 rgba(30, 140, 140, 0.50);}
	section.s-main input:focus {box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);}

	section.s-main input[type="submit"] {height: 50px; line-height: 50px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);}
	section.s-main input[type="submit"]:hover {box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25), inset 0 25px 0 0 rgba(255, 255, 255, 0.10), inset 0 -25px 0 0 rgba(255, 255, 255, 0.10), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.20);}
	section.s-main input[type="submit"]:focus {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.75);}
	

.partners {width: 100%; padding: 12px 0 8px 0; background-color: rgba(255, 255, 255, 0.75); backdrop-filter: blur(5px); font-weight: 700; color: rgba(0, 0, 0, 0.50); text-align: center; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1.00), inset 0 -1px 0 0 rgba(255, 255, 255, 1.00);}
	.partners span {display: inline-block; margin: 0 20px 0 20px;}

section.s-main .bottom {width: 100%; background-color: rgba(255, 255, 255, 0.90); backdrop-filter: blur(5px);}

section.s-main .bottom h4 {padding: 0 0 5px 0; margin: 0 0 10px 0; font-size: 1.2rem; text-align: left;}

.bottom .adv-c {width: 65%; padding: 20px 10px 20px 0; text-align: center;}
.bottom .adv {width: 20%; min-height: 120px; padding: 50px 5px 5px 5px; font-size: 0.8rem; font-weight: 700; text-align: center; color: rgba(80, 80, 80, 1.00);}
.bottom .adv .icon {display: inline-block; margin-bottom: -40px; transform: translateY(-50px);}

.bottom .vid-c {width: 35%; padding: 20px 0 20px 10px;}
	.bottom .vid-c a {width: 100%; height: 40px; background-color: rgba(255, 255, 255, 1.00); padding: 5px 0 5px 0; text-align: center; border-radius: 5px; line-height: 30px; font-size: 1.2rem; font-weight: 700; color: rgba(30, 140, 140, 1.00); box-shadow: inset 0 0 0 0 rgba(30, 140, 140, 1.00), inset 0 0 0 0 rgba(30, 140, 140, 1.00), 0 1px 3px 0 rgba(0, 0, 0, 0.25); transition: all 0.1s;}
	.bottom .vid-c a:hover {color: rgba(255, 255, 255, 1.00); box-shadow: inset 0 20px 0 0 rgba(30, 140, 140, 1.00), inset 0 -20px 0 0 rgba(30, 140, 140, 1.00);}
	.bottom .vid-c a span {display: inline-block; margin: 0 10px 0 0; transform: translateY(4px);}
	.bottom .vid-c a:hover span {filter: brightness(20);}
.bottom .vid-c .vid-ic {width: 100%; padding-top: 56.25%;}
.bottom .vid-c .vid-ic iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}



/* MULTIBANCO */
section.s-main.mb-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(40, 110, 170, 0.25) 100%);}
section.s-main.mb-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(40, 110, 170, 1.00), 0 0 20px 0 rgba(40, 110, 170, 0.50);}
section.s-main.mb-c input[type=submit] {background-color: rgba(40, 110, 170, 1.00);}
section.s-main.mb-c:after {background-image: url('../img/bg-multibanco.jpg');}
section.s-main.mb-c .ic .cta-c .cta-btn:hover {background-color: rgba(40, 110, 170, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* MB WAY */
section.s-main.mbway-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(200, 40, 40, 0.25) 100%);}
section.s-main.mbway-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(200, 40, 40, 1.00), 0 0 20px 0 rgba(200, 40, 40, 0.50);}
section.s-main.mbway-c input[type=submit] {background-color: rgba(200, 40, 40, 1.00);}
section.s-main.mbway-c:after {background-image: url('../img/bg-mbway.jpg');}
section.s-main.mbway-c .ic .cta-c .cta-btn:hover {background-color: rgba(200, 40, 40, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* DEBITOS DIRETOS */
section.s-main.debdir-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(160, 160, 30, 0.25) 100%);}
section.s-main.debdir-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(160, 160, 30, 1.00), 0 0 20px 0 rgba(160, 160, 30, 0.50);}
section.s-main.debdir-c input[type=submit] {background-color: rgba(160, 160, 30, 1.00);}
section.s-main.debdir-c:after {background-image: url('../img/bg-debitos-diretos.jpg');}
section.s-main.debdir-c .ic .cta-c .cta-btn:hover {background-color: rgba(160, 160, 30, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* CARTAO DE CREDITO */
section.s-main.carcre-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(250, 100, 0, 0.25) 100%);}
section.s-main.carcre-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(250, 100, 0, 1.00), 0 0 20px 0 rgba(250, 100, 0, 0.50);}
section.s-main.carcre-c input[type=submit] {background-color: rgba(250, 100, 0, 1.00);}
section.s-main.carcre-c:after {background-image: url('../img/bg-cartao-de-credito.jpg');}
section.s-main.carcre-c .ic .cta-c .cta-btn:hover {background-color: rgba(250, 100, 0, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* PAYSHOP */
section.s-main.payshop-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(220, 0, 40, 0.25) 100%);}
section.s-main.payshop-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(220, 0, 40, 1.00), 0 0 20px 0 rgba(220, 0, 40, 0.50);}
section.s-main.payshop-c input[type=submit] {background-color: rgba(220, 0, 40, 1.00);}
section.s-main.payshop-c:after {background-image: url('../img/bg-payshop.jpg');}
section.s-main.payshop-c .ic .cta-c .cta-btn:hover {background-color: rgba(220, 0, 40, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* PAYSAFECARD */
section.s-main.safecard-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(30, 140, 200, 0.25) 100%);}
section.s-main.safecard-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(30, 140, 200, 1.00), 0 0 20px 0 rgba(30, 140, 200, 0.50);}
section.s-main.safecard-c input[type=submit] {background-color: rgba(30, 140, 200, 1.00);}
section.s-main.safecard-c:after {background-image: url('../img/bg-paysafecard.jpg');}
section.s-main.safecard-c .ic .cta-c .cta-btn:hover {background-color: rgba(30, 140, 200, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* PAGAQUI */
section.s-main.pagaqui-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(60, 160, 80, 0.25) 100%);}
section.s-main.pagaqui-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(60, 160, 80, 1.00), 0 0 20px 0 rgba(60, 160, 80, 0.50);}
section.s-main.pagaqui-c input[type=submit] {background-color: rgba(60, 160, 80, 1.00);}
section.s-main.pagaqui-c:after {background-image: url('../img/bg-pagaqui.jpg');}
section.s-main.pagaqui-c .ic .cta-c .cta-btn:hover {background-color: rgba(60, 160, 80, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}

/* PAYSAFECASH */
section.s-main.safecash-c:before {background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(130, 130, 190, 0.25) 100%);}
section.s-main.safecash-c input:not([type=submit]):hover {box-shadow: inset 0 0 0 1px rgba(130, 130, 190, 1.00), 0 0 20px 0 rgba(130, 130, 190, 0.50);}
section.s-main.safecash-c input[type=submit] {background-color: rgba(130, 130, 190, 1.00);}
section.s-main.safecash-c:after {background-image: url('../img/bg-paysafecash.jpg');}
section.s-main.safecash-c .ic .cta-c .cta-btn:hover {background-color: rgba(130, 130, 190, 1.00); color: rgba(255, 255, 255, 1.00); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);}



/* -------------------------------------------------------------------------------------------------- */
/* FOOTER ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.ftr {background-color: rgba(40, 50, 50, 1.00); padding: 40px 0 40px 0; color: rgba(255, 255, 255, 0.50); font-size: 0.8rem;}
.ftr a {margin: 0 20px 0 0; font-size: 0.9rem; color: rgba(255, 255, 255, 0.75); text-transform: uppercase;}
.ftr .hs-l {background-color: rgba(30, 140, 140, 1.00)}
.ftr div.c-50:last-child {color: rgba(60, 170, 170, 1.00); font-size: 0.9rem; text-align: right;} 

@media (min-width: 0px) and (max-width: 767px) {
	.watermark + .m-vid-c {width: 80%;}
	section.s-main > .ic:first-child {width: calc(100% - 20px); margin: 10px 10px 10px 10px; padding: 0 0 0 0; left: initial; transform: initial;}
	section.s-main .ic .cta-c {width: 100%;}
	section.s-main .ic .request-c {width: calc(100% - 40px); max-width: 400px; margin: 0 0 20px 0; left: 50%; transform: translateX(-50%);}
	.ic {padding: 0 10px 0 10px;}
	.bottom .adv-c {width: 100%; text-align: center;}
	.bottom .vid-c {width: 100%;}
}

@media (min-width: 0px) and (max-width: 460px) {
	.watermark + .m-vid-c {width: calc(100% - 10px);}
	section.s-main .ic .request-c {padding: 20px;}
	.partners span {display: inline-block; margin: 10px 10px 10px 10px;}
	.bottom .adv {width: 33.333333%; display: inline-block; float: right;}
	.ftr {text-align: center;}
	.ftr a {margin: 5px 5px 5px 5px;}
	.ftr div.c-50 {width: 100%; margin: 0 0 10px 0;}
	.ftr div.c-50:last-child {text-align: center;}
	section.s-main .ic .cta-c h1, section.s-main .ic .cta-c h2 {padding: 0 5px 0 5px;}
}

    ::-webkit-scrollbar {
        width: 10px;
        background-color: rgba(200, 200, 200, 0.25);
    }

    ::-webkit-scrollbar-button {
        height: 0px;
    }

    ::-webkit-scrollbar-track-piece {
        background: rgba(200, 200, 200, 0.00);
    }

    ::-webkit-scrollbar-thumb {

        width: 10px;
        background-color: rgba(200, 200, 200, 0.50);
        transition: all 0.3s;
    }

    ::-webkit-scrollbar-thumb:hover {
        width: 10px;
        background-color: rgba(200, 200, 200, 1.00);
        transition: all 0.3s;
    }