/* Author: KaeCoelho */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
    background: #FFF;
    color: #74777b;
    font-weight: 400;
    font-family: 'Open Sans', Arial, sans-serif;
}

a {
    color: #999999;
    text-decoration: none !important;
    outline: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

a:hover, a:focus {
    color: #888;
    outline: 0;
}
.left{
    float: left;
}
.right{
    float: right;
}
.navbar-brand {
    float: left;
    padding: 23px 15px;
    font-size: 18px;
    line-height: 20px;
}
@media (max-width: 580px){
    .navbar-brand img{max-width: 190px;}
}

.status-width{width: 114px}
.date-width{width: 90px;}
.date-hour-width{width: 136px;}
.view-width{width: 60px;}

.red{color: red;}
.center-table{display: table; text-align: center; margin: 0 auto;}

.btn-red{}

.btn-black-default{background: #333333; color: #FFF; border-color: #333333; text-transform: uppercase; font-size: 12px; font-weight: 600;}
.btn-black-default:hover{background: transparent; color: #333333; border-color: #333333;}

.btn-black-save{background: #333333; color: #FFF; border-color: #333333; padding: 15px 60px; text-transform: uppercase; font-size: 12px; font-weight: 600;}
.btn-black-save:hover{background: transparent; color: #333333; border-color: #333333;}
.btn-blue{}

.btn-black-modal {background: #333333; color: #FFF; font-family: 'Raleway', Arial, sans-serif; border-color: #333333; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 10px 30px;}

.btn-black-contrate {background: #333333; color: #FFF !important; font-family: 'Raleway', Arial, sans-serif; border-color: #333333; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 10px 30px;}
.btn-black-contrate:hover{background: transparent; color: #333333 !important; border-color: #666;}

.btn-gray {background: #F7F8F8; color: #333333 !important; font-family: 'Raleway', Arial, sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 10px 30px;}
.btn-gray i{margin-right: 6px;}
.btn-gray:hover{background: #333333; color: #FFF !important;}


.btn-green-modal {background: #00A651; color: #FFF; font-family: 'Raleway', Arial, sans-serif; border-color: #00A651; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 10px 30px;}
.btn-green-modal:hover{background: #333; border-color: #333; color: #FFF;}

.btn-green-select {background: #00A651; color: #FFF; font-family: 'Raleway', Arial, sans-serif; border-color: #00A651; text-transform: uppercase; font-size: 11.5px; font-weight: 700; padding: 9px 30px; line-height: normal;}
.btn-green-select:hover{background: #333; border-color: #333; color: #FFF;}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    z-index: 99;
    right: 2px;
}

.btn-green-save-top {margin-top: 22px; background: #00A651; display: block; color: #FFF; font-family: 'Raleway', Arial, sans-serif; border-color: #00A651; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 8px 30px;}
.btn-green-save-top:hover{background: #333; border-color: #333; color: #FFF;}

.btn-green-block {display: block; margin-top: 10px; background: #00A651; color: #FFF; font-family: 'Raleway', Arial, sans-serif; border-color: #00A651; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 15px 30px;}
.btn-green-block:hover{background: #333; border-color: #333; color: #FFF;}

.btn-default-modal{color: #333; background-color: #e6e6e6; font-family: 'Raleway', Arial, sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 10px 30px;}
.btn-default-modal:hover{background: transparent; border-color: #999; color: #666;}

.btn-default-action{color: #333333; background-color: #EFF1F0; font-family: 'Raleway', Arial, sans-serif; text-transform: uppercase; font-size: 11px; font-weight: 700; padding: 10px 20px;}
.btn-default-action:hover{background: transparent; border-color: #EFF1F0; color: #666;}
.btn-default-action i{padding-left: 5px; color: #999999;}


.btn-back{font-family: 'Open Sans'; font-size: 12px; line-height: 160%; color: #999; background: transparent; border: none;}
.btn-back:hover{background: #FFF; border: none;}
.btn-back i{font-size: 14px; color: #666; padding-right: 5px}

.btn-11px{font-size: 11px;}
.btn-11px i{font-size: 11px; padding-right: 6px;}

.btn-center-modal{margin: 0 auto; display: table;}
.btn-center-modal i{margin-right: 10px;}

.text-checkbox{line-height: normal; background: #d9edf7;  display: inline; color:#31708f;}

.top-modal-green{background: #00A651; color: #FFF;}
.top-modal-blue{background: #5BC0DE; color: #FFF;}
.top-modal-yellow{background: #f0ad4e; color: #FFF;}
.top-modal-default{background: #DEE3E1;}

/*****************************/
/* Geral CSS */
/*****************************/


.nav-menu{font-family: 'Raleway', Arial, sans-serif;}
.nav-menu li{}
.nav-menu li a{text-align: center; text-transform: uppercase; font-size: 12px; color: #999;}
.nav-menu li a i{display: block; clear: both; padding-bottom: 5px; font-size: 30px; text-align: center;}

@media (max-width:767px) {
    .nav-menu li a{text-align: left; text-transform: uppercase; font-size: 12px; color: #999;}
    .nav-menu li a i{display: inline-block; padding-right: 10px; font-size: 14px; text-align: left;}
}

.menu-inline {display: inline-block; font-family: 'Open Sans', Arial, sans-serif; padding: 30px 0 0 0; float: right;}
.menu-inline li{display: inline-block; float: left; text-decoration: none; margin-left: 5px}
.menu-inline li a{background:transparent; padding: 6px 14px; border-radius: 3px}
.menu-inline li a:hover{background:#EFF1F0;}
.menu-inline li a i{}
.menu-inline li a span{font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; padding: 0px 4px;}

@media (max-width: 628px) {
    .menu-inline li a span{
        display: none;
    }
}

.user-bg{background: #DEE3E1; margin-bottom: 40px;}

.content-body{padding: 70px 100px;}
@media (max-width: 1200px) {
    .content-body{padding: 70px 70px;}
}
@media (max-width: 767px) {
    .content-body{padding: 40px 40px;}
}
@media (max-width: 520px) {
    .content-body{padding: 40px 10px;}
}

.contact-text{font-size: 20px; font-weight: 100;}
@media (max-width: 991px) {
    .contact-text{display: none;}
}


.content-wrap h1{color: #1F2426; font-weight: 900; font-size: 20px; text-transform: uppercase;  line-height: 140%; margin-top: 0;}
.table{font-family: 'Open Sans', Arial, sans-serif; font-size: 12px;}
.table-top{padding: 0 0 20px 0;}
.table-bottom{padding: 20px 0;}

.table-border-right{border-right:1px solid #ddd;}
.table-border-top-none{border-top: 1px solid transparent !important;}
.table-modal-mini{font-size: 11px;}
.table-modal-mini td, .table-modal-mini th{padding: 5px 10px !important;}

.padding-0{padding: 0px;}

.padding-top-5 {padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-20{padding-top: 20px;}
.padding-top-30{padding-top: 30px;}
.padding-top-40{padding-top: 40px;}
.padding-top-50{padding-top: 50px;}

.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-50{padding-bottom: 50px;}

.padding-top-bottom-10{padding-top: 10px; padding-bottom: 10px;}
.padding-top-bottom-20{padding-top: 20px; padding-bottom: 20px;}
.padding-top-bottom-30{padding-top: 30px; padding-bottom: 30px;}
.padding-top-bottom-40{padding-top: 40px; padding-bottom: 40px;}
.padding-top-bottom-50{padding-top: 50px; padding-bottom: 50px;}

.top-60{margin-top: 60px;}

.panel-title-top{font-family: 'Raleway', Arial, sans-serif; color: #1F2426; font-weight: 900; font-size: 20px; text-transform: uppercase; margin: 0;}
.panel-title-emails{font-family: 'Raleway', Arial, sans-serif; color: #1F2426; font-weight: 900; font-size: 14px !important; text-transform: uppercase; margin: 20px auto; border-bottom: 4px solid #DDD; padding: 10px 0px;}

.status-contrato{text-align: right;}

.tfoot-bg{background: #EFF1F0;}
.tfoot-one{border-right-color: transparent;}
.tfoot-two{text-align: right; border-left-color: transparent;}

.title-modal{font-weight: bold; text-transform: uppercase; color: #333333; font-size: 14px; letter-spacing: -1px;}

.title-icon {margin:0 0 20px 0;}
.title-icon h3{font-family: 'Raleway', Arial, sans-serif; color: #1F2426; font-weight: 900; font-size: 14px; text-transform: uppercase; margin: 0 0 10px 0; line-height: normal; padding: 2px;}
.title-icon i{font-size: 24px; text-transform: uppercase; margin: 0; padding-right: 10px; color: #999999; float: left;}

.btn-default-top{}
.btn-default-top a{font-size: 12px; color: #999;}
.btn-default-top i{font-size: 14px; color: #999; padding-right: 5px;}

.resume-index{height: 100%; display: table-row;}
.resume-index-bloco{display: table-cell;}

.bloco-resumo{border: 1px solid #DDD; border-radius: 5px; padding: 60px 15px; text-align: center; display: block; clear: both; min-height: 380px; margin-bottom: 20px;}
.bloco-resumo i{font-size: 80px; color: #DEE3E1;}
.bloco-resumo h4{font-size: 18px; color: #1F2426; font-weight: bold; letter-spacing: -1px;}
.bloco-resumo p{font-size: 14px; color: #999999; line-height: 140%; font-weight: 100;}
.bloco-resumo a{margin-top: 20px;}

.bloco-servicos{border: 1px solid #DDD; border-radius: 5px; padding: 60px 15px; text-align: center; display: block; clear: both; min-height: 380px; margin-bottom: 20px;}
.bloco-servicos {}

.panel-heading-service{background-color: #333333 !important; border-color: #333333 !important; display: flex; font-family: 'Open Sans', Arial, sans-serif; line-height: normal;}
.panel-heading-service h4{font-size: 14px; color: #ffffff; font-weight: 700; margin-top: -5px; line-height: normal; margin-bottom: 5px;}
.panel-heading-service span{font-size: 11px; color: #999;}

.panel-heading-title{margin-bottom: 6px; display: inline-block;}

.color-white{color: #FFFFFF !important;}

.tag-contrato{position: absolute;}

@media (max-width:767px) {
    .panel-heading-service{display: block;}
    .tag-contrato{display: none;}
}
@media (max-width:600px) {
    .panel-title-top, .content-wrap h1{font-size: 16px;}
}

.action-contrato {display: inline-block; margin-top: 20px; margin-bottom: 20px;}
.action-contrato a{font-size: 12px; color: #333333; font-weight: 600; line-height: normal; display: block; text-align: center; cursor: pointer;}
.action-contrato a:hover{color: #999;}
.action-contrato i{font-size: 18px; color: #666666; padding-right: 6px; float: left;}

@media (max-width:450px) {
    .action-contrato a{clear: both;}
}

@media (max-width: 991px) {
    .action-contrato{
        margin-top: 0;
        margin-bottom: 0;
    }
    .action-contrato a{
        display: block;
        margin-top: 0px;
        margin-bottom: 10px;
        background: #EEE;
        padding: 20px;
    }
    .resume-index{height: 100%; display: block;}
    .resume-index-bloco{display: block; clear: both;}
}

.title-contratos {padding: 15px 0;}
.title-contratos h2 {font-size: 15px;}
.title-contratos h2 i {font-size: 18px; color: #999; padding-right: 8px;}


footer{font-family: 'Open Sans', Arial, sans-serif;}

.footer-endereco{background: #DEE3E1; padding: 80px 0px;}
.copyright{padding: 40px 0 30px 0; font-size: 12px; text-align: center;}
.copyright a{font-weight: bold; color: #666;}

.menu-footer{}
.menu-footer li{display: inline-block; float: left; text-decoration: none;}
.menu-footer li a{text-decoration: none;}

.pagination-text p{font-size: 12px; font-weight: 100; font-family: 'Open Sans', Arial, sans-serif; color: #999999; line-height: 160%; padding: 5px 0;}


.user-top{margin-top: 35px; font-weight: 100; font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; position: absolute; display: inline-block;}
.user-top p{margin-bottom: 0px;}
.user-top strong{color: #333;}

.icon-view{text-align: center; display: block;}
.icon-view a{text-align: center; text-decoration: none; display: inline-flex; border-radius: 3px; padding: 3px 6px;}
.icon-view a:hover{color: #000; background: #FFF;}
.icon-view i{font-size: 16px; }

.icon-table {display: inline-block;}
.icon-table a{text-decoration: none; display: inline-flex;}
.icon-table a:hover{color: #000;}

.dual-icons{width: 80px; padding-right: 0px !important;}
.dual-icons i{padding: 6px; border-radius: 3px; font-size: 16px;}
.dual-icons i:hover{background: #EEE;}

.resume-icons{width: 50px; padding-right: 0px !important;}
.resume-icons i{padding: 6px; border-radius: 3px; font-size: 26px;}
.resume-icons i:hover{background: #EEE;}

.resume-services{max-width: 240px;}

.resume-valor{min-width: 90px; text-align: right;}

@media (max-width:1200px) {
    .resume-services{max-width: 162px;}
}

@media (max-width:991px) {
    .resume-services{max-width: 240px;}
}

.min-width-130 {min-width: 130px;}
.min-width-140 {min-width: 140px;}
.min-width-150 {min-width: 150px;}
.min-width-160 {min-width: 160px;}

.three-icons{width: 110px; padding-right: 0px !important;}
.three-icons i{padding: 6px; border-radius: 3px; font-size: 16px;}
.three-icons i:hover{background: #EEE;}

/*===== Circle loading =====*/

.circle-loading{ max-width: 160px; margin: 0 auto;}
.circle-loading img {
    text-align: center;
    position: absolute;
    top: 36px;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 30px;
}

.progress-circle{width: 100%;}
.progress-circle .track, .progress-circle .fill{fill: rgba(0, 0, 0, 0); stroke-width: 6; transform: rotate(90deg)translate(0px, -80px);}
.progress-circle .track{stroke: rgb(222, 227, 225);}
.progress-circle .fill {stroke: rgb(255, 255, 255); stroke-dasharray: 219.99078369140625; stroke-dashoffset: -219.99078369140625; transition: stroke-dashoffset 1s;}
.progress-circle.green .fill {stroke: orange;}
.progress-circle .value, .progress-circle .text {font-family: 'Open Sans'; fill: rgb(54, 54, 54); text-anchor: middle; font-weight: 600; font-size: 8px;}
.progress-circle .text p{font-size: 12px;}
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;}

/*****************************/
/* Toogle Menu */
/*****************************/

.bt-menu {display: block; border: none; padding: 0; background: none; width: 60px; height: 60px; -webkit-transition: .2s; transition: .2s; }
.bt-menu:hover {}
.bt-menu:active {-webkit-transform: scale(0.9); transform: scale(0.9);}
.bt-menu:active, .bt-menu:focus {outline: none;}
.bt-menu .hamburguer {width: 32px; height: 25px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: inline-block; vertical-align: top; zoom: 1; *display: inline; -webkit-transition: .4s; transition: .4s;}
.bt-menu .hamburguer .bar {position: absolute; width: 32px; height: 2px; background: #666666; -webkit-transition: .2s; transition: .2s; outline: 1px solid transparent;}
.bt-menu .hamburguer .bar-1 {top: 0; left: 0;}
.bt-menu .hamburguer .bar-2 {top: 10px; left: 0;}
.bt-menu .hamburguer .bar-3 {top: 20px; left: 0;}
.menu-open .hamburguer {  -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.menu-open .hamburguer .bar-1 {  -webkit-transform: rotate(45deg) translate3d(7.5px, 7px, 0); transform: rotate(45deg) translate3d(7.5px, 7px, 0);}
.menu-open .hamburguer .bar-2 {opacity: 0;}
.menu-open .hamburguer .bar-3 {-webkit-transform: rotate(-45deg) translate3d(7.5px, -7px, 0); transform: rotate(-45deg) translate3d(7.5px, -7px, 0);}

.form-space-right{padding-right: 5px;}
.form-space-left{padding-left: 5px;}

.line-space {display: block; clear: both}
.panel-space{padding: 40px 0px 0px 0px;}

@media (min-width:768px) {
    .bt-menu {display: none;}
}

@media (max-width:768px) {
    .form-space-right{padding-right: 15px;}
    .form-space-left{padding-left: 15px;}
}
.number {background-color: red; border-radius: 50px; color: white; font: 800 10px/10px 'Open Sans' !important; height: 20px; padding: 4px 4px 0 4px; text-align: center; min-width: 20px; position: absolute; top: 15px; left: 50%;}
.number-support {background-color: red; border-radius: 50px; color: white; font: 600 10px/10px 'Open Sans'; height: 20px; padding: 4px 4px 0 4px; text-align: center; min-width: 20px; position: absolute; top: -10px; right: 10px;}

/*****************************/
/* Tabs principal */
/*****************************/

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'stroke7pixeden';
    src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');
    src:url('../fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),
    url('../fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),
    url('../fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),
    url('../fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');
}
.wrap:before {
    content: "\e602";
    font-family: themify;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 100px;
    color: #EFF1F0;
    float: left;
    z-index: 1;
    line-height: normal;
}

.tabs-menu {position: relative; margin: 0 auto; width: 100%; font-weight: 300; line-height: 160%; font-family: 'Open Sans', Arial, sans-serif;}
.title-resume{font-weight: bold; font-family: 'Open Sans', Arial, sans-serif; color: #1F2426; letter-spacing: -1px; line-height: 140%; text-transform: uppercase;}
.text-resume{font-size: 18px; font-weight: 100; font-family: 'Open Sans', Arial, sans-serif; color: #999999; line-height: 160%;}

/* Nav */
.tabs-menu nav {text-align: center;}
.tabs-menu nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.tabs-menu nav ul li {position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;}
.tabs-menu nav a {position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5;}
.tabs-menu nav a span {vertical-align: middle; font-size: 0.75em;}
.tabs-menu nav li.tab-current a {color: #74777b;}
.tabs-menu nav a:focus {outline: none;}

/* Icons */
.icon::before {
    z-index: 10;
    display: inline-block;
    margin: 0 0.4em 0 0;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.3em;
    line-height: 1;
    speak: none;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Content */
.content-wrap {position: relative;}
.content-wrap section {display: none; margin: 0 auto; padding: 3em; border-right: 1px solid #D4D9D7; border-bottom: 1px solid #D4D9D7; border-left: 1px solid #D4D9D7;}
.content-wrap section.content-current {display: block;}


/* Fallback */
.no-js .content-wrap section {display: block; padding-bottom: 2em; border-bottom: 1px solid rgba(255,255,255,0.6);}
.no-flexbox nav ul {display: block;}
.no-flexbox nav ul li {min-width: 15%; display: inline-block;}

.btn-default-right{text-align: right;}

.col-100{width: 100%;}
.no-conteudo{margin: 10px auto; background: #F7F8F8; text-align: center; padding: 50px 20px; border-radius: 5px;}

@media screen and (max-width: 58em) {
    .tabs-menu nav a.icon span {display: none;}
    .tabs-menu nav a:before {margin-right: 0;}
}

/*****************************/
/* Banner Top */
/*****************************/

.tabs-menu-style-topline {font-weight: 300;}
.tabs-menu-style-topline nav li {border: 1px solid #D4D9D7;}
.tabs-menu-style-topline nav li:not(:last-child) {border-right: none;}
.tabs-menu-style-topline nav li.tab-current {border-top-color: #333333; border-bottom: none;}
.tabs-menu-style-topline nav a {padding: 25px 0; background: #DEE3E1; color: #999999; font-size: 1.25em; text-decoration: none; line-height: 1; -webkit-transition: color 0.2s; transition: color 0.2s;}
.tabs-menu-style-topline nav a:hover,
.tabs-menu-style-topline nav a:focus {color: #333333;}
.tabs-menu-style-topline nav li.tab-current a {background: none; box-shadow: inset 0 3px 0 #333333; color: #333333;}
.tabs-menu-style-topline .icon::before {display: block; margin: 0; padding-bottom: 5px;}
.tabs-menu-style-topline nav a span {text-transform: uppercase; font-family: 'Raleway', Arial, sans-serif; font-weight: 600; font-size: 12px;}

.top-banner-slides {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*background: #662BBC;*/
    background-image: linear-gradient(to right,#AFD441,#00A451);

    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'Raleway';
    font-weight: bold;
    overflow: hidden;
    height: 86px;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    z-index: 888;
}
.top-banner-slides .banner-layer {position:absolute; top:0; left:0; width:100%; padding: 20px 0 0 0;}
.top-banner-slides .banner-container { max-width: 1103px; margin: 0 auto; position: relative; text-align: center; height:85px;}
.top-banner-slides a {box-sizing: border-box; background: rgba(0,0,0,0); color: #fff; padding: 27px 0; height: 85px; text-align: center; text-decoration: none !important; display: block; -webkit-transition: 0.5s cubic-bezier(0.165, 0.775, 0.145, 1.020); transition: 0.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);}
.top-banner-slides .logo-slides {position: absolute; left: 0; top: -8px; fill: #fff; -webkit-animation:logo 0.8s 0.75s backwards cubic-bezier(0,0,.3,1); animation:logo 0.8s 0.75s backwards cubic-bezier(0,0,.3,1);}
.top-banner-slides .slides-text {font-size: 30px; letter-spacing:-0.02em; -webkit-animation:text 0.8s 1s backwards cubic-bezier(0,0,.3,1); animation:text 0.8s 1s backwards cubic-bezier(0,0,.3,1);}
.top-banner-slides .slides-button {
    position: absolute;
    right: 0;
    top: -5px;

    font-family: 'Source Sans Pro', sans-serif;
    background: #fff;
    color:#00A451;
    letter-spacing:0.8px;
    line-height: 33px;
    font-size: 16px;
    padding: 7px 26px 9px;
    border-radius:30px;

    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;

    -webkit-animation:button 0.8s 1.25s backwards cubic-bezier(0,0,.3,1);
    animation:button 0.8s 1.25s backwards cubic-bezier(0,0,.3,1);
}

.top-banner-slides .slides-button:hover {-webkit-transform:scale(1.05); transform:scale(1.05);}
.banner-layer.stage3 .slides-text {position: relative; top: 0;}
.banner-layer.stage3 .slides-text svg {vertical-align: middle; position: relative; top: -5px; padding: 0 5px; -webkit-transition: 0.35s; transition: 0.35s;}
.top-banner-slides:hover .banner-layer.stage3 .slides-text svg {-webkit-transform:scale(1.1); transform:scale(1.1);}
.banner-layer.stage2 .slides-button {color:#00A451;}
.banner-layer.stage3 .slides-button {color:#00A451;}

/* animation */
.banner-layer {display:none;}

.top-banner-slides.stage-purple .stage1,
.top-banner-slides.stage-pink .stage1,
.top-banner-slides.stage-pink .stage2,
.top-banner-slides.stage-blue .stage2,
.top-banner-slides.stage-blue .stage3 {
    display:block;
}

.top-banner-slides.stage-pink .stage2 {z-index:750;}
.top-banner-slides.stage-blue .stage3 {z-index:1250;}

/* close-icon */
.top-banner-slides .close-icon {
    height: 40px;
    width: 40px;
    display:block;
    position:absolute;
    top:23px;
    right:0px;

    stroke:#fff;
    cursor:pointer;
    opacity:0;
    z-index:2000;

    -webkit-transition:0.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    transition:0.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);
}

.top-banner-slides:hover .close-icon {opacity:1; right:30px;}
.top-banner-slides .close-icon .circle,.top-banner-slides .close-icon .progress  {opacity:0;}
.top-banner-slides:hover .close-icon .circle {opacity:0.05;}
.top-banner-slides .close-icon:active .progress {opacity:1;}

@media screen and (max-width: 1108px) {
    .top-banner-slides { display: none;}
}

.resumo-planos{padding: 20px; display: block; overflow: hidden;}
.resumo-planos dt{font-size: 12px;}
.resumo-planos a{font-size: 12px;}
.resumo-planos a:hover{color: #000;}

/*****************************/
/* Bootstrap ajustes */
/*****************************/
.pager li>a, .pager li>span {
    padding: 5px 20px;
    border-radius: 25px;
    font-size: 13px;
}
.progress-bar-success {
    background-color: #00A651;
}

.navbar-nav {
    margin: 0px -15px;
}

.modal-footer {clear: both; padding: 20px 30px;}
.space-modal{padding: 20px 0px;}
label {margin-bottom: 0px; }
textarea {resize: none; padding: 12px 16px;}
.modal-content{border-radius: 3px;}
.modal-header{padding: 25px;}
.modal-dialog{margin: 100px auto;}
.label {min-width: 90px;}
.alert{font-size: 13px; line-height: normal;}
.payments {padding: 0 0 15px 0;}
.btn:focus, .btn:active:focus, .btn.active:focus{outline: none;}
.close{outline: none;}
.form-control-feedback {position: absolute; top: 20px; right: 15px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center;}
.form-control-feedback-user {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    color: #a94442;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.form-group {margin-bottom: 10px;}
.clearboth{clear: both; display: block;}

.modal-dialog-small {
    position: relative;
    max-width: 400px;
    margin: 50px auto;
}

@media (min-width: 768px){
    .modal-dialog {width: 750px; margin: 100px auto;}
}

/*****************************/
/* Botões Payment */
/*****************************/

.fatura-payment{border-top: 1px solid #EEE; padding-top: 20px; padding-bottom: 20px; font-family: 'Raleway', Arial, sans-serif;}
.fatura-payment h4{font-size: 14px; font-weight: 800; text-transform: uppercase; margin-bottom: 0px;}

.button {position: relative; height: 50px; padding: 0 0 0 50px; font-size: 14px; line-height: 48px; border-bottom: 1px solid #bbb; background: #fafafa; cursor: pointer;}
.button:hover {background: #f5f5f5;}
.button:after {content: ''; position: absolute; top: 15px; left: 18px; display: block; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1px #bbb, inset 0 0 0 7px #fff; background: #fff;}
.button:hover:after {background: #00A651;}
.button.active {box-shadow: inset 0 0 0 2px #00A651; background: #FFF;}
.button.active:after {background: #00A651;}

@media all and (min-width: 500px) {
    img.payment {top: 10px; right: 25px; width: 80px; position: absolute; border: 1px solid #EEE; padding: 10px 5px; border-radius: 5px;}
    .button {height: 60px; padding: 0 0 0 60px; font-size: 18px; line-height: 58px;}
    .button:after {top: 20px; left: 23px;}
}

@media all and (min-width: 700px) {

    img.payment {top: auto !important; right: 0 !important; left: 0; margin: auto; bottom: 5px; border: 1px solid transparent; padding: 20px 0px;}
    .payments {max-width: 700px; margin: 0 auto; padding: 0 0 15px 0; overflow: hidden;}
    .button {float: left; width: 98px; height: 100px; margin-right: 10px; padding: 50px 0 0; font-size: 12px; line-height: 1; text-align: center; border: 0; border-radius: 3px; box-shadow: inset 0 0 0 1px #DDD;}
    .button:last-child {margin-right: 0;}
    .button:after {top: 15px; left: 40px;}
}

@media (max-width: 500px) {
    img.payment { top: 5px; right: 15px; width: 80px; position: absolute; border: 1px solid #EEE; padding: 10px 5px; border-radius: 5px;}
}


/*****************************/
/* Checkbox */
/*****************************/

.can-toggle {position: relative;}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {box-sizing: border-box;}
.can-toggle input[type="checkbox"] {opacity: 0; position: absolute; top: 0; left: 0;}
.can-toggle input[type="checkbox"][disabled] ~ label {pointer-events: none;}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {opacity: 0.4;}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {content: attr(data-unchecked); left: 0;}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {content: attr(data-checked);}
.can-toggle label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.can-toggle label .can-toggle__label-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.can-toggle label .can-toggle__switch {position: relative;}
.can-toggle label .can-toggle__switch:before {content: attr(data-checked); position: absolute; top: 0; text-transform: uppercase; text-align: center;}
.can-toggle label .can-toggle__switch:after {
    content: attr(data-unchecked);
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
    background: white;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.can-toggle input[type="checkbox"][disabled] ~ label {color: rgba(119, 119, 119, 0.5);}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {background-color: #777;}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {color: #5e5e5e;}
.can-toggle input[type="checkbox"]:hover ~ label {color: #6a6a6a;}
.can-toggle input[type="checkbox"]:checked ~ label:hover {color: #55bc49;}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {background-color: #70c767;}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {color: #4fb743;}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {background-color: #5fc054;}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {color: #47a43d;}
.can-toggle label .can-toggle__label-text {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.can-toggle label .can-toggle__switch {-webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); background: #848484;}
.can-toggle label .can-toggle__switch:before {color: rgba(255, 255, 255, 0.5);}
.can-toggle label .can-toggle__switch:after {-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1); transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1); transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1); transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1); color: #777;}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(65px, 0, 0); transform: translate3d(65px, 0, 0);}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
.can-toggle label {font-size: 14px;}
.can-toggle label .can-toggle__switch {height: 36px; -webkit-box-flex: 0; -webkit-flex: 0 0 134px; -ms-flex: 0 0 134px; flex: 0 0 134px; border-radius: 4px;}
.can-toggle label .can-toggle__switch:before {left: 67px; font-size: 12px; line-height: 36px; width: 67px; padding: 0 12px;}
.can-toggle label .can-toggle__switch:after {top: 2px; left: 2px; border-radius: 2px; width: 65px; line-height: 32px; font-size: 12px;}
.can-toggle label .can-toggle__switch:hover:after {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
.can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch:after {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(44px, 0, 0); transform: translate3d(44px, 0, 0);}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.can-toggle.can-toggle--size-small label {font-size: 13px;}
.can-toggle.can-toggle--size-small label .can-toggle__switch {height: 28px; -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; border-radius: 2px;}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before {left: 45px; font-size: 10px; line-height: 28px; width: 45px; padding: 0 12px;}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after {top: 1px; left: 1px; border-radius: 1px; width: 44px; line-height: 26px; font-size: 10px;}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch:after {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(78px, 0, 0); transform: translate3d(78px, 0, 0);}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);}
.can-toggle.can-toggle--size-large label {font-size: 14px;}
.can-toggle.can-toggle--size-large label .can-toggle__switch {height: 50px; -webkit-box-flex: 0; -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; border-radius: 4px;}
.can-toggle.can-toggle--size-large label .can-toggle__switch:before {left: 80px; font-size: 14px; line-height: 50px; width: 80px; padding: 0 12px;}
.can-toggle.can-toggle--size-large label .can-toggle__switch:after {top: 2px; left: 2px; border-radius: 2px; width: 78px; line-height: 46px; font-size: 14px;}
.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);}
.can-toggle.demo-rebrand-1 input[type="checkbox"][disabled] ~ label {color: rgba(181, 62, 116, 0.5);}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch {background-color: #b53e74;}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {color: #8f315c;}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label {color: #a23768;}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label:hover {color: #39916a;}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch {background-color: #44ae7f;}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch:after { color: #368a65;}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
    background-color: #3d9c72;
}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    color: #2f7757;
}
.can-toggle.demo-rebrand-1 label .can-toggle__label-text {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.can-toggle.demo-rebrand-1 label .can-toggle__switch {-webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; background: #c14b81;}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:before {color: rgba(255, 255, 255, 0.6);}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:after {-webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; color: #b53e74;}
.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label {color: rgba(68, 68, 68, 0.5);}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch {background-color: #444;}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {color: #2b2b2b;}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label {color: #373737;}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover {color: #62b125;}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch {background-color: #75d32d;}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {color: #5da924;}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
    background-color: #69be28;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    color: #52941f;
}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {-webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); background: #515151;}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {color: rgba(255, 255, 255, 0.7);}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    color: #444;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(58px, 0, 0); transform: translate3d(58px, 0, 0);}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 label {font-size: 13px;}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {height: 60px; -webkit-box-flex: 0; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; border-radius: 60px;}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {left: 60px; font-size: 13px; line-height: 60px; width: 60px; padding: 0 12px;}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {top: 2px; left: 2px; border-radius: 30px; width: 58px; line-height: 56px; font-size: 13px;}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);}



/*****************************/
/* Timeline Modal */
/*****************************/

.modal-chamados{background: #f5f5f6; padding: 20px 10px 10px 10px; border-radius: 3px; display: inline-block; margin-bottom: 0px;}
.modal-chamados-form{background: #f5f5f6; padding: 30px 20px 10px 20px; border-radius: 3px; margin-top: 0px; margin-bottom: 20px}

@media (max-width: 767px) {
    .modal-chamados{display: block;}
}

.modal-visitas-tecnicas{display: table; margin-bottom: 20px;}
.modal-visitas-tecnicas h3{font-family: 'Raleway', Arial, sans-serif; font-weight: 900; font-size: 14px; color: #333; text-transform: uppercase; border-bottom: 1px solid #EEE; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px;}
.modal-visitas-tecnicas dl{margin-bottom: 10px;}
.modal-visitas-tecnicas dt{font-size: 11px; color: #333;}
.modal-visitas-tecnicas dd{font-size: 13px; margin-bottom: 4px;}

.post-wrap {padding: 0px 15px !important; border-radius: 2px !important; border: none !important;}
.post-wrap + .post-wrap {margin-top: 40px; border-top: solid 1px #EEEEEE; padding-top: 40px;}
.post-masonry .post-wrap + .post-wrap {margin-top: 0; border-top: none; padding-top: 0;}
.post-masonry .post-wrap {margin-bottom: 40px;}
.post-header {margin-bottom: 15px;}
.post-author {clear: both; display: block; font-size: 14px; margin-bottom: 0px; color: #333;}
.post-meta {padding: 10px 0 0 0; font-size: 14px; line-height: 14px; color: #999;}
.post-meta a {color: #717d87}
.post-meta a:hover {color: #25a35a;}
.post-meta .sep:before {content: "/"; margin: 0 5px;}
.post-date {margin-right: 10px; font-size: 12px;}
.post-date > .fa-clock-o{margin-left: 5px;}
.post-media {margin-bottom: 10px; position: relative;}
.post-media .thumbnail {margin-bottom: 0;}
.post-media .media-link {padding: 15px 10px; background-color: #25a35a; color: #ffffff; font-size: 30px; font-weight: 300; border-radius: 2px;}
.post-body {}
.post-excerpt {margin-bottom: 20px; line-height: normal; font-size: 13px;}
.post-details {}
.post-title {margin-top: 0; margin-bottom: 0; text-transform: none;}
.post-title,.post-title a {color: #1f2122;}
.post-title a:hover {color: #25a35a;}
.post-footer {margin-top: 20px;}
.post-tags {display: block; font-size: 11px; line-height: 20px;}
.post-categories {display: block; font-size: 11px; line-height: 20px;}
.about-the-author {margin-top: 40px; padding-top: 40px; border-top: solid 1px #EEEEEE;}


.timeline {list-style: none; padding: 20px 0 20px; position: relative;}
.timeline:before {top: 0;bottom: 0;position: absolute;content: " ";width: 3px;background-color: #eeeeee;left: 50%;margin-left: -1.5px;}
.timeline > li {margin-bottom: 20px;    position: relative;}
.timeline > li:before,.timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before,.timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel {background: #E9E9E9; width: 46%;float: left;border: 1px solid #E9E9E9;border-radius: 2px;padding: 20px;position: relative;}
.timeline > li > .timeline-panel:before {position: absolute;top: 20px;right: -10px;display: inline-block;border-top: 10px solid transparent;border-left: 10px solid #E9E9E9;border-right: 0 solid #E9E9E9;border-bottom: 10px solid transparent;content: " ";}
.timeline > li > .timeline-panel:after {position: absolute;top: 21px;right: -9px;display: inline-block;border-top: 9px solid transparent;border-left: 9px solid #E9E9E9;border-right: 0 solid #E9E9E9;border-bottom: 9px solid transparent;content: " ";}

.timeline > li > .timeline-panel-cliente-interacao {background: #E9E9E9; border: 1px solid #E9E9E9; color: #FFF;}
.timeline > li > .timeline-panel-cliente-interacao:before {border-top: 10px solid transparent;border-left: 10px solid #E9E9E9;border-right: 0 solid #E9E9E9;border-bottom: 10px solid transparent;content: " ";}
.timeline > li > .timeline-panel-cliente-interacao:after {border-top: 9px solid transparent;border-left: 9px solid #E9E9E9;border-right: 0 solid #E9E9E9;border-bottom: 9px solid transparent;content: " ";}
.timeline > li > .timeline-panel-cliente-interacao > .post-media > .post-author{color: #FFF;}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -15px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {float: right; background: #5BC0DE; border-color: #5BC0DE;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 10px;left: -10px;right: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 9px;left: -9px;right: auto;}

.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao {float: right; background: #5BC0DE; border-color: #5BC0DE; color: #FFF;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao:before {border-right:0 solid #5BC0DE;border-left-width: 0;border-right-width: 10px;left: -10px;right: auto;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao:after {border-left-width: 0;border-right-width: 9px;left: -9px;right: auto; border-right: 0 solid #5BC0DE;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao > .post-media > .post-author{color: #FFF;}

.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao-yellow {background: #f0ad4e; border-color: #f0ad4e; color: #FFF;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao-yellow:before {border-left-width: 0;border-right-width: 10px;left: -10px;right: auto;border-right: 10px solid #f0ad4e; border-left: 0 solid #f0ad4e;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao-yellow:after {border-left-width: 0;border-right-width: 9px;left: -9px;right: auto; border-right: 0 solid #f0ad4e;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-interacao-yellow > .post-media > .post-author{color: #FFF;}

.timeline > li.timeline-inverted > .timeline-panel-suporte-yellow {background: #fcf8e3; border-color: #f0ad4e;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-yellow:before {border-right: 10px solid #f0ad4e;}
.timeline > li.timeline-inverted > .timeline-panel-suporte-yellow:after {border-left-width: 0; border-right-width: 9px; left: -9px; right: auto; border-right: 10px solid  #fcf8e3;}


.timeline-badge.suporte-interacao {background-color: #5BC0DE !important;}
.timeline-badge.suporte {background-color: #5BC0DE !important;}

.timeline-badge.suporte-interacao-yellow {background-color: #F0AD4E !important;}
.timeline-badge.suporte-yellow {background-color: #F0AD4E !important;}

.timeline-badge.cliente-interacao {background-color: #E9E9E9 !important;}
.timeline-badge.cliente {background-color: #E9E9E9 !important;}

.timeline-badge.primary {background-color: #2e6da4 !important;}
.timeline-badge.success {background-color: #00A651 !important;}
.timeline-badge.warning {background-color: #f0ad4e !important;}
.timeline-badge.danger {background-color: #d9534f !important;}
.timeline-badge.info {background-color: #5bc0de !important;}
.timeline-title {margin-top: 0;color: inherit;}
.timeline-body > p,.timeline-body > ul {margin-bottom: 0; font-size: 13px;}
.timeline-body > p + p {margin-top: 5px;}

@media (max-width: 767px) {
    ul.timeline:before {left: 16px;}
    ul.timeline > li > .timeline-panel {width: calc(100% - 45px);width: -moz-calc(100% - 45px);width: -webkit-calc(100% - 45px);}
    ul.timeline > li > .timeline-badge {left: 0px;margin-left: 0;top: 16px;}
    ul.timeline > li > .timeline-panel {float: right;}
    ul.timeline > li > .timeline-panel:before {border-left-width: 0;border-right-width: 10px;left: -10px;right: auto;}
    ul.timeline > li > .timeline-panel:after {border-left-width: 0;border-right-width: 9px;left: -9px;right: auto;}
}


.progress {
    background: none repeat scroll 0 0 #DEE3E1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 6px;
    margin: 0;
    overflow: visible;
    border-radius: 50px;
    clear: both;
}
.progress > .progress-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    position: relative;
    border-radius: 50px;
}
.progress > .progress-bar > span {
    background: none repeat scroll 0 0 #333;
    font-size: 10px;
    line-height: 18px;
    margin-top: -20px;
    position: absolute;
    right: -9px;
    width: 40px;
    opacity: 0.9;
    position: absolute;
    color: #FFFFFF;
    text-align: center;
    visibility: visible;
    border-radius: 50px;
}
.progress > .progress-bar > span:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 20%;
    opacity: 0.9;
    width: 0;
    height: 0;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.progress-bloco{
    background: #f5f5f6;
    padding: 30px;
    display: inline-block;
    clear: both;
}
@media (max-width: 991px) {
    .progress-bloco{
        display: block;
    }
}
.progress-title{
    font-size: 11px;
    margin-bottom: 10px;
}
.progress-text-top{
    margin-top: 15px;
}

.progress-text-top > span {
    background: none repeat scroll 0 0 #333;
    font-size: 10px;
    line-height: 17px;
    margin-top: -24px;
    position: absolute;
    right: 42px;
    opacity: 0.9;
    color: #FFFFFF;
    text-align: center;
    visibility: visible;
    border-radius: 50px;
    padding: 0px 10px;
}
.progress-text-top > span:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 10%;
    opacity: 0.9;
    width: 0;
    height: 0;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


.progress-text-top p{
    margin-bottom: 0px;
}
.progress-text-bottom{
    font-size: 11px;
    padding-right: 15px;
    line-height: normal;
}
.progress-bg{
    background:url("../images/icons/bg-resumo.png");
    background-repeat: no-repeat;
    background-position: 99% 0;
    padding-top: 20px;
    display: block;
    overflow: hidden;
}

.progress .progress-bar.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

.progress-bar {
    transition-duration: 2s;
}

.sem-conteudo{display: block; overflow: hidden; text-align: center; padding: 100px 0px 150px 0px; margin: 0 auto; max-width: 700px;}
.sem-conteudo h3{font-size: 30px; font-weight: 600; letter-spacing: -1px; color: #333333;}
.sem-conteudo p{}

.aviso-conteudo{display: block; overflow: hidden; text-align: center; padding: 100px 0px 150px 0px; margin: 0 auto; max-width: 700px;}
.aviso-conteudo h3{font-size: 30px; font-weight: 600; letter-spacing: -1px; color: #333333; margin-bottom: 30px;}
.aviso-conteudo p{}
.aviso-conteudo i{font-size: 120px; margin-bottom: 40px; display: block; color: #CCC;}
.aviso-conteudo img{max-width: 160px; margin: 0 auto; margin-bottom: 40px; display: block;}

.pager li>.btn-ir-central{background: #333; border-color: #333; color: #FFF; padding: 10px 40px;}
.pager li>.btn-ir-central:hover{background: transparent; border-color: #CCC; color: #999}
.pager li>.btn-black-avisos{background: #333; border-color: #333; color: #FFF;}
.pager li>.btn-black-avisos:hover{background: transparent; border-color: #CCC; color: #999;}
.pager li>.btn-green-avisos{background: #00A651; border-color: #00A651; color: #FFF;}
.pager li>.btn-green-avisos:hover{background: #333; border-color: #333; color: #FFF;}

@media print {
    #imprimir-aviso{
        margin-top: 80px !important;
    }
    dd {
        font-weight: 300 !important;
        line-height: 160% !important;
        font-family: 'Open Sans', Arial, sans-serif !important;
        color: #74777b !important;
    }
}
@page { size:8.5in 11in; margin: 2cm }


.panel-box-right{float: right;}
.panel-contratacao{display: inline-block; margin-right: 15px;}
.panel-status{display: inline-block;}

.mb-5{margin-bottom: 5px;}
.mb-20{margin-bottom: 20px;}
.mt-20{margin-top: 20px;}

.bt-transparent{border-top: transparent !important;}

.borderless th, .borderless strong{color: #333333;}

.no-padding-bottom{padding-bottom: 0px;}

.title-table{width: 180px; border-right:1px solid #ddd;}

.modal-plano{background: #EFF1F0; padding: 20px 40px 30px 40px; margin-top: 10px; margin-bottom: 30px; border-radius: 5px;}
.modal-end{padding: 30px 30px 50px 30px; background: #EFF1F0; display: block; overflow: hidden; border-top: 1px solid #DDD;}

/**** Background Default ****/
.bg-default-left{background: #DEE3E1; border-radius: 5px;}
.icon-default{}
.icon-default i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #333333;}
.bg-default-right{background: #F7F8F8; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.border-top-default{border-top: none;}
.texto-btn{display: none;}
@media (max-width: 991px) {
    .texto-btn{display: inline-block;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 600;
        margin-left: 5px;
    }
    .border-top-default{border-top: 1px solid #CCC;}
}


/**** Background Default lida ****/
.bg-left-lida{background: #F7F8F8; border-radius: 5px;}
.icon-lida{}
.icon-lida i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #333333;}
.bg-right-lida{background: #F7F8F8; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/**** Background Default Não lida ****/
.bg-left-nao-lida{background: #DEE3E1; border-radius: 5px;}
.icon-nao-lida{}
.icon-nao-lida i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #333333;}
.bg-right-nao-lida{background: #DEE3E1; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/**** Background Cinza ****/
.bg-gray-left{background: #DEE3E1; border-radius: 5px;}
.icon-gray{}
.icon-gray i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #333333;}
.bg-gray-right{background: #DEE3E1; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.border-top-gray{border-top: none;}
@media (max-width: 991px) {
    .border-top-gray{border-top: 1px solid #999999;}
}

.vencimento{color: #d9534f; font-weight: bold;}

/**** Background Red Administrador ****/
.bg-left-admin{background: #d9534f; border-radius: 5px;}
.admin-icon{}
.admin-icon i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #ffffff;}
.bg-right-admin{background: #FFE4E4; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/**** Background Técnico ****/
.bg-left-tecnico{background: #b7bdbb; border-radius: 5px;}
.tecnico-icon{}
.tecnico-icon i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #ffffff;}
.bg-right-tecnico{background: #F7F8F8; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

/**** Background Fincanceiro ****/
.bg-left-financeiro{background: #FFB429; border-radius: 5px;}
.financeiro-icon{}
.financeiro-icon i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #FFFFFF;}
.bg-right-financeiro{background: #FFF5D0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}


/**** Background Green ****/
.bg-green-left{background: #00A651; border-radius: 5px;}
.icon-green{}
.icon-green i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #FFFFFF;}
.bg-green-right{background: #DFF0D8; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.border-top-green{border-top: none;}
@media (max-width: 991px) {
    .border-top-green{border-top: 1px solid #B2E1BD;}
}

/**** Background Red ****/
.bg-red-left{background: #FF2626; border-radius: 5px; color: #FFFFFF;}
.icon-red{}
.icon-red i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #FFFFFF;}
.bg-red-right{background: #FF4D4D; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #FFFFFF;}
.bg-red-right .icon-content i, .bg-red-right .text-content strong, .bg-red-right .btn-grid-default {color: #FFFFFF;}

.border-top-red{border-top: none;}
@media (max-width: 991px) {
    .border-top-red{border-top: 1px solid #FF2626;}
}

/**** Background Blue ****/
.bg-blue-left{background: #5BC0DE; border-radius: 5px;}
.icon-blue{}
.icon-blue i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #FFFFFF;}
.bg-blue-right{background: #BFEFFF; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.border-top-blue{border-top: none;}
@media (max-width: 991px) {
    .border-top-blue{border-top: 1px solid #5BC0DE;}
}

/**** Background Yellow ****/
.bg-yellow-left{background: #FFB429; border-radius: 5px;}
.icon-yellow{}
.icon-yellow i{font-size: 30px; padding: 25px 0px; text-align: center; display: block; color: #FFFFFF;}
.bg-yellow-right{background: #FFF5D0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.border-top-yellow{border-top: none;}
@media (max-width: 991px) {
    .border-top-yellow{border-top: 1px solid #FFB429;}
}

.bg-default-contrato{
    background: #F7F8F8;
}
.icon-content{
    float: left; display: block; padding: 20px 10px 10px 0px;
}
.icon-content i{
    font-size: 25px;
    color: #333333;
    line-height: 140%;
}
.text-content{
    padding: 25px 0px 15px 0px;
    display: block;
    overflow: hidden;
}
.text-content strong{
    font-size: 10px;
    font-weight: 800;
    color: #3A3A3A;
    margin-bottom: 1px;
    line-height: normal;
    display: block;
}
.text-content span{
    font-size: 11px;
    display: block;
    line-height: normal;
    /*margin-bottom: 4px;*/
}
.text-content p{
    font-weight: 300;
    font-size: 11px;
    line-height: normal;
}
.text-content > .date-grid{
    font-size: 10px;
    font-weight: 800;
    color: #3A3A3A;
    line-height: normal;
}


.grid-btn{
    padding: 20px 0px 10px 0px;
    margin-bottom: 20px;
}
.btn-grid-right{
    float: right;
}
.btn-grid-green{
    background: #00A651;
    border-color: #00A651;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    margin-right: 5px;
}
.btn-grid-green i{
    font-size: 14px;
    margin-right: 6px;
}
.btn-grid-green:hover{
    background: #008D45;
    color: #99DBB9;
}

.btn-grid-default{
    background: transparent;
    color: #000;
    font-size: 16px;
    padding: 8px 10px;
    margin-right: 5px;
}
.btn-grid-default:hover{
    background: #FFFFFF;
    color: #333333;
}

.btn-grid-reativacao{
    background: #00A651;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px 5px;
    margin-right: 5px;
}
.btn-grid-reativacao span{
    color: #FFFFFF !important;
}
.btn-grid-reativacao:hover{
    background: #333333;
    color: #FFFFFF;
}

.btn-grid-text{
    display: block;
    font-size: 10px;
    color: #999;
}

.grid-btn-plano{
    display: inline-block;
    float: left;
    padding: 12px 10px 12px 0;
    margin-right: 15px;
    margin-bottom: 0px;
    border-right: 1px solid #EEE;
}
.grid-btn-plano i{
    font-size: 26px;
}
.grid-btn-plano span{
    display: block;
    font-size: 10px;
    color: #999;
}


.row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.col-flex {
    flex: 1 1 8%;
    box-sizing: border-box;
}

/* nested grids */
.row-flex .row-flex, .row-flex.nested {
    flex: 1 1 auto;
    margin-top: -0.5em;
}

/* full width grids */
.row-flex.wide-fit {
    margin-left: -10px;
    margin-right: -10px;
}

/* center grids */
.row-flex.center {
    justify-content: center;
}

.center .col-flex {
    flex-grow: 0;
    flex-shrink: 0;
}

/* columns widths */

.col-span-1 {
    flex-basis: 8.3333%;
}

.col-span-2 {
    flex-basis: 16.6666%;
}

.col-span-3 {
    flex-basis: 25%;
}

.col-span-4 {
    flex-basis: 33.3333%;
}

.col-span-5 {
    flex-basis: 41.6666%;
}

.col-span-6 {
    flex-basis: 50%;
}

.col-span-7 {
    flex-basis: 58.3333%;
}

.col-span-8 {
    flex-basis: 66.6666%;
}

.col-span-9 {
    flex-basis: 75%;
}

.col-span-10 {
    flex-basis: 83.3333%;
}

.col-span-11 {
    flex-basis: 91.6666%;
}

.col-span-12 {
    flex-basis: 100%;
}

/* examples */

.fixed-width {
    flex: 0 0 500px;
    background-color: rgba(255,0,0,0.1) !important;
}

@media all and (max-width: 568px) {
    .col-span-1,
    .col-span-2,
    .col-span-3,
    .col-span-4,
    .col-span-5 {
        flex-basis: 50%;
    }

    .col-span-6,
    .col-span-7,
    .col-span-8,
    .col-span-9,
    .col-span-10,
    .col-span-11 {
        flex-basis: 100%;
    }

    .nested .col {
        flex-basis: 100%;
    }

    .bg-default-right, .bg-blue-right, .bg-green-right, .bg-red-right, .bg-yellow-right, .bg-redclean-right, .bg-right-tecnico, .bg-right-admin, .bg-right-financeiro {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}
@media all and (max-width: 991px) {
    .btn-grid-right{
        float: left;
    }
}

.row-flex {
}
.col-flex {
    background-clip: content-box;
}

@media screen and (max-width: 767px){
    .content-wrap section {padding: 2em 1em;}
    .wrap:before {display: none;}
    .user-top {margin-bottom: 32px;}
    .menu-inline{display: table; padding: 10px 0 10px 0; float: none; border-top: 1px solid #CCC; width: 100%;}
    .icon-content, .text-content{padding: 15px 5px !important;}
    .panel-body {padding: 1em 2em;}
    .btn-default-top a{display: block; margin-top: 15px;}
    .btn-default-right{text-align: left; margin-top: 10px;}
    .grid-btn-plano{display: block !important; float: none !important; margin-right: 0px !important; border-right: none !important; border-bottom: 1px solid #EEE; width: 100%; margin: 0 auto; text-align: center;}
    .btn-grid-default{margin-right: 5px;}
    .btn-grid-reativacao{padding: 6px 4px; margin-right: 0px;}
    .status-contrato{text-align: left;}
    .panel-box-right{float: none;}
}