/* Normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  -moz-transition: background .5s ease-in-out, border .5s ease-in-out, opacity .1s ease-in-out, text .1s ease-in-out;
  -webkit-transition: background .5s ease-in-out, border .5s ease-in-out, opacity .1s ease-in-out, text .1s ease-in-out;
  transition: background .5s ease-in-out, border .5s ease-in-out, opacity .1s ease-in-out, text .1s ease-in-out; }

html {
  height: 100%; }
  html body {
    height: 100%;
    color: #333;
    font-family: 'Open Sans', 'Trebuchet MS', sans-serif;
    font-size: 8px;
    -webkit-font-smoothing: antialiased;
    background-color: #EFF4FA; }
    @media screen and (min-width: 768px) {
      html body {
        font-size: 10px; } }

a {
  color: #3f6ab1;
  text-decoration: none; }

ul {
  padding: 0 0 0 20px; }

header {
  width: 100%;
  padding-bottom: 15px;
  background-color: #EFF4FA; }
  @media screen and (min-width: 770px) {
    header {
      position: fixed;
      z-index: 1; } }
  header .header-wrap {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto; }
    header .header-wrap .header-h1 {
      width: 240px;
      height: 36px;
      margin: 20px auto 0;
      background: url("../img/tara-logo-sm.png") no-repeat center center;
      background-size: cover; }
      header .header-wrap .header-h1:hover {
        opacity: .8; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        header .header-wrap .header-h1 {
          background-image: url("../img/tara-logo.png"); } }
      @media screen and (min-width: 480px) {
        header .header-wrap .header-h1 {
          width: 420px;
          height: 64px; } }
      @media screen and (min-width: 1000px) {
        header .header-wrap .header-h1 {
          float: left;
          width: 500px;
          height: 76px;
          margin-left: 20px; } }
      @media screen and (min-width: 1200px) {
        header .header-wrap .header-h1 {
          margin-left: 0; } }
      header .header-wrap .header-h1 a {
        display: block;
        width: 100%;
        height: 100%; }
      header .header-wrap .header-h1 span {
        display: none; }
    header .header-wrap .nav {
      display: none; }
      @media screen and (min-width: 1000px) {
        header .header-wrap .nav {
          float: right;
          display: block;
          font-family: 'Roboto', 'Arial', sans-serif; } }
      header .header-wrap .nav ul {
        margin: 0;
        padding: 0;
        list-style-type: none; }
        header .header-wrap .nav ul li {
          display: inline-block;
          margin: 45px 15px 0 0;
          font-size: 1.3em;
          font-weight: bold;
          letter-spacing: 1px;
          text-transform: uppercase; }
          header .header-wrap .nav ul li.communicator {
            margin-right: 0; }
          header .header-wrap .nav ul li a {
            display: block;
            padding: 8px 15px; }
            header .header-wrap .nav ul li a:hover {
              color: #7093cc; }
  header:after {
    content: '';
    display: block;
    clear: both; }

main {
  height: 100%;
  margin: 0 auto;
  font-size: 1.8em;
  line-height: 200%; }
  main .row {
    padding: 50px 20px;
    background-position: left center;
    background-size: cover;
    display: table;
    width: 100%; }
    main .row .va-middle {
      display: table-cell;
      vertical-align: middle; }
    @media screen and (min-width: 1220px) {
      main .row {
        min-height: 100%;
        height: 100%;
        padding: 0;
        background-position: center center; } }
    main .row a {
      color: #fff; }
      main .row a:hover {
        border-bottom: 1px solid #fff !important; }
    main .row .section-wrap {
      max-width: 1220px;
      width: 100%;
      margin: 0 auto; }
      main .row .section-wrap h3 {
        font-family: 'Roboto', 'Arial', sans-serif;
        display: block;
        margin: 1em 0 .1em;
        padding: .5em 1em;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        background-color: #EFF4FA; }
        @media screen and (min-width: 480px) {
          main .row .section-wrap h3 {
            display: inline-block;
            text-align: left; } }
      main .row .section-wrap .copy {
        max-width: 920px;
        width: 100%; }
        main .row .section-wrap .copy p:first-of-type {
          margin-top: .5em; }
    main .row.row-1 {
      background-color: #5E4E68;
      background-image: url("../img/coffee-03.jpg");
      color: #fff; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        main .row.row-1 {
          background-image: url("../img/coffee-03@2x.jpg"); } }
      main .row.row-1 h3 {
        color: #5E4E68; }
      main .row.row-1 a {
        border-bottom: 1px solid #927e9e; }
      main .row.row-1 .hello {
        display: inline-block;
        margin: .6em auto 0;
        padding: .3em .5em;
        color: #fff;
        font-size: 1.8em;
        line-height: 1.2em;
        text-align: center;
        text-transform: uppercase;
        background-color: #6E8BA6; }
        @media screen and (min-width: 770px) {
          main .row.row-1 .hello {
            margin: 0 auto;
            font-size: 2.5em;
            line-height: 1em;
            text-align: left; } }
      main .row.row-1 .worker-copy {
        text-shadow: 1px 1px #5E4E68; }
    main .row.row-2 {
      background-color: #345068;
      background-image: url("../img/piano.jpg");
      color: #fff; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        main .row.row-2 {
          background-image: url("../img/piano@2x.jpg"); } }
      main .row.row-2 h3 {
        color: #345068; }
      main .row.row-2 a {
        border-bottom: 1px solid #5784ab; }
      main .row.row-2 .hobbyist-copy {
        text-shadow: 1px 1px #345068; }
    main .row.row-3 {
      background-color: #5E4E68;
      background-image: url("../img/desk.jpg");
      color: #fff; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        main .row.row-3 {
          background-image: url("../img/desk@2x.jpg"); } }
      main .row.row-3 h3 {
        color: #5E4E68; }
      main .row.row-3 a {
        border-bottom: 1px solid #927e9e; }
      main .row.row-3 .learner-copy {
        text-shadow: 1px 1px #5E4E68; }
        main .row.row-3 .learner-copy h4 {
          margin: 1.4em 0 0 0;
          font-size: 1.4em; }
        main .row.row-3 .learner-copy .timespan {
          color: #c3b8ca; }
        main .row.row-3 .learner-copy ul {
          margin: .2em 0 1.2em; }
    main .row.row-4 {
      position: relative;
      background-color: #345068;
      background-image: url("../img/keyboard-02.jpg");
      background-position: center center;
      color: #fff; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        main .row.row-4 {
          background-image: url("../img/keyboard-02@2x.jpg"); } }
      main .row.row-4 h3 {
        color: #345068; }
      main .row.row-4 a {
        border-bottom: 1px solid #5784ab; }
      main .row.row-4 .communicator-copy {
        text-shadow: 1px 1px #345068; }
      main .row.row-4 .social-icons {
        margin-top: 1.1em;
        padding: 0;
        list-style-type: none;
        text-align: center; }
        @media screen and (max-width: 320px) {
          main .row.row-4 .social-icons {
            padding-bottom: 100px; } }
        @media screen and (max-width: 1220px) {
          main .row.row-4 .social-icons {
            padding-bottom: 50px; } }
        @media screen and (min-width: 480px) {
          main .row.row-4 .social-icons {
            text-align: left; } }
        main .row.row-4 .social-icons li {
          display: inline;
          margin: 0 .5em; }
          @media screen and (min-width: 480px) {
            main .row.row-4 .social-icons li {
              margin: 0 1.5em 0 0; } }
          main .row.row-4 .social-icons li a {
            display: inline-block;
            width: 40px;
            height: 40px;
            font-size: 1.1em;
            line-height: 36px;
            text-align: center;
            background: #5784ab;
            border: 0;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%; }
            @media screen and (min-width: 770px) {
              main .row.row-4 .social-icons li a {
                width: 52px;
                height: 52px;
                font-size: 1.5em;
                line-height: 52px; } }
            main .row.row-4 .social-icons li a:hover {
              background: #456a8a;
              border: 0 !important; }
      main .row.row-4 .footer {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%; }
        main .row.row-4 .footer p {
          max-width: 1220px;
          width: 100%;
          margin: 0 auto;
          padding: 0 20px;
          font-size: .73em;
          text-align: center;
          text-transform: uppercase;
          font-family: 'Roboto', 'Arial', sans-serif;
          text-shadow: 1px 1px #345068; }
          @media screen and (min-width: 770px) {
            main .row.row-4 .footer p {
              text-align: left; } }
          @media screen and (min-width: 1220px) {
            main .row.row-4 .footer p {
              padding: 0; } }

.style-switcher {
  position: fixed;
  right: 10px;
  bottom: 10px; }
  .style-switcher p {
    display: none; }
  .style-switcher ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .style-switcher ul a {
      display: block;
      width: 20px;
      height: 20px;
      background-color: #aa9bb4;
      border: 2px solid #EFF4FA;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .style-switcher ul a .tooltip {
        opacity: 0;
        margin: -10px 0 0 -115px;
        padding: .4em .75em;
        font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #EFF4FA; }
        @media screen and (min-width: 1000px) {
          .style-switcher ul a .tooltip.hover {
            opacity: 1; } }

.minimal {
  color: #333;
  background-color: #fff; }
  .minimal header {
    background-color: #fff; }
  .minimal main a {
    color: #456a8a;
    border-bottom: 1px solid #d9d9d9; }
    .minimal main a:hover {
      border-bottom: 1px solid #a6a6a6; }
  .minimal main .row {
    color: #333;
    background: none !important; }
    .minimal main .row .section-wrap h3 {
      background-color: #EFF4FA; }
    .minimal main .row .section-wrap .copy {
      text-shadow: none; }
    .minimal main .row.row-1 h3 {
      color: #5E4E68; }
    .minimal main .row.row-1 a {
      border-bottom: 1px solid #927e9e; }
    .minimal main .row.row-1 .hello {
      color: #fff;
      background-color: #6E8BA6; }
    .minimal main .row.row-2 h3 {
      color: #345068; }
    .minimal main .row.row-2 a {
      border-bottom: 1px solid #5784ab; }
    .minimal main .row.row-3 h3 {
      color: #5E4E68; }
    .minimal main .row.row-3 a {
      border-bottom: 1px solid #927e9e; }
    .minimal main .row.row-3 .learner-copy h4 {
      color: #6b5977; }
    .minimal main .row.row-3 .learner-copy .timespan {
      color: gray; }
    .minimal main .row.row-4 h3 {
      color: #345068; }
    .minimal main .row.row-4 .social-icons li a {
      color: #fff; }
      .minimal main .row.row-4 .social-icons li a:hover {
        background: #456a8a; }
    .minimal main .row.row-4 .footer p {
      color: #333;
      text-shadow: none; }
  .minimal .style-switcher ul a {
    background-color: #5E4E68; }

.lt-ie9 header .header-wrap .header-h1 {
  width: 500px;
  height: 76px; }
.lt-ie9 .hello {
  text-align: center; }
.lt-ie9 .row {
  background-position: center center; }

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