@charset "UTF-8"; 
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1.2em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:700;}

/* alterações on scroll*/
#santa-cruz.hover{width:55%; padding-bottom:830px;}
#data-local.hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#header.hover .hidden{height:0; margin:50px 0 0 0;}
#header.hover + .bg-image{opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#header.hover #nav{margin:10px 0 0 0;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: 'Lato', sans-serif; font-weight:300; color:#1D3147;}
#container {margin:0; padding:0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden;}
#container::before{content:""; position:absolute; top:0; right:0; left:0; height:1000px; z-index:0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/_large/bg-container.png) top center no-repeat;
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/_large/bg-container.png) top center no-repeat;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/_large/bg-container.png) top center no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
background-size:100% 100%, cover;}

#preloader {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; background-image: url("../images/cirurgia-inside-rs-br.png"); background-position:center top 40%; background-repeat:no-repeat; background-size:360px auto; }
#preloader .inner {position:absolute; top:60%; left:50%; transform:translate(-50%, -50%);}
.loading > span {display:inline-block; width:40px; height:40px; margin:0 5px; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}}

#santa-cruz{display:block; position:fixed; top:0; right:0; width:330px; padding-bottom:320px; background-image:url(../images/_large/img-santa-cruz-do-sul.png); background-repeat:no-repeat; background-size:contain; z-index:140; background-position:right top; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}

#data-local{font-weight:700; display:block; width:200px; height:200px; position:absolute; top:160px; right:4%; z-index:145;-webkit-transition:opacity 2s; -moz-transition:opacity 2s; -ms-transition:opacity 2s; transition:opacity 2s; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#data-local p{font-size:18px; text-shadow:.1em .1em 0 rgba(196,167,114,.4); line-height:1em;}
#data-local span:first-child:not(.label){display:block; font-size:2.2em; line-height:1.2em; padding-top:.6em;}
#data-local span:nth-last-child(2):not(.label){display:block; font-size:2em; line-height:1.2em;}
#data-local .button{white-space:nowrap; margin-left:-1em; margin-top:.5em;}
#data-local .label{font-size:1.1em;}

#header {padding:0; position:fixed; top:0; width:100%; font-size:0; z-index:150; text-align:left; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#header .hidden{height:100px; display:block; font-size:0; position:relative; overflow:hidden; margin:20px 0 0 0; padding:0 4%; z-index:10; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#header .logo{display:inline-block; vertical-align:middle; width:205px; height:100px; background-image:url(../images/cirurgia-inside-rs-br.png); background-repeat:no-repeat; background-size:auto 100%; background-position:center left; margin-right:25px;}
#header .eventos{display:inline-block; vertical-align:middle; width:55%;}
#header .eventos li{font-size:12px; display:inline-block; width:50%;}
#header .eventos li:nth-child(2){margin-top:0;}
#header .circle{font-weight:700; text-align:center; width:100px; height:100px;}
#header .circle p{font-size:14px; text-shadow:.1em .1em 0 rgba(196,167,114,.4); line-height:1em;}
#header .circle span:first-child{display:block; font-size:2em; line-height:1.2em; padding-top:.3em;}
#header .circle span:last-child{display:block; font-size:1.8em; line-height:1.2em;}
#header .button{font-size:16px;}
#header .button.blue{float:right; margin-top:30px;text-shadow:.1em .1em 0 rgba(29,49,71,.4); font-weight:900;}/*cidade*/
#header .button.white{position:absolute; right:4%; bottom:5px; z-index:10;}/*inscrição*/
#header + .bg-image{content:""; position:fixed; z-index:135; top:0; right:0; left:0; display:block; padding-top:130px; background-image:url(../images/_large/bg-container.png); background-size:cover; background-repeat:no-repeat; background-position:top center; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}/*background header*/

#nav{display:block; margin:10px 0 0 0; padding:0 4%; list-style:none; font-size:0; width:100%; clear:both; -webkit-transition:padding 2s; -moz-transition:padding 2s; -ms-transition:padding 2s; transition:padding 2s; position:relative; z-index:10;background:rgba(29,49,71,.8);
background: -moz-linear-gradient(left, rgba(29,49,71,1) 0%, rgba(29,49,71,.6) 70%, rgba(29,49,71,0) 100%);
background: -webkit-linear-gradient(left, rgba(29,49,71,1) 0%, rgba(29,49,71,.67) 70%, rgba(29,49,71,0) 100%);
background: linear-gradient(to right, rgba(29,49,71,1) 0%, rgba(29,49,71,.6) 70%, rgba(29,49,71,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D3147', endColorstr='#001D3147',GradientType=0 );}
#nav li{display:inline-block; vertical-align:middle; position:relative;}
#nav li .bege{display:block; position:relative; font-size:15px; line-height:40px; padding:5px 8px; font-weight:400; white-space:nowrap; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#nav li .bege .pict{display:block;}
#nav li .bege .pict + span{display:none; visibility:hidden;}
#nav li .bege::after{content:""; position:absolute; bottom:0; left:15%; width:70%; background-color:#C4A772; height:0; -webkit-transition:height .5s; -moz-transition:height .5s; -ms-transition:height .5s; transition:height .5s;}
#nav li:hover .bege, #nav li .bege.hover{color:#FFFFFF;}
#nav li:hover .bege::after, #nav li .bege.hover::after{height:4px;}
#nav li:hover ul{height:200px;}
#nav li ul {height:0; position:absolute; left:0; display:block; overflow:hidden; padding:0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:20;}
#nav li ul li {display:block; position:relative; z-index:2; padding:0 25px; margin-right:0;}
#nav li ul li::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#1D3147; z-index:0; opacity:.75; -moz-opacity:.75; filter:alpha(opacity=75); z-index:0;}
#nav li ul li a{font-size:16px; font-weight:400; white-space:nowrap; overflow:hidden; display:block; position:relative; padding:15px 0; line-height:20px; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s; font-weight:400; border-bottom:solid 1px #DACEB9; color:#DACEB9;}
#nav li ul li:last-child a{border-bottom:none;}
#nav li ul li a:hover, #nav li ul li a.hover{color:#FFFFFF;}

#banner{display:block; width:100%; position:relative; padding:0 4%; text-align:left; z-index:0;}
#banner h1{font-size:0; display:block; width:482px; height:240px; margin:50px 0; background-image:url(../images/cirurgia-inside-rs-br.png); background-position:center; background-repeat:no-repeat; background-size:contain;}

#section-apresentacao p:not(:last-child){text-align:justify;}
#section-apresentacao p:first-child{text-align: center;}
#section-apresentacao p:first-child .label br{display: none;}

#section-inscricoes{position:relative; padding:0 4%;}
#section-inscricoes::before{content:""; position:absolute; top:0; right:50%; bottom:0; left:0; background-image:url(../images/_large/bg-inscricoes.png); background-repeat:no-repeat; background-position:center top; background-size:cover;}
#section-inscricoes .content{background-image:url(../images/bg-curva-agendamento.svg); background-position:center right 57%; background-size:auto 102%; background-repeat:no-repeat; padding:120px 0;}
#section-inscricoes .column-2{margin:0 0 0 auto; display:block;}

#section-palestrantes{display:none; visibility:hidden;}

#section-datas{position:relative;}
#section-datas #scrolling{display:block; position:absolute; top:-100px; width:10px; height:10px; z-index:-20;}
/*#section-datas .scrolling{display:block; position:relative; overflow:hidden; margin:40px 0; padding:0;}
#section-datas .datas-list{display:block; position:absolute; left:0; top:0; width:100%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-datas .datas-list.ativo{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}*/
#section-datas .scrolling{display:block; position:relative; margin:40px 0; padding:0;}
#section-datas .datas-list{display:block; position:relative;}
#section-datas .datas-list li {width:30.65%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
#section-datas .datas-list li:nth-child(3n), #section-datas li:last-child{margin-right:0;}
#section-datas .datas-list li .subtitulo.white{margin:0;}
#section-datas .datas-list li .subtitulo.white span:not(.prorrogado){font-size:1.8em; line-height:1.3em; font-weight:700;}
#section-datas .datas-list li .subtitulo.white span.prorrogado{font-size: .8em;}
#section-datas .datas-list li .subtitulo.white span.prorrogado span{text-decoration: line-through; display: inline-block; font-size: 1em;}
#section-datas .subtitulo.white::after{background-color:#C4A772;}
#section-datas a{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-datas a:not(.hover):hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}
#section-datas a.hover{opacity:0.30; -moz-opacity:0.30; filter:alpha(opacity=30); cursor:default;}

#section-entidades{position:absolute; padding:0 4%; bottom:0; width:100%; background:#F3EDE3;
background: -moz-linear-gradient(bottom, #F3EDE3 0%, #FFFFFF 70%, #FFFFFF 100%);
background: -webkit-linear-gradient(bottom, #F3EDE3 0%, #FFFFFF 70%, #FFFFFF 100%);
background: linear-gradient(to top, #F3EDE3 0%, #FFFFFF 70%, #FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3EDE3', endColorstr='#FFFFFF',GradientType=0 );}
#section-entidades .content{padding-top:80px;}
#section-entidades .entidades{display:block; width:100%; margin:0 0 60px 0;}
#section-entidades .entidades.realizacao a{height:120px;}
#section-entidades .entidades.prata a{height:110px;}
#section-entidades .entidades.bronze a{height:100px;}
#section-entidades .entidades.entidades a{height:80px;}
#section-entidades .entidades a{display:inline-block; vertical-align:middle; margin:20px 0;}
#section-entidades .entidades a + a, #section-entidades .entidades span + a{margin-left:5%;}
#section-entidades .article{padding:20px;}
#section-entidades .article .subtitulo{margin-bottom:.7em;}
#section-entidades .article .subtitulo::after{background-color:#FFFFFF;}
#section-entidades .article .subtitulo + a{display:inline-block; height:50px;}
#section-entidades .article a.white{display:inline-block; text-align:left; white-space:nowrap;}
#section-entidades .article a.white + a.white{margin-left:5%;}
#section-entidades .article .pict + span{display:inline-block; vertical-align:middle; line-height:1em;}
#section-entidades .article .pict + span span{font-size:.6em; display:block; font-size:.7em;}
#section-entidades a img{height:100%;}

#section-titulo{position:relative; padding:0 4%; margin-top:1px; background:#C4A772;
background: -moz-linear-gradient(left, #C4A772 0%, #F3EDE3 100%);
background: -webkit-linear-gradient(left, #C4A772 0%, #F3EDE3 100%);
background: linear-gradient(to right, #C4A772 0%, #F3EDE3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4A772', endColorstr='#F3EDE3',GradientType=0 );}
#section-titulo .content{padding:30px 0;}
#section-titulo h1{text-shadow:.05em .05em 0 rgba(29,49,71,.4);}
#section-titulo h1 span{font-size:.5em; font-weight:300; display:block; line-height:1em; text-shadow:none;}

#section-principal h3:not(:first-child){margin-top:2em;}
#section-principal h5, #section-principal h6{margin-bottom:1em;}
#section-principal ul:not(.reset-list) {padding-left:30px;}
#section-principal ul:not(.reset-list) li + li{padding-top:1em;}
#section-principal li{font-size:18px; line-height:1.5em;}
#section-principal blockquote{margin-right:0; margin-left:30px;}

#section-principal .assinaturas {width:48%; display:inline-block; vertical-align:top; margin-top:40px;}
#section-principal .assinaturas + assinaturas{margin-left:4%;}

#section-principal .highlight{font-weight:400; position:relative; padding-left:60px;}
#section-principal .highlight .pict {position:absolute; top:-.5em; left:0;}
#section-principal .highlight .pict + span{font-weight:300; display:block; line-height:1em;}
#section-principal .highlight .pict:not(.local) + span{font-size:.7em;}

#section-principal .office.float-right{background-image:url(../images/_entidades/secretaria-executiva-office-eventos.svg); background-repeat:no-repeat; background-position:center; background-size:contain; width:120px; padding-bottom:14.2%;}/*marca office*/
#section-principal blockquote + .box.bg-blue.white{margin-top:35px;}
#section-principal .box.bg-blue.white .subtitulo.text-center.ocre::after{background-color:#FFFFFF;}/*box destacado*/

#layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:90; background-color:rgba(29,49,71,.6); display:none; padding:210px 4% 0 4%;}
#layer .content{display:none; padding:0;}
#layer .article{display:block; border:solid 1px #C4A772; overflow-y:auto; z-index:0;}
#layer .circle:not(.pict){display:block; width:250px; height:250px; position:relative; background-position:center top; margin:0 auto; overflow:hidden; border:solid 2px #C4A772;}
#layer .circle:not(.pict) img{display:block; max-width:100%;}
#layer .fechar{position:absolute; right:17.325%; z-index:10; margin:20px 20px 0 0}
#layer h4{margin:.5em auto 1em auto;}
#layer ul:not(.reset-list) li + li{padding-top:.4em;}

/*estruturais*/
.padrao{padding:0 4%; position:relative;}
.padrao .content{padding:80px 0;}
.content {margin:auto; width:100%; max-width:1300px; position:relative; font-size:0;}
.article {width:65.35%; margin:auto; position:relative; display:inline-block; vertical-align:text-top;}
.column-2 {width:48%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.65%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*fontes*/
.lato {font-family: 'Lato', sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.ocre{color:#C4A772;}
.bege{color:#DACEB9;}
.bege-l{color:#F3EDE3;}
.blue{color:#1D3147;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-ocre{background-color:#C4A772;}
.bg-bege{background-color:#DACEB9;}
.bg-bege-l{background-color:#F3EDE3;}
.bg-blue{background-color:#1D3147;}

/*transições*/
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}

.box{padding:40px;}
.round{border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.twoColumn{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap: 40px;}
.image{background-position:center; background-repeat:no-repeat; background-size:cover;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large{border-radius:80px; -khtml-border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px;}
.button.large .label{font-size:1.2em; min-height:80px; line-height:30px; padding:25px 1.5em;}

.button.medium{border-radius:60px; -khtml-border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px;}
.button.medium .label{font-size:1.1em; min-height:60px; line-height:20px; padding:20px 1.5em;}

.button.small{border-radius:40px; -khtml-border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}
.button.small .label{font-size:1em; min-height:40px; line-height:20px; padding:10px 1.5em;}

.button.tiny{border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.button.tiny .label{font-size:.9em; min-height:30px; line-height:16px; padding:7px 1.5em;}

.button .pict{margin-left:.5em;}
.button .pict + .label{padding-right:1.5em; padding-left:.5em;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pictogramas.svg); background-repeat:no-repeat; background-size:1100% auto;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.circle{position:relative;}
.pict.none{background-image: none;}

.pict.extra{width:140px; height:140px; line-height:140px;}
.pict.large{width:80px; height:80px; line-height:80px;}
.pict.medium{width:60px; height:60px; line-height:60px;}
.pict.small{width:40px; height:40px; line-height:40px;}
.pict.tiny{width:30px; height:30px; line-height:30px;}

.pict.ocre.whatsapp{background-position:0% 0%;}
.pict.ocre.fone{background-position:10% 0%;}
.pict.ocre.email{background-position:20% 0%;}
.pict.ocre.local{background-position:30% 0%;}
.pict.ocre.inscricao{background-position:40% 0%;}
.pict.ocre.home{background-position:50% 0%;}
.pict.ocre.download{background-position:60% 0%;}
.pict.ocre.horario{background-position:70% 0%;}
.pict.ocre.link{background-position:80% 0%;}
.pict.ocre.data{background-position:90% 0%;}
.pict.ocre.certificado{background-position:100% 0%;}
.pict.ocre.cracha{background-position:0% 10%;}
.pict.ocre.pessoas{background-position:10% 10%;}
.pict.ocre.mediadesk{background-position:20% 10%;}
.pict.ocre.pessoa{background-position:30% 10%;}
.pict.ocre.aprovado{background-position:40% 10%;}
.pict.ocre.upload{background-position:60% 10%;}
.pict.ocre.mais{background-position:0% 20%;}
.pict.ocre.menos{background-position:10% 20%;}
.pict.ocre.fechar{background-position:20% 20%;}
.pict.ocre.seguinte{background-position:30% 20%;}
.pict.ocre.anterior{background-position:40% 20%;}
.pict.ocre.base{background-position:50% 20%;}
.pict.ocre.topo{background-position:60% 20%;}

.pict.blue.whatsapp{background-position:0% 30%;}
.pict.blue.fone{background-position:10% 30%;}
.pict.blue.email{background-position:20% 30%;}
.pict.blue.local{background-position:30% 30%;}
.pict.blue.inscricao{background-position:40% 30%;}
.pict.blue.home{background-position:50% 30%;}
.pict.blue.download{background-position:60% 30%;}
.pict.blue.horario{background-position:70% 30%;}
.pict.blue.link{background-position:80% 30%;}
.pict.blue.data{background-position:90% 30%;}
.pict.blue.certificado{background-position:100% 30%;}
.pict.blue.cracha{background-position:0% 40%;}
.pict.blue.pessoas{background-position:10% 40%;}
.pict.blue.mediadesk{background-position:20% 40%;}
.pict.blue.pessoa{background-position:30% 40%;}
.pict.blue.aprovado{background-position:40% 40%;}
.pict.blue.upload{background-position:60% 40%;}
.pict.blue.mais{background-position:0% 50%;}
.pict.blue.menos{background-position:10% 50%;}
.pict.blue.fechar{background-position:20% 50%;}
.pict.blue.seguinte{background-position:30% 50%;}
.pict.blue.anterior{background-position:40% 50%;}
.pict.blue.base{background-position:50% 50%;}
.pict.blue.topo{background-position:60% 50%;}

.pict.white.whatsapp{background-position:0% 60%;}
.pict.white.fone{background-position:10% 60%;}
.pict.white.email{background-position:20% 60%;}
.pict.white.local{background-position:30% 60%;}
.pict.white.inscricao{background-position:40% 60%;}
.pict.white.home{background-position:50% 60%;}
.pict.white.download{background-position:60% 60%;}
.pict.white.horario{background-position:70% 60%;}
.pict.white.link{background-position:80% 60%;}
.pict.white.data{background-position:90% 60%;}
.pict.white.certificado{background-position:100% 60%;}
.pict.white.cracha{background-position:0% 70%;}
.pict.white.pessoas{background-position:10% 70%;}
.pict.white.mediadesk{background-position:20% 70%;}
.pict.white.pessoa{background-position:30% 70%;}
.pict.white.aprovado{background-position:40% 70%;}
.pict.white.upload{background-position:60% 70%;}
.pict.white.mais{background-position:0% 80%;}
.pict.white.menos{background-position:10% 80%;}
.pict.white.fechar{background-position:20% 80%;}
.pict.white.seguinte{background-position:30% 80%;}
.pict.white.anterior{background-position:40% 80%;}
.pict.white.base{background-position:50% 80%;}
.pict.white.topo{background-position:60% 80%;}

/*específicas*/
.box{display:block; padding:25px;}

.subtitulo::after{content:""; display:block; margin:.2em 0 0 0; width:3em; height:.15em;}
.subtitulo.ocre::after{background-color:#1D3147;}
.subtitulo.blue::after{background-color:#C4A772;}
.subtitulo.text-center::after{margin:.2em auto 0 auto;}
.subtitulo span:not(.pict){display:block; font-size:.8em; font-weight:400; line-height:1em;}

.eventos {display:block; vertical-align:middle;}
.eventos li{display:block; font-size:20px; font-weight:900; line-height:1em; padding:.6em 0;}
.eventos li.ocre{text-shadow:.1em .1em 0 rgba(196,167,114,.4); background:rgba(29,49,71,.8);
background: -moz-linear-gradient(left, rgba(29,49,71,1) 0%, rgba(29,49,71,.6) 70%, rgba(29,49,71,0) 100%);
background: -webkit-linear-gradient(left, rgba(29,49,71,1) 0%, rgba(29,49,71,.67) 70%, rgba(29,49,71,0) 100%);
background: linear-gradient(to right, rgba(29,49,71,1) 0%, rgba(29,49,71,.6) 70%, rgba(29,49,71,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D3147', endColorstr='#001D3147',GradientType=0 );}
.eventos li.blue{text-shadow:.1em .1em 0 rgba(29,49,71,.4); background:rgba(196,167,114,.8);
background: -moz-linear-gradient(left, rgba(196,167,114,1) 0%, rgba(196,167,114,.6) 70%, rgba(196,167,114,0) 100%);
background: -webkit-linear-gradient(left, rgba(196,167,114,1) 0%, rgba(196,167,114,.6) 70%, rgba(196,167,114,0) 100%);
background: linear-gradient(to right, rgba(196,167,114,1) 0%, rgba(196,167,114,.6) 70%, rgba(196,167,114,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4A772', endColorstr='#00C4A772',GradientType=0 );}
.eventos li + li{margin-top:.5em;}
.eventos li span{font-size:2em; display:inline-block; vertical-align:middle; width:2em; text-align:center;}

/*específicas*/
.integrantes-list li{width:30.65%; margin:0 4% 80px 0; position:relative; display:inline-block; vertical-align:text-top;}
.integrantes-list li:nth-child(3n), .integrantes-list li:last-child{margin-right:0;}
.integrantes-list li:nth-last-child(-n+3){margin-bottom:0;}
.integrantes-list li::before{content:""; position:absolute; top:110px; right:0; bottom:0; left:0; z-index:0; background:rgba(218,206,185,.8);
background: -moz-linear-gradient(top, rgba(218,206,185,1) 0%,  rgba(218,206,185,0) 100%);
background: -webkit-linear-gradient(top, rgba(218,206,185,1) 0%, rgba(218,206,185,0) 100%);
background: linear-gradient(to bottom, rgba(218,206,185,1) 0%, rgba(218,206,185,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DACEB9', endColorstr='#DACEB9',GradientType=0 );}
.integrantes-list li::after{content:""; position:absolute; top:-5px; left:50%; margin-left:-125px; width:250px; height:250px;  background-color:#C4A772; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:0;}
.integrantes-list li a{display:block;}
.integrantes-list li h4{margin-bottom:.5em;}
.integrantes-list li .circle:not(.pict){display:block; margin:0 auto; overflow:hidden; width:220px; position:relative; z-index:10;}
.integrantes-list li .circle:not(.pict) img{display:block; max-width:100%; width:100%; position:relative; z-index:10;}

.dados tr td{padding:.6em .85em; position:relative; font-size:18px; line-height:1.2em;}
.dados tr:first-child td{background-color:#1D3147!important; color:#C4A772; font-weight:700;}
.dados tr:nth-child(2n) td:not(.bg-ocre){background-color:#F9F3E6;}
.dados tr:nth-child(2n+1) td:not(.bg-ocre){background-color:#F3EDE3}

.dados.programacao + .dados.programacao{margin-top:40px;}
.dados.programacao tr td:not(:last-child){font-size:12px; width:7.5em; padding:1.2em .8em 0 0;}
.dados.programacao tr td span{display:inline-block; vertical-align:top;}
.dados.programacao tr td span.funcao{font-size:.6em; line-height:3.2em;}
.dados.programacao tr td span.sujeitos {line-height:1.8em; font-weight:400; padding-left:8px;}
.dados.programacao tr td span.sujeitos .pict{width:20px; height:20px; margin-left:5px;}

@media screen and (max-width:1300px) {
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

/* alterações on scroll*/
#santa-cruz.hover{padding-bottom:650px;}

/* identificadores */
#container::before{height:800px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/_large/bg-container.png) top center no-repeat;
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/_large/bg-container.png) top center no-repeat;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), url(../images/_large/bg-container.png) top center no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );}

#santa-cruz{width:230px; padding-bottom:220px; background-image:url(../images/_large/img-santa-cruz-do-sul.png);}

#data-local{width:170px; height:170px; top:140px;}
#data-local p{font-size:15px;}

#header .eventos{width:63%;}
#header .eventos li{font-size:11px;}

#header .circle{width:90px; height:90px; margin-top:5px; float:right;}
#header .circle p{font-size:12px;}
#header .circle span:first-child{padding-top:.4em;}

#header .button.blue{display:none; visibility:hidden;}/*cidade*/

#header .button.white .pict{margin-left:0; -webkit-transition:margin-left 2s; -moz-transition:margin-left 2s; -ms-transition:margin-left 2s; transition:margin-left 2s}
#header .button.white:hover .pict{margin-left:.5em;}
#header .button.white .label{width:0; padding:10px 0; overflow:hidden; white-space:nowrap; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#header .button.white:hover .label{width:200px;padding:10px 1.5em 10px .5em; text-align:center;}

#nav li .bege{font-size:13px; padding:5px 8px;}
#nav li ul li a{font-size:14px;}

#banner h1{width:390px; height:200px; margin:40px 0;}

#section-inscricoes::before{background-image:url(../images/_large/bg-inscricoes.png);}
#section-inscricoes .content{padding:100px 0;}
#section-inscricoes .column-2{margin:0 0 0 auto; display:block;}

#section-palestrantes{display:none; visibility:hidden;}

#section-entidades .content{padding-top:60px;}
#section-entidades .entidades{margin:0 0 45px 0;}
#section-entidades .entidades.realizacao a{height:105px;}
#section-entidades .entidades.prata a{height:98px;}
#section-entidades .entidades.bronze a{height:90px;}
#section-entidades .entidades.entidades a{height:70px;}
#section-entidades .entidades span + a{margin-left:0;}
#section-entidades .entidades.entidades span{display:block;}

#section-entidades .article a.white{width:40%; text-align:center; margin-top:1em;}
#section-entidades .article a.white + a.white{margin-left:0;}
#section-entidades .article .pict + span{text-align:left;}

#section-titulo .content{padding:25px 0;}

#section-principal ul:not(.reset-list) {padding-left:25px;}
#section-principal li{font-size:16px;}
#section-principal blockquote{margin-left:25px;}

#section-principal .office.float-right{width:90px; padding-bottom:16%;}

#layer .content{padding:0;}
#layer .circle:not(.pict){width:200px; height:200px;}

/*estruturais*/
.padrao .content{padding:60px 0;}

/*específicas*/
.box{padding:20px;}

.eventos li{font-size:17px;}

/*específicas*/
.integrantes-list li:first-child{margin-bottom:60px;}
.integrantes-list li:nth-child(3n), .integrantes-list li:last-child{margin-right:0;}
.integrantes-list li::before{top:90px;}
.integrantes-list li::after{margin-left:-105px; width:210px; height:210px;}
.integrantes-list li .circle:not(.pict){width:180px;}

.dados tr td{font-size:16px;}
.dados.programacao + .dados.programacao{margin-top:30px;}
.dados.programacao tr td:not(:last-child){font-size:11px;}
}
@media screen and (max-width:950px) {
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

/* identificadores */
#santa-cruz.hover{position:absolute; width:47%; padding-bottom:45%;}

/* identificadores */
#santa-cruz{position:absolute; width:200px; padding-bottom:190px;}

#data-local{width:110px; height:110px; top:100px; right:20px;}
#data-local p{font-size:10px;}

#header .hidden{height:80px; margin:10px 0; padding:0 20px; z-index:0;}
#header .logo{width:180px; height:80px; margin-right:0;}
#header .eventos{display:none; visibility:hidden; width:0;}
#header .eventos li{font-size:0; display:none; visibility:hidden; width:0;}
#header .circle{width:80px; height:80px; margin-top:0; float:none;}
#header .circle p{font-size:11px;}
#header .circle span:first-child{padding-top:.4em;}

#header .button.white{display:block; right:80px; bottom:auto; top:25px; z-index:1000;}
#header .button.white .pict, #header .button.white:hover .pict{margin-left:0; width:50px; height:50px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
#header .button.white .label, #header .button.white:hover .label{padding:0; width:0; font-size:0; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

#header + .bg-image{padding-top:100px; background-image:url(../images/_large/bg-container.png); box-shadow:0 0 10px #000000;}/*background header*/

#header .panel-button{display:block; width:50px; height:50px; max-height:50px; position:fixed; z-index:1000; top:25px; right:20px; overflow:hidden; clear:both; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index:0;border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#header .panel-button span{display:block; vertical-align:middle; position:relative; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#C4A772; height:2px;width:20px; border-style:solid; border-color:#1D3147; border-top-width:24px; border-bottom-width:24px; border-left-width:15px; border-right-width:15px; cursor:pointer; box-sizing:content-box;}
#header .panel-button span:before, .panel-button span:after {background-color:#C4A772; content:""; position:absolute; top:-7px; left:0; height:2px; width:20px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:7px;}

#header .panel-button.active span {background-color:#C4A772; border-color:#C4A772;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;background-color:#FFFFFF;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;background-color:#FFFFFF;}

#nav{display:none; visibility:hidden; z-index:100;}
#navMobile {margin:0; padding:30px 15px 15px 15px; list-style:none; position:absolute; right:0; top:0; width:270px; z-index:0; text-align:left;}
#navMobile::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#1D3147; mix-blend-mode:multiply; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); z-index:0;}
#navMobile li{display:block; position:relative; width:100%; margin-bottom:8px; z-index:1;}
#navMobile li:last-child{margin-bottom:0;}
#navMobile li a{width:100%; line-height:36px; display:block; font-size:16px; padding:0 10px; position:relative; border:solid 1px #FFFFFF; color:#DACEB9; text-transform:uppercase;}
#navMobile li a.hover{color:#1D3147; border:solid 1px #FFFFFF; background: #F3EDE3;
background: -moz-linear-gradient(top,  #F3EDE3 0%, #DACEB9 100%);
background: -webkit-linear-gradient(top,  #F3EDE3 0%,#DACEB9 100%);
background: linear-gradient(to bottom,  #F3EDE3 0%,#DACEB9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3EDE3', endColorstr='#DACEB9',GradientType=0 );}
#navMobile li ul{margin:0; padding:0; list-style:none;}

#banner{padding:0 20px;}
#banner .content{max-width:100%;}
#banner h1{width:53%; height:auto; padding-bottom:23%; min-height:140px; margin:0 0 40px 0; background-position:left center;}

#section-inscricoes{padding:0 20px; background-image:url(../images/_large/bg-inscricoes.png); background-position:center; background-size:cover; background-repeat:no-repeat;}
#section-inscricoes::before{display:none; visibility:hidden; background-image:none;}
#section-inscricoes .content{background-image:none; padding:40px 0;}
#section-inscricoes .column-2{margin:0 auto; padding:40px 20px; text-align:center;}
#section-inscricoes .column-2::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#FFFFFF; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80); z-index:0;}
#section-inscricoes .column-2 *{position:relative; z-index:2;}
#section-inscricoes .column-2 .subtitulo::after{margin:.2em auto 0 auto;}

#section-entidades{padding:0 20px;}
#section-entidades .content{padding-top:50px;}
#section-entidades .column-3:first-child a{height:40px;}
#section-entidades .entidades{margin:0 0 40px 0;}
#section-entidades .entidades.realizacao a{height:85px;}
#section-entidades .entidades.prata a{height:77px;}
#section-entidades .entidades.bronze a{height:70px;}
#section-entidades .entidades.entidades a{height:55px;}

#section-datas .scrolling{margin:20px 0; padding:0;}
#section-datas li .pict.extra{width:100px; height:100px;}
#section-datas a .pict{width:40px; height:40px;}

#section-principal ul:not(.reset-list) {padding-left:20px;}
#section-principal li{font-size:14px;}
#section-principal blockquote{margin-left:20px;}

#section-principal .highlight{min-height:40px;}
#section-principal .highlight .pict {top:-1em;}

#section-principal .office.float-right{width:70px; padding-bottom:22%;}

#section-principal h3 + span .column-2:first-child p.highlight:nth-child(6){display: none; visibility: hidden;}
#section-principal .column-2 + .column-2{margin-top: 40px;}

#layer {padding:150px 20px 0 20px;}
#layer .content{display:none; padding:0;}
#layer .fechar{right:0; margin:10px 10px 0 0}

/*estruturais*/
.padrao{padding:0 20px;}
.padrao .content{padding:50px 0;}
.content {max-width:700px;}
.article, .column-2{width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:auto;}
.column-4 {width:48%; margin:0 4% 0 0;}
.column-4:nth-child(2n), .column-4:last-child{margin-right:0;}

/*transições*/
.alpha{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
.alpha:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

/*específicas*/
.eventos li{font-size:15px;}

.integrantes-list li{width:48%;}
.integrantes-list li:first-child{margin-bottom:40px;}
.integrantes-list li:nth-child(3n){margin:0 4% 40px 0;}/*aumentar distânca entre linhas*/
.integrantes-list li:nth-child(2n), .integrantes-list li:last-child{margin-right:0;}
.integrantes-list li::before{top:70px;}
.integrantes-list li::after{margin-left:-80px; width:160px; height:160px;}
.integrantes-list li .circle:not(.pict){width:140px;}

.dados tr td{font-size:14px;}
.dados.programacao + .dados.programacao{margin-top:20px;}
.dados.programacao tr td:not(:last-child){font-size:10px;}

}
@media screen and (max-width:600px) {
h1{font-size:24px;}
h2{font-size:22px;}

/* identificadores */
#preloader {background-size:240px auto;}

#santa-cruz.hover{position:absolute; width:95%; padding-bottom:75%;}

/* identificadores */
#santa-cruz{width:170px; padding-bottom:160px;}

#header, #header .hidden, #header + .bg-image{-webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
#header .circle{display:none; visibility:hidden; font-size:0;}
#header .circle p{display:none; visibility:hidden; font-size:0;}

#banner{z-index:140;}
#banner h1{background-position:left 15px center; background-size:50% auto; position:relative; width:100%;}
#banner h1::before{content:""; position:absolute; top:-15px; right:0; bottom:-15px; z-index:-1; left:0;background:rgba(196,167,114,.8);
background: -moz-linear-gradient(left, rgba(243,237,227,1) 0%, rgba(243,237,227,.7) 60%, rgba(243,237,227,0) 100%);
background: -webkit-linear-gradient(left, rgba(243,237,227,1) 0%, rgba(243,237,227,.7) 60%, rgba(243,237,227,0) 100%);
background: linear-gradient(to right, rgba(243,237,227,1) 0%, rgba(243,237,227,.7) 60%, rgba(243,237,227,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4A772', endColorstr='#00C4A772',GradientType=0 );}

#section-apresentacao p:first-child .button.bg-blue .pict{display: block; margin: auto;}
#section-apresentacao p:first-child .button.bg-blue .label{padding: 0 20px;}
#section-apresentacao p:first-child .button.bg-blue .label br{display: inline;}

#section-datas .datas-list li {width:100%; margin:0; display:block;}
#section-datas .datas-list li .subtitulo.white span{font-size:1.6em;}

#section-entidades .entidades.realizacao a{display:block; margin:30px auto;}
#section-entidades .article .subtitulo{margin-bottom:1.2em;}
#section-entidades .article a.white{width:100%;}
#section-entidades .article a.white .pict{display:block; margin:0 auto;}
#section-entidades .article a.white .pict + span{text-align:center;}

#section-titulo .content{padding:25px 170px 25px 0;}

#section-principal blockquote{margin-left:15px;}

/*estruturais*/
.padrao .content{padding:40px 0;}
.content {max-width:450px;}
.column-3{width:100%; margin:auto; display:block;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:auto;}

/*específicas*/
.eventos li{font-size:12px; padding:1em 0;}

.integrantes-list li{width:100%; margin-bottom:40px;}
.integrantes-list li:nth-child(3n){margin:0 auto 40px auto;}
.integrantes-list li:nth-child(2n){margin-right:auto;}
.integrantes-list li:nth-last-child(-n+3){margin-bottom:40px;}
.integrantes-list li:last-child{margin:0 auto;}

.dados:not(.programacao) tr td{padding:.6em; font-size:13px;}
.dados:not(.programacao) tr:first-child td{font-size:10px;}

.dados.programacao tr td:not(:last-child){font-size:9px; width:4em; padding:1em .8em 1em 0; line-height:1.2em;}
.dados.programacao tr td:not(:last-child) span{display:block; visibility:hidden; font-size:0; line-height:0; overflow:hidden;}
.dados.programacao tr td span.funcao{display:block;}
.dados.programacao tr td span.sujeitos{display:block;}
.dados.programacao tr td span.sujeitos + br {display:none;}
.dados.programacao tr td span.sujeitos .pict{width:16px; height:16px;}
}