@import bootstrap
@import font-awesome
@import lightslider.min
@import jquery.fancybox.min
@import jquery.mCustomScrollbar
@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,600,700,800&display=swap')
//@import url('https://fonts.googleapis.com/css?family=Montserrat')

$hover-buttons-color: #115362

input[type=email]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder
  :opacity 1 !important

input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder
  :opacity 1 !important

main
  :min-height 634px

textarea
  :resize none

\*:focus
  :outline 0 !important

abbr[title]
  :border none !important

a
  &:hover, &:active, &:visited
    :text-decoration none

body
  :font-family 'Assistant', sans-serif

.fancybox-slide
  :background-color #FFF

.go-top-link
  position: fixed
  bottom: 10px
  right: 20px
  z-index: 9999
  color: #c0c0c0
  font-size: 64px
  display: none
  &::hover, &::link
    color: #c0c0c0

.midia-icon
  :color #fff
  :font-size 20px

.insta-name
  :float right
  :color #fff
  :margin-left 16px

.menu-toggle
  :position fixed
  :z-index 9999
  :cursor pointer
  :right 190px
  :width 3%
  :background-color #FFF
  :padding 9px 13px
  :border-radius 100%

  .icon-bar
    :width 100%
    :height 5px
    :background-color #156274
    :display block
    :border-radius 6px

    &:not(:first-child)
      :margin-top 5px

  &.close-menu
    .icon-bar
      :transition transform 1.3s ease

      &:nth-child(1)
        :height 3px
        :transform translateX(0) translateY(9px) rotate(45deg)

      &:nth-child(2)
        :opacity 0

      &:nth-child(3)
        :height 3px
        :transform translateX(0) translateY(-9px) rotate(-45deg)


section
  padding: 60px 0

.title-about
  text-align: center
  color: #004D61
  margin-bottom: 25px
.header-container
  :margin-top 40px
  :padding-left 0
  :display flex
  :align-items center
  :justify-content space-between
  :color #156274

.header-ball
  :position absolute
  :right 50px
  :top -35px

.rotate-ball
  :z-index 99

  &.in-view
    :animation spin 16s linear, fall-right 16s linear

  &.in-view.left
    :animation spin 16s linear, fall-left 16s linear

@keyframes spin
  100%
    transform: rotate(360deg)

@keyframes fall-right
  100%
    top: -1100px

@keyframes fall-left
  100%
    bottom: 1100px

#menu
  :display flex
  :flex-direction column
  :justify-content center
  :padding 0 53% 3% 20%

.menu-container
  :background-color rgba(21, 98, 116, 0.9)
  :position fixed
  :z-index 998
  :top 0
  :right -634px
  :width 35%
  :transition 1.3s right ease
  :padding-bottom 53px

.menu-link
  :color #FFF
  :text-transform uppercase
  :font-weight 800
  :font-size 22px
  :margin-top 50px
  :text-align right
  :text-decoration none

  &:hover, &:link, &:visited
    :color #FFF

.students-menu
  :position absolute
  :display flex
  :flex-direction column
  :right 0
  :top 60px
  :padding 10px
  :border 1px solid #0a6276
  :z-index 99
  :background-color #FFF

.students-menu-button
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center

.login-click
  :display flex
  :align-items center
  :justify-content space-between
  :color #156274
  :position relative
  :z-index 998

  &:hover, &:visited, &:link
    :color #156274

.login-click-text
  :display flex
  :flex-direction column
  :align-items flex-end
  :font-size 14px

.login-user
  :font-size 20px
  :display flex
  :align-items center

.login-user-logo
  :font-size 30px
  :margin-left 10px
  :color #156274

.login-click-text-user
  :font-size 14px
  :font-weight bold
  :color #156274

.login-click-text-greeting
  :font-size 14px

.login-area-box
  :float left
  :padding 100px 25px
  :overflow hidden

  .title-container
    :bottom 575px
    :width 1250px
    :left -49%

  .title-text
    :color #0a6276
    :background-color #FFF

  .bar
    :background-color #0a6276

.students-menu-link
  :color #156274
  :margin-bottom 10px
  :font-size 15px

  &:hover
    :text-decoration none

.new-student-input
  :height 45px
  :width 100%
  :border 1px solid #156274
  :margin-top 20px
  :border-radius 0

.new-student-submit
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :font-weight bold
  :height 45px
  :width 100%
  :margin-top 20px

.login-area-form
  .col-sm-8
    :width 100%

.login-area-title
  :text-align center
  :text-transform uppercase
  :color #156274
  :font-weight bold
  :margin-top 0

.fancybox-content
  :height 850px !important
  :padding 35px

.login-subtitle
  :text-transform uppercase
  :color #156274
  :display block
  :width 100%
  :text-align center

.login-area-session
  :padding-left 5%
  :margin-left 5%
  :border-left 1px solid #dcdcdc

.login-area-session-link
  :display flex
  :flex-direction column
  :align-items center
  :margin-top 100px

.login-area-session-text
  :text-transform uppercase
  :font-weight bold
  :font-size 20px
  :letter-spacing 7px
  :color #156274
  :display block
  :text-align center
  :width 50%

.login-area-registration-text
  :line-height 40px

.login-area-registration
  .form-group
    :width 100%
    :float left
    :margin-bottom 0

.login-registration-link
  :color #FFF
  :background-color #156274
  :height 40px
  :width 100%
  :display flex
  :justify-content center
  :align-items center
  :text-transform uppercase
  :margin-top 20px

  &:hover
    :color #FFF

h1.title
  :text-transform uppercase
  :font-weight 800
  :letter-spacing 15px
  :margin 0

.banner-top
  :border-bottom 4px solid #156274
  :width 100%
  :float left
  :position relative
  :z-index 3
  :margin-top 30px

  .lSAction > .lSPrev
    :background image-url('banner-arrow.png') no-repeat center center

  .lSAction > .lSNext
    :background image-url('banner-arrow.png') no-repeat center center
    :transform rotate(180deg)

.banner-ball
  :position absolute
  :left -103px
  :top 700px
  :z-index 2

.container-fluid
  :padding 0

#weare
  :float left
  :width 100%

.weare-container
  :padding 75px 0
  :float left
  :width 100%

  .title-text
    :text-align center
    :color #156274

.weare-text-content-description
  :margin-top 80px

.weare-video
  :margin-bottom 60px
  :float left
  :width 100%

.weare-abstract
  :font-size 16px
  :margin-top 50px
  :text-align center
  :line-height 40px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.weare-content
  :margin-top 60px
  :text-align center
  :line-height 30px
  :font-size 16px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.link-founders-container
  :display flex
  :align-items center
  :justify-content center

.link-founders
  :display flex
  :align-items center
  :justify-content center
  :color #FFF
  :background linear-gradient(to bottom, #ce6511, #fd7101)
  :margin-top 50px
  :width 18%
  :height 60px
  :border-radius 10px
  :font-weight 800
  :font-size 18px
  :text-decoration none

  &:hover, &:visited, &:link
    :color #FFF
    :background-color #da5d09

.title-container
  :position absolute
  :bottom 272px
  :left -31%
  :transform rotate(-90deg)
  :width 775px

  h1.title
    :display flex
    :justify-content center

    .title-text
      :position relative
      :z-index 2
      :padding 0 10px 0 14px

  .bar
    :height 2px
    :width 100%
    :position absolute
    :top 20px

.container-section
  :height 772px
  :width 100%
  :float left

#plans
  :background-color #ec671a
  :padding-top 40px
  :position relative

  .title-container
    :bottom 408px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.plan-ball-bottom
  :position absolute
  :bottom -50px
  :left -87px

.plan-ball-top
  :position absolute
  :right 200px
  :top -25px

.plan-ball-middle
  :position absolute
  :bottom 203px
  :left 61px

.plans-container
  :position relative
  :padding-top 65px
  :height 775px

.plan-model
  :position absolute
  :left 0
  :top 74px

.second-stage-item
  :display flex
  :flex-direction column
  :justify-content space-between
  :margin-bottom 50px
  :width 30%
  :float left
  :margin-right 1%
  :min-height 130px

  .plan-item-price-container
    :width 100%

  .plan-item-description
    :margin-top 0

.first-stage-item
  :width 48%
  :margin-right 2%
  :min-height 160px

.plan-item-name
  :color #FFF
  :font-weight bold
  :font-size 18px
  :text-transform uppercase

.plange-stage-menu-container
  :margin-bottom 60px
  :display flex
  :justify-content space-between
  :width 48%

.plan-stage-menu
  :display flex
  :align-items center
  :height 50px
  :color #FFF
  :text-transform uppercase
  :text-align center
  :font-weight bold
  :font-size 16px
  :background-color transparent
  :border 1px solid #156274
  :padding 10px
  :text-decoration none

  &:hover, &.selected
    :color #FFF
    :background-color #156274
    :text-decoration none

.plan-stage-menu-disabled
  :background-color #ccc
  :border #ccc

  &:hover
    :background-color #ccc

.plan-item-description
  :color #FFF
  :font-weight 200
  :font-size 16px
  :margin-top 10px
  :width 93%

.plan-item-price-container
  :height 45px
  :position relative
  :width 25%

.plan-item-price
  :display flex
  :align-items center
  :justify-content center
  :float left
  :color #FFF
  :font-weight 700
  :font-size 20px
  :text-align center
  :background linear-gradient(to bottom, #156376, #0a8cab)
  :height 100%
  :width 70%
  :border-radius 10px

  &:hover
    :color #FFF

.plan-item-button
  :display flex
  :align-items center
  :justify-content center
  :float left
  background: linear-gradient(to bottom, #a6a5a5, #fcfcfc)
  :height 100%
  :width 30%
  :border-radius 10px
  :font-size 20px
  :color #16182f
  :position absolute
  :right 25px

  &:hover, &:target, &:link
    :color #16182f

.plan-show
  :float left
  :width 100%

.plan-show-container
  :padding 75px 0
  :width 100%
  :float left

  .title
    :text-align center
    :color #156274
    :margin-bottom 35px

  .plan-item-price-container
    :margin-top 20px

.plan-show-description
  :font-size 15px
  :line-height 41px
  :overflow hidden

.plan-item-price-section
  :display flex
  :justify-content center
  flex-direction: column
  float: right

  .plan-item-price-container
    width: 50%
    margin: 20px 0

  .plan-item-button
    width: 12%
    right: 0

  .plan-item-price
    width: 92%
    font-size: 18px

  .plan-item-text
    display: block
    color: #0b88a6
    font-weight: bold

  .plan-item-dowload-text
    margin-left: 5px
    color: #0b88a6

  .plan-item-download-link
    display: flex
    align-items: center
    font-weight: bold
    text-decoration: none

  .plan-item-price-text
    color: #FFF

#methodology
  :background-color #ec671a
  :padding-top 170px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.methodology-ball-left-bottom
  :position absolute
  :left -85px
  :bottom -30px
  :z-index 2

.metodology-ball-right-top
  :position absolute
  :right 100px
  :top -65px

.methodology-ball-middle-white
  :position absolute
  :left 86px
  :bottom 244px

.methodology-container, .team-members-container
  :position relative

.methodology-line
  :position relative
  :display flex
  :justify-content space-between
  :margin-bottom 95px

  .line
    :position absolute
    :left 58px
    :top 82px
    :background-color #FFF
    :height 1px
    :width 80%

.methodology-item
  :width 20%
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center
  :flex-direction column

  &:hover
    .ball
      :position relative
      :z-index 2
      :background-color #156274

    .methodology-icon
      :display none

      &.hover
        :display block

.methodology-icon
  :margin-bottom 30px

  &.hover
    :display none

.methodology-name
  :color #FFF
  :font-weight 700
  :font-size 17px
  :text-align center

.ball
  :margin-bottom 20px
  :display block
  :width 15px
  :height 15px
  :border-radius 100%
  :background-color #FFF

#team-member
  :background-color #156274
  :height 766px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.team-member-ball
  :position absolute
  :left -50px
  :bottom -50px

.team-member-ball-top-right-white
  :position absolute
  :top 2px
  :right 98px

.team-member-ball-top-right
  :position absolute
  :top 252px
  :right 155px

.team-member-ball-bottom-left
  :position absolute
  :bottom 38px
  :left 129px

.scroll-arrow
  :position absolute
  :bottom 12px
  :right 0
  :width 442px
  :height 22px
  :z-index 99
  :display flex
  :justify-content center
  :align-items center
  :cursor pointer

.team-members-carousel-container
  :margin-top 100px

  .lslide
    :position relative

.team-member-item
  :background-color #FFF
  :height 574px
  :position relative
  :width 77%
  :float right

.team-member-item-info-name
  :font-weight 700
  :font-size 28px
  :display block

.team-member-item-info-specialty
  :margin-bottom 30px
  :display block
  :font-size 20px

.team-member-item-info-description
  :line-height 33px

.team-member-item-info
  :width 70%
  :float right
  :padding 5% 5% 0 5%
  :height 530px
  :overflow-y scroll

  &::-webkit-scrollbar
    :width 10px

  &::-webkit-scrollbar-thumb
    :background-color #ccc

  &::-webkit-scrollbar-track
    :background-color transparent

.team-member-item-image
  :position absolute
  :left -195px

.team-members-carousel-controls
  :margin-top 100px
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

.team-members-container
  .title-container
    :bottom 267px

.arrow-member-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-bottom 20px

.arrow-member-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

.testimony-container
  :padding-top 95px

  .title-container
    :bottom 262px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

#testimony
  :background-color #ec671a

.testimony-info-name
  :display block
  :color #FFF
  :font-weight 800
  :font-size 22px
  :width 80%
  :float left

.testimony-info-description
  :line-height 24px
  :height 200px
  :color #FFF
  :float left
  :width 100%

.testimony-image
  :border-radius 100%
  :border 8px solid #FFF

.testimony-video
  :color #FFF
  :background-color #16162f
  :font-weight 800
  :text-align center
  :padding 10px
  :display block
  :margin-top 30px

  &:hover
    :color #FFF

.arrow-testimony-top
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :margin-bottom 20px
  :transform rotate(-90deg)

.arrow-testimony-bottom
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :transform rotate(90deg)

.testimonies-carousel-controls
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

#gallery
  :padding-top 80px
  :position relative

  .title-container
    :bottom 264px

    .title-text
      :color #156274
      :background-color #FFF

    .bar
      :background-color #156274

.gallery-container
  :margin-top 80px

.gallery-ball-right-top
  :position absolute
  :right 56px
  :top -45px

.gallery-ball-right-top-2
  :position absolute
  :right 26px
  :top 127px

.gallery-line
  :margin-bottom 30px
  :float left
  :width 100%

  &:nth-child(odd)
    .gallery-image-content
      :margin-left 25px

  &:nth-child(even)
    .gallery-image-content
      :margin-right 25px

.gallery-image-content
  :float left
  :width 29%

.gallery-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 40px

.video-image-content
  :float left
  :width 36%
  :position relative

  .play-video
    :background image-url('play-video.png') no-repeat center center
    :width 59px
    :height 58px
    :position absolute
    :top 37%
    :left 37%

.arrow-gallery-right
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-left 20px

.arrow-gallery-left
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

#schedules
  :position relative
  :background-color #156274

  .title-container
    :bottom 192px

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.schedule-ball-top-right
  :position absolute
  :top -7px
  :right 9px

.schedule-ball-top-right-white
  :position absolute
  :top 222px
  :right 145px

.schedule-ball-bottom-left-white
  :position absolute
  :bottom 68px
  :left 222px

.schedule-ball-bottom-left
  :position absolute
  :bottom -27px
  :left 41px

.schedules-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 75px

.arrow-schedule-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-schedule-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-right 20px
  :transform rotate(180deg)

h2.subtitle
  :background image-url('naoesqueca.png') no-repeat center center/contain
  :height 178px
  :margin-bottom 130px

h3.subtitle
  :text-align center
  :color #0a6276
  :font-size 20px
  :font-weight 200

.schedule-date
  :font-size 35px
  :font-weight 700
  :margin-bottom 30px

.schedule-name
  :font-size 16px
  :text-align center

.schedule-item
  :width 50%
  :display flex
  :flex-direction column
  :justify-content center
  :align-items center
  :margin 0 auto
  :color #FFF

.schedule-date
  :text-align center

#newsletter
  :width 100%
  :float left
  :padding 90px 0

  .title-container
    :bottom 0

    .title
      :display block

    .bar
      :background-color #156274
      :width 58%

.newsletter-title
  :color #156274
  :text-transform uppercase
  :font-weight 800
  :font-size 35px
  :text-align center
  :margin-bottom 30px

.newsletter-form
  :position relative
  :width 100%

.newsletter-form-container
  .confirm
    :text-align center
    :font-size 16px
    :margin-bottom 30px

.input-newsletter
  :width 100%
  :height 120px
  :border-radius 0
  :border 1px solid #16162f
  :padding-left 30px

.submit-newsletter
  :position absolute
  :right 32px
  :top 32px
  :background-color #156274
  :color #FFF
  :font-weight 800
  :font-size 16px
  :text-align center
  :border 0
  :padding 20px 50px

  &:hover
    :background-color $hover-buttons-color

.social-bar-container
  :height 175px

.social-bar-box
  :height 100%
  :width 50%
  :float left
  :display flex
  :align-items center

.facebook-box
  :padding-right 70px
  :color #FFF
  :background-color #156274
  :justify-content flex-end

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-right 70px

.instagram-box
  :padding-left 70px
  :color #FFF
  :background-color #ec671a

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-left 70px

.social-box-text
  :text-transform uppercase
  :font-weight 800
  :font-size 30px

.social-bar-icon
  :font-size 40px

#news
  :background-color #156274
  :display flex
  :align-items center
  :position relative

  .title-container
    :bottom -324px
    :z-index 2

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.news-carousel
  :margin-top 145px

.news-ball-right-top-white
  :position absolute
  :right 122px
  :top 98px

.news-ball-left-bottom
  :position absolute
  :left 80px
  :bottom 245px

.news-ball-left-bottom-white
  :position absolute
  :left -73px
  :bottom 4px

.article-container
  :float left
  :width 100%
  :margin-top 50px

.new-title
  :font-size 30px
  :margin-bottom 35px
  :font-weight bold

.new-content
  :margin 50px 0
  :line-height 35px

.title-article-internal
  :margin-top 30px
  :font-size 16px
  :font-weight bold
  :min-height 40px
  :color #000

  &:hover
    :color #000

.title-article-page
  :color #0a6276
  :font-size 32px
  :font-weight bold

.subtitle-article-page
  :display block
  :margin 10px 0 20px 0

.article-item
  :margin-bottom 50px

.arrow-news-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-news-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)
  :margin-right 20px

.new-item
  :height 380px

.news-title
  :display block
  :color #FFF
  :font-weight 700
  :font-size 15px
  :padding-top 25px

.news-carousel-controls
  :display flex
  :justify-content center
  :align-items center
  :margin-top 60px

#contact
  .title-container
    :left -8%
    :bottom 360px
    :z-index 2

    .title-text
      :color #156274

  input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

  input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

.contact-form-content
  :background image-url('contact-bg.jpg') no-repeat center center/cover
  :height 772px
  :padding 0

.contact-container
  :padding 0
  :position relative

.contact-ball
  :position absolute
  :bottom 35px
  :left 35px

.contact-form
  :padding-top 140px
  :width 43%
  :margin-left 20%

.contact-input
  :height 55px
  :border 1px solid #156274
  :background-color transparent
  :width 85%
  :margin-top 20px
  :padding-left 20px

.contact-textarea
  :height 180px

.contact-submit
  :width 85%
  :height 55px
  :background-color #156274
  :color #FFF
  :text-align center
  :font-weight 700
  :font-size 18px
  :margin-top 20px

  &:hover
    :background-color $hover-buttons-color

.footer-container
  :background-color #ec671a
  :float left
  :width 100%

.logo-acerte
  :width 100px

.footer-content
  :height 70px
  :display flex
  :align-items center
  :justify-content space-between

.footer-contact
  color: #FFF
  font-size: 17px
  font-weight: bold
  display: flex
  flex-direction: column
  align-items: center

.footer-contact-info
  display: block
  float: left
  margin-right: 5px
  border-right: 2px solid #FFF
  padding-right: 5px

  &:last-child
    border-right: 0

.student-form-container
  :margin-bottom 50px
  :display flex
  :justify-content center

.student-form-login
  :width 100%

.student-form-login-button
  :width 100%
  :height 50px
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :margin-top 15px
  :border none
  :border-radius 0

  &:hover
    :background-color #156274
    :color #FFF

.student-form
  :color #156274
  :text-transform uppercase
  :text-align center
  :font-weight bold

.student-form-login-input
  :height 50px
  :border 1px solid #000
  :padding-left 10px
  :margin-top 15px
  :border-radius 0
  :width 100%

.student-form-wrapper
  :width 100%
  :float left
  :margin-top 100px

.student-form-forget-password
  :margin-top 10px
  :float right

.form-actions
  :padding 0

.form-inputs
  .col-sm-8
    :padding 0
    :width 100%

@media (max-width: 1199px)

  .plan-item-price-section
    .plan-item-price
      font-size: 15px

  .plan-item-price-container
    width: 30%

  .plange-stage-menu-container
    width: 80%
    margin-bottom: 20px

  .second-stage-item
    width: 48%
    margin-bottom: 20px

  .team-member-item-image
    :left 0
    :width 50%

  .team-member-item-info
    :width 50%

  .scroll-arrow
    :width 700px

  .title-container
    :bottom 317px

  #schedules
    .title-container
      :bottom 192px

  #contact
    .title-container
      :left -21%

  #gallery
    .title-container
      :bottom 178px

  .link-founders
    :width 40%

  .plan-model
    :left 50px

  h2.subtitle
    :font-size 120px

  .team-member-item
    :width 100%

  .gallery-image-content
    :width 28%

  .menu-toggle
    :width 5%
    :right 0

  .login-click
    :width 8%

  #menu
    :padding 0 38% 3% 20%

  .menu-link
    :margin-top 30px

@media (max-width: 991px)

  .plan-item-price-section
    .plan-item-price-container
      width: 75%

  .second-stage-item
    :width 48%
    :margin-bottom 50px

  .scroll-arrow
    :width 640px

  .rotate-ball
    :display none

  .plans-container
    :padding-top 0
    :height unset

  .weare-container
    :height unset

  .link-founders
    :width 40%

  .weare-text-content-description
    :margin-bottom 30px

  .plange-stage-menu-container
    :width 100%
    :padding 0 28%
    :margin-bottom 50px

  .plan-item-name
    :width 100%
    :display block
    :text-align center

  .plan-item-description
    :text-align center

  .plan-item-price-container
    :width 50%
    :display flex
    :justify-content center

  .plan-item-button
    :right 0

  .plan-model
    :position relative
    :bottom -104px

  .login-area-session
    :margin 30px 0 0 0
    :padding 0
    :border 0

  h2.subtitle
    :font-size 90px

  .contact-form
    :width 70%
    :margin-left 15%

  .title-container
    :position initial
    :transform initial
    :width inherit
    :margin 30px 0

    .bar
      :top 50px

  #contact
    .title-container
      :left -40%

  .gallery-image-content
    :width 27%

  .contact-input, .contact-submit
    :width 100%

  .login-click
    :width 11%

  .menu-toggle
    :width 7%

  #menu
    :padding 0 28% 3% 20%

  #gallery
    :padding-bottom 30px
    :padding-top 0
    :background #FFF

  .login-area-box
    :display flex
    :flex-direction column
    :align-items center

    .title-container
      :width unset

      .bar
        :background-color #FFF

  .container-section
    :height unset

  #news
    :padding-bottom 30px

  #schedules
    :padding-bottom 30px

  #team-member
    :padding-bottom 30px

  #plans
    :padding-top 0

  .testimony-container
    :padding-bottom 35px

  #plans
    :background #ec671a

  #methodology
    :padding-top 0

  #newsletter
    .title-container
      :display none

  .team-members-carousel-container
    :margin-top 0

  #weare-video
    :padding 75px 0

  .header-container
    :padding-right 6%

  .footer-content
    height: unset
    flex-direction: column
    padding: 20px 0

  .footer-contact
    margin: 20px 0

@media (max-width: 767px)

  .plan-item-price-section
    align-items: center

    .plan-item-price-container
      width: 100%

  .plan-show-container
    .plan-item-price
      width: 100%
      margin-top: 0

    .plan-item-button
      :display none

  .sign-in-box
    :padding 0

  .student-form
    :font-size 26px

  .plan-item-price
    :width 100%

    .plan-show-description
      :margin-top 25px

  .plan-model
    :left -10px
    :width 100%

  .second-stage-item
    :width 100%

  .login-area-registration
    :margin 30px 0

  .testimony-image-content
    :display flex
    :flex-direction column
    :align-items center

  .testimony-video
    :margin-top 0

  .testimony-info
    :display none

  .schedule-date
    :margin-bottom 10px

  .schedules-carousel-controls, .news-carousel-controls, .gallery-carousel-controls
    :margin-top 10px

  #newsletter
    :padding 30px 0

  .weare-container
    :padding 0 0 75px 0

  .plan-buttons
    :padding 0

  .students-menu
    :top 70px
    :right 35px

  .scroll-arrow
    :display none

  .news-carousel
    :margin-top 0

  .plan-ball-bottom
    :display none

  .plange-stage-menu-container
    :padding 0

  .plan-item-price-container
    :justify-content space-between
    :width 100%

  .plans-container
    :height unset

  .contact-form
    :width 84%
    :margin-left 8%

  .login-area-box
    :padding 0
    :margin-top 30px

  .login-area-session
    :margin 30px 0

  h2.subtitle
    :display none

  .title-container
    h1.title
      .title-text
        :font-size 18px
    .bar
      :display none

  .video-image-content, .gallery-image-content
    :width 100%

  .gallery-image-content
    :margin 15px 0 15px 0
    :display flex
    :justify-content center

  .submit-newsletter
    :position initial
    :width 100%

  .input-newsletter
    :height 50px

  .social-bar-box
    :height 70%
    :flex-direction column

  #news
    :display block

  .contact-form
    :padding-top 0

  .contact-textarea
    :padding-top 10px

  .contact-form-content
    :height 580px
    :background #FFF

  .social-bar-container
    :height 130px

  .instagram-box, .facebook-box
    :padding 0
    :justify-content center

    .social-box-text
      :display none

  .gallery-line
    :display none

  .gallery-container
    :margin-top 0

  .testimony-info-description
    :height 410px

  .gallery-carousel-controls
    :display none

  .testimony-info-name
    :width 100%
    :margin 30px 0
    :text-align center

  .testimony-video
    :width 100%

  .team-members-carousel-container
    :padding 0

  .team-members-carousel-controls
    :height unset
    :margin-top 30px
    :flex-direction row-reverse

  .arrow-member-right
    :margin-bottom 0
    :margin-left 20px

  .team-member-item-info-name, .team-member-item-info-specialty
    :text-align center

  .team-member-item-info-name
    :font-size 20px

  .team-member-item-info-specialty
    :font-size 18px
    :margin-bottom 0

  .plus-button-team-member
    :display flex !important
    :justify-content center
    :margin-top 10px

  .team-member-icon
    :font-size 25px
    :color #ec671a

    &:hover
      :color #ec671a

  .methodology-line
    :display block
    :float left
    :margin-top 0
    :margin-bottom 30px

    .line, .ball
      :display none

  .methodology-icon
    :margin-bottom 15px

  .methodology-box
    :float left
    :padding 0

  .methodology-item
    :margin-bottom 0
    :width 28%
    :margin-right 5%
    :float left

  .methodology-name
    :font-size 13px

  .new-item
    :display flex
    :justify-content center
    :align-items center
    :flex-direction column

  .link-founders
    :width 80%
    :margin-top 0

  .login-click
    :width 25%
    :justify-content center

  .menu-toggle
    :width 48px
    :right 10px
    :top 15px

  .menu-container
    :width 100%

  .testimonies-carousel-controls
    :height unset

  .testimony-container
    :padding 10px 0 30px 0

  .team-member-item-image
    :float left
    :left 0
    :width 50%
    :position inherit

  .team-member-item-info
    :float left
    :width 50%
    :height unset
    :padding-top 50px

  .weare-abstract
    :height 0
    :overflow hidden
    :margin-top 0

  .team-member-item
    :height unset

  #team-member
    :height unset

  .video-image-content
    :display none

  .team-member-item-info
    :overflow unset

  .login-click-text-user, .login-click-text-greeting
    :display none

  .login-user
    :margin 12px 5px 20px 0

  .students-menu-button
    :margin-right 20px

  .header-container
    :margin-top 10px

  .banner-top
    :margin-top 15px

  h1.title
    :letter-spacing 5px

  #methodology
    .container
      :padding 0

  .new-title
    :margin-bottom 10px

  .article-item
    :margin-bottom 20px

  .login-area-box .title-container
    :margin-bottom 10px

  .contact-info
    display: flex
    flex-direction: column
    align-items: center

  .footer-contact-info
    border-right: 0
    margin-top: 5px

  .weare-container .title-text
    margin-top: 60px
    margin-bottom: 30px
    width: 100%
    float: left

  h1
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 45px

  h3
    font-size: 21px
    font-weight: 300

.text-title-about
  text-align: center
  color: #004D61

  h2
    margin-bottom: 10px

  p
    font-size: 21px
    text-align: center
    font-weight: 300
    letter-spacing: 3px
    line-height: 35px

.altura-img-prof
  height: 380px

.btn-saiba-mais
  background-color: transparent
  color: #004D61
  border: solid 2px
  padding: 15px 60px
  border-radius: 10px
  font-weight: 700

  &:hover
    color: #fff
    background-color: #EC671A
    border-color: #EC671A

.box-laranja
  background-color: #EC671A
  color: #fff
  padding: 70px
  text-align: right

.card-body
  border: none

.just-prof
  position: relative
  top: 40px
  height: 420px
  z-index: 999
  left: 20px

.box-laranja
  h3
    font-size: 30px
    font-weight: 700
    margin-bottom: 30px
    letter-spacing: 1px

  p
    font-size: 15px
    line-height: 25px
    letter-spacing: 2px

.about-box1
  margin-bottom: 40px

.about-box2
  font-size: 15px
  line-height: 25px
  letter-spacing: 2px

.box-branco
  margin-top: 30px

  p
    font-size: 15px
    line-height: 25px
    letter-spacing: 2px
    text-align: left
    color: #004D61

.doubts
  margin: 40px 0
  color: #004D61

  h2
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 45px

  p
    font-size: 21px
    font-weight: 300
    letter-spacing: 2px

.card-header
  background-color: #E8650C
  color: #004D61
  text-align: center

.btn-link
  font-size: 21px
  font-weight: 700
  text-decoration: none !important
  color: #fff

  &:hover
    color: #fff

  &.collapsed
    font-size: 21px
    font-weight: 700
    color: #004D61

#accordion .card-body p
  font-size: 15px
  padding: 5px 30px

  // font-weight: 300;
  //letter-spacing: 1px

// === CSS PRODUTOS ===

#new-produts
  background-color: #E8650C

.hovereffect
  width: 100%
  height: 100%
  float: left
  overflow: hidden
  position: relative
  text-align: center
  cursor: default
  padding: 5px

  .overlay
    width: 100%
    height: 100%
    position: absolute
    overflow: hidden
    top: 0
    left: 0
    opacity: 0
    background-color: rgba(0, 0, 0, 0.5)
    -webkit-transition: all .4s ease-in-out
    transition: all 0.4s ease-in-out

  img
    display: block
    position: relative
    -webkit-transition: all .4s linear
    transition: all .4s linear
    height: auto
    max-width: 100%

  h2
    text-transform: uppercase
    color: #fff
    text-align: center
    position: relative
    font-size: 17px
    background: rgba(0, 0, 0, 0.6)
    -webkit-transform: translatey(-100px)
    -ms-transform: translatey(-100px)
    transform: translatey(-100px)
    -webkit-transition: all .2s ease-in-out
    transition: all .2s ease-in-out
    padding: 10px

  a.info
    text-decoration: none
    display: inline-block
    text-transform: uppercase
    color: #fff
    border: 1px solid #fff
    background-color: transparent
    opacity: 0
    filter: alpha(opacity = 0)
    -webkit-transition: all .2s ease-in-out
    transition: all .2s ease-in-out
    margin: 90px 0 0
    padding: 7px 14px

    &:hover
      box-shadow: 0 0 5px #fff

  &:hover
    img
      -ms-transform: scale(1.2)
      -webkit-transform: scale(1.2)
      transform: scale(1.2)

    .overlay
      opacity: 1
      filter: alpha(opacity = 100)

    h2
      opacity: 1
      filter: alpha(opacity = 100)
      -ms-transform: translatey(0)
      -webkit-transform: translatey(0)
      transform: translatey(0)

    a.info
      opacity: 1
      filter: alpha(opacity = 100)
      -ms-transform: translatey(0)
      -webkit-transform: translatey(0)
      transform: translatey(0)
      -webkit-transition-delay: .2s
      transition-delay: .2s

.altura-btn
  margin: 170px 0 0 !important

.primeira-fase, .segunda-fase
  text-align: center
  color: #fff

  h2
    font-size: 32px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 40px

  p
    font-size: 21px
    font-weight: 300
    letter-spacing: 2px

.hovereffect-2
  width: 100%
  height: 100%
  float: left
  overflow: hidden
  position: relative
  text-align: center
  cursor: default

  .overlay
    width: 100%
    height: 100%
    position: absolute
    overflow: hidden
    top: 0
    left: 0
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out

  &:hover .overlay
    background-color: #ff6700
    opacity: 0.9
    text-align: right

  h2
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out

  img
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out
    display: block
    position: relative
    -webkit-transform: scale(1.1)
    -ms-transform: scale(1.1)
    transform: scale(1.1)

  &:hover img
    -webkit-transform: scale(1)
    -ms-transform: scale(1)
    transform: scale(1)

  h2
    text-transform: uppercase
    color: #fff
    text-align: center
    position: relative
    font-size: 17px
    padding: 10px
    background: rgba(0, 0, 0, 0.6)

  a.info
    display: inline-block
    text-decoration: none
    padding: 7px 14px
    color: #fff
    border: 1px solid #fff
    margin: 50px 0 0 0
    background-color: transparent
    opacity: 0
    filter: alpha(opacity = 0)
    -webkit-transform: scale(1.5)
    -ms-transform: scale(1.5)
    transform: scale(1.5)
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out
    font-weight: normal
    height: 101%
    width: 102%
    position: absolute
    top: -12%
    left: -1%
    padding: 70px

  &:hover a.info
    opacity: 1
    filter: alpha(opacity = 100)
    -webkit-transform: scale(1)
    -ms-transform: scale(1)
    transform: scale(1)

    //background-color: rgba(0,0,0,0.4);

#equipe
  background-color: #004D61
  text-align: center

  h2
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    color: #fff
    margin-bottom: 45px

.info
  h4
    text-align: left
    font-size: 28px
    font-weight: 700
    margin-top: 80px

  h5
    text-align: left
    font-size: 18px
    font-weight: 400
    margin-bottom: 30px

  p
    text-align: left
    font-size: 16px
    font-weight: 100

i.fas.fa-plus
  display: flex

.owl-nav
  display: none

span
  color: #fff
  font-size: 45px

.modal-header
  background-color: #004D61

.modal-body
  background-color: #004D61
  color: #fff

  h4
    font-size: 40px
    font-weight: 600
    letter-spacing: 1px

.modal h5
  font-size: 22px
  font-weight: 400
  letter-spacing: 2px
  margin-bottom: 25px

.modal-body p
  font-size: 14px
  letter-spacing: 1px
  font-weight: 300
  line-height: 25px

.modal-header
  background-color: #004D61
  border-bottom: none
  margin-bottom: -20px

#depo
  p
    font-size: 17px
    font-weight: 400
    text-align: left
    color: #fff
    line-height: 30px
    letter-spacing: 2px
// === CSS PRODUTOS ===

#new-produts
  background-color: #E8650C

.hovereffect
  width: 100%
  height: 100%
  float: left
  overflow: hidden
  position: relative
  text-align: center
  cursor: default
  padding: 5px

  .overlay
    width: 100%
    height: 100%
    position: absolute
    overflow: hidden
    top: 0
    left: 0
    opacity: 0
    background-color: rgba(0, 0, 0, 0.5)
    -webkit-transition: all .4s ease-in-out
    transition: all 0.4s ease-in-out

  img
    display: block
    position: relative
    -webkit-transition: all .4s linear
    transition: all .4s linear
    height: auto
    max-width: 100%

  h2
    text-transform: uppercase
    color: #fff
    text-align: center
    position: relative
    font-size: 17px
    background: rgba(0, 0, 0, 0.6)
    -webkit-transform: translatey(-100px)
    -ms-transform: translatey(-100px)
    transform: translatey(-100px)
    -webkit-transition: all .2s ease-in-out
    transition: all .2s ease-in-out
    padding: 10px

  a.info
    text-decoration: none
    display: inline-block
    text-transform: uppercase
    color: #fff
    border: 1px solid #fff
    background-color: transparent
    opacity: 0
    filter: alpha(opacity = 0)
    -webkit-transition: all .2s ease-in-out
    transition: all .2s ease-in-out
    margin: 90px 0 0
    padding: 7px 14px

    &:hover
      box-shadow: 0 0 5px #fff

  &:hover
    img
      -ms-transform: scale(1.2)
      -webkit-transform: scale(1.2)
      transform: scale(1.2)

    .overlay
      opacity: 1
      filter: alpha(opacity = 100)

    h2
      opacity: 1
      filter: alpha(opacity = 100)
      -ms-transform: translatey(0)
      -webkit-transform: translatey(0)
      transform: translatey(0)

    a.info
      opacity: 1
      filter: alpha(opacity = 100)
      -ms-transform: translatey(0)
      -webkit-transform: translatey(0)
      transform: translatey(0)
      -webkit-transition-delay: .2s
      transition-delay: .2s

.altura-btn
  margin: 170px 0 0 !important

.primeira-fase, .segunda-fase
  text-align: center
  color: #fff

  h2
    font-size: 32px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 40px

  p
    font-size: 21px
    font-weight: 300
    letter-spacing: 2px

.hovereffect-2
  width: 100%
  height: 100%
  float: left
  overflow: hidden
  position: relative
  text-align: center
  cursor: default

  .overlay
    width: 100%
    height: 100%
    position: absolute
    overflow: hidden
    top: 0
    left: 0
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out

  &:hover .overlay
    background-color: #ff6700
    opacity: 0.9
    text-align: right

  h2
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out

  img
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out
    display: block
    position: relative
    -webkit-transform: scale(1.1)
    -ms-transform: scale(1.1)
    transform: scale(1.1)

  &:hover img
    -webkit-transform: scale(1)
    -ms-transform: scale(1)
    transform: scale(1)

  h2
    text-transform: uppercase
    color: #fff
    text-align: center
    position: relative
    font-size: 17px
    padding: 10px
    background: rgba(0, 0, 0, 0.6)

  a.info
    display: inline-block
    text-decoration: none
    padding: 7px 14px
    color: #fff
    border: 1px solid #fff
    margin: 50px 0 0 0
    background-color: transparent
    opacity: 0
    filter: alpha(opacity = 0)
    -webkit-transform: scale(1.5)
    -ms-transform: scale(1.5)
    transform: scale(1.5)
    -webkit-transition: all 0.4s ease-in-out
    transition: all 0.4s ease-in-out
    font-weight: normal
    height: 101%
    width: 102%
    position: absolute
    top: -12%
    left: -1%
    padding: 70px

  &:hover a.info
    opacity: 1
    filter: alpha(opacity = 100)
    -webkit-transform: scale(1)
    -ms-transform: scale(1)
    transform: scale(1)

    //background-color: rgba(0,0,0,0.4);

#equipe
  background-color: #004D61
  text-align: center

  h2
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    color: #fff
    margin-bottom: 45px

.info
  h4
    text-align: left
    font-size: 28px
    font-weight: 700
    margin-top: 80px

  h5
    text-align: left
    font-size: 18px
    font-weight: 400
    margin-bottom: 30px

  p
    text-align: left
    font-size: 16px
    font-weight: 100

i.fas.fa-plus
  display: flex

.owl-nav
  display: none

span
  color: #fff
  font-size: 45px

.modal-header
  background-color: #004D61

.modal-body
  background-color: #004D61
  color: #fff

  h4
    font-size: 40px
    font-weight: 600
    letter-spacing: 1px

.modal h5
  font-size: 22px
  font-weight: 400
  letter-spacing: 2px
  margin-bottom: 25px

.modal-body p
  font-size: 14px
  letter-spacing: 1px
  font-weight: 300
  line-height: 25px

.modal-header
  background-color: #004D61
  border-bottom: none
  margin-bottom: -20px

  h4
    font-size: 28px
    text-align: left
    font-weight: 700
    color: #fff

  h2
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    color: #fff
    margin-bottom: 45px

  background-color: #ff6700
  text-align: center

#galeria h2
  font-size: 38px
  font-weight: bolder
  letter-spacing: 10px
  margin-top: 45px
  color: #004D61
  text-align: center

#anota
  background-color: #004D61
  text-align: center

  h2
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    color: #fff
    margin-bottom: 45px

  .card-title
    color: #004D61
    font-weight: 700
    font-size: 18px
    line-height: 25px
    text-align: left
    min-height: 60px

  .card-text
    font-size: 14px
    font-weight: 300
    letter-spacing: 1px
    text-align: left
    min-height: 170px

.btn-vejamais
  background-color: transparent
  color: #004D61
  font-weight: 700
  border: none

.btn-veja-mais
  margin-top: 30px
  background-color: transparent
  color: #fff
  border: solid 2px
  padding: 15px 60px
  border-radius: 10px
  font-weight: 700

  &:hover
    color: #fff
    background-color: #EC671A
    border-color: #EC671A

.card a:hover
  color: #E8650C

#anota .card
  margin-bottom: 30px

.page-item.active .page-link
  color: #fff
  background-color: #E8650C
  border-color: #E8650C

.page-link
  color: #004D61

// CSS LEITURA CURSO

#cont-curso
  h1
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    margin-bottom: 50px

  p
    font-size: 21px
    text-align: center
    font-weight: 300
    letter-spacing: 3px
    line-height: 30px

.btn-comprar-curso
  background-color: transparent
  color: #004D61
  border: solid 2px
  padding: 15px 60px
  border-radius: 10px
  font-weight: 700
  margin-top: 30px

#OqueDesperte
  background-color: #004D61

  h1
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    color: #fff
    margin-bottom: 45px
    text-align: center

.svg-status
  width: 50%
  margin-bottom: 25px
  color: #fff

.itens-oque
  text-align: center

  h5
    font-size: 22px
    font-weight: 700
    color: #fff
    margin-bottom: 30px
    min-height: 60px

  p
    font-weight: 300
    color: #fff
    letter-spacing: 1px
    font-size: 13px

#OqueDesperte
  text-align: center
  color: #fff

.itens-funciona
  h5
    font-size: 22px
    font-weight: 700
    color: #fff
    margin-bottom: 30px
    min-height: 30px

  p
    font-weight: 300
    color: #fff
    letter-spacing: 1px
    font-size: 13px

#paraQuem
  background-color: #ff6700
  text-align: center
  color: #fff

  p
    margin-top: 30px
    font-size: 19px
    letter-spacing: 2px

#professor
  h2
    font-size: 38px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 45px
    color: #004D61
    text-align: center
    margin-bottom: 60px

  color: #004D61

  h4
    font-size: 36px
    font-weight: 600
    margin-bottom: 10px
    margin-top: 70px

  h6
    font-size: 25px
    font-weight: 100
    letter-spacing: 4px
    margin-top: -10px
    margin-bottom: 20px

  p
    font-size: 16px
    font-weight: 300
    letter-spacing: 2px
    line-height: 27px

#compra
  background-color: #ff6700
  text-align: center

  h2
    font-size: 48px
    font-weight: bolder
    letter-spacing: 10px
    margin-top: 25px
    color: #004D61
    margin-bottom: 25px

  p
    font-size: 22px
    color: #fff
    font-weight: 500
    margin-bottom: 0px
    letter-spacing: 2px

  span
    font-size: 60px
    font-weight: bolder

  h6
    font-size: 16px
    margin-top: 40px
    color: #fff

.btn-comprar-curso:hover
  color: #fff
  background-color: #004D61
  border-color: #004D61

#compra a
  color: #004D61
  text-decoration: none

#paraQuem H1
  font-size: 38px
  font-weight: bolder
  letter-spacing: 10px
  margin-top: 25px
  color: #fff
  margin-bottom: 45px
  text-align: center

@media (max-width: 576px)
  .modal-dialog
    max-width: 830px

  #cont-curso h1
    font-size: 26px

  .svg-status
    widt.header-container
      :margin-top 40px
      :padding-left 0
      :display flex
      :align-items center
      :justify-content space-between
      :color #156274

.header-ball
  :position absolute
  :right 50px
  :top -35px

.rotate-ball
  :z-index 99

  &.in-view
    :animation spin 16s linear, fall-right 16s linear

  &.in-view.left
    :animation spin 16s linear, fall-left 16s linear

@keyframes spin
  100%
    :transform rotate(360deg)

@keyframes fall-right
  100%
    :top -1100px

@keyframes fall-left
  100%
    :bottom 1100px

#menu
  :display flex
  :flex-direction column
  :justify-content center
  :padding 0 53% 3% 20%

.menu-container
  :background-color rgba(21, 98, 116, 0.9)
  :position fixed
  :z-index 998
  :top 0
  :right -634px
  :width 35%
  :transition 1.3s right ease
  :padding-bottom 53px

.menu-link
  :color #FFF
  :text-transform uppercase
  :font-weight 800
  :font-size 22px
  :margin-top 50px
  :text-align right
  :text-decoration none

  &:hover, &:link, &:visited
    :color #FFF

.students-menu
  :position absolute
  :display flex
  :flex-direction column
  :right 0
  :top 60px
  :padding 10px
  :border 1px solid #0a6276
  :z-index 99
  :background-color #FFF

.students-menu-button
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center

.login-click
  :display flex
  :align-items center
  :justify-content space-between
  :color #156274
  :position relative
  :z-index 998

  &:hover, &:visited, &:link
    :color #156274

.login-click-text
  :display flex
  :flex-direction column
  :align-items flex-end
  :font-size 14px

.login-user
  :font-size 20px
  :display flex
  :align-items center

.login-user-logo
  :font-size 30px
  :margin-left 10px
  :color #156274

.login-click-text-user
  :font-size 14px
  :font-weight bold
  :color #156274

.login-click-text-greeting
  :font-size 14px

.login-area-box
  :float left
  :padding 100px 25px
  :overflow hidden

  .title-container
    :bottom 575px
    :width 1250px
    :left -49%

  .title-text
    :color #0a6276
    :background-color #FFF

  .bar
    :background-color #0a6276

.students-menu-link
  :color #156274
  :margin-bottom 10px
  :font-size 15px

  &:hover
    :text-decoration none

.new-student-input
  :height 45px
  :width 100%
  :border 1px solid #156274
  :margin-top 20px
  :border-radius 0

.new-student-submit
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :font-weight bold
  :height 45px
  :width 100%
  :margin-top 20px

.login-area-form
  .col-sm-8
    :width 100%

.login-area-title
  :text-align center
  :text-transform uppercase
  :color #156274
  :font-weight bold
  :margin-top 0

.fancybox-content
  :height 850px !important
  :padding 35px

.login-subtitle
  :text-transform uppercase
  :color #156274
  :display block
  :width 100%
  :text-align center

.login-area-session
  :padding-left 5%
  :margin-left 5%
  :border-left 1px solid #dcdcdc

.login-area-session-link
  :display flex
  :flex-direction column
  :align-items center
  :margin-top 100px

.login-area-session-text
  :text-transform uppercase
  :font-weight bold
  :font-size 20px
  :letter-spacing 7px
  :color #156274
  :display block
  :text-align center
  :width 50%

.login-area-registration-text
  :line-height 40px

.login-area-registration
  .form-group
    :width 100%
    :float left
    :margin-bottom 0

.login-registration-link
  :color #FFF
  :background-color #156274
  :height 40px
  :width 100%
  :display flex
  :justify-content center
  :align-items center
  :text-transform uppercase
  :margin-top 20px

  &:hover
    :color #FFF

h1.title
  :text-transform uppercase
  :font-weight 800
  :letter-spacing 15px
  :margin 0

.banner-top
  :border-bottom 4px solid #156274
  :width 100%
  :float left
  :position relative
  :z-index 3
  :margin-top 30px

  .lSAction > .lSPrev
    :background image-url('banner-arrow.png') no-repeat center center

  .lSAction > .lSNext
    :background image-url('banner-arrow.png') no-repeat center center
    :transform rotate(180deg)

.banner-ball
  :position absolute
  :left -103px
  :top 700px
  :z-index 2

.container-fluid
  :padding 0

#weare
  :float left
  :width 100%

.weare-container
  :padding 75px 0
  :float left
  :width 100%

  .title-text
    :text-align center
    :color #156274

.weare-text-content-description
  :margin-top 80px

.weare-video
  :margin-bottom 60px
  :float left
  :width 100%

.weare-abstract
  :font-size 16px
  :margin-top 50px
  :text-align center
  :line-height 40px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.weare-content
  :margin-top 60px
  :text-align center
  :line-height 30px
  :font-size 16px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.link-founders-container
  :display flex
  :align-items center
  :justify-content center

.link-founders
  :display flex
  :align-items center
  :justify-content center
  :color #FFF
  :background linear-gradient(to bottom, #ce6511, #fd7101)
  :margin-top 50px
  :width 18%
  :height 60px
  :border-radius 10px
  :font-weight 800
  :font-size 18px
  :text-decoration none

  &:hover, &:visited, &:link
    :color #FFF
    :background-color #da5d09

.title-container
  :position absolute
  :bottom 272px
  :left -31%
  :transform rotate(-90deg)
  :width 775px

  h1.title
    :display flex
    :justify-content center

    .title-text
      :position relative
      :z-index 2
      :padding 0 10px 0 14px

  .bar
    :height 2px
    :width 100%
    :position absolute
    :top 20px

.container-section
  :height 772px
  :width 100%
  :float left

#plans
  :background-color #ec671a
  :padding-top 40px
  :position relative

  .title-container
    :bottom 408px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.plan-ball-bottom
  :position absolute
  :bottom -50px
  :left -87px

.plan-ball-top
  :position absolute
  :right 200px
  :top -25px

.plan-ball-middle
  :position absolute
  :bottom 203px
  :left 61px

.plans-container
  :position relative
  :padding-top 65px
  :height 775px

.plan-model
  :position absolute
  :left 0
  :top 74px

.second-stage-item
  :display flex
  :flex-direction column
  :justify-content space-between
  :margin-bottom 50px
  :width 30%
  :float left
  :margin-right 1%
  :min-height 130px

  .plan-item-price-container
    :width 100%

  .plan-item-description
    :margin-top 0

.first-stage-item
  :width 48%
  :margin-right 2%
  :min-height 160px

.plan-item-name
  :color #FFF
  :font-weight bold
  :font-size 18px
  :text-transform uppercase

.plange-stage-menu-container
  :margin-bottom 60px
  :display flex
  :justify-content space-between
  :width 48%

.plan-stage-menu
  :display flex
  :align-items center
  :height 50px
  :color #FFF
  :text-transform uppercase
  :text-align center
  :font-weight bold
  :font-size 16px
  :background-color transparent
  :border 1px solid #156274
  :padding 10px
  :text-decoration none

  &:hover, &.selected
    :color #FFF
    :background-color #156274
    :text-decoration none

.plan-stage-menu-disabled
  :background-color #ccc
  :border #ccc

  &:hover
    :background-color #ccc

.plan-item-description
  :color #FFF
  :font-weight 200
  :font-size 16px
  :margin-top 10px
  :width 93%

.plan-item-price-container
  :height 45px
  :position relative
  :width 25%

.plan-item-price
  :display flex
  :align-items center
  :justify-content center
  :float left
  :color #FFF
  :font-weight 700
  :font-size 20px
  :text-align center
  :background linear-gradient(to bottom, #156376, #0a8cab)
  :height 100%
  :width 70%
  :border-radius 10px

  &:hover
    :color #FFF

.plan-item-button
  :display flex
  :align-items center
  :justify-content center
  :float left
  :background linear-gradient(to bottom, #a6a5a5, #fcfcfc)
  :height 100%
  :width 30%
  :border-radius 10px
  :font-size 20px
  :color #16182f
  :position absolute
  :right 25px

  &:hover, &:target, &:link
    :color #16182f

.plan-show
  :float left
  :width 100%

.plan-show-container
  :padding 75px 0
  :width 100%
  :float left

  .title
    :text-align center
    :color #156274
    :margin-bottom 35px

  .plan-item-price-container
    :margin-top 20px

.plan-show-description
  :font-size 15px
  :line-height 41px
  :overflow hidden

.plan-item-price-section
  :display flex
  :justify-content center
  flex-direction: column
  float: right

  .plan-item-price-container
    width: 50%
    margin: 20px 0

  .plan-item-button
    width: 12%
    right: 0

  .plan-item-price
    width: 92%
    font-size: 18px

  .plan-item-text
    display: block
    color: #0b88a6
    font-weight: bold

  .plan-item-dowload-text
    margin-left: 5px
    color: #0b88a6

  .plan-item-download-link
    display: flex
    align-items: center
    font-weight: bold
    text-decoration: none

  .plan-item-price-text
    color: #FFF

#methodology
  :background-color #ec671a
  :padding-top 170px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.methodology-ball-left-bottom
  :position absolute
  :left -85px
  :bottom -30px
  :z-index 2

.metodology-ball-right-top
  :position absolute
  :right 100px
  :top -65px

.methodology-ball-middle-white
  :position absolute
  :left 86px
  :bottom 244px

.methodology-container, .team-members-container
  :position relative

.methodology-line
  :position relative
  :display flex
  :justify-content space-between
  :margin-bottom 95px

  .line
    :position absolute
    :left 58px
    :top 82px
    :background-color #FFF
    :height 1px
    :width 80%

.methodology-item
  :width 20%
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center
  :flex-direction column

  &:hover
    .ball
      :position relative
      :z-index 2
      :background-color #156274

    .methodology-icon
      :display none

      &.hover
        :display block

.methodology-icon
  :margin-bottom 30px

  &.hover
    :display none

.methodology-name
  :color #FFF
  :font-weight 700
  :font-size 17px
  :text-align center

.ball
  :margin-bottom 20px
  :display block
  :width 15px
  :height 15px
  :border-radius 100%
  :background-color #FFF

#team-member
  :background-color #156274
  :height 766px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.team-member-ball
  :position absolute
  :left -50px
  :bottom -50px

.team-member-ball-top-right-white
  :position absolute
  :top 2px
  :right 98px

.team-member-ball-top-right
  :position absolute
  :top 252px
  :right 155px

.team-member-ball-bottom-left
  :position absolute
  :bottom 38px
  :left 129px

.scroll-arrow
  :position absolute
  :bottom 12px
  :right 0
  :width 442px
  :height 22px
  :z-index 99
  :display flex
  :justify-content center
  :align-items center
  :cursor pointer

.team-members-carousel-container
  :margin-top 100px

  .lslide
    :position relative

.team-member-item
  :background-color #FFF
  :height 574px
  :position relative
  :width 77%
  :float right

.team-member-item-info-name
  :font-weight 700
  :font-size 28px
  :display block

.team-member-item-info-specialty
  :margin-bottom 30px
  :display block
  :font-size 20px

.team-member-item-info-description
  :line-height 33px

.team-member-item-info
  :width 70%
  :float right
  :padding 5% 5% 0 5%
  :height 530px
  :overflow-y scroll

  &::-webkit-scrollbar
    :width 10px

  &::-webkit-scrollbar-thumb
    :background-color #ccc

  &::-webkit-scrollbar-track
    :background-color transparent

.team-member-item-image
  :position absolute
  :left -195px

.team-members-carousel-controls
  :margin-top 100px
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

.team-members-container
  .title-container
    :bottom 267px

.arrow-member-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-bottom 20px

.arrow-member-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

.testimony-container
  :padding-top 95px

  .title-container
    :bottom 262px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

#testimony
  :background-color #ec671a

.testimony-info-name
  :display block
  :color #FFF
  :font-weight 800
  :font-size 22px
  :width 80%
  :float left

.testimony-info-description
  :line-height 24px
  :height 200px
  :color #FFF
  :float left
  :width 100%

.testimony-image
  :border-radius 100%
  :border 8px solid #FFF

.testimony-video
  :color #FFF
  :background-color #16162f
  :font-weight 800
  :text-align center
  :padding 10px
  :display block
  :margin-top 30px

  &:hover
    :color #FFF

.arrow-testimony-top
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :margin-bottom 20px
  :transform rotate(-90deg)

.arrow-testimony-bottom
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :transform rotate(90deg)

.testimonies-carousel-controls
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

#gallery
  :padding-top 80px
  :position relative

  .title-container
    :bottom 264px

    .title-text
      :color #156274
      :background-color #FFF

    .bar
      :background-color #156274

.gallery-container
  :margin-top 80px

.gallery-ball-right-top
  :position absolute
  :right 56px
  :top -45px

.gallery-ball-right-top-2
  :position absolute
  :right 26px
  :top 127px

.gallery-line
  :margin-bottom 30px
  :float left
  :width 100%

  &:nth-child(odd)
    .gallery-image-content
      :margin-left 25px

  &:nth-child(even)
    .gallery-image-content
      :margin-right 25px

.gallery-image-content
  :float left
  :width 29%

.gallery-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 40px

.video-image-content
  :float left
  :width 36%
  :position relative

  .play-video
    :background image-url('play-video.png') no-repeat center center
    :width 59px
    :height 58px
    :position absolute
    :top 37%
    :left 37%

.arrow-gallery-right
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-left 20px

.arrow-gallery-left
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

#schedules
  :position relative
  :background-color #156274

  .title-container
    :bottom 192px

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.schedule-ball-top-right
  :position absolute
  :top -7px
  :right 9px

.schedule-ball-top-right-white
  :position absolute
  :top 222px
  :right 145px

.schedule-ball-bottom-left-white
  :position absolute
  :bottom 68px
  :left 222px

.schedule-ball-bottom-left
  :position absolute
  :bottom -27px
  :left 41px

.schedules-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 75px

.arrow-schedule-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-schedule-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-right 20px
  :transform rotate(180deg)

h2.subtitle
  :background image-url('naoesqueca.png') no-repeat center center/contain
  :height 178px
  :margin-bottom 130px

h3.subtitle
  :text-align center
  :color #0a6276
  :font-size 20px
  :font-weight 200

.schedule-date
  :font-size 35px
  :font-weight 700
  :margin-bottom 30px

.schedule-name
  :font-size 16px
  :text-align center

.schedule-item
  :width 50%
  :display flex
  :flex-direction column
  :justify-content center
  :align-items center
  :margin 0 auto
  :color #FFF

.schedule-date
  :text-align center

#newsletter
  :width 100%
  :float left
  :padding 90px 0

  .title-container
    :bottom 0

    .title
      :display block

    .bar
      :background-color #156274
      :width 58%

.newsletter-title
  :color #156274
  :text-transform uppercase
  :font-weight 800
  :font-size 35px
  :text-align center
  :margin-bottom 30px

.newsletter-form
  :position relative
  :width 100%

.newsletter-form-container
  .confirm
    :text-align center
    :font-size 16px
    :margin-bottom 30px

.input-newsletter
  :width 100%
  :height 120px
  :border-radius 0
  :border 1px solid #16162f
  :padding-left 30px

.submit-newsletter
  :position absolute
  :right 32px
  :top 32px
  :background-color #156274
  :color #FFF
  :font-weight 800
  :font-size 16px
  :text-align center
  :border 0
  :padding 20px 50px

  &:hover
    :background-color $hover-buttons-color

.social-bar-container
  :height 175px

.social-bar-box
  :height 100%
  :width 50%
  :float left
  :display flex
  :align-items center

.facebook-box
  :padding-right 70px
  :color #FFF
  :background-color #156274
  :justify-content flex-end

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-right 70px

.instagram-box
  :padding-left 70px
  :color #FFF
  :background-color #ec671a

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-left 70px

.social-box-text
  :text-transform uppercase
  :font-weight 800
  :font-size 30px

.social-bar-icon
  :font-size 40px

#news
  :background-color #156274
  :display flex
  :align-items center
  :position relative

  .title-container
    :bottom -324px
    :z-index 2

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.news-carousel
  :margin-top 145px

.news-ball-right-top-white
  :position absolute
  :right 122px
  :top 98px

.news-ball-left-bottom
  :position absolute
  :left 80px
  :bottom 245px

.news-ball-left-bottom-white
  :position absolute
  :left -73px
  :bottom 4px

.article-container
  :float left
  :width 100%
  :margin-top 50px

.new-title
  :font-size 30px
  :margin-bottom 35px
  :font-weight bold

.new-content
  :margin 50px 0
  :line-height 35px

.title-article-internal
  :margin-top 30px
  :font-size 16px
  :font-weight bold
  :min-height 40px
  :color #000

  &:hover
    :color #000

.title-article-page
  :color #0a6276
  :font-size 32px
  :font-weight bold

.subtitle-article-page
  :display block
  :margin 10px 0 20px 0

.article-item
  :margin-bottom 50px

.arrow-news-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-news-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)
  :margin-right 20px

.new-item
  :height 380px

.news-title
  :display block
  :color #FFF
  :font-weight 700
  :font-size 15px
  :padding-top 25px

.news-carousel-controls
  :display flex
  :justify-content center
  :align-items center
  :margin-top 60px

#contact
  .title-container
    :left -8%
    :bottom 360px
    :z-index 2

    .title-text
      :color #156274

  input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

  input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

.contact-form-content
  :background image-url('contact-bg.jpg') no-repeat center center/cover
  :height 772px
  :padding 0

.contact-container
  :padding 0
  :position relative

.contact-ball
  :position absolute
  :bottom 35px
  :left 35px

.contact-form
  :padding-top 140px
  :width 43%
  :margin-left 20%

.contact-input
  :height 55px
  :border 1px solid #156274
  :background-color transparent
  :width 85%
  :margin-top 20px
  :padding-left 20px

.contact-textarea
  :height 180px

.contact-submit
  :width 85%
  :height 55px
  :background-color #156274
  :color #FFF
  :text-align center
  :font-weight 700
  :font-size 18px
  :margin-top 20px

  &:hover
    :background-color $hover-buttons-color

.footer-container
  :background-color #ec671a
  :float left
  :width 100%

.logo-acerte
  :width 100px

.footer-content
  :height 70px
  :display flex
  :align-items center
  :justify-content space-between

.footer-contact
  color: #FFF
  font-size: 17px
  font-weight: bold
  display: flex
  flex-direction: column
  align-items: center

.footer-contact-info
  display: block
  float: left
  margin-right: 5px
  border-right: 2px solid #FFF
  padding-right: 5px

  &:last-child
    border-right: 0

.student-form-container
  :margin-bottom 50px
  :display flex
  :justify-content center

.student-form-login
  :width 100%

.student-form-login-button
  :width 100%
  :height 50px
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :margin-top 15px
  :border none
  :border-radius 0

  &:hover
    :background-color #156274
    :color #FFF

.student-form
  :color #156274
  :text-transform uppercase
  :text-align center
  :font-weight bold

.student-form-login-input
  :height 50px
  :border 1px solid #000
  :padding-left 10px
  :margin-top 15px
  :border-radius 0
  :width 100%

.student-form-wrapper
  :width 100%
  :float left
  :margin-top 100px

.student-form-forget-password
  :margin-top 10px
  :float right

.form-actions
  :padding 0

.form-inputs
  .col-sm-8
    :padding 0
    :width 100%

@media (max-width: 1199px)

  .plan-item-price-section
    .plan-item-price
      font-size: 15px

  .plan-item-price-container
    width: 30%

  .plange-stage-menu-container
    width: 80%
    margin-bottom: 20px

  .second-stage-item
    width: 48%
    margin-bottom: 20px

  .team-member-item-image
    :left 0
    :width 50%

  .team-member-item-info
    :width 50%

  .scroll-arrow
    :width 700px

  .title-container
    :bottom 317px

  #schedules
    .title-container
      :bottom 192px

  #contact
    .title-container
      :left -21%

  #gallery
    .title-container
      :bottom 178px

  .link-founders
    :width 40%

  .plan-model
    :left 50px

  h2.subtitle
    :font-size 120px

  .team-member-item
    :width 100%

  .gallery-image-content
    :width 28%

  .menu-toggle
    :width 5%
    :right 0

  .login-click
    :width 8%

  #menu
    :padding 0 38% 3% 20%

  .menu-link
    :margin-top 30px

@media (max-width: 991px)

  .plan-item-price-section
    .plan-item-price-container
      width: 75%

  .second-stage-item
    :width 48%
    :margin-bottom 50px

  .scroll-arrow
    :width 640px

  .rotate-ball
    :display none

  .plans-container
    :padding-top 0
    :height unset

  .weare-container
    :height unset

  .link-founders
    :width 40%

  .weare-text-content-description
    :margin-bottom 30px

  .plange-stage-menu-container
    :width 100%
    :padding 0 28%
    :margin-bottom 50px

  .plan-item-name
    :width 100%
    :display block
    :text-align center

  .plan-item-description
    :text-align center

  .plan-item-price-container
    :width 50%
    :display flex
    :justify-content center

  .plan-item-button
    :right 0

  .plan-model
    :position relative
    :bottom -104px

  .login-area-session
    :margin 30px 0 0 0
    :padding 0
    :border 0

  h2.subtitle
    :font-size 90px

  .contact-form
    :width 70%
    :margin-left 15%

  .title-container
    :position initial
    :transform initial
    :width inherit
    :margin 30px 0

    .bar
      :top 50px

  #contact
    .title-container
      :left -40%

  .gallery-image-content
    :width 27%

  .contact-input, .contact-submit
    :width 100%

  .login-click
    :width 11%

  .menu-toggle
    :width 7%

  #menu
    :padding 0 28% 3% 20%

  #gallery
    :padding-bottom 30px
    :padding-top 0
    :background #FFF

  .login-area-box
    :display flex
    :flex-direction column
    :align-items center

    .title-container
      :width unset

      .bar
        :background-color #FFF

  .container-section
    :height unset

  #news
    :padding-bottom 30px

  #schedules
    :padding-bottom 30px

  #team-member
    :padding-bottom 30px

  #plans
    :padding-top 0

  .testimony-container
    :padding-bottom 35px

  #plans
    :background #ec671a

  #methodology
    :padding-top 0

  #newsletter
    .title-container
      :display none

  .team-members-carousel-container
    :margin-top 0

  #weare-video
    :padding 75px 0

  .header-container
    :padding-right 6%

  .footer-content
    height: unset
    flex-direction: column
    padding: 20px 0

  .footer-contact
    margin: 20px 0

@media (max-width: 767px)

  .plan-item-price-section
    align-items: center

    .plan-item-price-container
      width: 100%

  .plan-show-container
    .plan-item-price
      width: 100%
      margin-top: 0

    .plan-item-button
      :display none

  .sign-in-box
    :padding 0

  .student-form
    :font-size 26px

  .plan-item-price
    :width 100%

    .plan-show-description
      :margin-top 25px

  .plan-model
    :left -10px
    :width 100%

  .second-stage-item
    :width 100%

  .login-area-registration
    :margin 30px 0

  .testimony-image-content
    :display flex
    :flex-direction column
    :align-items center

  .testimony-video
    :margin-top 0

  .testimony-info
    :display none

  .schedule-date
    :margin-bottom 10px

  .schedules-carousel-controls, .news-carousel-controls, .gallery-carousel-controls
    :margin-top 10px

  #newsletter
    :padding 30px 0

  .weare-container
    :padding 0 0 75px 0

  .plan-buttons
    :padding 0

  .students-menu
    :top 70px
    :right 35px

  .scroll-arrow
    :display none

  .news-carousel
    :margin-top 0

  .plan-ball-bottom
    :display none

  .plange-stage-menu-container
    :padding 0

  .plan-item-price-container
    :justify-content space-between
    :width 100%

  .plans-container
    :height unset

  .contact-form
    :width 84%
    :margin-left 8%

  .login-area-box
    :padding 0
    :margin-top 30px

  .login-area-session
    :margin 30px 0

  h2.subtitle
    :display none

  .title-container
    h1.title
      .title-text
        :font-size 18px
    .bar
      :display none

  .video-image-content, .gallery-image-content
    :width 100%

  .gallery-image-content
    :margin 15px 0 15px 0
    :display flex
    :justify-content center

  .submit-newsletter
    :position initial
    :width 100%

  .input-newsletter
    :height 50px

  .social-bar-box
    :height 70%
    :flex-direction column

  #news
    :display block

  .contact-form
    :padding-top 0

  .contact-textarea
    :padding-top 10px

  .contact-form-content
    :height 580px
    :background #FFF

  .social-bar-container
    :height 130px

  .instagram-box, .facebook-box
    :padding 0
    :justify-content center

    .social-box-text
      :display none

  .gallery-line
    :display none

  .gallery-container
    :margin-top 0

  .testimony-info-description
    :height 410px

  .gallery-carousel-controls
    :display none

  .testimony-info-name
    :width 100%
    :margin 30px 0
    :text-align center

  .testimony-video
    :width 100%

  .team-members-carousel-container
    :padding 0

  .team-members-carousel-controls
    :height unset
    :margin-top 30px
    :flex-direction row-reverse

  .arrow-member-right
    :margin-bottom 0
    :margin-left 20px

  .team-member-item-info-name, .team-member-item-info-specialty
    :text-align center

  .team-member-item-info-name
    :font-size 20px

  .team-member-item-info-specialty
    :font-size 18px
    :margin-bottom 0

  .plus-button-team-member
    :display flex !important
    :justify-content center
    :margin-top 10px

  .team-member-icon
    :font-size 25px
    :color #ec671a

    &:hover
      :color #ec671a

  .methodology-line
    :display block
    :float left
    :margin-top 0
    :margin-bottom 30px

    .line, .ball
      :display none

  .methodology-icon
    :margin-bottom 15px

  .methodology-box
    :float left
    :padding 0

  .methodology-item
    :margin-bottom 0
    :width 28%
    :margin-right 5%
    :float left

  .methodology-name
    :font-size 13px

  .new-item
    :display flex
    :justify-content center
    :align-items center
    :flex-direction column

  .link-founders
    :width 80%
    :margin-top 0

  .login-click
    :width 25%
    :justify-content center

  .menu-toggle
    :width 48px
    :right 10px
    :top 15px

  .menu-container
    :width 100%

  .testimonies-carousel-controls
    :height unset

  .testimony-container
    :padding 10px 0 30px 0

  .team-member-item-image
    :float left
    :left 0
    :width 50%
    :position inherit

  .team-member-item-info
    :float left
    :width 50%
    :height unset
    :padding-top 50px

  .weare-abstract
    :height 0
    :overflow hidden
    :margin-top 0

  .team-member-item
    :height unset

  #team-member
    :height unset

  .video-image-content
    :display none

  .team-member-item-info
    :overflow unset

  .login-click-text-user, .login-click-text-greeting
    :display none

  .login-user
    :margin 12px 5px 20px 0

  .students-menu-button
    :margin-right 20px

  .header-container
    :margin-top 10px

  .banner-top
    :margin-top 15px

  h1.title
    :letter-spacing 5px

  #methodology
    .container
      :padding 0
.header-container
  :margin-top 40px
  :padding-left 0
  :display flex
  :align-items center
  :justify-content space-between
  :color #156274

.header-ball
  :position absolute
  :right 50px
  :top -35px

.rotate-ball
  :z-index 99

  &.in-view
    :animation spin 16s linear, fall-right 16s linear

  &.in-view.left
    :animation spin 16s linear, fall-left 16s linear

@keyframes spin
  100%
    :transform rotate(360deg)

@keyframes fall-right
  100%
    :top -1100px

@keyframes fall-left
  100%
    :bottom 1100px

#menu
  :display flex
  :flex-direction column
  :justify-content center
  :padding 0 53% 3% 20%

.menu-container
  :background-color rgba(21, 98, 116, 0.9)
  :position fixed
  :z-index 998
  :top 0
  :right -634px
  :width 35%
  :transition 1.3s right ease
  :padding-bottom 53px

.menu-link
  :color #FFF
  :text-transform uppercase
  :font-weight 800
  :font-size 22px
  :margin-top 50px
  :text-align right
  :text-decoration none

  &:hover, &:link, &:visited
    :color #FFF

.students-menu
  :position absolute
  :display flex
  :flex-direction column
  :right 0
  :top 60px
  :padding 10px
  :border 1px solid #0a6276
  :z-index 99
  :background-color #FFF

.students-menu-button
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center

.login-click
  :display flex
  :align-items center
  :justify-content space-between
  :color #156274
  :position relative
  :z-index 998

  &:hover, &:visited, &:link
    :color #156274

.login-click-text
  :display flex
  :flex-direction column
  :align-items flex-end
  :font-size 14px

.login-user
  :font-size 20px
  :display flex
  :align-items center

.login-user-logo
  :font-size 30px
  :margin-left 10px
  :color #156274

.login-click-text-user
  :font-size 14px
  :font-weight bold
  :color #156274

.login-click-text-greeting
  :font-size 14px

.login-area-box
  :float left
  :padding 100px 25px
  :overflow hidden

  .title-container
    :bottom 575px
    :width 1250px
    :left -49%

  .title-text
    :color #0a6276
    :background-color #FFF

  .bar
    :background-color #0a6276

.students-menu-link
  :color #156274
  :margin-bottom 10px
  :font-size 15px

  &:hover
    :text-decoration none

.new-student-input
  :height 45px
  :width 100%
  :border 1px solid #156274
  :margin-top 20px
  :border-radius 0

.new-student-submit
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :font-weight bold
  :height 45px
  :width 100%
  :margin-top 20px

.login-area-form
  .col-sm-8
    :width 100%

.login-area-title
  :text-align center
  :text-transform uppercase
  :color #156274
  :font-weight bold
  :margin-top 0

.fancybox-content
  :height 850px !important
  :padding 35px

.login-subtitle
  :text-transform uppercase
  :color #156274
  :display block
  :width 100%
  :text-align center

.login-area-session
  :padding-left 5%
  :margin-left 5%
  :border-left 1px solid #dcdcdc

.login-area-session-link
  :display flex
  :flex-direction column
  :align-items center
  :margin-top 100px

.login-area-session-text
  :text-transform uppercase
  :font-weight bold
  :font-size 20px
  :letter-spacing 7px
  :color #156274
  :display block
  :text-align center
  :width 50%

.login-area-registration-text
  :line-height 40px

.login-area-registration
  .form-group
    :width 100%
    :float left
    :margin-bottom 0

.login-registration-link
  :color #FFF
  :background-color #156274
  :height 40px
  :width 100%
  :display flex
  :justify-content center
  :align-items center
  :text-transform uppercase
  :margin-top 20px

  &:hover
    :color #FFF

h1.title
  :text-transform uppercase
  :font-weight 800
  :letter-spacing 15px
  :margin 0

.banner-top
  :border-bottom 4px solid #156274
  :width 100%
  :float left
  :position relative
  :z-index 3
  :margin-top 30px

  .lSAction > .lSPrev
    :background image-url('banner-arrow.png') no-repeat center center

  .lSAction > .lSNext
    :background image-url('banner-arrow.png') no-repeat center center
    :transform rotate(180deg)

.banner-ball
  :position absolute
  :left -103px
  :top 700px
  :z-index 2

.container-fluid
  :padding 0

#weare
  :float left
  :width 100%

.weare-container
  :padding 75px 0
  :float left
  :width 100%

  .title-text
    :text-align center
    :color #156274

.weare-text-content-description
  :margin-top 80px

.weare-video
  :margin-bottom 60px
  :float left
  :width 100%

.weare-abstract
  :font-size 16px
  :margin-top 50px
  :text-align center
  :line-height 40px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.weare-content
  :margin-top 60px
  :text-align center
  :line-height 30px
  :font-size 16px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.link-founders-container
  :display flex
  :align-items center
  :justify-content center

.link-founders
  :display flex
  :align-items center
  :justify-content center
  :color #FFF
  :background linear-gradient(to bottom, #ce6511, #fd7101)
  :margin-top 50px
  :width 18%
  :height 60px
  :border-radius 10px
  :font-weight 800
  :font-size 18px
  :text-decoration none

  &:hover, &:visited, &:link
    :color #FFF
    :background-color #da5d09

.title-container
  :position absolute
  :bottom 272px
  :left -31%
  :transform rotate(-90deg)
  :width 775px

  h1.title
    :display flex
    :justify-content center

    .title-text
      :position relative
      :z-index 2
      :padding 0 10px 0 14px

  .bar
    :height 2px
    :width 100%
    :position absolute
    :top 20px

.container-section
  :height 772px
  :width 100%
  :float left

#plans
  :background-color #ec671a
  :padding-top 40px
  :position relative

  .title-container
    :bottom 408px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.plan-ball-bottom
  :position absolute
  :bottom -50px
  :left -87px

.plan-ball-top
  :position absolute
  :right 200px
  :top -25px

.plan-ball-middle
  :position absolute
  :bottom 203px
  :left 61px

.plans-container
  :position relative
  :padding-top 65px
  :height 775px

.plan-model
  :position absolute
  :left 0
  :top 74px

.second-stage-item
  :display flex
  :flex-direction column
  :justify-content space-between
  :margin-bottom 50px
  :width 30%
  :float left
  :margin-right 1%
  :min-height 130px

  .plan-item-price-container
    :width 100%

  .plan-item-description
    :margin-top 0

.first-stage-item
  :width 48%
  :margin-right 2%
  :min-height 160px

.plan-item-name
  :color #FFF
  :font-weight bold
  :font-size 18px
  :text-transform uppercase

.plange-stage-menu-container
  :margin-bottom 60px
  :display flex
  :justify-content space-between
  :width 48%

.plan-stage-menu
  :display flex
  :align-items center
  :height 50px
  :color #FFF
  :text-transform uppercase
  :text-align center
  :font-weight bold
  :font-size 16px
  :background-color transparent
  :border 1px solid #156274
  :padding 10px
  :text-decoration none

  &:hover, &.selected
    :color #FFF
    :background-color #156274
    :text-decoration none

.plan-stage-menu-disabled
  :background-color #ccc
  :border #ccc

  &:hover
    :background-color #ccc

.plan-item-description
  :color #FFF
  :font-weight 200
  :font-size 16px
  :margin-top 10px
  :width 93%

.plan-item-price-container
  :height 45px
  :position relative
  :width 25%

.plan-item-price
  :display flex
  :align-items center
  :justify-content center
  :float left
  :color #FFF
  :font-weight 700
  :font-size 20px
  :text-align center
  :background linear-gradient(to bottom, #156376, #0a8cab)
  :height 100%
  :width 70%
  :border-radius 10px

  &:hover
    :color #FFF

.plan-item-button
  :display flex
  :align-items center
  :justify-content center
  :float left
  :background linear-gradient(to bottom, #a6a5a5, #fcfcfc)
  :height 100%
  :width 30%
  :border-radius 10px
  :font-size 20px
  :color #16182f
  :position absolute
  :right 25px

  &:hover, &:target, &:link
    :color #16182f

.plan-show
  :float left
  :width 100%

.plan-show-container
  :padding 75px 0
  :width 100%
  :float left

  .title
    :text-align center
    :color #156274
    :margin-bottom 35px

  .plan-item-price-container
    :margin-top 20px

.plan-show-description
  :font-size 15px
  :line-height 41px
  :overflow hidden

.plan-item-price-section
  display: flex
  justify-content: center
  flex-direction: column
  float: right

  .plan-item-price-container
    width: 50%
    margin: 20px 0

  .plan-item-button
    width: 12%
    right: 0

  .plan-item-price
    width: 92%
    font-size: 18px

  .plan-item-text
    display: block
    color: #0b88a6
    font-weight: bold

  .plan-item-dowload-text
    margin-left: 5px
    color: #0b88a6

  .plan-item-download-link
    display: flex
    align-items: center
    font-weight: bold
    text-decoration: none

  .plan-item-price-text
    color: #FFF

#methodology
  :background-color #ec671a
  :padding-top 170px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.methodology-ball-left-bottom
  :position absolute
  :left -85px
  :bottom -30px
  :z-index 2

.metodology-ball-right-top
  :position absolute
  :right 100px
  :top -65px

.methodology-ball-middle-white
  :position absolute
  :left 86px
  :bottom 244px

.methodology-container, .team-members-container
  :position relative

.methodology-line
  :position relative
  :display flex
  :justify-content space-between
  :margin-bottom 95px

  .line
    :position absolute
    :left 58px
    :top 82px
    :background-color #FFF
    :height 1px
    :width 80%

.methodology-item
  :width 20%
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center
  :flex-direction column

  &:hover
    .ball
      :position relative
      :z-index 2
      :background-color #156274

    .methodology-icon
      :display none

      &.hover
        :display block

.methodology-icon
  :margin-bottom 30px

  &.hover
    :display none

.methodology-name
  :color #FFF
  :font-weight 700
  :font-size 17px
  :text-align center

.ball
  :margin-bottom 20px
  :display block
  :width 15px
  :height 15px
  :border-radius 100%
  :background-color #FFF

#team-member
  :background-color #156274
  :height 766px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.team-member-ball
  :position absolute
  :left -50px
  :bottom -50px

.team-member-ball-top-right-white
  :position absolute
  :top 2px
  :right 98px

.team-member-ball-top-right
  :position absolute
  :top 252px
  :right 155px

.team-member-ball-bottom-left
  :position absolute
  :bottom 38px
  :left 129px

.scroll-arrow
  :position absolute
  :bottom 12px
  :right 0
  :width 442px
  :height 22px
  :z-index 99
  :display flex
  :justify-content center
  :align-items center
  :cursor pointer

.team-members-carousel-container
  :margin-top 100px

  .lslide
    :position relative

.team-member-item
  :background-color #FFF
  :height 574px
  :position relative
  :width 77%
  :float right

.team-member-item-info-name
  :font-weight 700
  :font-size 28px
  :display block

.team-member-item-info-specialty
  :margin-bottom 30px
  :display block
  :font-size 20px

.team-member-item-info-description
  :line-height 33px

.team-member-item-info
  :width 70%
  :float right
  :padding 5% 5% 0 5%
  :height 530px
  :overflow-y scroll

  &::-webkit-scrollbar
    :width 10px

  &::-webkit-scrollbar-thumb
    :background-color #ccc

  &::-webkit-scrollbar-track
    :background-color transparent

.team-member-item-image
  :position absolute
  :left -195px

.team-members-carousel-controls
  :margin-top 100px
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

.team-members-container
  .title-container
    :bottom 267px

.arrow-member-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-bottom 20px

.arrow-member-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

.testimony-container
  :padding-top 95px

  .title-container
    :bottom 262px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

#testimony
  :background-color #ec671a

.testimony-info-name
  :display block
  :color #FFF
  :font-weight 800
  :font-size 22px
  :width 80%
  :float left

.testimony-info-description
  :line-height 24px
  :height 200px
  :color #FFF
  :float left
  :width 100%

.testimony-image
  :border-radius 100%
  :border 8px solid #FFF

.testimony-video
  :color #FFF
  :background-color #16162f
  :font-weight 800
  :text-align center
  :padding 10px
  :display block
  :margin-top 30px

  &:hover
    :color #FFF

.arrow-testimony-top
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :margin-bottom 20px
  :transform rotate(-90deg)

.arrow-testimony-bottom
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :transform rotate(90deg)

.testimonies-carousel-controls
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

#gallery
  :padding-top 80px
  :position relative

  .title-container
    :bottom 264px

    .title-text
      :color #156274
      :background-color #FFF

    .bar
      :background-color #156274

.gallery-container
  :margin-top 80px

.gallery-ball-right-top
  :position absolute
  :right 56px
  :top -45px

.gallery-ball-right-top-2
  :position absolute
  :right 26px
  :top 127px

.gallery-line
  :margin-bottom 30px
  :float left
  :width 100%

  &:nth-child(odd)
    .gallery-image-content
      :margin-left 25px

  &:nth-child(even)
    .gallery-image-content
      :margin-right 25px

.gallery-image-content
  :float left
  :width 29%

.gallery-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 40px

.video-image-content
  :float left
  :width 36%
  :position relative

  .play-video
    :background image-url('play-video.png') no-repeat center center
    :width 59px
    :height 58px
    :position absolute
    :top 37%
    :left 37%

.arrow-gallery-right
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-left 20px

.arrow-gallery-left
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

#schedules
  :position relative
  :background-color #156274

  .title-container
    :bottom 192px

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.schedule-ball-top-right
  :position absolute
  :top -7px
  :right 9px

.schedule-ball-top-right-white
  :position absolute
  :top 222px
  :right 145px

.schedule-ball-bottom-left-white
  :position absolute
  :bottom 68px
  :left 222px

.schedule-ball-bottom-left
  :position absolute
  :bottom -27px
  :left 41px

.schedules-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 75px

.arrow-schedule-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-schedule-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-right 20px
  :transform rotate(180deg)

h2.subtitle
  :background image-url('naoesqueca.png') no-repeat center center/contain
  :height 178px
  :margin-bottom 130px

h3.subtitle
  :text-align center
  :color #0a6276
  :font-size 20px
  :font-weight 200

.schedule-date
  :font-size 35px
  :font-weight 700
  :margin-bottom 30px

.schedule-name
  :font-size 16px
  :text-align center

.schedule-item
  :width 50%
  :display flex
  :flex-direction column
  :justify-content center
  :align-items center
  :margin 0 auto
  :color #FFF

.schedule-date
  :text-align center

#newsletter
  :width 100%
  :float left
  :padding 90px 0

  .title-container
    :bottom 0

    .title
      :display block

    .bar
      :background-color #156274
      :width 58%

.newsletter-title
  :color #156274
  :text-transform uppercase
  :font-weight 800
  :font-size 35px
  :text-align center
  :margin-bottom 30px

.newsletter-form
  :position relative
  :width 100%

.newsletter-form-container
  .confirm
    :text-align center
    :font-size 16px
    :margin-bottom 30px

.input-newsletter
  :width 100%
  :height 120px
  :border-radius 0
  :border 1px solid #16162f
  :padding-left 30px

.submit-newsletter
  :position absolute
  :right 32px
  :top 32px
  :background-color #156274
  :color #FFF
  :font-weight 800
  :font-size 16px
  :text-align center
  :border 0
  :padding 20px 50px

  &:hover
    :background-color $hover-buttons-color

.social-bar-container
  :height 175px

.social-bar-box
  :height 100%
  :width 50%
  :float left
  :display flex
  :align-items center

.facebook-box
  :padding-right 70px
  :color #FFF
  :background-color #156274
  :justify-content flex-end

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-right 70px

.instagram-box
  :padding-left 70px
  :color #FFF
  :background-color #ec671a

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-left 70px

.social-box-text
  :text-transform uppercase
  :font-weight 800
  :font-size 30px

.social-bar-icon
  :font-size 40px

#news
  :background-color #156274
  :display flex
  :align-items center
  :position relative

  .title-container
    :bottom -324px
    :z-index 2

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.news-carousel
  :margin-top 145px

.news-ball-right-top-white
  :position absolute
  :right 122px
  :top 98px

.news-ball-left-bottom
  :position absolute
  :left 80px
  :bottom 245px

.news-ball-left-bottom-white
  :position absolute
  :left -73px
  :bottom 4px

.article-container
  :float left
  :width 100%
  :margin-top 50px

.new-title
  :font-size 30px
  :margin-bottom 35px
  :font-weight bold

.new-content
  :margin 50px 0
  :line-height 35px

.title-article-internal
  :margin-top 30px
  :font-size 16px
  :font-weight bold
  :min-height 40px
  :color #000

  &:hover
    :color #000

.title-article-page
  :color #0a6276
  :font-size 32px
  :font-weight bold

.subtitle-article-page
  :display block
  :margin 10px 0 20px 0

.article-item
  :margin-bottom 50px

.arrow-news-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-news-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)
  :margin-right 20px

.new-item
  :height 380px

.news-title
  :display block
  :color #FFF
  :font-weight 700
  :font-size 15px
  :padding-top 25px

.news-carousel-controls
  :display flex
  :justify-content center
  :align-items center
  :margin-top 60px

#contact
  .title-container
    :left -8%
    :bottom 360px
    :z-index 2

    .title-text
      :color #156274

  input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

  input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

.contact-form-content
  :background image-url('contact-bg.jpg') no-repeat center center/cover
  :height 772px
  :padding 0

.contact-container
  :padding 0
  :position relative

.contact-ball
  :position absolute
  :bottom 35px
  :left 35px

.contact-form
  :padding-top 140px
  :width 43%
  :margin-left 20%

.contact-input
  :height 55px
  :border 1px solid #156274
  :background-color transparent
  :width 85%
  :margin-top 20px
  :padding-left 20px

.contact-textarea
  :height 180px

.contact-submit
  :width 85%
  :height 55px
  :background-color #156274
  :color #FFF
  :text-align center
  :font-weight 700
  :font-size 18px
  :margin-top 20px

  &:hover
    :background-color $hover-buttons-color

.footer-container
  :background-color #ec671a
  :float left
  :width 100%

.logo-acerte
  :width 100px

.footer-content
  :height 70px
  :display flex
  :align-items center
  :justify-content space-between

.footer-contact
  color: #FFF
  font-size: 17px
  font-weight: bold
  display: flex
  flex-direction: column
  align-items: center

.footer-contact-info
  display: block
  float: left
  margin-right: 5px
  border-right: 2px solid #FFF
  padding-right: 5px

  &:last-child
    border-right: 0

.student-form-container
  :margin-bottom 50px
  :display flex
  :justify-content center

.student-form-login
  :width 100%

.student-form-login-button
  :width 100%
  :height 50px
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :margin-top 15px
  :border none
  :border-radius 0

  &:hover
    :background-color #156274
    :color #FFF

.student-form
  :color #156274
  :text-transform uppercase
  :text-align center
  :font-weight bold

.student-form-login-input
  :height 50px
  :border 1px solid #000
  :padding-left 10px
  :margin-top 15px
  :border-radius 0
  :width 100%

.student-form-wrapper
  :width 100%
  :float left
  :margin-top 100px

.student-form-forget-password
  :margin-top 10px
  :float right

.form-actions
  :padding 0

.form-inputs
  .col-sm-8
    :padding 0
    :width 100%

@media (max-width: 1199px)

  .plan-item-price-section
    .plan-item-price
      font-size: 15px

  .plan-item-price-container
    width: 30%

  .plange-stage-menu-container
    width: 80%
    margin-bottom: 20px

  .second-stage-item
    width: 48%
    margin-bottom: 20px

  .team-member-item-image
    :left 0
    :width 50%

  .team-member-item-info
    :width 50%

  .scroll-arrow
    :width 700px

  .title-container
    :bottom 317px

  #schedules
    .title-container
      :bottom 192px

  #contact
    .title-container
      :left -21%

  #gallery
    .title-container
      :bottom 178px

  .link-founders
    :width 40%

  .plan-model
    :left 50px

  h2.subtitle
    :font-size 120px

  .team-member-item
    :width 100%

  .gallery-image-content
    :width 28%

  .menu-toggle
    :width 5%
    :right 0

  .login-click
    :width 8%

  #menu
    :padding 0 38% 3% 20%

  .menu-link
    :margin-top 30px

@media (max-width: 991px)

  .plan-item-price-section
    .plan-item-price-container
      width: 75%

  .second-stage-item
    :width 48%
    :margin-bottom 50px

  .scroll-arrow
    :width 640px

  .rotate-ball
    :display none

  .plans-container
    :padding-top 0
    :height unset

  .weare-container
    :height unset

  .link-founders
    :width 40%

  .weare-text-content-description
    :margin-bottom 30px

  .plange-stage-menu-container
    :width 100%
    :padding 0 28%
    :margin-bottom 50px

  .plan-item-name
    :width 100%
    :display block
    :text-align center

  .plan-item-description
    :text-align center

  .plan-item-price-container
    :width 50%
    :display flex
    :justify-content center

  .plan-item-button
    :right 0

  .plan-model
    :position relative
    :bottom -104px

  .login-area-session
    :margin 30px 0 0 0
    :padding 0
    :border 0

  h2.subtitle
    :font-size 90px

  .contact-form
    :width 70%
    :margin-left 15%

  .title-container
    :position initial
    :transform initial
    :width inherit
    :margin 30px 0

    .bar
      :top 50px

  #contact
    .title-container
      :left -40%

  .gallery-image-content
    :width 27%

  .contact-input, .contact-submit
    :width 100%

  .login-click
    :width 11%

  .menu-toggle
    :width 7%

  #menu
    :padding 0 28% 3% 20%

  #gallery
    :padding-bottom 30px
    :padding-top 0
    :background #FFF

  .login-area-box
    :display flex
    :flex-direction column
    :align-items center

    .title-container
      :width unset

      .bar
        :background-color #FFF

  .container-section
    :height unset

  #news
    :padding-bottom 30px

  #schedules
    :padding-bottom 30px

  #team-member
    :padding-bottom 30px

  #plans
    :padding-top 0

  .testimony-container
    :padding-bottom 35px

  #plans
    :background #ec671a

  #methodology
    :padding-top 0

  #newsletter
    .title-container
      :display none

  .team-members-carousel-container
    :margin-top 0

  #weare-video
    :padding 75px 0

  .header-container
    :padding-right 6%

  .footer-content
    height: unset
    flex-direction: column
    padding: 20px 0

  .footer-contact
    margin: 20px 0

@media (max-width: 767px)

  .plan-item-price-section
    align-items: center

    .plan-item-price-container
      width: 100%

  .plan-show-container
    p.header-container, p.plan-item-price
      width: 100%
      margin-top: 0

    .plan-item-button
      :display none

  .sign-in-box
    p.header-container
      :padding 0

  .student-form
    :font-size 26px

  .plan-item-price
    :width 100%

    .plan-show-description
      :margin-top 25px

  .plan-model
    :left -10px
    :width 100%

  .second-stage-item
    :width 100%

  .login-area-registration
    :margin 30px 0

  .testimony-image-content
    :display flex
    :flex-direction column
    :align-items center

  .testimony-video
    :margin-top 0

  .testimony-info
    :display none

  .schedule-date
    :margin-bottom 10px

  .schedules-carousel-controls, .news-carousel-controls, .gallery-carousel-controls
    :margin-top 10px

  #newsletter
    :padding 30px 0

  .weare-container
    :padding 0 0 75px 0

  .plan-buttons
    :padding 0

  .students-menu
    :top 70px
    :right 35px

  .scroll-arrow
    :display none

  .news-carousel
    :margin-top 0

  .plan-ball-bottom
    :display none

  .plange-stage-menu-container
    :padding 0

  .plan-item-price-container
    :justify-content space-between
    :width 100%

  .plans-container
    :height unset

  .contact-form
    :width 84%
    :margin-left 8%

  .login-area-box
    :padding 0
    :margin-top 30px

  .login-area-session
    :margin 30px 0

  h2.subtitle
    :display none

  .title-container
    h1.title
      .title-text
        :font-size 18px
    .bar
      :display none

  .video-image-content, .gallery-image-content
    :width 100%

  .gallery-image-content
    :margin 15px 0 15px 0
    :display flex
    :justify-content center

  .submit-newsletter
    :position initial
    :width 100%

  .input-newsletter
    :height 50px

  .social-bar-box
    :height 70%
    :flex-direction column

  #news
    :display block

  .contact-form
    :padding-top 0

  .contact-textarea
    :padding-top 10px

  .contact-form-content
    :height 580px
    :background #FFF

  .social-bar-container
    :height 130px

  .instagram-box, .facebook-box
    :padding 0
    :justify-content center

    .social-box-text
      :display none

  .gallery-line
    :display none

  .gallery-container
    :margin-top 0

  .testimony-info-description
    :height 410px

  .gallery-carousel-controls
    :display none

  .testimony-info-name
    :width 100%
    :margin 30px 0
    :text-align center

  .testimony-video
    :width 100%

  .team-members-carousel-container
    :padding 0

  .team-members-carousel-controls
    :height unset
    :margin-top 30px
    :flex-direction row-reverse

  .arrow-member-right
    :margin-bottom 0
    :margin-left 20px

  .team-member-item-info-name, .team-member-item-info-specialty
    :text-align center

  .team-member-item-info-name
    :font-size 20px

  .team-member-item-info-specialty
    :font-size 18px
    :margin-bottom 0

  .plus-button-team-member
    :display flex !important
    :justify-content center
    :margin-top 10px

  .team-member-icon
    :font-size 25px
    :color #ec671a

    &:hover
      :color #ec671a

  .methodology-line
    :display block
    :float left
    :margin-top 0
    :margin-bottom 30px

    .line, .ball
      :display none

  .methodology-icon
    :margin-bottom 15px

  .methodology-box
    :float left
    :padding 0

  .methodology-item
    :margin-bottom 0
    :width 28%
    :margin-right 5%
    :float left

  .methodology-name
    :font-size 13px

  .new-item
    :display flex
    :justify-content center
    :align-items center
    :flex-direction column

  .link-founders
    :width 80%
    :margin-top 0

  .login-click
    :width 25%
    :justify-content center

  .menu-toggle
    :width 48px
    :right 10px
    :top 15px

  .menu-container
    :width 100%

  .testimonies-carousel-controls
    :height unset

  .testimony-container
    :padding 10px 0 30px 0

  .team-member-item-image
    :float left
    :left 0
    :width 50%
    :margin-top 40px
    :padding-left 0
    :display flex
    :align-items center
    :justify-content space-between
    :color #156274

.header-ball
  :position absolute
  :right 50px
  :top -35px

.rotate-ball
  :z-index 99

  &.in-view
    :animation spin 16s linear, fall-right 16s linear

  &.in-view.left
    :animation spin 16s linear, fall-left 16s linear

@keyframes spin
  100%
    :transform rotate(360deg)

@keyframes fall-right
  100%
    :top -1100px

@keyframes fall-left
  100%
    :bottom 1100px

#menu
  :display flex
  :flex-direction column
  :justify-content center
  :padding 0 53% 3% 20%

.menu-container
  :background-color rgba(21, 98, 116, 0.9)
  :position fixed
  :z-index 998
  :top 0
  :right -634px
  :width 35%
  :transition 1.3s right ease
  :padding-bottom 53px

.menu-link
  :color #FFF
  :text-transform uppercase
  :font-weight 800
  :font-size 22px
  :margin-top 50px
  :text-align right
  :text-decoration none

  &:hover, &:link, &:visited
    :color #FFF

.students-menu
  :position absolute
  :display flex
  :flex-direction column
  :right 0
  :top 60px
  :padding 10px
  :border 1px solid #0a6276
  :z-index 99
  :background-color #FFF

.students-menu-button
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center

.login-click
  :display flex
  :align-items center
  :justify-content space-between
  :color #156274
  :position relative
  :z-index 998

  &:hover, &:visited, &:link
    :color #156274

.login-click-text
  :display flex
  :flex-direction column
  :align-items flex-end
  :font-size 14px

.login-user
  :font-size 20px
  :display flex
  :align-items center

.login-user-logo
  :font-size 30px
  :margin-left 10px
  :color #156274

.login-click-text-user
  :font-size 14px
  :font-weight bold
  :color #156274

.login-click-text-greeting
  :font-size 14px

.login-area-box
  :float left
  :padding 100px 25px
  :overflow hidden

  .title-container
    :bottom 575px
    :width 1250px
    :left -49%

  .title-text
    :color #0a6276
    :background-color #FFF

  .bar
    :background-color #0a6276

.students-menu-link
  :color #156274
  :margin-bottom 10px
  :font-size 15px

  &:hover
    :text-decoration none

.new-student-input
  :height 45px
  :width 100%
  :border 1px solid #156274
  :margin-top 20px
  :border-radius 0

.new-student-submit
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :font-weight bold
  :height 45px
  :width 100%
  :margin-top 20px

.login-area-form
  .col-sm-8
    :width 100%

.login-area-title
  :text-align center
  :text-transform uppercase
  :color #156274
  :font-weight bold
  :margin-top 0

.fancybox-content
  :height 850px !important
  :padding 35px

.login-subtitle
  :text-transform uppercase
  :color #156274
  :display block
  :width 100%
  :text-align center

.login-area-session
  :padding-left 5%
  :margin-left 5%
  :border-left 1px solid #dcdcdc

.login-area-session-link
  :display flex
  :flex-direction column
  :align-items center
  :margin-top 100px

.login-area-session-text
  :text-transform uppercase
  :font-weight bold
  :font-size 20px
  :letter-spacing 7px
  :color #156274
  :display block
  :text-align center
  :width 50%

.login-area-registration-text
  :line-height 40px

.login-area-registration
  .form-group
    :width 100%
    :float left
    :margin-bottom 0

.login-registration-link
  :color #FFF
  :background-color #156274
  :height 40px
  :width 100%
  :display flex
  :justify-content center
  :align-items center
  :text-transform uppercase
  :margin-top 20px

  &:hover
    :color #FFF

h1.title
  :text-transform uppercase
  :font-weight 800
  :letter-spacing 15px
  :margin 0

.banner-top
  :border-bottom 4px solid #156274
  :width 100%
  :float left
  :position relative
  :z-index 3
  :margin-top 30px

  .lSAction > .lSPrev
    :background image-url('banner-arrow.png') no-repeat center center

  .lSAction > .lSNext
    :background image-url('banner-arrow.png') no-repeat center center
    :transform rotate(180deg)

.banner-ball
  :position absolute
  :left -103px
  :top 700px
  :z-index 2

.container-fluid
  :padding 0

#weare
  :float left
  :width 100%

.weare-container
  :padding 75px 0
  :float left
  :width 100%

  .title-text
    :text-align center
    :color #156274

.weare-text-content-description
  :margin-top 80px

.weare-video
  :margin-bottom 60px
  :float left
  :width 100%

.weare-abstract
  :font-size 16px
  :margin-top 50px
  :text-align center
  :line-height 40px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.weare-content
  :margin-top 60px
  :text-align center
  :line-height 30px
  :font-size 16px
  :font-family 'Montserrat', sans-serif
  :letter-spacing 2px

.link-founders-container
  :display flex
  :align-items center
  :justify-content center

.link-founders
  :display flex
  :align-items center
  :justify-content center
  :color #FFF
  :background linear-gradient(to bottom, #ce6511, #fd7101)
  :margin-top 50px
  :width 18%
  :height 60px
  :border-radius 10px
  :font-weight 800
  :font-size 18px
  :text-decoration none

  &:hover, &:visited, &:link
    :color #FFF
    :background-color #da5d09

.title-container
  :position absolute
  :bottom 272px
  :left -31%
  :transform rotate(-90deg)
  :width 775px

  h1.title
    :display flex
    :justify-content center

    .title-text
      :position relative
      :z-index 2
      :padding 0 10px 0 14px

  .bar
    :height 2px
    :width 100%
    :position absolute
    :top 20px

.container-section
  :height 772px
  :width 100%
  :float left

#plans
  :background-color #ec671a
  :padding-top 40px
  :position relative

  .title-container
    :bottom 408px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.plan-ball-bottom
  :position absolute
  :bottom -50px
  :left -87px

.plan-ball-top
  :position absolute
  :right 200px
  :top -25px

.plan-ball-middle
  :position absolute
  :bottom 203px
  :left 61px

.plans-container
  :position relative
  :padding-top 65px
  :height 775px

.plan-model
  :position absolute
  :left 0
  :top 74px

.second-stage-item
  :display flex
  :flex-direction column
  :justify-content space-between
  :margin-bottom 50px
  :width 30%
  :float left
  :margin-right 1%
  :min-height 130px

  .plan-item-price-container
    :width 100%

  .plan-item-description
    :margin-top 0

.first-stage-item
  :width 48%
  :margin-right 2%
  :min-height 160px

.plan-item-name
  :color #FFF
  :font-weight bold
  :font-size 18px
  :text-transform uppercase

.plange-stage-menu-container
  :margin-bottom 60px
  :display flex
  :justify-content space-between
  :width 48%

.plan-stage-menu
  :display flex
  :align-items center
  :height 50px
  :color #FFF
  :text-transform uppercase
  :text-align center
  :font-weight bold
  :font-size 16px
  :background-color transparent
  :border 1px solid #156274
  :padding 10px
  :text-decoration none

  &:hover, &.selected
    :color #FFF
    :background-color #156274
    :text-decoration none

.plan-stage-menu-disabled
  :background-color #ccc
  :border #ccc

  &:hover
    :background-color #ccc

.plan-item-description
  :color #FFF
  :font-weight 200
  :font-size 16px
  :margin-top 10px
  :width 93%

.plan-item-price-container
  :height 45px
  :position relative
  :width 25%

.plan-item-price
  :display flex
  :align-items center
  :justify-content center
  :float left
  :color #FFF
  :font-weight 700
  :font-size 20px
  :text-align center
  :background linear-gradient(to bottom, #156376, #0a8cab)
  :height 100%
  :width 70%
  :border-radius 10px

  &:hover
    :color #FFF

.plan-item-button
  :display flex
  :align-items center
  :justify-content center
  :float left
  :background linear-gradient(to bottom, #a6a5a5, #fcfcfc)
  :height 100%
  :width 30%
  :border-radius 10px
  :font-size 20px
  :color #16182f
  :position absolute
  :right 25px

  &:hover, &:target, &:link
    :color #16182f

.plan-show
  :float left
  :width 100%

.plan-show-container
  :padding 75px 0
  :width 100%
  :float left

  .title
    :text-align center
    :color #156274
    :margin-bottom 35px

  .plan-item-price-container
    :margin-top 20px

.plan-show-description
  :font-size 15px
  :line-height 41px
  :overflow hidden

.plan-item-price-section
  :display flex
  :justify-content center
  flex-direction: column
  float: right

  .plan-item-price-container
    width: 50%
    margin: 20px 0

  .plan-item-button
    width: 12%
    right: 0

  .plan-item-price
    width: 92%
    font-size: 18px

  .plan-item-text
    display: block
    color: #0b88a6
    font-weight: bold

  .plan-item-dowload-text
    margin-left: 5px
    color: #0b88a6

  .plan-item-download-link
    display: flex
    align-items: center
    font-weight: bold
    text-decoration: none

  .plan-item-price-text
    color: #FFF

#methodology
  :background-color #ec671a
  :padding-top 170px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

.methodology-ball-left-bottom
  :position absolute
  :left -85px
  :bottom -30px
  :z-index 2

.metodology-ball-right-top
  :position absolute
  :right 100px
  :top -65px

.methodology-ball-middle-white
  :position absolute
  :left 86px
  :bottom 244px

.methodology-container, .team-members-container
  :position relative

.methodology-line
  :position relative
  :display flex
  :justify-content space-between
  :margin-bottom 95px

  .line
    :position absolute
    :left 58px
    :top 82px
    :background-color #FFF
    :height 1px
    :width 80%

.methodology-item
  :width 20%
  :cursor pointer
  :display flex
  :align-items center
  :justify-content center
  :flex-direction column

  &:hover
    .ball
      :position relative
      :z-index 2
      :background-color #156274

    .methodology-icon
      :display none

      &.hover
        :display block

.methodology-icon
  :margin-bottom 30px

  &.hover
    :display none

.methodology-name
  :color #FFF
  :font-weight 700
  :font-size 17px
  :text-align center

.ball
  :margin-bottom 20px
  :display block
  :width 15px
  :height 15px
  :border-radius 100%
  :background-color #FFF

#team-member
  :background-color #156274
  :height 766px
  :position relative

  .title-container
    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.team-member-ball
  :position absolute
  :left -50px
  :bottom -50px

.team-member-ball-top-right-white
  :position absolute
  :top 2px
  :right 98px

.team-member-ball-top-right
  :position absolute
  :top 252px
  :right 155px

.team-member-ball-bottom-left
  :position absolute
  :bottom 38px
  :left 129px

.scroll-arrow
  :position absolute
  :bottom 12px
  :right 0
  :width 442px
  :height 22px
  :z-index 99
  :display flex
  :justify-content center
  :align-items center
  :cursor pointer

.team-members-carousel-container
  :margin-top 100px

  .lslide
    :position relative

.team-member-item
  :background-color #FFF
  :height 574px
  :position relative
  :width 77%
  :float right

.team-member-item-info-name
  :font-weight 700
  :font-size 28px
  :display block

.team-member-item-info-specialty
  :margin-bottom 30px
  :display block
  :font-size 20px

.team-member-item-info-description
  :line-height 33px

.team-member-item-info
  :width 70%
  :float right
  :padding 5% 5% 0 5%
  :height 530px
  :overflow-y scroll

  &::-webkit-scrollbar
    :width 10px

  &::-webkit-scrollbar-thumb
    :background-color #ccc

  &::-webkit-scrollbar-track
    :background-color transparent

.team-member-item-image
  :position absolute
  :left -195px

.team-members-carousel-controls
  :margin-top 100px
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

.team-members-container
  .title-container
    :bottom 267px

.arrow-member-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-bottom 20px

.arrow-member-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

.testimony-container
  :padding-top 95px

  .title-container
    :bottom 262px

    .title-text
      :color #FFF
      :background-color #ec671a

    .bar
      :background-color #FFF

#testimony
  :background-color #ec671a

.testimony-info-name
  :display block
  :color #FFF
  :font-weight 800
  :font-size 22px
  :width 80%
  :float left

.testimony-info-description
  :line-height 24px
  :height 200px
  :color #FFF
  :float left
  :width 100%

.testimony-image
  :border-radius 100%
  :border 8px solid #FFF

.testimony-video
  :color #FFF
  :background-color #16162f
  :font-weight 800
  :text-align center
  :padding 10px
  :display block
  :margin-top 30px

  &:hover
    :color #FFF

.arrow-testimony-top
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :margin-bottom 20px
  :transform rotate(-90deg)

.arrow-testimony-bottom
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :cursor pointer
  :transform rotate(90deg)

.testimonies-carousel-controls
  :height 574px
  :display flex
  :flex-direction column
  :align-items center
  :justify-content center

#gallery
  :padding-top 80px
  :position relative

  .title-container
    :bottom 264px

    .title-text
      :color #156274
      :background-color #FFF

    .bar
      :background-color #156274

.gallery-container
  :margin-top 80px

.gallery-ball-right-top
  :position absolute
  :right 56px
  :top -45px

.gallery-ball-right-top-2
  :position absolute
  :right 26px
  :top 127px

.gallery-line
  :margin-bottom 30px
  :float left
  :width 100%

  &:nth-child(odd)
    .gallery-image-content
      :margin-left 25px

  &:nth-child(even)
    .gallery-image-content
      :margin-right 25px

.gallery-image-content
  :float left
  :width 29%

.gallery-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 40px

.video-image-content
  :float left
  :width 36%
  :position relative

  .play-video
    :background image-url('play-video.png') no-repeat center center
    :width 59px
    :height 58px
    :position absolute
    :top 37%
    :left 37%

.arrow-gallery-right
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-left 20px

.arrow-gallery-left
  :cursor pointer
  :background image-url('gallery-arrow.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)

#schedules
  :position relative
  :background-color #156274

  .title-container
    :bottom 192px

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.schedule-ball-top-right
  :position absolute
  :top -7px
  :right 9px

.schedule-ball-top-right-white
  :position absolute
  :top 222px
  :right 145px

.schedule-ball-bottom-left-white
  :position absolute
  :bottom 68px
  :left 222px

.schedule-ball-bottom-left
  :position absolute
  :bottom -27px
  :left 41px

.schedules-carousel-controls
  :display flex
  :align-items center
  :justify-content center
  :margin-top 75px

.arrow-schedule-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-schedule-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :margin-right 20px
  :transform rotate(180deg)

h2.subtitle
  :background image-url('naoesqueca.png') no-repeat center center/contain
  :height 178px
  :margin-bottom 130px

h3.subtitle
  :text-align center
  :color #0a6276
  :font-size 20px
  :font-weight 200

.schedule-date
  :font-size 35px
  :font-weight 700
  :margin-bottom 30px

.schedule-name
  :font-size 16px
  :text-align center

.schedule-item
  :width 50%
  :display flex
  :flex-direction column
  :justify-content center
  :align-items center
  :margin 0 auto
  :color #FFF

.schedule-date
  :text-align center

#newsletter
  :width 100%
  :float left
  :padding 90px 0

  .title-container
    :bottom 0

    .title
      :display block

    .bar
      :background-color #156274
      :width 58%

.newsletter-title
  :color #156274
  :text-transform uppercase
  :font-weight 800
  :font-size 35px
  :text-align center
  :margin-bottom 30px

.newsletter-form
  :position relative
  :width 100%

.newsletter-form-container
  .confirm
    :text-align center
    :font-size 16px
    :margin-bottom 30px

.input-newsletter
  :width 100%
  :height 120px
  :border-radius 0
  :border 1px solid #16162f
  :padding-left 30px

.submit-newsletter
  :position absolute
  :right 32px
  :top 32px
  :background-color #156274
  :color #FFF
  :font-weight 800
  :font-size 16px
  :text-align center
  :border 0
  :padding 20px 50px

  &:hover
    :background-color $hover-buttons-color

.social-bar-container
  :height 175px

.social-bar-box
  :height 100%
  :width 50%
  :float left
  :display flex
  :align-items center

.facebook-box
  :padding-right 70px
  :color #FFF
  :background-color #156274
  :justify-content flex-end

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-right 70px

.instagram-box
  :padding-left 70px
  :color #FFF
  :background-color #ec671a

  &:hover, &:visited, &:link
    :text-decoration none
    :color #FFF

  .social-box-text
    :margin-left 70px

.social-box-text
  :text-transform uppercase
  :font-weight 800
  :font-size 30px

.social-bar-icon
  :font-size 40px

#news
  :background-color #156274
  :display flex
  :align-items center
  :position relative

  .title-container
    :bottom -324px
    :z-index 2

    .title-text
      :color #FFF
      :background-color #156274

    .bar
      :background-color #FFF

.news-carousel
  :margin-top 145px

.news-ball-right-top-white
  :position absolute
  :right 122px
  :top 98px

.news-ball-left-bottom
  :position absolute
  :left 80px
  :bottom 245px

.news-ball-left-bottom-white
  :position absolute
  :left -73px
  :bottom 4px

.article-container
  :float left
  :width 100%
  :margin-top 50px

.new-title
  :font-size 30px
  :margin-bottom 35px
  :font-weight bold

.new-content
  :margin 50px 0
  :line-height 35px

.title-article-internal
  :margin-top 30px
  :font-size 16px
  :font-weight bold
  :min-height 40px
  :color #000

  &:hover
    :color #000

.title-article-page
  :color #0a6276
  :font-size 32px
  :font-weight bold

.subtitle-article-page
  :display block
  :margin 10px 0 20px 0

.article-item
  :margin-bottom 50px

.arrow-news-right
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px

.arrow-news-left
  :cursor pointer
  :background image-url('arrow-team.png') no-repeat center center
  :width 13px
  :height 22px
  :transform rotate(-180deg)
  :margin-right 20px

.new-item
  :height 380px

.news-title
  :display block
  :color #FFF
  :font-weight 700
  :font-size 15px
  :padding-top 25px

.news-carousel-controls
  :display flex
  :justify-content center
  :align-items center
  :margin-top 60px

#contact
  .title-container
    :left -8%
    :bottom 360px
    :z-index 2

    .title-text
      :color #156274

  input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

  input[type=text]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder
    :font-weight 700
    :font-size 18px
    :color #16162f

.contact-form-content
  :background image-url('contact-bg.jpg') no-repeat center center/cover
  :height 772px
  :padding 0

.contact-container
  :padding 0
  :position relative

.contact-ball
  :position absolute
  :bottom 35px
  :left 35px

.contact-form
  :padding-top 140px
  :width 43%
  :margin-left 20%

.contact-input
  :height 55px
  :border 1px solid #156274
  :background-color transparent
  :width 85%
  :margin-top 20px
  :padding-left 20px

.contact-textarea
  :height 180px

.contact-submit
  :width 85%
  :height 55px
  :background-color #156274
  :color #FFF
  :text-align center
  :font-weight 700
  :font-size 18px
  :margin-top 20px

  &:hover
    :background-color $hover-buttons-color

.footer-container
  :background-color #ec671a
  :float left
  :width 100%

.logo-acerte
  :width 100px

.footer-content
  :height 70px
  :display flex
  :align-items center
  :justify-content space-between

.footer-contact
  color: #FFF
  font-size: 17px
  font-weight: bold
  display: flex
  flex-direction: column
  align-items: center

.footer-contact-info
  display: block
  float: left
  margin-right: 5px
  border-right: 2px solid #FFF
  padding-right: 5px

  &:last-child
    border-right: 0

.student-form-container
  :margin-bottom 50px
  :display flex
  :justify-content center

.student-form-login
  :width 100%

.student-form-login-button
  :width 100%
  :height 50px
  :background-color #156274
  :color #FFF
  :text-transform uppercase
  :margin-top 15px
  :border none
  :border-radius 0

  &:hover
    :background-color #156274
    :color #FFF

.student-form
  :color #156274
  :text-transform uppercase
  :text-align center
  :font-weight bold

.student-form-login-input
  :height 50px
  :border 1px solid #000
  :padding-left 10px
  :margin-top 15px
  :border-radius 0
  :width 100%

.student-form-wrapper
  :width 100%
  :float left
  :margin-top 100px

.student-form-forget-password
  :margin-top 10px
  :float right

.form-actions
  :padding 0

.form-inputs
  .col-sm-8
    :padding 0
    :width 100%

@media (max-width: 1199px)

  .plan-item-price-section
    .plan-item-price
      font-size: 15px

  .plan-item-price-container
    width: 30%

  .plange-stage-menu-container
    width: 80%
    margin-bottom: 20px

  .second-stage-item
    width: 48%
    margin-bottom: 20px

  .team-member-item-image
    :left 0
    :width 50%

  .team-member-item-info
    :width 50%

  .scroll-arrow
    :width 700px

  .title-container
    :bottom 317px

  #schedules
    .title-container
      :bottom 192px

  #contact
    .title-container
      :left -21%

  #gallery
    .title-container
      :bottom 178px

  .link-founders
    :width 40%

  .plan-model
    :left 50px

  h2.subtitle
    :font-size 120px

  .team-member-item
    :width 100%

  .gallery-image-content
    :width 28%

  .menu-toggle
    :width 5%
    :right 0

  .login-click
    :width 8%

  #menu
    :padding 0 38% 3% 20%

  .menu-link
    :margin-top 30px

@media (max-width: 991px)

  .plan-item-price-section
    .plan-item-price-container
      width: 75%

  .second-stage-item
    :width 48%
    :margin-bottom 50px

  .scroll-arrow
    :width 640px

  .rotate-ball
    :display none

  .plans-container
    :padding-top 0
    :height unset

  .weare-container
    :height unset

  .link-founders
    :width 40%

  .weare-text-content-description
    :margin-bottom 30px

  .plange-stage-menu-container
    :width 100%
    :padding 0 28%
    :margin-bottom 50px

  .plan-item-name
    :width 100%
    :display block
    :text-align center

  .plan-item-description
    :text-align center

  .plan-item-price-container
    :width 50%
    :display flex
    :justify-content center

  .plan-item-button
    :right 0

  .plan-model
    :position relative
    :bottom -104px

  .login-area-session
    :margin 30px 0 0 0
    :padding 0
    :border 0

  h2.subtitle
    :font-size 90px

  .contact-form
    :width 70%
    :margin-left 15%

  .title-container
    :position initial
    :transform initial
    :width inherit
    :margin 30px 0

    .bar
      :top 50px

  #contact
    .title-container
      :left -40%

  .gallery-image-content
    :width 27%

  .contact-input, .contact-submit
    :width 100%

  .login-click
    :width 11%

  .menu-toggle
    :width 7%

  #menu
    :padding 0 28% 3% 20%

  #gallery
    :padding-bottom 30px
    :padding-top 0
    :background #FFF

  .login-area-box
    :display flex
    :flex-direction column
    :align-items center

    .title-container
      :width unset

      .bar
        :background-color #FFF

  .container-section
    :height unset

  #news
    :padding-bottom 30px

  #schedules
    :padding-bottom 30px

  #team-member
    :padding-bottom 30px

  #plans
    :padding-top 0

  .testimony-container
    :padding-bottom 35px

  #plans
    :background #ec671a

  #methodology
    :padding-top 0

  #newsletter
    .title-container
      :display none

  .team-members-carousel-container
    :margin-top 0

  #weare-video
    :padding 75px 0

  .header-container
    :padding-right 6%

  .footer-content
    height: unset
    flex-direction: column
    padding: 20px 0

  .footer-contact
    margin: 20px 0

@media (max-width: 767px)

  .plan-item-price-section
    align-items: center

    .plan-item-price-container
      width: 100%

  .plan-show-container
    .plan-item-price
      width: 100%
      margin-top: 0

    .plan-item-button
      :display none

  .sign-in-box
    :padding 0

  .student-form
    :font-size 26px

  .plan-item-price
    :width 100%

    .plan-show-description
      :margin-top 25px

  .plan-model
    :left -10px
    :width 100%

  .second-stage-item
    :width 100%

  .login-area-registration
    :margin 30px 0

  .testimony-image-content
    :display flex
    :flex-direction column
    :align-items center

  .testimony-video
    :margin-top 0

  .testimony-info
    :display none

  .schedule-date
    :margin-bottom 10px

  .schedules-carousel-controls, .news-carousel-controls, .gallery-carousel-controls
    :margin-top 10px

  #newsletter
    :padding 30px 0

  .weare-container
    :padding 0 0 75px 0

  .plan-buttons
    :padding 0

  .students-menu
    :top 70px
    :right 35px

  .scroll-arrow
    :display none

  .news-carousel
    :margin-top 0

  .plan-ball-bottom
    :display none

  .plange-stage-menu-container
    :padding 0

  .plan-item-price-container
    :justify-content space-between
    :width 100%

  .plans-container
    :height unset

  .contact-form
    :width 84%
    :margin-left 8%

  .login-area-box
    :padding 0
    :margin-top 30px

  .login-area-session
    :margin 30px 0

  h2.subtitle
    :display none

  .title-container
    h1.title
      .title-text
        :font-size 18px
    .bar
      :display none

  .video-image-content, .gallery-image-content
    :width 100%

  .gallery-image-content
    :margin 15px 0 15px 0
    :display flex
    :justify-content center

  .submit-newsletter
    :position initial
    :width 100%

  .input-newsletter
    :height 50px

  .social-bar-box
    :height 70%
    :flex-direction column

  #news
    :display block

  .contact-form
    :padding-top 0

  .contact-textarea
    :padding-top 10px

  .contact-form-content
    :height 580px
    :background #FFF

  .social-bar-container
    :height 130px

  .instagram-box, .facebook-box
    :padding 0
    :justify-content center

    .social-box-text
      :display none

  .gallery-line
    :display none

  .gallery-container
    :margin-top 0

  .testimony-info-description
    :height 410px

  .gallery-carousel-controls
    :display none

  .testimony-info-name
    :width 100%
    :margin 30px 0
    :text-align center

  .testimony-video
    :width 100%

  .team-members-carousel-container
    :padding 0

  .team-members-carousel-controls
    :height unset
    :margin-top 30px
    :flex-direction row-reverse

  .arrow-member-right
    :margin-bottom 0
    :margin-left 20px

  .team-member-item-info-name, .team-member-item-info-specialty
    :text-align center

  .team-member-item-info-name
    :font-size 20px

  .team-member-item-info-specialty
    :font-size 18px
    :margin-bottom 0

  .plus-button-team-member
    :display flex !important
    :justify-content center
    :margin-top 10px

  .team-member-icon
    :font-size 25px
    :color #ec671a

    &:hover
      :color #ec671a

  .methodology-line
    :display block
    :float left
    :margin-top 0
    :margin-bottom 30px

    .line, .ball
      :display none

  .methodology-icon
    :margin-bottom 15px

  .methodology-box
    :float left
    :padding 0

  .methodology-item
    :margin-bottom 0
    :width 28%
    :margin-right 5%
    :float left

  .methodology-name
    :font-size 13px

  .new-item
    :display flex
    :justify-content center
    :align-items center
    :flex-direction column

  .link-founders
    :width 80%
    :margin-top 0

  .login-click
    :width 25%
    :justify-content center

  .menu-toggle
    :width 48px
    :right 10px
    :top 15px

  .menu-container
    :width 100%

  .testimonies-carousel-controls
    :height unset

  .testimony-container
    :padding 10px 0 30px 0

  .team-member-item-image
    :float left
    :left 0
    :width 50%
    :position inherit

  .team-member-item-info
    :float left
    :width 50%
    :height unset
    :padding-top 50px

  .weare-abstract
    :height 0
    :overflow hidden
    :margin-top 0

  .team-member-item
    :height unset

  #team-member
    :height unset

  .video-image-content
    :display none

  .team-member-item-info
    :overflow unset

  .login-click-text-user, .login-click-text-greeting
    :display none

  .login-user
    :margin 12px 5px 20px 0

  .students-menu-button
    :margin-right 20px

  .header-container
    :margin-top 10px

  .banner-top
    :margin-top 15px

  h1.title
    :letter-spacing 5px

  #methodology
    .container
      :padding 0

  .new-title
    :margin-bottom 10px

  .article-item
    :margin-bottom 20px

  .login-area-box .title-container
    :margin-bottom 10px

  .contact-info
    display: flex
    flex-direction: column
    align-items: center

  .footer-contact-info
    border-right: 0
    margin-top: 5px

  .weare-container .title-text
    margin-top: 60px
    margin-bottom: 30px
    width: 100%
    float: left
osition inherit

  .team-member-item-info
    :float left
    :width 50%
    :height unset
    :padding-top 50px

  .weare-abstract
    :height 0
    :overflow hidden
    :margin-top 0

  .team-member-item
    :height unset

  #team-member
    :height unset

  .video-image-content
    :display none

  .team-member-item-info
    :overflow unset

  .login-click-text-user, .login-click-text-greeting
    :display none

  .login-user
    :margin 12px 5px 20px 0

  .students-menu-button
    :margin-right 20px

  .header-container
    :margin-top 10px

  .banner-top
    :margin-top 15px

  h1.title
    :letter-spacing 5px

  #methodology
    .container
      :padding 0

  .new-title
    :margin-bottom 10px

  .article-item
    :margin-bottom 20px

  .login-area-box .title-container
    :margin-bottom 10px

  .contact-info
    display: flex
    flex-direction: column
    align-items: center

  .footer-contact-info
    border-right: 0
    margin-top: 5px

  .weare-container .title-text
    margin-top: 60px
    margin-bottom: 30px
    width: 100%
    float: left

  .new-title
    :margin-bottom 10px

  .article-item
    :margin-bottom 20px

  .login-area-box, .title-container
    :margin-bottom 10px

  .contact-info
    display: flex
    flex-direction: column
    align-items: center

  .footer-contact-info
    border-right: 0
    margin-top: 5px

  .weare-container .title-text
    margin-top: 60px
    margin-bottom: 30px
    width: 100%
    float: left
h: 40%

  .itens-oque h5
    margin-top: 55px
    margin-bottom: -10px

  .itens-funciona
    h5
      margin-top: 45px
      margin-bottom: 10px

    p
      font-size: 15px

  .itens-oque p
    font-size: 15px

  .box-laranja
    padding: 40px 20px
    margin-top: 20px

  .about-box1
    margin-bottom: 0

  .btn-link.collapsed
    font-size: 15px

  #accordion .card-body p
    padding: 5px 0px
    line-height: 25px

  .title-about h3
    line-height: 35px
    letter-spacing: 3px

  .btn-link
    font-size: 15px

  .doubts p, .primeira-fase p, .segunda-fase p
    letter-spacing: 3px
    line-height: 35px