/**/
html,body,main { height: 100%; font-family: 'Roboto', sans-serif; display: inline-block; width: 100%; }
body { overflow-x: hidden !important; }
.row { margin: 0 !important; }
.container-fluid { padding-right: 0 !important; padding-left: 0 !important; }
section { padding-top: 65px !important; padding-bottom: 65px !important; }
#s1{background: #000;} #s2{background: #BD4A00;} #s3{background: #fff;} #s4{background: #BD4A00;} #s5{background: #fff;} #s6{background: #EAB50F;}

#sb-body, #sb-loading {
    background-color: #ffffff00 !important;
    border: none !important;
}
#sb-wrapper-inner {
    border: none !important;
}
#sb-title-inner {
    display: none !important;
}
a.btn.btn-lg.btamarelo.errata.btn-primary {
    margin-left: 229px;
}
/**/
.Anime{-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);z-index: 1;}
.Anime:hover{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);z-index: 99999999;}
.AnimeA{-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);z-index: 1;}
.AnimeA:hover{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);z-index: 99999999;}
.AnimeP{-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);z-index: 1;}
.AnimeP:hover{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);z-index: 99999999;}
.fadeIn{-webkit-animation:fadeIn 2s ease-in-out;-moz-animation:fadeIn 2s ease-in-out;-o-animation:fadeIn 2s ease-in-out;animation: fadeIn 2s ease-in-out;}
.fadeOut{-webkit-animation:fadeOut 2s ease-in-out;-moz-animation:fadeOut 2s ease-in-out;-o-animation:fadeOut 2s ease-in-out;animation: fadeOut 2s ease-in-out;}
/**/
.trans1{position: relative;animation-name: Ani1;animation-duration: 6s;animation-iteration-count: infinite;transform-origin: 50% 50%;}
.trans2{position: relative;animation-name: Ani1;animation-duration: 3s;animation-iteration-count: infinite;transform-origin: 50% 50%;}
.trans3{position: relative;animation-name: Ani2;animation-duration: 5s;animation-iteration-count: infinite;transform-origin: 50% 50%;}
.trans4{position: relative;animation-name: Ani3;animation-duration: 7s;animation-iteration-count: infinite;}
.trans5{position: relative;animation-name: Ani3;animation-duration: 8s;animation-iteration-count: infinite;}
@keyframes Ani1{0%{transform: rotate(0deg)} 88%{transform: rotate(0deg)} 90%{transform: rotate(-12deg)} 92%{transform: rotate(12deg)} 94%{transform: rotate(-12deg)} 96%{transform: rotate(12deg)} 98%{transform: rotate(-12deg)} 100%{transform: rotate(0deg)}}
@keyframes Ani2{0%{transform: scale(1)} 88%{transform: scale(1)} 91%{transform: scale(1.2)} 94%{transform: scale(0.8)} 97%{transform: scale(1.4)} 100%{transform: scale(1)}}
@keyframes Ani3{ 0%{opacity: 1} 96%{opacity: 1} 98%{opacity: 0} 100%{opacity: 1}}
/**/
.Anime1 { -webkit-animation: btn-bounce 2s infinite;  animation: btn-bounce 2s infinite; }
@-webkit-keyframes btn-bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateX(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }}
@-moz-keyframes btn-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); }}
@keyframes btn-bounce { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateY(0); transform: translateY(0); } 40% { -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -ms-transform: translateY(-15px); transform: translateY(-15px); }}
/**/
.Anime2 { -webkit-animation: shake-top 3s infinite;  animation: shake-top 3s infinite;}
@-webkit-keyframes shake-top { 0%, 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 10% {-webkit-transform: rotate(2deg); transform: rotate(2deg); } 20%, 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 30%, 50%, 70% { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }}
@keyframes shake-top {0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 20%, 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 30%, 50%, 70% { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(2deg);  transform: rotate(2deg); }}
/**/
.Anime3 {  -webkit-animation: btn-bou 2s infinite;  animation: btn-bou 2s infinite; }
@-webkit-keyframes btn-bou { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateX(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }}
@-moz-keyframes btn-bou { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-20px); }}
@keyframes btn-bou { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateY(0); transform: translateY(0); } 40% { -ms-transform: translateY(-20px); transform: translateY(-20px); } 60% { -ms-transform: translateY(-10px); transform: translateY(-10px); }}
a, li{text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
a:hover{text-decoration:none;}
/**/
.header { height: 100%; display: flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; text-align: center;  align-items: center;}
.navbar { background: #BD4A00; box-shadow: 1px 1px 7px 0px #888686; border-radius: 0 0 0 18px; height: 60px; }
a.navbar-brand { margin-left: 46px; position: absolute; top: -4px; }
a.nav-link { color: white; font-size: 14px; font-weight: 600; }
li.nav-item { padding: 8px 6px 4px 6px; text-align: center; }
a.nav-link:hover { color: #eab50f; }
a.linkDest { color: #eab614 !important; font-weight: bolder !important; font-size: 17px !important; margin-top: -2px; }
a.linkDest:hover { color: #fff !important; }
.redes {
    position: absolute;
    top: 68px;
    right: 30px;
}
.redes ul {
    list-style: none;
    padding: 0;
}
.redes ul li a img {
    width: 50px;
}
h1.PC {
    color: #e1aa1c;
    font-weight: 700;
}
a.fli {
    padding: 12px 0px 0 0;
    display: inline-block;
}
a.fli img.trans1 {
    width: 40px;
    margin: 0 0 0 4px;
}

element.style {
}
img.Anime.cem {
    display: inline-block;
    width: 70%;
    margin: 5px 0 0 0;
}
/**/
.estrela_r { position: absolute; right: 100px; }
.estrela_l { position: absolute; left: 100px; }
/**/
.inicio { display: inline-block; width: 100%; height: 90px; position: absolute; bottom: 140px; }
.linha_1 { background: white; height: 8px; position: absolute; width: 60%; bottom: 22px; z-index: 101; background: #BD4A00; }
.linha_2 { background: white; height: 8px; position: absolute; width: 100%; bottom: 22px; z-index: 100; }
.inicio ul { list-style: none; text-align: center; margin: 0 !important; padding: 0 !important; display: inline-block; width: 100%; height: 100px; }
.inicio ul li { width: 19.6%; display: inline-block; text-align: center !important; margin: 0 auto; overflow: hidden; }
.inicio ul li span { width: 100px; height: 100px; background: white; display: inline-block; border-radius: 50%; position: relative; z-index: 103; }
.inicio ul li span p { color: #BD4A00; font-family: sans-serif; font-size: 25px; font-weight: bolder; text-align: center; line-height: 26px; padding: 26px 6px 6px 6px; }
.inicio ul li span small { display: block; font-family: 'Roboto'; font-size: 13px; font-weight: 600; line-height: 14px; color: #6d6d6d; }
.inicio ul li.lib span small, .inicio ul li.lib span p { color: white; }
.inicio ul li.lib span { background: #BD4A00; }
/*s1*/
.imgs1 { width: 100%; }
.Right { text-align: right; }
img.Left { float: left; padding: 0 0 0 25px; }
.col-md-4.s1 { margin: 100px 0 0 0; }
.text { color: white; font-size: 17px; padding: 12px 0 0 130px; text-align: left; }
.col-md-12.Links { text-align: center;  margin: 100px 0; }
/*s2*/
.imgs2 { padding: 65px 0 0 0; }
.texts2 { color: white; font-size: 18px; padding: 40px 0; }
/*s3*/
img.imgs3 { position: absolute; }
.texts3 { padding: 0 0 0 110px; font-size: 16px; font-weight: 700; }
.texts3_1, .texts3_2, .texts3_3 { font-size: 17px; padding: 20px 0 0 0; font-weight: 700; }

/*s4*/
.texts4_2 ul { padding: 15px 0 19px 70px; }
.texts4_2 ul li { padding: 7px 0; list-style-type: none; position:relative; }
.texts4_2 ul li:before { content: '•'; display: inline-block; position: absolute; left: -28px; color: #ffc107; font-size: 33px; top: -6px; }
h4 { padding: 0 0 20px 0; font-weight: 700; }
.texts4_1, .texts4_2 { font-size: 17px; padding: 20px 0 0 0; color: white; }
span.BlocO1 { color: #672800; }
.col-md-6.DesT1 { padding: 30px 20px 20px 40px; margin: 0 0 60px 0; border-radius: 0 26px 26px 0; border: 3px solid #672800; }
.col-md-6.DesT2 { background: white; padding: 30px 20px 20px 40px; margin: 0 0 60px 0; border-radius: 26px 0 0 26px; }
.result {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 24px;
}
/*s5*/
.bg_5 {
    height: 100%;
    background: #ffffff url(../images/jge23/bg_5.png) center center;
}
img.imgs5 {
    position: absolute;
}
.texts5 {
    font-size: 17px;
    padding: 20px 0 0 0;
    font-weight: 700;
}
.texts5 p {
    padding: 20px 0 0 114px;
}
/**/
p.texts6 {
    color: white;
    font-size: 17px;
    padding: 50px 0 30px 10px;
}
.col-md-6.dests61 {
    text-align: center;
    background: white;
    border-radius: 0 26px 26px 0;
    padding: 40px 0 40px 0;
}
.col-md-6.dests62 {
    text-align: center;
    padding: 40px 0 40px 0;
}
.btazul {
    font-size: 26px !important;
    font-weight: bold;
    background: #007bff;
    border-radius: 50px;
    padding: 20px 28px 16px 28px;
    border: none;
    margin: 30px 10px 0 0;
}
.btamarelo {
    font-size: 26px !important;
    font-weight: bold;
    background: #EAB50F;
    border-radius: 50px;
    padding: 20px 76px 16px 76px;
    border: none;
    margin: 30px 0 0 10px;
}
.btlaranja {
    font-size: 26px !important;
    font-weight: bold;
    background: #BD4A00;
    border-radius: 50px;
    padding: 20px 28px 16px 28px;
    border:  none;
    margin: 30px 0 0 0;
}
.col-md-12.roda, .col-md-12.roda a {
    text-align: center;
    color: white;
}



.col1, .col2, .col3 {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
}
.im1, .im2, .im3 {
    display: inline-block;
    width: 37%;
    height: 100%;
    position: relative;
    top: -130px;
}
.texts { display: inline-block; width: 62%; }

.texts3_1 {
    text-align: right;
}
.texts.texts3_7 {
    text-align: right;
    padding: 0 18px 0 0;
}
.col2, .col3 {
    margin-top: -38px;
}
a.btn.btn-lg.btamarelo.errata.btn-primary {
    margin-left: 30px; 
}
.col-md-12.Livro {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.style {
    position: relative;
    top: -7px;
}