html,
body {
  overflow-x: hidden;
  width: 100%;
}

body {
  background-color: #fff;
  color: #333;
  font-family: 'Open Sans';
  font-size: 100%;
}

strong {
  font-weight: bold;
}

a,
a:hover,
a:focus {
  color: inherit;
  outline: 0;
  text-decoration: none;
}

.wancho {
  margin: auto;
  max-width: 1024px;
  position: relative;
  width: 100%;
}

.g-grid {
  box-sizing: border-box;
  font-size: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.g-grid-item {
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  zoom: 1;
}

#land {
  background-color: #e73e51;
  padding: 15px 0;
  margin-top: -30px;
  /* sections */
  /* ocultar res */
}

#land #home .container .row .a .b {
  background-color: #fff;
  border-radius: 5px;
}

#land #home .container .row .a .b .c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#land #home .container .row .a .b .c img {
  margin-top: 25px;
}

#land #home .container .row .a .b .d {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(../images/bkg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 213px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 25px;
  position: relative;
  width: 790px;
}

#land #home .container .row .a .b .d .ll {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 475px;
}

#land #home .container .row .a .b .d .ll .lll {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 428px;
}

#land #home .container .row .a .b .d .rr {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 285px;
}

#land #home .container .row .a .b .d .rr .rrr {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 234px;
}

#land #home .container .row .a .b .d .rr .rrr span {
  background-color: #ffc900;
  color: #000;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  font-weight: 600;
  height: 36px;
  line-height: 35px;
  text-align: center;
  width: 158px;
}

#land #home .container .row .a .b .d a.vp {
  background-color: #000;
  border: 2px solid #000;
  border-radius: 3px;
  bottom: 4px;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  left: 50%;
  padding: 3px 7px;
  position: absolute;
  -webkit-transition: 0.45s ease;
  transition: 0.45s ease;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#land #home .container .row .a .b .d a.vp:hover {
  background-color: #fff;
  color: #000;
}

#land #home .container .row .a .b .e {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
  padding-bottom: 25px;
  width: 743px;
}

#land .show-desk {
  display: block;
}

#land .show-res {
  display: none;
}

@media screen and (max-width: 633px) {
  #land {
    /* ocultar res */
  }
  #land #home .container .row .a .b .c {
    margin-bottom: 14px;
  }
  #land #home .container .row .a .b .c img {
    height: auto;
    width: 80%;
  }
  #land #home .container .row .a .b .d {
    background-image: url(../images/bkg-res.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 346px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll .lll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr {
    margin-bottom: 42px;
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr .rrr {
    width: 100%;
  }
  #land #home .container .row .a .b .d a.vp {
    bottom: 28px;
  }
  #land #home .container .row .a .b .e {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #land #home .container .row .a .b .e .ll {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .e .rr {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land .show-desk {
    display: none;
  }
  #land .show-res {
    display: block;
  }
}

/* landscacpes */
@media only screen and (min-device-width: 375px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #land {
    /* ocultar res */
  }
  #land #home .container .row .a .b .c {
    margin-bottom: 14px;
  }
  #land #home .container .row .a .b .c img {
    height: auto;
    width: 80%;
  }
  #land #home .container .row .a .b .d {
    background-image: url(../images/bkg-res.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 346px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll .lll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr {
    margin-bottom: 42px;
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr .rrr {
    width: 100%;
  }
  #land #home .container .row .a .b .d a.vp {
    bottom: 28px;
  }
  #land #home .container .row .a .b .e {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #land #home .container .row .a .b .e .ll {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .e .rr {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land .show-desk {
    display: none;
  }
  #land .show-res {
    display: block;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #land {
    /* ocultar res */
  }
  #land #home .container .row .a .b .c {
    margin-bottom: 14px;
  }
  #land #home .container .row .a .b .c img {
    height: auto;
    width: 80%;
  }
  #land #home .container .row .a .b .d {
    background-image: url(../images/bkg-res.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 346px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll .lll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr {
    margin-bottom: 42px;
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr .rrr {
    width: 100%;
  }
  #land #home .container .row .a .b .d a.vp {
    bottom: 28px;
  }
  #land #home .container .row .a .b .e {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #land #home .container .row .a .b .e .ll {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .e .rr {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land .show-desk {
    display: none;
  }
  #land .show-res {
    display: block;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #land {
    /* ocultar res */
  }
  #land #home .container .row .a .b .c {
    margin-bottom: 14px;
  }
  #land #home .container .row .a .b .c img {
    height: auto;
    width: 80%;
  }
  #land #home .container .row .a .b .d {
    background-image: url(../images/bkg-res.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 346px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .ll .lll {
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr {
    margin-bottom: 42px;
    width: 100%;
  }
  #land #home .container .row .a .b .d .rr .rrr {
    width: 100%;
  }
  #land #home .container .row .a .b .d a.vp {
    bottom: 28px;
  }
  #land #home .container .row .a .b .e {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #land #home .container .row .a .b .e .ll {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land #home .container .row .a .b .e .rr {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  #land .show-desk {
    display: none;
  }
  #land .show-res {
    display: block;
  }
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
}

body::-webkit-scrollbar {
  background-color: #F5F5F5;
  width: 6px;
}

body::-webkit-scrollbar-thumb {
  background-color: #3e9ad3;
}