.header { height: 176px; background: url(../../../data/midias/bg-institucional.jpg)no-repeat center bottom; position: fixed; z-index: 999; }
.carrinho { background-color: #eeefef; padding: 220px 0 60px 0; }

.carrinho .wrapper { width: 100%; height: auto; float: left; background-color: #ffffff; padding: 20px; position: relative; }
.carrinho .wrapper:before { content: ''; width: 1000px; height: 10px; background-color: #4d9128; position: absolute; left: 50%; top: -10px; }
.carrinho .wrapper:after { content: ''; width: 1000px; height: 100%; background-color: #ffffff; position: absolute; right: -1000px; top: 0; }
.carrinho h2 { font-size: 20px; font-weight: 300; }
.carrinho tbody { padding: 30px 15px; width: 100%; height: auto; float: left; }
.carrinho tr { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; padding: 10px; }
.carrinho tr.cabecalho { border-bottom: 2px solid #000; margin-bottom: 15px; }
.carrinho tr.lista:nth-child(odd) { background-color: #f4f4f4; }
.carrinho tr.total { margin-top: 15px; border-top: 1px solid #000 }
.carrinho .cabecalho th, .carrinho tr td { flex: 1; text-align: right; }
.carrinho .cabecalho th:first-child, .carrinho tr td:first-child { text-align: left; }
.carrinho tr.total td { text-align: right; font-size: 20px; }
.tooltipo { display: none; }
.carrinho tr.total td .maior { font-size: 26px; color: #4d9128; }
.carrinho tr.total td .menor { font-size: 16px; }
.carrinho .lista .closed { font-family: 'Montserrat', sans-serif; color: #acacff; }
.carrinho .pag-cartao { width: 100%; height: auto; float: left; }
.carrinho .pag-cartao button { width: 176px; height: 36px; display: block; background-color: #82a824; border-radius: 10px; font-size: 14px; color: #fff; font-weight: 400; margin-right: 20px; text-align: center; line-height: 34px; float: right; margin-top: 30px; outline: none }
.carrinho .pag-cartao button:hover { background-color: #2c7897 }
.carrinho .pag-cartao button, .carrinho .pag-cartao button:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; }
.pagamento { padding: 0 0 60px 0; }
.pagamento input { outline: none }
.pagamento .wrapper { width: 100%; height: auto; float: left; }
.pagamento .d-l { width: 60%; height: auto; float: left; padding-right: 30px; }
.pagamento .pag-cartao { width: 100%; height: auto; float: left; padding-bottom: 30px; }
.pagamento h2 { text-transform: uppercase; }

.pagamento .bandeiras label {min-width: 100px;}

.pagamento .nome { width: 100%; height: 50px; border: 2px solid #121212; border-radius: 10px; margin: 15px 0 20px 0; background-color: transparent; padding-left: 15px; outline: none; font-size: 14px; color: #222222; font-weight: 300; }
.pagamento .line { width: 100%; height: auto; float: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; }
.pagamento .line span { display: block; width: 60px; }
.pagamento .line span img { }
.pagamento .number { width: 50%; padding-left: 10px; height: 50px; border-radius: 10px; border: 2px solid #212121; }
.pagamento .validate { width: 19%; padding-left: 10px; height: 50px; border-radius: 10px; border: 2px solid #212121; }
.pagamento .cvv { width: 12%; padding-left: 10px; height: 50px; border-radius: 10px; border: 2px solid #212121; }
.pagamento .d-r { width: 40%; height: auto; float: right; }
.pagamento .pag-cartao .box { margin: 30px 0px 0 10px; width: auto; height: 160px; padding: 15px; background-color: #fff; box-shadow: 1px 1px 8px rgba(0, 0, 0, .15); border-radius: 15px; display: block; }

/* The container */
.cont { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 14px; color: #666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.8; }
.cont span, .cont a { text-decoration: underline; }

/* Hide the browser's default checkbox */
.cont input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; }

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmark { background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.cont input:checked ~ .checkmark { background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.cont input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.cont .checkmark:after { left: 9px; top: 5px; width: 8px; height: 13px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.pagamento .box button { width: auto; padding: 0 20px; margin: 30px 0 0 0; }
/*.escolher-pagamento { width: 100%; height: auto; float: left; border-bottom: 1px solid #666; height: 41px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 20px; }*/
/*.escolher-pagamento a { font-size: 14px; color: #000; text-transform: uppercase; padding: 10px; margin-right: 10px; height: 40px; margin-bottom: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }*/
/*.escolher-pagamento a.active, .escolher-pagamento a:hover { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; color: #82a824 }*/
.utilizar-credito { width: 100%; height: auto; float: left; }
.pag-deposito { width: 100%; height: auto; float: left; }
.pag-deposito .d-l { width: 60%; height: auto; float: left; padding-top: 20px; }
.pag-deposito .banco { }
.pag-deposito .banco input { border: 0; border-bottom: 1px solid #666; margin-right: 15px; }
.pag-deposito .banco input.nome-banco { width: 200px; }
.pag-deposito .banco input.agencia-banco { width: 80px; }
.pag-deposito .banco input.numero-conta { width: 80px; }
.pag-deposito .banco input.operacao { width: 60px; }
.pag-deposito .d-r { width: 40%; }
.pag-deposito .d-l h4 { font-size: 16px; line-height: 1.3em; }
.pag-deposito .d-l h5 { font-size: 18px; margin-top: 20px; }
.pag-deposito p {margin-bottom: 0;}
.pag-deposito .escolher-banco { margin-top: 10px; }
.pag-deposito .escolher-banco a { padding: 0 15px 0 0; }
.pagamento .box button, .pag-deposito  button, button#finalizar-carrinho { width: 176px; height: 36px; display: block; background-color: #82a824; border-radius: 10px; font-size: 14px; color: #fff; font-weight: 400; margin-right: 20px; text-align: center; line-height: 34px; float: right; margin-top: 30px; outline: none; }
.pagamento .box button:hover, .pag-deposito  button:hover, button#finalizar-carrinho:hover { background-color: #2c7897; }
.pag-deposito .d-r .box { margin: 30px 0px 0 10px; width: auto; height: 160px; padding: 15px; background-color: #fff; box-shadow: 1px 1px 8px rgba(0, 0, 0, .15); border-radius: 15px; display: block; }
.utilizar-credito .d-r .box { margin: 30px 0px 0 10px; width: auto; height: 160px; padding: 15px; background-color: #fff; box-shadow: 1px 1px 8px rgba(0, 0, 0, .15); border-radius: 15px; display: block; }
.utilizar-credito table { width: 100%; }
.utilizar-credito tbody { padding: 30px 0; }
.obrigado { width: 100%; height: auto; float: left; text-align: center; padding: 30px 60px; }
.obrigado h4 { text-transform: uppercase; font-size: 22px; font-weight: 700; margin: 20px 0; }
.obrigado h5 { }
.obrigado p { font-size: 16px; }
.obrigado p span { font-size: 24px; color: #82a824; }
.obrigado .box-banco { }
.obrigado .line-1 { margin-top: 30px; margin-bottom: 2px; }
.obrigado .line-1 table, .obrigado .line-2 table { width: 100%; margin: 0px 0; background: #f3f3f3; }
.obrigado .line-1 table tbody, .obrigado .line-2 table tbody { padding: 0px 15px; }
.obrigado .line-1 tr:first-child, .obrigado .line-2 tr:first-child { border-bottom: 1px solid #666; }
.obrigado .line-1 th, .obrigado .line-2 th { text-align: right; flex: 1 }
.obrigado .line-1 th:first-child, .obrigado .line-2 th:first-child { text-align: left; }
.obrigado .line-2 th:first-child, .obrigado .line-2 td:first-child { text-align: center; }
.obrigado .line-2 { margin-bottom: 20px; }
.obrigado .atencao { padding: 10px 40px; }
.obrigado .atencao p { font-size: 18px; }
.obrigado .atencao p span { color: red; font-size: 18px; }
.obrigado .centro { }
.obrigado .centro a { }
.obrigado .centro h5 { }
.centralizar { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
.obrigado .centro .ir-agencia, .obrigado .centro .voltar { width: 200px; height: 36px; display: block; background-color: #82a824; border-radius: 10px; font-size: 14px; color: #fff; font-weight: 400; margin-right: 20px; text-align: center; line-height: 34px; float: right; margin-top: 10px; margin-bottom: 30px; outline: none; text-transform: uppercase; }
.obrigado .centro .ir-agencia { width: 220px; }
@media screen and (max-width:1200px) {
	.pagamento .number { width: 46%; }
}
@media screen and (max-width:992px) {
	.pagamento .d-l, .pagamento .d-r { width: 100%; }
	.pagamento .box { width: 400px; float: right; }
	.pagamento .pag-cartao .box, .pag-deposito .d-r .box, .utilizar-credito .d-r .box { margin-left: 0; float: left; }
	.pagamento .box { width: 100%; float: right; }
	.utilizar-credito .d-r .box { margin-top: 0; }
}
@media screen and (max-width:767px) {
	.carrinho { padding: 20px 0; margin-top: 60px; }
	.carrinho .container { padding: 0; }
	.carrinho .container .col-md-12 { padding: 0; }
	.carrinho h1 { padding: 0 15px; font-size: 30px; margin-top: 0; }
	.carrinho .wrapper:after, .carrinho .wrapper:before { display: none; }
	.abas { width: 100%; height: 50px; }
	.abas a { height: 48px; padding: 0 20px; font-size: 16px; line-height: 48px; }
	.creditos-page button { width: 100%; font-weight: 400; }
	.header { height: 62px; }
	.carrinho tbody { padding: 10px 0px; }
	/*.carrinho select { background-color: #eee; }*/
        .carrinho.pagamento { margin-top: 0; padding: 0;}
        .pagamento .bandeiras label {min-width: 70px;}
	.pagamento .number { width: 100%; margin-bottom: 20px; }
	.pagamento .line { flex-wrap: wrap; }
	.pagamento .validate { width: 40%; }
	.pagamento .cvv { width: 30%; }
	.pagamento .box { width: 100%; padding: 15px; height: auto; }
	.pagamento .box label { line-height: 1; }
	.pagamento .box button { margin: 20px 0 0 0; }
	.carrinho tr.total td .maior { font-size: 22px; }
	/*.escolher-pagamento { height: auto; flex-wrap: wrap; }*/
	/*.escolher-pagamento a.active, .escolher-pagamento a:hover { border: 0; border-left: 1px solid #666; }*/
	/*.pag-deposito .banco input { padding: 15px 0; }*/
	.obrigado { padding: 20px 0; }
}