/* internas */ .conteudo-internas { overflow: hidden; } .box_content_titulo { color: #fff; margin-bottom: 35px; background-color: #66728D; } .box_content { background: #fff; background: rgba(250,250,250,.65); margin-bottom: 40px; } .header-evento img { display: block; max-width: 100%; } .header-evento-titulo { padding:2em 0; margin-bottom: 1em; } .header-evento-titulo h2 { color: #3c3c3c; text-transform: uppercase; font-weight: 600; line-height: 1em; } .col-lft { float: left; } .col-rgt { float: right; } .col { width: 48%; } .col .header-col.info {} .col .header-col span.icon { float: left; color: #66728D; padding-right: 5px; } .col .header-col.ingressos {} .col h3 { color: #3c3c3c; font-size: 17px; line-height: 1em; font-weight: 700; } /* Atencao */ #atencao { background:#66728D; padding: 20px 0; width: 100%; overflow: hidden; } #atencao h3, #atencao h4 { color:#fff; font-weight: 700; } #atencao h3 { text-transform: uppercase; } #atencao p { color:#fff; font-size:15px } /* Local-Atracoes */ .local-atracoes, .mapa-evento, .locais-retiradas, .atracoes, .docs-obg, .sec-default { margin: 1em 0; } .mapa-evento img { max-width: 100%; } .local-atracoes ul li { color: #66728D; list-style: none; margin: 0 0 .2em; } .local-atracoes ul li.none span { display: inline-block; padding-left: 15px; } .local-atracoes ul li span { color: #787878; } .local-atracoes ul li span.icon, .locais ul li span.icon { color: #66728D; display: inline-block; width: 20px; text-align: center; } /* Atracoes */ .atracoes { margin-top: 1.5em; } .atracoes ul { /*margin: .5em 0 1.5em;*/ } /* Locais Retirada */ .locais-retiradas .locais { margin: .5em 0 1.5em; } .locais-retiradas .locais:last-child { margin-bottom: 0; } .locais-retiradas .locais ul { padding: .5em 0; } .locais-retiradas .locais ul li { /* background: url("../imgs/sprite_eventos_info.png") no-repeat 0 0; padding-left: 30px; */ list-style: inside none; line-height: 2em; } .locais-retiradas .locais ul li.local { background-position: -3px 0; } .locais-retiradas .locais ul li.data { background-position: -3px -152px; } .locais-retiradas .locais h5 { font-size: 13px; line-height: 1em; font-weight: 700; color: #66728D; } /* Docs */ .col .docs-obg h3 { /*color: #787878;*/ font-size: 17px; line-height: 1em; } .docs-obg ul li, .sec-default ul li { color: #66728D; line-height: 1.5em; list-style: inside disc; } .docs-obg ul li span, .sec-default ul li span { color: #787878; } .docs-obg .obstxt { margin: 1em 0; } .docs-obg .att { text-transform: uppercase; } /* Eventos Relacionados */ #eventos-relacionados { /*overflow: hidden;*/ margin: 1em 0; width: 100%; } .evento-relacionado * { text-align: center; } .evento-relacionado { width: 195px; position: relative; float: left; height: 300px; margin:10px 5px 5px 0; } .evento-relacionado article { height: 100%; } .evento-relacionado img { max-width: 100%; } .evento-relacionado figure { position: relative; width: 100%; height: 100%; z-index: 10; } .evento-relacionado .overlay { background: #fff; background: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; padding: 3em 2em; text-align: center; width: 100%; -webkit-backface-visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; transition: all 0.7s ease-out 0s; } .evento-relacionado .overlay .btn-buy { background-color: #cf0000; color: #fff; cursor: pointer; font-family: "Montserrat", Arial, Tahoma, sans-serif; font-size: 13px; padding: 1.5em; text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .evento-relacionado figure figcaption { background: #fff; text-align: center; padding: 5%; height: 105px; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 20; } .evento-relacionado figure h3 { color: #333; text-transform: uppercase; font-size: 11px; line-height: 1em; font-weight: 700; height: 36px; } .evento-relacionado figure h4 { color: #333; font-family: "Arimo", sans-serif; font-size: 12px; line-height: 1.6em; font-weight: 500; text-align: center; overflow: hidden; } .evento-relacionado span.icons-topo { color: #333; margin: 0px; } /* Ingressos */ #formStore {} .sessao-ingresso-dia { margin: 0 0 2em 0; } .sessao-ingresso-dia:last-child { margin: 0; } .sessao-ingresso-dia .dia { font-size: 16px; font-weight: 700; /*text-transform: uppercase;*/ margin: 0 0 1em 0; } #formStore fieldset { padding: 1em; background: #dbdbdb; margin: 0 0 .5em 0; } .caps { text-transform: uppercase; } .info-header { width 100%; overflow: hidden; } .info-header span { display: inline-block; font-size: 13px; } .info-header span.info-lft { float: left; } .info-header span.info-rgt { float: right; } .opcao-ingresso h4 { color: #333; line-height: 1.5em; font-size: 13px; font-weight: 500; } .opcao-ingresso h4 span { color: #000; font-weight: 700; } .opcao-ingresso p { color: #222; font-size: 13px; font-weight: 400; line-height: 1em; margin: .5em 0; } .valor-opcao { width: 100%; overflow: hidden; margin: 1em 0; } .valor-opcao select, .left-comp { float: left; } .right-comp { float: right; } .valor-opcao select { /*text-transform: uppercase;*/ font-size: 13px; font-weight: 400; width: auto; font-family: 'Montserrat', sans-serif; } .valor-ingresso-unid, .subtotal-valor-ingresso-unid { font-size: 14px; font-weight: 400; line-height: 33px; font-family: 'Montserrat', sans-serif; } .valor-ingresso-unid { color: #66728D; margin: 0 10px; line-height: 33px; } .subtotal-valor-ingresso-unid { color: #000; } /* Doacoes */ .col .header-col.doacoes { background: url("../imgs/sprite_info_icons_hd.png") no-repeat -14px -80px; padding: 0 0 2em 2.5em; } .sessao-form { border-bottom: 1px solid #6c6c6c; padding: 0 0 2em 0; margin:0 0 2em 0; float: left; width: 100%; /*overflow: hidden;*/ } .info-cliente { border: 0 none; } .doacoes h3 { display: inline-block; } .doacao h4 { color: #464646; font-size: 18px; line-height: 1.5em; font-weight: 700; margin: 0 0 .5em 0; } .doacoes .opcional { font-weight: 400; font-size: 15px; display: inline-block; margin: 0 .5em; color: #222; font-family: 'Montserrat', sans-serif; } .opcao-doacoes { overflow: hidden; margin: 0 0 1em; } .opcao-doacoes .item-doacao { float: left; margin: 0 1em 0 0; } .opcao-doacoes .item-doacao label span { font-size: 16px; font-weight: 400; line-height: 1.4em; color: #66728D; font-family: 'Montserrat', sans-serif; } .box-total-doacoes { background: #222; padding: .5em 1.5em; display: inline-block; /* -webkit-border-radius: 10px; */ -moz-border-radius: 10px; /* border-radius: 10px; */ } .box-total-doacoes p { color: #fff; font-size: 13px; font-weight: 400; margin-bottom: 0; } .box-total-doacoes .vlr { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; } /* Tipos de Retirada */ .col .header-col { padding: 1em 0 1.5em; } .col .header-col.retirada {} .tipo-de-retirada .label-success { background-color: #66728D; } .item-retirada { margin: 0 0 1em 0; } .item-retirada p { font-size: 13px; line-height: 1.8em; font-weight: 500; margin: 0; } .item-retirada p * { float: left; } .item-retirada img { margin: 0 .3em; } .item-retirada .dest { color: #66728D; display: inline-block; font-weight: 700; text-transform: uppercase; font-size: 15px; line-height: 1.2em; font-family: 'Montserrat', sans-serif; } /* Resumo do Pedido */ .item-resumo { width: 100%; background: #d4d4d4; padding: 1em; margin: 0 0 .5em 0; } .col .header-col.resumo { /*background: url("../imgs/sprite_info_icons_hd.png") no-repeat -14px -169px;*/ padding: 0 0 2em 0; } .item-resumo p { color: #464646; font-size: 13px; font-weight: 500; line-height: 1.2em; margin: 0; } .item-resumo p .item-info { float: left; } .item-resumo .vlr-resumo { float: right; text-align: right; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 400; } .box-total-resumo { background: #222; padding: .8em 1.5em; display: inline-block; margin: 1em 0 0; float: right; } .box-total-resumo p { color: #fff; font-size: 13px; font-weight: 400; margin-bottom: 0; text-transform: uppercase; } .box-total-resumo .vlr { font-family: 'Montserrat', sans-serif; } /* Info Cliente */ .info-cliente p { margin: 0; font-size: 13px; color: #222; font-weight: 400; } .col .header-col.cliente {} .item-form-info { overflow: hidden; width: 100%; margin: 0 0 .5em 0; position: relative; } #cardBrand { position: absolute; right: 10px; bottom: 10px; z-index: 99; } .header-info-pag { background: #fff; padding: 1em; margin-bottom: 1em; } .header-info-pag p { font-weight: 600; text-transform: uppercase; } /* .item-form-info label { background: #d4d4d4; padding: 17px 10px; display: block; float: left; width: 50%; text-align: right; } */ .item-form-info label p { color: #464646; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 1em; text-transform: uppercase; margin: 0; } .item-form-info .input { background-color: #fff; border: 0 none; padding: 14px 10px; height: 47px; width: 50%; float: right; font-family: 'Montserrat', sans-serif; font-size: 15px; outline: none; } .item-form-info .input-100 { float: right; width: 50%; } .item-form-info .input-100 span { display: block; float: left; } .item-form-info .input-50 { width: 50%; float: left; } .item-form-info .text-danger, .checkbox .text-danger, .radio .text-danger { color: #a94442; width: 100%; font-size: 13px; font-weight: 600; clear: both; } .btn-submit { width: 100%; color: #fff !important; display: block; background: #66728D; border: 0 none; color: #fff; text-transform: uppercase; text-align: center; font-size: 18px; font-weight: 400; padding: 1em; outline: none; font-family: 'Montserrat', sans-serif; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .btn-submit:hover, .btn-submit:focus { background: #002750; color: #fff !important; } footer.footer-internas { width: 100%; } /* @media screen and ( min-height: 825px ){ html.page-internas{ padding-bottom: 130px; } footer.footer-internas { position: fixed; bottom: 0; } } */ #termoModal.modal { overflow-x: hidden!important; overflow-y: hidden!important; max-height: 100%!important; } #termoModal .modal-dialog { height: 100%!important; } #termoModal .modal-content { height: 90%!important; overflow-y: auto!important; } /* Opcoes de Pagamento */ .opcoes-pag { width: 100%; overflow: hidden; text-align: center; background: #fff; margin-bottom: 1em; } .opcoes-pag a { cursor: pointer; } .opcoes-pag a p { font-weight: 600; line-height: 1em; text-transform: uppercase; } .opcoes-pag .item-bol-bc input[type="radio"] { margin: 0 auto; display: block; position: relative; } .opcoes-pag a { display: inline-block; width: 24%; margin: 10px 0; text-align: center; } .opcoes-pag div { display: inline-block; width: auto; margin: 10px 5px; text-align: center; } /* Confirmacao Checkout */ .finalizar_compras { margin-bottom: 20px; } .item_compras { margin-bottom: 10px; } .item_compras .badge { background: #66728D; padding: 10px; } .num_pedido { color: #66728D; font-weight: bold; font-size: 20px; } .btn-boleto { padding: 5px; background-color: #66728D; margin-bottom: 10px; } /* Media Queries */ @media (min-width: 959px){ .conteudo-internas .container { width: 870px; } } @media (max-width: 959px){ .evento-relacionado { width: 165px; height: 270px; } } @media (max-width: 768px){ .col { width: 100%; } .header-evento-titulo h2 { font-size: 20px; } #ingressos { margin-top: 1em; } .evento-relacionado { width: 195px; height: 300px; } .conteudo-internas { padding: 22px } } @media (max-width: 479px){ #eventos-relacionados { display: none; } .opcoes-pag a { width: 49%; } .evento-relacionado { width: 100%; height: 400px; margin: 0 0 5px 0; float: none; } }