@import "https://fonts.googleapis.com/css?family=Open+Sans";
html,
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background-color: #fff;
    font-size: 15px
}

.fa {
    padding-right: 5px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-primary {
    background-color: #40356f;
    border-color: #40356f
}

.area-estudos .glyphicon-user {
    padding-right: 10px
}

.modal .btn-success {
    color: #fff!important
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
    background-color: #463c7f;
    border-color: #463c7f
}

#header .info {
    padding: 15px;
    background-color: #fff;
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    border-bottom: 1px solid #fff
}

#header .navbar {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 0;
    border-right: none;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
    box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.1);
}

#cadastro {
    background: url(../img/bg.jpg);
    background-size: cover;
    position: relative;
    padding: 50px 0
}

#cadastro .infos p {
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px #000;
    margin: 10px 0 25px
}

#cadastro .banner {
    margin: 50px 0
}

#cadastro .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1)
}

#cadastro .cta {
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    text-shadow: 1px 1px #000;
    display: inline-block;
    text-transform: uppercase
}

#cadastro .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3)
}

#cadastro .banner-logado .search {
    width: 100%;
    max-width: 600px;
    margin: 50px auto;
    background-color: transparent;
    color: #fff;
    text-shadow: 1px 1px #000;
    text-transform: uppercase
}

.panel {
    margin-bottom: 0;
    border-radius: 0
}

#categoria {
    background-color: #34495e;
    padding: 20px;
    font-size: 18px;
    color: #fff
}

#categoria .dropdown-menu {
    width: 100%
}

.cursos-home {
    padding: 30px
}

#cursos .thumbnail {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 1px #ccc;
    padding: 0
}

#cursos .thumbnail img {
    width: 100%;
    height: 100px
}

#cursos .thumbnail .titulo-curso {
    height: 95px
}

.thumbnail-curso {
    position: relative;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #ccc;
    box-shadow: 0 0 1px #ccc;
    padding: 0
}

.thumbnail-curso img {
    width: 100%;
    height: 200px
}

.thumbnail-curso .titulo-curso {
    height: 70px
}

#pagina-cursos .thumbnail-curso .titulo-curso {
    height: auto
}

#cursos a {
    color: #333
}

#cursos a:hover {
    text-decoration: none
}

#cursos a.btn-primary {
    color: #fff!important
}

#cursos .thumbnail:hover,
.thumbnail-curso:hover {
    box-shadow: 0 0 2px #999;
    transition: all .3s ease-in
}

#cursos .thumbnail .caption {
    padding: 9px 9px 3px;
    color: #fff
}

#cursos .thumbnail .caption h2 {
    font-size: 14px;
    margin-top: 0
}

#cursos .thumbnail .caption .small,
.thumbnail-curso .titulo-curso .small {
    font-size: 11px;
    color: #888;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 2
}

#cursos .thumbnail {
    position: relative
}

#cursos .thumbnail img {
    width: 100%
}

.menu-curso {
    background-color: #fff;
    box-shadow: 0 0 1px #ccc
}

.menu-curso a {
    color: #333
}

.gratis {
    position: absolute;
    display: inline-block;
    top: 15px;
    left: 0;
    width: auto;
    background-color: rgba(92, 184, 92, .9);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 15px;
    font-size: 10px
}

.thumbnail-curso .gratis {
    font-size: 16px
}

.com-video {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(100, 95, 205, 0.9);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    font-size: 10px;
    opacity: 1
}

#cadastro .search {
    background-color: rgba(248, 248, 248, .7);
    padding: 10px;
    font-size: 18px
}

#cadastro .search p {
    font-size: 22px
}

#cadastro .search input {
    border-radius: 0;
    font-size: 18px
}

.form-group input,
.btn {
    border-radius: 0
}

@media only screen and (min-width: 768px) {
    .wrapper {
        width: 100%;
        max-width: 750px;
        margin: 30px auto
    }
}

.wrapper.login .tab-content {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none
}

.form-aluno {
    max-width: 300px;
    margin: 10px auto
}

.form-control::-webkit-input-placeholder {
    color: #555
}

.form-control::-moz-placeholder {
    color: #555
}

.form-control:-ms-input-placeholder {
    color: #555
}

.form-control:-moz-placeholder {
    color: #555
}

.form-control:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: all ease-in .5s
}

.form-control:focus::-moz-placeholder {
    opacity: 0;
    transition: all ease-in .5s
}

.form-control:focus:-ms-input-placeholder {
    opacity: 0;
    transition: all ease-in .5s
}

.form-control:focus:-moz-placeholder {
    opacity: 0;
    transition: all ease-in .5s
}

#header .navbar-brand img {
    position: absolute;
    width: 150px;
    top: -65px;
    z-index: 9999;

}

#header .navbar-brand {
    padding: 0 15px 0 10px
}

#cursos h1.page-header {
    font-size: 24px;
    margin: 10px 0 30px
}

.categorias {
    background-color: #fff;
    padding: 10px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 1px #ccc;
    margin: 10px 0 30px;
    padding-bottom: 0
}

.categorias ul {
    list-style: none;
    padding-left: 0
}

.categorias hr {
    margin-bottom: 0
}

.categorias ul li {
    border-bottom: dotted 1px #ccc;
    padding: 10px 0
}

.categorias ul li:last-child {
    border-bottom: none;
    padding-bottom: 15px
}

.abed {
    padding: 20px
}

#filtros .navbar-form .form-control {
    width: 250px
}

#filtros .navbar {
    margin-bottom: 0
}

#filtros .navbar-default {
    background-color: #40356f;
    border-color: transparent;
    border-radius: 0;
    border-bottom: solid 2px #40356f
}

#filtros .nav > li.dropdown.open {
    position: static
}

@media screen and (min-width: 767px) {
    #filtros .nav > li.dropdown.open .dropdown-menu {
        
        width: 100%;
        text-align: left;
        left: 0;
        right: 0;
        top: 100%;
        background-color: #ccc;
        padding: 20px;
        border: none;
        columns: 7;
        font-size: 1vw;
        border-radius: 0;
    }
}

#filtros .dropdown-menu>li>a {
    padding: 10px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    #filtros .dropdown-menu > li {
        display: block
    }
}

footer {
    margin-top: 30px;
    padding-top: 20px;
    background-color: #111;
    color: #777!important
}

footer hr {
    border-top: 1px solid #666
}

footer .copyright img {
    width: 100px
}

footer .copyright {
    padding: 0 0 20px
}

footer .img-rodape {
    padding: 20px
}

footer .img-rodape img {
    max-width: 150px;
    max-height: 100px
}

footer .menu-footer ul {
    list-style: none;
    padding-left: 0;
    margin: 0 auto;
    text-align: center
}

footer .menu-footer ul li {
    display: inline-block;
    margin: 5px 10px
}

footer .menu-footer ul li a {
    color: #333
}

.titulo {
    text-align: left;
    margin-bottom: 20px
}

.titulo .padrao-titulo {
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    font-weight: 700
}

.breadcrumb {
    background-color: #f7f7f7;
    border-radius: 0;
    margin-top: 10px
}

#pagina-cursos,
.conteudo,
.pagina-cursos,
.contato {
    padding: 20px 0
}

#cursos .btn-warning {
    color: #fff
}

.timeline {
    list-style: none;
    padding: 20px 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    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-color: #fff;
    width: 50%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175)
}

.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
    margin-top: -60px
}

.timeline > li:not(.timeline-inverted) {
    padding-right: 90px
}

.timeline > li.timeline-inverted {
    padding-left: 90px
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    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
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline-badge.primary {
    background-color: #2e6da4!important
}

.timeline-badge.success {
    background-color: #3f903f!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
}

.timeline-body > p + p {
    margin-top: 5px
}

@media screen and (max-width: 520px) {
    .timeline > li > .timeline-panel {
        width: 100%
    }
    .timeline:before {
        display: none
    }
    .timeline > li > .timeline-badge {
        left: auto;
        right: 10px
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        right: auto;
        left: 35px
    }
    .timeline > li.timeline-inverted + li:not(.timeline-inverted),
    .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: 10px
    }
}

#cursos .pagination>.active>a {
    color: #fff
}

.navbar-right-margin {
    margin-right: -30px
}

.social-nav {
    padding: 0;
    list-style: none;
    margin: -10px 0 0 -10px
}

.social-nav li {
    float: left;
    margin: 10px 0 0 10px;
    list-style: none
}

.social-nav a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
    position: relative;
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    overflow: hidden;
    font-size: 26px;
    border-radius: 4px
}

.social-nav a:hover {
    background: #fff;
    text-shadow: 0 0 #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4
}

.social-nav .twitter {
    background: #00ACED;
    text-shadow: 0 0 #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba
}

.social-nav .twitter:hover {
    color: #00ACED
}

.social-nav .facebook {
    background: #3B579D;
    text-shadow: 0 0 #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278
}

.social-nav .facebook:hover {
    color: #3B579D
}

.social-nav .google {
    background: #DD4A3A;
    text-shadow: 0 0 #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122
}

.social-nav .google:hover {
    color: #DD4A3A
}

.social-nav .linkedin {
    background: #007BB6;
    text-shadow: 0 0 #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983
}

.social-nav .linkedin:hover {
    color: #007BB6
}

.social-nav .pinterest {
    background: #CB2026;
    text-shadow: 0 0 #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e
}

.social-nav .pinterest:hover {
    color: #CB2026
}

blockquote footer {
    border-top: none
}

blockquote {
    font-size: 14px
}

.contato-item {
    background-color: #fff;
    border: solid 1px #eee
}

blockquote footer {
    background-color: transparent
}

.validacao .glyphicon-ok-sign {
    color: #5cb85c;
    font-size: 30px;
    vertical-align: middle
}

.validacao .glyphicon-remove-sign {
    color: #c0392b;
    font-size: 30px;
    vertical-align: middle
}

.validacao p.text-center,
.validacao p.text-center {
    margin-bottom: 20px
}

.panel-default>.panel-heading a {
    color: #333
}

.panel-default>.panel-heading a:hover,
.panel-default>.panel-heading a:visited,
.panel-default>.panel-heading a:focus {
    text-decoration: none
}

.navbar-default .navbar-collapse {
    overflow: hidden
}

.social-nav a {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: #40356f;
    color: #fff;
    font-weight: bolder
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    font-weight: bolder
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #40356f;
    color: #fff;
    transition: all ease .3s
}

.navbar-default .navbar-nav>li.dropdown>a,
.navbar-default .navbar-nav>li.dropdown>a:focus,
.navbar-default .navbar-nav>li.dropdown>a:hover {
    color: #fff;
    font-weight: bolder
}

.btn-success {
    color: #fff;
    background-color: #40356f;
    border-color: #40356f;
}
.btn-success:hover {
    color: #fff;
    background-color: #645fce;
    border-color: #645fce;
}

.btn-inscricao {
    margin-top: 8px;
    border-radius: 20px;
    margin-left: 20px;
    
    color: #fff;
    font-weight: bolder;
}
.btn-inscricao.btn-danger {
    background-color: #40356f;
    border-color: #40356f;
}
.btn-inscricao.btn-danger:hover {
    background-color: #645fce;
    border-color: #645fce;
}
.btn-success.btn-inscricao {
    background-color: #645fce;
    border-color: #645fce;
}
.btn-success.btn-inscricao:hover {
    background-color: #40356f;
    border-color: #40356f;
}

#sobre-certificados .btn-inscricao {
    margin-top: 8px;
    border-radius: 20px;
    margin-left: 20px;
    background-color: #40356f;
    color: #fff;
    font-weight: bolder;
    border-color: transparent;
}
#sobre-certificados .btn-inscricao:hover {
    border-color: transparent;
    background-color: #40356f;
    
}

#carrossel .carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%;
    height: auto;
    max-height: 350px
}

#carrossel .carousel-caption {
    background-color: rgba(1, 1, 1, .7);
    bottom: 75px;
    max-width: 600px;
    right: 30%;
    left: 30%;
    padding: 20px
}

#sobre-certificados {
    background-color: #fff;
    background-image: url(../img/bg-home-fullpage.jpg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 50px 0;

}

#sobre {
    padding: 50px 0;
    background-color: #f7f7f7;
    margin-bottom: -30px; 
    margin-top: 50px;
}

#sobre img {
    max-width: 300px;
    margin: 0 auto
}

#sobre .fa {
    font-size: 2.5em;
    font-weight: 400;
    color: #b7b7b7;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 2px solid #b7b7b7;
    padding: 15px;
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

#sobre .mvv {
    padding: 30px 50px;
    margin-top: 50px
}

#cursos nav a.btn-success {
    float: none;
    color: #fff
}

#cursos .pagination>li>a,
.pagination>li>span {
    color: #337ab7
}

#cursos .breadcrumb a {
    color: #337ab7
}

#carrossel h1 {
    font-size: 24px
}

.modal-body,
.modal-title {
    color: #333
}

.conteudo .featurette p {
    margin-bottom: 20px
}

.padding-resize {
    padding: 8px!important
}

#filtros .navbar-default .navbar-nav>li>a:hover {
    background-color: #cccccc;
    color: #333;
    transition: all ease .3s;
}

.whats-home {
    list-style: none;
    display: inline-flex;
    padding-left: 0;
}

.whats-home li {
    padding: 10px 20px;
    margin: 10px;
    background-color: #25d366;
    color: #FFF;
    font-size: 18px;
    box-shadow: 1px 1px 2px #888;
    border-radius: 30px;
    text-align: center;
}
.whats-home li a {
    color: #FFF;
}


.modal .whats-home {
    position: absolute;
    bottom: 15px;
    z-index: 10000;
    left: 10%;
    right: 10%;
    
    
}
.modal .whats-home li {
    
    font-size: 15px;
    padding: 10px;
}




/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section#depoimentos {
    padding-top: 100px;
    padding-bottom: 30px;
}

#depoimentos .quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#depoimentos #fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#depoimentos #fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#depoimentos #fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#depoimentos #fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#depoimentos #fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#depoimentos #fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#depoimentos #fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}