@charset "utf-8";

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* FONTES *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&display=swap');
/* 400 -> Regular  ;  400i -> Italic  ;  700 -> Bold ; 700i -> BoldItalic */

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
/* 300 -> Light ; 400 -> Regular  ;  500 -> Medium  ; 600 -> SemiBold  ;  700  -> Bold */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
/* 400 -> Regular  ;  700  -> Bold */


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* GERAL *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    font-family: 'Quicksand';
    background-color: #fff;
    letter-spacing: 0.1em;
    color: #b38661;
    margin:0;
    padding: 0;
}


/* ================== TIPOGRAFIA ================== */

/*** Títulos de Seção ***/

.main-title {
    font-weight: 700;
    font-size: 2.625em;
    text-transform: uppercase;
}

.main-sub {
    font-family: 'PT Serif';
    font-style: italic;
    font-size: 1.25em;
}

.bronze-title, .green-title, .white-title {
    text-align: center;
}

.bronze-title {
    color: #b38661;
}

.green-title {
    color: #14403c;
}

.white-title {
    color: #fff;
}

a, a:hover {
    text-decoration: none;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

a:hover {
    color: #fff;
}


/* ================== BOTÃO ================== */

.botao {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.1em;
    text-align: center;
    padding: 11px 35px 10px;
    margin: 10px auto;
    border: 3px solid #fff;
    background: transparent;
    position: relative;
    z-index: 50;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.white-btn { color: #fff; }
.white-btn:hover { background: #fff; color: #14403c; }

.bronze-btn { border-color: #b38661; color: #b38661; }
.bronze-btn:hover { background: #b38661; color: #fff; }

.green-btn { border-color: #14403c; color: #14403c; }
.green-btn:hover { background: #14403c; color: #fff; }

.mixed-btn { border-color: #b38661; color: #fff; }
.mixed-btn:hover { background: #b38661; }


/* ================== MISC ================== */

.mobile-only, .mobile-tablet, .desktop-hidden, .logo-mobile, .menu-mobile {
    display: none;
}

.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-just { text-align: justify; }

.posrel {
    position: relative;
}

.sec-space {
    padding: 60px 0 90px;
    position: relative;
    overflow: hidden;
}

.b-gray {
    border: 1px solid #ccc;
}

.load {
    width: 32px;
    height: 32px;
    margin: 0 5px 0 0;
    float: right;
    display: none;
    background: url(../img/load.gif) center center no-repeat;
}


/* ================== BACKGROUND-COLORS ================== */
body, header {
    background-color: #fff;
}
.header-texture {
    background: url(../img/header-texture.jpg) no-repeat center top;
}
.nav {
    background-color: transparent !important;
}
.tri-green, .blog-content, .post-title {
    background-image: linear-gradient(to bottom right, #14403c, #0c2725);
}
.tri-bronze {
    background-image: linear-gradient(to bottom right, #b38661, #7d5e44);
}
#home-servicos, #trabalhe, #contato {
    background: url(../img/arabesco-pattern-bronze.jpg);
}
#newsletter {
    background: url(../img/moreira-news.jpg);
}
.serv-pattern {
    background: url(../img/arabesco-pattern-lightbronze.jpg);
}
footer {
    background: url(../img/foo-pattern.jpg) center bottom;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/


/**************************************/
/***********     HEADER     ***********/
/**************************************/

.header {
    font-family: 'Montserrat';
    box-shadow: 5px 4px 10px rgba(0,0,0,0.2);
    position: fixed;
    z-index: 250;
    width: 100%;
    top: 0;
}

.header .header-line {
    height: 50px;
    color: #b38661;
    border-bottom: 1px solid #b38661;
    transition: all 0.3s ease-out;
}

.line-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 6px;
}

.line-text p {
    transition: all 0.3s ease-out;
}

.line-text p>strong, .line-text p>a strong {
    font-weight: 700;
    color: #b38661;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.line-text p>a {
    color: #b38661;
}

.line-text p>a:hover, .line-text p>a:hover strong  {
    color: #14403c;
}

.line-social a {
    color: #b38661;
    font-size: 1.5em;
    margin-left: 10px;
}

.line-social a:hover {
    color: #14403c;
}


/* ================== MENU ================== */


.header-texture {
    height: 155px;
    transition: all 0.2s linear;
}

.nav {
    padding: 20px 0;
    transition: all 0.2s linear;
}

a.logo-home img {
    width: 150px;
    transition: all 0.2s linear;
}

.nav-menu {
    display: flex;
}

.nav-menu .nav-item {
    font-size: 1rem;
    text-transform: uppercase;
    margin-left: 40px;
    padding: 0;
    color: #14403c;
    white-space: nowrap;
    position: relative;
    transition: all 0.2s linear;
}

.nav-menu .nav-item:after {
    transition: all 0.5s ease;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 30px;
    width: 0;
    height: 4px;
    background: #14403c;
}

.nav-menu .nav-item:hover {  
    color: #b38661;
}

.nav-menu .nav-item.is-active {
    font-weight: 700;
    color: #b38661;    
}

.nav-menu .nav-item:hover:after, .nav-menu .nav-item.is-active:after {
    left: 0;
    width: 100%;
}

.nav-item img {
    margin: 15px 0;
    transition: 0.3s all ease-out;
}

/* ================== AFTER SCROLL ================== */

.header.fixed .header-line {
    height: 0;
}

.header.fixed .header-texture {
    height: 112px;
}

.header.fixed .nav {
    padding: 0;
}

.header.fixed a.logo-home img {
    width: 130px;
    padding: 10px 0;
}

.nav-item img.fixed {
    margin: 0;
}


/****************************************/
/************     BANNER     ************/
/****************************************/

.banner, .banner-interna {
    margin-top: 205px;
    transition: all 0.2s linear;
}

.banner.fixed, .banner-interna.fixed {
    margin-top: 110px;
    transition: all 0.2s linear;
}

.container_slide {
    position: relative;
    margin-top: 0px;
}

#banner .cycle-slideshow li {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
}

#banner .cycle-slideshow .ban-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-position: center top;
    background-size: cover;
    transition: all 0s linear;
}

#banner .container_slide, #banner .cycle-slideshow li {
    height: 600px;
}

/* #banner .cycle-prev, #banner .cycle-next { position: absolute; top: 42%; width: 80px; height: 80px; background-color: rgba(0,0,0,0.5); background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 105; transition: all 0.4s cubic-bezier(.54,.18,.13,1); }

#banner .cycle-prev { background-image: url(../img/arr-prev-w.png); left: 0; }
#banner .cycle-next { background-image: url(../img/arr-next-w.png); right: 0; }

#banner .cycle-prev:hover, #banner .cycle-next:hover { background-color: rgba(0,0,0,0.75); }

#banner .cycle-pager { position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; z-index: 102; height: 5px; }
#banner .cycle-pager span { display: inline-block; margin: 0 20px; font-size: 0px; height: 5px; width: 60px; background: #fff; cursor: pointer; }
#banner .cycle-pager .cycle-pager-active{ background: #fb2f39; } */

.ban-info {
    margin-top: 210px;
    z-index: 30;
}

.ban-info h1, .ban-info h2, .ban-info p {
    color: #fff;
    font-weight: 700;
}

.ban-titulo {
    font-size: 3em;
}

.ban-subtitulo {
    font-size: 1.5em;
    padding: 0 50px;
}


/***********************************************************/
/************     SEGURANÇA E CREDIBILIDADE     ************/
/***********************************************************/

#seg-cred {
    padding: 100px 0;
}

.seg-logo-icon {
    text-align: center;
    position: absolute;
    width: 100%;
}

.seg-frase {
    margin-top: 280px;
    text-align: center;
}

.seg-frase h2 {
    font-family: 'PT Serif';
    font-style: italic;
    font-size: 1.6em;
    color: #b38661;
}

.seg-frase h2>strong {
    color: #14403c;
    font-weight: 400;
}

.seg-frase img {
    position: absolute;
    bottom: -165px;
}

.businesswoman {
    margin-top: 150px;
}

.businesswoman p {
    position: absolute;
    left: -200px;
    bottom: 20px;
    color: #14403c;
}

.businesswoman p>span {
    color: #b38661;
}

/* ================== LINHAS ================== */

.lines {
    height: 1px;
    background: #b38661;
    position: absolute;
}

.short-line {
    width: 283px;
}

.short-line.line-up {
    top: -60px;
    right: 135px;
}

.short-line.line-down {
    left: 0;
    bottom: -75px;
}

.long-line {
    width: 515px;
}

.long-line.line-up {
    bottom: 20px;
    right: 50px;
}

.long-line.line-down {
    bottom: 5px;
    right: 20px;
}

/* ================== PALAVRAS ================== */

.bg-word {
    font-family: 'PT Serif';
    font-style: italic;
    color: #b38661;
    opacity: 0.2;
    position: absolute;
    font-size: 7.5em;
}

.word-pos-1 { top: -160px; left: 0; }
.word-pos-2 { bottom: -150px; right: 0; }

.word_go { -webkit-animation: wordGo 15s infinite cubic-bezier(.54,.18,.13,1); -moz-animation: wordGo 15s infinite cubic-bezier(.54,.18,.13,1); -o-animation: wordGo 15s infinite cubic-bezier(.54,.18,.13,1); animation: wordGo 30s infinite cubic-bezier(.54,.18,.13,1); }

.word_back { -webkit-animation: wordBack 15s infinite cubic-bezier(.54,.18,.13,1); -moz-animation: wordBack 15s infinite cubic-bezier(.54,.18,.13,1); -o-animation: wordBack 15s infinite cubic-bezier(.54,.18,.13,1); animation: wordBack 30s infinite cubic-bezier(.54,.18,.13,1); }


/*********************************************/
/************     TRI-SECTION     ************/
/*********************************************/

#trisec {
    width: 100%;
}

.tri-flex {
    display: flex;
}

.tri-block {
    width: 100%;
    overflow: hidden;
}

.tri-block img {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -26.5px;
}

.tri-inside-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 70px 0;
}

.tri-block i {
    font-size: 7em;
    margin-right: 20px;
}

.tri-green i {
    color: #b38661;
}

.tri-bronze i {
    color: #14403c;
}

.tri-green .tri-info {
    max-width: 300px;
}

.tri-bronze .tri-info {
    max-width: 250px;
}

.tri-block .tri-info .numba {
    color: #fff;
    font-size: 2.625em;
    font-weight: 700;
}

.tri-info p {
    font-weight: 700;
}

.tri-green .tri-info p {
    color: #b38661;
}

.tri-bronze .tri-info p {
    color: #14403c;
}


/******************************************/
/************     SERVIÇOS     ************/
/******************************************/

.serv-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0;
}

.serv-item {
    position: relative;
    width: 25%;
    margin-bottom: 20px;
}

.serv-item .arabesco {
    text-align: center;
}

.serv-item .circle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 180px;
    height: 180px;
    top: 50%;
    transform: translateY(-52%);
    left: 50%;
    margin-left: -90px;
    text-align: center;
}

.serv-item .circle p {
    color: #b38661;
    font-weight: 700;
    font-size: 1.25em;
    position: relative;
    top: 50%;
    transform: translateY(-52%);
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.serv-item .circle p>span {
    color: #14403c;
}

.serv-item .circle:hover {
    background: #b38661;
}

.serv-item .circle:hover p, .serv-item .circle:hover p>span {
    color: #fff;
}

.serv-btn {
    text-align: center;
}


/************************************************************/
/************     NECESSIDADES DO CONDOMINIO     ************/
/************************************************************/

#home-necessidades, #localizacao {
    padding: 160px 0 120px;
}

.faixa-arabesco {
    background: url(../img/faixa-arabesco.png) repeat-x bottom;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 27px;
}

.nec-flex {
    display: flex;
}

.border-up, .border-down {
    position: absolute;
    width: 202px;
    height: 177px;
    z-index: 10;
}

.border-up {
    background: url(../img/border-up-arabesco.png);
    top: 15px;
    right: 30px;
}

.border-down {
    background: url(../img/border-down-arabesco.png);
    bottom: 0px;
    left: 0px;
}

.nec-block {
    width: 50%;
}

.nec-block h2, .local-title h2 {
    font-family: 'PT Serif';
    font-size: 6em;
    font-style: italic;
    color: rgba(179,134,97,0.2);
    line-height: 1em;
    letter-spacing: normal;
}

.nec-block h2>span {
    font-size: 46px;
    color: rgba(179,134,97,0.7);
    padding-left: 20px;
    margin-right: -10px;
}

.nec-block h2>strong, .local-title h2>strong {
    color: rgba(179,134,97,0.7);
    font-weight: 400;
}

.nec-topics {
    padding-left: 28%;
    margin-top: 70px;
}

.nec-topics li {
    font-family: 'PT Serif';
    font-style: italic;
    font-size: 1.875em;
    color: #14403c;
    position: relative;
    margin: 20px 0;
}

.nec-topics li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -75px;
    display: block;
    width: 38px;
    height: 38px;
    background: url(../img/dot-arabesco.png);
}

.nec-img {
    text-align: right;
}

.nec-img img {
    -webkit-box-shadow: -30px 30px 0px 0px rgba(248,244,240,1);
    -moz-box-shadow: -30px 30px 0px 0px rgba(248,244,240,1);
    box-shadow: -30px 30px 0px 0px rgba(248,244,240,1);
}


/********************************************/
/************     NEWSLETTER     ************/
/********************************************/

#newsletter {
    padding: 80px 0 80px;
}

.news-flex {
    display: flex;
    align-items: center;
}

.news-item-left {
    width: 40%;
}

.news-item-left p {
    font-weight: 700;
    font-size: 1.25em;
    color: #fff;
}

.news-item-right {
    width: 60%;
}

#form-news {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

input, textarea, select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #b38661;
    border-radius: 0px;
    color: #fff;
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 1.25em;
    height: 40px;
    width: 50%;
    box-shadow: none;
    margin: 10px 0;
  }

.form-btn {
    text-align: right;
    margin-right: 10px;
}

#form-news ::placeholder {
    color: #fff !important;
    font-family: 'Quicksand'!important;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: normal;
}

#form-news input:-webkit-autofill,
#form-news input:-webkit-autofill:hover, 
#form-news input:-webkit-autofill:focus, 
#form-news input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #14403c inset !important;
}

#form-news input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}

#form-news .msg {
    position: absolute;
    top: 60px;
    left: 30px;
}


/**************************************/
/************     BLOG     ************/
/**************************************/

#home-blog {
    padding-top: 120px;
}

.home-blog {
    margin-top: 110px;
}

.blog-img {
    position: absolute;
    top: -50px;
}

.blog-img a:hover img {
    filter: brightness(1.3);
}

.blog-img img {
    display: block;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.blog-border {
    position: absolute;
    bottom: -25px;
    right: -25px;
    width: 150px;
    height: 150px;
    border-right: 25px solid #b38661;
    border-bottom: 25px solid #b38661;
}

.blog-content {
    width: 50%;
    margin-left: auto;
    padding: 30px 40px;
    margin-top: 50px;
    -webkit-box-shadow: -20px 20px 0px 0px rgba(20,64,60,0.2);
    -moz-box-shadow: -20px 20px 0px 0px rgba(20,64,60,0.2);
    box-shadow: -20px 20px 0px 0px rgba(20,64,60,0.2);
}

.blog-title {
    font-weight: 700;
    color: #fff;
    font-size: 1.375em;
}

.blog-date {
    color: #ad967e;
    font-weight: 700;
    font-size: 0.75em;
    margin: 10px 0 15px;
}

.blog-resumo {
    font-family: 'PT Serif';
    color: #ad967e;
    font-size: 1rem;
}

.blog-mais-btn {
    text-align: right;
}

.blog-mais-btn .botao {
    padding: 8px 15px 10px;
    font-size: 0.9em;
    margin: 20px 0 0;
}

.blog-todas-btn {
    text-align: right;
    margin: 35px 200px 0 0;
}


/*******************************************/
/************     PARCEIROS     ************/
/*******************************************/

.temp-flex {
    display: flex;
    justify-content: space-around;
}

#parceiros .container-slide .cycle-prev, #parceiros .container-slide .cycle-next { position: absolute; top: 66%; width: 51.5px; height: 58px; background-size: cover; z-index: 200; cursor: pointer; opacity: 1; transition: all 0.2s linear; }

#parceiros .container-slide .cycle-prev:hover, #parceiros .container-slide .cycle-next:hover { transform: scale(1.5); }
#parceiros .container-slide .cycle-prev { background-image: url(../img/arr-prev.png); left: -120px; }
#parceiros .container-slide .cycle-next { background-image: url(../img/arr-next.png); right: -30px; }


/****************************************/
/************     FOOTER     ************/
/****************************************/

footer {
    border-top: 8px solid #b38661;
}

footer .container {
    padding: 120px 0 40px;
}

.foo-flex {
    display: flex;
}

.foo-block {
    width: 25%;
}

.foo-block:last-child {
    padding-left: 30px;
}

.foo-block p {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 700;
}

.foo-block span {
    color: #b38661;
    font-family: 'PT Serif';
    font-size: 0.85rem;
}

.foo-title {
    margin-bottom: 20px;
}

.foo-title p {
    font-size: 0.8rem;
}

.foo-title span {
    font-style: italic;
    font-size: 1rem;
}

.foo-text {
    margin-bottom: 15px;
}

.foo-text p a {
    text-transform: none;
    color: #fff;
}

.foo-text p a:hover {
    color: #b38661;
}

.foo-social a {
    color: #ab8952;
    margin-right: 15px;
}

.foo-social a:hover {
    color: #fff;
}

.foo-copy {
    margin-top: 40px;
}

.foo-copy p {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.7em;
    text-align: center;
}

/* ================== QUAX ASSINATURA ================== */

.quax-assinatura {
    font-family: 'Roboto Condensed';
    font-size: 12px;
    text-align: center;
    color: #FFF;
    border-bottom: 8px solid #b38661;
    background-color: transparent;
    position: relative;
    padding-top: 20px;
    z-index: 0;
  }

.quax-assinatura .logo-quax{
    width: 80px;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  
  .quax-assinatura .logo-quax img{
    width: 20px;
    position: absolute;
    bottom: 1px;
    left: 30px;
  }

.arrow-up {
    margin: 0 auto;
    width: 0; 
    height: 0; 
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #b38661;
  }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/* ================== GERAL ================== */

.banner-interna {
    background: url(../img/banner-moreira.jpg) no-repeat center top;
}

.banner-interna {
    height: 415px;
}

.banner-interna .ban-info {
    margin-top: 0;
    padding-top: 120px;
}


/* ================== PAGINAÇÃO ================== */

.pagination {
    padding: 0 30%;
}

span .paginate, span.inactive {
    width: 37.3px;
    height: 42px;
}

.anterior .paginate, .anterior.inactive {
    background: url(../img/arr-prev.png) no-repeat center top;
    background-size: cover;
}

.proxima .paginate, .proxima.inactive {
    background: url(../img/arr-next.png) no-repeat center top;
    background-size: cover;
}

span.inactive {
    opacity: 0.5;
    cursor: normal;
}

.pagination li {
    width: 42px;
    height: 42px;
    padding-top: 9px;
}

.pagination li.active {
    background: url(../img/pag-arabesco.png) no-repeat center top;
    background-size: cover;
}

.pagination li a {
    color: #565656;
}

.pagination li a:hover {
    color: #14403c;
}

.pagination li.active a {
    font-family: 'Gotham-Bold';
    color: #14403c;
}


/* ================== CTA Serviços ================== */



/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* EMPRESA *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/*******************************************/
/************     SOBRE NÓS     ************/
/*******************************************/

.gru-text {
    padding: 100px 50px 80px 80px;
}

.gru-text .border-up {
    top: 0;
    right: 0;
}

.gru-text p {
    color: #14403c;
    text-align: justify;
}

/*********************************************/
/************     MIS-VIS-VAL     ************/
/*********************************************/


#mvv .tri-info {
    max-width: 80%;
    text-align: center;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SERVIÇOS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

#servicos {
    padding-bottom: 0;
}

#servicos .serv-flex {
    align-items: center;
}

.serv-block {
    width: 50%;
}

.serv-block h2 {
    font-family: 'PT Serif';
    font-size: 3.5em;
    font-style: italic;
    color: rgba(179,134,97,0.2);
    line-height: 1em;
    letter-spacing: normal;
}

.serv-block h2>span {
    font-size: 1.3em;
    color: rgba(179,134,97,0.7);
    font-weight: 400;
}

.serv-white .serv-block h2>span {
    padding-left: 30px;
}

.serv-block p {
    margin: 20px 0;
}

.serv-block .first {
    margin-top: 70px;
}

.serv-pattern .serv-block p {
    text-align: right;
}

.serv-img {
    position: relative;
}

.serv-white .serv-img {
    text-align: right;
}

.circle-solto {
    position: absolute;
    top: 50%;
    left: 50%;
}

.serv-white .circle-solto {
    margin: -150px 0 0 -120px;
}

.serv-pattern .circle-solto {
    margin: -150px 0 0 -170px;
}

.serv-img img:not(.circle-solto) {
    -webkit-box-shadow: -30px 30px 0px 0px rgba(184,143,110,0.1);
    -moz-box-shadow: -30px 30px 0px 0px rgba(184,143,110,0.1);
    box-shadow: -30px 30px 0px 0px rgba(184,143,110,0.1);
}

.serv-pattern .serv-block h2 {
    text-align: right;
    margin-right: 30px;
}

.serv-pattern .serv-block h2>span {
    margin-right: -30px;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* BLOG *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

#blog {
    padding-top: 120px;
}

.blog-card {
    margin-bottom: 100px;
}

.blog-shadow {
    position: absolute;
    bottom: -20px;
    background: #b38661;
    height: 50px;
    width: 650px;
    margin-left: 20px;
}

#blog .blog-img {
    width: 690px;
    position: relative;
    top: 0;
}

#blog .blog-content {
    width: 690px;
    padding: 30px 40px;
    margin: 0;
    box-shadow: none;
}

.blog-aside {
    width: 100%;
}

.blog-search {
    background: #f8f4f2;
    padding: 15px;
    margin-bottom: 40px;
    border-bottom: 4px solid #b38661;
}

#busca {
    background-color: #f8f4f2;
    padding: 15px 20px 10px;
    width: 75%;
    color: #b38661;
    border: none;
    font-size: 1.2em;
    outline:none;
}

#bt_busca {
    width: 25%;
    float: right;
    padding: 0 20px 5px 0;
    background: #f8f4f2;
    color: #c6c3c2;
    border: 0;
    outline:none;
}

#bt_busca i {
    font-size: 2.5em;
}

#blog ::placeholder, #post ::placeholder {
    color: #c6c3c2 !important;
    text-transform: none;
    font-size: 1.25em;
    font-family: 'PT Serif' !important;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.blog-categorias {
    background: #f8f4f2;
    border: 1px solid #e6e5e5;
    border-bottom: 4px solid #b38661;
    padding: 30px;
}

.blog-categorias .cat-title {
    color: #b38661;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5em;
    letter-spacing: 0.1em;
}

.super-hr {
    border-top: 1px solid #000;
    width: 30%;
    margin: 20px auto;
}

.blog-categorias-list {
    padding: 20px;
}

.blog-categorias-list hr {
    margin: 15px 0;
    border-top: 1px solid #e6e5e5;
}

.list-categorias {
    font-weight: 700;
    color: #545454;
    font-size: 1em;
}

.list-categorias:hover {
    color: #14403c;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* POST *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

#post {
    padding-top: 120px;
}

.post-container {
    width: 90%;
}

.post-title {
    padding: 30px 40px 50px;
}

.post-title .blog-title {
    font-size: 1.5em;
    text-transform: uppercase;
}

.post-title .blog-resumo {
    color: #b38661;
    font-size: 1em;
}

.post-img {
    margin-bottom: 25px;
}

.border-up {
    top: 5px;
    right: 25px;
}

.post-img .border-down {
    bottom: 10px;
    left: 25px;
}

.post-gallery {
    display: flex;
    flex-wrap: wrap;
}

.post-gal-img {
    width: 24%;
    margin-right: 1%;
}

.post-gal-img img {
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.post-gal-img a:hover img {
    filter: brightness(1.3);
}

.post-arabesco {
    text-align: center;
    margin: 50px 0;
}

.share-back {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* TRABALHE CONOSCO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/**************************************/
/************     FORM     ************/
/**************************************/

#trabalhe .form-container {
    width: 75%;
}

#form-trabalho .is-medium.textarea {
    height: 260px;
}

.fileUpload, .file-cta {
    position: absolute;
    top: 10px;
    right: 0;
    overflow: hidden;
    font-size: 1.5em;
    padding: 8px 20px;
    background-color: transparent;
    border-left: 1px solid #14403c;
    cursor: pointer;
    height: 50px;
    color: #14403c;
    z-index: 10;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.fileUpload:hover {
    background-color: #14403c;
    color: #fff;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
}

#form-trabalho .arabesco-wall {
    top: 35px; 
}


/********************************************/
/************     LOCALIZAÇÃO    ************/
/********************************************/

.local-title h2>strong {
    padding-left: 30px;
}

.local-text {
    opacity: 0;
}

.local-text p {
    font-size: 1.5em;
    font-weight: 300;
    padding: 70px 30px 30px 30px;
    color: #14403c;
}

.local-text.active {
    opacity: 1;
}

.local-arabesco {
    position: absolute;
    bottom: -50px;
    left: 140px;
}

.local-map {
    opacity: 0;
    width: 960px;
    height: 465px;
}

.local-map.active {
    opacity: 1;
}

.local-map {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: -30px 30px 0px 0px rgba(184,143,110,0.1);
    -moz-box-shadow: -30px 30px 0px 0px rgba(184,143,110,0.1);
    box-shadow: -30px 30px 0px 0px rgba(184,143,110,0.1);
}

.local-btn {
    margin-left: 30px;
}

.local-btn .botao.active {
    background: #b38661;
    color: #fff;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

/**************************************/
/************     FORM     ************/
/**************************************/

.form-container {
    margin: 60px auto 40px;
    width: 65%;
}

.arabesco-wall {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -8px;
}

.form-container .column.is-6 {
    width: 48%;
    margin: 0 1%;
}

.input, .textarea, .input[disabled] {
    background: #fff;
    border: 1px solid #14403c !important;
    border-radius: 0;
    color: #14403c;
    box-shadow: none;
    height: 50px;
}

.input.is-medium {
    height: 50px;
}

.is-medium.textarea {
    height: 190px;
}

#form-contato ::placeholder, #form-trabalho ::placeholder {
    color: #14403c !important;
    font-family: 'Montserrat'!important;
    font-size: 1em;
    letter-spacing: normal;
}

.success {
    border: 1px solid #0dc13a;
    border-radius: 10px;
    padding: 10px;
    background-color: #eefff1;
    color: #0dc13a;
    margin-top: 15px;
}

.error {
    border: 1px solid #ac0505;
    border-radius: 10px;
    padding: 10px;
    background-color: #f9e0e0;
    color: #ac0505;
    margin-top: 15px;
}


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* MEDIA QUERY *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/


/*******************************************************/
/********************* NOTEBOOK ************************/
/*******************************************************/

@media only screen and (min-width: 1280px) and (max-width: 1400px) {

    body { overflow: hidden; }

    .container { max-width: 1120px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

    header .container { max-width: 1120px; }

    a.nav-item { font-size: 1.4em; }


  /********* Banner **********/

    #banner .container_slide, #banner .cycle-slideshow li { height: 550px; }

    .ban-titulo { font-size: 2.5em; }


  /********* Segurança e Credibilidade **********/

    .seg-frase h2 { font-size: 1.5em; }

    .businesswoman { margin-top: 200px; }

    .short-line.line-up { right: -0px; }

    .short-line.line-down { left: -50px; }


  /********* Tri-Section **********/
    
    .tri-bronze .tri-info { max-width: 200px; }

    .tri-green .tri-info { max-width: 250px; }

    .tri-block i { font-size: 4.5em; }


  /********* Serviços **********/

    .serv-flex { margin-bottom: 40px; }

    .arabesco img { width: 230px; }

    .serv-item .circle p { font-size: 1em; }

    .serv-item .circle { width: 150px; height: 150px; margin-left: -75px; }


  /********* Necessidades **********/

    #home-necessidades, #localizacao { padding: 120px 0; }

    .nec-block h2, .local-title h2 { font-size: 5.5em; }

    .nec-img img { width: 450px; box-shadow: -25px 25px 0px 0px rgba(248,244,240,1); }

    .nec-topics { margin-top: 50px; }

    .nec-topics li { font-size: 1.5em; }

    .nec-topics li:before { left: -55px; width: 30px; height: 30px; background-size: cover; }


  /********* Newsletter **********/

    .news-item-left p { font-size: 1em; }


  /********* Blog **********/

    #home-blog { padding-top: 80px; }

    .blog-todas-btn { margin-right: 0; }


  /********* Parceiros **********/

    #parceiros .container { max-width: 1020px; }

    #parceiros .container-slide { margin-left: 30px; }

    #parceiros .container-slide .cycle-prev { left: -75px; }
    #parceiros .container-slide .cycle-next { right: -75px; }


  /********* Footer **********/

    .foo-block:nth-child(3) { padding-left: 30px; }

    .foo-block:last-child { padding-left: 80px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .banner-interna { height: 315px; }

    .banner-interna .ban-info { padding-top: 80px; }

    .banner-interna .ban-titulo { font-size: 2.5em; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SERVIÇOS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .serv-img img:not(.circle-solto) { box-shadow: -25px 25px 0px 0px rgba(184,143,110,0.1); width: 450px; }

    .serv-white .circle-solto { margin-left: -90px; }

    .serv-pattern .circle-solto { margin-left: -190px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .local-map { width: 630px; }
    
}


/***************************************************************/
/********************* TABLET LANDSCAPE ************************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {

    body { overflow: hidden; }

    .desktop-only, .logo-mobile, .mobile-only, .tablet-hidden, .mobile-tablet { display: none !important; }

    .container { max-width: 960px; }

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

    .header-texture { height: 135px; }

    a.logo-home img { width: 130px; }

    .nav-menu .nav-item { margin-left: 25px; }


  /********* Banner **********/

    .banner, .banner-interna { margin-top: 185px; }

    #banner .container_slide, #banner .cycle-slideshow li { height: 500px; }

    .ban-info { margin-top: 180px; }

    .ban-titulo { font-size: 2.5em; }


  /********* Segurança e Credibilidade **********/

    .seg-frase h2 { font-size: 1.25em; }

    .bg-word { font-size: 6.875em; }

    .businesswoman { margin-top: 240px; }

    .short-line.line-up { right: -0px; }

    .short-line.line-down { left: -50px; }


  /********* Tri-Section **********/
    
    .tri-bronze .tri-info { max-width: 120px; }

    .tri-green .tri-info { max-width: 160px; }

    .tri-block i { font-size: 4.5em; }


  /********* Serviços **********/

    .serv-flex { margin-bottom: 40px; }

    .arabesco img { width: 230px; }

    .serv-item .circle p { font-size: 1em; }

    .serv-item .circle { width: 150px; height: 150px; margin-left: -75px; }


  /********* Necessidades **********/

    #home-necessidades, #localizacao { padding: 120px 0; }

    .nec-block h2, .local-title h2 { font-size: 4.5em; }

    .nec-img img { width: 450px; box-shadow: -25px 25px 0px 0px rgba(248,244,240,1); }

    .nec-topics { margin-top: 50px; }

    .nec-topics li { font-size: 1.5em; }

    .nec-topics li:before { left: -55px; width: 30px; height: 30px; background-size: cover; }


  /********* Newsletter **********/

    .news-item-left p { font-size: 1em; }


  /********* Blog **********/

    #home-blog { padding-top: 80px; }

    .blog-todas-btn { margin-right: 0; }


  /********* Parceiros **********/

    #parceiros .container { max-width: 1020px; }

    #parceiros .container-slide { margin-left: 30px; }

    #parceiros .container-slide .cycle-prev, #parceiros .container-slide .cycle-next { top: 90%; }
    #parceiros .container-slide .cycle-prev { left: 40%; }
    #parceiros .container-slide .cycle-next { right: 40%; }

    #parceiros .container-slide .cycle-prev:hover, #parceiros .container-slide .cycle-next:hover { transform: scale(1); }


  /********* Footer **********/

    .foo-block:nth-child(3) { padding-left: 30px; }

    .foo-block:last-child { padding-left: 80px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .banner-interna { height: 315px; }

    .banner-interna .ban-info { padding-top: 80px; }

    .banner-interna .ban-titulo { font-size: 2.5em; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SERVIÇOS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #servicos.sec-space { padding-top: 40px; }

    #servicos .sec-space { padding: 40px 0 70px; }

    .serv-img img:not(.circle-solto) { box-shadow: -25px 25px 0px 0px rgba(184,143,110,0.1); width: 420px; }

    .serv-white .circle-solto { margin-left: -110px; }

    .serv-pattern .circle-solto { margin-left: -170px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* BLOG & POST *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #blog .blog-img { width: 100%; }

    #blog .blog-content { width: 100%; }

    .blog-shadow { width: 92%; margin-left: 4%; }

    .blog-aside { width: 90%; margin-left: 5%; }

    .blog-categorias { padding: 30px 20px; }


    .post-container { width: 100%; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .local-text p { font-size: 1.25em; padding: 50px 30px 10px 50px; }

    .local-map { width: 510px; height: 360px; }

}


/***************************************************************/
/*********************** TABLET PORTRAIT ***********************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){

    body { overflow-x: hidden; min-height: 1410px; }
  
    .desktop-only, .tablet-hidden, .mobile-hidden { display: none !important; }
  
    .mobile-tablet, .desktop-hidden { display: block !important; }

    .container { padding: 0 5%; }

    .main-title { font-size: 2.5em; padding-left: 50px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

    .nav-toggle { display: block; }

    .nav-menu { display: none; width: 100vw; height: 100vh; padding: 190px; box-shadow: none; left: 0; top: 0; position: fixed; background: url(../img/foo-pattern.jpg); }

    .nav-menu .nav-item { font-size: 2.5em; text-align: center; display: block; width: 100%; color: #fff; text-transform: none; margin: 40px 0; font-family: 'PT Serif'; border-top: 0; }

    .nav-menu .nav-item:after { display: none; }

    .nav-toggle span { background-color: #14403c; height: 4px; margin-left: -30px; top: 100%; width: 50px; }

    .nav-toggle span:nth-child(2) { margin-top: 4px; }
    .nav-toggle span:nth-child(3) { margin-top: 14px; }

    .is-active.nav-toggle span:nth-child(1) { margin-top: -19px; }
    .is-active.nav-toggle span:nth-child(1), .is-active.nav-toggle span:nth-child(3) { background-color: #b38661; z-index: 500; position: fixed; top: 50px; right: 20px; left: auto; }

    .menu-logo-mob { position: fixed; top: 20px; left: 30px; width: 120px; }


  /********* Banner **********/

    .banner, .banner-interna { margin-top: 185px; }

    #banner .container_slide, #banner .cycle-slideshow li { height: 500px; }

    .ban-info { margin-top: 150px; }

    .ban-titulo { font-size: 2.5em; }


  /********* Segurança e Credibilidade **********/

    #seg-cred { padding: 100px 0 275px; }

    .seg-logo-icon { width: 90%; }

    .seg-frase h2 { font-size: 1.875em; }

    .bg-word { font-size: 6.875em; }

    .short-line.line-up { right: -50px; }

    .short-line.line-down { left: -50px; }

    .seg-frase img { bottom: -185px; margin-left: -38px; }


  /********* Tri-Section **********/
 
    .tri-inside-flex { flex-wrap: wrap; }

    .tri-bronze .tri-info, .tri-green .tri-info { max-width: 180px; text-align: center; }

    .tri-block i { font-size: 4.5em; margin: 10px 20px 20px; }


  /********* Serviços **********/

    .main-title { padding-left: 0; }

    .serv-flex { margin-bottom: 40px; }

    .serv-item { width: 50%; }


  /********* Necessidades **********/

    #home-necessidades, #localizacao { padding: 120px 0; }

    .nec-block { width: 100%; }
    
    .nec-block h2, .local-title h2 { font-size: 4.5em; padding: 80px 110px 0 110px; text-align: center; }

    .nec-block h2>span { padding-left: 0; margin-right: 0; }

    .nec-topics { padding-left: 30%; margin: 50px 0 100px; }

    .nec-topics li { font-size: 1.5em; }

    .nec-topics li:before { left: -55px; width: 30px; height: 30px; background-size: cover; }


  /********* Newsletter **********/

    #newsletter { background-size: cover; padding: 60px 0 60px; }

    .news-flex { flex-wrap: wrap; }

    .news-item-left { width: 100%; text-align: center; padding: 0 100px; }

    .news-item-left p { font-size: 1em; }

    .news-item-right { width: 100%; margin-top: 30px; }


  /********* Blog **********/

    #home-blog { padding-top: 80px; }

    .home-blog { margin-top: 50px; }

    .blog-img { position: relative; top: 0; }

    .blog-border { display: none; }

    .blog-content { width: 100%; margin-top: 0; box-shadow: none; }

    .blog-todas-btn { text-align: center; margin: 30px 0 0; }


  /********* Parceiros **********/

    #parceiros .container { max-width: 1020px; }

    #parceiros .container-slide { margin-left: 30px; }

    #parceiros .container-slide .cycle-prev, #parceiros .container-slide .cycle-next { top: 90%; }
    #parceiros .container-slide .cycle-prev { left: 40%; }
    #parceiros .container-slide .cycle-next { right: 40%; }

    #parceiros .container-slide .cycle-prev:hover, #parceiros .container-slide .cycle-next:hover { transform: scale(1); }


  /********* Footer **********/

    footer .container { padding: 80px 0 40px; }

    .foo-flex { flex-wrap: wrap; }

    .foo-block { width: 100%; margin-bottom: 50px; text-align: center; padding-left: 0 !important; }

    .foo-block:nth-child(2) { display: flex; justify-content: center; align-items: center; }

    .foo-block:nth-child(2) .foo-title { text-align: left; margin-right: 50px; }

    .foo-block:nth-child(3) { margin-bottom: 30px; }

    .foo-block:last-child { margin-bottom: 0; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .banner-interna { height: 315px; }

    .banner-interna .ban-info { padding-top: 80px; }

    .banner-interna .ban-titulo { font-size: 2.5em; }

    #mvv .tri-flex { flex-wrap: wrap; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SERVIÇOS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #servicos.sec-space { padding-top: 40px; }

    #servicos .sec-space { padding: 40px 0 70px; }

    .serv-block { width: 100%; }

    .serv-block h2 { text-align: center; }

    .serv-white .serv-block h2>span { padding-left: 0; }

    .serv-pattern .serv-block h2 { text-align: center; margin-right: 0; }

    .serv-pattern .serv-block h2>span { margin-right: 0; }

    .serv-img { text-align: center !important; position: relative; }

    .square { position: absolute; width: 300px; height: 300px; background: rgba(184,143,110,0.1); left: 50%; margin-left: -175px; top: 50%; margin-top: -105px; }

    .square-img { width: 300px; clip-path: polygon(0% 0%, 100% 0%, 100% 84%, 0% 84%); margin: 50px 0 -50px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* BLOG & POST *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #blog .blog-img { width: 100%; }

    #blog .blog-content { width: 100%; }

    .blog-shadow { width: 92%; margin-left: 4%; }

    .blog-aside { width: 90%; margin-left: 5%; }

    .blog-categorias { padding: 30px 20px; }

    .blog-categorias li { text-align: center; }

    .post-container { width: 100%; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* TRABALHE & CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #trabalhe .form-container, .form-container { width: 100%; }

    .form-btn { text-align: center; margin-right: 0; }

    .local-title h2 { padding-top: 0px; }

    .local-text { margin-bottom: 50px; text-align: center; }

    .local-arabesco { left: 50%; margin-left: -38px; }

    .local-text p { font-size: 1.25em; padding: 50px 30px 10px 50px; }

    .local-map { width: 100%; height: 360px; }
        
  }
  
  
  
  /***************************************************************/
  /************************* SMARTPHONE **************************/
  /***************************************************************/
  
  @media only screen and (max-width: 767px) {
  
    body{ overflow-x: hidden; min-height: 1400px; }

    p { font-size: 1rem; }

    .desktop-only, .mobile-hidden, .mobile-total-hide { display: none !important; }

    .mobile-only, .mobile-tablet, .desktop-hidden { display: block !important; }

    .container { padding: 0 8%; }

    .main-title { font-size: 2em; padding-left: 0px; }

    .waypoint { opacity: 1 !important; }

    .border-up, .border-down { display: none; }
  
  
/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

  /********* Header **********/

    .line-flex { justify-content: center; padding-top: 14px; }

    .header-texture { height: 135px; }

    a.logo-home img { width: 130px; }

    .nav-toggle { display: block; margin-top: -10px; transition: all 0.2s linear; }

    header.fixed .nav-toggle { margin-top: 0px; }

    .nav-menu { display: none; width: 100vw; height: 100vh; padding: 120px 0 80px; box-shadow: none; left: 0; top: 0; position: fixed; background: url(../img/foo-pattern.jpg); }

    .nav-menu .nav-item { font-size: 1.6em; text-align: center; display: block; width: 100%; color: #fff; text-transform: none; margin: 30px 0; font-family: 'PT Serif'; border-top: 0; }

    .nav-menu .nav-item:after { display: none; }

    .nav-toggle span { background-color: #14403c; height: 4px; margin-left: -30px; top: 100%; width: 50px; }

    .nav-toggle span:nth-child(2) { margin-top: 4px; }
    .nav-toggle span:nth-child(3) { margin-top: 14px; }

    .is-active.nav-toggle span:nth-child(1) { margin-top: -19px; }
    .is-active.nav-toggle span:nth-child(1), .is-active.nav-toggle span:nth-child(3) { background-color: #b38661; z-index: 500; position: fixed; top: 50px; right: 20px; left: auto; }

    .menu-logo-mob { position: fixed; top: 20px; left: 30px; width: 120px; }

    .line-social { margin-top: 50px; }

    .line-social a { font-size: 1.8em; margin: 0 10px; }


  /********* Banner **********/

    .banner, .banner-interna { margin-top: 185px; }

    #banner .container_slide, #banner .cycle-slideshow li { height: 500px; }

    .ban-info { margin-top: 130px; }

    .ban-titulo { font-size: 2em; }

    .ban-subtitulo { font-size: 1.3em; padding: 0 50px; margin-top: 10px; }


  /********* Segurança e Credibilidade **********/

    #seg-cred { padding: 100px 0 175px; }

    .seg-logo-icon { width: 85%; }

    .seg-frase { margin-top: 180px; }

    .seg-frase h2 { font-size: 1.4em; }

    .bg-word { display: none; }

    .short-line.line-up { width: 100%; top: -40px; right: 0; }

    .short-line.line-down { width: 100%; bottom: -45px; left: 0; }

    .seg-frase img { bottom: -105px; margin-left: -38px; }


  /********* Tri-Section **********/

    .tri-flex, .tri-inside-flex { flex-wrap: wrap; }

    .tri-bronze .tri-info, .tri-green .tri-info { max-width: 180px; text-align: center; }

    .tri-block i { font-size: 4.5em; margin: 10px 20px 20px; }


  /********* Serviços **********/

    .main-title { padding-left: 0; }

    .serv-flex { margin-bottom: 40px; }

    .serv-item { width: 100%; }


  /********* Necessidades **********/

    #home-necessidades, #localizacao { padding: 80px 0; }

    .nec-block { width: 100%; }
    
    .nec-block h2, .local-title h2 { font-size: 3em; padding: 0; text-align: center; }

    .nec-block h2>span { padding-left: 0; margin-right: 0; }

    .nec-topics { padding-left: 30%; margin: 50px 0 0; }

    .nec-topics li { font-size: 1.5em; }

    .nec-topics li:before { left: -55px; width: 30px; height: 30px; background-size: cover; }


  /********* Newsletter **********/

    #newsletter { background-size: cover; padding: 60px 0 60px; }

    .news-flex { flex-wrap: wrap; }

    .news-item-left { width: 100%; text-align: center; padding: 0; }

    .news-item-left p { font-size: 1em; }

    .news-item-right { width: 100%; margin-top: 30px; }

    #form-news { display: block; }

    #form-news input { width: 100%; }


  /********* Blog **********/

    #home-blog { padding-top: 80px; }

    .home-blog { margin-top: 50px; }

    .blog-img { position: relative; top: 0; }

    .blog-border { display: none; }

    .blog-content { width: 100%; margin-top: 0; box-shadow: none; }

    .blog-todas-btn { text-align: center; margin: 30px 0 0; }


  /********* Parceiros **********/

    .temp-flex { flex-wrap: wrap; }

    #parceiros .container { max-width: 1020px; }

    #parceiros .container-slide { margin-left: 70px; }

    #parceiros .container-slide .cycle-prev, #parceiros .container-slide .cycle-next { top: 90%; }
    #parceiros .container-slide .cycle-prev { left: 30%; }
    #parceiros .container-slide .cycle-next { right: 30%; }

    #parceiros .container-slide .cycle-prev:hover, #parceiros .container-slide .cycle-next:hover { transform: scale(1); }


  /********* Footer **********/

    footer .container { padding: 80px 0 40px; }

    .foo-flex { flex-wrap: wrap; }

    .foo-block { width: 100%; margin-bottom: 50px; text-align: center; padding-left: 0 !important; }

    .foo-block:nth-child(3) { margin-bottom: 30px; }

    .foo-block:last-child { margin-bottom: 0; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .banner-interna { height: 315px; }

    .banner-interna .ban-info { padding-top: 80px; }

    .banner-interna .ban-titulo { font-size: 2em; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* O GRUPO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    .gru-text { padding: 0; }

    #mvv .tri-flex { flex-wrap: wrap; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SERVIÇOS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #servicos.sec-space { padding-top: 40px; }

    #servicos .sec-space { padding: 40px 0 70px; }

    #servicos .serv-flex { margin-top: 20px; }

    .serv-block { width: 100%; }

    .serv-block h2 { font-size: 2.5em; text-align: center; }

    .serv-white .serv-block h2>span { padding-left: 0; }

    .serv-pattern .serv-block h2 { text-align: center; margin-right: 0; }

    .serv-pattern .serv-block h2>span { margin-right: 0; }

    .serv-img { text-align: center !important; position: relative; }

    .square { position: absolute; width: 220px; height: 220px; background: rgba(184,143,110,0.1); left: 50%; margin-left: -130px; top: 50%; margin-top: -62px; }

    .square-img { width: 220px; clip-path: polygon(0% 0%, 100% 0%, 100% 84%, 0% 84%); margin: 50px 0 -50px; }

    .serv-block p { text-align: center !important; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* BLOG & POST *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #blog .blog-img { width: 100%; }

    #blog .blog-content { width: 100%; }

    .blog-shadow { width: 92%; margin-left: 4%; }

    .blog-aside { width: 90%; margin-left: 5%; }

    .blog-categorias { padding: 30px 20px; }

    .blog-categorias li { text-align: center; }

    .post-container { width: 100%; }

    .post-gal-img { width: 32%; }

    .share-back { flex-wrap: wrap; justify-content: center; }

    .share-div { text-align: center; margin-bottom: 25px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* TRABALHE & CONTATO *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/

    #trabalhe .form-container, .form-container { width: 100%; }

    .form-container .column.is-6 { width: 100%; margin: 0; }

    .arabesco-wall { top: 115px; transform: rotate(90deg); }

    #form-trabalho .arabesco-wall { top: 185px; }

    .form-btn { text-align: center; margin-right: 0; }

    .local-title h2 { padding-top: 0px; }

    .local-title h2>strong { padding-left: 0; }

    .local-text { margin-bottom: 50px; text-align: center; }

    .local-arabesco { left: 50%; margin-left: -38px; bottom: -25px; }

    .local-text p { font-size: 1.2em; padding: 50px 0 25px; }

    .local-map { width: 120%; height: 300px; margin-left: -10%; box-shadow: none; }

  }


/*------------------------------------------------*/
/*------------------[ANIMATIONS]-----------------*/
/*------------------------------------------------*/

.waypoint{ opacity: 0; }

.animation_bottom.animated {
  opacity: 1;
  -webkit-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeBottom 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_left.animated {
  opacity: 1;
  -webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeLeft 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_right.animated {
  opacity: 1;
  -webkit-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeRight 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_top.animated {
  opacity: 1;
  -webkit-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
  animation: fadeTop 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_scale.animated {
    opacity: 1;
    -webkit-animation: scaleNormal 1.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scaleNormal 1.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: scaleNormal 1.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleNormal 1.5s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_slowScale.animated {
    opacity: 1;
    -webkit-animation: scaleNormal 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scaleNormal 2s 1 cubic-bezier(0.77,0,.175,1); -o-animation: scaleNormal 2s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleNormal 2s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_before.animated {
    opacity: 1;
    -webkit-animation: fadeBefore 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeBefore 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeBefore 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeBefore 1s 1 cubic-bezier(0.77,0,.175,1);
}

.animation_after.animated {
    opacity: 1;
    -webkit-animation: fadeAfter 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeAfter 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeAfter 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeAfter 1s 1 cubic-bezier(0.77,0,.175,1);
}

  /* Delay Animations */

  .animation_scale_d1.animated {
    opacity: 1;
    -webkit-animation: scaleDelay-1 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scaleDelay-1 2s 1 cubic-bezier(0.77,0,.175,1); -o-animation: scaleDelay-1 2s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleDelay-1 2s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_scale_d2.animated {
    opacity: 1;
    -webkit-animation: scaleDelay-2 2.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scaleDelay-2 2.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: scaleDelay-2 2.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleDelay-2 2.5s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_scale_d3.animated {
    opacity: 1;
    -webkit-animation: scaleDelay-3 3s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scaleDelay-3 3s 1 cubic-bezier(0.77,0,.175,1); -o-animation: scaleDelay-3 3s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleDelay-3 3s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_scale_d4.animated {
    opacity: 1;
    -webkit-animation: scaleDelay-4 3.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: scaleDelay-3 3.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: scaleDelay-3 3.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleDelay-4 3.5s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_bottom_d1.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-B1 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-B1 2s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-B1 2s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-B1 2s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_bottom_d2.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-B2 2.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-B2 2.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-B2 2.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-B2 2.5s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_top_d1.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-T1 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-T1 2s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-T1 2s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-T1 2s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_top_d2.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-T2 2.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-T2 2.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-T2 2.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-T2 2.5s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_left_d1.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-L1 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-L1 2s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-L1 2s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-L1 2s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_left_d2.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-L2 2.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-L2 2.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-L2 2.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-L2 2.5s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_right_d1.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-R1 2s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-R1 2s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-R1 2s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-R1 2s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_right_d2.animated {
    opacity: 1;
    -webkit-animation: fadeDelay-R2 2.5s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeDelay-R2 2.5s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeDelay-R2 2.5s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeDelay-R2 2.5s 1 cubic-bezier(0.77,0,.175,1);
  }


/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes fadeBottom { 0% { opacity: 0; -webkit-transform: translateY(10%);} 100% { opacity: 1; -webkit-transform: translateY(0);} }
@-moz-keyframes fadeBottom { 0% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeBottom { 0% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } }

@-webkit-keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeLeft { 0% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeLeft { 0% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeRight { 0% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeRight { 0% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeRight { 0% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeTop { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeTop { 0% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeTop { 0% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes scaleNormal { 0% { opacity: 0; -webkit-transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); } }
@-moz-keyframes scaleNormal { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes scaleNormal { 0% { opacity: 0; -o-transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes scaleNormal { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } }

/* Banner Animations */

@-webkit-keyframes fadeInfo { 0% { opacity: 0; -webkit-transform: translateY(-15%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInfo { 0% { opacity: 0; -moz-transform: translateY(-15%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeInfo { 0% { opacity: 0; -o-transform: translateY(-15%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeInfo { 0% { opacity: 0; transform: translateY(-15%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeBefore { 0% { opacity: 0; -webkit-transform: translate(-40%, -40%); } 100% { opacity: 1; -webkit-transform: translate(0,0); } }
@-moz-keyframes fadeBefore { 0% { opacity: 0; -moz-transform: translate(-40%, -40%); } 100% { opacity: 1; -moz-transform: translate(0,0); } }
@-o-keyframes fadeBefore { 0% { opacity: 0; -o-transform: translate(-40%, -40%); } 100% { opacity: 1; -o-transform: translate(0,0); } }
@keyframes fadeBefore { 0% { opacity: 0; transform: translate(-40%, -40%); } 100% { opacity: 1; transform: translate(0,0); } }

@-webkit-keyframes fadeAfter { 0% { opacity: 0; -webkit-transform: translate(40%, 40%); } 100% { opacity: 1; -webkit-transform: translate(0,0); } }
@-moz-keyframes fadeAfter { 0% { opacity: 0; -moz-transform: translate(40%, 40%); } 100% { opacity: 1; -moz-transform: translate(0,0); } }
@-o-keyframes fadeAfter { 0% { opacity: 0; -o-transform: translate(40%, 40%); } 100% { opacity: 1; -o-transform: translate(0,0); } }
@keyframes fadeAfter { 0% { opacity: 0; transform: translate(40%, 40%); } 100% { opacity: 1; transform: translate(0,0); } }

@keyframes horiWidth { 0% { width: 0; } 100% { width: 100%; } }

/* Word Animations */
@-webkit-keyframes wordGo { 0% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(10%); } 100% { -webkit-transform: translateX(0); } }
@-moz-keyframes wordGo { 0% { -moz-transform: translateX(0); } 50% { -moz-transform: translateX(10%); } 100% { -moz-transform: translateX(0); } }
@-o-keyframes wordGo { 0% { -o-transform: translateX(0); } 50% { -o-transform: translateX(10%); } 100% { -o-transform: translateX(0); } }
@keyframes wordGo { 0% { transform: translateX(0); } 50% { transform: translateX(10%); } 100% { transform: translateX(0); } }

@-webkit-keyframes wordBack { 0% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(-10%); } 100% { -webkit-transform: translateX(0); } }
@-moz-keyframes wordBack { 0% { -moz-transform: translateX(0); } 50% { -moz-transform: translateX(-10%); } 100% { -moz-transform: translateX(0); } }
@-o-keyframes wordBack { 0% { -o-transform: translateX(0); } 50% { -o-transform: translateX(-10%); } 100% { -o-transform: translateX(0); } }
@keyframes wordBack { 0% { transform: translateX(0); } 50% { transform: translateX(-10%); } 100% { transform: translateX(0); } }

/* Delay Scales */

@-webkit-keyframes scaleDelay-1 { 0% { opacity: 0; -webkit-transform: scale(0.1); } 25% { opacity: 0; -webkit-transform: scale(0.1); } 100% { opacity: 1; -webkit-transform: scale(1); } }
@-moz-keyframes scaleDelay-1 { 0% { opacity: 0; -moz-transform: scale(0.1); } 25% { opacity: 0; -moz-transform: scale(0.1); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes scaleDelay-1 { 0% { opacity: 0; -o-transform: scale(0.1); } 25% { opacity: 0; -o-transform: scale(0.1); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes scaleDelay-1 { 0% { opacity: 0; transform: scale(0.1); } 25% { opacity: 0; transform: scale(0.1); } 100% { opacity: 1; transform: scale(1); } }

@-webkit-keyframes scaleDelay-2 { 0% { opacity: 0; -webkit-transform: scale(0.1); } 50% { opacity: 0; -webkit-transform: scale(0.1); } 100% { opacity: 1; -webkit-transform: scale(1); } }
@-moz-keyframes scaleDelay-2 { 0% { opacity: 0; -moz-transform: scale(0.1); } 50% { opacity: 0; -moz-transform: scale(0.1); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes scaleDelay-2 { 0% { opacity: 0; -o-transform: scale(0.1); } 50% { opacity: 0; -o-transform: scale(0.1); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes scaleDelay-2 { 0% { opacity: 0; transform: scale(0.1); } 50% { opacity: 0; transform: scale(0.1); } 100% { opacity: 1; transform: scale(1); } }

@-webkit-keyframes scaleDelay-3 { 0% { opacity: 0; -webkit-transform: scale(0.1); } 50% { opacity: 0; -webkit-transform: scale(0.1); } 100% { opacity: 1; -webkit-transform: scale(1); } }
@-moz-keyframes scaleDelay-3 { 0% { opacity: 0; -moz-transform: scale(0.1); } 50% { opacity: 0; -moz-transform: scale(0.1); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes scaleDelay-3 { 0% { opacity: 0; -o-transform: scale(0.1); } 50% { opacity: 0; -o-transform: scale(0.1); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes scaleDelay-3 { 0% { opacity: 0; transform: scale(0.1); } 50% { opacity: 0; transform: scale(0.1); } 100% { opacity: 1; transform: scale(1); } }

@-webkit-keyframes scaleDelay-4 { 0% { opacity: 0; -webkit-transform: scale(0.1); } 75% { opacity: 0; -webkit-transform: scale(0.1); } 100% { opacity: 1; -webkit-transform: scale(1); } }
@-moz-keyframes scaleDelay-4 { 0% { opacity: 0; -moz-transform: scale(0.1); } 75% { opacity: 0; -moz-transform: scale(0.1); } 100% { opacity: 1; -moz-transform: scale(1); } }
@-o-keyframes scaleDelay-4 { 0% { opacity: 0; -o-transform: scale(0.1); } 75% { opacity: 0; -o-transform: scale(0.1); } 100% { opacity: 1; -o-transform: scale(1); } }
@keyframes scaleDelay-4 { 0% { opacity: 0; transform: scale(0.1); } 75% { opacity: 0; transform: scale(0.1); } 100% { opacity: 1; transform: scale(1); } }

/* Delay Fades */

@-webkit-keyframes fadeDelay-B1 { 0% { opacity: 0; -webkit-transform: translateY(10%); } 25% { opacity: 0; -webkit-transform: translateY(10%); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeDelay-B1 { 0% { opacity: 0; -moz-transform: translateY(10%); } 25% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeDelay-B1 { 0% { opacity: 0; -o-transform: translateY(10%); } 25% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeDelay-B1 { 0% { opacity: 0; transform: translateY(10%); } 25% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } }

@-webkit-keyframes fadeDelay-B2 { 0% { opacity: 0; -webkit-transform: translateY(10%); } 50% { opacity: 0; -webkit-transform: translateY(10%); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeDelay-B2 { 0% { opacity: 0; -moz-transform: translateY(10%); } 50% { opacity: 0; -moz-transform: translateY(10%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes fadeDelay-B2 { 0% { opacity: 0; -o-transform: translateY(10%); } 50% { opacity: 0; -o-transform: translateY(10%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeDelay-B2 { 0% { opacity: 0; transform: translateY(10%); } 50% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0); } }

@-webkit-keyframes fadeDelay-T1 { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 25% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeDelay-T1 { 0% { opacity: 0; -moz-transform: translateY(-10%); } 25% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeDelay-T1 { 0% { opacity: 0; -o-transform: translateY(-10%); } 25% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeDelay-T1 { 0% { opacity: 0; transform: translateY(-10%); } 25% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeDelay-T2 { 0% { opacity: 0; -webkit-transform: translateY(-10%); } 50% { opacity: 0; -webkit-transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeDelay-T2 { 0% { opacity: 0; -moz-transform: translateY(-10%); } 50% { opacity: 0; -moz-transform: translateY(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeDelay-T2 { 0% { opacity: 0; -o-transform: translateY(-10%); } 50% { opacity: 0; -o-transform: translateY(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeDelay-T2 { 0% { opacity: 0; transform: translateY(-10%); } 50% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeDelay-L1 { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 25% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeDelay-L1 { 0% { opacity: 0; -moz-transform: translateX(-10%); } 25% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeDelay-L1 { 0% { opacity: 0; -o-transform: translateX(-10%); } 25% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeDelay-L1 { 0% { opacity: 0; transform: translateX(-10%); } 25% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeDelay-L2 { 0% { opacity: 0; -webkit-transform: translateX(-10%); } 50% { opacity: 0; -webkit-transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeDelay-L2 { 0% { opacity: 0; -moz-transform: translateX(-10%); } 50% { opacity: 0; -moz-transform: translateX(-10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeDelay-L2 { 0% { opacity: 0; -o-transform: translateX(-10%); } 50% { opacity: 0; -o-transform: translateX(-10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeDelay-L2 { 0% { opacity: 0; transform: translateX(-10%); } 50% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeDelay-R1 { 0% { opacity: 0; -webkit-transform: translateX(10%); } 25% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeDelay-R1 { 0% { opacity: 0; -moz-transform: translateX(10%); } 25% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeDelay-R1 { 0% { opacity: 0; -o-transform: translateX(10%); } 25% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeDelay-R1 { 0% { opacity: 0; transform: translateX(10%); } 25% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } }

@-webkit-keyframes fadeDelay-R2 { 0% { opacity: 0; -webkit-transform: translateX(10%); } 50% { opacity: 0; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeDelay-R2 { 0% { opacity: 0; -moz-transform: translateX(10%); } 50% { opacity: 0; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes fadeDelay-R2 { 0% { opacity: 0; -o-transform: translateX(10%); } 50% { opacity: 0; -o-transform: translateX(10%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeDelay-R2 { 0% { opacity: 0; transform: translateX(10%); } 50% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0); } }


/* ================== COLOR-BORDERS ================== */
.b-blue { border: 1px solid blue; }
.b-red { border: 1px solid rgb(203, 0, 0); }
.b-yellow { border: 1px solid yellow; }
.b-green { border: 1px solid green; }
.b-white { border: 1px solid white; }
.b-purple { border: 1px solid rgb(85, 0, 128); }
.b-sky { border: 1px solid skyblue; }
.b-lime { border: 1px solid lime; }
.b-pink { border: 1px solid pink; }