html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline
}
html {
    line-height:1
}
ol,ul {
    list-style:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
caption,th,td {
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}
q,blockquote {
    quotes:none
}
q:before,q:after,blockquote:before,blockquote:after {
    content:"";
    content:none
}
a img {
    border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block
}
html {
    width:100%;
    display:table;
    font-family:Arial,Helvetica,Verdana,sans-serif
}
body {
    margin:0;
    font:normal normal normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
    color:#000;
    text-align:center;
    background-color:#ededed;
    background-repeat:repeat-x;
    background-position:left top
}
.spacing {
    height:18px
}
@media screen and (max-width: 480px) {
    .spacing {
        display:none
    }
}
.content-wrapper {
    width:79%;
    padding:0 50px;
    margin:0 auto
}
@media (max-width: 768px) {
    .content-wrapper {
        width:100%;
        padding:0
    }
}
.content-ticket {
    background:#fff;
    margin:0 auto;
    text-align:left
}
.header {
    position:relative;
    z-index:51;
    /*display:inline-block;
    border-bottom:1px solid #000;*/
    width:100%; height: 93px;
    display: flex; align-items: center;
    justify-content: space-between;
    background: url("/Content/img/sombra-header-boleto.png") repeat-x;
    background-position: 0 93px; padding: 0 0 43px 0;
}
@media screen and (max-width: 480px) {
    .header {
        text-align:center
    }
}
.header__logo {
    float:left;
    padding: 5px 0 0 43px;
}
@media screen and (max-width: 480px) {
    .header__logo {
        float:left;
        padding: 5px 0 0 15px
    }
}
@media screen and (max-width: 480px) {
    .header__logo a img {
        width:100%;
        height:auto
    }
}
@media screen and (max-width: 480px) {
    .header__flag {
        display:inline-block
    }
}
.header__flag--image {
    display:block;
    position:absolute;
    width:7%;
    left:249px;
    top:25px
}
@media screen and (max-width: 480px) {
    .header__flag--image {
        width:100%;
        padding:28px 0;
        position:relative;
        left:auto;
        top:auto
    }
}
.header__rightside {
    /*float:right;*/
    height: auto;
    padding: 0 55px 0px 0px
}
@media screen and (max-width: 480px) {
    .header__rightside {
        padding: 0 15px 0px 0px
    }
}
.bandeira{
    display: flex; align-items: center;
}
.bandeira img{
    margin: 0 15px 0 0;
}
@media screen and (max-width: 480px) {
    .bandeira img{
        margin: 0 10px 0 0;
    }
}
.bandeira p{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
@media screen and (max-width: 480px) {
    .bandeira p{
        font-size: 16px;
    }
}
.footer-content {
    overflow:hidden;
    margin:0 auto;
    padding:14px 0 0 0;
    width:80%;
    text-align:left;
    background:transparent url("/Content/img/footer_shadow.png") no-repeat 50% 0
}
@media (max-width: 768px) {
    .footer-content {
        width:100%
    }
}
.footer-content span,.footer-content a {
    color:#999;
    font-size:12px;
    padding:0;
    margin:0
}
@media (max-width: 768px) {
    .footer-content span,.footer-content a {
        font-size:17px
    }
}
.footer-content__left {
    float:left;
    margin:0;
    padding:0 36px 20px 13px
}
@media (max-width: 768px) {
    .footer-content__left {
        clear:both;
        padding:12px 5px 4vw 0
    }
}
.footer-content__middle {
    float:left;
    margin:0
}
@media (max-width: 480px) {
    .footer-content__middle {
        margin:10px 0
    }
}
.footer-content__right {
    float:right;
    margin:0;
    padding:0 13px 20px 0
}
@media (max-width: 768px) {
    .footer-content__right {
        clear:both;
        line-height:1.6;
        overflow:hidden;
        float:none;
        padding:0
    }
}
@media (max-width: 768px) {
    .footer-content {
        width:auto;
        margin:0;
        padding:3vw 5vw 1vw 5vw;
        background:#ededed
    }
}
.block-ticket__form {
    margin:0 auto;
    min-height:200px;
    padding-top:45px;
    width:50%;
    text-align:center;
    background:#e8e8e8
}
@media (max-width: 320px) {
    .block-ticket__form {
        height:60% !important
    }
}
@media screen and (max-width: 480px) {
    .block-ticket__form {
        height:60%;
        width:100%;
        padding:30px 20px
    }
}
.block-ticket .submit {
    margin:25px 2px 0 0;
    padding:4px 12px 5px 25px;
    color:#fff;
    border:1px solid #ccc;
    background:transparent url("/Content/img/btn.png") no-repeat left top;
    font-size:15.5px;
    cursor:pointer;
    outline:none;
    width:auto
}
@media screen and (max-width: 480px) {
    .block-ticket .submit {
        font-size:1rem;
        height:45px;
        margin:0 1% 0 0;
        width:100%;
        padding:15px 25px;
        text-align:center;
        color:#fff;
        border:1px solid #000;
        background:#000
    }
}
.block-ticket .submit option {
    font-size:0.8rem
}
.block-ticket input {
    width:80%;
    margin:5px 0 10px;
    padding:2px 5px;
    border:1px solid #fff;
    background:#fff
}
@media screen and (max-width: 480px) {
    .block-ticket input {
        color:#999;
        box-sizing:border-box;
        padding:2px 15px;
        margin:15px 0;
        height:45px;
        font-size:1rem;
        width:100%
    }
}
.block-ticket select {
    width:83%;
    margin:5px 0 10px;
    padding:2px 5px;
    border:1px solid #fff;
    background:#fff;
    min-height:24px
}
@media screen and (max-width: 480px) {
    .block-ticket select {
        padding:2px 15px;
        margin:15px 0;
        font-size:1rem;
        height:45px;
        width:100%
    }
}
.block-ticket select option {
    font-size:0.8rem
}
.block-ticket label {
    float:left;
    font-size:17px;
    padding-left:8%
}
@media screen and (max-width: 480px) {
    .block-ticket label {
        padding-left:unset;
        font-size:17px
    }
}
.error {
    color:red;
    margin-top:10px;
    font-size:13px;
    display:block
}
@media screen and (max-width: 480px) {
    .error {
        font-size:17px;
        margin-top:0;
        line-height:1;
        padding:25px 0
    }
}
.block-ticket {
    height:60vh;
    display:flex;
    align-items:center
}
@media screen and (max-width: 480px) {
    .block-ticket {
        box-sizing:border-box;
        padding:0 30px;
        height:60h
    }
}