.container {position:relative; width:90%; max-width:1400px; margin:0 auto; padding:0 15px; box-sizing:border-box; }
.container-fluid {width:100%; margin:0 auto; padding:0; box-sizing:border-box; }
.column,.columns {width: 100%; float: left; box-sizing: border-box; }
.pad2{padding:20px 0}.pad3{padding:30px 0}.pad4{padding:40px 0}.pad5{padding:50px 0}.pad6{padding:60px 0}.pad7{padding:70px 0}
.padd{padding:80px 0; min-height:60px}.pad{padding:20px}
.br{color:#fff}
.brbg{background-color:#fff}
.ama{color:#ffae00}
.amabg{background-color:#ffae00}
.red{color:#ff0000}
.redbg{background-color:#ff0000}
.orange{color:#dd6d00}
.orange2{color:#ed5400}
.bk{color:#000}
.bkbg{background-color:#000}
.darkbg{background-color:#000127}
.roxo{color:#7561cf}
.roxobg{background-color:#7561cf}
.roxobg2{background-color:#a9a3e4}
.blu{color:#393185}
.cz{color:#505050}
.czbg{background-color:#505050}
.degor{background:#e32d33; background:linear-gradient(90deg, rgba(227, 45, 51, 1) 0%, rgba(238, 124, 55, 1) 59%, rgba(238, 124, 55, 1) 100%);}

.som{text-shadow:1px 1px 19px rgba(0, 0, 0, 0.4);}
.somd{box-shadow:rgba(100, 100, 151, 0.2) 0px -7px 29px 0px;}}
.degred{background:#c92f00; background:linear-gradient(90deg, rgba(201, 47, 0, 1) 0%, rgba(253, 29, 29, 1) 40%, rgba(252, 176, 69, 1) 100%);}
.tsom{text-shadow:-2px 5px 0px rgba(0, 0, 0, 1);}
.over{position:absolute; float:left;z-index:100;}
.trans{background-color: cornflowerblue;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5}
.oki{text-transform: uppercase}
.img-circle {border-radius: 50%;}
#ganhadores{padding:120px 0 80px 0}

.zoom{transition: transform 0.04s;}
.zoom:hover{transform: scale(1.1)}

.pulsa {animation:pulse 0.33s infinite; animation-name:pulse; animation-timing-function:ease-out; animation-delay:0; animation-direction:alternate; animation-iteration-count:infinite;}
@keyframes pulse { 0% {transform: scale(1)} 100% {transform: scale(1.17)}}


.modal-window {position:fixed; background-color:rgba(225, 225, 225, 0.97); top:0; right:0; bottom:0; left:0; z-index:999999; visibility:hidden; opacity:0; pointer-events:none; -webkit-transition:all 0.3s; transition:all 0.2s}
.modal-window:target {visibility:visible; opacity:1; pointer-events:auto;}
.modal-window > div {max-width:300px; width:100%; padding:20px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; border-radius:27px; background:linear-gradient(145deg, #f0f0f0, #cacaca); box-shadow:12px 12px 22px #aaaaaa, -12px -12px 22px #ffffff;}
.modal-close {line-height:50px; font-size:80%; font-weight:bolder; position:absolute; right:12px; text-align:center; top:0; width:80px; text-decoration:none}
.modal-close:hover {color: black;}
.modal-window div:not(:last-of-type) { margin-bottom: 15px;}

.modal-window2 {position:fixed; background-color:rgba(225, 225, 225, 0.98); top:0; right:0; bottom:0; left:0; z-index:999999; visibility:hidden; opacity:0; pointer-events:none; -webkit-transition:all 0.3s; transition:all 0.2s}
.modal-window2:target {visibility:visible; opacity:1; pointer-events:auto;}
.modal-window2 > div {max-width:1400px; width:82%; overflow:scroll; max-height:90vh; padding:20px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; border-radius:27px; background:linear-gradient(145deg, #f0f0f0, #cacaca); box-shadow:12px 12px 22px #aaaaaa, -12px -12px 22px #ffffff;}
.modal-close {line-height:50px; font-size:80%; font-weight:bolder; position:absolute; right:12px; text-align:center; top:0; width:80px; text-decoration:none}
.modal-window2 div:not(:last-of-type) { margin-bottom:2px;}


.row {padding:0 20px}

@media (min-width: 600px) {
    .container {width: 85%; padding: 0; }
    .row {padding:0}
}

/* For devices larger than 550px */
@media (min-width: 760px) {
  .container { width:84%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,  .one.columns      { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half.column                { width: 48%; }

  .offset-by-one.column,  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }
  .offset-by-one-third.column,  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
  .offset-by-one-half.column,  .offset-by-one-half.columns     { margin-left: 52%; }
}



html {font-size:62.5%; scroll-behavior:smooth; margin:0; padding:0; overflow-x:hidden; text-rendering:optimizeLegibility}
body {font-size:1.4em; font-family: "Jost", sans-serif; font-optical-sizing:auto; line-height:1.4; font-weight:400; color:#000127; background-color:#d6d6d6; margin:0; overflow-x:hidden;}


h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1.3rem; color:#000127; font-weight:600; line-height:1.1;}
h1 { font-size: 4rem; line-height:102%; letter-spacing:0.1rem}
h2 { font-size: 3.5rem;}
h3 { font-size: 2.6rem; color:#444}
h4 { font-size: 2.3rem; }
h5 { font-size: 1.8rem; line-height:1.77; font-weight:400}
h6 { font-size: 1.5rem; }

@media (min-width: 950px) {
  h1 { font-size: 6rem; }
  h2 { font-size: 4.5rem; }
  h3 { font-size: 2.8rem; }
  h4 { font-size: 2.2rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

p {margin:0; font-weight:300}
a {color:#e97300; text-decoration:none;-webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in}
a:hover {color:#000}




.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:52px; padding:15px 55px; color:#fff; text-align:center; font-size:1.2em; font-weight:800; line-height:1; letter-spacing:0.0rem; text-decoration:none; text-transform:uppercase; white-space:nowrap; border-radius:8px; cursor:pointer; box-sizing:border-box; border:1px none #fff; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25); border-radius: 27px; background:#e32d33; background:linear-gradient(90deg, rgba(227, 45, 51, 1) 0%, rgba(238, 124, 55, 1) 59%, rgba(238, 124, 55, 1) 100%);
box-shadow:8px 8px 16px #b3b3b3,-8px -8px 16px #ffffff;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {color:#000}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {font-size:1.6rem; height:52px; background:#ffbc0d;}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color:#FFF; background-color:#000; text-shadow:2px 2px 0px rgba(0, 0, 0, 0.25);}
.btnp{height:42px;padding:5px 15px; font-size:1em; border-radius:8px; margin:0 8px}
.xcrud-button{font-size:1.2rem; border-radius:10px}
.xcrud-list td, .xcrud-details-table td, .xcrud select, .ui-tabs .ui-tabs-nav li a{color:#333}
.xcrud-details-table td:first-child{text-align:left; text-transform:uppercase}
.ui-widget-header{}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#fff; border:1px solid #555}




input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {height:48px; padding:7px 18px; font-size:1.2em; background-color:#fff; border:1px solid #ccc; border-radius:8px; box-shadow:none; box-sizing:border-box; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); margin:5px 0; width:100%}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea {-webkit-appearance: none; -moz-appearance: none;appearance: none; }
textarea {min-height: 65px; padding-top: 6px; padding-bottom: 6px; }
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border:2px solid #f06b00; outline: 0; }
label,legend {display:block; margin-top:1rem; margin-bottom:-2px; color:#fff; }
fieldset { padding:0; border-width:0; }
input[type="checkbox"],input[type="radio"] { display:inline; padding:5px}
label > .label-body { display:inline-block; margin-left:.5rem; font-weight:normal; }

.btn{height:55px; font-size:1.4rem; border-radius:10px; width:99%}
.btn2{min-height:45px; height:auto; font-size:1.4rem; line-height:1.6rem; border-radius:10px; width:100%; white-space:normal; padding:15px}

.teste input:not(:focus):not(:placeholder-shown):invalid {border:2px solid red}



ul {list-style: circle inside; }
ol {list-style: decimal inside; }
ol, ul {padding-left: 0; margin-top: 0; }
ul ul,ul ol,ol ol,ol ul {margin:1.5rem 0 1.5rem 3rem; font-size:100%; }



@media screen and (min-width:320px) {
table {border-collapse:collapse; margin:0; padding:0; width:100%; margin-left:0%; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td {padding:.625em .4em; text-align:left; border-bottom:1px solid #E1E1E1; font-size:0.7em}
table th, thead {padding:.625em .4em; font-size:.8em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
tbody tr:nth-child(odd){background-color:#e9e9e9}
tbody tr:nth-child(even){background-color:#ffffff}
table tr td:first-child {padding-left:12px}
table tr td:last-child {width:1.7em; word-break:normal}
.uf{width:36px}
.padr{font-size:22px}
.ttd {font-size:13px}
}

@media screen and (min-width:550px) {
table {border-collapse: collapse; width:100%; margin-left:0; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td { padding:.625em 0; border-bottom:1px solid #E1E1E1; font-size:0.9em}
table th, thead {font-size:.9em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
table tr td:first-child {word-break:break-all;}
.uf{width:60px}
.padr{font-size:22px}
.ttd {font-size:15px}
}



button,.button {margin-bottom: 1rem; }
input,textarea {margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol {margin-bottom: 1.5rem; }

.u-full-width {width:100%; box-sizing:border-box}
.u-max-full-width {width:100%; box-sizing:border-box}
.u-pull-right {float:right}
.u-pull-left {float:left}
.tcenter{text-align: center}
.tjust{text-align: justify}
.it{font-style: italic}
.spa{letter-spacing:0.1em}
.subl{text-decoration:underline}
.normal{font-weight:400}
.leve{font-weight:300}
.b, b{font-weight:900}
hr {margin-top:2rem; margin-bottom:2.5rem; border-width:0; border-top: 1px solid #E1E1E1}
.container:after,.row:after,.u-cf { content:""; display:table; clear:both}


@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);
  } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}









@media (min-width: 320px) {
.hero{width:100%; min-height:80vh; padding:0 15px; z-index:0; background-image:url(../img/UTS-Rio-Players-6000x4000-resized.jpg); background-size:cover; background-position:top center}
.heroimg{z-index:2; width:100%; height:auto; margin:20px 0 -40px 0}
#intro{padding-top:0px; padding-bottom:50px; margin-top:76vh; background-color:#000127}
#filme{padding-top:80px; padding-bottom:70px; background-image:url(../img/concert-generic.webp); background-size:cover; background-position:center}
#jogadores{padding:30px 5%}
.flex{display:flex; flex-wrap:wrap; align-items:center;}
.selo{padding:22px 22px 30px 22px; border-radius:21px; margin:20px 20px; color:#fff; flex-grow:1; background:#e32d33; background:linear-gradient(90deg, rgba(227, 45, 51, 1) 0%, rgba(238, 124, 55, 1) 59%, rgba(238, 124, 55, 1) 100%);}
.selo img{border-radius:20px 20px 0 0; box-shadow:rgba(10, 10, 11, 0.6) 0px 4px 29px 0px; margin-bottom:10px}
.selo p, .selo p,.selo h2, .selo h3, .selo h4, .selo h5{margin-bottom:5px; color:#fff; font-size:1.4em}
.selo h5{margin-bottom:12px; margin-top:2px;}
.selo button{margin:5px 25px; font-size:1.4rem; letter-spacing:0rem; height:44px; padding:0 22px 2px 22px; font-weight:600; text-transform:none}
.selo input{margin-top:8px; font-size:1.5rem; height:42px; padding:0 20px; }
.pads{padding:20px 30px}
input.cupom{width:100%; max-width:175px; height:42px; font-size:1em; padding:4px 15px; margin:0}
#regras{padding:100px 0}
#regras li{color:#fff; font-size:1.6rem}
#conteudo{padding-top:95px}
#controle{margin:10px 0; width:90%}
.ingressos{margin:0 20px; padding:4px 0; border-radius:22px; background:linear-gradient(145deg, #f0f0f0, #cacaca); box-shadow:12px 12px 18px #aaa, -14px -14px 17px #fff}
#cad{margin-top:40px; padding-top:80px; padding-bottom:70px}
#numeros-sorte li{background:#fff; border-radius:44px; padding:12px 15px; display:inline-table; box-shadow:12px 12px 18px #aaa; margin:5px}

.flex a{flex-grow:1; width:100%}
.data{border-radius:18px; background:#e0e0e0; box-shadow:inset 11px 11px 15px #afafaf, inset -11px -11px 18px #ffffff; padding:15px; margin:5px 0}
.cart{position:fixed; bottom:0; width:80%; right:0; z-index:99; border-radius:98px 0 0 0; background:#000127; box-shadow:18px 18px 26px #aaaaaa, -18px -18px 26px #ffffff; padding:2px 20px 5px 20px}
.cart button span{font-weight:bold}
.cart button{font-weight:400; width:220px; white-space:normal; height:auto; box-shadow:none; border-radius:58px; padding:11px 20px; margin:7px 10px 5px -10px}
.help{position:fixed; width:60px; height:auto; right:15px; bottom:10px}
.setor select{margin-bottom:2px}
.setor label{color:#000; margin-top:0; margin-bottom:-4px; font-size:1.8rem}
.setor td{color:#000; font-size:1.4rem; padding:15px 5px; letter-spacing:-0.07rem}
.setor td h5{margin-top:0; margin-bottom:0}
.setor td:last-child{}
.lista{width:100%; padding:20px; border-radius:20px; background:#e0e0e0; box-shadow:inset 11px 11px 22px #afafaf, inset -11px -11px 22px #ffffff;}

.calendar {width:95%; border-radius:20px; padding:8px; background:linear-gradient(145deg, #f0f0f0, #cacaca); box-shadow:18px 18px 36px #aaaaaa, -18px -18px 36px #ffffff; margin-bottom:25px}
.calendar-header { text-align:center; font-weight:bold; margin-bottom:10px;}
.calendar-grid { display:grid; grid-template-columns:repeat(7, 1fr); gap:4px;}
.day {padding:5px 0; text-align:center; border-radius:6px; font-size:14px;}
.day.disabled {color:#fff}
.day.available {background:#fff; font-weight:bold; cursor:pointer; background:linear-gradient(145deg, #f0f0f0, #cacaca); box-shadow:3px 3px 6px #aaaaaa,-3px -3px 6px #ffffff;}
.day.available:hover {background:linear-gradient(145deg, #cacaca, #f0f0f0); box-shadow:3px 3px 6px #aaaaaa, -3px -3px 6px #ffffff;}
.day.selected {background:#3498db; color:#fff;}
.weekdays {display:grid; grid-template-columns:repeat(7, 1fr); margin-bottom:2px; font-size:12px; color:#777;text-align:center;}
.weekdays div {padding:0;font-weight:bold;}

#top {position:fixed; top:0; left:0; width:100%; color:#393185; padding:14px 0; background-color:#f4f8fb; z-index:100}
#top p{padding:15px 0 0 15px}
.avatar{width:32px;height:auto; margin:9px; float:left}jnjn
.pe {padding:50px 20px; color:#000127; box-shadow:rgba(100, 100, 151, 0.2) 0px -7px 29px 0px;}
.pe a{color:#000127; font-weight:400}
.pe a:hover {color:red}
.pe img{margin:0 22px 0 3px; width:30px; height:auto}
.pe li{line-height:2; font-size:1.7rem;}
.pe h5{text-transform:uppercase; font-size:1.7rem; font-weight:400}
.info{display:inline-flex; align-items:center}
.ico{width:auto;height:21px; margin:0}
.icob{width:auto;height:21px; margin:-5px -8px -3px 5px}
.icoc{width:auto;height:18px; margin:-2px 8px -3px 0}

.wrap-collapsible {margin:2rem 0}
.lbl-toggle h4{padding:0; font-size:2rem; text-transform:none; line-height:110%}
input[type='checkbox'] {display:none;}
.lbl-toggle {display:block; font-size:1.8rem; line-height:1rem; text-transform:uppercase; padding:1.4rem 0.7rem 0 1.4rem; color:#1c2f6e; background:#fff; cursor:pointer; border-radius:10px; transition:all 0.25s ease-out; margin-bottom:0; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px;}
.lbl-toggle:hover { color:#1c2f6e}
.lbl-toggle::after { content:' '; display:inline-block; vertical-align:middle; transition:transform .2s ease-out; margin:0 0 0 6px}
.collapsible-content { max-height:0px; overflow:hidden; transition:max-height .15s ease-in-out; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.toggle:checked + .lbl-toggle + .collapsible-content { max-height:2250px; height:auto}
.toggle:checked + .lbl-toggle { border-bottom-right-radius:0; border-bottom-left-radius:0;}
.collapsible-content .content-inner { background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:1.7rem;}
.content-inner p {margin-bottom:1.4rem}
    
#loader {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; background:rgba(0,0,0,0.85); z-index:10000}
.lds-ripple {display:inline-block; position:relative; width:96px; height:96px; margin:42% 0 0 39%}
.lds-ripple div {position:absolute; border:8px solid #fff; opacity:1; border-radius:50%;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay:-0.5s;}
@keyframes lds-ripple {0% {top:48px; left:48px; width:0; height:0; opacity:1} 100% {top:0px; left:0px; width:96px; height:96px; opacity:0} }

#mn{z-index:999; position:fixed; top:9px; width:90%; margin-left:5%; padding-top:5px; height:70px; background-color:#000127; border-radius:80px}
.logo{position:absolute; width:58px; height:auto; margin:-70px 0 0 0}
.logouts {position:relative; width:32%; max-width:130px; height:auto; margin:8px 33%; float:left}
#nav-icon4 {width:36px; height:20px; position:fixed; top:12px; right:10px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; z-index:99999; background:none; padding:20px; border-radius:0 0 0 12px}
#nav-icon4 span {display:block; position:absolute; height:4px; width:60%; margin:9px auto 7px 21.4%; background:#fff; border-radius:2px; opacity:1; left:0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg); top:-11px; left:7px; background-color:#fff}
#nav-icon4.open span:nth-child(2) { width:0%; opacity:0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); top:20px; left:7px; background-color:#fff}
.menu{color:#fff; font-size:17px; position:fixed; top:30px; letter-spacing:0.15em; right:12px}

.overlay {position:fixed; background:#000127; top:-11px; left:-6%; width:112%; height:0%; opacity:0; visibility:hidden; -webkit-transition:opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow:hidden; z-index:9999;}
.overlay.open {opacity:1; visibility:visible; height:1000%}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;}
.overlay nav {position:relative; height:70%; top:48%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; letter-spacing:-0.01em}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%}
.overlay ul li {display:block; min-height:33px; position:relative; opacity:100; color:#fff; margin:20px 0; text-align:center}
.overlay ul li a {display:block; position:relative; color:#fff; font-size:2.2rem; text-decoration:none; letter-spacing:-0.02em; z-index:99999; font-weight:bold; border-radius:40px;}
.overlay ul li a:hover {color:#000}
.navlogo img{width:180px; margin-top:15px}
.local.degor img{width:28px; height:auto; margin:0px 7px 0 0; float:left}
.local.degor,.pedidos.degor,.tkts.degor{line-height:20px; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25); font-size:1.8rem}
.local.degor :hover{color:#000}
.local{border:2px solid #fff; border-radius:50px; margin:0 0 0 10px; padding:9px 17px; line-height:1.1; letter-spacing:-0.02rem; font-size:1.6rem; }
.overlay ul li.pedidos,.overlay ul li.tkts{border:none; border-radius:50px}
.overlay ul li.pedidos a,.overlay ul li.tkts a{padding:12px 20px 14px 20px; line-height:1.3; letter-spacing:-0.02rem; font-size:1.8rem;}
.overlay ul li.local{line-height:1.1; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25); font-size:1.5rem}
.overlay.open li.user{border:2px solid #fff; padding:7px 20px 5px 20px; line-height:1.8; letter-spacing:-0.02rem; border-radius:50px; font-size:1.5rem}
#logout-btn{text-align:center; border:none; padding:7px 20px; border-radius:50px}
#logout-btn a{padding:0 7px; font-size:1.8rem; text-align:center; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25);}

.slideshow {position:absolute; width:100%; height:600px; overflow:hidden; top:0}
.slide {position:absolute; width:100%; height:100%; opacity:1; animation:fade 12s infinite; display:flex; justify-content:center; align-items:center; flex-direction:column; color:white; text-align:center;}
.slide-bg {background-image: url('../img/UTS-Rio-Players-6000x4000-resized.jpg'); position:absolute; width:100%; height:100%; background-size:cover; background-position:center; background-position:top center; animation:dolly 4s linear infinite; z-index:-1;}
.slide-content {z-index:1; max-width:340px; text-align:center;}
.slide h1{font-size:4rem; letter-spacing:-0.4rem; margin-top:12vh; margin-bottom:7px; color:#fff; text-shadow:1px 2px 14px rgba(0, 0, 0, 0.7);}
.slide h3{color:#fff; font-size:2.2rem; margin-top:7px}
.slide-btn {font-size:1.8rem; cursor:pointer; transition:background 0.3s; padding:17px 44px 17px 25px; height:auto; border-radius:80px}
  
.qty-control {display:inline-flex; align-items:center; border:none; border-radius:6px; overflow:hidden; margin-bottom:15px}
.qty-control input {width:60px; height:40px text-align:center; border:none; outline:none; font-size:1.7rem; font-weight:bold; padding:4px; background-color:none}
.qty-btn,.qty-dt {background:#f5f5f5; color:#666; border:none; width:38px; height:38px; cursor:pointer; font-size:2.8rem; padding:0; margin-bottom:0; margin:auto 8px; border-radius:50%; background:linear-gradient(145deg, #f0f0f0, #cacaca); box-shadow:3px 3px 6px #aaaaaa,-3px -3px 6px #ffffff;}
.qty-btn:hover,.qty-dt:hover {border-radius:50%; background:linear-gradient(145deg, #cacaca, #f0f0f0); box-shadow:3px 3px 6px #aaaaaa, -3px -3px 6px #ffffff;}
  
#qtd-container{display:flex; align-items:center; flex-wrap:wrap; }
#qtd-container p{width:95%; font-size:1.7rem; margin-bottom:0; border-top:1px solid #fff; padding:12px 12px 0 12px}

.eticket .six.columns { width: 48%}
}

@media (min-width: 412px) {
}

@media (min-width: 600px) {
.logouts {width:125px; margin:13px 0 21px 35vw}
#controle{width:100%}
#mapa{width:100%; margin-left:1%}
}

@media (min-width:740px) {
.logo {width:80px; margin-top:-78px; left:0}
}

@media (min-width:800px) {
.logo {width:80px; margin-top:-4px;}
.selo{min-height:230px; width:22%; margin:20px 10px;}
.cart{font-size:1.55rem; width:65%; min-width:350px; max-width:520px; box-shadow:18px 18px 26px #aaaaaa, -18px -18px 26px #ffffff; padding:10px 15px}
.cart button{box-shadow:none; padding:16px 45px; margin:7px 10px 5px -10px; width:auto}
.help{width:62px; right:18px; bottom:12px}
}


@media (min-width: 1000px) {
.container-fluid{padding:0 5%}
.hero{padding:0 7vw; }
.heroimg{position:absolute; z-index:2; width:100%; height:auto; margin:-20px 0 2vh 0}
.hero .mm{border-bottom:2px solid rgba(200,210,255,0.3); margin-bottom:10vh}
.pe {padding:60px 8vw;}
.u-half-width {width:50%; box-sizing:border-box}
input[type="email"].u-half-width, input[type="text"].u-half-width, input[type="tel"].u-half-width, input[type="date"].u-half-width,textarea, select.u-half-width {width:50%; box-sizing:border-box}
.setor {padding:5px 17px 14px 20px; width:100%}
.setor td{font-size:1.6rem; padding:15px 5px; letter-spacing:-0.02rem}
.modal-window > div {max-width:400px}
#conteudo{padding-top:115px}
#controle{margin:15px; width:97.7%}
#mapa{width:90%; margin-left:5%}
.ingressos{margin:0; padding:10px 8px; border-radius:25px; box-shadow:12px 12px 20px #aaa, -18px -18px 20px #fff}
.ingressos .six.columns:last-child{margin-left:0.58%; width:51%}
.calendar {float:left; margin-right:40px; width:250px; margin-bottom:15px}
#qtd-container{display:flex; align-items:center; flex-wrap:wrap; }
#qtd-container p{width:100%; font-size:1.7rem; margin-bottom:-10px; border-top:1px solid #fff; padding:15px 0;}
.slide-btn {font-size:1.8rem; padding:17px 44px;}
.cupom{max-width:220px}
}


@media (min-width: 1200px) {
.logo {position:relative; width:90px; margin:0 -47px 0 0; float:right}
.logouts {position:relative; width:115px; margin:11px 18px; float:left}
#intro{padding-top:90px; padding-bottom:70px; margin-top:100vh}
#evento-detalhes{margin-top:30px}
.slideshow {min-height:680px; height:100vh; }
.slide-content {max-width:840px}
.slide h1 {font-size:6rem; letter-spacing:-0.4rem; margin-top:30vh; margin-bottom:22px; text-shadow:1px 2px 40px rgba(0, 0, 0, 0.9);}
.slide .row{margin-top:8vh}
#jogadores{padding:30px 3%}
.selo{min-height:230px; width:22%; padding:25px 26px 30px 30px; }
#filme{padding-top:90px; padding-bottom:90px}
.data{margin:0 12px 15px 16px;}
.lista{width:60%; margin:15px 0 15px 20%}

#mn{position:fixed; width:85%; height:77px; border-radius:80px; margin:5px 9% 0 4.5%; padding:0 3vw}
#nav-icon4 {display:none}
.overlay {position:relative; background:none; width:100%; height:auto; opacity:1; visibility:visible; box-shadow:rgba(0,0,0,0.4) 10px 20px 20px 10px; top:0; left:-2%; right:0}
.overlay nav {width:100%; -webkit-transform:translateY(0); transform:translateY(0); text-align:center; letter-spacing:-0.01em; height:70px; top:0}
.overlay ul {top:0; margin:0 auto; position:relative; height:40px; left:0%; padding:0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.overlay ul span{border:2px solid #fff; border-radius:58px; padding:2px 3px 0 0}
.overlay ul li {display:inline-block; margin:14px 8px; min-height:28px}
.overlay ul li a {color:#fff; font-size:1.62rem; line-height:2em}
.overlay ul li a:hover {color:orangered}
.overlay ul li.user{border:none; padding:0 0 0 10px; line-height:1.8; letter-spacing:-0.03rem; font-size:1.4rem; margin:5px}
.overlay.open{height:75px}
.ent a{margin-left:9px; color:#fff; margin-top:0; padding:5px 28px; background:#e32d33; background:linear-gradient(90deg, rgba(227, 45, 51, 1) 0%, rgba(238, 124, 55, 1) 59%, rgba(238, 124, 55, 1) 100%); height:40px; line-height:40px; font-size:1.6rem}
.overlay ul li.tkts.degor{padding:9px 14px 8px 14px}
.overlay ul li.pedidos.degor{padding:0 4px; margin:0; background:none}
.overlay ul li.pedidos a{padding:0 10px; line-height:1.3; font-size:1.6rem;}
.overlay ul li.local{line-height:1.2; font-size:1.24rem; }
.local{margin:0 0 0 10px; padding:5px 15px; line-height:1.1; letter-spacing:-0.02rem; font-size:1.3rem;}
.local.degor img{width:26px;height:auto; margin:0px 7px 0 0; float:left}
.local.degor{line-height:30px; border:none; margin-left:8px}
.overlay ul li.degor a:hover{color:orangered}
.overlay ul li.degor a{font-size:1.6rem; padding:0}
#logout-btn{padding:0; margin:0; border:none}
#logout-btn a{font-size:1.6rem}
#logout-btn.degor{background:none}
}


@media (min-width: 1360px) {
.selo{min-height:200px; }
.day {padding:7px 0; font-size:15px;}
}


@media (min-width: 1600px) {
#mn{width:84%; margin:11px 9% 0 5%;}
.logouts {width:140px; margin:13px 18px;}
.logo {width:90px; margin:0 -58px 0 0}
#intro{padding-top:90px; padding-bottom:90px; }
.slideshow {height:100vh; }
.overlay {left:-2%}
.overlay ul span{padding:3px 9px 0 3px}
.overlay ul li {margin:14px 12px; min-height:33px}
.overlay ul li a {font-size:2rem;}
.overlay ul li.local{line-height:1.2; font-size:1.3rem}
.overlay ul li.user{padding:0 0 0 10px; line-height:1.8; font-size:1.5rem; margin:0 5px}
.overlay ul li.tkts.degor{padding:13px 19px 4px 22px}
#logout-btn a{font-size:1.7rem}
.ent a{margin-left:12px; margin-top:0; padding:5px 20px;}
#jogadores{padding:30px 5%}
.calendar {margin-right:40px; width:320px}
}


@media (min-width: 1900px) {
.selo{min-height:230px; width:19.9%}
}





#return-to-top {position:fixed; bottom:18px; right:20px;background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5); width:48px; height:48px; display: block; text-decoration:none; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; display:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#return-to-top i{color:#fff; margin:0; position:relative; left:18px; top:16px; font-size:19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
#return-to-top:hover {background:rgba(0, 0, 0, 0.7)}
#return-to-top:hover i {color:#fff; top:14px}
.arrow {border:solid #fff; border-width:0 4px 4px 0; display:inline-block; padding:4px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}


.button-group {flex-grow:1; margin:0 auto 10px auto;}
.button-group input[type="radio"] {display:none;}
.button-group label {display:flex; align-items:center; padding:15px 12px; cursor:pointer; color:#000; border-radius:10px; transition:all ease 0.2s; text-align:center; width:auto; margin:0 5px; font-size:1.5rem; font-weight:bold; line-height:1.5rem; background:linear-gradient(165deg, #f7f7f7, #c4c4c4); box-shadow:5px 5px 11px #b3b3b3, -6px -6px 10px #ffffff;}
.button-group input[type="radio"]:checked + label {text-shadow:0px 0px 12px rgba(255,255,255,1); box-shadow:0px 0px 30px -5px #ff7800; background:#fff}
label .ico{width:auto; height:21px; margin:auto 6px auto 0; float:left}
fieldset {border:0; display:flex; flex-wrap:wrap}

.circle {min-width:17px; height:17px; border-radius:50%; display:inline-block; margin:0 3px 0 0}