@import "https://fonts.googleapis.com/css?family=Raleway:300,500,600,900";
html {
  height: 100%; }

.gradient {
  background: #9256FF;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-45deg, #65AEFB, #9256FF, #65AEFB);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-45deg, #65AEFB, #9256FF, #65AEFB);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-45deg, #65AEFB, #9256FF, #65AEFB);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(-45deg, #65AEFB, #9256FF, #65AEFB);
  /* Standard syntax */
  background-attachment: fixed; }

body {
  min-width: 320px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  body.whiteBG {
    background-color: white; }
  body.homeOverflow {
    overflow: hidden; }
  body h1, body h2, body h3, body h4, body h5, body h6, body p, body label, body small, body input, body button, body select, body ul, body li, body a, body strong, body textarea, body div {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "Raleway", verdana, arial, helvetica, helve, sans-seriff;
    -webkit-font-smoothing: antialiased;
    outline: none !important;
    list-style: none;
    text-decoration: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; }
    body h1:hover, body h2:hover, body h3:hover, body h4:hover, body h5:hover, body h6:hover, body p:hover, body label:hover, body small:hover, body input:hover, body button:hover, body select:hover, body ul:hover, body li:hover, body a:hover, body strong:hover, body textarea:hover, body div:hover {
      text-decoration: none; }
    body h1::-webkit-input-placeholder, body h2::-webkit-input-placeholder, body h3::-webkit-input-placeholder, body h4::-webkit-input-placeholder, body h5::-webkit-input-placeholder, body h6::-webkit-input-placeholder, body p::-webkit-input-placeholder, body label::-webkit-input-placeholder, body small::-webkit-input-placeholder, body input::-webkit-input-placeholder, body button::-webkit-input-placeholder, body select::-webkit-input-placeholder, body ul::-webkit-input-placeholder, body li::-webkit-input-placeholder, body a::-webkit-input-placeholder, body strong::-webkit-input-placeholder, body textarea::-webkit-input-placeholder, body div::-webkit-input-placeholder {
      color: white; }
    body h1:-moz-placeholder, body h2:-moz-placeholder, body h3:-moz-placeholder, body h4:-moz-placeholder, body h5:-moz-placeholder, body h6:-moz-placeholder, body p:-moz-placeholder, body label:-moz-placeholder, body small:-moz-placeholder, body input:-moz-placeholder, body button:-moz-placeholder, body select:-moz-placeholder, body ul:-moz-placeholder, body li:-moz-placeholder, body a:-moz-placeholder, body strong:-moz-placeholder, body textarea:-moz-placeholder, body div:-moz-placeholder {
      /* Firefox 18- */
      color: white; }
    body h1::-moz-placeholder, body h2::-moz-placeholder, body h3::-moz-placeholder, body h4::-moz-placeholder, body h5::-moz-placeholder, body h6::-moz-placeholder, body p::-moz-placeholder, body label::-moz-placeholder, body small::-moz-placeholder, body input::-moz-placeholder, body button::-moz-placeholder, body select::-moz-placeholder, body ul::-moz-placeholder, body li::-moz-placeholder, body a::-moz-placeholder, body strong::-moz-placeholder, body textarea::-moz-placeholder, body div::-moz-placeholder {
      /* Firefox 19+ */
      color: white; }
    body h1:-ms-input-placeholder, body h2:-ms-input-placeholder, body h3:-ms-input-placeholder, body h4:-ms-input-placeholder, body h5:-ms-input-placeholder, body h6:-ms-input-placeholder, body p:-ms-input-placeholder, body label:-ms-input-placeholder, body small:-ms-input-placeholder, body input:-ms-input-placeholder, body button:-ms-input-placeholder, body select:-ms-input-placeholder, body ul:-ms-input-placeholder, body li:-ms-input-placeholder, body a:-ms-input-placeholder, body strong:-ms-input-placeholder, body textarea:-ms-input-placeholder, body div:-ms-input-placeholder {
      color: white; }
  body input {
    text-align: left;
    border: none;
    border: 0;
    padding: 10px;
    text-align: left;
    width: 100%;
    background-color: #566be1;
    color: white;
    font-size: 0.875em;
    margin-bottom: 25px; }
    body input:focus {
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  body textarea {
    margin-bottom: 25px;
    resize: none;
    border: none;
    color: white;
    font-size: 0.875em;
    outline: none;
    width: 100%;
    background-color: #566be1;
    padding: 10px; }
  body label.error {
    color: #A94442;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 0.8em;
    font-weight: 500; }
  body button {
    text-transform: uppercase;
    border: 0;
    background: transparent;
    text-align: center; }
  body .selectContainer {
    padding: 0 10px !important;
    margin-bottom: 20px; }
    body .selectContainer .error {
      border-bottom: 1px solid #A94442; }
    body .selectContainer label.error {
      border: 0;
      top: 35px;
      left: 0; }
    body .selectContainer button {
      background: #566be1;
      border: 0;
      border-bottom: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: 500;
      padding: 8px !important;
      float: none;
      margin: 0 auto;
      width: 100%;
      display: block;
      outline: none !important; }
      body .selectContainer button:hover {
        background: #65AEFB;
        outline: 0 !important;
        box-shadow: none;
        outline-offset: 0 !important; }
      body .selectContainer button.dropdown-toggle:focus, body .selectContainer button:focus {
        background: #566be1;
        outline: 0 !important;
        box-shadow: none;
        outline-offset: 0 !important; }
      body .selectContainer button .filter-option {
        color: white;
        font-size: 0.875em;
        text-shadow: none;
        text-transform: initial; }
      body .selectContainer button .caret {
        color: white;
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 0; }
    body .selectContainer select.erro + button {
      border: 0 !important; }
    body .selectContainer .dropdown-menu {
      background-color: #f9f9f9;
      border-radius: 0;
      margin-top: 0; }
      body .selectContainer .dropdown-menu ul li a, body .selectContainer .dropdown-menu ul li:visited {
        color: #566be1;
        background-color: transparent;
        padding-left: 10px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        body .selectContainer .dropdown-menu ul li a span.text, body .selectContainer .dropdown-menu ul li:visited span.text {
          font-size: 0.875em; }
        body .selectContainer .dropdown-menu ul li a:hover, body .selectContainer .dropdown-menu ul li a:focus, body .selectContainer .dropdown-menu ul li:visited:hover, body .selectContainer .dropdown-menu ul li:visited:focus {
          background-color: #f9f9f9;
          background-image: none;
          color: #65AEFB; }
      body .selectContainer .dropdown-menu ul li.selected a, body .selectContainer .dropdown-menu ul li.selected:visited {
        background-color: #f9f9f9;
        color: #65AEFB; }
        body .selectContainer .dropdown-menu ul li.selected a span, body .selectContainer .dropdown-menu ul li.selected:visited span {
          font-size: 0.875em; }
      body .selectContainer .dropdown-menu ul li.dropdown-header {
        color: white;
        text-transform: uppercase;
        font-size: 1em;
        padding-left: 20px;
        padding-right: 0;
        font-weight: 500; }
      body .selectContainer .dropdown-menu ul .disabled {
        display: none !important; }
      body .selectContainer .dropdown-menu ul .divider {
        background-color: transparent; }
  body img {
    display: block;
    width: 100%; }
  body .rightFloat {
    float: right; }
  body .clearPadding {
    padding: 0; }
  body .clearMargin {
    margin: 0; }
  body .clearFloat {
    float: none !important; }
  body .marginBottom {
    margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    body .marginTop {
      margin-top: 60px; } }
  body iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body .row {
    margin: 0; }
  body #lojaIframe {
    min-height: 510px;
    margin-top: 5%; }
    @media only screen and (min-width: 440px) and (max-width: 1199px) {
      body #lojaIframe {
        min-height: 720px; } }
    @media only screen and (min-width: 401px) and (max-width: 439px) {
      body #lojaIframe {
        min-height: 680px; } }
    @media only screen and (min-width: 320px) and (max-width: 400px) {
      body #lojaIframe {
        min-height: 650px; } }
  body .containerBlue img {
    max-width: 700px;
    margin: 0 auto; }
    body .containerBlue img.imgLogoLoja {
      width: auto;
      margin: 0; }
      @media screen and (max-width: 768px) {
        body .containerBlue img.imgLogoLoja {
          margin: 0 auto; } }
  body .containerBlue p {
    padding: 0 5%; }
  body .containerBlue .textoLoja {
    padding-left: 20px;
    margin-top: 2%; }
    @media screen and (max-width: 768px) {
      body .containerBlue .textoLoja {
        padding-bottom: 20px;
        margin-top: 0;
        padding-left: 0; } }
    body .containerBlue .textoLoja h1 {
      color: black;
      font-size: 1.3em;
      font-weight: 500;
      margin: 20px 0; }
      @media screen and (max-width: 768px) {
        body .containerBlue .textoLoja h1 {
          text-align: center;
          margin-top: 0; } }
    body .containerBlue .textoLoja ul li {
      color: black;
      font-size: 1em;
      margin-bottom: 20px;
      text-align: left; }
      body .containerBlue .textoLoja ul li span {
        vertical-align: top; }
      @media screen and (max-width: 768px) {
        body .containerBlue .textoLoja ul li {
          text-align: center; } }
      body .containerBlue .textoLoja ul li:last-child {
        margin-bottom: 0; }
      body .containerBlue .textoLoja ul li a, body .containerBlue .textoLoja ul li:visited {
        color: black !important; }
      body .containerBlue .textoLoja ul li i {
        font-size: 1.5em;
        color: black;
        margin-right: 10px; }
  body .parallax {
    height: 500px;
    /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
    /*&::-webkit-scrollbar {
        display: none;
    }*/ }
    body .parallax .parallax__group {
      position: relative;
      height: 500px;
      /* fallback for older browsers */
      height: 100vh;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      body .parallax .parallax__group .parallax__layer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        body .parallax .parallax__group .parallax__layer .parallaxtext {
          margin-top: 5%; }
      body .parallax .parallax__group .parallax__layer--fore {
        -ms-transform: translateZ(90px) scale(0.7);
        -webkit-transform: translateZ(90px) scale(0.7);
        transform: translateZ(90px) scale(0.7);
        z-index: 1; }
      body .parallax .parallax__group .parallax__layer--base {
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        z-index: 4; }
      body .parallax .parallax__group .parallax__layer--base2 {
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        z-index: 0; }
      body .parallax .parallax__group .parallax__layer--back {
        -ms-transform: ranslateZ(-300px) scale(2);
        -webkit-transform: translateZ(-300px) scale(2);
        transform: translateZ(-300px) scale(2);
        z-index: 3; }
        body .parallax .parallax__group .parallax__layer--back.parallaxBack {
          background: url("../images/numerolojas.png") no-repeat center center transparent;
          width: 100%;
          max-height: 406px;
          background-size: contain; }
      body .parallax .parallax__group .parallax__layer--deep {
        -ms-transform: translateZ(-600px) scale(3);
        -webkit-transform: translateZ(-600px) scale(3);
        transform: translateZ(-600px) scale(3);
        z-index: 2; }
    body .parallax #group1 {
      z-index: 5;
      max-height: 45%;
      margin-bottom: 2%; }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1200px) and (max-height: 1299px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1100px) and (max-height: 1199px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1000px) and (max-height: 1099px) {
  body .parallax #group1 {
    max-height: 60%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 900px) and (max-height: 999px) {
  body .parallax #group1 {
    max-height: 65%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 799px) and (max-height: 899px) {
  body .parallax #group1 {
    max-height: 75%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 701px) and (max-height: 798px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 601px) and (max-height: 700px) {
  body .parallax #group1 {
    max-height: 90%;
    margin-bottom: 7%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 502px) and (max-height: 600px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 411px) and (max-height: 501px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 16%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 370px) and (max-height: 410px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 20%; } }

@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 0; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 1199px) and (max-height: 1299px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 0; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 1099px) and (max-height: 1198px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 0; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 999px) and (max-height: 1098px) {
  body .parallax #group1 {
    max-height: 60%;
    margin-bottom: 0; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 899px) and (max-height: 998px) {
  body .parallax #group1 {
    max-height: 65%;
    margin-bottom: 0; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 799px) and (max-height: 898px) {
  body .parallax #group1 {
    max-height: 70%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 699px) and (max-height: 798px) {
  body .parallax #group1 {
    max-height: 75%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 599px) and (max-height: 698px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 499px) and (max-height: 598px) {
  body .parallax #group1 {
    max-height: 85%;
    margin-bottom: 13%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 399px) and (max-height: 498px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 370px) and (max-height: 398px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 17%; } }

@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 1265px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 40%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 1120px) and (max-height: 1264px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 980px) and (max-height: 1119px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 900px) and (max-height: 979px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 800px) and (max-height: 899px) {
  body .parallax #group1 {
    max-height: 62%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 740px) and (max-height: 799px) {
  body .parallax #group1 {
    max-height: 68%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 650px) and (max-height: 739px) {
  body .parallax #group1 {
    max-height: 72%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 580px) and (max-height: 649px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 510px) and (max-height: 579px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 450px) and (max-height: 509px) {
  body .parallax #group1 {
    max-height: 90%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 12%; } }

@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 1265px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 40%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 1120px) and (max-height: 1264px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 980px) and (max-height: 1119px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 900px) and (max-height: 979px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 800px) and (max-height: 899px) {
  body .parallax #group1 {
    max-height: 62%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 740px) and (max-height: 799px) {
  body .parallax #group1 {
    max-height: 68%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 650px) and (max-height: 739px) {
  body .parallax #group1 {
    max-height: 72%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 580px) and (max-height: 649px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 510px) and (max-height: 579px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 450px) and (max-height: 509px) {
  body .parallax #group1 {
    max-height: 90%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 12%; } }

@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1199px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 30%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 960px) and (max-height: 1198px) {
  body .parallax #group1 {
    max-height: 35%;
    margin-bottom: 8%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 800px) and (max-height: 959px) {
  body .parallax #group1 {
    max-height: 39%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 710px) and (max-height: 799px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 650px) and (max-height: 709px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 600px) and (max-height: 649px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 560px) and (max-height: 599px) {
  body .parallax #group1 {
    max-height: 60%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 510px) and (max-height: 559px) {
  body .parallax #group1 {
    max-height: 70%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 450px) and (max-height: 509px) {
  body .parallax #group1 {
    max-height: 70%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group1 {
    max-height: 85%;
    margin-bottom: 12%; } }

@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 1199px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 53%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 1110px) and (max-height: 1198px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 1000px) and (max-height: 1109px) {
  body .parallax #group1 {
    max-height: 60%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 900px) and (max-height: 999px) {
  body .parallax #group1 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 810px) and (max-height: 899px) {
  body .parallax #group1 {
    max-height: 70%;
    margin-bottom: 13%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 750px) and (max-height: 809px) {
  body .parallax #group1 {
    max-height: 75%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 650px) and (max-height: 749px) {
  body .parallax #group1 {
    max-height: 85%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 550px) and (max-height: 649px) {
  body .parallax #group1 {
    max-height: 95%;
    margin-bottom: 18%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 450px) and (max-height: 549px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 28%; } }
@media only screen and (min-width: 651px) and (max-width: 800px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 40%; } }

@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 40%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 1110px) and (max-height: 1299px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 1000px) and (max-height: 1109px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 850px) and (max-height: 999px) {
  body .parallax #group1 {
    max-height: 60%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 750px) and (max-height: 849px) {
  body .parallax #group1 {
    max-height: 65%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 650px) and (max-height: 749px) {
  body .parallax #group1 {
    max-height: 70%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 550px) and (max-height: 649px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 14%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 450px) and (max-height: 549px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 14%; } }
@media only screen and (min-width: 571px) and (max-width: 650px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 25%; } }

@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 35%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1110px) and (max-height: 1299px) {
  body .parallax #group1 {
    max-height: 40%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1000px) and (max-height: 1109px) {
  body .parallax #group1 {
    max-height: 45%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 925px) and (max-height: 999px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 830px) and (max-height: 924px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 760px) and (max-height: 829px) {
  body .parallax #group1 {
    max-height: 65%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 660px) and (max-height: 759px) {
  body .parallax #group1 {
    max-height: 70%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 560px) and (max-height: 659px) {
  body .parallax #group1 {
    max-height: 80%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 460px) and (max-height: 559px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 370px) and (max-height: 459px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 25%; } }

@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group1 {
    max-height: 35%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 1120px) and (max-height: 1299px) {
  body .parallax #group1 {
    max-height: 38%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 1000px) and (max-height: 1119px) {
  body .parallax #group1 {
    max-height: 42%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 911px) and (max-height: 1009px) {
  body .parallax #group1 {
    max-height: 46%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 840px) and (max-height: 910px) {
  body .parallax #group1 {
    max-height: 50%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 700px) and (max-height: 839px) {
  body .parallax #group1 {
    max-height: 55%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 600px) and (max-height: 699px) {
  body .parallax #group1 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 510px) and (max-height: 599px) {
  body .parallax #group1 {
    max-height: 77%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 451px) and (max-height: 509px) {
  body .parallax #group1 {
    max-height: 85%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 370px) and (max-height: 451px) {
  body .parallax #group1 {
    max-height: 100%;
    margin-bottom: 17%; } }

    body .parallax #group2 {
      z-index: 3;
      max-height: 30%;
      margin-bottom: 0; }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 30%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1200px) and (max-height: 1299px) {
  body .parallax #group2 {
    max-height: 30%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1100px) and (max-height: 1199px) {
  body .parallax #group2 {
    max-height: 35%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 1000px) and (max-height: 1099px) {
  body .parallax #group2 {
    max-height: 40%;
    margin-bottom: 2%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 900px) and (max-height: 999px) {
  body .parallax #group2 {
    max-height: 42%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 799px) and (max-height: 899px) {
  body .parallax #group2 {
    max-height: 45%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 701px) and (max-height: 798px) {
  body .parallax #group2 {
    max-height: 50%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 601px) and (max-height: 700px) {
  body .parallax #group2 {
    max-height: 50%;
    margin-bottom: 7%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 502px) and (max-height: 600px) {
  body .parallax #group2 {
    max-height: 52%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 411px) and (max-height: 501px) {
  body .parallax #group2 {
    max-height: 52%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1300px) and (max-width: 2601px) and (min-height: 370px) and (max-height: 410px) {
  body .parallax #group2 {
    max-height: 55%;
    margin-bottom: 15%; } }

@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 30%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 1201px) and (max-height: 1299px) {
  body .parallax #group2 {
    max-height: 33%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 960px) and (max-height: 1200px) {
  body .parallax #group2 {
    max-height: 40%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 800px) and (max-height: 959px) {
  body .parallax #group2 {
    max-height: 45%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 700px) and (max-height: 799px) {
  body .parallax #group2 {
    max-height: 50%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 600px) and (max-height: 699px) {
  body .parallax #group2 {
    max-height: 55%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 500px) and (max-height: 599px) {
  body .parallax #group2 {
    max-height: 60%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 400px) and (max-height: 499px) {
  body .parallax #group2 {
    max-height: 65%;
    margin-bottom: 7%; } }
@media only screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 370px) and (max-height: 399px) {
  body .parallax #group2 {
    max-height: 70%;
    margin-bottom: 7%; } }

@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 999px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 30%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 840px) and (max-height: 998px) {
  body .parallax #group2 {
    max-height: 35%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 740px) and (max-height: 839px) {
  body .parallax #group2 {
    max-height: 40%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 640px) and (max-height: 739px) {
  body .parallax #group2 {
    max-height: 50%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 540px) and (max-height: 639px) {
  body .parallax #group2 {
    max-height: 60%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 470px) and (max-height: 539px) {
  body .parallax #group2 {
    max-height: 65%; } }
@media only screen and (min-width: 1150px) and (max-width: 1199px) and (min-height: 370px) and (max-height: 469px) {
  body .parallax #group2 {
    max-height: 75%; } }

@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 1200px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 30%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 1000px) and (max-height: 1199px) {
  body .parallax #group2 {
    max-height: 32%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 835px) and (max-height: 999px) {
  body .parallax #group2 {
    max-height: 35%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 740px) and (max-height: 834px) {
  body .parallax #group2 {
    max-height: 40%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 640px) and (max-height: 739px) {
  body .parallax #group2 {
    max-height: 50%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 540px) and (max-height: 639px) {
  body .parallax #group2 {
    max-height: 55%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 465px) and (max-height: 539px) {
  body .parallax #group2 {
    max-height: 65%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 370px) and (max-height: 464px) {
  body .parallax #group2 {
    max-height: 80%; } }

@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1200px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 25%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1000px) and (max-height: 1199px) {
  body .parallax #group2 {
    max-height: 30%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 841px) and (max-height: 999px) {
  body .parallax #group2 {
    max-height: 35%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 710px) and (max-height: 840px) {
  body .parallax #group2 {
    max-height: 40%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 615px) and (max-height: 709px) {
  body .parallax #group2 {
    max-height: 45%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 540px) and (max-height: 614px) {
  body .parallax #group2 {
    max-height: 53%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 540px) and (max-height: 614px) {
  body .parallax #group2 {
    max-height: 53%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 460px) and (max-height: 539px) {
  body .parallax #group2 {
    max-height: 63%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 370px) and (max-height: 459px) {
  body .parallax #group2 {
    max-height: 70%;
    margin-bottom: 2%; } }

@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1395px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 30%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1200px) and (max-height: 1394px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 50%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1110px) and (max-height: 1199px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 60%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 970px) and (max-height: 1109px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 70%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 911px) and (max-height: 969px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 87%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 850px) and (max-height: 910px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 93%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 749px) and (max-height: 849px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 110%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 649px) and (max-height: 748px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 120%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 549px) and (max-height: 648px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 130%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 480px) and (max-height: 548px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 140%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 370px) and (max-height: 479px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 160%; } }

@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1200px) and (max-height: 1299px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 30%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1111px) and (max-height: 1199px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 45%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1010px) and (max-height: 1110px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 60%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 935px) and (max-height: 1009px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 75%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 840px) and (max-height: 934px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 90%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 730px) and (max-height: 839px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 110%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 640px) and (max-height: 729px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 120%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 551px) and (max-height: 639px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 135%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 451px) and (max-height: 550px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 155%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 370px) and (max-height: 450px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 165%; } }

@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 95%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1215px) and (max-height: 1299px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1130px) and (max-height: 1214px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 25%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 1060px) and (max-height: 1129px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 40%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 995px) and (max-height: 1059px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 50%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 910px) and (max-height: 994px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 65%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 820px) and (max-height: 909px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 80%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 740px) and (max-height: 819px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 95%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 640px) and (max-height: 749px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 110%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 540px) and (max-height: 639px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 130%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 439px) and (max-height: 539px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 147%; } }
@media only screen and (min-width: 480px) and (max-width: 570px) and (min-height: 370px) and (max-height: 438px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 165%; } }

@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 1330px) and (max-height: 1441px) {
  body .parallax #group2 {
    max-height: 81%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 1200px) and (max-height: 1329px) {
  body .parallax #group2 {
    max-height: 90%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 1070px) and (max-height: 1199px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 971px) and (max-height: 1069px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 25%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 915px) and (max-height: 970px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 42%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 845px) and (max-height: 914px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 55%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 775px) and (max-height: 844px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 70%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 715px) and (max-height: 774px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 85%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 655px) and (max-height: 714px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 100%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 555px) and (max-height: 654px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 120%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 455px) and (max-height: 554px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 140%; } }
@media only screen and (min-width: 319px) and (max-width: 479px) and (min-height: 370px) and (max-height: 454px) {
  body .parallax #group2 {
    max-height: 100%;
    margin-bottom: 160%; } }

    body .parallax #group3 {
      z-index: 4;
      background: white;
      max-height: 50%; }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 50%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 1190px) and (max-height: 1299px) {
  body .parallax #group3 {
    max-height: 55%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 1070px) and (max-height: 1189px) {
  body .parallax #group3 {
    max-height: 60%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 975px) and (max-height: 1069px) {
  body .parallax #group3 {
    max-height: 65%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 850px) and (max-height: 974px) {
  body .parallax #group3 {
    max-height: 73%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 779px) and (max-height: 849px) {
  body .parallax #group3 {
    max-height: 80%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 699px) and (max-height: 778px) {
  body .parallax #group3 {
    max-height: 90%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 600px) and (max-height: 698px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 535px) and (max-height: 599px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 7%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 486px) and (max-height: 534px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 8%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 429px) and (max-height: 485px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 13%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 370px) and (max-height: 428px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 18%; } }

@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 40%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 1190px) and (max-height: 1299px) {
  body .parallax #group3 {
    max-height: 45%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 1090px) and (max-height: 1189px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 990px) and (max-height: 1089px) {
  body .parallax #group3 {
    max-height: 52%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 890px) and (max-height: 989px) {
  body .parallax #group3 {
    max-height: 55%;
    margin-bottom: 9%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 790px) and (max-height: 889px) {
  body .parallax #group3 {
    max-height: 60%;
    margin-bottom: 9%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 690px) and (max-height: 789px) {
  body .parallax #group3 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 590px) and (max-height: 689px) {
  body .parallax #group3 {
    max-height: 70%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 490px) and (max-height: 589px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 17%; } }
@media only screen and (min-width: 1202px) and (max-width: 1301px) and (min-height: 370px) and (max-height: 489px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }

@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 1310px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 32%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 1210px) and (max-height: 1309px) {
  body .parallax #group3 {
    max-height: 35%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 1110px) and (max-height: 1209px) {
  body .parallax #group3 {
    max-height: 38%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 950px) and (max-height: 1109px) {
  body .parallax #group3 {
    max-height: 42%;
    margin-bottom: 13%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 850px) and (max-height: 949px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 770px) and (max-height: 849px) {
  body .parallax #group3 {
    max-height: 58%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 690px) and (max-height: 769px) {
  body .parallax #group3 {
    max-height: 66%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 630px) and (max-height: 689px) {
  body .parallax #group3 {
    max-height: 73%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 550px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 490px) and (max-height: 549px) {
  body .parallax #group3 {
    max-height: 90%;
    margin-bottom: 13%; } }
@media only screen and (min-width: 1150px) and (max-width: 1201px) and (min-height: 370px) and (max-height: 489px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }

@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 1140px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 40%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 1040px) and (max-height: 1139px) {
  body .parallax #group3 {
    max-height: 45%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 940px) and (max-height: 1039px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 840px) and (max-height: 939px) {
  body .parallax #group3 {
    max-height: 55%;
    margin-bottom: 11%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 740px) and (max-height: 839px) {
  body .parallax #group3 {
    max-height: 60%;
    margin-bottom: 13%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 740px) and (max-height: 839px) {
  body .parallax #group3 {
    max-height: 60%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 640px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 67%;
    margin-bottom: 17%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 550px) and (max-height: 639px) {
  body .parallax #group3 {
    max-height: 75%;
    margin-bottom: 18%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 480px) and (max-height: 549px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 390px) and (max-height: 479px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 992px) and (max-width: 1149px) and (min-height: 370px) and (max-height: 389px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 25%; } }

@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1325px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 42%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1225px) and (max-height: 1324px) {
  body .parallax #group3 {
    max-height: 43%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1125px) and (max-height: 1224px) {
  body .parallax #group3 {
    max-height: 47%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 1025px) and (max-height: 1124px) {
  body .parallax #group3 {
    max-height: 53%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 925px) and (max-height: 1024px) {
  body .parallax #group3 {
    max-height: 58%;
    margin-bottom: 5.5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 825px) and (max-height: 924px) {
  body .parallax #group3 {
    max-height: 65%;
    margin-bottom: 5.5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 740px) and (max-height: 824px) {
  body .parallax #group3 {
    max-height: 73%;
    margin-bottom: 5.5%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 660px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 78%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 600px) and (max-height: 659px) {
  body .parallax #group3 {
    max-height: 85%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 555px) and (max-height: 599px) {
  body .parallax #group3 {
    max-height: 95%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 471px) and (max-height: 554px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 425px) and (max-height: 470px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 801px) and (max-width: 991px) and (min-height: 370px) and (max-height: 424px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 26%; } }

@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1388px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 40%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1288px) and (max-height: 1387px) {
  body .parallax #group3 {
    max-height: 42%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1188px) and (max-height: 1287px) {
  body .parallax #group3 {
    max-height: 46%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 1088px) and (max-height: 1187px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 988px) and (max-height: 1087px) {
  body .parallax #group3 {
    max-height: 54%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 900px) and (max-height: 987px) {
  body .parallax #group3 {
    max-height: 58%;
    margin-bottom: 8%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 810px) and (max-height: 899px) {
  body .parallax #group3 {
    max-height: 64%;
    margin-bottom: 8%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 750px) and (max-height: 809px) {
  body .parallax #group3 {
    max-height: 70%;
    margin-bottom: 9%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 700px) and (max-height: 749px) {
  body .parallax #group3 {
    max-height: 75%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 630px) and (max-height: 699px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 571px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 87%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 505px) and (max-height: 570px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 450px) and (max-height: 504px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 653px) and (max-width: 800px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 30%; } }

@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1388px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 40%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1250px) and (max-height: 1387px) {
  body .parallax #group3 {
    max-height: 42%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1150px) and (max-height: 1249px) {
  body .parallax #group3 {
    max-height: 47%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 1080px) and (max-height: 1149px) {
  body .parallax #group3 {
    max-height: 53%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 940px) and (max-height: 1079px) {
  body .parallax #group3 {
    max-height: 60%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 840px) and (max-height: 939px) {
  body .parallax #group3 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 790px) and (max-height: 839px) {
  body .parallax #group3 {
    max-height: 70%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 700px) and (max-height: 789px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 630px) and (max-height: 699px) {
  body .parallax #group3 {
    max-height: 90%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 550px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 520px) and (max-height: 549px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 465px) and (max-height: 519px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 30%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 430px) and (max-height: 464px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 35%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 395px) and (max-height: 429px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 40%; } }
@media only screen and (min-width: 571px) and (max-width: 652px) and (min-height: 370px) and (max-height: 394px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 45%; } }

@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 1300px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 45%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 1215px) and (max-height: 1299px) {
  body .parallax #group3 {
    max-height: 48%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 1130px) and (max-height: 1214px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 17%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 1060px) and (max-height: 1129px) {
  body .parallax #group3 {
    max-height: 53%;
    margin-bottom: 18%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 995px) and (max-height: 1059px) {
  body .parallax #group3 {
    max-height: 55%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 910px) and (max-height: 994px) {
  body .parallax #group3 {
    max-height: 60%;
    margin-bottom: 21%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 820px) and (max-height: 909px) {
  body .parallax #group3 {
    max-height: 66%;
    margin-bottom: 25%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 740px) and (max-height: 819px) {
  body .parallax #group3 {
    max-height: 70%;
    margin-bottom: 30%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 680px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 30%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 600px) and (max-height: 679px) {
  body .parallax #group3 {
    max-height: 85%;
    margin-bottom: 35%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 545px) and (max-height: 599px) {
  body .parallax #group3 {
    max-height: 90%;
    margin-bottom: 38%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 505px) and (max-height: 544px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 35%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 470px) and (max-height: 504px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 42%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 430px) and (max-height: 469px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 50%; } }
@media only screen and (min-width: 450px) and (max-width: 570px) and (min-height: 370px) and (max-height: 429px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 61%; } }

@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 1370px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 45%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 1270px) and (max-height: 1369px) {
  body .parallax #group3 {
    max-height: 52%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 1170px) and (max-height: 1269px) {
  body .parallax #group3 {
    max-height: 55%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 1070px) and (max-height: 1169px) {
  body .parallax #group3 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 980px) and (max-height: 1069px) {
  body .parallax #group3 {
    max-height: 67%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 899px) and (max-height: 979px) {
  body .parallax #group3 {
    max-height: 70%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 810px) and (max-height: 898px) {
  body .parallax #group3 {
    max-height: 82%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 740px) and (max-height: 809px) {
  body .parallax #group3 {
    max-height: 90%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 710px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 95%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 665px) and (max-height: 709px) {
  body .parallax #group3 {
    max-height: 100%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 630px) and (max-height: 664px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 575px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 510px) and (max-height: 574px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 35%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 460px) and (max-height: 509px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 50%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 415px) and (max-height: 459px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 55%; } }
@media only screen and (min-width: 430px) and (max-width: 449px) and (min-height: 370px) and (max-height: 414px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 60%; } }

@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 1370px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 45%;
    margin-bottom: 3%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 1270px) and (max-height: 1369px) {
  body .parallax #group3 {
    max-height: 52%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 1170px) and (max-height: 1269px) {
  body .parallax #group3 {
    max-height: 55%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 1070px) and (max-height: 1169px) {
  body .parallax #group3 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 980px) and (max-height: 1069px) {
  body .parallax #group3 {
    max-height: 67%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 899px) and (max-height: 979px) {
  body .parallax #group3 {
    max-height: 70%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 810px) and (max-height: 898px) {
  body .parallax #group3 {
    max-height: 82%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 740px) and (max-height: 809px) {
  body .parallax #group3 {
    max-height: 90%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 710px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 95%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 665px) and (max-height: 709px) {
  body .parallax #group3 {
    max-height: 100%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 630px) and (max-height: 664px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 575px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 25%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 510px) and (max-height: 574px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 40%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 460px) and (max-height: 509px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 50%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 415px) and (max-height: 459px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 63%; } }
@media only screen and (min-width: 390px) and (max-width: 429px) and (min-height: 370px) and (max-height: 414px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 73%; } }

@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 1370px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 1%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 1268px) and (max-height: 1369px) {
  body .parallax #group3 {
    max-height: 55%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 1170px) and (max-height: 1267px) {
  body .parallax #group3 {
    max-height: 60%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 1070px) and (max-height: 1169px) {
  body .parallax #group3 {
    max-height: 65%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 980px) and (max-height: 1069px) {
  body .parallax #group3 {
    max-height: 70%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 899px) and (max-height: 979px) {
  body .parallax #group3 {
    max-height: 78%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 810px) and (max-height: 898px) {
  body .parallax #group3 {
    max-height: 88%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 740px) and (max-height: 809px) {
  body .parallax #group3 {
    max-height: 98%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 710px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 95%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 665px) and (max-height: 709px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 11%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 630px) and (max-height: 664px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 575px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 35%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 510px) and (max-height: 574px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 55%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 460px) and (max-height: 509px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 70%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 415px) and (max-height: 459px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 80%; } }
@media only screen and (min-width: 343px) and (max-width: 389px) and (min-height: 370px) and (max-height: 414px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 95%; } }

@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 1370px) and (max-height: 1441px) {
  body .parallax #group3 {
    max-height: 50%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 1270px) and (max-height: 1369px) {
  body .parallax #group3 {
    max-height: 55%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 1170px) and (max-height: 1269px) {
  body .parallax #group3 {
    max-height: 60%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 1070px) and (max-height: 1169px) {
  body .parallax #group3 {
    max-height: 66%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 980px) and (max-height: 1069px) {
  body .parallax #group3 {
    max-height: 72%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 899px) and (max-height: 979px) {
  body .parallax #group3 {
    max-height: 80%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 810px) and (max-height: 898px) {
  body .parallax #group3 {
    max-height: 90%;
    margin-bottom: 12%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 740px) and (max-height: 809px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 710px) and (max-height: 739px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 20%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 665px) and (max-height: 709px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 33%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 630px) and (max-height: 664px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 45%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 575px) and (max-height: 629px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 60%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 510px) and (max-height: 574px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 70%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 460px) and (max-height: 509px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 88%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 415px) and (max-height: 459px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 100%; } }
@media only screen and (min-width: 319px) and (max-width: 342px) and (min-height: 370px) and (max-height: 414px) {
  body .parallax #group3 {
    max-height: 100%;
    margin-bottom: 115%; } }

    body .parallax #group4 {
      z-index: 3;
      max-height: 30%; }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 898px) and (max-height: 1441px) {
  body .parallax #group4 {
    max-height: 43%;
    margin-top: 2%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 689px) and (max-height: 897px) {
  body .parallax #group4 {
    max-height: 46%;
    margin-top: 5%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 450px) and (max-height: 688px) {
  body .parallax #group4 {
    max-height: 40%;
    margin-top: 9%; } }
@media only screen and (min-width: 1302px) and (max-width: 2601px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group4 {
    max-height: 50%;
    margin-top: 9%; } }

@media only screen and (min-width: 1203px) and (max-width: 1301px) and (min-height: 898px) and (max-height: 1441px) {
  body .parallax #group4 {
    max-height: 30%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1203px) and (max-width: 1301px) and (min-height: 689px) and (max-height: 897px) {
  body .parallax #group4 {
    max-height: 35%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1203px) and (max-width: 1301px) and (min-height: 450px) and (max-height: 688px) {
  body .parallax #group4 {
    max-height: 40%;
    margin-bottom: 9%; } }
@media only screen and (min-width: 1203px) and (max-width: 1301px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group4 {
    max-height: 50%;
    margin-bottom: 9%; } }

@media only screen and (min-width: 1150px) and (max-width: 1202px) and (min-height: 1060px) and (max-height: 1441px) {
  body .parallax #group4 {
    max-height: 30%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1150px) and (max-width: 1202px) and (min-height: 450px) and (max-height: 1059px) {
  body .parallax #group4 {
    max-height: 40%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 1150px) and (max-width: 1202px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group4 {
    max-height: 50%;
    margin-bottom: 9%; } }

@media only screen and (min-width: 768px) and (max-width: 1149px) and (min-height: 1060px) and (max-height: 1441px) {
  body .parallax #group4 {
    max-height: 30%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 768px) and (max-width: 1149px) and (min-height: 450px) and (max-height: 1059px) {
  body .parallax #group4 {
    max-height: 40%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 768px) and (max-width: 1149px) and (min-height: 370px) and (max-height: 449px) {
  body .parallax #group4 {
    max-height: 50%;
    margin-bottom: 9%; } }

@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 1225px) and (max-height: 1441px) {
  body .parallax #group4 {
    max-height: 40%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 1110px) and (max-height: 1224px) {
  body .parallax #group4 {
    max-height: 45%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 910px) and (max-height: 1009px) {
  body .parallax #group4 {
    max-height: 50%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 720px) and (max-height: 909px) {
  body .parallax #group4 {
    max-height: 55%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 620px) and (max-height: 719px) {
  body .parallax #group4 {
    max-height: 60%;
    margin-bottom: 5%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 530px) and (max-height: 619px) {
  body .parallax #group4 {
    max-height: 65%;
    margin-bottom: 10%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 430px) and (max-height: 529px) {
  body .parallax #group4 {
    max-height: 70%;
    margin-bottom: 15%; } }
@media only screen and (min-width: 320px) and (max-width: 767px) and (min-height: 370px) and (max-height: 429px) {
  body .parallax #group4 {
    max-height: 85%;
    margin-bottom: 25%; } }

  body .container {
    padding: 0 !important; }
  body #sidebar {
    width: 300px;
    height: 100%;
    z-index: 3;
    background: white;
    color: black;
    position: fixed;
    right: -300px;
    display: block; }
    body #sidebar .sideheader {
      width: 100%;
      display: block;
      margin: 0 0 30px 0; }
      body #sidebar .sideheader .sidebarclose {
        display: inline-block;
        font-size: 1.4em;
        float: right;
        margin: 10px;
        color: #adadad;
        cursor: pointer; }
      body #sidebar .sideheader .langchange {
        display: inline-block; }
        body #sidebar .sideheader .langchange ul {
          list-style-type: none;
          padding: 0;
          margin: 0;
          border: 1px solid #dadada;
          display: inline-block; }
          body #sidebar .sideheader .langchange ul li {
            display: inline-block;
            color: #7e7e7e;
            font-size: 0.7em;
            line-height: 0.7em;
            text-transform: uppercase;
            font-weight: 500; }
            body #sidebar .sideheader .langchange ul li a, body #sidebar .sideheader .langchange ul li a:visited {
              color: #7e7e7e;
              text-decoration: none;
              padding: 15px;
              display: inline-block;
              -webkit-transition: all 0.4s ease-out;
              -moz-transition: all 0.4s ease-out;
              -o-transition: all 0.4s ease-out;
              transition: all 0.4s ease-out; }
              body #sidebar .sideheader .langchange ul li a:hover, body #sidebar .sideheader .langchange ul li a:visited:hover {
                background: #566be1;
                color: white;
                -webkit-transition: all 0.4s ease-in;
                -moz-transition: all 0.4s ease-in;
                -o-transition: all 0.4s ease-in;
                transition: all 0.4s ease-in; }
      body #sidebar .sideheader .menuSections ul {
        padding: 0;
        margin: 30px 0 0 0;
        text-align: center;
        display: block; }
        body #sidebar .sideheader .menuSections ul li {
          text-transform: uppercase;
          font-weight: 500;
          font-size: 1em;
          line-height: 1em;
          -webkit-transition: all 0.4s ease-out;
          -moz-transition: all 0.4s ease-out;
          -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out; }
          body #sidebar .sideheader .menuSections ul li a, body #sidebar .sideheader .menuSections ul li:visited {
            color: #566be1;
            text-decoration: none;
            width: 100%;
            padding: 15px 0 15px 0;
            display: block;
            -webkit-transition: all 0.4s ease-out;
            -moz-transition: all 0.4s ease-out;
            -o-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out; }
          body #sidebar .sideheader .menuSections ul li:hover a:hover {
            background: #566be1;
            color: white;
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
            transition: all 0.4s ease-in; }
      body #sidebar .sideheader .menuSections .socialSide {
        display: none;
        text-align: center;
        font-size: 1.4em;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0; }
        @media screen and (max-width: 768px) {
          body #sidebar .sideheader .menuSections .socialSide {
            display: block; } }
        body #sidebar .sideheader .menuSections .socialSide a, body #sidebar .sideheader .menuSections .socialSide:visited {
          color: #566be1;
          text-decoration: none;
          -webkit-transition: all 0.4s ease-out;
          -moz-transition: all 0.4s ease-out;
          -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out; }
          body #sidebar .sideheader .menuSections .socialSide a:hover, body #sidebar .sideheader .menuSections .socialSide:visited:hover {
            color: #65AEFB;
            text-decoration: none;
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
            transition: all 0.4s ease-in; }
      body #sidebar .sideheader .menuCopyright {
        width: 100%;
        position: absolute;
        text-align: center;
        bottom: 10px;
        font-weight: 300;
        font-size: 0.6em;
        color: #838383;
        text-transform: uppercase;
        letter-spacing: 1px; }
  body #destaque_side {
    background-color: white;
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 20;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25); }
    @media screen and (max-width: 650px) {
      body #destaque_side {
        display: none; } }
    body #destaque_side .block_premio {
      position: relative;
      padding: 33px 25px;
      width: 180px;
      height: 180px; }
      body #destaque_side .block_premio .blocomais {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1.2em;
        line-height: 1.2em;
        color: white;
        background-color: black;
        padding: 5px 10px;
        display: inline-block;
        float: right;
        -webkit-box-shadow: inset 0 0 0 0 #65AEFB;
        -moz-box-shadow: inset 0 0 0 0 #65AEFB;
        box-shadow: inset 0 0 0 0 #65AEFB;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        body #destaque_side .block_premio .blocomais:hover {
          -webkit-box-shadow: inset 0 -100px 0 0 #65AEFB;
          -moz-box-shadow: inset 0 -100px 0 0 #65AEFB;
          box-shadow: inset 0 -100px 0 0 #65AEFB; }
        body #destaque_side .block_premio .blocomais i {
          transform: rotate(0);
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          body #destaque_side .block_premio .blocomais i.active_premio {
            transform: rotate(45deg); }
      body #destaque_side .block_premio img {
        width: 130px;
        height: 118px; }
    body #destaque_side .premio_text {
      width: 0;
      max-width: 0;
      padding: 0;
      height: 0;
      overflow: hidden;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      body #destaque_side .premio_text p {
        font-size: 0.85em;
        padding: 0 20px;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease; }
      body #destaque_side .premio_text.open_premio {
        width: 100%;
        max-width: 330px;
        height: 230px; }
        body #destaque_side .premio_text.open_premio p {
          opacity: 1;
          filter: alpha(opacity=100); }
  body #secondarymenu {
    top: -80px;
    z-index: 2;
    position: fixed;
    width: 100%;
    height: 60px;
    background: white;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
    body #secondarymenu.show {
      top: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    @media screen and (max-width: 768px) {
      body #secondarymenu {
        top: 0; } }
    body #secondarymenu .logosecondary {
      padding: 5px 0 5px 10px;
      max-width: 190px; }
    body #secondarymenu .menutopblack {
      display: inline-block;
      height: 60px;
      line-height: 60px;
      float: right;
      color: black;
      font-weight: 300; }
      body #secondarymenu .menutopblack .socialb {
        margin: 0;
        display: inline-block;
        float: right; }
        @media screen and (max-width: 768px) {
          body #secondarymenu .menutopblack .socialb {
            display: none; } }
        body #secondarymenu .menutopblack .socialb a, body #secondarymenu .menutopblack .socialb:visited {
          color: black;
          font-size: 1.2em;
          margin: 0 5px 0 5px;
          display: inline-block;
          text-decoration: none;
          -webkit-transition: all 0.4s ease-out;
          -moz-transition: all 0.4s ease-out;
          -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out; }
          body #secondarymenu .menutopblack .socialb a:hover, body #secondarymenu .menutopblack .socialb:visited:hover {
            color: #70f8fe;
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
            transition: all 0.4s ease-in; }
      body #secondarymenu .menutopblack .menubuttonb {
        cursor: pointer;
        display: inline-block;
        float: right;
        font-weight: 300;
        color: black;
        margin: 0 30px 0 30px; }
  @media screen and (max-width: 768px) {
    body header {
      display: none; } }
  body header .logo img {
    padding-left: 10px;
    width: 240px;
    padding-top: 25px; }
  body header .menutopblack {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    color: black;
    font-weight: 300; }
    body header .menutopblack .social {
      float: right;
      padding-right: 40px; }
      body header .menutopblack .social a, body header .menutopblack .social:visited {
        color: white;
        font-size: 1.5em;
        margin: 0 5px 0 5px;
        display: inline-block;
        text-decoration: none;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out; }
        body header .menutopblack .social a:hover, body header .menutopblack .social:visited:hover {
          color: #70f8fe;
          -webkit-transition: all 0.4s ease-in;
          -moz-transition: all 0.4s ease-in;
          -o-transition: all 0.4s ease-in;
          transition: all 0.4s ease-in; }
    body header .menutopblack .menubutton {
      font-size: 1.2em;
      color: white;
      cursor: pointer;
      display: inline-block;
      float: right;
      font-weight: 300; }
  @media screen and (max-width: 1199px) {
    body #sliderTop {
      margin-top: 20px; } }
  @media screen and (max-width: 800px) {
    body #sliderTop {
      margin-top: 60px; }
      body #sliderTop .containerSlider {
        width: 100%; } }
  body #sliderTop .sliderbox {
    max-width: 1340px;
    display: block;
    text-align: center;
    margin: 0 auto; }
    body #sliderTop .sliderbox .arrowsContainer {
      width: 4%;
      position: relative;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        body #sliderTop .sliderbox .arrowsContainer {
          width: auto; } }
      body #sliderTop .sliderbox .arrowsContainer a, body #sliderTop .sliderbox .arrowsContainer:visited {
        display: block;
        color: white; }
        body #sliderTop .sliderbox .arrowsContainer a.bx-prev, body #sliderTop .sliderbox .arrowsContainer:visited.bx-prev {
          float: left; }
        body #sliderTop .sliderbox .arrowsContainer a.bx-next, body #sliderTop .sliderbox .arrowsContainer:visited.bx-next {
          float: right; }
        body #sliderTop .sliderbox .arrowsContainer a i, body #sliderTop .sliderbox .arrowsContainer:visited i {
          font-size: 3em;
          line-height: 9em; }
          @media only screen and (min-width: 570px) and (max-width: 768px) {
            body #sliderTop .sliderbox .arrowsContainer a i, body #sliderTop .sliderbox .arrowsContainer:visited i {
              line-height: 7em; } }
          @media only screen and (min-width: 450px) and (max-width: 569px) {
            body #sliderTop .sliderbox .arrowsContainer a i, body #sliderTop .sliderbox .arrowsContainer:visited i {
              line-height: 5em; } }
          @media only screen and (min-width: 320px) and (max-width: 449px) {
            body #sliderTop .sliderbox .arrowsContainer a i, body #sliderTop .sliderbox .arrowsContainer:visited i {
              line-height: 4em; } }
      @media screen and (max-width: 800px) {
        body #sliderTop .sliderbox .arrowsContainer {
          position: absolute; }
          body #sliderTop .sliderbox .arrowsContainer.leftArrow {
            left: 0; }
          body #sliderTop .sliderbox .arrowsContainer.rightArrow {
            right: 0; } }
    body #sliderTop .sliderbox .bxslider .imgdestaque {
      float: right;
      width: 100%;
      max-width: 85%; }
      @media only screen and (min-width: 800px) and (max-width: 991px) {
        body #sliderTop .sliderbox .bxslider .imgdestaque {
          max-width: 80%; } }
      @media screen and (max-width: 800px) {
        body #sliderTop .sliderbox .bxslider .imgdestaque {
          float: none;
          max-width: 100%;
          background-color: white; } }
    body #sliderTop .sliderbox .bxslider .destaquebox {
      z-index: 999;
      width: 330px;
      position: absolute;
      bottom: 5%;
      left: 1px; }
      @media only screen and (min-width: 992px) and (max-width: 1085px) {
        body #sliderTop .sliderbox .bxslider .destaquebox {
          bottom: 10%; } }
      @media only screen and (min-width: 801px) and (max-width: 991px) {
        body #sliderTop .sliderbox .bxslider .destaquebox {
          bottom: 5%; } }
      @media screen and (max-width: 800px) {
        body #sliderTop .sliderbox .bxslider .destaquebox {
          background-color: white;
          position: relative;
          width: 100%; } }
      body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque {
        background-color: white;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 30px;
        -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3); }
        @media screen and (max-width: 800px) {
          body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque {
            background-color: transparent;
            box-shadow: none; } }
        body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque h1 {
          display: block;
          font-size: 1.5em;
          font-weight: 900;
          color: black;
          text-transform: uppercase;
          width: 80%;
          margin: 0 10% 0 10%;
          padding: 20px 0 10px 0;
          line-height: 1em;
          text-align: left; }
        body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque h2 {
          display: block;
          font-size: 1em;
          font-weight: 500;
          color: black;
          text-transform: uppercase;
          width: 80%;
          margin: 0 10% 0 10%;
          line-height: 1em;
          text-align: left; }
          body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque h2.titleSlider {
            display: block;
            font-size: 1.5em;
            font-weight: 900;
            color: black;
            text-transform: uppercase;
            width: 80%;
            margin: 0 10% 0 10%;
            padding: 20px 0 10px 0;
            line-height: 1em;
            text-align: left; }
        body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque h3 {
          display: block;
          font-size: 1em;
          font-weight: 500;
          color: black;
          text-transform: uppercase;
          width: 80%;
          margin: 0 10% 0 10%;
          line-height: 1em;
          text-align: left; }
        body #sliderTop .sliderbox .bxslider .destaquebox .textodestaque p {
          display: block;
          font-size: 1em;
          font-weight: 300;
          color: black;
          width: 80%;
          margin: 20px 10% 0 10%;
          line-height: 1.3em;
          text-align: left; }
      body #sliderTop .sliderbox .bxslider .destaquebox .sabermais {
        padding: 15px 15px 15px 15px;
        text-align: center;
        cursor: pointer;
        background-color: black;
        color: white;
        position: absolute;
        bottom: 0px;
        line-height: 0.7em;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.8em;
        margin: 0 auto;
        left: 90px;
        right: 90px;
        border: 1px solid black;
        -webkit-box-shadow: inset 0 0 0 0 white;
        -moz-box-shadow: inset 0 0 0 0 white;
        box-shadow: inset 0 0 0 0 white;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        body #sliderTop .sliderbox .bxslider .destaquebox .sabermais:hover {
          color: black;
          -webkit-box-shadow: inset 0 100px 0 0 white;
          -moz-box-shadow: inset 0 100px 0 0 white;
          box-shadow: inset 0 100px 0 0 white; }
        @media screen and (max-width: 800px) {
          body #sliderTop .sliderbox .bxslider .destaquebox .sabermais {
            display: block;
            left: 0;
            width: 200px;
            right: 0;
            bottom: -30px;
            color: black;
            background-color: white;
            -webkit-box-shadow: inset 0 0 0 0 black;
            -moz-box-shadow: inset 0 0 0 0 black;
            box-shadow: inset 0 0 0 0 black; }
            body #sliderTop .sliderbox .bxslider .destaquebox .sabermais:hover {
              color: white;
              -webkit-box-shadow: inset 0 100px 0 0 black;
              -moz-box-shadow: inset 0 100px 0 0 black;
              box-shadow: inset 0 100px 0 0 black; } }
  @media screen and (max-width: 800px) {
    body #destaques .blocoDestaques {
      width: 100%;
      margin-bottom: 30px; } }
  body #destaques .blocotrio {
    width: 80%;
    margin: 100px 10% 0 10%;
    margin: 0 auto; }
    body #destaques .blocotrio .blocotitulo {
      width: 60%;
      display: block;
      margin: 0 20% 0 10%;
      padding: 5%;
      background: white;
      color: black;
      font-weight: 900;
      font-size: 1em;
      line-height: 1em;
      text-transform: uppercase; }
    body #destaques .blocotrio .blocoimagem {
      width: 100%;
      display: block;
      -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3); }
    body #destaques .blocotrio .blocodescricao {
      width: 70%;
      display: inline-block;
      margin: 0 20% 0 10%;
      background: white;
      color: black;
      text-transform: uppercase;
      -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3); }
      body #destaques .blocotrio .blocodescricao h4 {
        font-weight: 500;
        font-size: 0.8em;
        line-height: 1em;
        margin: 0 20% 0 10%;
        padding: 10px 0 0 0; }
      body #destaques .blocotrio .blocodescricao h5 {
        font-weight: 500;
        font-size: 0.75em;
        line-height: 1.2em;
        margin: 10px 20% 0 10%; }
      body #destaques .blocotrio .blocodescricao .blocomais {
        font-size: 1.2em;
        line-height: 1.2em;
        color: white;
        background-color: black;
        padding: 5px 10px;
        display: inline-block;
        float: right;
        -webkit-box-shadow: inset 0 0 0 0 #65AEFB;
        -moz-box-shadow: inset 0 0 0 0 #65AEFB;
        box-shadow: inset 0 0 0 0 #65AEFB;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        body #destaques .blocotrio .blocodescricao .blocomais:hover {
          -webkit-box-shadow: inset 0 -100px 0 0 #65AEFB;
          -moz-box-shadow: inset 0 -100px 0 0 #65AEFB;
          box-shadow: inset 0 -100px 0 0 #65AEFB; }
  body #quemSomos .container
  .quemsomos {
    width: 300px;
    display: inline-block;
    text-align: center;
    z-index: 0;
    position: absolute; }
    body #quemSomos .container
    .quemsomos .qsline {
      width: 100px;
      height: 2px;
      background: black;
      margin: 0 auto 15px auto; }
    body #quemSomos .container
    .quemsomos h4 {
      font-weight: 900;
      font-size: 2em;
      text-transform: uppercase;
      color: black;
      height: 110px;
      z-index: 1;
      position: relative;
      background: url("../images/qsgradient.jpg") no-repeat center 15px transparent; }
    body #quemSomos .container
    .quemsomos .qsgradient {
      position: relative;
      top: -35px;
      z-index: 0;
      width: 100%; }
  body #quemSomos .qstext {
    position: relative;
    z-index: 1;
    padding: 7.5% 10% 0 10%; }
    @media only screen and (min-width: 319px) and (max-width: 449px) {
      body #quemSomos .qstext {
        padding-left: 5%;
        padding-right: 5%; } }
    @media only screen and (min-width: 320px) and (max-width: 600px) {
      body #quemSomos .qstext {
        padding-top: 15%; } }
    body #quemSomos .qstext p {
      font-weight: 300;
      font-size: 1.2em;
      color: black;
      line-height: 1.6em;
      margin-bottom: 10px; }
      body #quemSomos .qstext p:last-child {
        margin-bottom: 0; }
  body #lojasSlider {
    padding: 50px 0;
      /*.bx-caption{
        display: none;
      }

      .storeslider {
        background: $greyB;
        width: 100%;
        display: block;
        margin: 5% 0 0 0;
        position: relative;
        float: left;
        .storesliderbox {
          width: 100%;
          float: left;
          position: relative;
          z-index: 10;
          overflow: hidden;
          .bx-wrapper{
            position: relative;
            .textSlider{
              position: absolute;
              bottom: 0;
            }
            img {
              max-width: 95%;
              //max-height: 400px;
            }
          }
          .slidernumber {
            position: absolute;
            padding: 22px 15px;
            line-height: 0;
            font-size: 1em;
            background-color: $greyB;
            color: $black;
          }
        }
        .storesliderbg {
          background: $greyB;
          display: inline-block;
          width: 95%;
          float: right;
          position: absolute;
          z-index: 1;
          left: 5%;
          bottom: -50px;

          .storename {
            display: inline-block;
            position: absolute;
            left: 30px;
            font-size: 1.2em;
            bottom: 15px;
            font-weight: $regFont;
          }
          .storenav{
            display: inline-block;
            position: absolute;
            bottom: 0;
            right: 5%;
            z-index: 9999;
            font-size: 2.2em;
            height: 45px;
            #secondslider-prev {
                margin: 0 50px 0 0;
            }
             a {
              color: $black;
              text-decoration: none;
              &:hover {
                  color: #bcbcbc;
              }
            }
          }
        }
      }*/ }
    body #lojasSlider .sliderText {
      position: absolute;
      font-size: 1.2em;
      bottom: 10px;
      padding-left: 15px;
      font-weight: 500; }
    body #lojasSlider .owl-carousel .owl-wrapper-outer {
      background-color: #f4f4f4; }
    body #lojasSlider .owl-carousel .item {
      width: 95%; }
    body #lojasSlider .owl-carousel .owl-controls {
      margin-top: 0;
      margin-left: 5%;
      background-color: #f4f4f4; }
      body #lojasSlider .owl-carousel .owl-controls .owl-buttons {
        width: 120px;
        margin: 0 4% 0 auto; }
        body #lojasSlider .owl-carousel .owl-controls .owl-buttons .owl-prev,
        body #lojasSlider .owl-carousel .owl-controls .owl-buttons .owl-next {
          width: 60px;
          background: transparent;
          margin: 0;
          font-size: 2em;
          opacity: 1; }
          body #lojasSlider .owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
          body #lojasSlider .owl-carousel .owl-controls .owl-buttons .owl-next:hover {
            opacity: .5; }
          body #lojasSlider .owl-carousel .owl-controls .owl-buttons .owl-prev i,
          body #lojasSlider .owl-carousel .owl-controls .owl-buttons .owl-next i {
            color: black; }
  body #contactosHome .contactosTitle {
    margin-bottom: 50px;
    color: white; }
    body #contactosHome .contactosTitle .contactosline {
      width: 100px;
      height: 2px;
      background: white;
      display: block;
      margin: 0 auto;
      margin-bottom: 10px; }
    body #contactosHome .contactosTitle h4 {
      text-align: center;
      text-transform: uppercase;
      font-size: 1.7em;
      font-weight: 500; }
  body #contactosHome .contactinfoblock {
    color: white; }
    body #contactosHome .contactinfoblock i {
      display: block;
      text-align: center;
      font-size: 2em;
      margin: 0 0 30px 0; }
      @media screen and (max-width: 768px) {
        body #contactosHome .contactinfoblock i {
          margin-bottom: 10px; } }
    body #contactosHome .contactinfoblock p {
      text-align: center;
      font-size: 1.2em;
      margin: 0; }
      body #contactosHome .contactinfoblock p strong {
        text-transform: uppercase; }
      body #contactosHome .contactinfoblock p a, body #contactosHome .contactinfoblock p:visited {
        color: white; }
      @media screen and (max-width: 768px) {
        body #contactosHome .contactinfoblock p {
          margin-bottom: 20px; } }
  body #horario {
    background-color: white;
    padding: 80px 0; }
    body #horario .horarioTitle {
      margin-bottom: 50px;
      color: black; }
      body #horario .horarioTitle .horarioline {
        width: 100px;
        height: 2px;
        background: black;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px; }
      body #horario .horarioTitle h4 {
        text-align: center;
        text-transform: uppercase;
        font-size: 1.7em;
        font-weight: 500; }
    body #horario p {
      text-align: center;
      color: black;
      font-size: 1.2em;
      margin-bottom: 20px; }
  body #map {
    width: 100%;
    height: 500px;
    display: block; }
    body #map img {
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important; }
  body .titleSectionContainer h1, body .titleSectionContainer h2, body .titleSectionContainer h3, body .titleSectionContainer h4 {
    font-weight: 900;
    font-size: 2.2em;
    text-transform: uppercase;
    color: black;
    text-align: center; }
    body .titleSectionContainer h1 .linha, body .titleSectionContainer h2 .linha, body .titleSectionContainer h3 .linha, body .titleSectionContainer h4 .linha {
      display: block;
      height: 3px;
      background-color: black;
      margin: 0 auto 10px auto;
      max-width: 100px; }
  body .backgroundSections {
    background-color: #e8e6e6;
    padding: 50px 0; }
    body .backgroundSections.minHeight {
      min-height: 620px; }
  body #lojas .searchLojaContainer {
    margin: 0 auto;
    overflow: hidden;
    width: 300px;
    background-color: #566be1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    body #lojas .searchLojaContainer i {
      color: white;
      float: left;
      font-size: 1.2em;
      padding: 12px; }
    body #lojas .searchLojaContainer input {
      color: white;
      text-transform: uppercase;
      font-weight: 500;
      float: left;
      width: 250px;
      background: transparent;
      padding: 10px 10px 10px 5px;
      margin-bottom: 0;
      font-size: 1em; }
    body #lojas .searchLojaContainer:hover {
      background-color: #65AEFB; }
  body #lojas .filtroLojasdContainer {
    position: relative; }
    body #lojas .filtroLojasdContainer .filtrarLojas {
      width: 300px;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      body #lojas .filtroLojasdContainer .filtrarLojas dt {
        cursor: pointer;
        background-color: #566be1;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }
        body #lojas .filtroLojasdContainer .filtrarLojas dt a, body #lojas .filtroLojasdContainer .filtrarLojas dt:visited {
          text-decoration: none;
          padding: 10px;
          text-transform: uppercase;
          width: 100%;
          display: block;
          color: white;
          font-weight: 500;
          background: url("../images/arrow.png") no-repeat 275px center transparent; }
        body #lojas .filtroLojasdContainer .filtrarLojas dt:hover {
          background-color: #65AEFB; }
      body #lojas .filtroLojasdContainer .filtrarLojas dd {
        position: relative; }
        body #lojas .filtroLojasdContainer .filtrarLojas dd ul {
          padding: 10px 0;
          background: #f9f9f9;
          top: 0;
          position: absolute;
          display: none;
          width: 100%; }
          body #lojas .filtroLojasdContainer .filtrarLojas dd ul li a, body #lojas .filtroLojasdContainer .filtrarLojas dd ul li:visited {
            cursor: pointer;
            color: #566be1;
            padding: 5px 10px;
            display: block;
            font-size: 0.9em;
            text-transform: uppercase;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease; }
            body #lojas .filtroLojasdContainer .filtrarLojas dd ul li a:hover, body #lojas .filtroLojasdContainer .filtrarLojas dd ul li:visited:hover {
              color: #65AEFB; }
  body #lojas .lojasContent {
    overflow: hidden; }
    body #lojas .lojasContent .filtr-item {
      filter: alpha(opacity=100);
      padding-bottom: 15px; }
      body #lojas .lojasContent .filtr-item .modalLojas {
        cursor: pointer; }
      @media screen and (max-width: 480px) {
        body #lojas .lojasContent .filtr-item {
          width: 50%; } }
      body #lojas .lojasContent .filtr-item img {
        width: 85%;
        margin: 0 auto; }
      body #lojas .lojasContent .filtr-item span {
        display: none; }
  body #agenda .pressRoomContainer,
  body #pressRoom .pressRoomContainer {
    position: relative;
    padding: 30px 5% 0 5%; }
    @media screen and (max-width: 600px) {
      body #agenda .pressRoomContainer,
      body #pressRoom .pressRoomContainer {
        padding: 30px 10px 0 10px; } }
    body #agenda .pressRoomContainer li,
    body #pressRoom .pressRoomContainer li {
      margin-bottom: 50px;
      position: relative;
      display: none; }
      body #agenda .pressRoomContainer li:first-child, body #agenda .pressRoomContainer li:nth-child(2), body #agenda .pressRoomContainer li:nth-child(3),
      body #pressRoom .pressRoomContainer li:first-child,
      body #pressRoom .pressRoomContainer li:nth-child(2),
      body #pressRoom .pressRoomContainer li:nth-child(3) {
        display: block; }
      body #agenda .pressRoomContainer li img,
      body #pressRoom .pressRoomContainer li img {
        width: 90%; }
        @media screen and (max-width: 767px) {
          body #agenda .pressRoomContainer li img,
          body #pressRoom .pressRoomContainer li img {
            margin: 0 auto 20px auto; } }
      body #agenda .pressRoomContainer li h4,
      body #pressRoom .pressRoomContainer li h4 {
        font-weight: 500;
        font-size: 1.5em; }
      body #agenda .pressRoomContainer li p,
      body #pressRoom .pressRoomContainer li p {
        overflow: hidden;
        font-weight: 500;
        font-size: 0.9em;
        margin: 20px 0;
        height: 35px; }
        body #agenda .pressRoomContainer li p.activePress,
        body #pressRoom .pressRoomContainer li p.activePress {
          height: 100%; }
      body #agenda .pressRoomContainer li a, body #agenda .pressRoomContainer li:visited,
      body #pressRoom .pressRoomContainer li a,
      body #pressRoom .pressRoomContainer li:visited {
        cursor: pointer;
        color: #566be1;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        text-decoration: none; }
        body #agenda .pressRoomContainer li a:hover, body #agenda .pressRoomContainer li:visited:hover,
        body #pressRoom .pressRoomContainer li a:hover,
        body #pressRoom .pressRoomContainer li:visited:hover {
          color: black; }
      @media screen and (max-width: 767px) {
        body #agenda .pressRoomContainer li h4, body #agenda .pressRoomContainer li p, body #agenda .pressRoomContainer li a,
        body #pressRoom .pressRoomContainer li h4,
        body #pressRoom .pressRoomContainer li p,
        body #pressRoom .pressRoomContainer li a {
          padding: 0 5%; } }
  body #agenda .agendaContainer,
  body #pressRoom .agendaContainer {
    position: relative; }
    body #agenda .agendaContainer li,
    body #pressRoom .agendaContainer li {
      margin-bottom: 50px;
      position: relative;
      display: none; }
      body #agenda .agendaContainer li:first-child,
      body #pressRoom .agendaContainer li:first-child {
        display: block; }
      body #agenda .agendaContainer li .fotoDataContainer,
      body #pressRoom .agendaContainer li .fotoDataContainer {
        float: left; }
        @media screen and (max-width: 767px) {
          body #agenda .agendaContainer li .fotoDataContainer,
          body #pressRoom .agendaContainer li .fotoDataContainer {
            float: none;
            width: 100%; } }
        body #agenda .agendaContainer li .fotoDataContainer .alignCenter,
        body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter {
          /*@media screen and (max-width: 499px) {
            min-width: 320px;
          }*/ }
          @media only screen and (min-width: 574px) and (max-width: 767px) {
            body #agenda .agendaContainer li .fotoDataContainer .alignCenter,
            body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter {
              margin: 0 auto;
              width: 60%; } }
          body #agenda .agendaContainer li .fotoDataContainer .alignCenter h4,
          body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter h4 {
            float: left;
            color: #65AEFB;
            font-weight: 500;
            font-size: 8em;
            line-height: 0.5em;
            padding-right: 10px; }
            @media screen and (max-width: 768px) {
              body #agenda .agendaContainer li .fotoDataContainer .alignCenter h4,
              body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter h4 {
                font-size: 5em; } }
            body #agenda .agendaContainer li .fotoDataContainer .alignCenter h4 span,
            body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter h4 span {
              font-size: 0.5em;
              line-height: 1.9em; }
          body #agenda .agendaContainer li .fotoDataContainer .alignCenter img,
          body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter img {
            float: left;
            width: 350px;
            margin-right: 20px;
            margin-bottom: 60px;
            -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3); }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body #agenda .agendaContainer li .fotoDataContainer .alignCenter img,
              body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter img {
                width: 300px; } }
            @media only screen and (min-width: 320px) and (max-width: 767px) {
              body #agenda .agendaContainer li .fotoDataContainer .alignCenter img,
              body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter img {
                margin: 0;
                width: 70%; }
                body #agenda .agendaContainer li .fotoDataContainer .alignCenter img.marginAuto,
                body #pressRoom .agendaContainer li .fotoDataContainer .alignCenter img.marginAuto {
                  margin: 0 auto; } }
      body #agenda .agendaContainer li .textaAgendaContainer,
      body #pressRoom .agendaContainer li .textaAgendaContainer {
        margin-top: 50px;
        margin-left: 20%;
        padding: 20px;
        background-color: white;
        -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.3); }
        @media screen and (max-width: 767px) {
          body #agenda .agendaContainer li .textaAgendaContainer,
          body #pressRoom .agendaContainer li .textaAgendaContainer {
            margin-top: 0;
            margin-left: 0;
            width: 100%;
            padding: 20px; } }
        body #agenda .agendaContainer li .textaAgendaContainer h4,
        body #pressRoom .agendaContainer li .textaAgendaContainer h4 {
          font-size: 1.7em;
          color: black;
          font-weight: bold; }
        body #agenda .agendaContainer li .textaAgendaContainer p,
        body #pressRoom .agendaContainer li .textaAgendaContainer p {
          font-size: 1.2em;
          color: black;
          margin-bottom: 5%; }
        body #agenda .agendaContainer li .textaAgendaContainer .regulamento p,
        body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento p {
          padding: 10px;
          margin: 0 2.5% 0 0;
          float: left; }
          @media screen and (max-width: 767px) {
            body #agenda .agendaContainer li .textaAgendaContainer .regulamento p,
            body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento p {
              margin: 0;
              padding-left: 0; } }
          @media screen and (max-width: 494px) {
            body #agenda .agendaContainer li .textaAgendaContainer .regulamento p,
            body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento p {
              float: none; } }
        body #agenda .agendaContainer li .textaAgendaContainer .regulamento a, body #agenda .agendaContainer li .textaAgendaContainer .regulamento:visited,
        body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento a,
        body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento:visited {
          float: left;
          background-color: #65AEFB;
          color: black;
          display: block;
          padding: 10px;
          width: 250px;
          text-align: center;
          text-transform: uppercase;
          border: 1px solid #65AEFB;
          -webkit-box-shadow: inset 0 0 0 0 #566be1;
          -moz-box-shadow: inset 0 0 0 0 #566be1;
          box-shadow: inset 0 0 0 0 #566be1;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          body #agenda .agendaContainer li .textaAgendaContainer .regulamento a:hover, body #agenda .agendaContainer li .textaAgendaContainer .regulamento:visited:hover,
          body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento a:hover,
          body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento:visited:hover {
            color: white;
            border: 1px solid #566be1;
            -webkit-box-shadow: inset 0 -100px 0 0 #566be1;
            -moz-box-shadow: inset 0 -100px 0 0 #566be1;
            box-shadow: inset 0 -100px 0 0 #566be1; }
          @media screen and (max-width: 494px) {
            body #agenda .agendaContainer li .textaAgendaContainer .regulamento a, body #agenda .agendaContainer li .textaAgendaContainer .regulamento:visited,
            body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento a,
            body #pressRoom .agendaContainer li .textaAgendaContainer .regulamento:visited {
              float: none;
              margin: 0 auto; } }
  body #agenda .openMore,
  body #agenda .opePress,
  body #pressRoom .openMore,
  body #pressRoom .opePress {
    width: 118px;
    display: none;
    margin: 0 auto;
    padding: 5px 0;
    display: block;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    border: 1px solid black;
    background-color: black;
    -webkit-box-shadow: inset 0 0 0 0 white;
    -moz-box-shadow: inset 0 0 0 0 white;
    box-shadow: inset 0 0 0 0 white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    body #agenda .openMore i,
    body #agenda .opePress i,
    body #pressRoom .openMore i,
    body #pressRoom .opePress i {
      color: #65AEFB;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    body #agenda .openMore:hover,
    body #agenda .opePress:hover,
    body #pressRoom .openMore:hover,
    body #pressRoom .opePress:hover {
      color: black;
      -webkit-box-shadow: inset 0 100px 0 0 white;
      -moz-box-shadow: inset 0 100px 0 0 white;
      box-shadow: inset 0 100px 0 0 white; }
      body #agenda .openMore:hover i,
      body #agenda .opePress:hover i,
      body #pressRoom .openMore:hover i,
      body #pressRoom .opePress:hover i {
        color: #566be1; }
  body .templateSection {
    background-color: white; }
    body .templateSection .imageContainer {
      overflow: hidden;
      height: 300px;
      width: 100%;
      margin: 0;
      padding: 0;
      border: 0;
      position: relative; }
      body .templateSection .imageContainer.altHeight {
        height: 405px; }
      body .templateSection .imageContainer img {
        width: auto !important;
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto; }
    body .templateSection .cartaoContainer {
      padding: 0 10%; }
      @media screen and (max-width: 768px) {
        body .templateSection .cartaoContainer {
          padding: 0 10px; } }
      body .templateSection .cartaoContainer .cartaoContent {
        padding-top: 50px; }
        body .templateSection .cartaoContainer .cartaoContent.noPadding {
          padding: 0; }
        body .templateSection .cartaoContainer .cartaoContent .servicosIconConte {
          margin-bottom: 30px; }
          body .templateSection .cartaoContainer .cartaoContent .servicosIconConte i {
            color: #566be1;
            font-size: 2.5em;
            display: block;
            text-align: center;
            margin-bottom: 10px; }
            body .templateSection .cartaoContainer .cartaoContent .servicosIconConte i.icon-pontoelectrao {
              font-size: 3em; }
          body .templateSection .cartaoContainer .cartaoContent .servicosIconConte p {
            font-size: 1em;
            font-weight: 500; }
        body .templateSection .cartaoContainer .cartaoContent .valorContainer .valor {
          padding: 20px 10px;
          color: white;
          font-weight: 900;
          font-size: 2em;
          text-align: center;
          max-width: 150px;
          margin: 0 auto 30px auto;
          background: #65AEFB;
          /* Old browsers */
          /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(-45deg, #65AEFB, #688eff);
          /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(-45deg, #65AEFB, #688eff);
          /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(-45deg, #65AEFB, #688eff);
          /* For Firefox 3.6 to 15 */
          background: linear-gradient(-45deg, #65AEFB, #688eff);
          -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2); }
        body .templateSection .cartaoContainer .cartaoContent .marginBottom {
          margin-bottom: 30px; }
        body .templateSection .cartaoContainer .cartaoContent h4 {
          color: #566be1;
          font-weight: 900;
          text-transform: uppercase;
          font-size: 1.2em; }
          body .templateSection .cartaoContainer .cartaoContent h4.marginBottom {
            margin-bottom: 10px; }
          body .templateSection .cartaoContainer .cartaoContent h4 a, body .templateSection .cartaoContainer .cartaoContent h4:visited {
            color: #566be1;
            text-decoration: none; }
        body .templateSection .cartaoContainer .cartaoContent p {
          font-size: 1.1em;
          color: black;
          text-align: center; }
          body .templateSection .cartaoContainer .cartaoContent p.boldText {
            font-weight: 900;
            text-transform: uppercase;
            font-size: 1.1em;
            margin-bottom: 20px; }
          body .templateSection .cartaoContainer .cartaoContent p.leftText {
            font-size: 0.9em;
            text-align: left; }
            body .templateSection .cartaoContainer .cartaoContent p.leftText a, body .templateSection .cartaoContainer .cartaoContent p.leftText:visited {
              color: black; }
              body .templateSection .cartaoContainer .cartaoContent p.leftText a:hover, body .templateSection .cartaoContainer .cartaoContent p.leftText:visited:hover {
                text-decoration: underline; }
        body .templateSection .cartaoContainer .cartaoContent ul {
          font-size: 0.9em;
          color: black;
          line-height: 1.5em; }
          body .templateSection .cartaoContainer .cartaoContent ul li {
            list-style: inherit;
            list-style-position: inside;
            list-style-type: disc; }
            body .templateSection .cartaoContainer .cartaoContent ul li:last-child {
              margin-bottom: 30px; }
        body .templateSection .cartaoContainer .cartaoContent .contactinfoblock {
          padding: 30px 0;
          color: black; }
          @media screen and (max-width: 667px) {
            body .templateSection .cartaoContainer .cartaoContent .contactinfoblock {
              width: 100%;
              padding: 20px 0; } }
          body .templateSection .cartaoContainer .cartaoContent .contactinfoblock i {
            color: #566be1;
            display: block;
            text-align: center;
            font-size: 2em;
            margin: 0 0 10px 0; }
          body .templateSection .cartaoContainer .cartaoContent .contactinfoblock p {
            text-align: center;
            font-size: 1.1em;
            margin: 0; }
            body .templateSection .cartaoContainer .cartaoContent .contactinfoblock p strong {
              text-transform: uppercase; }
            body .templateSection .cartaoContainer .cartaoContent .contactinfoblock p a, body .templateSection .cartaoContainer .cartaoContent .contactinfoblock p:visited {
              color: black; }
        body .templateSection .cartaoContainer .cartaoContent .browserContainer {
          padding: 0 10px; }
          @media screen and (max-width: 768px) {
            body .templateSection .cartaoContainer .cartaoContent .browserContainer {
              padding: 0; } }
          @media screen and (max-width: 400px) {
            body .templateSection .cartaoContainer .cartaoContent .browserContainer {
              width: 100%; } }
          body .templateSection .cartaoContainer .cartaoContent .browserContainer i {
            display: block;
            color: #566be1;
            font-size: 2.5em; }
          body .templateSection .cartaoContainer .cartaoContent .browserContainer strong {
            display: block;
            margin: 10px 0; }
          body .templateSection .cartaoContainer .cartaoContent .browserContainer ol {
            padding: 0; }
            body .templateSection .cartaoContainer .cartaoContent .browserContainer ol li {
              list-style: decimal;
              list-style-position: inside;
              font-weight: 900;
              margin-bottom: 10px; }
              body .templateSection .cartaoContainer .cartaoContent .browserContainer ol li span {
                font-weight: 500;
                text-align: left;
                font-size: 0.9em; }
        body .templateSection .cartaoContainer .cartaoContent .negociosText h2, body .templateSection .cartaoContainer .cartaoContent .negociosText p {
          text-align: center;
          color: black; }
        body .templateSection .cartaoContainer .cartaoContent .negociosText h2 {
          font-size: 1.7em;
          font-weight: 300;
          margin: 15px 0; }
        body .templateSection .cartaoContainer .cartaoContent .negociosText p {
          font-size: 0.9em;
          font-weight: 500; }
        body .templateSection .cartaoContainer .cartaoContent .btNegocios {
          margin-top: 15px; }
          body .templateSection .cartaoContainer .cartaoContent .btNegocios button {
            margin: 0 auto;
            display: block;
            text-align: center;
            background-color: #566be1;
            padding: 15px 0;
            width: 200px;
            color: white;
            -webkit-box-shadow: inset 0 0 0 0 black;
            -moz-box-shadow: inset 0 0 0 0 black;
            box-shadow: inset 0 0 0 0 black;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            body .templateSection .cartaoContainer .cartaoContent .btNegocios button:hover {
              -webkit-box-shadow: inset 0 -100px 0 0 black;
              -moz-box-shadow: inset 0 -100px 0 0 black;
              box-shadow: inset 0 -100px 0 0 black; }
    body .templateSection .buttonCartaoInfoContainer a, body .templateSection .buttonCartaoInfoContainer:visited {
      margin: 0 auto;
      display: table;
      text-decoration: none;
      -webkit-box-shadow: inset 0 0 0 0 white;
      -moz-box-shadow: inset 0 0 0 0 white;
      box-shadow: inset 0 0 0 0 white;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      body .templateSection .buttonCartaoInfoContainer a span, body .templateSection .buttonCartaoInfoContainer:visited span {
        line-height: 3.12em;
        vertical-align: middle;
        background-color: #b7d5ff;
        color: black;
        font-weight: 600;
        display: inline-block;
        font-size: 1.1em;
        width: 200px;
        text-align: center;
        -webkit-box-shadow: inset 0 0 0 0 #9256FF;
        -moz-box-shadow: inset 0 0 0 0 #9256FF;
        box-shadow: inset 0 0 0 0 #9256FF;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body .templateSection .buttonCartaoInfoContainer a i, body .templateSection .buttonCartaoInfoContainer:visited i {
        vertical-align: middle;
        font-size: 2em;
        color: white;
        padding: 10px 30px;
        background-color: #7a99fb;
        -webkit-box-shadow: inset 0 0 0 0 #9256FF;
        -moz-box-shadow: inset 0 0 0 0 #9256FF;
        box-shadow: inset 0 0 0 0 #9256FF;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      body .templateSection .buttonCartaoInfoContainer a:hover span, body .templateSection .buttonCartaoInfoContainer a:hover i, body .templateSection .buttonCartaoInfoContainer:visited:hover span, body .templateSection .buttonCartaoInfoContainer:visited:hover i {
        color: white;
        -webkit-box-shadow: inset 0 -100px 0 0 #9256FF;
        -moz-box-shadow: inset 0 -100px 0 0 #9256FF;
        box-shadow: inset 0 -100px 0 0 #9256FF; }
      body .templateSection .buttonCartaoInfoContainer a:hover i, body .templateSection .buttonCartaoInfoContainer:visited:hover i {
        color: white;
        -webkit-box-shadow: inset 0 100px 0 0 #9256FF;
        -moz-box-shadow: inset 0 100px 0 0 #9256FF;
        box-shadow: inset 0 100px 0 0 #9256FF; }
    body .templateSection .pistaGelo p {
      padding: 0 10%;
      margin-bottom: 20px; }
    body .templateSection .pistaGelo ol {
      padding: 0 10%;
      margin-bottom: 20px; }
      body .templateSection .pistaGelo ol li {
        list-style: decimal;
        list-style-position: inside;
        margin-bottom: 10px; }
        body .templateSection .pistaGelo ol li span {
          font-weight: 500;
          text-align: left;
          font-size: 0.9em; }
    body .templateSection .pistaGelo table.with-padding td, body .templateSection .pistaGelo table.with-padding th {
      padding: 5px 10px; }
    body .templateSection .pistaGelo .calendarioContainer {
      position: relative;
      overflow-x: auto; }
      body .templateSection .pistaGelo .calendarioContainer #calendario {
        position: relative;
        min-width: 768px; }
        body .templateSection .pistaGelo .calendarioContainer #calendario .fc-event-container {
          margin: 0 5px; }
        body .templateSection .pistaGelo .calendarioContainer #calendario .fc-event {
          border-radius: 0;
          border: 0;
          text-align: center; }
          body .templateSection .pistaGelo .calendarioContainer #calendario .fc-event .fc-bg {
            background: transparent; }
        body .templateSection .pistaGelo .calendarioContainer #calendario .fc-time-grid .fc-slats .fc-minor td {
          border-top-style: solid;
          border-color: transparent; }
        body .templateSection .pistaGelo .calendarioContainer #calendario .fc-unthemed th {
          border-color: transparent !important; }
    body .templateSection .pistaGelo .aulasContainer p {
      color: white;
      font-size: 0.9em;
      padding: 10px 0 10px 20px;
      margin-bottom: 10px; }
      body .templateSection .pistaGelo .aulasContainer p:last-child {
        margin-bottom: 0; }
      body .templateSection .pistaGelo .aulasContainer p.pi {
        background-color: #BFA8F0; }
      body .templateSection .pistaGelo .aulasContainer p.pa {
        background-color: #7F71FA; }
      body .templateSection .pistaGelo .aulasContainer p.paa {
        background-color: #C2C2FC; }
    body .templateSection .pistaGelo .precoContainer p {
      background-color: #FAFAFA;
      padding: 10px 20px 10px 20px;
      font-size: 0.75em; }
      body .templateSection .pistaGelo .precoContainer p strong {
        font-weight: 600; }
    body .templateSection .pistaGelo .precoContainer .tabelaPrecos {
      min-width: 320px;
      margin-top: 50px;
      width: 100%;
      border-collapse: collapse;
      background: #c5f3c3;
      background: -moz-linear-gradient(left, #c5f3c3 0%, #76f7fc 100%);
      background: -webkit-linear-gradient(left, #c5f3c3 0%, #76f7fc 100%);
      background: linear-gradient(to right, #c5f3c3 0%, #76f7fc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f3c3', endColorstr='#76f7fc',GradientType=1 ); }
      body .templateSection .pistaGelo .precoContainer .tabelaPrecos thead tr th, body .templateSection .pistaGelo .precoContainer .tabelaPrecos thead tr td, body .templateSection .pistaGelo .precoContainer .tabelaPrecos tbody tr th, body .templateSection .pistaGelo .precoContainer .tabelaPrecos tbody tr td {
        border-bottom: 10px solid white;
        padding: 10px 0; }
      body .templateSection .pistaGelo .precoContainer .tabelaPrecos thead tr th, body .templateSection .pistaGelo .precoContainer .tabelaPrecos tbody tr th {
        color: black;
        font-size: 0.9em;
        font-weight: 600;
        text-align: center; }
      body .templateSection .pistaGelo .precoContainer .tabelaPrecos thead tr td, body .templateSection .pistaGelo .precoContainer .tabelaPrecos tbody tr td {
        background-color: #FAFAFA;
        color: #7a96f8;
        font-weight: 600;
        vertical-align: middle;
        text-align: center; }
        body .templateSection .pistaGelo .precoContainer .tabelaPrecos thead tr td:first-child, body .templateSection .pistaGelo .precoContainer .tabelaPrecos tbody tr td:first-child {
          padding-left: 20px;
          text-align: left; }
        body .templateSection .pistaGelo .precoContainer .tabelaPrecos thead tr td span, body .templateSection .pistaGelo .precoContainer .tabelaPrecos tbody tr td span {
          font-weight: 300; }
  body footer {
    padding: 30px 0;
    min-height: 50px;
    background: #1D1D1D;
    font-size: 0.6em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    display: block;
    cursor: default;
    letter-spacing: 1px; }
    body footer p {
      margin-top: 20px;
      font-size: 1em;
      color: white;
      text-transform: none; }
      body footer p.greyP {
        color: #cdcdcd; }
      body footer p a, body footer p:visited {
        color: white;
        text-decoration: none;
        font-weight: 500; }
        body footer p a:hover, body footer p:visited:hover {
          text-decoration: underline;
          color: white; }
    body footer ul {
      padding: 0;
      display: inline-block;
      margin: 0 auto;
      text-align: left; }
      @media screen and (max-width: 991px) {
        body footer ul {
          text-align: center; } }
      body footer ul li {
        color: white;
        line-height: 22px;
        font-weight: 900; }
        body footer ul li a, body footer ul li:visited {
          font-weight: 500;
          color: #cdcdcd;
          margin: 0 0 0 10px;
          outline: none;
          text-decoration: none;
          -webkit-transition: all 0.4s ease-out;
          -moz-transition: all 0.4s ease-out;
          -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out; }
          body footer ul li a.areaReservada, body footer ul li:visited.areaReservada {
            color: #7a99fb; }
          body footer ul li a:hover, body footer ul li:visited:hover {
            color: white;
            outline: white; }
    body footer .grupovisabeira img {
      max-width: 98px;
      margin: 10px 0 0 0;
      display: inline-block; }
  body .modal-backdrop {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important; }
  body .modalBt {
    cursor: pointer; }
  body .modal {
    overflow-y: auto !important;
    background-color: white; }
    body .modal .btCloseContainer {
      width: 100%; }
      body .modal .btCloseContainer a, body .modal .btCloseContainer:visited {
        color: black;
        font-size: 2em;
        float: right;
        margin: 15px 15px 15px 0;
        cursor: pointer;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        body .modal .btCloseContainer a:hover, body .modal .btCloseContainer:visited:hover {
          color: #688eff; }
    body .modal .contentModal {
      padding: 15px 0; }
      body .modal .contentModal.paddingSides {
        padding-left: 10%;
        padding-right: 10%; }
      body .modal .contentModal h4 {
        font-size: 1.3em;
        font-weight: 900;
        color: #566be1;
        text-transform: uppercase; }
      body .modal .contentModal p {
        font-size: 1em;
        color: black; }
        body .modal .contentModal p.small {
          font-size: 0.9em; }
        body .modal .contentModal p a, body .modal .contentModal p:visited {
          color: black;
          text-decoration: underline; }
        body .modal .contentModal p.textCenter {
          text-align: center; }
      body .modal .contentModal i {
        font-size: 10em;
        color: #566be1;
        text-align: center;
        display: block; }
      body .modal .contentModal .inputContainer {
        padding: 0 10px; }
        body .modal .contentModal .inputContainer.checkbox_content label.error {
          position: relative;
          left: 0;
          top: -10px; }
        body .modal .contentModal .inputContainer span {
          width: 100%;
          display: block; }
        body .modal .contentModal .inputContainer .uploadContainer .uploadCv {
          cursor: pointer;
          position: relative;
          overflow: hidden;
          float: left;
          background-color: black;
          color: white;
          font-size: 0.875em;
          padding: 10px;
          margin-right: 10px; }
          body .modal .contentModal .inputContainer .uploadContainer .uploadCv input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            cursor: pointer;
            height: 35px;
            opacity: 0;
            filter: alpha(opacity=0); }
        body .modal .contentModal .inputContainer .uploadContainer .disabledContainer {
          position: relative;
          float: left;
          width: 225px;
          /*@media only screen and (min-width:1200px) and (max-width: 1300px)  {
            width: 93.5%;
          }
          @media only screen and (min-width:992px) and (max-width: 1199px)  {
            width: 92.5%;
          }
          @media only screen and (min-width:717px) and (max-width: 991px)  {
            width: 90%;
          }
          @media only screen and (min-width:626px) and (max-width: 716px)  {
            width: 88.5%;
          }
          @media only screen and (min-width:578px) and (max-width: 625px)  {
            width: 87.5%;
          }
          @media only screen and (min-width:537px) and (max-width: 577px)  {
            width: 86.5%;
          }
          @media only screen and (min-width:470px) and (max-width: 536px)  {
            width: 84.5%;
          }
          @media only screen and (min-width:378px) and (max-width: 469px)  {
            width: 80.5%;
          }
          @media only screen and (min-width:329px) and (max-width: 377px)  {
            width: 77.5%;
          }
          @media only screen and (min-width:320px) and (max-width: 328px)  {
            width: 76.5%;
          }*/ }
          body .modal .contentModal .inputContainer .uploadContainer .disabledContainer span {
            display: block;
            width: 225px;
            padding: 9px;
            background: transparent;
            position: absolute; }
        body .modal .contentModal .inputContainer .checkbox label:after {
          color: white; }
        body .modal .contentModal .inputContainer .checkbox label:before {
          background-color: #566be1;
          border-color: #566be1;
          outline: none !important; }
        body .modal .contentModal .inputContainer .checkbox label a {
          color: black;
          cursor: pointer;
          text-decoration: underline; }
        body .modal .contentModal .inputContainer .radio {
          margin: 5px 0 33px 0;
          padding: 0;
          float: left;
          width: 50px; }
          body .modal .contentModal .inputContainer .radio label::before {
            background-color: #566be1;
            border-color: #566be1;
            outline: none !important; }
          body .modal .contentModal .inputContainer .radio label::after {
            background-color: white; }
          body .modal .contentModal .inputContainer .radio input[type="radio"] {
            width: 20px;
            height: 20px;
            margin: 0;
            float: none; }
            body .modal .contentModal .inputContainer .radio input[type="radio"]:checked + label::after {
              -webkit-transform: scale(0.7, 0.7);
              -ms-transform: scale(0.7, 0.7);
              -o-transform: scale(0.7, 0.7);
              transform: scale(0.7, 0.7); }
        body .modal .contentModal .inputContainer button {
          background-color: black;
          color: white;
          border: 1px solid black;
          width: 300px;
          margin: 0 auto;
          display: block;
          padding: 10px;
          -webkit-box-shadow: inset 0 0 0 0 white;
          -moz-box-shadow: inset 0 0 0 0 white;
          box-shadow: inset 0 0 0 0 white;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          body .modal .contentModal .inputContainer button:hover {
            color: black;
            -webkit-box-shadow: inset 0 -100px 0 0 white;
            -moz-box-shadow: inset 0 -100px 0 0 white;
            box-shadow: inset 0 -100px 0 0 white; }
  body .paddingContainer {
    padding: 50px 0 !important; }

.minimigos {
  float: none;
  max-width: 800px;
  margin: 0 auto; }
  .minimigos .title_table {
    background-color: #9256FF;
    padding: 10px;
    margin-bottom: 5px; }
    .minimigos .title_table:first-child {
      border-right: 5px solid white; }
    .minimigos .title_table h3 {
      font-size: 2rem;
      font-weight: 900;
      text-align: center;
      color: white; }
  .minimigos .table_content {
    display: table;
    width: 100%; }
    .minimigos .table_content.margin_bottom {
      margin-bottom: 5px; }
    .minimigos .table_content [class*="col-"] {
      float: none;
      display: table-cell;
      vertical-align: middle; }
    .minimigos .table_content .no_border {
      border-bottom: 0 !important; }
    .minimigos .table_content .titleContent_table {
      background-color: #9256FF;
      border-right: 5px solid white;
      border-bottom: 5px solid white; }
      .minimigos .table_content .titleContent_table .title-content {
        display: table;
        width: 100%;
        height: 54px;
        border-bottom: 2px solid white; }
        .minimigos .table_content .titleContent_table .title-content:last-child {
          border-bottom: 0; }
        .minimigos .table_content .titleContent_table .title-content h3 {
          font-size: 1.5rem;
          font-weight: 900;
          text-align: center;
          color: white;
          display: table-cell;
          vertical-align: middle; }
    .minimigos .table_content .content_table {
      background-color: white;
      border-bottom: 5px solid #9256FF;
      width: 100%; }
      .minimigos .table_content .content_table .text-content {
        display: table;
        width: 100%;
        height: 54px;
        border-bottom: 2px solid #9256FF; }
        .minimigos .table_content .content_table .text-content:last-child {
          border-bottom: 0; }
        .minimigos .table_content .content_table .text-content p {
          font-size: 1.2rem;
          padding: 0 10px;
          display: table-cell;
          vertical-align: middle; }

/*# sourceMappingURL=estilos.css.map */