@import "base/fonts"
@import "base/colors"
@import "base/variavles"
@import "common/parts"
@import "modules/mods"

body
  font-size: 11pt
  font-family: Arial-MT-Regular, Arial, sans-serif

.main-scope
  > .row
    border-right: 1px solid  #{map_get($component_colors, border)}
    border-left: 1px solid  #{map_get($component_colors, border)}

.main-content
  padding: 43px 25px 40px 25px

.title-scope
  line-height: 36px
  padding: 0 100px
  text-align: center
  border-bottom: 1px solid #{map_get($component_colors, border)}
  //width: 100%
  h1
    font:
      family: 'pfbeausanspro-thin', sans-serif
      size: 36px
      style: normal
      variant-ligatures: normal
      variant-caps: normal
      variant-numeric: normal
      weight: normal
      stretch: normal
    letter-spacing: 2px

.vertical-child
  margin-top: 30px

.header
  @extend %header
  max-width: 100%

.logical-block
  $pad: 30px
  padding-top: $pad
  padding-bottom: $pad
  margin-top: $pad

.select-text
  color: #{map_get($component_colors, select)}

.slide
  display: none
  margin-bottom: 20px

.slide.active
  display: block