html{
    overflow-x: hidden;
}
h2 {
    color: #FF3366;
    font-size: 55px;
    font-weight: 700;
    text-transform: uppercase;
}
.bar--transparent:not(.bar--dark) .logo-dark {
    display: none;
}
#map{
    width: 100%;
}
.imagebg:not(.image--light) a{
    color:#666;
    font-weight: 400;
}
.bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
    color: #FF3366;
    text-transform: uppercase;
    font-weight: 600;
}
a.inner-link img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
a.inner-link:hover img {
      -webkit-transform: translateY(-4px);
      -moz-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px);
}
.bar .logo {
    max-height: 125px;
}
.bar.pos-fixed:not([class*='bg-']) .logo-dark,.bar.pos-fixed:not([class*='bg-']) .logo-light{
    max-height: 50px;
}
.align-right{
    position: absolute;
    right: -375px;
    top: 0;
    max-width: 750px;
}
.align-right2{
    position: absolute;
    right: -375px;
    top: -375px;
    max-width: 750px;
}
.align-right3{
    position: absolute;
    right: -100px;
    top: -525px;
    max-width: 750px;
    z-index: -1;
}
.align-left{
    position: absolute;
    left: -375px;
    top: 0;
    max-width: 750px;
}
.align-left2{
    position: absolute;
    left: -375px;
    top: -375px;
    max-width: 750px;
}
.align-left.bottom{
    bottom: -300px;
    top:unset;
}
.video-play-icon {
    width: 6.428571em;
    height: 6.428571em;
}
.video-play-icon:before {
    border-color: transparent transparent transparent #FF3366;
    margin-top: -4px;
}
.lead{
    font-size: 17px;
}
#about .lead{
    text-align: justify;
}
.gaivota{
    position: absolute;
    right: 0;
    top: -25px;
    max-width: 150px;
}
.bg--dark label, .imagebg:not(.image--light) label {
    color: #666;
}
.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none){
    background: transparent;
}
.feature h4{
    color: #FF3366 !important;
}
.feature h4 + p {
    color: #707070 !important;
}
.imagebg:not(.image--light) .flickity-page-dots .dot, .bg--dark .flickity-page-dots .dot {
    background: #fc3366 !important;
}
.flickity-prev-next-button:before {
    color: #FF3366;
    font-size: 4.5em;
}
button.flickity-prev-next-button.previous,button.flickity-prev-next-button.next {
    background: transparent;
}
.video-cover{
    margin-top: 160px;
}
#programa {
    height: 515px;
    margin-top: 300px;
}
#programa .back1{
    z-index: -1;
    position: absolute;
    top: -380px;
    margin-right: -50%;
    transform: translate(-50%, 0);
    max-width: 1135px;
}
#programa .rotate{
    transform: rotate(-2deg);
}
#programa .switchable__text.text-center {
    padding: 80px 0;
}
input[type], textarea, select {
    background: #FaFaFa;
    border: 0px solid #ececec;
}
.list-inline--images img {
    /* max-height: 3.785714em; */
    max-height: 3em;
}
#servicos li p{
    color: #666666 !important;
    text-align: center;
    font-weight: 400;
    line-height: 18px;
}
li p{
    color: #666666 !important;
    text-align: left;
    font-weight: 600;
    line-height: 18px;
}
#servicos img {
    border-radius: 10px;
}
i.socicon {
    color: #FF3366;
    opacity: 1;
    font-size: 22px !important;
}
.social-list.list--hover li:not(:hover){
    opacity: 1;
}
.social-list.list--hover li:hover{
    opacity: .6;
}
.btn--primary:hover {
    background: #FF3366;
}
.menu-horizontal > li:hover > a{
    opacity: .6;
}
.modal-container:before {
    background: #f590a9;
}
.modal-content label {
    color: #ff3366 !important;
    font-size: 16px;
}
.modal-container .modal-content .modal-close-cross{
    opacity: 1;
}
.modal-container .modal-content .modal-close-cross:before {
    content: '\00D7';
    font-size: 3.5em;
    color: #FF3366;
}
.attempted-submit .field-error {
    border:1px solid #D84D4D !important;
}
.back-to-top{
    z-index: 1;
}
html.no-overflow{
    overflow: hidden;
}
a:hover {
    color: #FF3366;
    text-decoration: unset;
}
#modal_video .modal-close.modal-close-cross {
    width: 200px;
    background: #FF3366;
    border-radius: 6px;
    bottom: 2em;
    right: 3em;
    top: unset;
    height: 35px;
    padding-top: 4px;
}
#modal_video .modal-content .modal-close-cross:before{
    content: 'Continuar para o website';
    font-size: 14px;
    color: #fff !important;
}
#modal_video .modal-content .modal-close-cross.en:before{
    content: 'Continue to website';
    font-size: 14px;
    color: #fff !important;
}
.dropdown__trigger img{
    opacity: 0.3;
}
.dropdown__trigger img:hover{
    opacity: 1;
}
span.dropdown__trigger:hover {
    opacity: 1 !important;
}
.dropdown__trigger.selected img{
    opacity: 1;
}



@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 1300px) and (max-width: 1500px){
    .bar .logo {
        max-height: 90px;
    }
    /* .lead{
        font-size: 16px
    }
    img.border--round.vila {
      width: 80%;
    } */
    .video-cover {
      margin-top: 190px;
    }
    #programa .back1 {
      z-index: -1;
      position: absolute;
      top: -360px;
      margin-right: -50%;
      transform: translate(-50%, 0);
      max-width: 1135px;
  }
}
@media (min-width: 1400px){
    .container {
        max-width: 1380px;
    }
    #menu2 .container {
        max-width: 85% !important;
    }
}
@media (min-width: 1000px) and (max-width: 1399px){
    #menu2 .container {
        max-width: 98% !important;
    }
}
@media (min-width: 1025px) and (max-width: 1300px){

    .bar .logo {
        max-height: 90px;
    }
    /* .lead{
        font-size: 16px
    }
    img.border--round.vila {
      width: 80%;
    } */
    .video-cover {
      margin-top: 190px;
    }
    #programa .back1 {
      z-index: -1;
      position: absolute;
      top: -350px;
      margin-right: -50%;
      transform: translate(-50%, 0);
      max-width: 1135px;
  }
  #header .background-image-holder:not([class*='col-']){
      /* background-position: center center !important;
      background-size: 100% 100% !important; */
  }
}
@media (min-width: 900px) and (max-width: 1024px){
  #bar_menu{
      margin-left: 0em !important;
  }
  .bar .logo {
      max-height: 90px;
  }
  .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  section#video {
    background-size: cover !important;
  }
  section#about {
      padding-top: 12em;
  }
  .video-cover {
    margin-top: 190px;
  }
  #programa .back1 {
    z-index: -1;
    position: absolute;
    top: -330px;
    margin-right: -50%;
    transform: translate(-50%, 0);
    max-width: 100%;
  }
}
/**** IPAD PRO ****/
@media (min-width: 1024px) and (max-width: 1300px) and (min-height:1366px){
  section#about {
      padding-top: 11em;
  }
}
/*** Tablet horizontal***/
@media (min-width: 900px) and (max-width: 1024px) and (max-height:768px){

  .video-cover {
      margin-top: 120px;
  }

}
@media (min-width: 767px){
    .mobile_block.w100.en{
        width: 215px !important;
    }
    .list-inline--images li:not(:last-child) {
        margin-right: 3.571429em;
    }
    .list-inline--images li:not(:first-child) {
        padding-top: 25px;
    }
    .list-inline.list-inline--images p{
        min-height: 34px;
    }
    .videobg, .video-modal {
        width:650px;
        max-width:650px !important;
        min-width:650px !important;
        height:650px;
        margin: auto;
    }
    .youtube-background{
        width:650px;
        height:650px;
    }
    #bar_menu{
        display: none;
        animation: fade-out 1s;
        margin-left: 2em;
    }
    #bar_menu.menu_open{
        display: inline-block;
        animation: fade-in 1s;
    }
    .bar__module:not(:only-child) .menu-horizontal {
      top: -5px;
    }
    .modal-container .modal-content:not(.height--natural){
        min-width: 768px;
    }
}
@media (min-width: 768px) and (max-width:900px){
  #bar_menu{
      margin-left: 0em !important;
  }
  .bar.pos-fixed:not([class*='bg-']) {
      background: #ffffff;
  }
  .bar.pos-fixed {
      position: fixed;
      top: 0;
      animation: fadeInDown 0.3s ease-out forwards;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  }
  .bar--absolute, .pos-fixed {
      z-index: 99;
      width: 100%;
  }
  .pos-fixed .col-lg-2{
      display: none;
  }
  h2{
      font-size: 40px;
  }
  .lead {
      font-size: 16px;
  }
  .bar .logo {
      max-height: 85px;
  }
  .vila2{
      margin-top: 50px;
  }
  #vila2-2{
      padding-bottom: 0px !important;
  }
  #video.height-90 {
      height: 67vh;
  }
  .height-90 {
      height: 50vh;
  }
  #about {
      background-position: center center !important;
      background-size: cover !important;
  }
  #video{
    background-position: center center !important;
    background-size: cover !important;
  }
  .video-cover {
      margin-top: 80px;
  }
  #programa {
      height: 475px;
  }
  #programa .back1 {
      z-index: -1;
      position: absolute;
      top: -285px;
      margin-right: -50%;
      transform: translate(-50%, 0);
      max-width: 100%;
  }
  #programa .holder2{
      background-position: center center !important;
      background-size: cover !important;
  }
  .align-left.bottom {
      bottom: -300px;
      top: unset;
  }
  .align-left {
      position: absolute;
      left: -300px;
      top: 0;
      max-width: 600px;
  }
  .align-right {
      position: absolute;
      right: -300px;
      top: 0;
      max-width: 600px;
  }
  .align-right2 {
      position: absolute;
      right: -300px;
      top: -300px;
      max-width: 600px;
  }
  .align-left2 {
      position: absolute;
      left: -300px;
      top: -300px;
      max-width: 600px;
  }
  .align-right3 {
      position: absolute;
      right: -100px;
      top: -525px;
      max-width: 600px;
      z-index: -1;
  }
  footer {
      background-size: cover !important;
  }
  footer .col-md-12{
      padding-bottom: 20px;
  }
}
@media (min-width: 300px) and (max-width:767px){
    #patrocinios2{
        text-align: center !important;
    }
    #patrocinios li p{
        text-align: center;
    }
    .list-inline--images img{
        margin: auto;
    }    
    .mobile_block{
      /* display: block !important; */
    }
    .w100{
      width: 90% !important;
    }
    /* .mobile_block.w100{
      width: 90% !important;
    } */
    .list-inline li{
        margin-bottom: 15px;
    }
    .contactos .col-md-6 {
      padding-bottom: 20px;
    }
    .lead + .btn:last-child {
      width: 100%;
      font-size: 10px;
    }
    #modal_video .modal-close.modal-close-cross {
      width: 200px;
      background: #FF3366;
      border-radius: 6px;
      bottom: 3em;
      right: 3em;
      top: unset;
      height: 35px;
      padding-top: 6px;
  }
  .videobg, .video-modal {
      height:500px;
  }
  h2{
      font-size: 40px;
  }
  .lead {
      font-size: 16px;
  }
  .bar .logo {
      max-height: 80px;
  }
  .boxed.boxed--lg.bg-white{
      background-size: cover !important;
  }
  footer {
      background-size: cover !important;
  }
  footer .col-md-12{
      padding-bottom: 20px;
  }
  .vila_img{
      margin-top: 5em;
  }
  .gaivota{
      top: 0px;
  }
  .vila2{
      margin-top: 50px;
  }
  #vila2-2{
      padding-bottom: 0px !important;
  }
  .video-cover {
      margin-top: 80px;
      margin-bottom: 80px;
  }
  #video.height-90 {
      height: 100%;
  }
  .height-90 {
      margin: 30px 0px;
      height: 40vh;
  }
  #about {
      background-position: center center !important;
      background-size: cover !important;
  }
  #video{
    background-position: center center !important;
    background-size: cover !important;
  }
  #programa {
    height: 500px;
    margin-top: 185px;
  }
  #programa .back1 {
      z-index: -1;
      position: absolute;
      top: -162px;
      margin-right: -50%;
      transform: translate(-50%, 0);
      max-width: 100%;
  }
  #programa .holder2{
      background-position: center center !important;
      background-size: cover !important;
  }
  .align-left.bottom {
      bottom: -300px;
      top: unset;
  }
  .align-left {
      position: absolute;
      left: -200px;
      top: 0;
      max-width: 400px;
  }
  .align-right {
      position: absolute;
      right: -200px;
      top: 0;
      max-width: 400px;
  }
  .align-right2 {
      position: absolute;
      right: -200px;
      top: -200px;
      max-width: 400px;
  }
  .align-left2 {
      position: absolute;
      left: -200px;
      top: -200px;
      max-width: 400px;
  }
  .align-right3 {
      position: absolute;
      right: -100px;
      top: -525px;
      max-width: 400px;
      z-index: -1;
  }
  .back-to-top {
      z-index: 3;
  }
}
@media (min-width: 400px) and (max-width:425px) and (min-height:700px){
  #programa .back1 {
      top: -175px;
  }

}
@media (min-width: 300px) and (max-width:320px){

  #programa .back1 {
      top: -155px;
  }
}