@charset "UTF-8";
/* Vendor */
/* Setup */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700,300);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* =======================================================================
## ++ Media Queries
========================================================================== */
/* 
    Used for media queries. 
    Add these mixins in your normal scss flow.
    
    Eg.
    .container{
        width:1024px;
        
        @include tablets{
            width:90%;
        }
    }
*/
/* =======================================================================
## ++ Unit transform
========================================================================== */
/*  
    Used for making containers have width in percentages. 
    Usage: define elemnt width in px and the width of parent elemnt in px. 
    eg. .block{width:cp(512px, 1024px)} this will result in .block{width:50%;}   
*/
/*  
    Used for making px values convert to rem values
    Usage: define font-size in px and it will convert to rems
    eg. font-size: rem(14px);
*/
@font-face {
  font-family: 'proxima_nova_bold';
  src: url("../fonts/proxima_nova_bold-webfont.eot");
  src: url("../fonts/proxima_nova_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_bold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_bold-webfont.woff") format("woff"), url("../fonts/proxima_nova_bold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_regular';
  src: url("../fonts/proximanova-regular-webfont.eot");
  src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*! Typebase.less v0.1.0 | MIT License */
/* Setup */
html {
  /* Change default typefaces here */
  font-family: "proxima_nova_regular", sans-serif;
  font-size: 120%;
  -webkit-font-smoothing: antialiased;
  color: #464646; }

/* Copy & Lists */
p {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0; }

ul li,
ol li {
  line-height: 1.5rem; }

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0; }

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* Change heading typefaces here */
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  margin-top: 1.25rem;
  margin-bottom: 0;
  line-height: 1.2; }

h1 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  margin-top: 3rem; }

h2 {
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 3rem; }

h3 {
  font-size: 1.5rem;
  line-height: 2rem; }

h4 {
  font-size: 0.7rem; }

h5 {
  font-size: 0.4rem; }

h6 {
  font-size: 0.3rem; }

/* Tables */
table {
  margin-top: 1.5rem;
  border-spacing: 0px;
  border-collapse: collapse; }

table td,
table th {
  padding: 0;
  line-height: 33px; }

/* Code blocks */
code {
  vertical-align: bottom; }

/* Leading paragraph text */
.lead {
  font-size: 1.414rem; }

/* Hug the block above you */
.hug {
  margin-top: 0; }

small {
  font-size: 12px; }

strong {
  font-family: 'proxima_nova_bold', sans-serif;
  font-weight: normal; }

/* =======================================================================
## ++ Icon font
========================================================================== */
@font-face {
  font-family: 'watchlearn';
  src: url("../fonts/watchlearn.eot?91240365");
  src: url("../fonts/watchlearn.eot?91240365#iefix") format("embedded-opentype"), url("../fonts/watchlearn.woff?91240365") format("woff"), url("../fonts/watchlearn.ttf?91240365") format("truetype"), url("../fonts/watchlearn.svg?91240365#watchlearn") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'watchlearn';
    src: url('../font/watchlearn.svg?91240365#watchlearn') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "watchlearn";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-angle-down:before {
  content: '\e800'; }

/* '' */
.icon-angle-up:before {
  content: '\e801'; }

/* '' */
.icon-calendar:before {
  content: '\e802'; }

/* '' */
.icon-clock:before {
  content: '\e803'; }

/* '' */
.icon-facebook:before {
  content: '\e804'; }

/* '' */
.icon-twitter:before {
  content: '\e805'; }

/* '' */
.icon-youtube:before {
  content: '\e806'; }

/* '' */
.icon-heart:before {
  content: '\e807'; }

/* '' */
.icon-play-circled2-1:before {
  content: '\e808'; }

/* '' */
.icon-angle-right:before {
  content: '\e809'; }

/* '' */
.icon-angle-left:before {
  content: '\e80a'; }

/* '' */
.icon-github:before {
  content: '\e80b'; }

/* '' */
.icon-series:before {
  content: '\e80c'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e80d'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e80e'; }

/* '' */
.icon-gplus-circled:before {
  content: '\e80f'; }

/* '' */
/* =======================================================================
## ++ Susy
========================================================================== */
/* =======================================================================
## ++ Globals
========================================================================== */
html {
  font-size: 100%; }
  @media screen and (max-width: 1100px) {
    html {
      font-size: 70%; } }
  @media screen and (max-width: 720px) {
    html {
      font-size: 50%; } }

body {
  -webkit-font-smoothing: antialiased;
  background: #fff; }

* {
  box-sizing: border-box; }

.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }
  @media screen and (max-width: 1100px) {
    .container {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto; }
      .container:after {
        content: " ";
        display: block;
        clear: both; } }

.container-smaller {
  width: 80%;
  margin: 0 auto; }

a {
  text-decoration: none;
  color: #FF7473;
  transition: all .5s ease; }
  a:hover {
    color: #ff4140; }

.responsive-image {
  width: 100%;
  height: auto;
  display: block; }

/* =======================================================================
## ++ Cleafix
========================================================================== */
/* float clearing for IE6 */
* html .clearfix {
  height: 1%;
  overflow: visible; }

/* float clearing for IE7 */
* + html .clearfix {
  min-height: 1%; }

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0; }

.clr {
  clear: both; }

.welcome {
  background: #566270;
  padding: 40px; }
  .welcome h1 {
    font-size: 3rem;
    line-height: 1.2;
    width: 80%;
    margin-top: 0;
    color: #fff;
    margin-bottom: 100px; }
    .welcome h1 p {
      font-size: 1.5rem;
      margin-top: 3.75rem;
      font-family: "proxima_nova_regular", sans-serif;
      font-weight: 300;
      line-height: 1.5;
      color: #E0E3DA; }
  @media screen and (max-width: 720px) {
    .welcome h1 {
      width: 100%; } }
  .welcome h3 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    color: #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  .welcome .get-in-touch li {
    float: left;
    margin-right: 20px; }
  .welcome .get-in-touch a {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 15px 10px 10px;
    background: #FF7473;
    border-radius: 3px;
    font-family: "Exo 2", sans-serif;
    transition: all .5s ease; }
    .welcome .get-in-touch a:hover {
      background: #ff4140; }
  @media screen and (max-width: 720px) {
    .welcome li {
      width: 46%;
      margin-bottom: 20px; }
    .welcome li:nth-child(odd) {
      margin-right: 8%; }
    .welcome li:nth-child(even) {
      margin-right: 0; } }

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