@import 'reset.css';

.thumb-gallery .slick-slide.slick-current:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ad1b02;
    opacity: 0.5;
    display: block;
    width: 100%;
    height: 100%;
}

.col-md-12{
    position: relative;
}

a,
.btn-color,
.hover,
.img-bg-color{
    outline: none;
    transition: all 0.35s ease-in-out;
}
h1,
h2,
h3,
h4,
.special-font {
    font-family: 'Source Sans Pro', 'Open Sans', kepler-std, serif;
}

.wyswyg h2,
.wyswyg h3,
.wyswyg h4 {
    font-weight: 700;
}

.wyswyg h2,
.wyswyg h3 {
    font-style: italic;
}
.default-link:hover{
    opacity: 0.8;
}
.italic {
    font-style: italic;
}
.upper{
    text-transform: uppercase;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #151414;
    overflow-x: hidden;
    transition: all 0.35s ease-in-out;
}

body {
    padding-top: 100px;
}

body.short-header {
    padding-top: 78px;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 40px;
}

p.special-font {
    line-height: 1.35em;
}

p {
    line-height: 1.55em;
}

h1.special-font.title-home {
    font-size: 26px;
    font-family: 'Inter', 'Source Sans Pro';
}

.intro {
    padding-top: 70px;
    padding-bottom: 70px;
}

.gray-bg {
    background: #f8f8f9;
}

.quote-block {
    padding: 100px 0px 135px;

    position: relative;
}

.quote-block p {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}

.testemonial-block {
    padding: 50px 0;
    position: relative;
    margin-bottom: 20px;
}
.content-block h2,
.home-block h2 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 25px;
    padding-top: 40px;
    position: relative;
}
.about-container h2{
    font-size: 20px;
    font-weight: 600;
}

.testemonial-block p {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.testemonial-block p + span {
    color: #6b6f79;
    font-size: 15px;
    display: block;
    margin-bottom: 30px;
}


.line-header {
    margin-bottom: 30px;
    position: relative;
}

.line-header span {
    width: 165px;
    display: block;
    height: 1px;
}

.line-header:after {
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 195px);
    background: #dbdddf;
    position: absolute;
    right: 0;
    top: 0;
}

.rounded-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    border-radius: 25px;
    position: relative;
    transition: all 0.2s ease-out;
}

.rounded-btn:hover {
    transform: scale(1.1, 1.1);
}

.rounded-btn-small {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    font-size: 13px;
    border-radius: 18px;
    position: relative;
    transition: all 0.2s ease-out;
}

.rounded-btn-large {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    font-size: 24px;
    border-radius: 40px;
    position: relative;
    transition: all 0.2s ease-out;
}

.rounded-btn-large:hover {
    transform: scale(1.1, 1.1);
}



.line-btn {
    position: relative;
}

.line-btn:after {
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - 60px);
    position: absolute;
    left: 60px;
    top: 25px;
    background: #dbdddf;
}

#btn-load-more{
    color: #FFF;
    background: #A3610A;
    font-size: 13px;
    padding: 15px 23px;
    min-width: 30%;
    text-align: center;
    display: inline-block;
    margin: 50px auto 0px;
}

.one-col {
}

.one-col a {
    min-height: 280px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 50px;
    position: relative;
}

.one-col a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    transition: all 0.2s ease-out;
}

.one-col a:hover:after {
    opacity: 0;
}

.one-col a p {
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.one-col a .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}

.one-col a:hover .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0.8;
}


.two-col {

}

.two-col .col-md-6 a {
    min-height: 280px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    padding: 35px 45px;
    align-content: flex-end;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.two-col .col-md-6 a p {
    font-size: 25px;
    font-weight: 300;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
    color:#FFF;
}

.two-col .line-btn {
    width: 100%;
    text-align: right;
    position: relative;
    z-index: 3;
}

.two-col .line-btn:after {
    left: 0;
}

.two-col a .rounded-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #FFF;
    color: inherit;
    display: inline-block;
    border-radius: 25px;
    position: relative;
}

.two-col a .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}

.two-col a:hover .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0.8;
}

.three-col {

}

.three-col a {
    display: block;
    position: relative;
    padding: 40px;
}

.three-col a img {
    display: block;
    margin: 0 auto;
}

.three-col a p {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    z-index: 9;
}

.three-col a .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}

.three-col a:hover .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0.8;
}

.home-experiencia a p{
    position: relative;
    z-index: 3;
}
.home-experiencia a{
    position: relative;
}
.home-experiencia a:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
}
.four-col {

}
.list-produtos{
    display: flex;
    flex-wrap: wrap;
}
.content-block div.col-md-3,
.home-block div.col-md-3,
.list-produtos div.col-md-3{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
}
.home-block div.col-md-3:first-child{
    margin-top: 0;
}
.main-content-link{
    width: 100%;
}
.four-col a.img_produto {
    position: relative;
    min-height: 260px;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px 20px;
    background-size: 100% 100%;
    background-position: center;
}

.four-col a.img_produto:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: all 0.2s ease-out;
}
.four-col a.img_produto:before{
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    border: 1px solid #FFF;
    z-index: 3;
}
.four-col a.img_produto:hover:after {
    opacity: 0;
}

.four-col a .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}

.four-col a:hover .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0.4;
}

.four-col p.title-color {
    font-size: 18px;
    text-align: left;
    position: relative;
    font-weight: 600;
    z-index: 9;
    font-family: 'Inter', 'Source Sans Pro';
}

.four-col div.introcucao_producao {
    text-align: left;
    position: relative;
    z-index: 9;
    padding: 25px 0 30px 0;
}

.four-col div.introcucao_producao.wyswyg p {
    margin: 0;
    font-family: 'Inter', 'Source Sans Pro';
    font-size: 14px;
}

div.txt-experiencia.wyswyg p {
    margin: 0 0 30px 0;
    font-family: 'Inter', 'Source Sans Pro';
    font-size: 16px;
}

.four-col .col-md-3 span {
    width: 100%;
    float: left;
    position: relative;
    font-family: 'Inter', 'Source Sans Pro';
}

.four-col span.apartir_produto {
    font-size: 12px;
    margin-bottom: 8px;
}

.four-col span.valor_produto {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}

.four-col a.saiba_mais_produto {
    font-size: 13px;
    font-family: 'Inter', 'Source Sans Pro';
    letter-spacing: 0.02em;
    float: left;
    padding: 16px 26px;
}

.two-col .list-im-int .col-md-6{
    margin-top: 30px;
}
.two-col .list-im-int .col-md-6:nth-child(1){
    margin-top: 0px;
}
.slide {
    color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.slide:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
}

.slide .row {
    align-items: flex-end;
    padding-top: 80px;
    padding-bottom: 60px;
    min-height: 400px;
}

.slide .col-md-6 {
    position: relative;
    z-index: 9;
}

.slide h2 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
}

.slide p {
    margin-bottom: 20px;
    font-weight: 200;
    font-size: 30px;
}


.slider-section .slick-dots {
    bottom: 25px;
}

.slider-section .slick-dots li {
    margin: 0 10px;
}

.slider-section .slick-dots li button:before {
    opacity: 1;
    color: #FFF;
}

.slider-section .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #FFF;
}

.slider-section .slick-dots li.slick-active button:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #FFF;
    position: absolute;
    left: -5px;
    top: -6px;
}

section.slick-dotted.slick-slider {
    margin-bottom: initial;
}

.banner-top {
    height: 564px;
    min-height: 320px;
    max-height: calc(100vH - 78px);
    margin-bottom: 60px;
    display: flex;
    align-items: flex-end;
    color: #FFF;
    position: relative;
    background-position: center;
    background-size: cover;
}

.banner-top.banner-top-nomargin {
    margin-bottom: 0;
}

.banner-top:after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); /* IE6-9 */
}

.banner-interna h1{
    font-size: 34px;
    font-family: 'Source Sans Pro';
}

.clients-container {

}

.container-header h1 {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #dbdddf;
    margin-bottom: 60px;
    position: relative;
    z-index: 5;
    font-size: 34px;
}
.contact-container h1 {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #dbdddf;
    margin-bottom: 60px;
    position: relative;
    z-index: 5;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 600;
}
.banner-top .container-header h1{
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #dbdddf;
    margin-bottom: 60px;
    position: relative;
    z-index: 5;
    font-size: 34px;
    font-weight: 300;
}

#frm_contato {
    padding: 80px 12.5%;
    background: #f3f3f3;
    position: relative;
}

#frm_contato:not(.form-post):after {
    content: '';
    display: block;
    background: #f3f3f3;
    width: 12.5%;
    height: auto;
    position: absolute;
    right: -12.5%;
    top: 0;
    bottom: 0;
}

#frm_contato h2 {
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 40px;
    position: relative;
}

#frm_contato input,
#frm_contato textarea,
#frm_contato select {
    font-size: 15px;
    border-radius: 0;
    background: #FFF;
    border: 1px solid #FFF;
}
#frm_contato select{
    padding-top: 0;
    padding-bottom: 0;
}
#frm_contato input:hover,
#frm_contato textarea:hover,
#frm_contato select:hover {
    border: 1px solid #BBB;
}

#frm_contato input.form-error,
#frm_contato textarea.form-error,
#frm_contato select.form-error {
    border: 1px solid #e95f5f;
}

#frm_contato .form-group {
    margin-bottom: 10px;
    position: relative;
}

#frm_contato .form-group div.form-error {
    position: absolute;
    right: 0;
    bottom: -5px;
    font-size: 11px;
    padding: 3px 8px;
    color: #FFF;
    background: #e95f5f;
}

#frm_contato input,
#frm_contato select {
    height: 60px;
    line-height: 60px;
}

#frm_contato input {
    padding-top: 18px;
    line-height: 24px;
}

#frm_contato button {
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

#frm_contato button:hover {
    transform: scale(1.05, 1.05);
}

.form-group label:not(.form-error) {
    position: absolute;
    left: 30px;
    top: 22px;
}

.focused.form-group label:not(.form-error),
.completed.form-group label:not(.form-error) {
    font-size: 12px;
    top: 8px;
}

.frm-success {
    color: #36c265;
    min-height: 650px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
}

.success-icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 60px;
    text-align: center;
    font-size: 65px;
    background: #FFF;
    margin: 0 auto 30px;
}

#frm_contato.frm-success h2 {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.frm-success p {
    color: #6b6f79;
}

.contato-links {
    padding: 50px 50px 70px;
    margin-top: 80px;
}

.contato-links h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.contato-links a {
    color: #FFF;
}
.social-icons a:hover{
    transform: scale(1.1);
}
.contato-links .social-icons {
    justify-content: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    flex-wrap: wrap;
}

.contato-links .social-icons li {
    margin-bottom: 15px;
}

.clients-container {
    padding-bottom: 100px;
}

.client-item {
    height: 200px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    margin-bottom: 30px;
}

.client-item a {
    height: 100%;
    z-index: 991;
}

.client-item a img {
    filter: grayscale(100%);
    transition: all 0.2s ease-out;
    height: 100%;
}

.client-item:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: all 0.2s ease-out;
}

.client-item:hover:after {
    opacity: 0.06;
}

.client-item:hover a img {
    filter: grayscale(0%);
}


.error-404 {
    text-align: center;
    padding: 100px 0 200px;
}

.error-404 h1 {
    font-size: 72px;
    margin-bottom: 30px;
}

.error-404 p {
    font-size: 15px;
    color: #6b6f79;
}

.line-404 i {
    font-size: 140px;
    color: #e95f5f;
    position: relative;
    z-index: 3;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
}

.line-404 {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
}

.line-404:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #dbdddf;
    position: absolute;
    left: 0;
    top: 50%;
}

.areas-list {
    margin-bottom: 100px;
}

.areas-list li {
    display: flex;
    margin-bottom: 80px;
}

.areas-list li figure img {
    max-width: 100%;
}

.areas-list li h2 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 30px;
}

.areas-list li .line-header {
    margin-bottom: 30px;
}

.areas-list li p {
    font-size: 15px;
    color: #6b6f79;
}


.about-container {
    margin-bottom: 100px;
}

.about-container h2 {
    font-size: 20px;
    margin-bottom: 40px;
}

.about-container h2 + .line-title {
    margin-bottom: 30px;
}

.about-container h3 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}

.about-container p {
    font-size: 15px;
    margin-bottom: 30px;
}

.about-container section {
    margin-bottom: 100px;
}

.line-title {
    display: block;
    width: 100%;
    height: 1px;
}

.dark-gray-bg {
    background: #3a3d44;
    color: #FFF;
    padding: 100px 0;
}

.gray-bg h2 {
    font-size: 20px;
    font-weight: 700;
}

.gray-bg h3 {
    font-size: 42px;
    text-align: center;
    margin-bottom: 60px;
}

.card-about {
    text-align: center;
    padding: 40px 30px;
}

.card-about:hover {
    background: rgba(255, 255, 255, 0.05);
}

.card-about h4 {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.card-about p {
    font-size: 15px;
}


.video-player {
    position: relative;
}

.video-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    cursor: pointer;

}

.video-overlay .rounded-btn-large {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 3;
}

.video-overlay:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}


.team-container {

}

.team-container h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
}

.team-details {
    margin-top: 30px;
    margin-bottom: 100px;
    padding: 0 10px;
    text-align: center;
}

.team-img {
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.team-details h3 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #6b6f79;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.team-details p {
    font-size: 15px;
    color: #6b6f79;
}


.services-container {
    padding-bottom: 100px;
}

.services-list {
    padding: 0 0 50px 0;
}

.services-list a {
    display: block;
    position: relative;
    min-height: 280px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px 20px;
}

.services-list a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    transition: all 0.2s ease-out;
}

.services-list a:hover:after {
    opacity: 0;
}

.services-list a .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}

.services-list a:hover .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0.8;
}

.services-list a p {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 9;
}

.tag-promo {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 7;
    padding: 5px 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
    -webkit-clip-path: polygon(10px 0%, 100% 1%, 100% 100%, 10px 100%, 0% 50%);
    clip-path: polygon(10px 0%, 100% 1%, 100% 100%, 10px 100%, 0% 50%);
}

.line-more {
    text-align: center;
    position: relative;
}

.line-more a {
    margin: 0 auto;
}

.line-more span {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #6b6f79;
    text-transform: uppercase;
}

.line-more:before {
    content: '';
    display: block;
    width: calc(50% - 50px);
    height: 1px;
    position: absolute;
    left: 0;
    top: 25px;
    background: #dbdddf;
}

.line-more:after {
    content: '';
    display: block;
    width: calc(50% - 50px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 25px;
    background: #dbdddf;
}

.related {
    margin-bottom: 100px;
}

.container-service .gallery {
    margin-bottom: 80px;
}

.container-service .video-player {
    margin-bottom: 80px;
}

.container-service .location {
    margin-bottom: 80px;
}

.container-service .wyswyg {
    margin-bottom: 80px;
}

.container-service h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}

.wyswyg h1 {
    font-size: 72px;
    font-weight: 400;
}

.wyswyg h2 {
    font-size: 52px;
    font-style: italic;
    font-weight: 700;
}

.wyswyg h3 {
    font-size: 40px;
    font-style: italic;
    font-weight: 700;
}

.wyswyg h4 {
    font-size: 32px;
    font-weight: 700;
}

.wyswyg h5 {
    font-size: 18px;
    font-weight: 700;
}

.wyswyg p {
    font-size: 14px;
    margin-bottom: 18px;
    font-family: 'Inter', 'Source Sans Pro';
}

.wyswyg li {
    padding-left: 40px;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    font-family: 'Inter', 'Source Sans Pro';
}
.wyswyg li:after{
    content:'';
    display: block;
    height: 6px;
    width:6px;
    border-radius: 3px;
    position: absolute;
    left:10px;
    top:5px;
    background:red;
}

.bullet-list {
    width: 25px;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
}

.container-service .line-header {
    margin-bottom: 40px;
}

.container-service .location p {
    text-align: center;
    font-size: 15px;
    margin-bottom: 40px;
}

.container-service .col-md-9 {
    margin-top: 100px;
}

.related a {
    display: block;
    position: relative;
    min-height: 280px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 30px 20px;
    background-size: cover;
    background-position: center;
}

.related a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    transition: all 0.2s ease-out;
}

.related a:hover:after {
    opacity: 0;
}

.related a .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
}

.related a:hover .img-bg-color {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0.8;
}

.related a p {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 9;
}

.servico-img {
    max-width: 100%;
}

.main-gallery {
    margin-bottom: 10px;
}

.thumb-gallery .slick-slide {
    margin: 0 5px;
}

.main-gallery .slick-slide:after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); /* IE6-9 */
}

.main-gallery .slick-slide p {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #555352;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 3;
    text-align: center;
}

.thumb-gallery .slick-slide {
    position: relative;
}


.main-gallery .slick-prev,
.main-gallery .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 9;
}

.main-gallery .slick-prev {
    left: 20px;
}

.main-gallery .slick-prev:before,
.main-gallery .slick-next:before {
    font-size: 20px;
    font-family: "fontello";
    color: #FFF;
}

.main-gallery .slick-next {
    right: 20px;
}

.main-gallery .slick-prev:before {
    content: '\e803';
}

.main-gallery .slick-next:before {
    content: '\e804';
}

.title-page {
    padding: 90px 20px 60px;
    position: relative;
    text-align: center;
}

.title-page .line-menu {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 120px;
    height: 1px;
    margin-left: -60px;
}

.title-page p {
    font-size: 24px;
    font-weight: 700;
}

.title-page .rounded-btn {
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -18px;
}

.anchor-links {
    padding-top: 40px;
    position: relative;
}
.anchor-links li{
    position: relative;
}
.anchor-links li i {
    margin-right: 8px;
    font-size: 13px;
    transition: all 0.2s ease-out;
    position: absolute;
    left: 5px;
    top: 8px;
}

.anchor-links li a {
    padding: 8px 8px;
    font-size: 12px;
    display: block;
    transition: all 0.2s ease-out;
    padding-left: 40px;
}

.anchor-links li.ativo a,
.anchor-links li a:hover {
    background: #f3f3f3;
}



.banner-top .tag-promo {
    position: absolute;
    left: 15px;
    right: auto;
    top: 50px;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.menu-anchors {
    transition: all 0.2s ease-out;
}



.menu-anchors.fixed .title-page {
    padding-top: 40px;
}

.menu-anchors .dias{
    font-family: 'Oswald';
    font-size: 18px;
    margin-bottom: 20px;
}

.menu-anchors .experiencias{
    font-family: 'Inter', 'Source Sans Pro';
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.menu-anchors .quando .quando-titulo{
    font-family: 'Inter', 'Source Sans Pro';
    font-size: 12px;
    margin: 20px 0;
}

.menu-anchors .quando{
    font-family: 'Inter', 'Source Sans Pro';
    text-align: left;
    font-size: 12px;
}

.menu-anchors .quando div{
    float: left;
    width: 100%;
}

.menu-anchors .quando span{
    padding: 0 3px;
    text-align: center;
    margin: 0 0 10px 0;
    float: left;
}

.menu-anchors .quando span.check_mes{
    border-bottom: 2px solid #ad4327;
}

.menu-anchors .partir{
    text-align: left;
    float: left;
    width: 100%;
    font-size: 12px;
    margin: 20px 0 0 0;
}

.menu-anchors .valor{
    text-align: left;
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}

section.roteiro{
    margin-bottom: 80px;
}

.title-page.roteiro{
    padding-top: 50px;
    margin-bottom: 50px;
}
.title-page.roteiro:after{
    content: '';
    display: block;
    clear: both;
}

div.dia-roteiro{
    float: left;
}

section.roteiro span.dia-titulo {
    float: left;
    padding: 9px 40px;
    color: #a3610a;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 90%;
}

section.roteiro div.wyswyg{
    margin: 20px 0 0 80px;
    clear: left;
    padding-top: 30px;
}

section.roteiro div.wyswyg p{
    font-size: 14px;
    font-family: 'Inter', 'Source Sans Pro';
}

img.img-empresa {
    width: 100%;
}



.mg-top {
    margin-top: 40px;
}

.mg-top img {
    border-radius: 10px;
    margin: 0 auto;
    display:block;
}

.center {
    text-align: center;
}

div.comentario span {
    margin: 0 0 20px 0;
    float: left;
    position: relative;
}

div.comentario p {
    position: relative;
    clear: left;
    margin-bottom: 20px;
    font-size: 14px;
}

div.comentario .line-header {
    margin-bottom: 60px;
}

.form-control {
    padding: 1.375rem .75rem;
}

.list-produtos div {
    float: left;
}

.list-produtos div.col-md-3{
    min-height: 500px;
}



.date-post-open {
    position: relative;
    margin-top: -40px;
    z-index: 10;
    float: left;
    font-size: 14px;
}

a.load-blog {
    position: absolute;
    top: 40px;
    right: 15px;
    min-height: initial;
    padding: initial;
}

div.box-mapa{
    width: 100%;
    height: 250px;
    margin: 0 0 20px 0;
}

div.box-reserva {
    width: 100%;
    border: 1px solid #163D04;
    padding-bottom: 30px;
    font-family: 'Inter', 'Source Sans Pro';
    background: #FBF8F3;
}
div.box-reserva:after{
    content: '';
    display: block;
    clear: both;
}
div.box-reserva span.title-reserva {
    width: 100%;
    color: #FFF;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 18px;
}

div.box-reserva a.link-reserva{
    width: 80%;
    display: block;
    margin: 35px 10% 25px;
    padding: 15px 20px;
    text-align: center;
    position: relative;
    float: left;
    text-transform: uppercase;
}
div.box-reserva a.link-reserva:hover{
    transform: scale(1.05, 1.05);
}
div.box-reserva span.texto-reserva{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
}

div.box-reserva span.telefone-reserva{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    margin: 8px 0 10px 0;
}

section.home-experiencia{
    padding: 0 0 60px 0;
    margin: 50px 0 0 0;
}

section.home-experiencia.three-col a{
    padding: 100px 30px;
    background-size: cover;
}
section.home-experiencia.three-col a p{
    font-family: 'Inter', 'Source Sans Pro';
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.slick-slide img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/*
div.container{
    margin-bottom: 50px;
}*/