/*
// - - - - - - - - - - - - - - - - - - -
// W I Z A R D F L Y
// - - - - - - - - - - - - - - - - - - -
// v.00bond (a wizard company)
// - - - - - - - - - - - - - - - - - - -
// #wf-202103181427
// #wf-202103181427
// - - - - - - - - - - - - - - - - - - -
// wfly.rf.gd
// - - - - - - - - - - - - - - - - - - -
*/
/* -- reset -- */
html, body, header, footer, section, div, h1, h2, h3, h4, h5, h6, ul, li, a, p, b, strong, em, i, img, figure, figcaption, span, form, fieldset, label, input, textarea {
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    outline: 0;
    font-family: 'Poppins', sans-serif;
}

/* -- config -- */
::-webkit-scrollbar {
    display: none;
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

body {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.grid {
    width: 95%;
    max-width: 1280px;
    min-width: 280px;
    margin: 0 auto;
}

.section {
    width: 100%;
    float: left;
}

.afterClear:after {
    content: '';
    clear: both;
    display: block;
}

.flag {
    position: absolute;
    top: 0;
    left: 0;
}

.flag strong {
    width: 60%;
    margin: 12px 0 0 18%;
    display: block;
    font-size: 15px;
    line-height: 19px;
    color: #FFFFFF;
    text-align: center;
}

/* -- sprites -- */
.spr {
    background-image: url('../img/sprites.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.spr.scroll {
    background-position: 0 0;
}

.spr.scroll.white {
    background-position: -35px 0;
}

.spr.squareSeat {
    width: 46px;
    height: 46px;
    background-position: -65px 0;
}

.spr.squareCard {
    width: 46px;
    height: 46px;
    background-position: -112px 0;
}

.spr.squareSecurity {
    width: 46px;
    height: 46px;
    background-position: -159px 0;
}

.spr.siteBlindado {
    width: 151px;
    height: 39px;
    background-position: -65px -47px;
}

.spr.ssl {
    width: 94px;
    height: 63px;
    background-position: -217px 0;
}

.spr.cardBrands {
    width: 278px;
    height: 29px;
    background-position: -65px -86px;
}

.spr.gExpress {
    width: 309px;
    height: 36px;
    background-position: -65px -117px;
}

.spr.gMotors {
    width: 312px;
    height: 44px;
    background-position: -65px -153px;
}

.spr.hotel {
    width: 311px;
    height: 131px;
    background-position: -65px -198px;
}

.spr.iFacebook {
    width: 23px;
    height: 23px;
    background-position: 0 -127px;
}

.spr.iInstagram {
    width: 23px;
    height: 23px;
    background-position: 0 -151px;
}

.spr.iPinterest {
    width: 23px;
    height: 23px;
    background-position: 0 -175px;
}

.spr.iwhatsapp {
    width: 23px;
    height: 23px;
    background-position: 0 -199px;
}

.spr.brandRed {
    width: 189px;
    height: 90px;
    background-position: -387px 0;
}

.spr.brandGreen {
    width: 189px;
    height: 90px;
    background-position: -387px -91px;
}

/* -- boxScroll -- */
.section.boxScroll {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    pointer-events: none;
}

.section.boxScroll .grid {
    height: 100%;
    position: relative;
}

.section.boxScroll .scrollBtn {
    width: 27px;
    height: 117px;
    display: block;
    animation: opacity 0.8s linear infinite;
    position: absolute;
    bottom: calc(18vh - 90px);
    left: 0;
}

.section.boxScroll .scrollBtn i {
    width: 27px;
    height: 117px;
}

/* -- text -- */
.text h3 {
    font-size: 37px;
    line-height: 42px;
    display: block;
    color: #8c630f;
    margin: 0 0 10px;
}

.text.dark h3 {
    color: #404040;
}

.text.gray h3 {
    color: #404040;
}

.text h3 b {
    display: block;
    color: #FFFFFF;
}

.text.dark h3 b {
    color: #e5ac22;
}

.text.gray h3 b {
    color: #ffffff;
}

.text p {
    color: #404040;
    font-size: 14px;
    line-height: 22px;
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
}

.text p.desktop {
    display: block;
}

.text p.mobile {
    display: none;
}

.text i.spr {
    display: block;
    margin: 0 0 15px;
}

.text a {
    background: #FFFFFF;
    border-radius: 6px;
    padding: 20px 25px;
    display: inline-block;
    margin: 10px 0 0;
    font-weight: 700;
    color: #ac7f23;
    font-size: 16px;
    line-height: 16px;
    box-shadow: 8px 8px 20px #a27722;
    transition: color 0.4s, background 0.4s;
    overflow: hidden;
    position: relative;
    border: 1px solid #FFFFFF;
}

.text.dark a {
    background: #e5ac22;
    color: #ffffff;
    border: 1px solid #e5ac22;
}

.text.red a {
    background: #ed3237;
    color: #ffffff;
    box-shadow: 8px 8px 20px #ed3237;
    border: 1px solid #ed3237;
}

.text.green a {
    background: #14640f;
    color: #ffffff;
    box-shadow: 8px 8px 20px #14640f;
    border: 1px solid #14640f;
}

.text a:hover, .text a:focus {
    background: #e5ac22;
    color: #ffffff;
}

.text.dark a:hover, .text.dark a:focus {
    background: none;
    color: #e5ac22;
}

.text.red a:hover, .text.red a:focus {
    background: #f4f4f4;
    color: #ed3237;
    box-shadow: 8px 8px 20px #909090;
}

.text.green a:hover, .text.green a:focus {
    background: #f4f4f4;
    color: #14640f;
    box-shadow: 8px 8px 20px #909090;
}

.text a:before, .section.header .right ul li:first-child a:before {
    content: '';
    width: 50px;
    height: 150%;
    position: absolute;
    top: -25%;
    left: -50%;
    display: block;
    z-index: 1;
    transition: left 0.4s;
    background: linear-gradient(to right, transparent, #ffffff, transparent);
    transform: rotate(-27deg);
}

.text a:hover:before, .text a:focus:before, .section.header .right ul li:first-child a:hover:before, .section.header .right ul li:first-child a:focus:before {
    left: 120%;
}

/* -- header -- */
.section.header {
    position: fixed;
    top: 0;
    left: 0;
    background: none;
    z-index: 16;
    transition: background 0.4s;
}

.section.header:before {
    content: '';
    width: 100%;
    height: 0;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    transition: height 0.4s;
}
.section.header.loader{
    height: 100%;
    background: #FFF;
}
.section.header.loader:before {
    height: 100vh;
}

.section.header.active {
    background: #FFFFFF;
}

.section.header .left {
    padding: 20px 40px 20px 0;
    background: #FFFFFF;
    position: relative;
    border-radius: 0 0 37px 0;
}

.section.header.loader .left {
    position: absolute;
    top: 0;
    left: 0;
}

.section.header .left:before {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100vw;
    display: block;
    background: #FFFFFF;
}

.section.header .left a {
    position: relative;
    z-index: 2;
    display: block;
    top: 0;
    left: 0;
    height: auto;
    transition: width 0.4s, top 0.4s, left 0.4s, filter 0.4s;
    text-align: center;
    overflow: hidden;
}

.section.header .left a:hover img, .section.header .left a:focus img {
    filter: brightness(0);
}

.section.header .left a:before {
    content: '';
    width: 50px;
    height: 150%;
    position: absolute;
    top: -25%;
    left: -20%;
    display: block;
    z-index: 1;
    transition: left 0.4s;
    background: linear-gradient(to right, transparent, #ffffff, transparent);
    transform: rotate(-27deg);
    pointer-events: none;
}

.section.header .left a:hover:before, .section.header .left a:focus:before {
    left: 105%;
}

.section.header.loader .left a:before {
    display: none;
}

.section.header .left a i {
    display: none;
    font-size: 20px;
    margin: 15px 0 0;
    pointer-events: none;
}

.section.header.loader .left a i {
    display: block;
}

.section.header.loader .left a {
    top: calc(50vh - 42.5px);
    left: calc(50vw - 100px);
    width: 200px;
    filter: brightness(0) opacity(0.3);
    position: absolute;
}

.section.header .left a img {
    display: block;
    width: auto;
    max-height: 50px;
    transition: filter 0.4s, width 0.4s;
    pointer-events: none;
}

.section.header.loader .left a img {
    width: 100%;
}

.section.header .right {
    margin: 17px 0 0;
}

.section.header .right ul li {
    float: left;
}

.section.header .right ul li:first-child {
    margin: 0 35px 0 0;
}

.section.header .right ul li:first-child a {
    background: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
    color: #a27722;
    display: block;
    font-weight: 800;
    padding: 20px 35px;
    border-radius: 6px;
    text-transform: uppercase;
    box-shadow: 8px 8px 20px #a27722;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-shadow: none !important;
}

.section.header .right ul li:first-child a:hover, .section.header .right ul li:first-child a:focus {
    background: #e5ac22 !important;
    color: #ffffff;
}

.section.header.active .right ul li:first-child a {
    background: #f4f4f4;
    box-shadow: unset;
}

.section.header .right ul li a {
    display: block;
    color: #FFFFFF;
    font-size: 28px;
    margin: 13px 0;
    transition: color 0.4s, box-shadow 0.4s, background 0.4s, text-shadow 0.4s;
}

.section.header .right ul li a:hover, .section.header .right ul li a:focus, .section.header.active .right ul li a.btnMenu:hover, .section.header.active .right ul li a.btnMenu:focus {
    color: #ac7f23;
}

.section.header.active .right ul li:first-child a:hover, .section.header.active .right ul li:first-child a:focus {
    color: #FFFFFF;
}

.section.header.active .right ul li a {
    color: #404040;
}

.section.header .right ul li a i {
    display: block;
    pointer-events: none;
}

/* -- section -- */
section.section {
    height: 100vh;
}

section.section .grid {
    height: calc(100vh - 90px);
    position: relative;
}

/* -- menu -- */
.section.menu {
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 90%);
    position: fixed;
    top: 0;
    left: -100vw;
    z-index: 17;
    transition: left 0.4s;
}

.section.menu .grid {
    height: 100%;
}

.section.menu nav {
    float: right;
    position: relative;
    padding: 60px 0 0;
    display: block;
}

.section.menu nav .close {
    position: absolute;
    top: 0;
    right: 2px;
    font-size: 28px;
    line-height: 28px;
    display: block;
    color: #FFFFFF;
    margin: 26px 0 0;
    transition: color 0.4s;
}

.section.menu nav .close:hover, .section.menu nav .close:focus {
    color: #e5ac22;
}

.section.menu nav .close i {
    pointer-events: none;
    display: block;
}

.section.menu nav ul {
    height: calc(100vh - 60px);
    overflow: auto;
}

.section.menu nav ul::-webkit-scrollbar {
    display: block;
}

.section.menu nav ul li {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    text-align: center;
}

.section.menu nav ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    transition: color 0.4s;
}

.section.menu nav ul li a:hover, .section.menu nav ul li a:focus {
    color: #e5ac22;
}

.section.menu nav ul li a em {
    display: block;
    font-style: normal;
    pointer-events: none;
}

.section.menu nav ul li a span {
    display: none;
}
.section.menu.active{
    left: 0vw;
}
/* -- bullets -- */
.section.bullets {
    width: 33px;
    position: fixed;
    top: 0;
    right: 35px;
    z-index: 15;
    pointer-events: none;
}

.section.bullets .grid {
    height: auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.section.bullets ul {
    height: 320px;
    margin: calc(50vh - 170px) 0;
    padding: 10px 5px;
    border-radius: 6px;
    transition: background 0.4s;
    pointer-events: all;
}

.section.bullets ul:hover, .section.bullets ul:focus {
    background: hsl(0deg 0% 0% / 30%);
}

.section.bullets ul li {
    display: block;
    margin: 0 0 10px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: border 0.4s;
}

.section.bullets ul li.active {
    border: 1px solid #FFFFFF;
}

.section.bullets.dark ul li.active {
    border: 1px solid #404040;
}

.section.bullets ul li:last-child {
    margin: 0;
}

.section.bullets ul li a {
    padding: 6px;
    display: block;
    position: relative;
}

.section.bullets ul li a em {
    position: absolute;
    top: -1px;
    right: -30vw;
    background: hsl(0deg 0% 0% / 30%);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    font-style: normal;
    border-radius: 6px;
    width: max-content;
    display: block;
    color: #FFFFFF;
    transition: right 0.4s, background 0.4s, color 0.4s;
    text-transform: uppercase;
}

.section.bullets ul li a:hover em, .section.bullets ul li a:focus em {
    right: 30px;
}

.section.bullets ul li a span {
    border-radius: 50%;
    background: #FFFFFF;
    width: 9px;
    height: 9px;
    display: block;
    pointer-events: none;
    transition: background 0.4s;
}

.section.bullets.dark ul li a span {
    background: #404040;
}

/* -- stl01 -- */
.section.stl01 {
    background: url('../img/bg-icons.jpg') no-repeat center center / cover fixed;
    height: 100vh !important;
    padding: 0 !important;
}

.section.stl01:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/bg-icons.png') repeat center center / 35% auto;
    z-index: 1;
    animation: angle 300s linear infinite;
}

.section.stl01 .grid {
    background: url('../img/bg-box-01.png') no-repeat center 50vh / auto 95%;
    position: relative;
    z-index: 2;
    height: 100vh;
    transition: background 1.2s;
}

.section.stl01.active .grid {
    background-position: center bottom;
}

.section.stl01 .left {
    margin: calc(48vh - 90px) 0 0;
}

.section.stl01 .right {
    width: 35%;
    max-width: 480px;
    margin: calc(34vh - 90px) 0 0;
}

.section.stl01 .left p, .section.stl01 .right p {
    font-size: 33px;
    line-height: 37px;
    font-weight: 800;
    color: #FFFFFF;
    transition: text-shadow 0.4s;
}

/* -- stl02 -- */
.section.stl02 {
    background: url('../img/bg-icons.jpg') no-repeat center center / cover fixed;
}

.section.stl02:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/bg-icons.png') repeat center center / 35% auto;
    z-index: 1;
    animation: angle 300s linear infinite;
}

.section.stl02:after {
    content: '';
    width: 100%;
    height: calc(100vh - 90px);
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../img/bg-box-02.png') no-repeat 80vw center / auto 100%;
    display: block;
    z-index: 1;
    transition: background 0.8s;
}

.section.stl02.active:after {
    background-position: center right;
}

.section.stl02 .bgLines {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../img/bg-lines.png') no-repeat center center / cover;
    display: block;
    z-index: 3;
}

.section.stl02 .grid {
    position: relative;
    z-index: 4;
}

.section.stl02 .left {
    margin: calc(40vh - 90px) 0 0;
    position: relative;
    z-index: 1;
}

.section.stl02 .right {
    position: absolute;
    width: 100%;
    height: 100%;
}

.section.stl02 .right ul {
    transition: opacity 4s;
    opacity: 0;
}

.section.stl02.active .right ul {
    opacity: 1;
}

.section.stl02 .right ul li {
    background: #FFFFFF;
    border-radius: 6px;
    padding: 12px;
    display: inline-block;
    font-weight: 700;
    color: #ac7f23;
    font-size: 26px;
    line-height: 26px;
    box-shadow: 8px 8px 20px #a27722;
    position: absolute;
}

.section.stl02 .right ul li.sSc {
    top: 17%;
    left: 6%;
}

.section.stl02 .right ul li.sSp {
    top: 70%;
    left: 40%;
    background: #e5ac22;
    color: #FFFFFF;
}

.section.stl02 .right ul li.sRs {
    top: 25%;
    left: 66%;
}

.section.stl02 .right ul li.sPr {
    top: 78%;
    left: 74%;
}

/* -- stl03 -- */
.section.stl03 {
    background: url('../img/bg-icons.jpg') no-repeat center center / cover fixed;
}

.section.stl03:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/bg-icons.png') repeat center center / 35% auto;
    z-index: 1;
    animation: angle 300s linear infinite;
}

.section.stl03:before {
    content: '';
    width: 100%;
    height: calc(100vh - 90px);
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../img/bg-lines.png') no-repeat center center / cover;
    display: block;
    z-index: 2;
}

.section.stl03 .grid {
    position: relative;
    z-index: 2;
    background: url('../img/bg-box-03.png') no-repeat 58vw calc(19vh - 90px) / auto calc(100% - 90px);
    transition: background 1.2s;
    background-position-x: right;
    background-position-y: 25px;
}

.section.stl03.active .grid {
    background-size: auto calc(28vw - 50px);
}

.section.stl03 .left {
    margin: calc(39vh - 90px) 0 0;
    position: relative;
    z-index: 1;
}

.section.stl03 .right {
    width: 61%;
    margin: calc(38vh - 90px) 0 0;
}

.section.stl03 .right h4 {
    display: block;
    font-size: 32px;
    line-height: 36px;
    color: #8c630f;
    margin: 0 0 10px;
    width: 70%;
}

.section.stl03 .right p {
    display: block;
    color: #ffffff;
    font-size: 17px;
    line-height: 22px;
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
}

.section.stl03 .right ul {
    display: block;
    padding: 30px 0 0;
    transition: margin 0.6s;
    margin: 50vh 0 0;
}

.section.stl03.active .right ul {
    margin: 0;
}

.section.stl03 .right ul li {
    float: left;
    margin: 2%;
    width: 29%;
}

.section.stl03 .right ul li p {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    color: #ac7f23;
    margin: 0 auto;
    display: block;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 5% 0;
    min-height: 108px;
    transition: letter-spacing 1.2s;
    letter-spacing: 10px;
}

.section.stl03.active .right ul li p {
    letter-spacing: 0;
}

.section.stl03 .right ul li p i {
    display: block;
    margin: -30px auto 10px;
    background-color: #ffd160;
    border: 5px solid #ffd160;
    border-radius: 6px;
    position: relative;
    box-shadow: 8px 8px 20px #b9b9b9;
}

.section.stl03 .right ul li p i:before {
    content: '';
    width: 150%;
    height: 150%;
    position: absolute;
    background: #FFFFFF;
    position: absolute;
    top: -25%;
    left: -25%;
    z-index: -1;
    border-radius: 6px;
}

/* -- stl04 -- */
.section.stl04 {
    background: url('../img/bg-04.jpg') no-repeat center center / cover fixed;
    position: relative;
}

.section.stl04:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: opacity 3s;
}

.section.stl04.active:before {
    opacity: 0;
}

.section.stl04 .grid {
    position: relative;
    z-index: 2;
}

.section.stl04 .left {
    margin: calc(39vh - 90px) 0 0;
}

.section.stl04 .right {
    width: 31%;
    margin: -50vh 0 0;
    transition: margin 1.2s;
}

.section.stl04.active .right {
    margin: calc(34vh - 90px) 0 0;
}

.section.stl04 .right h4 {
    font-size: 40px;
    line-height: 40px;
    display: block;
    color: #404040;
}

.section.stl04 .right h4 b {
    display: block;
    color: #e5ac22;
}

/* -- stl05 -- */
.section.stl05 {
    background: url('../img/bg-05.jpg') no-repeat center center / cover fixed;
}

.section.stl05 .left {
    margin: calc(39vh - 90px) 0 0;
}

.section.stl05 .right {
    width: 56%;
    margin: 0 6vw 0 0;
    position: relative;
    height: calc(100vh - 90px);
}

.section.stl05 .right .bus {
    width: 100%;
    height: 100%;
    position: relative;
}

.section.stl05 .right .bus div {
    transition: left 1.4s, top 1.4s, filter 3s;
}

.section.stl05 .right .bus .smallBrand {
    width: 100%;
    height: 100%;
    background: url('../img/bus_brand.png') no-repeat center center / 100% auto;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) invert(1);
}

.section.stl05.active .right .bus .smallBrand {
    top: 0;
    left: 0;
    filter: brightness(1) invert(0);
}

.section.stl05 .right .bus .smallBus01 {
    width: 100%;
    height: 100%;
    background: url('../img/bus_small_012.png') no-repeat center center / 100% auto;
    position: absolute;
    top: 0;
    left: -20vw;
    z-index: 4;
}

.section.stl05.active .right .bus .smallBus01 {
    top: 0;
    left: -20px;
}

.section.stl05 .right .bus .smallBus02 {
    width: 100%;
    height: 100%;
    background: url('../img/bus_small_022.png') no-repeat center center / 100% auto;
    position: absolute;
    top: 0;
    left: -45vw;
    z-index: 3;
}

.section.stl05.active .right .bus .smallBus02 {
    top: 0;
    left: 0;
}

.section.stl05 .right .bus .smallBgBrand {
    width: 100%;
    height: 100%;
    background: url('../img/bus_bg_brand.png') no-repeat center center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    filter: brightness(0) invert(1);
}

.section.stl05.active .right .bus .smallBgBrand {
    top: 0;
    left: 0;
    filter: brightness(1) invert(0);
}

.section.stl05 .right .bus h4 {
    width: 130%;
    height: 88%;
    background: url('../img/bus_title.png') no-repeat center center / 100% auto;
    color: #ffffff;
    font-size: 24px;
    line-height: 27px;
    display: block;
    font-weight: 700;
    position: absolute;
    top: 2vh;
    left: -2vw;
    z-index: 5;
    transition: left 1.4s, top 1.4s, filter 2s;
    filter: brightness(0) invert(1);
}

.section.stl05.active .right .bus h4 {
    filter: brightness(1) invert(0);
}

.section.stl05 .right .bus h4 span {
    position: absolute;
    bottom: calc(26vh - 90px);
    left: 1vw;
    opacity: 0;
    transition: opacity 1.4s;
}

.section.stl05.active .right .bus h4 span {
    opacity: 1;
}

/* -- stl06 -- */
.section.stl06 {
    background: url('../img/bg-06.jpg') no-repeat center center / cover fixed;
    position: relative;
}

.section.stl06:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../img/bg-lines.png') no-repeat center center / cover;
    display: block;
    z-index: 1;
}
.section.stl06 .fundocompras{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: calc(100% + 69px);
    bottom: -69px;
    left: 0;
    background: url(../img/bg-box-062.png) no-repeat center / auto 100%;
}
.section.stl06 .grid {
    transition: background 1.2s;
    position: relative;
    z-index: 2;
}

.section.stl06 .left {
    margin: calc(39vh - 90px) 0 0;
}

.section.stl06 .right {
    width: 24vw;
    margin: calc(57vh - 90px) 0 0;
}

.section.stl06 .right h4 {
    font-size: 33px;
    line-height: 37px;
    font-weight: 800;
    color: #FFFFFF;
}

/* -- stl07 -- */
.section.stl07 {
    background: url('../img/bg-05.jpg') no-repeat center center / cover fixed;
}
.section.stl07 .grid {
    position: relative;
}

.section.stl07 .left {
    margin: calc(42vh - 90px) 0 0;
}

.section.stl07 .right {
    width: 70%;
    margin: 0 10vw 0 0;
    height: calc(100vh - 90px);
    position: absolute;
    top: 0;
    right: 0;
}

.section.stl07 .right .boxes {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.section.stl07 .right .boxes div {
    position: absolute;
    top: 0;
    left: 0;
    transition: background 1.2s;
}

.section.stl07 .right .boxes .boxUp {
    width: 100%;
    height: 100%;
    background: url('../img/bg-gadex-up.png') no-repeat center center / 180% auto;
    z-index: 2;
}

.section.stl07.active .right .boxes .boxUp {
    background-size: 100% auto;
}

.section.stl07 .right .boxes .boxDown {
    width: 100%;
    height: 100%;
    background: url('../img/bg-gadex-down.png') no-repeat center center / 20% auto;
    z-index: 1;
}

.section.stl07.active .right .boxes .boxDown {
    background-size: 100% auto;
}

.section.stl07 .right h4 {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    display: block;
    font-weight: 700;
    position: absolute;
    bottom: calc(32vh - 90px);
    right: 1vw;
}

/* -- stl08 -- */
.section.stl08 {
    background: url('../img/bg-05.jpg') no-repeat center center / cover fixed;
}

.section.stl08 .grid {
    position: relative;
}

.section.stl08 .left {
    padding: calc(42vh - 90px) 0 0;
    position: relative;
    z-index: 1;
    margin: 0;
}

.section.stl08 .right {
    width: 68%;
    height: calc(100vh - 90px);
    position: absolute;
    top: 0;
    right: 3vw;
    z-index: 1;
}

.section.stl08 .right .boxMotors {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.section.stl08 .right .boxMotors .imgUp {
    position: absolute;
    top: 10vh;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../img/motors-up.png) no-repeat 100% center / 20% auto;
    transition: background 1.2s, top 1s;
}

.section.stl08.active .right .boxMotors .imgUp {
    top: 0;
    background-size: 100% auto;
    background-position: center center;
}

.section.stl08 .right .boxMotors .imgDown {
    position: absolute;
    top: 8vh;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../img/motors-down.png) no-repeat center center / 150% auto;
    transition: background 1.2s, top 1s;
}

.section.stl08.active .right .boxMotors .imgDown {
    top: -3vh;
    background-size: 100% auto;
}

.section.stl08 .right .boxMotors .imgDown h5 {
    position: absolute;
    top: calc(49vh - 90px);
    left: 33%;
    color: #ffffff;
    font-size: 19px;
    line-height: 26px;
    display: block;
}

.section.stl08 .right .boxMotors .imgDown h4 {
    position: absolute;
    bottom: calc(57vh - 90px);
    right: 15%;
    color: #ffffff;
    font-size: 32px;
    line-height: 35px;
    display: block;
    text-align: right;
}

/* -- stl09 -- */
.section.stl09 {
    background: url('../img/bg-05.jpg') no-repeat center center / cover fixed;
}

.section.stl09 .grid {
    position: relative;
    z-index: 2;
}

.section.stl09:after {
    content: '';
    width: 68vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/bg-box-09.png') no-repeat top left / cover;
    display: block;
    z-index: 1;
}

.section.stl09 .left {
    margin: calc(35vh - 90px) 0 0;
    z-index: 1;
}

.section.stl09 .right {
    width: 63vw;
    height: calc(100vh - 90px);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.section.stl09 .right h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 30px;
    display: block;
    background: url(../img/bg-box-09-green.png) no-repeat center left / 100%;
    width: 25vw;
    height: calc(31vh - 90px);
    padding: calc(20vh - 90px) 1vw 0;
}

/* -- stl10 -- */
.section.stl10 {
    /*background: #e5ac22;*/
    /*height: auto !important;*/
    min-height: calc(100vh - 90px);
    position: relative;
    z-index: 5;
}
.section.stl10.onlymobile{
    display: none;
}

.section.stl10:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url('../img/bg-icons.png') repeat center center / 35% auto;*/
    z-index: 1;
    animation: angle 300s linear infinite;
}

.section.stl10 .grid {
    height: auto;
}

.section.stl10 .top {
    width: 100%;
    float: left;
    position: relative;
}

.section.stl10 .top:before, .section.stl10 .top:after {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

.section.stl10 .top:before {
    background: #FFFFFF;
    left: 0;
}

.section.stl10 .top:after {
    background: #f8f8f8;
    right: 0;
}

.section.stl10 .top .grid {
    position: relative;
    z-index: 3;
    padding: 45px 0;
}

.section.stl10 .top .left {
    width: 45%;
}

.section.stl10 .top .left p {
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 30px;
    color: #404040;
}

.section.stl10 .top .left p strong {
    display: block;
    font-size: 28px;
    line-height: 28px;
}

.section.stl10 .top .left p a {
    color: #404040;
}

.section.stl10 .top .left p a:hover, .section.stl10 .top .left p a:focus {
    text-decoration: underline;
}

.section.stl10 .top .left form {
    display: block;
}

.section.stl10 .top .left form fieldset {
    display: block;
}

.section.stl10 .top .left form fieldset .left {
    width: 49%;
}

.section.stl10 .top .left form fieldset .right {
    width: 49%;
}

.section.stl10 .top .left form fieldset label {
    border: 1px solid #c9c9c9;
    width: calc(100% - 2px);
    display: block;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 0 10px;
}

.section.stl10 .top .left form fieldset label input[type="text"] {
    width: calc(100% - 20px);
    display: block;
    color: #404040;
    padding: 10px;
}

.section.stl10 .top .left form fieldset label textarea {
    width: calc(100% - 20px);
    display: block;
    padding: 10px;
    height: 73px;
}

.section.stl10 .top .left form button.enviarcontato {
    width: 100%;
    background: #e5ac22;
    display: block;
    color: #FFFFFF;
    line-height: 39px;
    transition: background 0.4s, color;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    border-radius: 6px;
    border:none;
}

.section.stl10 .top .left form button.enviarcontato:hover, .section.stl10 .top .left form button.enviarcontato:focus {
    background: #4e4e4e;
    color: #FFFFFF;
}

.section.stl10 .top .right {
    width: 45%;
}

.section.stl10 .top .right p {
    display: block;
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 20px;
    color: #404040;
}

.section.stl10 .top .right p strong {
    color: #e5ac22;
    display: block;
}

.section.stl10 .top .right p span {
    display: block;
}

.section.stl10 .top .right p em {
    font-style: normal;
    display: block;
}

.section.stl10 .top .right p a {
    display: inline-block;
    color: #404040;
}

.section.stl10 .top .right p a:hover, .section.stl10 .top .right p a:focus {
    text-decoration: underline;
}

.section.stl10 .down {
    width: 100%;
    float: left;
    position: relative;
}

.section.stl10 .down:before, .section.stl10 .down:after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

.section.stl10 .down:before {
    width: 70%;
    left: -6vw;
    background: url(../img/bg-icons.png) repeat center center / 35% auto #e5ac22;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
}

.section.stl10 .down:after {
    width: 30%;
    background: #ffffff;
    right: 0;
}

.section.stl10 .down .grid {
    position: relative;
    z-index: 3;
}

.section.stl10 .down .grid:before {
    content: '';
    position: absolute;
    width: 20vw;
    height: 50vh;
    top: 0;
    right: 0;
    background: #ffffff;
    display: block;
}

.section.stl10 .down .left {
    width: 69%;
    position: relative;
    padding: 20px 0;
}

.section.stl10 .down .left ul li {
    float: left;
    width: 27%;
    margin: 1%;
}
.section.stl10 .down .left ul li:nth-child(3){
    width: 36%;
}

.section.stl10 .down .left ul li p {
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 20px;
    color: #ffffff;
}

.section.stl10 .down .left ul li p strong {
    display: block;
    font-weight: 700;
}

.section.stl10 .down .left ul li p a {
    display: inline-block;
    color: #ffffff;
}

.section.stl10 .down .left ul li p a:hover, .section.stl10 .down .left ul li p a:focus {
    text-decoration: underline;
}

.section.stl10 .down .right {
    width: 27%;
    padding: 20px 0;
    position: relative;
    z-index: 1;
}

.section.stl10 .down .right p {
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 20px;
    color: #404040;
}

.section.stl10 .down .right p strong {
    margin: 0 0 10px;
    display: block;
}

.section.stl10 .down .right ul li {
    width: auto;
    float: left;
    margin: 0 15px 0 0;
}

.section.stl10 .down .right ul li a {
    display: block;
}

.section.stl10 .down .center {
    float: left;
    width: 100%;
    padding: 10px 0 15px;
    border-top: 1px solid #ebebeb;
}

.section.stl10 .down .center ul {
    position: relative;
    z-index: 1;
}

.section.stl10 .down .center li {
    float: left;
    margin: 1% 1% 1% 0;
    text-align: left;
    width: 32%;
}

.section.stl10 .down .center li p {
    font-size: 12px;
    line-height: 12px;
    display: block;
    color: #FFFFFF;
    text-align: center;
}

.section.stl10 .down .center li:last-child {
    float: right;
    text-align: right;
}

.section.stl10 .down .center li:last-child p {
    text-align: right;
    width: 100%;
}

.section.stl10 .down .center li p a {
    font-weight: 700;
    color: #404040;
    display: inline-block;
    transition: color 0.4s;
}

.section.stl10 .down .center li p a:hover, .section.stl10 .down .center li p a:focus {
    color: #e5ac22;
}

.section.stl10 .down .center li p a em {
    font-weight: normal;
    font-style: normal;
}

/* -- boxesNav -- */
.section.boxesNav {
    transition: background 0.4s;
    position: relative;
    height: calc(100% - 90px);
    overflow: hidden;
}

/* -- animation -- */
@keyframes angle {
    to {
        background-position: 0 0;
    }

    from {
        background-position: 1000% 1000%;
    }
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.section.stl03 .right ul li:hover{
    margin-top: -10px;
    transition: all .7s;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

@media(max-width: 1366px){
    .section.boxScroll{
        top: 70px;
    }
    .section.stl03.active .grid {
        background-size: auto calc(28vw - 45px);
    }
    .section.stl09 .right {
        width: 60vw;
    }
    .section.stl09:after {
        width: 63.5vw;
    }
    .section.stl10 .down .left ul li p {
        font-size: 14px;
    }
    .section.stl10 .down .center {
        padding: 0px 0 15px;
        margin-top: -15px;
    }
    .section.stl10 .down .center li {
        width: 47%;
    }
    .section.stl10 .down .center li p{
        width: 100%;
    }
    .section.stl10 .down .left {
        padding-bottom: 0px;
    }
    .section.stl10 .top .grid{
        padding: 5px 0;
        padding-top: 0px;
    }
    .section.stl10 .top .right p {
        margin: 0 0 10px;
    }
    .section.stl10 .down .left ul li {
        margin: 0%;
    }
    .section.stl10 .down{
        height: auto !important;
        margin-top: 20px;
    }
    .section.stl10 .down .left ul li p{
        margin-bottom: 10px;
    }
    .section.stl10 .down .center {
        padding: 0px;
    }
    .section.stl09:after {
        width: 63.2vw !important;
    }
}

/* -- media -- */
@media screen and (max-width: 1340px) {
    .section.stl03.active .grid {
        background-size: auto calc(35vw - 90px);
    }
}

@media screen and (max-width: 1300px) {
    .section.stl10 .down .center li p {
        width:60%;
        float: left;
    }
}

@media (max-width: 1280px) {
    .section.stl10 .down .left ul li {
        width: 28%;
    }
    .section.stl09:after {
        width: 65.5vw !important;
    }
}

@media screen and (max-width: 1140px) {
    .section.stl03.active .grid {
        background-size: auto calc(41vw - 90px);
    }
}

@media screen and (max-width: 1050px) {
    .section.stl10 .top .left {
        width:100%;
        margin: 0 0 20px;
    }

    .section.stl10 .top .right {
        text-align: center;
        width: 100%;
    }

    .section.stl10 .down .left {
        width: 100%;
    }

    .section.stl10 .down .right {
        width: 100%;
    }

    .section.stl10 .down .right p {
        width: 49%;
        float: left;
        color: #FFFFFF;
    }

    .section.stl10 .down:after, .section.stl10 .down .grid:before {
        display: none;
    }

    .section.stl10 .down .center li {
        width: 100%;
        margin: 1% 0 20px;
    }

    .section.stl10 .down .center li:last-child p {
        text-align: center;
    }

    .section.stl10 .down .center li p {
        width: 100%;
    }

    .section.stl10 .top:before {
        display: none;
    }

    .section.stl10 .top:after {
        width: 100%;
    }
}


@media(max-width: 1024px){
    .section.stl05 .right {
        width: 46%;
    }
    .section.stl07 p{
        max-width: 460px;
    }
    .section.stl09 .right {
        width: 50vw;
    }
    .section.stl09:after {
        width: 52.5vw !important;
    }
}

@media screen and (max-width: 980px) {
    .section.stl05 .left {
        position:relative;
        z-index: 2;
    }

    .section.stl05 .right {
        position: absolute;
        right: 0;
        width: 55vw;
        z-index: 1;
    }

    .section.boxesNav {
        height: 100%;
    }

    .section.stl02 .bgLines, .section.stl02:after, section.section .grid, .section.stl03:before, .section.stl05 .right, .section.stl06:before, .section.stl07 .right, .section.stl08 .right, .section.stl09 .right {
        height: calc(100% - 75px);
    }

    .section.stl01 .grid {
        background-size: 95% auto;
    }

    .section.header .left a img {
        max-height: 35px;
    }

    .section.header .right ul li:first-child a {
        font-size: 14px;
        line-height: 14px;
        padding: 15px 25px;
    }

    .section.header .right ul li a {
        font-size: 26px;
        margin: 9px 0;
    }

    .section.header .right {
        margin: 15px 0 0;
    }

    .section.stl01 .left p, .section.stl01 .right p {
        font-size: 27px;
        line-height: 30px;
    }

    .section.stl03.active .grid {
        background-size: auto calc(46vw - 90px);
        background-position: 54vw 3vw;
    }

    .section.stl09:after {
        width: 100%;
        background-size: cover;
        opacity: 0.45;
    }

    .section.stl09 .right {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .section.stl03 .right div {
        width: 49%;
        float: left;
    }

    .section.stl03 .right div h4, .section.stl03 .right div p {
        width: 100%;
    }

    .section.stl03.active .right ul li p strong br {
        display: none;
    }

    .section.stl03 .right ul {
        width: 50%;
        float: right;
    }

    .section.stl03 .right ul li {
        width: 100%;
        padding: 0;
        margin: 0 0 10px;
    }

    .section.stl03 .right ul li:after {
        content: '';
        clear: both;
        display: block;
    }

    .section.stl03.active .right ul {
        margin: -50px 0 0;
    }

    .section.stl03 .left, .section.stl03 .right {
        width: 100%;
    }

    .section.stl03 .left {
        margin: 50px 0 25px;
    }

    .section.stl03 .right {
        margin: 25px 0 25px;
    }

    .section.stl03 .right ul li p i {
        margin: -60px 0 9px -17px;
        display: block;
        float: left;
    }

    .section.stl03 .right ul li p strong {
        font-size: 20px;
        line-height: 22px;
        width: 97%;
        clear: both;
        display: block;
        margin: 0 auto;
    }

    .section.stl03 .right ul li p {
        min-height: auto;
        margin: 0 0 8px;
        padding: 16px 0;
    }

    .section.stl03.active .grid {
        background-size: auto 42vw;
        background-position: 44vw 3vw;
    }

    .section.stl10 .down .left ul li {
        width: 100%;
        text-align: center;
    }

    .section.stl10 .down .right p {
        width: 100%;
        float: left;
        text-align: center;
    }

    .section.stl10 .down .right ul {
        text-align: center;
    }

    .section.stl10 .down .right ul li {
        display: inline-block;
        float: none;
    }
    .section.stl10 .down:before{
        width: 100%;
        left: 0;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-top-right-radius: 0px;
    }
}
.section.stl01 .left a.onlymobile{
    display: none;
}
.section.stl01 .bottom{
    display: none;
}
@media screen and (max-width: 680px) {
    ::-webkit-scrollbar {
        display:block;
    }

    body {
        overflow: auto;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #ffd569;
    }
    .section.menu nav ul {
        height: calc(100% - 60px);
    }
    section.section {
        height: 100%;
    }

    section.section .grid {
        height: calc(100% - 90px);
        position: relative;
    }

    /* -- menu -- */
    .section.menu {
        width: 100vw;
        height: 100%;
        background: rgb(0 0 0 / 90%);
        position: fixed;
        top: 0;
        left: -100vw;
        z-index: 17;
        transition: left 0.4s;
    }

    .section.menu.active {
        left: 0;
    }

    .section.header.loader:before {
        height: 100vh;
        height: 100%;
        background: #FFF;
    }

    .section.boxesNav {
        height: 100%;
    }
    .section.bullets,.section.boxScroll {
        display: none !important;
    }
    section.section .grid{
        height: 100%;
    }
    .section.header .left{
        padding: 0px;
        background: #FFFFFF;
        position: relative;
        border-radius: 0 0 37px 0;
        margin-left: -15px;
        width: calc(100% + 22px);
        height: 68px;
        line-height: 68px;
    }
    .section.header .left a {
        position: absolute;
        z-index: 2;
        display: block;
        top: 50%;
        left: 15px;
        transform: translate(0,-50%);
    }
    .section.header .left a:before{
        display: none;
    }
    .section.header .left:before{
        display: none;
    }
    .section.header .right ul li a {
        text-shadow: none;
        color: #eabb4b;
    }
    .section.header .right {
        margin: 0 auto;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translate(0, -50%);
    }
    .section.stl01 {
        height: 100% !important;
    }
    .section.stl01 .grid {
        width: 100%;
        height: 100% !important;
        background: url(../img/bg-box-01mobile.png) center no-repeat;
        background-size: 100%;
        /*background-position-y: calc(100% - 90px) !important;*/
    }
    .section.stl01 .left{
        margin-top: 90px;
        width: max-content;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 0);
    }
    .section.stl01 .left a.onlymobile{
        display: block;
        width: 169px;
        height: 57px;
        line-height: 57px;
        border-radius: 10px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #a27722;
        background: #FFF;
        text-align: center;
        font-weight: 800;
        text-transform: uppercase;
        margin-top: 10px;
    }
    .section.stl01 .right{
        display: none;
    }
    .section.stl01 .bottom{
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .section.stl01 .bottom a{
        display: block;
        margin: 0 auto;
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
        color: #fff;
        text-align: center;
        font-weight: 800;
        padding-bottom: 30px;
    }
    .section.stl01 .bottom a span{
        width: 70px;
        height: 70px;
        display: block;
        margin: 0 auto;
        border-radius: 5px;
        line-height: 70px;
        background: #FFF;
        margin-bottom: 10px;
        position: relative;
    }
    .section.stl01 .bottom a span svg{
        width: 30px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl01 .bottom a span svg path{
        fill: #c69224;
    }
    /*.section.stl02:before{
        background: #000;
        opacity: 0.6;
        z-index: 2;
    }
    .section.stl02 .bgLines{
        z-index: 1;
    }
    .section.stl02 .grid{
        height: 100%;
    }
    .section.stl02 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
    }
    .section.stl02 .right{
        display: none;
    }
    .section.stl02.active:after {
        background-position: top left;
        height: 100%;
        background-size: cover;
        background-position-x: -160px;
        z-index: 1;
    }
    .section.stl02 .text h3{
        font-size: 32px;
        color: #e5ac22;
        text-shadow: 1px 1px 0px black;
    }
    .section.stl02 .text p{
        color: #FFF;
        text-shadow: 1px 1px 0px black;
        letter-spacing: 1px;
    }
    .section.stl02 .text p br{
        display: none;
    }
    .section.stl02 .text a {
        box-shadow: 2px 2px 0px #a27722;
    }
    .section.stl03 .right{
        display: none;
    }
    .section.stl03 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 4;
    }
    .section.stl03.active .grid{
        width: 100%;
        height: 100%;
        background: none;
    }
    .section.stl03 .grid:after{
        content:'';
        background: url('../img/bg-gramado.png') no-repeat 80vw center / auto 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        opacity: 0.3;
        left: 0;
        top: 0;
        z-index: 2;
        transition: background 0.8s;
    }
    .section.stl03.active .grid:after{
        background-position: top left;
        background-size: cover;
        background-position-x: 0;
        background-position-y: 20px;
    }
    .section.stl03.active .grid:before{
        content:'';
        background: #000;
        opacity: 0.6;
        z-index: 2;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.6;
        left: 0;
        top: 0;
    }
    .section.stl03:before{
        z-index: 1;
    }
    .section.stl03 .text h3{
        font-size: 32px;
        color: #e5ac22;
        text-shadow: 1px 1px 0px black;
    }
    .section.stl03 .text p{
        color: #FFF;
        text-shadow: 1px 1px 0px black;
        letter-spacing: 1px;
    }
    .section.stl03 .text p br{
        display: none;
    }
    .section.stl03 .text a {
        box-shadow: 2px 2px 0px #a27722;
    }
    .section.stl04{
        background: #FFF;
    }
    .section.stl04 .grid:after{
        content: '';
        width: calc(100% + 30px);
        height: 100%;
        margin-left: -15px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;
        background: url(../img/bg-04.jpg) no-repeat center;
        z-index: 1;
        background-size: cover;
        background-position-x: 0%;
        transition: background 0.8s;
    }
    .section.stl04.active .grid:after{
        background-position-x: 40%;
    }
    .section.stl04.active .right{
        display: none;
    }
    .section.stl04 .text p br{
        display: none;
    }
    .section.stl04 .grid{
        height: 100%;
    }
    .section.stl04 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 2;
    }
    .section.stl04.active:before{
        display: none;
    }
    .section.stl04 .text.dark h3 b {
        color: #e5ac22;
    }
    .section.stl05 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 2;
    }
    .section.stl05 .text p br{
        display: none;
    }
    .section.stl05 .right{
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0.3;
    }
    .section.stl05.active .right .bus h4{
        display: none;
    }
    .section.stl06 .right{
        display: none;
    }
    .section.stl06 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 3;
    }
    .section.stl06 .fundocompras{
        opacity: 0.5;
    }
    .section.stl06:before{
        z-index: 1;
    }
    .section.stl06:after{
        content:'';
        background: #000;
        opacity: 0.6;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.6;
        left: 0;
        top: 0;
    }
    .section.stl06 .text p{
        color: #FFF;
        text-shadow: 1px 1px 0px black;
        letter-spacing: 1px;
    }
    .section.stl06 .text p br{
        display: none;
    }
    .section.stl06 .text a {
        box-shadow: 2px 2px 0px #a27722;
    }
    .section.stl06  .text.gray h3{
        color: #e5ac22;
    }
    .section.stl07{
        background: #FFF;
    }
    .section.stl07 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 2;
    }
    .section.stl07 .text p br{
        display: none;
    }
    .section.stl07 .right{
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0.3;
    }
    .spr.gExpress{
        zoom:0.8;
    }
    .section.stl07 .right h4{
        display: none;
    }
    .section.stl07:after {
        content: '';
        background: #FFF;
        opacity: 0.6;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.6;
        left: 0;
        top: 0;
    }
    .section.stl08{
        background: #FFF;
    }
    .section.stl08 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 2;
    }
    .section.stl08 .text p br{
        display: none;
    }
    .section.stl08 .right{
        width: 100%;
        height: 380px;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 0.3;
    }
    .spr.gExpress{
        zoom:0.8;
    }
    .section.stl08 .right h4{
        display: none;
    }
    .section.stl08:after {
        content: '';
        background: #FFF;
        opacity: 0.6;
        z-index: 1;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0.6;
        left: 0;
        top: 0;
    }
    .section.stl09 .text p br{
        display: none;
    }
    .section.stl09 .left{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 2;
    }
    .section.stl09 .right: {
        display: none;
    }*/
    .section.stl10 .top .left p.mobileout{
        display: none;
    }
    .section.stl10 .top .left p{
        margin-bottom: 10px !important;
    }
    .section.stl10 .top .left form fieldset .left, .section.stl10 .top .left form fieldset .right{
        width: 100%;
        margin-bottom: 0px;
    }
    .section.stl10 .top .left form fieldset label input[type="text"]{
        margin-bottom: 5px;
        padding: 5px 10px;
    }
    .section.stl10 .top .left form fieldset label textarea{
        height: 30px;
        padding: 0px 10px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .section.stl10 .down{
        display: none;
    }
    .section.stl10 .top{
        height: 100%;
    }
    .section.stl10 .top .grid{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 30px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-top: 68px;
        z-index: 4;
    }
    .section.stl10.onlymobile, .section.stl10.onlymobile .down{
        display: block;
        background: #e5ac22;
    }
    .section.stl10 .down .left ul li:nth-child(3){
        width: 100%;
    }
    .section.stl10 .down .left ul li p {
        margin-bottom: 5px;
    }
    .section.stl10 .down .right p strong{
        margin-bottom: 0px;
    }
    .section.stl10 .down .right p{
        margin-bottom: 5px;
    }
    .section.stl10 .down .right{
        padding: 5px 0px;
    }
    .section.stl10.onlymobile .down .left{
        padding-top: 0px;
    }
    .section.stl10.onlymobile .down{
        height: 100% !important;
    }
    .section.stl10.onlymobile .down .grid{
        margin: 0 auto;
        height: auto;
        width: calc(100% - 30px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin-top: -25px;
        z-index: 4;
    }
    .section.stl10 .down .center{
        position: absolute;
        bottom: 30px;
    }
    .section.stl10.onlymobile .down .center .grid{
        padding-top: 0px;
        position: relative;
        width: 100%;
    }
    .section.stl10 .down .center li{
        margin: 0 auto;
        margin-bottom: 5px;
    }
    .section.stl10 .down .center li:nth-child(2){
        margin-bottom: 0px;
    }
    .section.stl10 .down .center li p{
        font-size: 10px;
    }
}
@media screen and (max-width: 540px) {
    .section.header .right ul li:first-child {
        display:none;
    }
}
@media(max-width: 375px){

}
@media(max-width: 320px){
    .section.stl01 .left p, .section.stl01 .right p {
        font-size: 24px;
    }
    .section.stl08 .right .boxMotors .imgDown h4 {
        top: 107px !important;
        line-height: 20px;
    }
    .section.stl08 .right .boxMotors .imgDown h5 {
        font-size: 9px;
    }
    .section.stl07.active .right .boxes .boxUp {
        background-position-x: 136% !important;
    }
    /*.section.stl10 .down .center{
        display: none;
    }*/
}
@media(min-height: 812px) and (min-width: 375px){
    .section.stl01 .left {
        margin-top: 140px;
    }
}
@media(max-width: 680px) AND (max-height: 667px){
    /*.section.stl01 .grid {
        background-size: calc(100% + -15px);
    }*/
}
@media(max-height: 568px){
    /*.section.stl01 .grid {
        background-position-y: calc(100% - 70px) !important;
    }*/
    .section.stl01 .bottom a {
        padding-bottom: 10px;
    }
}
@media screen and (min-width: 1700px){
    .section.stl09:after {
        width: 59vw;
    }
    .section.stl09 .right {
        width: 45vw !important;
    }
}

@media screen and (min-width: 1600px){
    .section.stl09:after {
        width: 59vw;
    }
    .section.stl09 .right {
        width: 49vw;
    }
}
.section.stl02 .grid{
    display: block;
}
.section.stl02 .grid.mobile{
    display: none;
}
.section.stl03 .grid{
    display: block;
}
.section.stl03 .grid.mobile{
    display: none;
}
.section.stl04 .grid{
    display: block;
}
.section.stl04 .grid.mobile{
    display: none;
}
.section.stl05 .grid{
    display: block;
}
.section.stl05 .grid.mobile{
    display: none;
}
.section.stl06 .grid{
    display: block;
}
.section.stl06 .grid.mobile{
    display: none;
}
.section.stl07 .grid{
    display: block;
}
.section.stl07 .grid.mobile{
    display: none;
}
.section.stl08 .grid{
    display: block;
}
.section.stl08 .grid.mobile{
    display: none;
}
.section.stl09 .grid{
    display: block;
}
.section.stl09 .grid.mobile{
    display: none;
}
@media(max-width: 680px){
    .section.stl02 .grid {
        display: none;
    }
    .section.stl02 .grid.mobile{
        display: block;
    }
    .section.stl02{
        background: url(../img/mobile/bg-grid-passagens.jpg) center no-repeat;
        background-size: cover;
    }
    .section.stl02:after{
        display: none;
    }
    .section.stl02 .bgLines{
        display: none;
    }
    .section.stl02 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-passagens2.png) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: calc(50% + 68px);
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl02.active .grid.mobile .img-topo{
        background-position-x: center;
        opacity: 1;
    }
    .section.stl02 .grid.mobile .area-texto{
        position: relative;
        height: calc(50% - 68px);
        width: 100%;
        margin-top: -34px;
    }
    .section.stl02 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl02 .grid.mobile .area-texto .texto.text h3 {
        font-size: 34px;
        line-height: 39px;
    }
    .section.stl02 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl02 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #FFF;
        border-radius: 10px;
        text-align: center;
        color: #e5ac22;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl02 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl02 .grid.mobile .area-texto .texto.text a svg path{
        fill: #e5ac22;
    }
    .section.stl02 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl02 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #FFF;
    }
    .section.stl03 .grid {
        display: none;
    }
    .section.stl03 .grid.mobile{
        display: block;
        background: none;
    }
    .section.stl03{
        background: url(../img/mobile/bg-grid-passagens.jpg) center no-repeat;
        background-size: cover;
    }
    .section.stl03:before{
        display: none;
    }
    .section.stl03 .bgLines{
        display: none;
    }
    .section.stl03 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-gramado2.png) center bottom no-repeat;
        background-size: contain;
        width: 110%;
        margin-left: -5%;
        height: 50%;
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl03.active .grid.mobile .img-topo{
        background-position-x: center;
        opacity: 1;
    }
    .section.stl03 .grid.mobile .area-texto{
        position: relative;
        height: calc(50% - 34px);
        width: 100%;
        margin-top: -20px;
    }
    .section.stl03 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl03 .grid.mobile .area-texto .texto.text h3 {
        font-size: 34px;
        line-height: 39px;
    }
    .section.stl03 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl03 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #FFF;
        border-radius: 10px;
        text-align: center;
        color: #e5ac22;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl03 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl03 .grid.mobile .area-texto .texto.text a svg path{
        fill: #e5ac22;
    }
    .section.stl03 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl03 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #FFF;
    }
    .section.stl04 .grid {
        display: none;
    }
    .section.stl04 .grid.mobile{
        display: block;
        background: url(../img/mobile/fundo-aereo.jpg) center bottom #f6f5fa;
    }
    .section.stl04{
        background: #f6f5fa;
    }
    .section.stl04:before{
        display: none;
    }
    .section.stl04 .bgLines{
        display: none;
    }
    .section.stl04 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-aereo.png) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: calc(50% + 34px);
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
        position: relative;
    }
    .section.stl04 .grid.mobile .img-topo .img-frase{
    	background: url(../img/mobile/frase-aereo.png) center top no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
        display: none;
    }
    .section.stl04.active .grid.mobile .img-topo{
        background-position-x: center;
        opacity: 1;
    }
    .section.stl04 .grid.mobile .area-texto{
        position: relative;
        height: calc(50% - 34px);
        width: 100%;
        margin-top: -48px;
    }
    .section.stl04 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl04 .grid.mobile .area-texto .texto.text h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .section.stl04 .grid.mobile .area-texto .texto.text h3 b{
        color: #e5ac22;
    }
    .section.stl04 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl04 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #FFF;
        border-radius: 10px;
        text-align: center;
        color: #e5ac22;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl04 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl04 .grid.mobile .area-texto .texto.text a svg path{
        fill: #e5ac22;
    }
    .section.stl04 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl04 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #e5ac22;
    }
    .section.stl05 .grid {
        display: none;
    }
    .section.stl05 .grid.mobile{
        display: block;
        background: #f4f4f4;
    }
    .section.stl05{
        background: #f4f4f4;
    }
    .section.stl05:before{
        display: none;
    }
    .section.stl05 .bgLines{
        display: none;
    }
    .section.stl05 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-frota.jpg) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: 50%;
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl05.active .grid.mobile .img-topo{
        background-position-x: 8px;
        opacity: 1;
    }
    .section.stl05 .grid.mobile .area-texto{
        position: relative;
        height: 50%;
        width: 100%;
        margin-top: -20px;
    }
    .section.stl05 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl05 .grid.mobile .area-texto .texto.text h3 {
        font-size: 34px;
        line-height: 39px;
        color: #404040;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text h3 b{
        color: #e5ac22;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #e5ac22;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text a svg path{
        fill: #e5ac22;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl05 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #e5ac22;
    }
    .section.stl06 .grid {
        display: none;
    }
    .section.stl06 .grid.mobile{
        display: block;
    }
    .section.stl06{
        background: url(../img/mobile/bg-grid-passagens.jpg) center no-repeat;
        background-size: cover;
    }
    .section.stl06:before,.section.stl06 .fundocompras{
        display: none;
    }
    .section.stl06:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/bg-icons.png) repeat center center / 35% auto;
        z-index: 1;
        animation: angle 300s linear infinite;
    }
    .section.stl06 .bgLines{
        display: none;
    }
    .section.stl06 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-compras3.png) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: calc(50% + 34px);
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl06 .grid.mobile .img-topo .img-frase{
    	background: url(../img/mobile/frase-compras.png) center top no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .section.stl06.active .grid.mobile .img-topo{
        background-position-x: center;
        opacity: 1;
    }
    .section.stl06 .grid.mobile .area-texto{
        position: relative;
        height: calc(50% - 34px);
        width: 100%;
        margin-top: -48px;
    }
    .section.stl06 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl06 .grid.mobile .area-texto .texto.text h3 {
        font-size: 30px;
        line-height: 35px;
        color: #404040;
    }
    .section.stl06 .grid.mobile .area-texto .texto.text h3 b{
        color: #FFF;
    }
    .section.stl06 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl06 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #FFF;
        border-radius: 10px;
        text-align: center;
        color: #e5ac22;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl06 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl06 .grid.mobile .area-texto .texto.text a svg path{
        fill: #e5ac22;
    }
    .section.stl06 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl06 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #FFF;
    }
    .section.stl07 .grid {
        display: none;
    }
    .section.stl07 .grid.mobile{
        display: block;
        background: #f7f7f7;
    }
    .section.stl07{
        background: #f7f7f7;
    }
    .section.stl07:before,.section.stl07:after{
        display: none;
    }
    .section.stl07 .bgLines{
        display: none;
    }
    .section.stl07 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-gadex2.jpg) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: calc(50% + 34px);
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl07.active .grid.mobile .img-topo{
        background-position-x: center;
        opacity: 1;
    }
    .section.stl07 .grid.mobile .area-texto{
        position: relative;
        height: calc(50% - 34px);
        width: 100%;
        margin-top: -17px;
    }
    .spr.gExpress {
        zoom: 0.6;
    }
    .section.stl07 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl07 .grid.mobile .area-texto .texto.text h3 {
        font-size: 34px;
        line-height: 39px;
        color: #404040;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text h3 b{
        color: #e5ac22;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #e5ac22;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text a svg path{
        fill: #e5ac22;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl07 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #e5ac22;
    }
    .section.stl08 .grid {
        display: none;
    }
    .section.stl08 .grid.mobile{
        display: block;
        background: #fff;
    }
    .section.stl08{
        background: #fff;
    }
    .section.stl08:before{
        display: none;
    }
    .section.stl08 .bgLines{
        display: none;
    }
    .section.stl08 .flag {
        top: 0px;
        z-index: 2;
        zoom: 0.6;
    }
    .spr.gMotors{
        zoom:0.8;
    }
    .section.stl08 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-motors.jpg) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: 50%;
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl08.active .grid.mobile .img-topo{
        background-position-x: 8px;
        opacity: 1;
    }
    .section.stl08 .grid.mobile .area-texto{
        position: relative;
        height: 50%;
        width: 100%;
    }
    .section.stl08 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl08 .grid.mobile .area-texto .texto.text h3 {
        font-size: 34px;
        line-height: 39px;
        color: #404040;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text h3 b{
        color: #e5ac22;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #ed1c24;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text a svg path{
        fill: #fff;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl08 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #ed1c24;
    }
    .section.stl09 .grid {
        display: none;
    }
    .section.stl09 .grid.mobile{
        display: block;
        background: #f0eff4;
    }
    .section.stl09{
        background: #f0eff4;
    }
    .section.stl09:after,.section.stl09:before{
        display: none;
    }
    .section.stl09 .bgLines{
        display: none;
    }
    .section.stl09 .flag {
        top: 0px;
        z-index: 2;
        zoom: 0.6;
    }
    .spr.hotel{
        zoom:0.7;
        margin: 0 auto !important;
        margin-bottom: 15px !important;
    }
    .section.stl09 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-hotel.jpg) center bottom no-repeat;
        background-size: cover;
        width: 110%;
        margin-left: -5%;
        height: calc(50% + 68px);
        transition: all 0.8s;
        opacity: 0;
        background-position-x: 680px;
    }
    .section.stl09.active .grid.mobile .img-topo{
        background-position-x: 0px;
        opacity: 1;
    }
    .section.stl09 .grid.mobile .area-texto{
        position: relative;
        height: calc(50% - 68px);
        width: 100%;
        margin-top: -38px;
    }
    .section.stl09 .grid.mobile .area-texto .texto{
        width: max-content;
        max-width: calc(100% - 60px);
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .section.stl09 .grid.mobile .area-texto .texto.text h3 {
        font-size: 34px;
        line-height: 39px;
        color: #404040;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text h3 b{
        color: #e5ac22;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text p {
        font-size: 12px;
        line-height: 20px;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text a{
        width: 165px;
        height: 65px;
        line-height: 65px;
        padding: 0;
        margin: 0 auto;
        display: block;
        background: #14640f;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        text-shadow: none;
        margin-top: 15px;
        box-shadow:none;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text a svg{
        width: 19px;
        height: auto;
        vertical-align: middle;
        margin-left: 10px;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text a svg path{
        fill: #fff;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text span.down svg{
        display: block;
        width: 36px;
        height: 22px;
        margin: 0 auto;
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .section.stl09 .grid.mobile .area-texto .texto.text span.down svg path{
        fill: #14640f;
    }
    .section.stl10 .down .left ul li p strong{
        font-size: 16px;
        margin-bottom: 5px;
    }
}
@media(max-height: 568px){
    .section.stl02 .grid.mobile .img-topo{
        height: 50%;
    }
    .section.stl02 .grid.mobile .area-texto{
        height: 50%;
        margin-top: -17px;
    }
    .section.stl02 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl03 .grid.mobile .img-topo{
        height: 50%;
    }
    .section.stl03 .grid.mobile .area-texto{
        height: 50%;
    }
    .section.stl03 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl04 .grid.mobile .img-topo{
        height: 50%;
    }
    .section.stl04 .grid.mobile .area-texto{
        height: 50%;
    }
    .section.stl04 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl05 .grid.mobile .img-topo{
        height: 50%;
    }
    .section.stl05 .grid.mobile .area-texto{
        height: 50%;
        margin-top: -17px;
    }
    .section.stl05 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl05 .grid.mobile .area-texto .texto.text h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text p {
        line-height: 16px;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text a{
        margin-top: 10px;
    }
    .section.stl05 .grid.mobile .area-texto .texto.text span.down svg{
        margin-top: 10px;
    }
    .section.stl06 .grid.mobile .img-topo{
        height: calc(50% + 68px);
    }
    .section.stl06 .grid.mobile .area-texto{
        height: calc(50% - 68px);
        margin-top: -17px;
    }
    .section.stl06 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl07 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl07 .grid.mobile .area-texto .texto.text h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text p {
        line-height: 16px;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text a{
        margin-top: 10px;
    }
    .section.stl07 .grid.mobile .area-texto .texto.text span.down svg{
        margin-top: 10px;
    }
    .section.stl08 .grid.mobile .img-topo{
        height: 50%;
    }
    .section.stl08 .grid.mobile .area-texto{
        height: 50%;
    }
    .section.stl08 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl08 .grid.mobile .area-texto .texto.text h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text p {
        line-height: 16px;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text a{
        margin-top: 10px;
    }
    .section.stl08 .grid.mobile .area-texto .texto.text span.down svg{
        margin-top: 10px;
    }
    .section.stl09 .grid.mobile .img-topo{
        height: 50%;
    }
    .section.stl09 .grid.mobile .area-texto{
        height: 50%;
        margin-top: -34px;
    }
    .section.stl09 .grid.mobile .area-texto .texto{
        max-width: calc(100% - 20px);
    }
    .section.stl09 .grid.mobile .area-texto .texto.text h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text p {
        line-height: 16px;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text a{
        margin-top: 10px;
    }
    .section.stl09 .grid.mobile .area-texto .texto.text span.down svg{
        margin-top: 10px;
    }
    .section.stl10 .down .left ul li p strong{
        font-size: 14px;
        margin-bottom: 2px;
    }
}
@media(width: 375px) AND (height: 667px){
    .section.stl07 .grid.mobile .area-texto .texto.text a{
        margin-top: 15px;
    }
}
@media(max-width: 680px) AND (min-height: 736px){
    .section.stl08 .flag {
        top: 0px;
        z-index: 2;
        zoom: 1;
    }
    .section.stl09 .flag {
        top: 0px;
        z-index: 2;
        zoom: 1;
    }
}
@media(min-height: 667px){
    .section.stl06 .grid.mobile .img-topo{
        height: calc(50% + 108px);
    }
    .section.stl06 .grid.mobile .area-texto{
        height: calc(50% - 108px);
        margin-top: -78px;
    }
    /*.section.stl04 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-aereo.jpg) center bottom no-repeat;
    }
    .section.stl06 .grid.mobile .img-topo{
        background: url(../img/mobile/bg-compras.png) center bottom no-repeat;
    }*/
}