/* Overall wrapper */
 
 .monthly {
     background: #F3F3F5;
     color: #545454;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     position: relative;
 }
 /* Top bar containing title, navigation, and buttons */
 
 .monthly-header {
     position: relative;
     text-align: center;
     padding: 1em;
     background: #7f7f7f;
     height: 4em;
     box-sizing: border-box;
 }
 /* Center area of top bar containing title and buttons */
 
 .monthly-header-title {
     text-transform: uppercase;
 }
 /* Buttons for reverting to "today", and closing event list */
 
 .monthly-header-title a:link,
 .monthly-header-title a:visited {
     display: inline-block;
     color: #fff;
     text-decoration: none;
     height: 1.75em;
     line-height: 1.65em;
     padding: 0 0.65em 0 0.65em;
     box-sizing: border-box;
     transition: background .1s;
 }
 /* Add some roundy-ness */
 
 .monthly-header-title a:first-of-type {
     border-top-left-radius: 1em;
     border-bottom-left-radius: 1em;
 }
 
 .monthly-header-title a:last-of-type {
     border-top-right-radius: 1em;
     border-bottom-right-radius: 1em;
 }
 
 .monthly-header-title a:hover {}
 
 .monthly-header-title a:active {
     background: #222;
     border: 1px solid #222;
     transition: none;
 }
 /* current month/yr block */
 
 .monthly-header-title-date,
 .monthly-header-title-date:hover {
     color: #fff!important;
     cursor: default;
 }
 /* Button to reset to current month */
 
 .monthly-reset {
     border-left: 0!important;
 }
 
 .monthly-reset::before {
     content: '\21BB';
     margin-right: 0.25em;
 }
 /* Button to return to month view */
 
 .monthly-cal {
     border-right: 0!important;
     color: #ffdd00 !important;
 }
 
 .monthly-cal::before {
     content: '\2637';
     margin-right: 0.25em;
 }
 /* wrapper for left/right buttons to make the clickable area bigger */
 
 .monthly-prev,
 .monthly-next {
     position: absolute;
     top: 0;
     width: 3em;
     height: 100%;
     opacity: 1;
     background: #ffdf18
 }
 
 .monthly-prev {
     left: 0;
 }
 
 .monthly-next {
     right: 0;
 }
 
 .monthly-prev:hover,
 .monthly-next:hover {
     opacity: 1;
 }
 /* Arrows */
 
 .monthly-prev:after,
 .monthly-next:after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     border-style: solid;
     border-color: #222;
     width: 0.6em;
     height: 0.6em;
     margin: -0.4em 0 0 -0.4em;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 /* Left Arrow */
 
 .monthly-prev:after {
     border-width: 0 0 0.2em 0.2em;
 }
 /* Right Arrow */
 
 .monthly-next:after {
     border-width: 0.2em 0.2em 0 0;
 }
 /* Day of the week headings */
 
 .monthly-day-title-wrap {
     display: table;
     table-layout: fixed;
     width: 100%;
     background: #fff;
     border-bottom: 1px solid #EBEBEB;
 }
 
 .monthly-day-title-wrap div {
     width: 14.28%!important;
     display: table-cell;
     box-sizing: border-box;
     position: relative;
     text-align: center;
     text-transform: uppercase;
     padding: 10px;
 }
 /* Calendar days wrapper */
 
 .monthly-day-wrap {
     display: table;
     table-layout: fixed;
     width: 100%;
     overflow: hidden;
 }
 
 .monthly-week {
     display: table-row;
     width: 100%;
 }
 /* Calendar Days */
 
 .monthly-day,
 .monthly-day-blank {
     width: 14.28%!important;
     display: table-cell;
     vertical-align: top;
     box-sizing: border-box;
     position: relative;
     color: inherit;
     background: #f6f6f6;
     box-shadow: 0 0 0 1px #fff;
     -webkit-transition: .25s;
     transition: .25s;
     padding: 0;
     text-decoration: none;
 }
 /* Trick to make the days' width equal their height */
 
 .monthly-day:before {
     content: '';
     display: block;
     padding-top: 100%;
     float: left;
 }
 /* Hover effect for non event calendar days */
 
 .monthly-day-wrap>a:hover {
     background: #A1C2E3;
 }
 /* Days that are part of previous or next month */
 
 .monthly-day-blank {
     background: #f6f6f6;
 }
 
 .monthly-day-event {
     cursor: pointer;
 }
 /* Event calendar day number styles */
 
 .monthly-day-event>.monthly-day-number {
     /*position: absolute;
     line-height: 1em;
     top: 0.2em;
     left: 0.25em;
    */
     margin-top: 1em;
 }
 
 .monthly-day-event:hover>.monthly-day-number {
     font-weight: bold;
 }
 /* Non-Event calendar day number styles */
 
 .monthly-day-pick>.monthly-indicator-wrap {
     margin: 0;
 }
 
 .monthly-day-pick>.monthly-day-number:before,
 .monthly-day-pick>.monthly-day-number:after {
     content: '';
     display: block;
     padding-top: calc(50% - 0.8em);
     width: 0;
     height: 0;
 }
 /* Days in the past in "picker" mode */
 
 .monthly-past-day:after {
     content: '';
     width: 150%;
     height: 2px;
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     background: rgba(0, 0, 0, 0.1);
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .monthly-past-day:hover {
     background: #fff!important;
 }
 /* Current day style */
 
 .monthly-today .monthly-day-number {
     color: #ffdf18;
     background: #7f7f7f;
     border-radius: 0.75em;
     /* top: 0.08em;
     */
     /* left: 0.05em;
     */
     font-size: 0.9em;
     padding: 0;
     /* width: 1.25em;
     */
     /* height: 1.25em;
     */
     /* line-height: 1.25em;
     */
     text-align: center;
     margin-top: 1em;
 }
 
 .monthly-day-pick.monthly-today .monthly-day-number {
     padding: 0.15em;
     margin: calc(50% - 0.7em) auto auto auto;
     font-size: 1em;
 }
 /* Wrapper around events */
 
 .monthly-indicator-wrap {
     position: relative;
     text-align: center;
     line-height: 0;
     max-width: 1.5em;
     margin: 0 auto;
     padding-top: 1.2em;
 }
 /* Event indicator dots */
 
 .monthly-day .monthly-event-indicator {
     display: inline-block;
     margin: 0.05em;
     width: 0.5em;
     height: 0.5em;
     border-radius: 0.25em;
     vertical-align: middle;
     background: #7BA7CE;
 }
 
 .monthly-day .monthly-event-indicator span {
     color: transparent;
 }
 
 .monthly-day .monthly-event-indicator:hover {
     cursor: pointer;
 }
 /* Listing of events under calendar */
 
 .monthly-event-list {
     background: rgba(233, 235, 236, 0.9);
     overflow: auto;
     position: absolute;
     top: 4em;
     width: 100%;
     height: calc(100% - 2.5em);
     display: none;
     -webkit-transition: .25s;
     transition: .25s;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
 }
 /* Days in Events List */
 
 .monthly-list-item {
     position: relative;
     padding: 0.5em 0.7em 0.25em 4em;
     display: none;
     border-top: 1px solid #D6D6D6;
     text-align: left;
 }
 
 .monthly-list-item:after {
     padding: 0.4em 1em;
     display: block;
     margin-bottom: 0.5em;
 }
 
 .monthly-event-list .monthly-today .monthly-event-list-date {
     color: #EA6565;
 }
 /* Events in Events List */
 
 .monthly-event-list .listed-event {
     display: block;
     color: #fff;
     padding: 0.4em 1em;
     border-radius: 0.2em;
     margin-bottom: 0.5em;
 }
 
 .monthly-list-item a:link,
 .monthly-list-item a:visited {
     text-decoration: none;
 }
 
 .item-has-event {
     display: block;
 }
 
 .item-has-event:after {
     display: none!important;
 }
 
 .monthly-event-list-date {
     width: 4em;
     position: absolute;
     left: 0;
     /*top: 1.2em;
    */
     text-align: center;
     font-weight: bold;
     line-height: 1.2em;
 }
 
 .monthly-list-time-start,
 .monthly-list-time-end {
     font-size: .8em;
     display: inline-block;
 }
 
 .monthly-list-time-end:not(:empty):before {
     content: '\2013';
     padding: 0 2px;
 }
 /* Events List custom webkit scrollbar */
 
 .monthly-event-list::-webkit-scrollbar {
     width: 0.75em;
 }
 /* Track */
 
 .monthly-event-list::-webkit-scrollbar-track {
     background: none;
 }
 /* Handle */
 
 .monthly-event-list::-webkit-scrollbar-thumb {
     background: #ccc;
     border: 1px solid #E9EBEC;
     border-radius: 0.5em;
 }
 
 .monthly-event-list::-webkit-scrollbar-thumb:hover {
     background: #555;
 }
 /* Language-specific. Default is English. */
 
 .monthly-reset:after {
     content: 'Hoje';
 }
 
 .monthly-cal:after {
     content: 'Voltar';
 }
 
 .monthly-list-item:after {
     content: 'Sem eventos';
 }
 
 .monthly-locale-fr .monthly-reset:after {
     content: "aujourd'hui";
 }
 
 .monthly-locale-fr .monthly-cal:after {
     content: "mois";
 }
 
 .monthly-locale-fr .monthly-list-item:after {
     content: 'aucun événement';
 }
 
 .monthly-header-title a.monthly-reset {
     display: none
 }
 
 @media (min-width: 25em) {
     .monthly-day-event {
         /*padding: 1.3em;
        */
     }
     .monthly-day-event>.monthly-indicator-wrap {
         width: auto;
         max-width: none;
     }
     .monthly-indicator-wrap {
         padding: 0;
     }
     .monthly-day:before {
         padding-top: calc(100% - 1.2em);
     }
     .monthly-day .monthly-event-indicator {
         display: block;
         margin: 0 0 1px 0;
         width: auto;
         height: 1.5em;
         line-height: 1.2em;
         padding: 0.125em 0 0.1em 0.125em;
         border-radius: 0;
         overflow: hidden;
         background-color: #ffdf18;
         color: #7f7f7f;
         text-decoration: none;
         white-space: nowrap;
         box-sizing: border-box;
     }
     .monthly-day .monthly-event-indicator.monthly-event-continued {
         box-shadow: -1px 0 0 0;
     }
     .monthly-day .monthly-event-indicator span {
         display: block;
         width: auto;
         margin: 0;
         color: #fff;
         padding: 0;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
 }
 /*nice scroll*/
 
 .scrollable {
     position: relative;
 }
 
 .scrollable:focus {
     outline: 0;
 }
 
 .scrollable .viewport {
     position: relative;
     overflow: hidden;
 }
 
 .scrollable .viewport .overview {
     position: absolute;
 }
 
 .scrollable .scroll-bar {
     display: none;
 }
 
 .scrollable .scroll-bar.vertical {
     position: absolute;
     right: 0;
     height: 100%;
 }
 
 .scrollable .scroll-bar.horizontal {
     position: relative;
     width: 100%;
 }
 
 .scrollable .scroll-bar .thumb {
     position: absolute;
 }
 
 .scrollable .scroll-bar.vertical .thumb {
     width: 100%;
     min-height: 10px;
 }
 
 .scrollable .scroll-bar.horizontal .thumb {
     height: 100%;
     min-width: 10px;
     left: 0;
 }
 
 .not-selectable {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 /*Default skin*/
 
 .scrollable.default-skin {
     padding-right: 10px;
     padding-bottom: 6px;
 }
 
 .scrollable.default-skin .scroll-bar.vertical {
     width: 6px;
 }
 
 .scrollable.default-skin .scroll-bar.horizontal {
     height: 6px;
 }
 
 .scrollable.default-skin .scroll-bar .thumb {
     background-color: black;
     opacity: 0.4;
     border-radius: 3px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
 }
 
 .scrollable.default-skin .scroll-bar:hover .thumb {
     opacity: 0.6;
 }
 /*Gray skin*/
 
 .scrollable.gray-skin {
     padding-right: 17px;
 }
 
 .scrollable.gray-skin .scroll-bar {
     border: 1px solid gray;
     background-color: #d3d3d3;
 }
 
 .scrollable.gray-skin .scroll-bar .thumb {
     background-color: gray;
 }
 
 .scrollable.gray-skin .scroll-bar:hover .thumb {
     background-color: black;
 }
 
 .scrollable.gray-skin .scroll-bar.vertical {
     width: 10px;
 }
 
 .scrollable.gray-skin .scroll-bar.horizontal {
     height: 10px;
     margin-top: 2px;
 }
 /*Modern skin*/
 
 .scrollable.modern-skin {
     padding-right: 17px;
 }
 
 .scrollable.modern-skin .scroll-bar {
     border: 1px solid gray;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-box-shadow: inset 0 0 5px #888;
     -webkit-box-shadow: inset 0 0 5px #888;
     box-shadow: inset 0 0 5px #888;
 }
 
 .scrollable.modern-skin .scroll-bar .thumb {
     background-color: #95aabf;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border: 1px solid #536984;
 }
 
 .scrollable.modern-skin .scroll-bar.vertical .thumb {
     width: 8px;
     background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
     background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
     background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
     background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
     background: linear-gradient(to right, #95aabf 0%, #547092 100%);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
 }
 
 .scrollable.modern-skin .scroll-bar.horizontal .thumb {
     height: 8px;
     background-image: linear-gradient(#95aabf, #547092);
     background-image: -o-linear-gradient(#95aabf, #547092);
     background-image: -moz-linear-gradient(#95aabf, #547092);
     background-image: -webkit-linear-gradient(#95aabf, #547092);
     background-image: -ms-linear-gradient(#95aabf, #547092);
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
 }
 
 .scrollable.modern-skin .scroll-bar.vertical {
     width: 10px;
 }
 
 .scrollable.modern-skin .scroll-bar.horizontal {
     height: 10px;
     margin-top: 2px;
 }
 /*venobox */
 
 .vbox-overlay *,
 .vbox-overlay :before,
 .vbox-overlay :after {
     -webkit-backface-visibility: hidden;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
 .vbox-overlay {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 99999;
     -webkit-transform: translateZ(1000px);
     transform: translateZ(1000px);
     transform-style: preserve-3d
 }
 
 .vbox-title {
     width: 100%;
     height: 40px;
     float: left;
     text-align: center;
     line-height: 28px;
     font-size: 12px;
     padding: 6px 40px;
     overflow: hidden;
     position: fixed;
     display: none;
     left: 0;
     z-index: 1050
 }
 
 .vbox-close {
     cursor: pointer;
     position: fixed;
     top: -1px;
     right: 0;
     width: 50px;
     height: 40px;
     padding: 6px;
     display: block;
     background-position: 10px center;
     overflow: hidden;
     font-size: 24px;
     line-height: 1;
     text-align: center;
     z-index: 1050
 }
 
 .vbox-num {
     cursor: pointer;
     position: fixed;
     left: 0;
     height: 40px;
     display: block;
     overflow: hidden;
     line-height: 28px;
     font-size: 12px;
     padding: 6px 10px;
     display: none;
     z-index: 1050
 }
 
 .vbox-next,
 .vbox-prev {
     position: fixed;
     top: 50%;
     margin-top: -15px;
     overflow: hidden;
     cursor: pointer;
     display: block;
     width: 45px;
     height: 45px;
     z-index: 1050
 }
 
 .vbox-next span,
 .vbox-prev span {
     position: relative;
     width: 20px;
     height: 20px;
     border: 2px solid transparent;
     border-top-color: #B6B6B6;
     border-right-color: #B6B6B6;
     text-indent: -100px;
     position: absolute;
     top: 8px;
     display: block
 }
 
 .vbox-prev {
     left: 15px
 }
 
 .vbox-next {
     right: 15px
 }
 
 .vbox-prev span {
     left: 10px;
     -ms-transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg)
 }
 
 .vbox-next span {
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     right: 10px
 }
 
 .vbox-inline {
     width: 420px;
     height: 315px;
     height: 70vh;
     padding: 10px;
     background: #fff;
     margin: 0 auto;
     overflow: auto;
     text-align: left
 }
 
 .venoframe {
     max-width: 100%;
     width: 100%;
     border: none;
     width: 100%;
     height: 260px;
     height: 70vh
 }
 
 .venoframe.vbvid {
     height: 260px
 }
 
 @media (min-width: 768px) {
     .venoframe,
     .vbox-inline {
         width: 90%;
         height: 360px;
         height: 70vh
     }
     .venoframe.vbvid {
         width: 640px;
         height: 360px
     }
 }
 
 @media (min-width: 992px) {
     .venoframe,
     .vbox-inline {
         max-width: 1200px;
         width: 80%;
         height: 540px;
         height: 70vh
     }
     .venoframe.vbvid {
         width: 960px;
         height: 540px
     }
 }
 
 .vbox-open {
     overflow: hidden
 }
 
 .vbox-container {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     overflow-x: hidden;
     overflow-y: scroll;
     overflow-scrolling: touch;
     -webkit-overflow-scrolling: touch;
     z-index: 20;
     max-height: 100%
 }
 
 .vbox-content {
     text-align: center;
     float: left;
     width: 100%;
     position: relative;
     overflow: hidden;
     padding: 20px 10px
 }
 
 .vbox-container img {
     max-width: 100%;
     height: auto
 }
 
 .figlio {
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
     max-width: 100%;
     text-align: initial
 }
 
 img.figlio {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     user-select: none
 }
 
 .vbox-content.swipe-left {
     margin-left: -200px!important
 }
 
 .vbox-content.swipe-right {
     margin-left: 200px!important
 }
 
 .animated {
     webkit-transition: margin 300ms ease-out;
     transition: margin 300ms ease-out
 }
 
 .animate-in {
     opacity: 1
 }
 
 .animate-out {
     opacity: 0
 }
 
 .sk-double-bounce,
 .sk-rotating-plane {
     width: 40px;
     height: 40px;
     margin: 40px auto
 }
 
 .sk-rotating-plane {
     background-color: #333;
     -webkit-backface-visibility: visible;
     -moz-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
     animation: sk-rotatePlane 1.2s infinite ease-in-out
 }
 
 @-webkit-keyframes sk-rotatePlane {
     0% {
         -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
         transform: perspective(120px) rotateX(0) rotateY(0)
     }
     50% {
         -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
         transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
     }
     100% {
         -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
         transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
     }
 }
 
 @keyframes sk-rotatePlane {
     0% {
         -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
         transform: perspective(120px) rotateX(0) rotateY(0)
     }
     50% {
         -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
         transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
     }
     100% {
         -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
         transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
     }
 }
 
 .sk-double-bounce {
     position: relative
 }
 
 .sk-double-bounce .sk-child {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #333;
     opacity: .6;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
     animation: sk-doubleBounce 2s infinite ease-in-out
 }
 
 .sk-double-bounce .sk-double-bounce2 {
     -webkit-animation-delay: -1s;
     animation-delay: -1s
 }
 
 @-webkit-keyframes sk-doubleBounce {
     0%,
     100% {
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     50% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }
 
 @keyframes sk-doubleBounce {
     0%,
     100% {
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     50% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }
 
 .sk-wave {
     width: 50px;
     height: 40px;
     text-align: center;
     font-size: 10px;
     margin: 40px auto
 }
 
 .sk-wave .sk-rect {
     background-color: #333;
     height: 100%;
     width: 4px;
     margin: 0 1px;
     display: inline-block;
     -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
     animation: sk-waveStretchDelay 1.2s infinite ease-in-out
 }
 
 .sk-wave .sk-rect1 {
     -webkit-animation-delay: -1.2s;
     animation-delay: -1.2s
 }
 
 .sk-wave .sk-rect2 {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s
 }
 
 .sk-wave .sk-rect3 {
     -webkit-animation-delay: -1s;
     animation-delay: -1s
 }
 
 .sk-wave .sk-rect4 {
     -webkit-animation-delay: -.9s;
     animation-delay: -.9s
 }
 
 .sk-wave .sk-rect5 {
     -webkit-animation-delay: -.8s;
     animation-delay: -.8s
 }
 
 @-webkit-keyframes sk-waveStretchDelay {
     0%,
     100%,
     40% {
         -webkit-transform: scaleY(.4);
         transform: scaleY(.4)
     }
     20% {
         -webkit-transform: scaleY(1);
         transform: scaleY(1)
     }
 }
 
 @keyframes sk-waveStretchDelay {
     0%,
     100%,
     40% {
         -webkit-transform: scaleY(.4);
         transform: scaleY(.4)
     }
     20% {
         -webkit-transform: scaleY(1);
         transform: scaleY(1)
     }
 }
 
 .sk-three-bounce {
     margin: 40px auto;
     width: 100px;
     text-align: center
 }
 
 .sk-three-bounce .sk-child {
     width: 16px;
     height: 16px;
     background-color: #333;
     border-radius: 100%;
     margin: 4px;
     display: inline-block;
     -webkit-animation: sk-three-bounce 1.4s ease-in-out 0 infinite both;
     animation: sk-three-bounce 1.4s ease-in-out 0 infinite both
 }
 
 .sk-cube-grid,
 .sk-spinner-pulse {
     width: 40px;
     height: 40px;
     margin: 40px auto
 }
 
 .sk-three-bounce .sk-bounce1 {
     -webkit-animation-delay: -.32s;
     animation-delay: -.32s
 }
 
 .sk-three-bounce .sk-bounce2 {
     -webkit-animation-delay: -.16s;
     animation-delay: -.16s
 }
 
 @-webkit-keyframes sk-three-bounce {
     0%,
     100%,
     80% {
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }
 
 @keyframes sk-three-bounce {
     0%,
     100%,
     80% {
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }
 
 .sk-spinner-pulse {
     background-color: #333;
     border-radius: 100%;
     -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
     animation: sk-pulseScaleOut 1s infinite ease-in-out
 }
 
 @-webkit-keyframes sk-pulseScaleOut {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 }
 
 @keyframes sk-pulseScaleOut {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0
     }
 }
 
 .sk-cube-grid .sk-cube {
     width: 33.33%;
     height: 33.33%;
     background-color: #333;
     float: left;
     -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
     animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
 }
 
 .sk-cube-grid .sk-cube1 {
     -webkit-animation-delay: .2s;
     animation-delay: .2s
 }
 
 .sk-cube-grid .sk-cube2 {
     -webkit-animation-delay: .3s;
     animation-delay: .3s
 }
 
 .sk-cube-grid .sk-cube3 {
     -webkit-animation-delay: .4s;
     animation-delay: .4s
 }
 
 .sk-cube-grid .sk-cube4 {
     -webkit-animation-delay: .1s;
     animation-delay: .1s
 }
 
 .sk-cube-grid .sk-cube5 {
     -webkit-animation-delay: .2s;
     animation-delay: .2s
 }
 
 .sk-cube-grid .sk-cube6 {
     -webkit-animation-delay: .3s;
     animation-delay: .3s
 }
 
 .sk-cube-grid .sk-cube7 {
     -webkit-animation-delay: 0;
     animation-delay: 0
 }
 
 .sk-cube-grid .sk-cube8 {
     -webkit-animation-delay: .1s;
     animation-delay: .1s
 }
 
 .sk-cube-grid .sk-cube9 {
     -webkit-animation-delay: .2s;
     animation-delay: .2s
 }
 
 @-webkit-keyframes sk-cubeGridScaleDelay {
     0%,
     100%,
     70% {
         -webkit-transform: scale3D(1, 1, 1);
         transform: scale3D(1, 1, 1)
     }
     35% {
         -webkit-transform: scale3D(0, 0, 1);
         transform: scale3D(0, 0, 1)
     }
 }
 
 @keyframes sk-cubeGridScaleDelay {
     0%,
     100%,
     70% {
         -webkit-transform: scale3D(1, 1, 1);
         transform: scale3D(1, 1, 1)
     }
     35% {
         -webkit-transform: scale3D(0, 0, 1);
         transform: scale3D(0, 0, 1)
     }
 }
 
 .sk-wandering-cubes {
     margin: 40px auto;
     width: 40px;
     height: 40px;
     position: relative
 }
 
 .sk-wandering-cubes .sk-cube {
     background-color: #333;
     width: 10px;
     height: 10px;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
     animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
 }
 
 .sk-wandering-cubes .sk-cube2 {
     -webkit-animation-delay: -.9s;
     animation-delay: -.9s
 }
 
 @-webkit-keyframes sk-wanderingCube {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     25% {
         -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
         transform: translateX(30px) rotate(-90deg) scale(.5)
     }
     50% {
         -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
         transform: translateX(30px) translateY(30px) rotate(-179deg)
     }
     50.1% {
         -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
         transform: translateX(30px) translateY(30px) rotate(-180deg)
     }
     75% {
         -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
         transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
     }
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg)
     }
 }
 
 @keyframes sk-wanderingCube {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }
     25% {
         -webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
         transform: translateX(30px) rotate(-90deg) scale(.5)
     }
     50% {
         -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
         transform: translateX(30px) translateY(30px) rotate(-179deg)
     }
     50.1% {
         -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
         transform: translateX(30px) translateY(30px) rotate(-180deg)
     }
     75% {
         -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
         transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
     }
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg)
     }
 }
 /*scroll*/
 /*icones*/
 
 @font-face {
     font-family: 'icomoon';
     src: url('../fonts/icomoon.eot?ten56y');
     src: url('../fonts/icomoon.eot?ten56y#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ten56y') format('truetype'), url('../fonts/icomoon.woff?ten56y') format('woff'), url('../fonts/icomoon.svg?ten56y#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 [class^="icon-"],
 [class*=" icon-"] {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'icomoon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-picture:before {
     content: "\e900";
 }
 
 .icon-facebook:before {
     content: "\e901";
 }
 
 .icon-agenda:before {
     content: "\e902";
 }
 
 .icon-arrowhead-thin-outline-to-the-left:before {
     content: "\e903";
 }
 
 .icon-arrow-point-to-right:before {
     content: "\e904";
 }
 
 .icon-id-card:before {
     content: "\e905";
 }
 
 .icon-left-arrow:before {
     content: "\e906";
 }
 
 .icon-musica-searcher:before {
     content: "\e907";
 }
 
 .icon-polo:before {
     content: "\e908";
 }
 
 .icon-sandwich (2017-04-26T14_14_41.646):before {
     content: "\e909";
 }
 
 .icon-sandwich:before {
     content: "\e90a";
 }
 
 .icon-shield:before {
     content: "\e90b";
 }
 
 .icon-user-p:before {
     content: "\e90c";
     color: #f4d50b;
 }
 
 .icon-user:before {
     content: "\e90d";
     color: #f4d50b;
 }
 /*site*/
 
 * {
     box-sizing: border-box
 }
 
 body,
 html {
     max-width: 100%;
     overflow-x: hidden
 }
 
 body {
     font-family: 'Roboto', sans-serif;
     color: #000;
     background: #f2f2f2;
 }
 
 a,
 a:hover,
 a:focus,
 a:active {
     text-decoration: none;
     color: #ffdd00
 }
 
 select {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     outline: none;
 }
 
 input:focus,
 select:focus,
 textarea:focus {
     outline: none;
     outline-color: #ffdd00
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 900
 }
 /* navbar */
 
 nav {
     position: absolute;
     max-width: 100%;
     top: 0;
     left: 0;
     width: 100%;
     /*overflow: hidden;
    */
     z-index: 9999
 }
 
 .wrap {
     position: relative;
 }
 
 .skew {
     position: absolute;
     width: 96%;
     left: 0;
     padding-top: 150px;
     background: rgb(239, 209, 6);
     background: rgba(239, 209, 6, .9);
     border-radius: 0 0 20px 20px;
     transform: skewX(-20deg);
     z-index: 1;
     -webkit-transform: skewX(-20deg);
     -moz-transform: skewX(-20deg);
     -webkit-transform: skewX(-20deg);
     -ms-transform: skewX(-20deg);
 }
 
 .skew:before {
     content: '';
     position: absolute;
     width: 3px;
     background: #000;
     height: 100px;
     top: 0;
     border-radius: 0 0 0 10px;
     z-index: 2;
     left: -2px;
 }
 
 .skewBlack {
     position: absolute;
     width: 100%;
     left: 0;
     z-index: 1;
     padding-top: 110px;
     margin-left: -32px;
     background: rgb(0, 0, 0);
     border-radius: 0 0 20px 0;
     transform: skewX(-20deg);
     -webkit-transform: skewX(-20deg);
     -moz-transform: skewX(-20deg);
     -webkit-transform: skewX(-20deg);
     -ms-transform: skewX(-20deg);
 }
 
 .skewBlack:after {
     content: '';
     position: absolute;
     width: 2px;
     background: #efd006;
     right: -2px;
     height: 80px;
     top: 0;
     border-radius: 0 0 10px 0;
     z-index: -2
 }
 
 nav,
 #home #navInternas {
     display: none
 }
 
 #home nav,
 #navInternas {
     display: block
 }
 
 #home nav ul,
 #box-logo,
 nav h6 {
     position: relative;
     z-index: 3;
 }
 
 #navInternas {
     background: #ffdf18;
     color: #000;
     position: relative;
 }
 
 #navInternas::after {
     /*content: '';
     background: #000;
     width: 330px;
     height: 150px;
     position: absolute;
     z-index: 99;
     top: -43px;
     right: -123px;
     transform: skewX(-19deg)*/
 }
 
 #navInternas #box-logo {
     margin: 20px auto
 }
 
 #navInternas .menu li a {
     padding: 41.5px .6em;
 }
 
 #navInternas .area {
     position: relative;
     z-index: 999;
     padding-left: 45px
 }
 
 @media all and ( min-width: 1201px) {
     #navInternas .fix-bg-black-area-restrita {
         background: #000;
         width: 100%;
         height: 150px;
         position: absolute;
         z-index: 99;
         top: -43px;
         left: 100%;
         transform: skewX(-19deg);
         margin-left: -195px;
     }
 }
 
 ul {
     padding: 0;
     margin: 0
 }
 
 #box-logo,
 .menu {
     float: left;
 }
 
 #box-logo {
     margin: 45px 15px 32px 16px;
 }
 
 .menu li {
     display: inline-block;
     position: relative;
     list-style: none
 }
 
 .menu li a {
     width: 100%;
     height: 100%;
     font-size: 17px;
     color: #000;
     padding: 63px .6em;
     display: inline-block
 }
 
 .menu li:hover a,
 .menu li:focus a,
 .menu li:active a,
 .menu li.act a {
     background: #000;
     color: #ffdf18
 }
 
 #fx-rodape .menu li:hover a,
 #fx-rodape .menu li:focus a,
 #fx-rodape .menu li:active a,
 #fx-rodape .menu li.act a {
     background: none;
     color: #fadb04
 }
 
 .area {
     padding-top: 6px;
     color: #fff;
     font-size: 16px;
     font-weight: 700;
 }
 
 .area h6 {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 700;
     position: relative;
     left: -7px;
 }
 
 .area ul {
     list-style: none;
     position: relative;
     top: -7px;
     left: -7px;
 }
 
 #home .area ul {
     top: 0;
     top: -7px;
     left: -8px;
 }
 
 .area ul a {
     color: #ffe01c;
     line-height: 1.6;
     font-size: 12px;
 }
 
 #home .area ul a {
     color: #efd006;
     font-size: 13px;
 }
 
 .banner {
     max-width: 100%;
     width: 100%;
 }
 
 .banner .slick-slider {
     width: 100% !important;
     height: 654px !important;
 }
 
 .banner .slick-list,
 .banner .slick-track,
 .banner .slick-slide {
     /*width: 100% !important;
    */
     height: 100% !important;
 }
 
 .banner .slick-slide {
     background-position: center top;
     background-size: cover;
     background-repeat: no-repeat;
 }
 
 .banner .slick-slide img {
     visibility: hidden;
 }
 /*slick*/
 
 .slick-dots {
     padding: 0;
     margin: 0;
     position: absolute;
     bottom: 15px;
     z-index: 999;
     width: 100%;
     text-align: center;
     list-style: none;
 }
 
 .slick-dots li {
     display: inline-block;
     width: 15px;
     height: 15px;
     border-radius: 50%;
     border: 2px solid #fff;
     margin: 0 5px
 }
 
 .slick-dots li button {
     opacity: 0;
 }
 
 .slick-dots li.slick-active,
 .slick-dots li:hover {
     border-color: #f4d50b;
     background: #f4d50b
 }
 
 .slick-arrow {
     position: absolute;
     z-index: 999;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     font-size: 0;
     top: 50%;
     margin-top: -22px;
     overflow: hidden;
     border: none
 }
 
 .slick-arrow:focus {
     outline: none;
 }
 
 .slick-next {
     right: -10px;
     background: url(../layout/next.png) no-repeat center top #fadb04;
 }
 
 .slick-prev {
     left: -10px;
     background: url(../layout/prev.png) no-repeat center top #fadb04;
 }
 
 .slick-next:hover,
 .slick-prev:hover {
     background-color: #ffdd00
 }
 
 #hm-matriculas {
     background: #f4d50b;
     padding: 58px 0;
     font-size: 18px
 }
 
 #hm-matriculas h2 {
     text-transform: uppercase;
     font-size: 28px;
     margin: 5px 0 0
 }
 
 .btn-pri {
     display: inline-block;
     padding: .7em 1.6em;
     border-radius: 25px;
     background: #000;
     border-color: #000;
     color: #f4d50b;
 }
 
 .btn-pri:hover {
     color: #ffdd00;
     background: #111;
     border-color: #111;
 }
 
 #hm-conheca {
     padding: 60px 0;
     font-size: 15px;
     font-weight: 300;
 }
 
 #hm-conheca h2 {
     font-weight: 300;
     font-size: 28px
 }
 
 #hm-conheca h2 b {
     display: block
 }
 
 b,
 strong {
     font-weight: 900
 }
 
 hr.min {
     width: 35px;
     border: none;
     margin: 5px 0 10px;
     height: 2px;
     background: #ffdd00
 }
 
 .figativ figure {
     position: relative;
     overflow: hidden;
     background: #000;
     display: inline-block;
     width: 263px;
     height: 270px;
     margin: 13px auto;
     border: 5px solid #f2f2f2
 }
 
 .figativ figure figcaption {
     width: 100%;
     height: 100%;
     font-size: 14px;
     position: absolute;
     top: 0;
     left: 0;
     padding: 5%;
     display: block;
     color: #fff;
     padding-top: 12em;
     text-align: left;
     z-index: 9;
     background-color: rgba(0, 0, 0, .16);
 }
 
 .figativ h3 {
     margin: 0;
     font-size: 26px;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 }
 
 .figativ:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -moz-filter: blur(2px);
     -webkit-filter: blur(2px);
     filter: blur(2px);
     transition: 250ms linear
 }
 
 .fin {
     font-weight: 300
 }
 
 .slideum {
     margin-left: 15px;
     text-align: center
 }
 
 .primaryhead {
     font-size: 51px;
     color: #cdd1d4
 }
 
 .rel {
     position: relative;
 }
 
 .faixa {
     background: #fadb04;
     color: #2c3345;
     font-size: 20px;
     padding: 79px 0
 }
 
 .bxcirculo {
     text-align: center
 }
 
 .bxcirculo a {
     color: #2c3345;
 }
 
 .bxcirculo figure {
     position: relative;
     text-align: center;
     width: 142px;
     height: 142px;
     margin: auto
 }
 
 .bxcirculo figure img {
     position: absolute;
     width: 100%;
     height: 100%;
     display: block;
     top: 0;
     left: 0;
     transition: 250ms linear
 }
 
 .bxcirculo figure>img {
     z-index: 2;
 }
 
 .bxcirculo figure>img+img {
     z-index: 1;
     opacity: 0
 }
 
 .bxcirculo:hover figure>img {
     opacity: 0;
 }
 
 .bxcirculo:hover figure>img+img {
     opacity: 1;
 }
 
 .faixa .slick-prev {
     background-color: #febd01;
     left: -35px
 }
 
 .faixa .slick-next {
     background-color: #febd01;
     right: -35px
 }
 
 .abso {
     position: absolute;
     width: 100%;
     height: auto;
     top: -7em;
     right: -24px;
 }
 
 .abso img,
 #google-btn img {
     display: block;
     width: 100%;
     height: 100%
 }
 
 hr.c-line {
     height: 2px;
     background: #fadb04;
     width: 72px;
     margin: 0 auto 15px
 }
 
 address {
     color: #6e7591;
 }
 
 .tel {
     font-size: 18px;
     font-weight: 900
 }
 
 .google-maps {
     position: relative;
     padding-bottom: 35%;
     height: 0;
     overflow: hidden;
 }
 
 .google-maps iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
 }
 
 #google-btn {
     position: relative;
     width: 100px;
     height: 99px;
     margin: 15px auto;
     border-radius: 62%;
     overflow: hidden;
     box-shadow: 2px 2px 0 #858585, 2px 2px 0 #d3af00 inset;
 }
 
 #google-btn img {
     position: absolute;
     top: 0;
     left: 0
 }
 
 #hm-noticias {
     /*padding: 30px 0*/
     margin-top: -50px;
 }
 
 span.bt-pri-min {
     background: #000;
     color: #fadb04;
     font-size: 20px;
     font-weight: 900;
     display: inline-block;
     text-align: center;
     width: 147px;
     height: 0;
     overflow: hidden;
     line-height: 33px;
     border-radius: 25px;
     transition: 250ms linear
 }
 
 span.bt-pri-min:hover {
     color: #ffdd00;
     background: #111;
     border-color: #111;
 }
 
 .hver {
     position: absolute;
     z-index: 99;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgb(0, 0, 0);
     background: rgba(0, 0, 0, .6);
 }
 
 .hver:hover {
     background: rgb(250, 219, 4);
     background: rgba(250, 219, 4, .6);
 }
 
 .caption {
     position: absolute;
     padding: 0 30px;
     bottom: 20px;
     width: 100%
 }
 
 .imgbox {
     font-size: 13px;
     font-weight: 300;
     color: #fadb04
 }
 
 .imgbox {
     color: #fff;
     /*text-shadow: 1px 1px 1px #000*/
 }
 
 .imgbox:hover span.bt-pri-min {
     height: 33px
 }
 
 .imgbox:hover,
 .imgbox:hover .cole {
     color: #000
 }
 
 .imgbox h3 {
     margin: 5px 0;
     font-size: 20px;
 }
 
 #rodape .menu {
     padding: 0;
     margin: 0;
     margin-top: 40px;
 }
 
 #rodape .menu li {
     display: inline-block;
     float: left;
     width: 49%
 }
 
 #rodape .menu li a {
     padding: .8em 2px .4em 15px;
     font-size: 16px;
     color: #fff;
     position: relative
 }
 
 #rodape .menu li a:before {
     content: '';
     width: 9px;
     height: 9px;
     background: #fadb04;
     display: block;
     position: absolute;
     left: 0px;
     top: 21px;
     border-radius: 50%;
 }
 
 #rodape .menu li a:hover {
     background: none;
     color: #fadb04
 }
 
 #rodape h4 {
     font-size: 29px;
     color: #777a83
 }
 
 .brd {
     position: relative;
 }
 
 .brd:before {
     content: '';
     display: block;
     height: 1px;
     background: #f7d80b;
     width: 85%;
     margin: auto;
     margin-top: -1px;
     position: relative
 }
 
 .social {
     font-size: 37px;
     display: inline-block;
     margin-left: 9px;
     color: #f7d80b
 }
 
 #fx-rodape {
     background: #2c3345;
     padding: 60px 0
 }
 
 .logoRodape {
     /*text-align: center;
    */
     display: inline-block;
     margin-top: 73px;
     width: 100%
 }
 
 .copy {
     padding: 15px 0 5px;
     font-size: 12px;
     color: #2c3345
 }
 
 #navMenu,
 #userarea {
     display: none
 }
 
 #conteudo,
 #rodape {
     position: relative;
     z-index: 9999;
     background: #f2f2f2;
 }
 
 .bannerInterno {
     background: url(../layout/topo-internas.jpg) no-repeat center top;
 }
 
 .bannerInterno h1 {
     margin: auto;
     font-size: 30px;
     font-weight: 900;
     text-transform: uppercase;
     color: #ffe01c;
     padding: 2.3em 0;
 }
 
 .headfine {
     font-size: 27px;
     font-weight: 400;
     color: #404040
 }
 
 .headfine strong {
     display: block
 }
 
 .padskell {
     padding: 59px 0 186px;
     position: relative
 }
 
 button.dropdown-toggle {
     background: #ffdf18;
     color: #404040;
     border-radius: 25px;
     width: 358px;
     height: 50px;
     padding: 0;
     font-size: 22px;
     position: relative!important
 }
 
 button.dropdown-toggle::after {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 0.3em;
     vertical-align: middle;
     content: "";
     border-top: 0.3em solid;
     border-right: 0.3em solid transparent;
     border-left: 0.3em solid transparent;
     float: right;
     margin-right: 20px;
     position: absolute;
     right: 0;
     top: 22px
 }
 
 button+.dropdown-menu {
     background: #ffdf18;
     color: #fff;
     width: 358px
 }
 
 button+.dropdown-menu a {
     display: block;
     color: #404040;
     width: 100%;
     font-size: 18px;
     padding: 5px 10px;
 }
 
 button+.dropdown-menu a:hover {
     color: #000
 }
 
 .minartic p {
     margin-bottom: 17px;
     font-size: 16px;
     color: #000;
     line-height: 1.4
 }
 
 img {
     max-width: 100%;
     display: inline-block
 }
 
 a.bt-sec {
     width: 80%;
     max-width: 277px;
     display: inline-block;
     text-align: center;
     border-radius: 34px;
     height: 56px;
     line-height: 56px;
     color: #453c41;
     font-size: 16px;
     font-weight: 900;
     background: #ffdf18;
 }
 
 a.bt-sec:hover {
     background: #ffe648
 }
 
 .sectionskell {
     position: relative;
     background: #e1e1e1;
     border-top-left-radius: 51%;
     padding-bottom: 50px
 }
 
 .sectionskell:before {
     content: '';
     position: absolute;
     background: #e1e1e1;
     height: 552px;
     transform: skew(-253deg) rotate(-20deg);
     width: 124%;
     top: -235px;
 }
 
 .asectionskell {
     position: relative;
     background: #ffdf18;
     border-top-left-radius: 51%;
     padding-bottom: 50px;
     color: #3f3e46;
     font-weight: 900;
     line-height: 1.6;
 }
 
 .asectionskell:before {
     background: #ffdf18;
     content: '';
     position: absolute;
     height: 552px;
     transform: skew(-258deg) rotate(-20deg);
     width: 124%;
     top: -310px;
 }
 
 .minustop20 {
     margin-top: -26px;
 }
 
 #facapart .minustop20 {
     /*margin-top: 91px;
    */
 }
 
 .asectionskell .text-right {
     margin-top: -90px
 }
 
 .asectionskell h3 {
     font-size: 24px;
 }
 
 .asectionskell p,
 .asectionskell p a {
     color: #3f3e46;
     font-size: 16px
 }
 
 .unidades {
     clear: both;
     margin-bottom: 50px;
     color: #404040
 }
 
 .unidades:last-child {
     margin-bottom: 0
 }
 
 .unidades h2 {
     font-size: 35px;
     font-weight: 900;
     margin-bottom: 0;
     text-transform: uppercase
 }
 
 .unidades p {
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 20px
 }
 
 .linemin {
     height: 1px;
     width: 85px;
     margin: 5px auto 15px;
     background: #fadb04
 }
 
 .navnormas {
     padding: 0;
     margin: 0;
     list-style: none
 }
 
 .navnormas li a {
     display: block;
     background: #404040;
     color: #fff;
     font-size: 17px;
     font-weight: 900;
     padding: .6em .8em;
     border-bottom: thin solid #fff;
     text-transform: uppercase
 }
 
 .navnormas li:last-child a {
     border: none
 }
 
 .navnormas li a:hover,
 .navnormas li a.active {
     background: #ffdf18;
     color: #404040
 }
 
 article {
     padding-bottom: 30px
 }
 
 #facapart article {
     padding-bottom: 110px
 }
 
 .headpedag {
     background-size: cover!important;
     text-align: center;
     color: #fff;
     font-size: 16px;
     line-height: 1.6
 }
 
 .headpedag div:first-child {
     background: rgba(0, 0, 0, .6);
     padding: 130px 4em 100px;
 }
 
 .headpedag small {
     color: #fff
 }
 
 .headpedag.paginaAluno {
     background-size: cover!important;
 }
 
 .headpedag.paginaAluno div:first-child {
     background: rgba(0, 0, 0, .6);
     padding: 211px 0 275px;
 }
 
 .lineminx {
     height: 2px;
     width: 62px;
     border: none;
     background: #ffe01c;
     margin: 5px auto
 }
 
 .headpedag a {
     width: 280px;
     border-radius: 50px;
     background: #ffe01c;
     font-size: 18px;
     font-weight: 700;
     color: #000;
     display: block;
     margin: 20px auto 10px;
     text-transform: uppercase;
     padding: 18px 0;
 }
 
 .headpedag a:hover {
     background: #f8e04a
 }
 
 .headpedag a:active {
     background: #dec110
 }
 
 .contentElev {
     background: #fff;
     font-size: #404040;
     font-size: 16px;
     line-height: 1.4;
     padding: 60px 44px;
     position: relative;
     margin-top: -50px;
     z-index: 9
 }
 
 .contentElev:before {
     content: '';
     height: 2px;
     width: 70%;
     position: absolute;
     background: #ffdf18;
     margin: auto;
     z-index: 9;
     top: -1px;
     left: 50%;
     margin-left: -35%
 }
 
 .contentElev h2 {
     color: #cdd1d4;
     font-size: 40px;
     font-weight: 900;
     margin: 5px 0;
 }
 
 .contentElev hr,
 .othermin {
     height: 2px;
     width: 62px;
     border: none;
     background: #ffe01c;
     margin: 5px 0;
 }
 
 .npad {
     padding: 0
 }
 
 .bxmat {
     margin: 30px auto 0;
 }
 
 .bxmat a {
     color: #404040;
 }
 
 .bxmat h3 {
     font-weight: 300;
     font-size: 24px;
     margin: 0 0 15px
 }
 
 .bxmat .icon-agenda2 {
     /*font-size: 50px;
    */
     float: left;
     margin-right: 10px;
     color: #fadb04
 }
 
 .bxmat:hover {
     opacity: .8
 }
 
 .bt2linhas {
     background: #2c3345;
     color: #f2f2f2;
     display: block;
     font-size: 18px;
     border-radius: 50px;
     max-width: 358px;
     padding: 12px 0;
     margin: 0 auto 20px;
     line-height: 1.2;
     cursor: pointer
 }
 
 .listprof,
 .unlinst {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 .listprof {
     max-height: 400px;
     overflow: auto !important;
    cursor: default !important;
 }
 
 .listprof li {
     clear: both;
 }
 
 .listprof figure {
     border: 10px solid #e6e6e6;
     border-radius: 50%;
     width: 90px;
     height: 90px;
     float: left;
     margin-right: 10px;
     overflow: hidden
 }
 
 .listprof p {
     padding: 17px 0;
     font-size: 16px;
     color: #6e6e6e
 }
 
 .listprof strong {
     display: block;
     font-weight: 900;
     font-size: 20px
 }
 
 .modal-header {
     font-size: 15px;
     color: #6e6e6e;
     border: none
 }
 
 .modal-title {
     font-size: 30px;
     font-weight: 900;
 }
 
 #bg-icones {
     background: #e5e5e5
 }
 
 #bg-icones .bxcirculo {
     margin: 50px auto
 }
 
 #principal {
     padding-top: 50px
 }
 
 .artigo {
     font-size: 16px;
     color: #404040
 }
 
 .bxbullet {
     color: #404040;
     text-align: center
 }
 
 .bxbullet h3 {
     font-size: 25px;
     font-weight: 900
 }
 
 .figcirculo {
     display: inline-block;
     width: 168px;
     height: 205px;
     margin: 10px auto;
 }
 
 .figcirculo figure {
     width: 113px;
     height: 113px;
     border-radius: 50%;
     border: 6px solid #777a83;
     overflow: hidden;
     margin: 5px auto
 }
 
 a.bt2linhas-sec {
     background: #ffdf18;
     color: #000;
     display: block;
     margin: 30px auto;
     max-width: 278px;
     text-align: center;
     text-transform: uppercase;
     border-radius: 50px;
     padding: 20px 0;
     line-height: 1.2;
     font-size: 18px
 }
 
 a.bt2linhas-sec b {
     display: block;
     color: #000;
 }
 
 a.bt2linhas-sec:hover,
 .bt-three:hover {
     background: #f8e04a;
     color: #000;
 }
 
 a.bt2linhas-sec:active,
 .bt-three:active {
     background: #dec110;
     color: #000;
 }
 
 .find {
     background: #e6e6e6;
     padding: 30px 0;
 }
 
 .find fieldset {
     position: relative;
     width: 98%;
     max-width: 800px;
     margin: auto;
     display: block
 }
 
 #select input[type="text"] {
     display: block;
     width: 100%;
     padding: 9px 50px 9px 19px;
     color: #777777;
     font-size: 16px;
     background: #fff;
     border-radius: 30px;
     border: thin solid #d7d7d7;
 }
 
 #select input[type="submit"] {
     position: absolute;
     right: 10px;
     top: 8px;
     width: 23px;
     height: 26px;
     border: none;
     background: url(../layout/search.png) no-repeat center top;
     border-radius: 5px
 }
 
 .mapmask {
     width: 100%;
     height: 100%;
     display: block;
     z-index: 999;
     position: absolute;
     top: 0;
     left: 0;
 }
 
 .outrasfotos figure {
     float: left
 }
 
 .outrasfotos .mCSB_scrollTools .mCSB_draggerContainer {
     top: -13px;
     opacity: 0;
     transition: 250ms linear
 }
 
 .outrasfotos:hover .mCSB_scrollTools .mCSB_draggerContainer {
     opacity: 1
 }
 
 .outrasfotos .mCSB_horizontal.mCSB_inside>.mCSB_container {
     margin-bottom: 0
 }
 
 #select input[type="submit"]:hover {
     opacity: .9
 }
 
 div.imgbox {
     position: relative;
     max-width: 100%
 }
 
 #makeMeScrollable div.imgbox {
     position: relative;
     max-width: 100%;
     float: left;
     width: 340px;
 }
 
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background-color: #fadb04;
     background-color: rgba(250, 219, 4, .9);
 }
 
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
     background: #e8c902
 }
 
 .noticia-destaque {
     margin-bottom: 20px;
     position: relative;
 }
 
 .bxrel {
     margin-bottom: 25px
 }
 
 .bxrel img,
 .noticia-destaque img {
     width: 100%
 }
 
 .left-right a {
     color: #727272;
     font-size: 20px;
     font-weight: 900;
     background: #e6e6e6;
     border-left: thin solid #ffe01c;
     border-bottom: thin solid #fff;
     padding: 24px 35px;
     display: block;
     transition: 250ms linear
 }
 
 .left-right li:last-child a {
     border-bottom: none
 }
 
 .left-right a.act,
 .left-right a:hover {
     background: #ffe01c
 }
 
 .titlecat {
     margin: 0 0 25px;
     font-weight: 900;
     font-size: 35px;
     color: #bebebe;
     line-height: 1
 }
 
 .paginacao a {
     border: 3px solid #2c3345;
     color: #2c3345;
     text-transform: uppercase;
     font-size: 17px;
     font-weight: 900;
     padding: 5px 10px;
     text-align: center;
     display: inline-block;
     margin: 0 2.5px;
     cursor: pointer;
 }
 
 .paginacao a:hover,
 .paginacao a.act {
     background: #ffe01c;
     border-color: #ffe01c
 }
 
 article.noticia {
     font-size: 15px;
     color: #5e686e !important;
     padding: 0 0 20px;
     line-height: 1.4
 }
 
 article.noticia header {
     padding-bottom: 20px;
     color: #727272
 }
 
 article.noticia header a {
     font-size: 30px;
     color: inherit;
     display: inline-block;
     margin-bottom: 15px
 }
 
 article.noticia header h2 {
     font-weight: 900;
     font-size: 28px;
 }
 
 article.noticia header a:hover {
     opacity: .9
 }
 
 article.noticia img {
     margin-right: 10px !important;
     border-radius: 3px;
 }
 
 .flagbg {
     display: inline-block;
     padding: 5px;
     font-size: 13px;
     background: #ffe01c
 }
 
 .fb_iframe_widget,
 .fb_iframe_widget span,
 .fb_iframe_widget span iframe[style] {
     width: 100% !important;
 }
 /*abas*/
 
 .nav-tabs>li {
     width: 23%;
     border-right: thin solid #fafafa
 }
 
 .nav-tabs>li:last-child {
     width: 8%;
     border-right: none;
     filter: grayscale(5)
 }
 
 .nav-tabs>li.dropdown a {
     background: #7f7f7f;
     color: #fff
 }
 
 .nav-tabs>li.dropdown a:hover,
 .nav-tabs>li.dropdown.open a {
     background: #7f7f7f
 }
 
 .nav-tabs>li>a {
     line-height: 1.2;
     border: none;
     border-radius: 0;
     height: 70px;
     font-size: 19px;
     font-weight: 900;
     width: 100%;
     color: #7f7f7f;
     background-color: #e5e5e5;
     box-sizing: border-box;
     display: flex !important;
     justify-content: center;
     align-items: center;
     text-align: center;
 }
 
 .nav>li>a {
     position: relative;
     display: block;
     padding: 10px 15px;
 }
 
 .nav-tabs>li.active>a,
 .nav-tabs>li.active>a:focus,
 .nav-tabs>li.active>a:hover {
     color: #000;
     cursor: default;
     background-color: #ffe01c;
     border: none;
     border-bottom-color: transparent;
 }
 
 .nav-tabs>li>a:hover {
     border-color: #eee #eee #ddd;
 }
 
 .nav>li>a .fa {
     margin-top: 20px;
     margin-bottom: 15px;
 }
 
 .tab-content {
     padding: 45px 95px
 }
 
 .bt-three {
     display: block;
     padding: 18px;
     border-radius: 50px;
     font-size: 18px;
     font-weight: 900;
     margin: 5px auto 10px;
     background: #ffe01c;
     color: #000;
     max-width: 275px;
 }
 
 .bt-three:focus {
     color: #000;
 }
 
 .nav-tabs .dropdown-menu {
     background: #7f7f7f;
     border-radius: 0;
     border: none;
     height: 335px;
     overflow: auto;
 }
 
 .nav-tabs .dropdown-menu>li>a {
     color: #fff;
     font-size: 15px;
     font-weight: 900;
     padding: 10px 47px 10px 29px;
     color: #fff
 }
 
 .nav-tabs .dropdown-menu>li>a:hover {
     background: #969595;
 }
 
 .fcontato input,
 .fcontato textarea {
     width: 100%;
     border: thin solid #c6c6c6;
     border-radius: 5px;
     padding: 15px 17px;
     font-size: 14px;
     color: #6f6565;
     display: block;
     margin-bottom: 23px
 }
 
 .fcontato textarea {
     height: 125px
 }
 
 .fcontato input[type="submit"] {
     width: 167px;
     height: 56px;
     text-align: center;
     font-size: 18px;
     font-weight: 900;
     text-transform: uppercase;
     margin: auto auto 20px;
     border-radius: 50px;
     background: #ffdf18;
     border-color: #ffdf18;
     color: #000;
 }
 
 .fcontato input[type="submit"]:hover {
     background: #f8e04a;
     border-color: #f8e04a
 }
 
 .hcontato {
     color: #6d6e71;
     font-weight: 300;
     font-size: 15px;
     margin-bottom: 20px
 }
 
 .hcontato h2 {
     font-weight: 300;
     margin-bottom: 10px
 }
 
 #ondeestamos {
     padding: 20px auto 0;
 }
 
 #ondeestamos h2 {
     font-weight: 900;
     font-size: 50px;
     margin-top: 50px;
     color: #cdd1d4
 }
 
 .matricula input,
 .matricula select,
 .matricula textarea {
     width: 100%;
     border: thin solid #bebebe;
     font-size: 14px;
     padding: 17px;
     border-radius: 5px;
     margin-bottom: 13px;
     color: #6e6e6e
 }
 
 .matricula legend {
     font-size: 16px;
     border: none;
     color: #6e6e6e;
     margin-bottom: 20px;
     margin-top: 12px;
     font-weight: 900
 }
 
 .matricula textarea {
     height: 120px;
 }
 
 .matricula fieldset {
     padding: 0 15px
 }
 
 .matricula select {
     background: url(../layout/arrow-sele.png) no-repeat 97% center
 }
 
 .liastaEventos h3 {
     font-size: 22px;
     font-weight: 900;
     color: #414042;
     margin-bottom: 20px;
 }
 
 .evento {
     color: #414042;
     font-size: 18px;
     margin-bottom: 20px;
 }
 
 .dataEvento {
     font-weight: 900;
     font-size: 22px;
     display: inline-block;
     float: left;
     margin: -3px 10px auto;
     border-right: 2px solid #414042;
     padding-right: 9px;
 }
 
 .banner-mobile,
 #menu-mobile {
     display: none
 }
 
 .opcaointerna select {
     width: 80%;
     margin: auto;
     max-width: 375px;
     text-align: center;
     padding: 12px;
     font-size: 22px;
     color: #404040;
     background: url(../layout/arrow-select-insti.png) no-repeat 94% center #ffdf18;
     border-radius: 50px;
     border: thin solid #ffdf18;
     display: block;
 }
 
 .opcaointerna option:hover {
     background-color: #404040;
 }
 
 .opcaointerna option {
     display: block;
     width: 100%;
     text-align: center;
     color: #404040;
     background-color: #ffdf18;
 }
 
 div.submenu {
     position: absolute;
     width: 265px;
     background: #000;
     z-index: 99999;
     overflow: hidden;
     height: 0;
     transition: 250ms;
     opacity: 0;
 }
 
 div.submenu>div>a {
     padding: 1em!important;
     color: #ffdf18
 }
 
 div.submenu>div>a:hover {
     opacity: .9
 }
 
 div.submenu>div:nth-child(odd) a {
     background: #0e0e0e
 }
 
 .menu li:hover div.submenu {
     height: auto;
     opacity: 1
 }
 
 .assets-end {
     background: #202738;
     color: #fff;
     font-size: 16px;
     line-height: 69px;
 }
 
 .assets-end big {
     font-size: 23px;
     font-weight: 900
 }
 
 .assets-end img {
     display: inline-table;
     float: left;
     margin-right: 10px;
     margin-top: 19px;
 }
 
 .assets-end p {
     margin: auto;
 }
 
 #btn-enviar:hover {
     background-color: #ffdd00;
     color: #111;
 }
 
 article.noticia .slidefotos {
     display: flex;
     flex-wrap: wrap;
     justify-content: start;
 }
 
 article.noticia .slidefotos div {
     width: 20%;
     text-align: center;
     background: #000;
     border: 2.5px solid #f2f2f2;
 }
 
 .banner .item a {
     display: inline-block;
     width: 100%;
     height: 100%;
 }
 /* responsivo*/
 
 @media only screen and (max-width: 1380px) {
     #navInternas::after {
         width: 390px;
     }
 }
 
 @media only screen and (max-width: 1200px) {
     #home nav,
     #navInternas {
         display: none;
     }
     #menu-mobile {
         background: #f6de3b;
         color: #000;
         display: block
     }
     #menu-mobile .menu {
         width: 100%;
         clear: both;
     }
     #menu-mobile .menu li {
         display: block;
         float: none;
     }
     #menu-mobile .menu li a {
         padding: 15px .6em
     }
     .boxMenuMobile {
         padding: 15px 0 0;
         background: #000;
         color: #f6de3b;
         display: none
     }
     #logoMobile {
         padding: 15px 0;
         text-align: center;
         display: block;
         position: relative;
         border-bottom: thin solid #000
     }
     .boxMenuMobile .menu li {
         border-bottom: thin solid #f6de3b
     }
     .boxMenuMobile .menu li a {
         background: #000;
         color: #f6de3b
     }
     .boxMenuMobile .menu li a:hover,
     .boxMenuMobile .menu li a:focus,
     .boxMenuMobile .menu li a:active,
     .boxMenuMobile .menu li a.act {
         background: #f6de3b;
         color: #000
     }
     .bxareamobile {
         clear: both;
         background: #f6de3b;
         color: #000;
         border-top: thin solid #000;
         color: #000
     }
     .bxareamobile .area {
         float: right;
         background: #000;
         padding: 15px;
         position: relative
     }
     .social-top {
         padding-top: 25px
     }
     .social-top a {
         font-size: 40px;
         color: #000;
         padding: 15px
     }
     .bthovermobile {
         position: absolute;
         top: 15px;
         right: 15px;
         font-size: 35px
     }
     .sectionskell::before {
         content: none
     }
     .sectionskell {
         border-radius: 0;
         padding: 58px 0 20px;
     }
     .minustop20 {
         position: absolute;
         clip: rect(0px, 400px, 382px, 0px);
         margin-top: 88px;
     }
     .asectionskell::before {
         content: none;
     }
     .asectionskell {
         border-radius: 0;
         padding: 25px 0;
     }
     .asectionskell .text-right {
         margin: 0
     }
     .padskell {
         padding: 59px 0 76px;
     }
     div.submenu {
         position: relative;
         width: 100%;
     }
     /*1200*/
 }
 
 @media only screen and (max-width: 990px) {
     #sociais {
         display: none;
     }
 }
 
 @media only screen and (max-width: 838px) {
     #hm-matriculas,
     .bxconheca {
         text-align: center
     }
     hr.min {
         margin-left: auto;
         margin-right: auto
     }
     .faixa .slick-prev {
         background-color: #febd01;
         left: -9px;
     }
     .faixa .slick-next {
         background-color: #febd01;
         right: -9px;
     }
     #google-btn {
         position: relative;
         width: 65px;
         height: 65px;
         margin: 0 auto 35px;
         border-radius: 62%;
         overflow: hidden;
         box-shadow: 2px 2px 0 #858585, 2px 2px 0 #d3af00 inset;
     }
     #fx-rodape .menu {
         display: none;
     }
     #fx-rodape {
         padding: 15px 0
     }
     .banner {
         display: none;
     }
     .banner-mobile {
         display: block
     }
     .minustop20,
     small.legenda {
         display: none
     }
     .logoRodape {
         margin-top: 35px;
     }
     article.noticia .slidefotos div {
         width: 25%
     }
     /*838*/
 }
 
 @media only screen and (max-width: 760px) {
     .nav-tabs>li {
         width: 100%;
     }
     .nav-tabs>li:last-child {
         width: 100%;
     }
     .logoRodape,
     #rodape h4,
     #rodape #sociais,
     #rodape #endereco-telefone,
     .copy,
     #desenvolvido-por {
         text-align: center !important;
     }
 }
 
 @media only screen and (max-width: 500px) {
     .nav-tabs>li>a,
     .nav-tabs .dropdown-menu>li>a {
         font-size: 14px
     }
     .tab-content {
         padding: 10px
     }
     .primaryhead {
         font-size: 41px;
     }
     #logoMobile img {
         max-width: 168px;
     }
     .headpedag.paginaAluno {
         padding: 49px 0 148px;
     }
     .btn-group {
         width: 100%
     }
     button#btnGroupDrop.dropdown-toggle,
     button+.dropdown-menu {
         max-width: 98%;
     }
     a.bt-sec {
         font-size: 14px;
         margin: auto
     }
     article.noticia header h2 {
         font-size: 25px;
     }
     .google-maps {
         position: relative;
         padding-bottom: 75%;
     }
     #hm-noticias {
         padding: 30px 15px;
     }
     .outrasfotos {
         padding-left: 30px;
         padding-right: 30px;
     }
     div.submenu {
         position: absolute;
         width: 100%;
     }
     article.noticia .slidefotos div {
         width: 50%
     }
 }
 
 #rodape div.submenu {
     background: #3c4866!important;
     width: 212px;
     font-size: 8px;
     position: absolute;
     z-index: 999;
     right: -73px;
     top: -77px;
 }
 
 #rodape div.submenu {
     right: -73px;
     top: -120px
 }
 
 #rodape .menu div.submenu a::before {
     content: none
 }
 /*#rodape .menu div.submenu a{
     background:black;
}
*/
 
 #rodape .menu div.submenu a:hover {
     background: black
 }
 
 .elevado {
     position: fixed;
     right: 10px;
     bottom: 10px;
     z-index: 9999;
     padding-left: 41px;
 }
 
 .elevado img {
     width: 25px;
     position: absolute;
     top: 3px;
     left: 15px;
 }