@charset "utf-8";

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

@font-face {
    font-family: 'Marine-Bold';
    src: url('../fonts/Marine-Bold.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Marine-Black';
    src: url('../fonts/Marine-Black.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Encode';
    src: url('../fonts/EncodeSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Encode-SemiBold';
    src: url('../fonts/EncodeSans-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Encode-Bold';
    src: url('../fonts/EncodeSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'EncodeC-SemiBold';
    src: url('../fonts/EncodeSansCondensed-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
  }


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

html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  font-family: 'Encode';
  color: #fff;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

a, a:hover {
  text-decoration: none;
}

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

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

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

  #banner, #grupo, #exp, #marcas, #mapa, #mapa-mob, #por-que, #franqueado, #contato,
  #gcm-banner, #gcm-guaca, #gcm-gastro, #gcm-sobre, #gcm-mapa, #gcm-mapa-mob, #gcm-depos, #gcm-contato, #gcm-contato-mob, #gcm-footer,
  #ddg-banner, #ddg-didge, #ddg-gastro, #ddg-sobre, #ddg-mapa, #ddg-mapa-mob, #ddg-depos, #ddg-contato, #ddg-contato-mob, #ddg-footer,
  #gqt-banner, #gqt-quito, #gqt-gastro, #gqt-sobre, #gqt-mapa, #gqt-mapa-mob, #gqt-depos, #gqt-contato, #gqt-contato-mob, #gqt-footer,
  #tck-banner, #tck-quito, #tck-gastro, #tck-sobre, #tck-mapa, #tck-mapa-mob, #tck-depos, #tck-contato, #tck-contato-mob, #tck-footer {
      position: relative;
  }

  .sec-space {
      margin-top: 70px;
      margin-bottom: 70px;
  }

/* ===================== TYPOGRAPHY ===================== */

h1 {
    font-family: 'Marine-Black';
    font-size: 4.5em;
    line-height: 1em;
    letter-spacing: 0.1em;
}

p {
    font-family: 'Encode';
    font-size: 1.25em;
}

h3 {
    font-family: 'Encode-Bold';
    font-size: 1.4em;
}


/* ================== COLOR-BACKGROUNDS ================== */
header, #por-que, #gcm-sobre, #ddg-sobre, #gqt-sobre, #tck-sobre {
  background-color: #fff;
}
body, .parrot-filter, #grupo, #mapa, #mapa-mob, #contato, footer,
#gcm-contato, #gcm-contato-mob, #ddg-contato, #ddg-contato-mob,
#gqt-contato, #gqt-contato-mob, #tck-contato, #tck-contato-mob {
    background-color: #002f3a;
}
.logo-box {
    background-color: #04262e;
}
#exp, #gcm-guaca, #gcm-depos, #ddg-didge, #ddg-depos, #gqt-quito, #gqt-depos, #tck-trucks, #tck-depos {
    background-color: #f0f0eb;
}
#franqueado {
    background-image: linear-gradient(to bottom right, #d2ff00, #b8ce50);
}
#ddg-gastro {
    background-color: #eec918;
}
#tck-gastro {
    background-color: #283384;
}
#gcm-gastro, #gqt-gastro, #gcm-footer, #ddg-footer, #gqt-footer, #tck-footer {
    background-color: #b9d342;
}
#gcm-mapa, #gcm-mapa-mob {
    background-color: #4a2252;
}
#ddg-mapa, #ddg-mapa-mob {
    background-color: #020c65;
}
#gqt-mapa, #gqt-mapa-mob {
    background-color: #104b0d;
}
#tck-mapa, #tck-mapa-mob {
    background-color: #560b05;
}


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

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

header {
    position: fixed;
    top: 0;
    height: 110px;
    width: 100%;
    border-bottom: 2px solid #002f3a;
    z-index: 105;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

header .logo-home {
    margin-top: 10px;
}

header .logo-home img {
    height: 88px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

header .nav-toggle {
    margin-top: 25px;
    display: block;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

header .nav-toggle span {
    height: 5px;
    width: 40px;
    background: #000;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

header .nav-toggle span:nth-child(1) {margin-top: -12px; }
header .nav-toggle span:nth-child(3) {margin-top: 11px; }

header .is-active.nav-toggle span:nth-child(1) { margin-left: -12px; margin-top: -13px; }
header .is-active.nav-toggle span:nth-child(3) { margin-top: 13px; margin-left: -12px; }

header .nav-menu {
    position: absolute;
    top: 110px;
    right: -10.5%;
    z-index: 102;
    width: 300px;
    opacity: 0;
    display: none;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

header .nav-item {
    font-family: 'Encode-Bold';
    background-color: #002f3a;
    color: #fff;
    border-top: 1px solid #005265;
}

header .nav-item:hover {
    background-color: #04262e;
    color: #d2ff00;
}


/* ================== MENU-FIXO ================== */

header.fixed {
    height: 70px;
}

header.fixed .logo-home img{
    height: 50px;
}

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

header.fixed .nav-toggle span {
    height: 4px;
    width: 30px;
}

header.fixed .nav-toggle span:nth-child(1) {margin-top: -12px; }
header.fixed .nav-toggle span:nth-child(3) {margin-top: 11px; }

header.fixed .is-active.nav-toggle span:nth-child(1) { margin-left: -12px; margin-top: -13px; }
header.fixed .is-active.nav-toggle span:nth-child(3) { margin-top: 7px; margin-left: -12px; }

header.fixed .nav-menu {
    top: 70px;
}


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


#banner {
    margin-top: 110px;
}

#banner .parrot-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 789px;
    z-index: 101;
    opacity: 0.6; 
}

#banner .container_slide {
    position: relative;
    margin-top: 0px;
    height: 789px;
}

#banner .cycle-slideshow li {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 789px;
    background-position: center top;
}

/* .container_slide a { cursor: inherit; }

.container_slide .cycle-prev, .container_slide .cycle-next { position: absolute; top: 46%; width: 30px; height:54px; background-size: cover; z-index: 200; cursor: pointer; opacity: 1; transition: all 0.2s linear; }

.container_slide .cycle-prev:hover, .container_slide .cycle-next:hover { opacity: 1; }
.container_slide .cycle-prev{ background-image: url(../img/seta-esquerda-banner.png); left: 30px; }
.container_slide .cycle-next{ background-image: url(../img/seta-direita-banner.png); right: 30px; } */

#banner .cycle-pager{ position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 102; height: 23px; }
#banner .cycle-pager span { display: inline-block; margin: 0 5px; font-size: 0px; height: 15px; width: 15px; border: 1px solid #fff; border-radius: 12px; cursor: pointer; }
#banner .cycle-pager .cycle-pager-active{ background: #d2ff00; border-color: #d2ff00; }

#banner .banner-text h1 {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    font-size: 4.5em;
    padding: 210px 0 0 15%;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    z-index: 105;
}

/******************************************/
/***********     BTN SCROLL     ***********/
/******************************************/

.btn-scroll {
    position: absolute;
    top: 1065px;
    right: 330px;
    height: 101px;
    width: 330px;
    z-index: 50;
}

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

#grupo .sec-text {
    padding: 0 30px 0 60px;
}

#grupo .sec-text h1 {
    color: #b9d342;
    margin-bottom: 20px;
}

#grupo .sec-text p {
    letter-spacing: 0.1em;
}

#grupo .sec-text p span {
    color: #b9d342;
}

.logo-box {
    position: relative;
    width: 99%;
    height: 195px;
    margin: 60px 0 0 15px;
    padding: 30px 60px;
}

.logos a:nth-child(1) img { width: 120px; }
.logos a:nth-child(2) img { width: 143px; }
.logos a:nth-child(3) img { width: 143px; }
.logos a:nth-child(4) img { width: 120px; }


#grupo .plus-m {
    position: absolute;
    top: -50px;
    left: -50px;
}

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


/*******************************************/
/***********     EXPERIÊNCIA     ***********/
/*******************************************/

.go-blur {
    filter: blur(0);
}

.no-blur {
    position: relative;
    z-index: 20;
}

.exp-box-title {
    display: flex;
    align-items: center;
    justify-content: start;
}

.exp-line {
    border: 1px solid #b9d342;
}

.exp-close {
    text-align: right;
}

.exp-box-text span {
    color: #e25d29;
    cursor: pointer;
}

/**************************************/
/***********     MARCAS     ***********/
/**************************************/

#marcas {
    background: url(../img/bg-marcas-qamais.jpg) no-repeat top center;
    height: 809px;
    overflow: hidden;
}

#marcas p {
    font-family: 'Marine-Bold';
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1em;
}

#marcas .tri-center {
    margin-left: 150px;
    margin-right: 150px;
}

#didge-bar, #guacamole-bar, #guaquito-bar, #trucks-bar {
    height: 799px;
}

#didge-bar {
    background: url(../img/bg-marcas-qamais-didge-2.jpg) top center;
    background-size: cover;
}

#didge-bar img {
    width: 170px;
    margin-top: -30px;
}

#didge-bar p {
    color: #fff;
    margin-top: 70px;
}

#didge-bar .circle {
    background-color: #eec918;
    color: #c21603;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#didge-bar .circle:hover {
    background-color: #c21603;
    color: #eec918;
}

#guacamole-bar {
    background: url(../img/bg-marcas-qamais-guacamole.jpg) top center;
    background-size: cover;
}

#guacamole-bar img {
    margin-top: -30px;
    width: 220px;
}

#guacamole-bar p {
    color: #002f3a;
    margin-top: 52px;
}

#guacamole-bar .circle {
    background-color: #58492b;
    color: #c3db12;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#guacamole-bar .circle:hover {
    background-color: #002f3a;
    color: #d2ff00;
}

#guaquito-bar {
    background: url(../img/bg-marcas-qamais-guaquito.jpg) top center;
    background-size: cover;
}

#guaquito-bar img {
    margin-top: -35px;
}

#guaquito-bar p {
    color: #d2ff00;
    margin-top: 55px;
}

#guaquito-bar .circle {
    background-color: #fff;
    color: #033a00;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#guaquito-bar .circle:hover {
    background-color: #d2ff00;
    color: #002f3a;
}

#deli-bar {
    background: url(../img/bg-marcas-qamais-deli.jpg) top center;
    background-size: cover;
}

#deli-bar img {
    width: 180px;
    margin-top: -33px;
}

#deli-bar p {
    color: #005634;
    margin-top: 80px;
}

#deli-bar .circle {
    background-color: #231f20;
    color: #fff;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#deli-bar .circle:hover {
    background-color: #005634;
    color: #fff;
}

.marca-bar, .circle-container {
    text-align: center !important;
    padding-top: 17% !important;
}

.circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
    text-transform: uppercase;
    font-family: 'EncodeC-SemiBold';
    font-size: 0.85em;
    padding: 43px 10px;
    letter-spacing: 0.05em;
}

/****************************************/
/***********     PRESENÇA     ***********/
/****************************************/

#mapa {
    min-height: 982px;
}

#mapa .watermark {
    position: absolute;
    right: 120px;
    bottom: 10px;
}

#mapa .sec-text {
    padding: 0 30px 0 60px;
}

#mapa .sec-text h1 {
    color: #b9d342;
    margin-bottom: 40px;
}

svg:not(:root) {
    overflow: hidden;
}

.mapa{
	position: relative;
    margin: 110px 80px 60px 80px;
    transform: scale(1.2);
}

#mapa .state {
    cursor: default;
}
#mapa .model-green .state .shape {
    fill: #f0f0eb;
}
#mapa .state .shape {
    stroke-width: 0;
}
/*#map .model-green .state:hover .shape, #map .model-green .state.hover .shape{
    fill: #d8a667 !important;
}*/

#mapa .model-green .state .shape.active{
    fill: #b8ce50 !important;
    cursor: pointer !important;
}

#mapa .model-green .state .label-icon-state.active{
    fill: #04262e !important;
    cursor: pointer !important;
}

#mapa .model-green .state:hover .label-icon-state{
    /*fill: #fff !important;*/
}

#mapa .model-green .state:hover .icon-state, #map .model-green .state.hover .icon-state{
    /*fill: #d8a667 !important;*/
}
#mapa .model-green .state .icon-state {
    fill: #fff;
}
#mapa .model-green .state .label-icon-state {
    fill: #a8a8a7;
}
#mapa .state .label-icon-state {
    fill: #fff;
    font-family: 'Encode-Bold';
    font-size: 0.7em;
    font-weight: normal;
    line-height: 12px;
}
#mapa .model-green .state .label-state {
    fill: #999;
}
#mapa .state .label-state {
    display: none;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.stupid-bulma {
    padding: 20% 0 0 5%;
    margin-bottom: 70px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.city-area {
    margin-bottom: 15px;
    opacity: 1;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#mapa .city-area p, #mapa-mob .city-area p {
    font-size: 1.1em;
}

#mapa .city-area p.city-name, #mapa-mob .city-area p.city-name {
    font-family: 'Encode-Bold';
    color: #b8ce50;
}

#mapa .city-area p.city-name::before, #mapa-mob .city-area p.city-name::before {
    content: url(../img/pin-texto.png);
    margin-right: 10px;
}

#mapa .city-area p.city-text, #mapa-mob .city-area p.city-text {
    margin-left: 27px;
}

.pin {
    background: url(../img/pin-mapa.png);
    height: 55px;
    width: 33px;
    position: absolute;
    top: 330px;
    right: -40px;
    display: none;
}



/***************************************/
/***********     POR QUE     ***********/
/***************************************/

#por-que .block-bg {
    position: absolute;
    background-color: #f0f0eb;
    right: 0;
    bottom: 0;
    width: 1215px;
    height: 1970px;
}

#por-que .sec-text h1 {
    color: #002f3a;
    margin-bottom: 40px;
}

#por-que .sec-text p {
    color: #394554;
    margin-bottom: 60px;
    padding-right: 420px;
}

#por-que .exp-box {
    width: 600px;
    height: auto;
    background-color: #002f3a;
    border: 13px solid #fff;
    box-shadow: -15px 15px 40px rgba(0,0,0,0.3);
    border-radius: 50px;
    margin: 40px;
}

#por-que .exp-right {
    margin: 40px 0 0 43%;
}

#por-que .plus-p {
    width: 60px;
    margin: 15px 20px;
}

#por-que h3 {
    font-size: 1.5em;
    text-transform: uppercase;
}

#por-que h3 span {
    font-family: 'Encode';
    text-transform: none;
}

#por-que .exp-box-text {
    padding: 0 20px 0 40px;
}

#por-que .exp-box-text p {
    font-size: 1.25em;
}


/******************************************/
/***********     FRANQUEADO     ***********/
/******************************************/

#franqueado .sec-text {
    text-align: center;
}

#franqueado .sec-text h1 {
    color: #04262e;
    margin-bottom: 35px;
}

#franqueado .sec-text p {
    color: #04262e;
}

#franqueado .btn-container {
    text-align: center;
    margin-top: 70px;
}

.btn-cons {
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

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

/***************************************/
/***********     CONTATO     ***********/
/***************************************/

#contato .sec-text {
    padding: 0 30px 0 60px;
}

#contato .sec-text h1 {
    color: #b9d342;
    margin-bottom: 20px;
}

#contato .form-space {
    margin: 40px 0;
    padding: 0 55px;
}

#contato .input, #contato .textarea, #contato .select select {
    background-color: #002f3a;
    border-radius: 30px;
    color: #fff;
    border-color: #b9d342;
    height: 60px;
    padding-left: 30px;
    width: 100%;
}

#contato .select.is-medium {
    width: 100%;
    height: 60px;
}

#contato .button {
    background-color: #b9d342;
    border: 1px solid #b9d342;
    border-radius: 30px; -webkit-border-radius: 30px;
    color: #002f3a;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#contato .button:hover {
    border: 1px solid #d2ff00;
    background-color: #d2ff00;
}

#contato .button.is-medium {
    font-size: 1.4em;
    height: 60px;
    padding: 0 75px 5px 75px;
    text-transform: uppercase;
    font-family: 'Encode';
}

::placeholder {
    color: #fff;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #002f3a inset;
    -webkit-text-fill-color: #fff;
}

.logo-wpp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
}

.wpp-btn {
    background-color: #b9d342;
    border: 1px solid #b9d342;
    border-radius: 30px; -webkit-border-radius: 30px;
    height: 60px;
    padding: 5px 15px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.wpp-btn:hover {
    border: 1px solid #d2ff00;
    background-color: #d2ff00;
}

.wpp-btn a {
    color: #002f3a;
    display: flex;
    align-items: center;
}

.wpp-btn a p {
    font-family: 'Encode-SemiBold';
    margin: 0 15px;
}

.wpp-btn a span {
    font-size: 3em;
}

.map {
    position: relative;
}

.map iframe {
    position: relative;
    border: 5px solid #002f3a;
    z-index: 1;
}

.map .map-shadow {
    position: absolute;
    left: -12px;
    top: 98px;
    background-color: #b9d342;
    width: 970px;
    height: 380px;
    z-index: 0;
}

.info {
    text-align: right;
    margin-top: 25px;
}

.info p {
    line-height: 200%;
}

.info p>span {
    font-family: 'Encode-Bold';
    color: #b9d342;
}

.social {
    margin-top: 10px;
}

.social a {
    color: #fff;
    margin-left: 20px;
    font-size: 1.4em;
}

.social a:hover {
    color: #b9d342;
}


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

.quax-assinatura {
    font-family: 'Roboto Condensed';
    font-size: 12px;
    text-align: center;
    color: #FFF;
    border-bottom: 8px solid #b9d342;
    background-color: #002f3a;
    position: relative;
    margin-top: -65px;
    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 #b9d342;
  }

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

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

#gcm-banner, #ddg-banner, #gqt-banner, #tck-banner {
    margin-top: 110px;
}

#gcm-banner .container_slide, #ddg-banner .container_slide, #gqt-banner .container_slide, #tck-banner .container_slide {
    position: relative;
    margin-top: 0px;
    height: 770px;
}

#gcm-banner .cycle-slideshow li, #ddg-banner .cycle-slideshow li, #gqt-banner .cycle-slideshow li, #tck-banner .cycle-slideshow li {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 760px;
    background-position: center top;
}

/* .container_slide a { cursor: inherit; }

.container_slide .cycle-prev, .container_slide .cycle-next { position: absolute; top: 46%; width: 30px; height:54px; background-size: cover; z-index: 200; cursor: pointer; opacity: 1; transition: all 0.2s linear; }

.container_slide .cycle-prev:hover, .container_slide .cycle-next:hover { opacity: 1; }
.container_slide .cycle-prev{ background-image: url(../img/seta-esquerda-banner.png); left: 30px; }
.container_slide .cycle-next{ background-image: url(../img/seta-direita-banner.png); right: 30px; } */

/* .cycle-pager{ position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 101; height: 23px; }
.cycle-pager span { display: inline-block; margin: 0 5px; font-size: 0px; height: 15px; width: 15px; border: 1px solid #fff; border-radius: 12px; cursor: pointer; }
.cycle-pager .cycle-pager-active{ background: #d2ff00; border-color: #d2ff00; } */

#gcm-banner .banner-text h1, #ddg-banner .banner-text h1, #gqt-banner .banner-text h1, #tck-banner .banner-text h1 {
    text-transform: uppercase;
    font-size: 4.5em;
    padding: 170px 0 0 15%;
    line-height: 1.2em;
    letter-spacing: 0.05em;
}


/*************************************/
/***********     MARCA     ***********/
/*************************************/

#gcm-guaca, #ddg-didge, #gqt-quito, #tck-trucks {
    margin-top: -11px;
}

#gcm-guaca .sec-text, #ddg-didge .sec-text, #gqt-quito .sec-text, #tck-trucks .sec-text  {
    padding: 0 30px 0 0;
}

#gcm-guaca .logo-gcm, #gqt-quito .logo-gqt {
    margin-bottom: 20px;
    width: 250px;
}

#ddg-didge .logo-ddg, #gqt-quito .logo-gqt, #tck-trucks .logo-tck  {
    margin-top: -40px;
    margin-bottom: 40px;
}

#tck-trucks .logo-tck  {
    width: 200px;
}

#gcm-guaca .sec-text p, #ddg-didge .sec-text p, #gqt-quito .sec-text p, #tck-trucks .sec-text p {
    letter-spacing: 0.1em;
    color: #484848;
}

#gcm-guaca .sec-text p span, #ddg-didge .sec-text p span, #gqt-quito .sec-text p span, #tck-trucks .sec-text p span {
    font-family: 'Encode-Bold';
}

#gcm-guaca .btn-container, #ddg-didge .btn-container, #gqt-quito .btn-container, #tck-trucks .btn-container {
    text-align: right;
    padding-top: 260px;
}

#gcm-guaca .gcm-btn-noscroll, #ddg-didge .ddg-btn-noscroll, #gqt-quito .gqt-btn-noscroll, #tck-trucks .tck-btn-noscroll {
    width: 280px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#gcm-guaca .gcm-btn-noscroll:hover, #ddg-didge .ddg-btn-noscroll:hover, #gqt-quito .gqt-btn-noscroll:hover, #tck-trucks .tck-btn-noscroll:hover {
    transform: scale(1.1);
}

.trucks-logos-container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 70px;
    margin-top: -40px;
}

.logo-tck-gcm {
    width: 300px;
}

.logo-tck-ddg {
    width: 250px;
}

/* ================== SEPARADOR ================== */

.gcm-separador-01 {
    background: url(../img/gcm-sep-losangos.jpg) top left repeat-x;
    width: 100%;
    height: 50px;
    margin: 10px 0;
}

.ddg-separador-01 {
    background: url(../img/ddg-sep-dots.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}

.gqt-separador-01 {
    background: url(../img/gqt-sep-espinhos.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}

.tck-separador-01 {
    background: url(../img/tck-sep-xtreet.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}


/*******************************************/
/***********     GASTRONOMIA     ***********/
/*******************************************/

#gcm-gastro .sec-space, #ddg-gastro .sec-space, #gqt-gastro .sec-space {
    margin-bottom: 0; /* Se voltar o Cardápio ou as legendas das fotos, simplesmente deleta esse troço e é nóis */
}

#gcm-gastro .sec-text, #ddg-gastro .sec-text, #gqt-gastro .sec-text, #tck-gastro .sec-text {
    padding: 0 30px 0 0;
}

#gcm-gastro .sec-text h1, #ddg-gastro .sec-text h1, #gqt-gastro .sec-text h1, #tck-gastro .sec-text h1 {
    color: #394554;
    margin-bottom: 35px;
    letter-spacing: 0.05em;
}

#gcm-gastro .sec-text p, #ddg-gastro .sec-text p, #gqt-gastro .sec-text p, #tck-gastro .sec-text p {
    color: #394554;
    letter-spacing: 0.1em;
}

#tck-gastro .sec-text h1, #tck-gastro .sec-text p {
    color: #fff;
}

#gcm-gastro .sec-text p span, #ddg-gastro .sec-text p span, #gqt-gastro .sec-text p span, #tck-gastro .sec-text p span {
    font-family: 'Encode-Bold';
}

.gastro-pics {
    display: flex;
    justify-content: space-between;
    margin: 70px 0;
}

.gallery-img {
    position: relative;
}
  
.gallery-img:hover .gallery-filter {
    opacity: 0.7;
}
  
.gallery-img .gallery-filter {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 3em;
    text-align: center;
    padding: 97px 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#gcm-gastro .gallery-img .gallery-filter {
    background-color: #58492b;
    color: #d2ff00;
}

#ddg-gastro .gallery-img .gallery-filter {
    background-color: #0008ff;
    color: #fff;
}

#gqt-gastro .gallery-img .gallery-filter {
    background-color: #104b0d;
    color: #d2ff00;
}

#tck-gastro .gallery-img .gallery-filter {
    background-color: #9b0a00;
    color: #1900ff;
}

.legenda-container {
    max-width: 237px;
    text-align: center;
    /* background-color: rgba(57,69,84,0.8); */
    color: #fff;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.gallery-img:hover .legenda-container {
    background-color: rgba(57,69,84,0.9);
}

.cardapio-container {
    position: relative;
}

.cardapio-border {
    width: 229px;
    height: 229px;
    border-radius: 50%;
    position: absolute;
    background-color: rgba(253, 133, 58, 0.65);
    left: 40.6%;
    z-index: 9;
}

.cardapio-btn {
    position: absolute;
    width: 193px;
    height: 193px;
    z-index: 10;
    top: 18px;
    left: 42%;
}


/* ================== SEPARADOR ================== */

.gcm-separador-02 {
    background: url(../img/gcm-sep-ondas-lime.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}

.ddg-separador-02 {
    background: url(../img/ddg-sep-ziguezague-yellow.jpg) top left repeat-x;
    width: 100%;
    height: 77px;
    margin: 10px 0;
}

.gqt-separador-02 {
    background: url(../img/gqt-sep-ziguedots-brown.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}

.tck-separador-02 {
    background: url(../img/tck-sep-track-blue.jpg) top left repeat-x;
    width: 100%;
    height: 77px;
    margin: 10px 0;
}


/*************************************/
/***********     SOBRE     ***********/
/*************************************/

#gcm-sobre .sec-text, #ddg-sobre .sec-text, #gqt-sobre .sec-text, #tck-sobre .sec-text {
    margin-top: 80px; /* Se voltar o Cardápio, bota 140px e é nóis */
}

#gcm-sobre h1, #gcm-sobre p, #ddg-sobre h1, #ddg-sobre p, #gqt-sobre h1, #gqt-sobre p, #tck-sobre h1, #tck-sobre p {
    color: #002f3a;
}

#gcm-sobre h1, #ddg-sobre h1, #gqt-sobre h1, #tck-sobre h1 {
    margin-bottom: 40px;
}

#gcm-sobre .vantagens-box, #ddg-sobre .vantagens-box, #gqt-sobre .vantagens-box, #tck-sobre .vantagens-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0 80px 0;
}

#gcm-sobre .vantagem-circle, #ddg-sobre .vantagem-circle, #gqt-sobre .vantagem-circle, #tck-sobre .vantagem-circle {
    background-color: #002f3a;
    position: relative;
    border-radius: 50%;
    width: 248px;
    height: 248px;
}

#gcm-sobre .circle-stroke, #ddg-sobre .circle-stroke, #gqt-sobre .circle-stroke, #tck-sobre .circle-stroke {
    background-color: transparent;
    position: absolute;
    border: 1px solid #d2ff00;
    border-radius: 50%;
    width: 220px;
    height: 220px;
    top: 14px;
    left: 14px;
}

#gcm-sobre .vantagem-content, #ddg-sobre .vantagem-content, #gqt-sobre .vantagem-content, #tck-sobre .vantagem-content  {
    text-align: center;
    padding: 30px 20px;
}

#gcm-sobre p.vantagem-title, #ddg-sobre p.vantagem-title, #gqt-sobre p.vantagem-title, #tck-sobre p.vantagem-title {
    color: #fff;
    font-family: 'Encode-Bold';
    text-transform: uppercase;
    font-size: 1.15em;
    margin: 10px 0 5px 0;
}

#gcm-sobre p.vantagem-text, #ddg-sobre p.vantagem-text, #gqt-sobre p.vantagem-text, #tck-sobre p.vantagem-text {
    color: #d2ff00;
    font-size: 1em;
}

#gcm-sobre p.vantagem-text span.vantagem, #ddg-sobre p.vantagem-text span.vantagem
#gqt-sobre p.vantagem-text span.vantagem, #tck-sobre p.vantagem-text span.vantagem {
    font-size: 1.5em;
}

#gcm-sobre .plus-pp, #ddg-sobre .plus-pp, #gqt-sobre .plus-pp, #tck-sobre .plus-pp {
    width: 55px;
}

.franqueador {
    margin-bottom: 50px;
}

#gcm-sobre .gcm-info-container, #ddg-sobre .ddg-info-container, #gqt-sobre .gqt-info-container, #tck-sobre .tck-info-container {
    position: relative;
    height: 300px;
    margin-top: 50px;
}

.gcm-info-bg, .gcm-info-stroke, .ddg-info-bg, .ddg-info-stroke, .gqt-info-bg, .gqt-info-stroke, .tck-info-bg, .tck-info-stroke {
    position: absolute;
    width:1600px;
    height: 280px;
    border-radius: 50px;
    z-index: 0;
}

.gcm-info-bg, .ddg-info-bg, .gqt-info-bg, .tck-info-bg {
    background-color: #f0f0eb;
}

.gcm-info-stroke, .ddg-info-stroke, .gqt-info-stroke, .tck-info-stroke {
    border: 1px solid #b9d342;
    background-color: transparent;
    top: 20px;
    left: 20px;
}

.gcm-info, .ddg-info, .gqt-info, .tck-info {
    position: relative;
    z-index: 1;
    height: 240px;
    display: flex;
}

.gcm-info-logo {
    margin-top: 50px;
    padding: 30px 50px 30px 70px;
}

.ddg-info-logo, .gqt-info-logo, .tck-info-logo {
    margin-top: 90px;
    padding: 0 50px 30px 70px;
}

.ddg-info-logo img {
    width: 190px;
}

.gcm-info-logo img {
    width: 200px;
}

.gqt-info-logo img {
    width: 200px;
}

.tck-info-logo img {
    width: 165px;
}

.gcm-info-text, .ddg-info-text, .gqt-info-text, .tck-info-text {
    margin-top: 50px;
    padding: 5px 0 10px 40px;
    border-left: 1px solid #002f3a;
}

.gcm-info-text p, .ddg-info-text p, .gqt-info-text p, .tck-info-text p {
    font-family: 'Encode-SemiBold';
    line-height: 2em;
}

.gcm-info-text p span, .ddg-info-text p span, .gqt-info-text p span, .tck-info-text p span {
    font-family: 'Encode';
}

.btn-site-container div.btn-site {
    margin-top: 50px;
}

.btn-site {
    background-color: #b9d342;
    border: 1px solid #b9d342;
    border-radius: 40px;
    height: 70px;
    width: 470px;
    padding-top: 15px;
    margin: 0 auto 50px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.btn-site:hover {
    border: 1px solid #d2ff00;
    background-color: #d2ff00;
}

.btn-site a {
    color: #002f3a;
    text-align: center;
}

.btn-site a p {
    font-family: 'Encode-SemiBold';
    text-transform: uppercase;
    font-size: 1.5em;
}


/* ================== SEPARADOR ================== */

.gcm-separador-03 {
    background: url(../img/gcm-sep-ondas-white.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}

.ddg-separador-03 {
    background: url(../img/ddg-sep-ziguezague-blue.jpg) top left repeat-x;
    width: 100%;
    height: 77px;
    margin: 10px 0;
}

.gqt-separador-03 {
    background: url(../img/gqt-sep-ziguedots-green.jpg) top left repeat-x;
    width: 100%;
    height: 55px;
    margin: 10px 0;
}

.tck-separador-03 {
    background: url(../img/tck-sep-track-bloodyred.jpg) top left repeat-x;
    width: 100%;
    height: 77px;
    margin: 10px 0;
}


/****************************************/
/***********     PRESENCA     ***********/
/****************************************/

#gcm-mapa, #ddg-mapa, #gqt-mapa, #tck-mapa {
    min-height: 982px;
}

#gcm-mapa .watermark, #ddg-mapa .watermark, #gqt-mapa .watermark, #tck-mapa .watermark {
    position: absolute;
    right: 120px;
    bottom: 10px;
}

#gcm-mapa .sec-text, #ddg-mapa .sec-text, #gqt-mapa .sec-text, #tck-mapa .sec-text {
    padding: 0 30px 0 60px;
}

#gcm-mapa .sec-text h1, #ddg-mapa .sec-text h1 {
    color: #eec918;
    margin-bottom: 40px;
}

#gqt-mapa .sec-text h1, #tck-mapa .sec-text h1 {
    color: #b9d342;
    margin-bottom: 40px;
}

svg:not(:root) {
    overflow: hidden;
}

.mapa{
	position: relative;
    margin: 110px 80px 60px 80px;
    transform: scale(1.2);
}

#gcm-mapa .state, #ddg-mapa .state, #gqt-mapa .state, #tck-mapa .state {
    cursor: default;
}
#gcm-mapa .model-green .state .shape, #ddg-mapa .model-green .state .shape, #gqt-mapa .model-green .state .shape, #tck-mapa .model-green .state .shape {
    fill: #f0f0eb;
}
#gcm-mapa .state .shape, #ddg-mapa .state .shape, #gqt-mapa .state .shape, #tck-mapa .state .shape {
    stroke-width: 0;
}
/*#map .model-green .state:hover .shape, #map .model-green .state.hover .shape{
    fill: #d8a667 !important;
}*/

#gcm-mapa .model-green .state .shape.active, #ddg-mapa .model-green .state .shape.active {
    fill: #eec918 !important;
    cursor: pointer !important;
}

#gqt-mapa .model-green .state .shape.active, #tck-mapa .model-green .state .shape.active {
    fill: #b8ce50 !important;
    cursor: pointer !important;
}

#gcm-mapa .model-green .state .label-icon-state.active, #ddg-mapa .model-green .state .label-icon-state.active,
#gqt-mapa .model-green .state .label-icon-state.active, #tck-mapa .model-green .state .label-icon-state.active {
    fill: #04262e !important;
    cursor: pointer !important;
}
/*
#gcm-mapa .model-green .state:hover .label-icon-state {
    /*fill: #fff !important;
}

#gcm-mapa .model-green .state:hover .icon-state, #map .model-green .state.hover .icon-state{
    /*fill: #d8a667 !important;
}*/

#gcm-mapa .model-green .state .icon-state, #ddg-mapa .model-green .state .icon-state,
#gqt-mapa .model-green .state .icon-state, #tck-mapa .model-green .state .icon-state {
    fill: #fff;
}
#gcm-mapa .model-green .state .label-icon-state, #ddg-mapa .model-green .state .label-icon-state,
#gqt-mapa .model-green .state .label-icon-state, #tck-mapa .model-green .state .label-icon-state {
    fill: #a8a8a7;
}
#gcm-mapa .state .label-icon-state, #ddg-mapa .state .label-icon-state, #gqt-mapa .state .label-icon-state, #tck-mapa .state .label-icon-state {
    fill: #fff;
    font-family: 'Encode-Bold';
    font-size: 0.7em;
    font-weight: normal;
    line-height: 12px;
}
#gcm-mapa .model-green .state .label-state, #ddg-mapa .model-green .state .label-state,
#gqt-mapa .model-green .state .label-state, #gqt-mapa .model-green .state .label-state {
    fill: #999;
}
#gcm-mapa .state .label-state, #ddg-mapa .state .label-state, #gqt-mapa .state .label-state, #tck-mapa .state .label-state {
    display: none;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.stupid-bulma {
    padding: 20% 0 0 5%;
    margin-bottom: 70px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

.city-area {
    margin-bottom: 15px;
    opacity: 1;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#gcm-mapa .city-area p, #gcm-mapa-mob .city-area p, #ddg-mapa .city-area p, #ddg-mapa-mob .city-area p,
#gqt-mapa .city-area p, #gqt-mapa-mob .city-area p, #tck-mapa .city-area p, #tck-mapa-mob .city-area p {
    font-size: 1.1em;
}

#gcm-mapa .city-area p.city-name, #gcm-mapa-mob .city-area p.city-name, #ddg-mapa .city-area p.city-name, #ddg-mapa-mob .city-area p.city-name {
    font-family: 'Encode-Bold';
    color: #eec918;
}

#gqt-mapa .city-area p.city-name, #gqt-mapa-mob .city-area p.city-name, #tck-mapa .city-area p.city-name, #tck-mapa-mob .city-area p.city-name {
    font-family: 'Encode-Bold';
    color: #b8ce50;
}

#gcm-mapa .city-area p.city-name::before, #gcm-mapa-mob .city-area p.city-name::before,
#gqt-mapa .city-area p.city-name::before, #gqt-mapa-mob .city-area p.city-name::before {
    content: url(../img/pin-texto.png);
    margin-right: 10px;
}

#ddg-mapa .city-area p.city-name::before, #ddg-mapa-mob .city-area p.city-name::before {
    content: url(../img/ddg-pin-texto.png);
    margin-right: 10px;
}

#tck-mapa .city-area p.city-name::before, #tck-mapa-mob .city-area p.city-name::before {
    content: url(../img/tck-pin-texto.png);
    margin-right: 10px;
}

#gcm-mapa .city-area p.city-text, #gcm-mapa-mob .city-area p.city-text, #ddg-mapa .city-area p.city-text, #ddg-mapa-mob .city-area p.city-text,
#gqt-mapa .city-area p.city-text, #gqt-mapa-mob .city-area p.city-text, #tck-mapa .city-area p.city-text, #tck-mapa-mob .city-area p.city-text {
    margin-left: 27px;
}

#gcm-mapa .city-area p.city-text span, #gcm-mapa-mob .city-area p.city-text span,
#ddg-mapa .city-area p.city-text span, #ddg-mapa-mob .city-area p.city-text span,
#gqt-mapa .city-area p.city-text span, #gqt-mapa-mob .city-area p.city-text span,
#tck-mapa .city-area p.city-text span, #tck-mapa-mob .city-area p.city-text span {
    font-size: 0.8em;
    color: rgb(199, 199, 199);
}

.pin {
    background: url(../img/pin-mapa.png);
    height: 55px;
    width: 33px;
    position: absolute;
    top: 330px;
    right: -40px;
    display: none;
}

#ddg-mapa .pin, #ddg-mapa-mob .pin {
    background: url(../img/ddg-pin-mapa.png);
}

#tck-mapa .pin, #tck-mapa-mob .pin {
    background: url(../img/tck-pin-mapa.png);
}

/*******************************************/
/***********     DEPOIMENTOS     ***********/
/*******************************************/

#gcm-depos .column, #ddg-depos .column, #gqt-depos .column, #tck-depos .column {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#gcm-depos h1, #gcm-depos p, #ddg-depos h1, #ddg-depos p, #gqt-depos h1, #gqt-depos p, #tck-depos h1, #tck-depos p {
    color: #394554;
    margin-bottom: 30px;
}

#gcm-depos .container_slide, #ddg-depos .container_slide, #gqt-depos .container_slide, #tck-depos .container_slide {
    position: relative;
    margin-top: 0px;
    height: 500px;
    margin-top: 25px;
}

#gcm-depos .cycle-slideshow li, #ddg-depos .cycle-slideshow li, #gqt-depos .cycle-slideshow li, #tck-depos .cycle-slideshow li {
    width: 100%;
    margin-top: 25px;
}

#gcm-depos .green-line, #ddg-depos .green-line, #gqt-depos .green-line, #tck-depos .green-line {
    position: absolute;
    top: 32%;
    left: 7%;
    height: 3px;
    width: 86%;
    background-color: #b9d342;
}

#gcm-depos .depo-clipping, #ddg-depos .depo-clipping, #gqt-depos .depo-clipping, #tck-depos .depo-clipping {
    clip-path: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%);
}

#gcm-depos p.depo-title, #ddg-depos p.depo-title, #gqt-depos p.depo-title, #tck-depos p.depo-title {
    font-family: 'Encode-SemiBold';
    font-size: 1.15em;
    margin: 20px 0 5px 0;
}

#gcm-depos p.depo-cargo, #ddg-depos p.depo-cargo, #gqt-depos p.depo-cargo, #tck-depos p.depo-cargo {
    font-size: 1em;
    margin-bottom: 25px;
}

/* cycle-arrows */
#gcm-depos .container_slide .cycle-prev, #gcm-depos .container_slide .cycle-next,
#ddg-depos .container_slide .cycle-prev, #ddg-depos .container_slide .cycle-next,
#gqt-depos .container_slide .cycle-prev, #gqt-depos .container_slide .cycle-next,
#tck-depos .container_slide .cycle-prev, #tck-depos .container_slide .cycle-next { position: absolute; top: 26%; width: 30px; height:54px; background-size: cover; z-index: 200; cursor: pointer; opacity: 1; transition: all 0.2s linear; }

#gcm-depos .container_slide .cycle-prev:hover, #gcm-depos .container_slide .cycle-next:hover,
#ddg-depos .container_slide .cycle-prev:hover, #ddg-depos .container_slide .cycle-next:hover,
#gqt-depos .container_slide .cycle-prev:hover, #gqt-depos .container_slide .cycle-next:hover,
#tck-depos .container_slide .cycle-prev:hover, #tck-depos .container_slide .cycle-next:hover { opacity: 1; }

#gcm-depos .container_slide .cycle-prev, #ddg-depos .container_slide .cycle-prev,
#gqt-depos .container_slide .cycle-prev, #tck-depos .container_slide .cycle-prev { background-image: url(../img/arr-prev.png); left: 30px; }

#gcm-depos .container_slide .cycle-next, #ddg-depos .container_slide .cycle-next,
#gqt-depos .container_slide .cycle-next, #tck-depos .container_slide .cycle-next { background-image: url(../img/arr-next.png); right: 30px; }

/* cycle-pager */
#gcm-depos .cycle-pager, #ddg-depos .cycle-pager, #gqt-depos .cycle-pager, #tck-depos .cycle-pager { position: absolute; bottom: -90px; left: 0; width: 100%; text-align: center; z-index: 101; height: 23px; }
#ddg-depos .cycle-pager { bottom: -60px; }
#tck-depos .cycle-pager { bottom: -110px; }
#gcm-depos .cycle-pager span, #ddg-depos .cycle-pager span, #gqt-depos .cycle-pager span, #tck-depos .cycle-pager span { display: inline-block; margin: 0 15px; font-size: 0px; height: 15px; width: 15px; background: #bcbcbc; border: 1px solid #bcbcbc; border-radius: 12px; cursor: pointer; transition: all 0.4s cubic-bezier(.54,.18,.13,1); }
#gcm-depos .cycle-pager .cycle-pager-active, #ddg-depos .cycle-pager .cycle-pager-active,
#gqt-depos .cycle-pager .cycle-pager-active, #tck-depos .cycle-pager .cycle-pager-active { background: #d2ff00; border-color: #d2ff00; }


/*****************************************/
/***********      SUB FORM     ***********/
/*****************************************/

select:focus, select:active { background-color: #01252d !important; }

#gcm-contato .sec-space, #ddg-contato .sec-space, #gqt-contato .sec-space, #tck-contato .sec-space,
#gcm-contato-mob .sec-space, #ddg-contato-mob .sec-space, #gqt-contato-mob .sec-space, #tck-contato-mob .sec-space {
    margin: 90px auto 50px auto;
}

#gcm-contato .sec-text, #ddg-contato .sec-text, #gqt-contato .sec-text, #tck-contato .sec-text,
#gcm-contato-mob .sec-text, #ddg-contato-mob .sec-text, #gqt-contato-mob .sec-text, #tck-contato-mob .sec-text {
    padding: 0 30px 0 60px;
}

#gcm-contato .sec-text h1, #ddg-contato .sec-text h1, #gqt-contato .sec-text h1, #tck-contato .sec-text h1,
#gcm-contato-mob .sec-text h1, #ddg-contato-mob .sec-text h1, #gqt-contato-mob .sec-text h1, #tck-contato-mob .sec-text h1 {
    color: #b9d342;
    margin-bottom: 20px;
}

#gcm-contato .form-space, #ddg-contato .form-space, #gqt-contato .form-space, #tck-contato .form-space,
#gcm-contato-mob .form-space, #ddg-contato-mob .form-space, #gqt-contato-mob .form-space, #tck-contato-mob .form-space {
    margin: 40px 0;
    padding: 0 55px;
}

#gcm-contato .input, #gcm-contato .textarea, #gcm-contato .select select,
#ddg-contato .input, #ddg-contato .textarea, #ddg-contato .select select,
#gqt-contato .input, #gqt-contato .textarea, #gqt-contato .select select,
#tck-contato .input, #tck-contato .textarea, #tck-contato .select select,
#gcm-contato-mob .input, #gcm-contato-mob .textarea, #gcm-contato-mob .select select,
#ddg-contato-mob .input, #ddg-contato-mob .textarea, #ddg-contato-mob .select select,
#gqt-contato-mob .input, #gqt-contato-mob .textarea, #gqt-contato-mob .select select,
#tck-contato-mob .input, #tck-contato-mob .textarea, #tck-contato-mob .select select {
    background-color: #002f3a;
    border-radius: 30px;
    color: #fff;
    border-color: #b9d342;
    height: 60px;
    padding-left: 30px;
    width: 100%;
}

#gcm-contato .select.is-medium, #ddg-contato .select.is-medium, #gqt-contato .select.is-medium, #tck-contato .select.is-medium,
#gcm-contato-mob .select.is-medium, #ddg-contato-mob .select.is-medium, #gqt-contato-mob .select.is-medium, #tck-contato-mob .select.is-medium {
    width: 100%;
    height: 60px;
}

#gcm-contato .control-radio, #ddg-contato .control-radio, #gqt-contato .control-radio, #tck-contato .control-radio,
#gcm-contato-mob .control-radio, #ddg-contato-mob .control-radio, #gqt-contato-mob .control-radio, #tck-contato-mob .control-radio {
    padding: 5px 0 0 10px;
}

/* Customize the label (the container) */
#gcm-contato .custom-radio, #ddg-contato .custom-radio, #gqt-contato .custom-radio, #tck-contato .custom-radio,
#gcm-contato-mob .custom-radio, #ddg-contato-mob .custom-radio, #gqt-contato-mob .custom-radio, #tck-contato-mob .custom-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 1.3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default radio button */
  #gcm-contato .custom-radio input[type=radio], #ddg-contato .custom-radio input[type=radio],
  #gqt-contato .custom-radio input[type=radio], #tck-contato .custom-radio input[type=radio],
  #gcm-contato-mob .custom-radio input[type=radio], #ddg-contato-mob .custom-radio input[type=radio],
  #gqt-contato-mob .custom-radio input[type=radio], #tck-contato-mob .custom-radio input[type=radio]  {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom radio button */
  #gcm-contato .checkmark, #ddg-contato .checkmark, #gqt-contato .checkmark, #tck-contato .checkmark,
  #gcm-contato-mob .checkmark, #ddg-contato-mob .checkmark, #gqt-contato-mob .checkmark, #tck-contato-mob .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #002f3a;
    border: 1px solid #b9d342;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  #gcm-contato .custom-radio:hover input[type=radio] ~ .checkmark, #ddg-contato .custom-radio:hover input[type=radio] ~ .checkmark,
  #gqt-contato .custom-radio:hover input[type=radio] ~ .checkmark, #tck-contato .custom-radio:hover input[type=radio] ~ .checkmark,
  #gcm-contato-mob .custom-radio:hover input[type=radio] ~ .checkmark, #ddg-contato-mob .custom-radio:hover input[type=radio] ~ .checkmark,
  #gqt-contato-mob .custom-radio:hover input[type=radio] ~ .checkmark, #tck-contato-mob .custom-radio:hover input[type=radio] ~ .checkmark {
    background-color: #04262e;
  }
  
  /* When the radio button is checked, add a blue background */
  #gcm-contato .custom-radio input[type=radio]:checked ~ .checkmark, #ddg-contato .custom-radio input[type=radio]:checked ~ .checkmark,
  #gqt-contato .custom-radio input[type=radio]:checked ~ .checkmark, #tck-contato .custom-radio input[type=radio]:checked ~ .checkmark,
  #gcm-contato-mob .custom-radio input[type=radio]:checked ~ .checkmark, #ddg-contato-mob .custom-radio input[type=radio]:checked ~ .checkmark,
  #gqt-contato-mob .custom-radio input[type=radio]:checked ~ .checkmark, #tck-contato-mob .custom-radio input[type=radio]:checked ~ .checkmark {
    background-color: #b9d342;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  #gcm-contato .checkmark:after, #ddg-contato .checkmark:after, #gqt-contato .checkmark:after, #tck-contato .checkmark:after,
  #gcm-contato-mob .checkmark:after, #ddg-contato-mob .checkmark:after, #gqt-contato-mob .checkmark:after, #tck-contato-mob .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  #gcm-contato .container input[type=radio]:checked ~ .checkmark:after, #ddg-contato .container input[type=radio]:checked ~ .checkmark:after,
  #gqt-contato .container input[type=radio]:checked ~ .checkmark:after, #tck-contato .container input[type=radio]:checked ~ .checkmark:after,
  #gcm-contato-mob .container input[type=radio]:checked ~ .checkmark:after, #ddg-contato-mob .container input[type=radio]:checked ~ .checkmark:after,
  #gqt-contato-mob .container input[type=radio]:checked ~ .checkmark:after, #tck-contato-mob .container input[type=radio]:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  #gcm-contato .container .checkmark:after, #ddg-contato .container .checkmark:after,
  #gqt-contato .container .checkmark:after, #tck-contato .container .checkmark:after,
  #gcm-contato-mob .container .checkmark:after, #ddg-contato-mob .container .checkmark:after,
  #gqt-contato-mob .container .checkmark:after, #tck-contato-mob .container .checkmark:after  {
    top: 8px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #002f3a;
  }

  .faixa-field {
      margin-top: -25px;
  }

#gcm-contato .button, #ddg-contato .button, #gqt-contato .button, #tck-contato .button,
#gcm-contato-mob .button, #ddg-contato-mob .button, #gqt-contato-mob .button, #tck-contato-mob .button {
    background-color: #b9d342;
    border: 1px solid #b9d342;
    border-radius: 30px; -webkit-border-radius: 30px;
    color: #002f3a;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#gcm-contato .button:hover, #ddg-contato .button:hover, #gqt-contato .button:hover, #tck-contato .button:hover,
#gcm-contato-mob .button:hover, #ddg-contato-mob .button:hover, #gqt-contato-mob .button:hover, #tck-contato-mob .button:hover {
    border: 1px solid #d2ff00;
    background-color: #d2ff00;
}

#gcm-contato .button.is-medium, #ddg-contato .button.is-medium, #gqt-contato .button.is-medium, #tck-contato .button.is-medium,
#gcm-contato-mob .button.is-medium, #ddg-contato-mob .button.is-medium, #gqt-contato-mob .button.is-medium, #tck-contato-mob .button.is-medium {
    font-size: 1.4em;
    height: 60px;
    padding: 0 75px 5px 75px;
    text-transform: uppercase;
    font-family: 'Encode';
}

::placeholder {
    color: #fff;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #002f3a inset;
    -webkit-text-fill-color: #fff;
}


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

#gcm-footer, #ddg-footer, #gqt-footer, #tck-footer {
    padding-top: 100px;
}

#gcm-footer .logo-wpp, #ddg-footer .logo-wpp, #gqt-footer .logo-wpp, #tck-footer .logo-wpp {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 10px;
    margin-top: -60px;
}

#gcm-footer .wpp-btn, #ddg-footer .wpp-btn, #gqt-footer .wpp-btn, #tck-footer .wpp-btn {
    background-color: #002f3a;
    border: 1px solid #002f3a;
    border-radius: 30px; -webkit-border-radius: 30px;
    height: 60px;
    padding: 5px 15px;
    transition: all 0.4s cubic-bezier(.54,.18,.13,1);
}

#gcm-footer .wpp-btn:hover, #ddg-footer .wpp-btn:hover, #gqt-footer .wpp-btn:hover, #tck-footer .wpp-btn:hover {
    border: 1px solid #04262e;
    background-color: #04262e;
}

#gcm-footer .wpp-btn a, #ddg-footer .wpp-btn a, #gqt-footer .wpp-btn a, #tck-footer .wpp-btn a {
    color: #b9d342;
    display: flex;
    align-items: center;
}

#gcm-footer .wpp-btn a:hover, #ddg-footer .wpp-btn a:hover, #gqt-footer .wpp-btn a:hover, #tck-footer .wpp-btn a:hover {
    color: #d2ff00;
}

.wpp-btn a p {
    font-family: 'Encode-SemiBold';
    margin: 0 15px;
}

.wpp-btn a span {
    font-size: 3em;
}

#gcm-footer .info, #ddg-footer .info, #gqt-footer .info, #tck-footer .info {
    text-align: right;
    margin-top: -45px;
    margin-bottom: 20px;
}

#gcm-footer .info p, #ddg-footer .info p, #gqt-footer .info p, #tck-footer .info p {
    line-height: 200%;
    color: #002f3a;
}

#gcm-footer .info p>span, #ddg-footer .info p>span, #gqt-footer .info p>span, #tck-footer .info p>span {
    font-family: 'Encode-Bold';
    color: #002f3a;
}

.social {
    margin-top: 10px;
}

#gcm-footer .social a, #ddg-footer .social a, #gqt-footer .social a, #tck-footer .social a {
    color: #002f3a;
    margin-left: 20px;
    font-size: 1.4em;
    position: relative;
    z-index: 5;
}

#gcm-footer .social a:hover, #ddg-footer .social a:hover, #gqt-footer .social a:hover, #tck-footer .social a:hover {
    color: #fff;
}

#gcm-footer .quax-assinatura, #ddg-footer .quax-assinatura, #gqt-footer .quax-assinatura, #tck-footer .quax-assinatura {
    border-bottom: 8px solid #002f3a;
    background-color: transparent;
  }

  #gcm-footer .arrow-up, #ddg-footer .arrow-up, #gqt-footer .arrow-up, #tck-footer .arrow-up {
    border-bottom: 40px solid #002f3a;
  }


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

/* Extra large devices (large desktops) */
@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    header .nav-menu { right: -3%; }

    .btn-scroll { margin-right: -620px; right: 50%; }

    #por-que .block-bg { width: 70%; }
}

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

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

  body { overflow: hidden; }

  h1 { font-size: 4em; }

  p { font-size: 1.1em; }

  h3 { font-size: 1.3em; }

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


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

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

    header { height: 80px; }

    header .container { padding: 0 60px; }

    header .head-menu { height: 80px; }

    header .logo-home img { height: 58px; }

    header .nav-toggle { margin-top: 12px; }
    
    header .nav-toggle span { height: 4px; width: 35px; }

    .is-active.nav-toggle span:nth-child(1) { margin-top: -12px; }
    .is-active.nav-toggle span:nth-child(3) { margin-top: 12px; }

    header .nav-menu { top: 78px; width: 220px; }

    header .nav-item { text-align: center; }


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

    #banner { margin-top: 80px; }
    
    #banner .banner-text h1 { font-size: 3.5em; }


    /********* Btn Scroll **********/
    
    .btn-scroll { top: 1035px; right: 70px; height: 81px; width: 250px; }


    /********* O Grupo **********/

    .logo-box { width: 90%; height: 165px; margin: 50px 0 0 40px; padding: 35px 40px; }

    #grupo .plus-m { top: -40px; left: -38px; width: 80px; }

    .logos a:nth-child(1) img { width: 100px; }
    .logos a:nth-child(2) img { width: 160px; }
    .logos a:nth-child(3) img { width: 90px; }
    .logos a:nth-child(4) img { width: 80px; }


    /********* Experiência **********/

    #exp .watermark { right: -50px; top: -45px; width: 700px; }

    #exp .exp-box { width: 500px; height: 82px; border: 4px solid #fff; }

    #exp .plus-p { width: 50px; margin: 10px 25px; }

    #exp .exp-box-text { padding-left: 105px; }

    #exp .sec-space { margin-bottom: 120px; margin-left: 60px; }


    /********* Marcas **********/

    #marcas { height: 659px; } 

    #marcas p { font-size: 1.6em; }
    
    .marca-bar { padding-top: 14% !important; }

    #guacamole-bar img { margin-top: 25px; width: 200px; }

    #guacamole-bar p { margin-top: 64px; }

    #trucks-bar img { width: 150px; margin-top: -10px; }


    /********* Presença **********/

    #mapa { min-height: 900px; }

    #mapa .watermark { right: -55px; bottom: -30px; width: 700px; }

    .mapa { margin: 60px 80px 60px 80px; transform: scale(1.1); }

    #mapa .sec-text h1 { margin-bottom: 30px; }

    #mapa .city-area p { font-size: 1em; }


    /********* Por que **********/

    #por-que .block-bg { width: 715px; height: 1930px; }

    #por-que .sec-text { margin-left: 60px; }

    #por-que .sec-text p { padding-right: 220px; }

    #por-que .exp-box { width: 540px; height: 220px; border: 9px solid #fff; }

    #por-que .exp-right { margin: 40px 0 0 40%; }

    #por-que .plus-p { width: 50px; }

    #por-que h3 { font-size: 1.35em; }

    #por-que .exp-box-text p { font-size: 1em; }


    /********* Contato **********/
    
    #contato .input, #contato .textarea, #contato .select select { height: 45px; }

    #contato .select.is-medium { height: 45px; }

    #contato .button.is-medium { font-size: 1.2em; height: 45px; padding: 0 50px 3px 50px; }

    .logo-wpp { padding: 20px 30px 20px 10px; }

    #contato .logo-top { width: 100px; }

    .wpp-btn { height: 45px; padding: 1.5px 15px; }

    .wpp-btn a p, .info p { font-size: 1em; }

    .wpp-btn a span { font-size: 2.5em; }

    .map { margin-top: 20px; }

    #contato-mapa { height: 365px; width: 560px; }

    .map .map-shadow { height: 280px; }

    .social a { font-size: 1.3em; }


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

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

   #gcm-banner, #ddg-banner, #gqt-banner, #tck-banner { margin-top: 80px; }
    
   #gcm-banner .banner-text h1, #ddg-banner .banner-text h1, #gqt-banner .banner-text h1 { font-size: 3.5em; }

   #tck-banner .banner-text h1 { font-size: 3.5em; padding-left: 10%; }

   
   /********* Gastronomia **********/

   #gcm-gastro .gastro-pics img, #ddg-gastro .gastro-pics img, #gqt-gastro .gastro-pics img, #tck-gastro .gastro-pics img { width: 200px; }

   .legenda-container { max-width: 200px;}

   .cardapio-border { left: 40.1%; }

   
   /********* Sobre **********/

   #gcm-sobre .vantagem-circle, #ddg-sobre .vantagem-circle, #gqt-sobre .vantagem-circle, #tck-sobre .vantagem-circle { width: 200px; height: 200px; }

   #gcm-sobre .circle-stroke, #ddg-sobre .circle-stroke, #gqt-sobre .circle-stroke, #tck-sobre .circle-stroke { width: 178px; height: 178px; top: 11px; left: 11px; }

   #gcm-sobre .vantagem-content img, #ddg-sobre .vantagem-content img, #gqt-sobre .vantagem-content img, #tck-sobre .vantagem-content img { height: 35px; }

   #gcm-sobre p.vantagem-title, #ddg-sobre p.vantagem-title, #gqt-sobre p.vantagem-title, #tck-sobre p.vantagem-title { font-size: 0.99em; }

   #gcm-sobre p.vantagem-text, #ddg-sobre p.vantagem-text, #gqt-sobre p.vantagem-text, #tck-sobre p.vantagem-text { font-size: 0.9em; }

   .gcm-info-text p, .ddg-info-text p, .gqt-info-text p, .tck-info-text p { font-size: 1em; }

   .btn-site { background-color: #d2ff00; border: 1px solid #d2ff00; margin-bottom: 50px; }


    /********* Presença **********/

    #gcm-mapa, #ddg-mapa, #gqt-mapa, #tck-mapa { min-height: 900px; }

    #gcm-mapa .watermark, #ddg-mapa .watermark, #gqt-mapa .watermark, #tck-mapa .watermark { right: -55px; bottom: -30px; width: 700px; }

    #gcm-mapa .sec-text h1, #ddg-mapa .sec-text h1, #gqt-mapa .sec-text h1, #tck-mapa .sec-text h1 { margin-bottom: 30px; }

    #gcm-mapa .city-area p, #ddg-mapa .city-area p, #gqt-mapa .city-area p, #tck-mapa .city-area p { font-size: 1em; }


    /********* Sub Form **********/

    #gcm-contato h1, #ddg-contato h1, #gqt-contato h1, #tck-contato h1  { font-size: 3.5em; }


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

    #gcm-footer .container, #ddg-footer .container, #gqt-footer .container, #tck-footer .container { padding-right: 30px; }

    #gcm-footer .wpp-btn, #ddg-footer .wpp-btn, #gqt-footer .wpp-btn, #tck-footer .wpp-btn { padding: 8px 15px; }


}

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

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

  body { overflow-x: hidden; }

  h1 { font-size: 4em; }
  
  p { font-size: 1.1em; }

  h3 { font-size: 1.3em; }

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

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

/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
  
      /********* Header **********/
  
      header { height: 80px; }
  
      header .container { padding: 0 60px; }
  
      header .head-menu { height: 80px; }
  
      header .logo-home img { height: 58px; }
  
      header .nav-toggle { margin-top: 12px; }
      
      header .nav-toggle span { height: 4px; width: 35px; }
  
      .is-active.nav-toggle span:nth-child(1) { margin-top: -12px; }
      .is-active.nav-toggle span:nth-child(3) { margin-top: 12px; }

      header .nav-menu { top: 78px; left: 75%; width: 220px; }

      header .nav-item { justify-content: center; }
  
  
      /********* Banner **********/

      #banner { margin-top: 80px; }
      
      #banner .banner-text h1 { font-size: 3.6em; padding: 170px 0 0 15%; }

      .container_slide { height: 609px; }
  
      /********* O Grupo **********/

      #grupo .sec-text { padding: 0 60px; }

      .btn-center { text-align: center; padding: 30px 0 10px 0; }

      .btn-noscroll img { width: 250px; }
  
      .logo-box { width: 80%; height: 150px; margin: 50px 0 0 75px; }
  
      #grupo .plus-m { top: -40px; left: -38px; width: 80px; }
  
      .logos a:nth-child(1) img { width: 120px; }
      .logos a:nth-child(2) img { width: 200px; }
      .logos a:nth-child(3) img { width: 100px; }
  
  
      /********* Experiência **********/
  
      #exp .watermark { right: -50px; top: -45px; width: 700px; }

      #exp .sec-space { margin-bottom: 120px; margin-left: 60px; }

      #exp .sec-text { text-align: center; }

      #exp .exp-box-container { padding-left: 11%; }
  
      #exp .exp-box { width: 500px; height: 82px; border: 4px solid #fff; }
  
      #exp .plus-p { width: 50px; margin: 10px 25px; }
  
      #exp .exp-box-text { padding-left: 105px; }
  
  
      /********* Marcas **********/
  
      #marcas { height: 659px; } 
  
      #marcas p { font-size: 1.6em; }
      
      .marca-bar { padding-top: 15% !important; }
  
      #guacamole-bar img { margin-top: 25px; width: 200px; }
  
      #guacamole-bar p { margin-top: 69px; }

      #guaquito-bar p { margin-top: 57px; }

      #trucks-bar img { width: 150px; margin-top: -10px; }

      #trucks-bar p { margin-top: 49px; }

      .circle-container { padding-top: 36% !important; }

      #didge-bar .circle-container { padding-top: 24% !important; }
  
  
      /********* Presença **********/
    
      #mapa-mob .watermark { position: absolute; right: -55px; bottom: -30px; width: 700px; }

      #mapa-mob .sec-space { margin-top: 70px; margin-left: 15%; margin-bottom: 70px; width: 70%; }
  
      #mapa-mob .sec-text { text-align: center; padding: 0; }

      #mapa-mob .sec-text h1 { color: #b9d342; margin-bottom: 30px; }
  
      #mapa-mob .city-area p { font-size: 1em; }

      #mapa-mob .city-area-mob { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; }

      #mapa-mob .city-area { width: 220px; }
  
  
      /********* Por que **********/
  
      #por-que .block-bg { width: 384px; height: 1930px; }
  
      #por-que .columns {-webkit-box-pack: center; justify-content: center; }

      #por-que .sec-text { text-align: center; }
  
      #por-que .sec-text p { padding-right: 0; }
  
      #por-que .exp-box { width: 540px; height: 220px; border: 9px solid #fff; margin-left: 0; }
  
      #por-que .exp-right { margin: 40px 0 0 16%; }
  
      #por-que .plus-p { width: 50px; }
  
      #por-que h3 { font-size: 1.35em; }
  
      #por-que .exp-box-text p { font-size: 1em; }
  

      /********* Franqueado **********/

      #franqueado .sec-text { padding: 0 50px; }

  
      /********* Contato **********/

      #contato .sec-space { margin: 0; }

      #contato .sec-space-mob-1 { margin-top: 70px; }

      #contato .sec-space-mob-2 { margin-bottom: 70px; }

      #contato .sec-text { padding: 0; text-align: center; }
      
      #contato .input, #contato .textarea, #contato .select select { height: 45px; }
  
      #contato .select.is-medium { height: 45px; }
  
      #contato .button.is-medium { font-size: 1.2em; height: 45px; padding: 0 50px 3px 50px; }
  
      .logo-wpp { padding: 20px 50px 20px 50px; justify-content: space-around; }
  
      #contato .logo-top { width: 100px; }
  
      .wpp-btn { height: 45px; padding: 1.5px 15px; }
  
      .wpp-btn a p, .info p { font-size: 1em; }
  
      .wpp-btn a span { font-size: 2.5em; }
  
      .map { margin: 20px 0 0 0; }
  
      #contato-mapa { height: 460px; width: 100%; }
  
      .map .map-shadow { height: 480px; left: 0; top: -10px; width: 100%; }

      .info { text-align: center; }
  
      .social a { font-size: 1.3em; margin: 0 10px; }

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

    #gcm-banner, #ddg-banner, #gqt-banner, #tck-banner { margin-top: 80px; }
    
    #gcm-banner .banner-text h1, #ddg-banner .banner-text h1, #gqt-banner .banner-text h1, #tck-banner .banner-text h1 { font-size: 3.3em; padding: 170px 0 0 15%; }

    #tck-banner .banner-text h1 { padding: 120px 0 0 10%; }


    /********* Marca **********/

    #gcm-guaca .sec-text, #ddg-didge .sec-text, #gqt-quito .sec-text, #tck-trucks .sec-text { padding: 0 50px; text-align: center; }

    #gcm-guaca .btn-container, #ddg-didge .btn-container, #gqt-quito .btn-container, #tck-trucks .btn-container { text-align: center; padding-top: 0px; margin: -40px auto 40px auto; }


    /********* Gastronomia **********/

    #gcm-gastro .sec-text, #ddg-gastro .sec-text, #gqt-gastro .sec-text, #tck-gastro .sec-text { padding: 0 50px; text-align: center; }

    .gastro-pics { flex-wrap: wrap; padding: 0 60px; justify-content: space-around; }

    .gallery-img { margin-top: 15px; }

    .cardapio-border { left: 35.8%; }

    .cardapio-btn { left: 38%; }


    /********* Sobre **********/

    #gcm-sobre .sec-text, #ddg-sobre .sec-text, #gqt-sobre .sec-text, #tck-sobre .sec-text { text-align: center; }

    #gcm-sobre .plus-pp, #ddg-sobre .plus-pp, #gqt-sobre .plus-pp, #tck-sobre .plus-pp, .some { display: none; }

    #gcm-sobre .vantagens-box, #ddg-sobre .vantagens-box, #gqt-sobre .vantagens-box, #tck-sobre .vantagens-box { justify-content: space-around; flex-wrap: wrap; padding: 0 60px; margin-top: 0; }
    
    #gcm-sobre .vantagem-circle, #ddg-sobre .vantagem-circle, #gqt-sobre .vantagem-circle, #tck-sobre .vantagem-circle { margin-top: 60px; }

    .franqueador-container { text-align: center; }

    .franqueador { width: 450px; margin: -50px 0 -20px; }

    .btn-site { background-color: #d2ff00; border: 1px solid #d2ff00; margin-bottom: 50px; }

    .gcm-info-bg, .ddg-info-bg, .gqt-info-bg, .tck-info-bg  { left: 50px; }

    .gcm-info-stroke, .ddg-info-stroke, .gqt-info-stroke, .tck-info-stroke { left: 70px; }

    .gcm-info-logo { padding: 40px 40px 30px 105px; }

    .gcm-info-logo img { width: 180px; }

    .ddg-info-logo, .gqt-info-logo, .tck-info-logo { padding: 20px 40px 30px 105px; }

    .gcm-info-text p, .ddg-info-text p, .gqt-info-text p, .tck-info-text p { font-size: 1em; }

    .ddg-info-text p, .gqt-info-text p, .tck-info-text p { padding-right: 30px; }


    /********* Presença **********/

    #gcm-mapa-mob .watermark, #ddg-mapa-mob .watermark, #gqt-mapa-mob .watermark, #tck-mapa-mob .watermark { position: absolute; right: -55px; bottom: -30px; width: 700px; }

    #gcm-mapa-mob .sec-space, #ddg-mapa-mob .sec-space, #gqt-mapa-mob .sec-space, #tck-mapa-mob .sec-space { margin-top: 70px; margin-left: 15%; margin-bottom: 70px; width: 70%; }

    #gcm-mapa-mob .sec-text, #ddg-mapa-mob .sec-text, #gqt-mapa-mob .sec-text, #tck-mapa-mob .sec-text { text-align: center; padding: 0; }

    #gcm-mapa-mob .sec-text h1, #ddg-mapa-mob .sec-text h1, #gqt-mapa-mob .sec-text h1, #tck-mapa-mob .sec-text h1 { color: #eec918; margin-bottom: 30px; }

    #gcm-mapa-mob .city-area p, #ddg-mapa-mob .city-area p, #gqt-mapa-mob .city-area p, #tck-mapa-mob .city-area p { font-size: 1em; }

    #gcm-mapa-mob .city-area-mob, #ddg-mapa-mob .city-area-mob, #gqt-mapa-mob .city-area-mob, #tck-mapa-mob .city-area-mob { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; }

    #gcm-mapa-mob .city-area, #ddg-mapa-mob .city-area, #gqt-mapa-mob .city-area, #tck-mapa-mob .city-area { width: 220px; }


    /********* Franqueado **********/

    #franqueado .sec-text { padding: 0 50px; }


    /********* Sub Form **********/

    #gcm-contato .sec-text, #ddg-contato .sec-text, #gqt-contato .sec-text, #tck-contato .sec-text { padding: 0 90px; text-align: center; }


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

    #gcm-footer .container, #ddg-footer .container, #gqt-footer .container, #tck-footer .container { padding: 0 50px; }

    #gcm-footer .logo-wpp, #ddg-footer .logo-wpp, #gqt-footer .logo-wpp, #tck-footer .logo-wpp { flex-wrap: wrap; padding: 20px 50px 20px 0px; justify-content: space-around; margin-bottom: 20px; }

    #gcm-footer .logo-wpp img, #ddg-footer .logo-wpp img, #gqt-footer .logo-wpp img, #tck-footer .logo-wpp img { margin-bottom: 40px; }

    #gcm-footer .wpp-btn, #ddg-footer .wpp-btn, #gqt-footer .wpp-btn, #tck-footer .wpp-btn { padding: 8px 15px; }

    #gcm-footer .info, #ddg-footer .info, #gqt-footer .info, #tck-footer .info { margin-top: -20px; }

    .wpp-btn { height: 45px; padding: 1.5px 15px; }

    .wpp-btn a p, .info p { font-size: 1em; }

    .wpp-btn a span { font-size: 2.5em; }

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



/***************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/

@media only screen and (max-width: 767px) {

  body{ overflow-x: hidden; }

  h1 { font-size: 2.5em; }
  
  p { font-size: 0.9em; }
  
  h3 { font-size: 1.2em; }

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

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

  .sec-space { margin-top: 50px; margin-bottom: 50px; }

  
  /*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* HOME *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
  
      /********* Header **********/
  
      header, header.fixed { height: 70px; }
  
      header .container, header.fixed .container { padding: 0 30px; }
  
      header .logo-home img, header.fixed .logo-home img { height: 47px; }
  
      header .nav-toggle, header.fixed .nav-toggle { margin-top: 5px; }
      
      header .nav-toggle span, header.fixed .nav-toggle span { height: 3px; width: 25px; }
  
      header .nav-toggle span:nth-child(1), header.fixed .nav-toggle span:nth-child(1) { margin-top: -8px; }
      header .nav-toggle span:nth-child(3), header.fixed .nav-toggle span:nth-child(3) { margin-top: 7px; }

      header .is-active.nav-toggle span:nth-child(1), header.fixed .is-active.nav-toggle span:nth-child(1) { margin-top: -8px; }
      header .is-active.nav-toggle span:nth-child(3), header.fixed .is-active.nav-toggle span:nth-child(3) { margin-top: 9px; }

      header .nav-menu { top: 68px; left: -12%; width: 125%; }

      header .nav-item { justify-content: center; }
  
  
      /********* Banner **********/
      
      #banner { margin-top: 70px; }
      
      #banner .banner-text h1 { font-size: 2.3em; padding: 200px 0 0 10%; }

      #banner .container_slide { height: 600px; }

      #banner .cycle-slideshow li { height: 600px; }
  
      #banner .parrot-filter{ height: 600px; }

  
      /********* O Grupo **********/

      #grupo .sec-text { padding: 0 15%; }

      #grupo .sec-text h1 { text-align: center; }

      #grupo .sec-text p { letter-spacing: normal; }

      .btn-center { text-align: center; padding: 30px 0 10px 0; }

      .btn-noscroll img { width: 200px; }
  
      .logo-box { width: 70%; height: auto; margin: 50px 0 0 15%; padding: 40px 30px 0 30px; }
  
      #grupo .plus-m { top: -40px; left: -38px; width: 80px; }

      .logos { flex-wrap: wrap; justify-content: center; }

      .logos a { margin-bottom: 30px; }
  
      .logos a:nth-child(1) img { width: 120px; }
      .logos a:nth-child(2) img { width: 200px; }
  
  
      /********* Experiência **********/
  
      #exp .watermark { right: -50px; top: 10px; max-width: 400px; }

      #exp .sec-space { margin-bottom: 70px; margin-left: 0; }

      #exp .sec-text { text-align: center; }

      #exp .exp-box-container { padding: 0 5%; }
  
      #exp .exp-box { width: 100%; height: 82px; border: 4px solid #fff; }
  
      #exp .plus-p { width: 50px; margin: 10px 25px; }
  
      #exp .exp-box-text { padding: 0 30px 0 40px; }

      #exp .exp-box-text p { font-size: 0.9em; }
  
  
      /********* Marcas **********/
  
      #marcas { height: auto; } 
  
      #marcas p { font-size: 1.4em; }

      #didge-bar, #guacamole-bar, #guaquito-bar, #trucks-bar { height: auto; }

      #didge-bar p, #guacamole-bar p, #guaquito-bar p, #trucks-bar p { margin-top: 50px; }

      #didge-bar img { margin-top: 0px; }

      #guaquito-bar img { margin-top: 0; }

      #trucks-bar img { width: 160px; margin-top: -23px; }
      
      .marca-bar { padding-top: 15% !important; }
  
      #guacamole-bar img { margin-top: 0; width: 250px; }

      .circle-container { padding-top: 10% !important; padding-bottom: 13%; }

      .circle { width: 100px; height: 100px; padding: 30px 10px; }
  
  
      /********* Presença **********/
    
      #mapa-mob .watermark { position: absolute; right: 0; bottom: -50px; max-width: 350px; }

      #mapa-mob .sec-space { margin-top: 70px; margin-left: 15%; margin-bottom: 70px; width: 70%; }
  
      #mapa-mob .sec-text { text-align: center; padding: 0; }

      #mapa-mob .sec-text h1 { color: #b9d342; margin-bottom: 30px; }
  
      #mapa-mob .city-area p { font-size: 1em; }

      #mapa-mob .city-area-mob { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 60px; }

      #mapa-mob .city-area { width: 282px; }
  
  
      /********* Por que **********/
  
      #por-que .block-bg { width: 200px; height: 2025px; }
  
      #por-que .columns {-webkit-box-pack: center; justify-content: center; }

      #por-que .sec-space { margin: 0; }

      #por-que .sec-text { text-align: center; margin-top: 50px; }
  
      #por-que .sec-text p { padding: 0 10%; }
  
      #por-que .exp-box { width: 100%; height: 240px; border-radius: 0; border: none; border-top: 6px solid #fff; border-bottom: 6px solid #fff; margin-left: 0; }
  
      #por-que .exp-right { margin: 0; }
  
      #por-que .plus-p { width: 50px; }
  
      #por-que h3 { font-size: 1.2em; }
  
      #por-que .exp-box-text p { font-size: 0.9em; }
  

      /********* Franqueado **********/

      #franqueado .sec-space { margin: 0; }

      #franqueado .sec-text { padding: 0 50px; }

      #franqueado .sec-text h1 { margin: 40px 0 35px 0; }

      #franqueado .btn-container { margin: 40px 0; }

      #franqueado img { width: 250px; }

  
      /********* Contato **********/

      #contato .sec-space { margin: 0; }

      #contato .sec-space-mob-1 { margin-top: 70px; }

      #contato .sec-space-mob-2 { margin-bottom: 70px; display: block !important; }

      #contato .sec-text { padding: 0; text-align: center; }

      #contato .form-space { padding: 0 10%; }
      
      #contato .input, #contato .textarea, #contato .select select { height: 45px; }
  
      #contato .select.is-medium { height: 45px; }
  
      #contato .button.is-medium { font-size: 1.2em; height: 45px; padding: 0 50px 3px 50px; }
  
      .logo-wpp { justify-content: center; flex-wrap: wrap; }
  
      #contato .logo-top { width: 100px; margin: 0 35px 20px 35px; }
  
      .wpp-btn { height: 45px; padding: 1.5px 15px; }
  
      .wpp-btn a p, .info p { font-size: 1em; }
  
      .wpp-btn a span { font-size: 2.5em; }
  
      .map { margin: 20px 0 0 0; }
  
      #contato-mapa { height: 460px; width: 100%; }
  
      .map .map-shadow { height: 480px; left: 0; top: -10px; width: 100%; }

      .info { text-align: center; }
  
      .social a { font-size: 1.3em; margin: 0 10px; }


/*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜* SUBS *˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*˜*/
  
      /********* Banner **********/
      
      #gcm-banner, #ddg-banner, #gqt-banner, #tck-banner { margin-top: 70px; }
      
      #gcm-banner .banner-text h1 { font-size: 2em; padding: 200px 0 0 10%; }

      #ddg-banner .banner-text h1, #gqt-banner .banner-text h1 { font-size: 2em; padding: 150px 0 0 10%; }

      #tck-banner .banner-text h1 { font-size: 2em; padding: 100px 0 0 10%; }

      #gcm-banner .container_slide, #ddg-banner .container_slide, #gqt-banner .container_slide, #tck-banner .container_slide { height: 649px; }

      #gcm-banner .cycle-slideshow li, #ddg-banner .cycle-slideshow li, #gqt-banner .cycle-slideshow li, #tck-banner .cycle-slideshow li { height: 649px; }
  
  
      /********* Marca **********/
      
      #gcm-guaca .sec-space, #ddg-didge .sec-space, #gqt-quito .sec-space, #tck-trucks .sec-space { margin-top: 0; margin-bottom: 50px; padding-top: 50px;}

      #gcm-guaca .sec-text, #ddg-didge .sec-text, #gqt-quito .sec-text, #tck-trucks .sec-text { padding: 0 10%; }

      #gcm-guaca .sec-text h1, #ddg-didge .sec-text h1, #gqt-quito .sec-text h1, #tck-trucks .sec-text h1 { text-align: center; }

      #tck-trucks .logo-tck { width: 150px; margin-top: 0; margin-bottom: 20px; }

      #gcm-guaca .btn-container, #ddg-didge .btn-container, #gqt-quito .btn-container, #tck-trucks .btn-container { text-align: center; padding-top: 0; margin: 0; padding-bottom: 50px; }
      
      #gcm-guaca .gcm-btn-noscroll, #ddg-didge .gcm-btn-noscroll, #gqt-quito .gcm-btn-noscroll, #tck-trucks .gcm-btn-noscroll { width: 240px; }

      .trucks-logos-container { flex-wrap: wrap; padding-bottom: 50px; margin-bottom: 0; margin-top: -10px; }

      .logo-tck-gcm { width: 250px; }

      .logo-tck-ddg { width: 200px; padding-top: 20px; }
  

      /********* Gastronomia **********/

      #gcm-gastro .sec-space, #ddg-gastro .sec-space, #gqt-gastro .sec-space, #tck-gastro .sec-space { margin: 0; padding-bottom: 50px; padding-top: 50px; }

      #gcm-gastro .sec-text, #ddg-gastro .sec-text, #gqt-gastro .sec-text, #tck-gastro .sec-text { padding: 0 10%; }

      #gcm-gastro .sec-text h1, #ddg-gastro .sec-text h1, #gqt-gastro .sec-text h1, #tck-gastro .sec-text h1 { font-size: 2.2em; text-align: center; }
  
      .gastro-pics { flex-wrap: wrap; padding: 0 60px; justify-content: space-around; margin: 10px 0 70px 0; }

      .gallery-img { margin-top: 35px; }

      .cardapio-border { width: 179px; height: 179px; left: 24.5%; }

      .cardapio-btn { width: 153px; height: 153px; top: 13px; left: 28%;  }
  

      /********* Sobre **********/

      #gcm-sobre .sec-space, #ddg-sobre .sec-space, #gqt-sobre .sec-space, #tck-sobre .sec-space { margin-top: 0; padding-top: 130px; margin-bottom: 0; padding-bottom: 50px; }

      #gcm-sobre .sec-text, #ddg-sobre .sec-text, #gqt-sobre .sec-text, #tck-sobre .sec-text { text-align: center; padding: 0 30px; }

      #gcm-sobre .sec-text h1, #ddg-sobre .sec-text h1, #gqt-sobre .sec-text h1, #tck-sobre .sec-text h1 { margin-bottom: 30px; }
  
      #gcm-sobre .plus-pp, #ddg-sobre .plus-pp, #gqt-sobre .plus-pp, #tck-sobre .plus-pp, .some { display: none; }

      #gcm-sobre .vantagens-box, #ddg-sobre .vantagens-box, #gqt-sobre .vantagens-box, #tck-sobre .vantagens-box { justify-content: space-around; flex-wrap: wrap; padding: 0 10%; margin-top: 0; }
      
      #gcm-sobre .vantagem-circle, #ddg-sobre .vantagem-circle, #gqt-sobre .vantagem-circle, #tck-sobre .vantagem-circle { margin-top: 60px; }

      #gcm-sobre .gcm-info-container, #ddg-sobre .ddg-info-container, #gqt-sobre .gqt-info-container, #tck-sobre .tck-info-container { height: 460px; }

      .franqueador { margin: -50px 0; }

      .gcm-info-bg, .gcm-info-stroke, .ddg-info-bg, .ddg-info-stroke, .gqt-info-bg, .gqt-info-stroke, .tck-info-bg, .tck-info-stroke { width: 600px; height: 440px; }
  
      .gcm-info-bg, .ddg-info-bg, .gqt-info-bg, .tck-info-bg { left: -50px; }
  
      .gcm-info-stroke, .ddg-info-stroke, .gqt-info-stroke, .tck-info-stroke { left: -70px; }

      .gcm-info, .ddg-info, .gqt-info, .tck-info { flex-wrap: wrap; }
  
      .gcm-info-logo, .ddg-info-logo, .tck-info-logo { padding: 0 0 35px 0; margin: 50px auto 0 auto; border-right: 0px; border-bottom: 1px solid #002f3a; }

      .gqt-info-logo { padding: 0 0 20px 0; margin: 50px auto 0 auto; border-right: 0px; border-bottom: 1px solid #002f3a; }

      .gcm-info-logo img { width: 180px; }

      .ddg-info-logo img { width: 160px; }

      .gqt-info-logo img { width: 150px; }

      .gcm-info-text, .ddg-info-text, .gqt-info-text, .tck-info-text { border-left: none; }

      .gcm-info-text, .ddg-info-text, .tck-info-text { margin: 30px 0; padding: 5px 10%; text-align: center; border: none; }

      .gqt-info-text { margin: 20px 0 30px 0; padding: 5px 10%; text-align: center; }
  
      .gcm-info-text p, .ddg-info-text p, .gqt-info-text p, .tck-info-text p { font-size: 0.9em; }

      .btn-site { background-color: #d2ff00; border: 1px solid #d2ff00; width: 300px; margin-bottom: 50px; }

      .btn-site a p { font-size: 1.3em; padding-top: 3px; }
  
  
      /********* Presença **********/
    
      #gcm-mapa-mob .watermark, #ddg-mapa-mob .watermark, #gqt-mapa-mob .watermark, #tck-mapa-mob .watermark { position: absolute; right: 0; bottom: -10px; max-width: 350px; }

      #gcm-mapa-mob .sec-space, #ddg-mapa-mob .sec-space, #gqt-mapa-mob .sec-space, #tck-mapa-mob .sec-space { margin-top: 0; margin-left: 15%; margin-bottom: 0; padding-top: 70px; padding-bottom: 70px; width: 70%; }
  
      #gcm-mapa-mob .sec-text, #ddg-mapa-mob .sec-text, #gqt-mapa-mob .sec-text, #tck-mapa-mob .sec-text { text-align: center; padding: 0; }

      #gcm-mapa-mob .sec-text h1, #ddg-mapa-mob .sec-text h1, #gqt-mapa-mob .sec-text h1, #tck-mapa-mob .sec-text h1 { color: #eec918; margin-bottom: 30px; }
  
      #gcm-mapa-mob .city-area p, #ddg-mapa-mob .city-area p, #gqt-mapa-mob .city-area p, #tck-mapa-mob .city-area p { font-size: 1em; }

      #gcm-mapa-mob .city-area-mob, #ddg-mapa-mob .city-area-mob, #gqt-mapa-mob .city-area-mob, #tck-mapa-mob .city-area-mob { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 60px; }

      #gcm-mapa-mob .city-area, #ddg-mapa-mob .city-area, #gqt-mapa-mob .city-area, #tck-mapa-mob .city-area { width: 280px; }


      /********* Depoimentos **********/

      #gcm-depos .sec-space, #ddg-depos .sec-space, #gqt-depos .sec-space, #tck-depos .sec-space { margin-top: 0; margin-bottom: 0; padding-top: 70px; padding-bottom: 70px; }

      #gcm-depos .sec-text, #ddg-depos .sec-text, #gqt-depos .sec-text, #tck-depos .sec-text { padding: 0 6%; }

  
      /********* Contato **********/

      #gcm-contato-mob .sec-text, #ddg-contato-mob .sec-text, #gqt-contato-mob .sec-text, #tck-contato-mob .sec-text { padding: 0 10%; text-align: center; }

      #gcm-contato-mob .form-space, #ddg-contato-mob .form-space, #gqt-contato-mob .form-space, #tck-contato-mob .form-space { padding: 0 10%; }

      #gcm-contato-mob .custom-radio, #ddg-contato-mob .custom-radio, #gqt-contato-mob .custom-radio, #tck-contato-mob .custom-radio { font-size: 1.1em; }


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

      #gcm-footer .container, #ddg-footer .container, #gqt-footer .container, #tck-footer .container { padding: 0 10%; }

      #gcm-footer .logo-wpp, #ddg-footer .logo-wpp, #gqt-footer .logo-wpp, #tck-footer .logo-wpp { flex-wrap: wrap; padding: 0; justify-content: space-around; margin-bottom: 20px; }

      #gcm-footer .logo-wpp img, #ddg-footer .logo-wpp img, #gqt-footer .logo-wpp img, #tck-footer .logo-wpp img { margin-bottom: 40px; }

      #gcm-footer .wpp-btn, #ddg-footer .wpp-btn, #gqt-footer .wpp-btn, #tck-footer .wpp-btn { padding: 8px 15px; }

      #gcm-footer .info, #ddg-footer .info, #gqt-footer .info, #tck-footer .info { text-align: center; margin-top: -20px; margin-bottom: 60px; }

      .wpp-btn a p, .info p { font-size: 1em; }

      .wpp-btn a span { font-size: 2.5em; }

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

}


/*------------------------------------------------*/
/*------------------[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_fadeMap.animated {
    opacity: 1;
    -webkit-animation: fadeMap 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeMap 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeMap 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeMap 1s 1 cubic-bezier(0.77,0,.175,1);
  }

  .animation_scale.animated {
    opacity: 1;
    -webkit-animation: scaleNormal 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: scaleNormal 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: scaleNormal 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: scaleNormal 1s 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); } }

@keyframes fadeMap { 0% { opacity: 0; } 100% { opacity: 1; } }

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


/* ================== 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; }