/* WebSlides MIT, pinned 9ec4fae96b9e2395745f8d6c89c595edd3886f79; scoped mechanically, no remote fonts. */
.ws-kit html,.ws-kit body,.ws-kit div,.ws-kit span,.ws-kit applet,.ws-kit object,.ws-kit iframe,.ws-kit h1,.ws-kit h2,.ws-kit h3,.ws-kit h4,.ws-kit h5,.ws-kit h6,.ws-kit p,.ws-kit blockquote,.ws-kit pre,.ws-kit a,.ws-kit abbr,.ws-kit acronym,.ws-kit address,.ws-kit big,.ws-kit cite,.ws-kit code,.ws-kit del,.ws-kit dfn,.ws-kit em,.ws-kit img,.ws-kit ins,.ws-kit kbd,.ws-kit q,.ws-kit s,.ws-kit samp,.ws-kit small,.ws-kit strike,.ws-kit strong,.ws-kit sub,.ws-kit sup,.ws-kit tt,.ws-kit var,.ws-kit b,.ws-kit u,.ws-kit i,.ws-kit center,.ws-kit dl,.ws-kit dt,.ws-kit dd,.ws-kit ol,.ws-kit ul,.ws-kit li,.ws-kit fieldset,.ws-kit form,.ws-kit label,.ws-kit legend,.ws-kit table,.ws-kit caption,.ws-kit tbody,.ws-kit tfoot,.ws-kit thead,.ws-kit tr,.ws-kit th,.ws-kit td,.ws-kit article,.ws-kit aside,.ws-kit canvas,.ws-kit details,.ws-kit embed,.ws-kit figure,.ws-kit figcaption,.ws-kit footer,.ws-kit header,.ws-kit menu,.ws-kit nav,.ws-kit output,.ws-kit ruby,.ws-kit section,.ws-kit summary,.ws-kit time,.ws-kit mark,.ws-kit audio,.ws-kit video{
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }
.ws-kit article,.ws-kit aside,.ws-kit details,.ws-kit figcaption,.ws-kit figure,.ws-kit footer,.ws-kit header,.ws-kit main,.ws-kit menu,.ws-kit nav,.ws-kit section,.ws-kit summary{
  display: block; }
.ws-kit body{
  line-height: 1; }
.ws-kit blockquote,.ws-kit q{
  quotes: '' ''; }
.ws-kit blockquote:before,.ws-kit blockquote:after,.ws-kit q:before,.ws-kit q:after{
  content: ''; }
.ws-kit table{
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 24px;
  width: 100%; }
.ws-kit html{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.ws-kit *,.ws-kit *::before,.ws-kit *::after{
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }
.ws-kit audio,.ws-kit canvas,.ws-kit progress,.ws-kit video{
  display: inline-block;
  vertical-align: baseline; }
.ws-kit embed,.ws-kit iframe,.ws-kit object{
  max-width: 100%; }
.ws-kit audio:not([controls]){
  display: none;
  height: 0; }
.ws-kit [hidden],.ws-kit template{
  display: none; }
.ws-kit ul{
  list-style: square;
  text-indent: inherit; }
.ws-kit ol{
  list-style: decimal; }
.ws-kit b,.ws-kit strong{
  font-weight: 600; }
.ws-kit a{
  background-color: transparent; }
.ws-kit a:active,.ws-kit a:hover{
  outline: 0; }
.ws-kit sup,.ws-kit sub{
  font-size: .75em;
  height: 0;
  line-height: 2.2em;
  position: relative;
  vertical-align: baseline; }
.ws-kit sup{
  bottom: 1ex; }
.ws-kit sub{
  top: .5ex; }
.ws-kit small{
  font-size: .75em;
  line-height: 1.72; }
.ws-kit big{
  font-size: 1.25em; }
.ws-kit hr{
  border: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 3.2rem auto;
  text-align: center;
  width: 100%; }
.ws-kit h2 + hr,.ws-kit h3 + hr{
  margin-bottom: 4.8rem; }
.ws-kit p + hr{
  margin-bottom: 4rem; }
.ws-kit dfn,.ws-kit cite,.ws-kit em,.ws-kit i{
  font-style: italic; }
.ws-kit abbr,.ws-kit acronym{
  cursor: help; }
.ws-kit mark,.ws-kit ins{
  padding: 0 4px;
  text-decoration: none;
  text-shadow: none; }
.ws-kit ::-moz-selection{
  text-shadow: none; }
.ws-kit ::selection{
  text-shadow: none; }
.ws-kit img{
  border: 0;
  height: auto;
  max-width: 100%; }
.ws-kit img:hover{
  opacity: .9; }
.ws-kit svg:not(:root){
  overflow: hidden; }
.ws-kit figure{
  line-height: 0;
  margin: 0;
  position: relative; }
.ws-kit optgroup{
  font-weight: bold; }
.ws-kit td,.ws-kit th{
  padding: 0; }
.ws-kit dt{
  font-weight: bold; }
.ws-kit dd{
  margin: 0; }
.ws-kit header:before,.ws-kit header:after,.ws-kit main:before,.ws-kit main:after,.ws-kit section:before,.ws-kit section:after,.ws-kit aside:before,.ws-kit aside:after,.ws-kit footer:before,.ws-kit footer:after,.ws-kit .clear:before,.ws-kit .clear:after,.ws-kit .wrap:before,.ws-kit .wrap:after{
  content: '';
  display: table; }
.ws-kit header:after,.ws-kit main:after,.ws-kit section:after,.ws-kit aside:after,.ws-kit footer:after,.ws-kit .clear:after,.ws-kit .wrap:after{
  clear: both; }
.ws-kit .ws-ready,.ws-kit .ws-ready body{
  height: 100%;
  overflow: hidden;
  width: 100%; }
.ws-kit .ws-ready.ws-ready-zoom{
  overflow: visible; }
.ws-kit .ws-ready.ws-ready-zoom body{
    overflow: auto; }
.ws-kit #webslides{
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll; }
.ws-kit #webslides::-webkit-scrollbar{
    display: none; }
.ws-kit li li{
  margin-left: 1.6rem; }
.ws-kit a,.ws-kit a:active,.ws-kit a:focus,.ws-kit a:visited,.ws-kit input:focus,.ws-kit textarea:focus,.ws-kit button{
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }
.ws-kit p a:active{
  position: relative;
  top: 2px; }
.ws-kit nav a[rel='external'] em,.ws-kit .hidden{
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }
.ws-kit .shadow{
  position: relative; }
.ws-kit .shadow:before,.ws-kit .shadow:after{
    bottom: 1.6rem;
    content: '';
    max-width: 300px;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1; }
.ws-kit .shadow:after{
    right: 2.4rem;
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
.ws-kit .shadow:before{
    left: 2.4rem;
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg); }
.ws-kit .wrap,.ws-kit header nav,.ws-kit footer nav{
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
  width: 100%;
  z-index: 2; }
@media (min-width: 1024px){.ws-kit .wrap,.ws-kit header nav,.ws-kit footer nav{
      width: 90%; }}
.ws-kit .frame,.ws-kit .shadow{
  padding: 2.4rem; }
.ws-kit .radius{
  border-radius: .4rem; }
.ws-kit .alignright{
  float: right; }
.ws-kit .alignleft{
  float: left; }
.ws-kit .aligncenter{
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
.ws-kit img.aligncenter,.ws-kit figure.aligncenter{
  display: block;
  margin-bottom: .8rem;
  margin-top: .8rem; }
.ws-kit img.alignleft,.ws-kit figure.alignleft,.ws-kit img.alignright,.ws-kit figure.alignright,.ws-kit img.aligncenter,.ws-kit figure.aligncenter{
  margin-bottom: 3.2rem;
  margin-top: 3.2rem; }
.ws-kit img.alignright,.ws-kit svg.alignright,.ws-kit figure.alignright{
  margin: .8rem 0 .8rem 2.4rem; }
.ws-kit img.alignleft,.ws-kit svg.alignleft,.ws-kit figure.alignleft{
  margin: .8rem 2.4rem .8rem 0; }
@media (min-width: 1024px){.ws-kit .size-80{
    width: 80%; }
.ws-kit .size-70{
    width: 70%; }
.ws-kit .size-60{
    width: 60%; }
.ws-kit .size-50{
    width: 50%; }
.ws-kit .size-40{
    width: 40%; }
.ws-kit .size-30{
    width: 30%; }
.ws-kit .size-20{
    width: 20%; }}
.ws-kit pre,.ws-kit code{
  font-family: 'Cousine', monospace; }
.ws-kit pre{
  font-size: 1.6rem;
  line-height: 2.4rem;
  overflow: auto;
  padding: 2.4rem;
  text-align: left;
  white-space: pre-wrap;
  width: 100%;
  word-wrap: break-word; }
.ws-kit pre + p{
    margin-top: 3.2rem; }
.ws-kit pre code{
    padding: 0; }
.ws-kit code{
  padding: .4rem; }
.ws-kit .fadeIn{
  -webkit-animation: fadeIn 1s;
          animation: fadeIn 1s; }
.ws-kit .fadeInUp{
  -webkit-animation: fadeInUp 1s;
          animation: fadeInUp 1s; }
.ws-kit .zoomIn{
  -webkit-animation: zoomIn 1s;
          animation: zoomIn 1s; }
.ws-kit .slideInLeft{
  -webkit-animation: slideInLeft 1s;
          animation: slideInLeft 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.ws-kit .slideInRight{
  -webkit-animation: slideInRight 1s;
          animation: slideInRight 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.ws-kit .slow{
  -webkit-animation-duration: 4s;
          animation-duration: 4s; }
.ws-kit .slow + .slow{
    -webkit-animation-duration: 5s;
            animation-duration: 5s; }
.ws-kit .embed{
  height: 0;
  overflow: hidden;
  
  padding-bottom: 56.6%;
  
  
  position: relative;
   }
.ws-kit .embed iframe,.ws-kit .embed object,.ws-kit .embed embed,.ws-kit .embed video{
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%; }
.ws-kit .fullscreen > .embed{
    bottom: 0;
    height: auto;
    left: 0;
    padding-bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
     }
.ws-kit .fullscreen > .embed > iframe,.ws-kit .fullscreen > .embed > object,.ws-kit .fullscreen > .embed > embed,.ws-kit .fullscreen > .embed > video{
       }
@media (min-aspect-ratio: 16 / 9){.ws-kit .fullscreen > .embed > iframe,.ws-kit .fullscreen > .embed > object,.ws-kit .fullscreen > .embed > embed,.ws-kit .fullscreen > .embed > video{
          height: 300%;
          top: -100%; }}
@media (max-aspect-ratio: 16 / 9){.ws-kit .fullscreen > .embed > iframe,.ws-kit .fullscreen > .embed > object,.ws-kit .fullscreen > .embed > embed,.ws-kit .fullscreen > .embed > video{
          left: -100%;
          width: 300%; }}
@supports ((-o-object-fit: cover) or (object-fit: cover)){.ws-kit .fullscreen > .embed > iframe,.ws-kit .fullscreen > .embed > object,.ws-kit .fullscreen > .embed > embed,.ws-kit .fullscreen > .embed > video{
          height: 100%;
          left: 0;
          -o-object-fit: cover;
             object-fit: cover;
          top: 0;
          width: 100%; }}
.ws-kit .browser{
  border-radius: .3rem;
  margin: 0 auto 3.2rem;
  max-width: 1024px;
  overflow: hidden; }
.ws-kit li .browser{
    margin-bottom: 0; }
.ws-kit h1 + .browser,.ws-kit h2 + .browser,.ws-kit p + .browser{
    margin-top: 4.8rem; }
.ws-kit .browser figcaption{
    padding: 2.4rem; }
.ws-kit .browser:before{
    content: '\25CF   \25CF   \25CF';
    font-size: .8rem;
    left: 0;
    line-height: 0;
    padding: 1.6rem;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%; }
@media (min-width: 768px){.ws-kit .browser:before{
        font-size: 1.6rem; }}
.ws-kit .grid{
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto; }
.ws-kit .grid:after{
    clear: both; }
.ws-kit .grid:before{
    content: '';
    display: table; }
.ws-kit .grid > .column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.4rem;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%; }
.ws-kit .grid.vertical-align .column{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
@media (min-width: 768px){.ws-kit .grid > .column{
      width: 25%; }
.ws-kit .grid.sm .column:nth-child(1){
      width: 30%; }
.ws-kit .grid.sm .column:nth-child(2){
      width: 70%; }
.ws-kit .grid.ms .column:nth-child(1){
      width: 70%; }
.ws-kit .grid.ms .column:nth-child(2){
      width: 30%; }
.ws-kit .grid.sms .column:nth-child(2){
      width: 50%; }}
.ws-kit html,.ws-kit body{
  font-weight: 300;
  line-height: 1;
  text-rendering: optimizeLegibility; }
.ws-kit html,.ws-kit body,.ws-kit input,.ws-kit select,.ws-kit textarea{
  font-family: 'Roboto', 'San Francisco', helvetica, arial, sans-serif;
  font-size: 62.5%; }
.ws-kit body,.ws-kit textarea{
  font-size: 1.8rem; }
.ws-kit p,.ws-kit li,.ws-kit dt,.ws-kit dd,.ws-kit time,.ws-kit table,.ws-kit big,.ws-kit textarea,.ws-kit label{
  line-height: 3.2rem;
  margin-bottom: 3.2rem; }
.ws-kit li,.ws-kit p:last-child{
  margin-bottom: 0; }
.ws-kit ul > li,.ws-kit ol > li{
  margin-left: 3.2rem; }
.ws-kit li li{
  font-size: 100%; }
.ws-kit ul.description{
  padding: 0; }
.ws-kit ul.description + p{
    margin-top: 3.2rem; }
.ws-kit ul.description li{
    padding-bottom: .8rem;
    padding-top: .8rem;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s; }
.ws-kit ul.description li:hover{
    padding-left: .4rem; }
.ws-kit ul.description li,.ws-kit .column ul li{
  list-style: none;
  margin-left: 0; }
.ws-kit .column ol > li{
  margin-left: 1.6rem; }
.ws-kit h1 svg,.ws-kit h2 svg,.ws-kit h3 svg,.ws-kit h4 svg{
  margin-top: -.8rem; }
.ws-kit .text-intro svg,.ws-kit .text-quote p svg,.ws-kit .wall p svg,.ws-kit .try svg{
  margin-top: -.4rem; }
.ws-kit h1{
  font-size: 4rem;
  line-height: 5.6rem; }
@media (min-width: 768px){.ws-kit h1{
      font-size: 5.6rem;
      line-height: 7.2rem; }}
.ws-kit h1 span{
  font-style: italic; }
.ws-kit h2{
  font-size: 3.2rem;
  line-height: 4.8rem; }
@media (min-width: 768px){.ws-kit h2{
      font-size: 4.8rem;
      line-height: 6.4rem; }}
.ws-kit h3{
  font-size: 2.4rem;
  line-height: 4rem; }
@media (min-width: 768px){.ws-kit h3{
      font-size: 4rem;
      line-height: 5.6rem; }}
.ws-kit h4{
  font-size: 2.2rem;
  line-height: 4rem; }
@media (min-width: 768px){.ws-kit h4{
      font-size: 3.2rem;
      line-height: 4.8rem; }}
.ws-kit h5{
  font-size: 2rem;
  font-weight: 600;
  line-height: 3.2rem; }
.ws-kit h6{
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 3.2rem; }
.ws-kit h2.alignleft + p.alignright{
  margin-bottom: 0;
  margin-top: 1.2rem; }
.ws-kit h3.alignleft + p.alignright{
  margin-bottom: 0;
  margin-top: .4rem; }
.ws-kit h1 + h1{
  margin-top: .8rem; }
.ws-kit h1 + h2{
  margin-top: .8rem; }
.ws-kit h1 + h3{
  margin-top: .8rem; }
.ws-kit h1 + h4{
  margin-top: .8rem; }
.ws-kit h1 + h5{
  margin-top: .8rem; }
.ws-kit h1 + h6{
  margin-top: .8rem; }
.ws-kit h2 + h1{
  margin-top: .8rem; }
.ws-kit h2 + h2{
  margin-top: .8rem; }
.ws-kit h2 + h3{
  margin-top: .8rem; }
.ws-kit h2 + h4{
  margin-top: .8rem; }
.ws-kit h2 + h5{
  margin-top: .8rem; }
.ws-kit h2 + h6{
  margin-top: .8rem; }
.ws-kit h3 + h1{
  margin-top: .8rem; }
.ws-kit h3 + h2{
  margin-top: .8rem; }
.ws-kit h3 + h3{
  margin-top: .8rem; }
.ws-kit h3 + h4{
  margin-top: .8rem; }
.ws-kit h3 + h5{
  margin-top: .8rem; }
.ws-kit h3 + h6{
  margin-top: .8rem; }
.ws-kit h4 + h1{
  margin-top: .8rem; }
.ws-kit h4 + h2{
  margin-top: .8rem; }
.ws-kit h4 + h3{
  margin-top: .8rem; }
.ws-kit h4 + h4{
  margin-top: .8rem; }
.ws-kit h4 + h5{
  margin-top: .8rem; }
.ws-kit h4 + h6{
  margin-top: .8rem; }
.ws-kit h5 + h1{
  margin-top: .8rem; }
.ws-kit h5 + h2{
  margin-top: .8rem; }
.ws-kit h5 + h3{
  margin-top: .8rem; }
.ws-kit h5 + h4{
  margin-top: .8rem; }
.ws-kit h5 + h5{
  margin-top: .8rem; }
.ws-kit h5 + h6{
  margin-top: .8rem; }
.ws-kit h6 + h1{
  margin-top: .8rem; }
.ws-kit h6 + h2{
  margin-top: .8rem; }
.ws-kit h6 + h3{
  margin-top: .8rem; }
.ws-kit h6 + h4{
  margin-top: .8rem; }
.ws-kit h6 + h5{
  margin-top: .8rem; }
.ws-kit h6 + h6{
  margin-top: .8rem; }
.ws-kit h1 + img,.ws-kit h2 + img,.ws-kit h3 + img{
  margin-bottom: 4.8rem;
  margin-top: 4.8rem; }
.ws-kit [class*='content-'] > [class*='content-'] h2,.ws-kit [class*='content-'] > [class*='content-'] h3,.ws-kit [class*='content-'] > [class*='content-'] h4{
  font-size: 2.4rem;
  line-height: 4rem; }
.ws-kit h1[class*='bg-']{
  padding: 2.4rem; }
.ws-kit h2[class*='bg-']{
  padding: 2.4rem; }
.ws-kit h3[class*='bg-']{
  padding: 2.4rem; }
.ws-kit h4[class*='bg-']{
  padding: 2.4rem; }
.ws-kit h5[class*='bg-']{
  padding: 2.4rem; }
.ws-kit h6[class*='bg-']{
  padding: 2.4rem; }
.ws-kit ul[class*='bg-'],.ws-kit ol[class*='bg-'],.ws-kit li[class*='bg-'],.ws-kit p[class*='bg-']{
  padding: 2.4rem; }
.ws-kit h1 [class*='bg-'],.ws-kit h2 [class*='bg-'],.ws-kit h3 [class*='bg-']{
  padding: .4rem .8rem; }
.ws-kit .text-intro,.ws-kit [class*='content-'] p{
  font-size: 2.4rem;
  line-height: 4rem; }
.ws-kit .text-serif,.ws-kit h1 span{
  font-family: 'Maitree', times, serif; }
.ws-kit .text-landing{
  letter-spacing: .4rem;
  text-transform: uppercase; }
@media (min-width: 768px){.ws-kit .text-landing{
      letter-spacing: 1.6rem; }}
.ws-kit .text-subtitle{
  letter-spacing: .2rem;
  margin-bottom: 0;
  text-transform: uppercase; }
.ws-kit .text-subtitle p.text-subtitle{
    font-size: 1.6rem; }
.ws-kit .text-subtitle p.text-subtitle svg{
      vertical-align: text-top; }
.ws-kit .text-subtitle + p{
    margin-top: 3.2rem; }
.ws-kit .text-uppercase{
  text-transform: uppercase; }
.ws-kit .text-lowercase{
  text-transform: lowercase; }
.ws-kit .text-emoji{
  font-size: 6.8rem;
  line-height: 8.8rem; }
@media (min-width: 768px){.ws-kit .text-emoji{
      font-size: 12.8rem;
      line-height: 16rem; }}
.ws-kit .text-data{
  font-size: 6.4rem;
  line-height: 8rem;
  margin-bottom: .8rem; }
@media (min-width: 768px){.ws-kit .text-data{
      font-size: 15.2rem;
      line-height: 16.8rem; }}
.ws-kit .text-label{
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  width: 12.8rem; }
@media (min-width: 768px){.ws-kit .text-cols{
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 4.8rem;
            column-gap: 4.8rem;
    text-align: left; }
.ws-kit .text-landing + .text-cols{
    margin-top: 3.2rem; }}
.ws-kit .text-cols p:first-child:first-letter{
  float: left;
  font-size: 11rem;
  font-weight: 600;
  line-height: 1;
  margin: -.4rem 1.6rem 0 0;
  padding: 0;
  text-transform: uppercase; }
.ws-kit .text-context{
  position: relative; }
.ws-kit .text-context:before{
    content: '';
    display: block;
    height: .2rem;
    margin-bottom: .6rem;
    width: 12rem; }
.ws-kit .column .text-context:before{
      width: 100%; }
.ws-kit .text-context.text-uppercase{
    letter-spacing: .1rem; }
.ws-kit .text-symbols{
  font-weight: 600;
  letter-spacing: .8rem;
  text-align: center; }
.ws-kit .text-separator{
  margin-top: 2.4rem; }
.ws-kit .text-separator:before{
    content: '';
    height: .4rem;
    left: 0;
    margin-top: -1.6rem;
    position: absolute;
    width: 16%; }
@media (min-width: 568px){.ws-kit .text-separator{
      margin-left: 20%;
      margin-top: 0;
      width: 80%; }
.ws-kit .text-separator:before{
        margin-top: 1.2rem; }}
.ws-kit [class*='text-pull']{
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 4rem;
  margin-bottom: 3.2rem;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
  position: relative; }
.ws-kit [class*='text-pull-']{
  margin-top: .8rem;
  padding-top: 1.4rem; }
@media (min-width: 1024px){.ws-kit [class*='text-pull-']{
      margin-left: -4.8rem;
      margin-right: -4.8rem; }}
@media (min-width: 568px){.ws-kit [class*='text-pull-']{
    max-width: 40%; }
.ws-kit .text-pull-right{
    float: right;
    margin-left: 2.4rem;
    margin-right: -2.4rem; }
.ws-kit .text-pull-left{
    float: left;
    margin-left: -2.4rem;
    margin-right: 2.4rem; }}
.ws-kit img[class*='text-pull-'],.ws-kit figure[class*='text-pull-']{
  margin-top: .8rem;
  padding-top: 0; }
.ws-kit .text-interview dt{
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase; }
@media (min-width: 1024px){.ws-kit .text-interview dt{
    margin-left: -34%;
    position: absolute;
    text-align: right;
    white-space: nowrap;
    width: 30%; }}
.ws-kit .text-info{
  font-size: 1.6rem;
  line-height: 2.4rem; }
.ws-kit .text-apple,.ws-kit .bg-apple{
  font-family: 'San Francisco', helvetica, arial, sans-serif; }
.ws-kit header,.ws-kit footer,.ws-kit #navigation{
  padding: 2.4rem;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  width: 100%; }
.ws-kit header p,.ws-kit footer p{
  line-height: 4.8rem;
  margin-bottom: 0; }
.ws-kit header[role='banner'] img,.ws-kit footer img{
  height: 4rem;
  vertical-align: middle; }
.ws-kit footer{
  position: relative; }
.ws-kit header,.ws-kit footer{
  z-index: 3; }
.ws-kit header,.ws-kit .ws-ready footer{
  left: 0;
  position: absolute;
  top: 0; }
.ws-kit .ws-ready footer{
  bottom: 0;
  top: auto; }
.ws-kit header[role='banner']{
  opacity: 0; }
.ws-kit header[role='banner']:hover{
    opacity: 1; }
@media (max-width: 767px){.ws-kit footer .alignleft,.ws-kit footer .alignright{
    display: block;
    float: none; }}
.ws-kit .logo{
  text-transform: lowercase; }
.ws-kit .logo a{
    
    background-size: 4.8rem;
    float: left;
    height: 4.8rem;
    text-indent: -4000px;
    
    
    vertical-align: middle;
    width: 4.8rem; }
.ws-kit nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  
  
  
  
  
  
  
   }
.ws-kit nav ul li{
    float: left;
    list-style: none;
    position: relative; }
.ws-kit nav ul li:first-child,.ws-kit nav[role='navigation'] ul li{
  margin-left: 0; }
.ws-kit nav[role='navigation'] li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 4.8rem;
  max-width: 100%;
  padding: 0 1.6rem;
  position: relative;
  text-decoration: none; }
.ws-kit nav[role='navigation'] li a svg{
    margin: 1.5rem .4rem 1.5rem 0; }
.ws-kit header nav ul{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0; }
.ws-kit nav.aligncenter ul,.ws-kit .aligncenter nav ul{
  
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.ws-kit nav.navbar ul li{
  
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
@media (max-width: 568px){.ws-kit nav.navbar ul{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    padding: 0; }
.ws-kit nav.navbar li a{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }}
.ws-kit section *{
  -webkit-animation: fadeIn .6s ease-in-out;
          animation: fadeIn .6s ease-in-out; }
.ws-kit section .background,.ws-kit section .light,.ws-kit section .dark{
  -webkit-animation-duration: 0s;
          animation-duration: 0s; }
.ws-kit section,.ws-kit .slide{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  
  
  padding: 2.4rem;
  
  page-break-after: always;
  position: relative;
  word-wrap: break-word; }
@media (min-width: 1024px){.ws-kit section,.ws-kit .slide{
      padding-bottom: 12rem;
      padding-top: 12rem; }}
.ws-kit .fullscreen{
  padding: 0;
   }
.ws-kit .slide-top{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
.ws-kit .slide-bottom{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
.ws-kit [class*='content-']{
  position: relative;
  text-align: left; }
.ws-kit .wrap[class*='bg-'],.ws-kit .wrap.frame,.ws-kit [class*='content-'][class*='bg-'],.ws-kit [class*='content-'].frame,.ws-kit [class*='align'][class*='bg-']{
  padding: 4.8rem; }
.ws-kit form[class*='bg-']{
  padding: 2.4rem; }
.ws-kit [class*='content-'] > [class*='content-'] p{
  font-size: 1.8rem;
  line-height: 3.2rem; }
.ws-kit .content-center{
  margin: 0 auto;
  text-align: center; }
@media (min-width: 768px){.ws-kit [class*='content-']{
    width: 50%; }
.ws-kit [class*='content-']:after,.ws-kit [class*='content-']:before{
      content: '';
      display: table; }
.ws-kit [class*='content-']:after{
      clear: both; }
.ws-kit .content-left{
    float: left; }
.ws-kit .content-right{
    float: right; }
.ws-kit [class*='content-'] + [class*='content-']{
    margin-bottom: 4.8rem;
    padding-left: 2.4rem; }
.ws-kit [class*='content-'] + [class*='size-']{
    clear: both;
    margin-top: 6.4rem; }}
.ws-kit .background,.ws-kit [class*='background-']{
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
.ws-kit .background{
  background-position: center;
  background-size: cover;
   }
.ws-kit .background-top{
    background-position: top;
    background-size: cover; }
.ws-kit .background-bottom{
    background-position: bottom;
    background-size: cover; }
.ws-kit .background-center{
    background-position: center; }
.ws-kit .background-center-top{
    background-position: center top; }
.ws-kit .background-right-top{
    background-position: right top; }
.ws-kit .background-left-top{
    background-position: left top; }
.ws-kit .background-center-bottom,.ws-kit .background-left-bottom,.ws-kit .background-right-bottom,.ws-kit .background-left,.ws-kit .background-right{
    background-position: center bottom; }
@media (min-width: 1024px){.ws-kit .background-left-bottom{
      background-position: left bottom; }
.ws-kit .background-right-bottom{
      background-position: right bottom; }
.ws-kit .background-right{
      background-position: right; }
.ws-kit .background-left{
      background-position: left; }}
.ws-kit .background-video{
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
    width: 100%; }
.ws-kit [class*='bg-'] .light,.ws-kit [class*='bg-'] .light{
  opacity: .8; }
.ws-kit [class*='bg-'] .dark,.ws-kit [class*='bg-'] .dark{
  opacity: .2; }
.ws-kit [class*='bg-'] .background-video.dark{
  opacity: .5; }
@media (max-width: 1023px){.ws-kit [class*='background-']{
    -webkit-animation: fadeIn ease-in .2;
            animation: fadeIn ease-in .2;
    opacity: .2; }
.ws-kit .background-video{
    opacity: .8; }}
.ws-kit .background.anim{
  -webkit-animation: anim 80s linear infinite;
          animation: anim 80s linear infinite;
  background-position: center top;
  background-repeat: repeat;
  background-size: 100%;
  height: 200%; }
.ws-kit [class*='background'].frame{
  margin: 2.4rem; }
.ws-kit #navigation{
  -webkit-animation: fadeIn 8s;
          animation: fadeIn 8s;
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  position: fixed;
  right: 0;
  width: 24.4rem;
  
  z-index: 4; }
.ws-kit #navigation:hover{
    opacity: 1; }
.ws-kit #navigation p{
    margin-bottom: 0; }
.ws-kit #counter{
  display: block;
  line-height: 4.8rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: 10rem; }
.ws-kit #counter a:hover{
    padding: .8rem; }
.ws-kit a#next,.ws-kit a#previous{
  border-radius: .4rem;
  cursor: pointer;
  font-size: 2.4rem;
  height: 4rem;
  padding: .8rem;
  position: absolute;
  text-align: center;
  width: 4rem; }
.ws-kit a#next{
  right: 3.2rem; }
.ws-kit a#previous{
  left: 3.2rem; }
@media (max-width: 1024px){.ws-kit #navigation{
    -webkit-animation: fadeIn 6s;
            animation: fadeIn 6s;
    
    background-size: 4.8rem; }
.ws-kit #navigation a,.ws-kit #counter{
    display: none; }}
.ws-kit .flexblock{
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  padding: 0; }
.ws-kit .flexblock:after{
    clear: both; }
.ws-kit .flexblock:before{
    content: '';
    display: table; }
.ws-kit .flexblock li,.ws-kit .flexblock.blink li > a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 2.4rem;
    position: relative; }
.ws-kit .flexblock li{
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%; }
.ws-kit .flexblock li:hover{
      -webkit-transform: translateY(-0.2rem);
              transform: translateY(-0.2rem); }
@media (min-width: 600px){.ws-kit .flexblock li{
        width: 50%; }}
@media (min-width: 1024px){.ws-kit .flexblock li{
        width: 25%; }}
.ws-kit .flexblock.aligncenter li{
    text-align: center; }
.ws-kit .flexblock.vertical-align li{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.ws-kit .flexblock.blink li{
    padding: 0; }
.ws-kit .flexblock li h2 svg,.ws-kit .flexblock li h3 svg{
    margin-top: 0; }
.ws-kit h1 + .flexblock,.ws-kit h2 + .flexblock,.ws-kit h3 + .flexblock,.ws-kit div + ul,.ws-kit div + ol{
  margin-top: 3.2rem; }
.ws-kit .flexblock li h2,.ws-kit .flexblock li h3,.ws-kit footer .column h2,.ws-kit footer .column h3{
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 3.2rem;
  margin-bottom: 0; }
.ws-kit .flexblock li li,.ws-kit .flexblock.blink li li{
  padding: 0;
  width: 100%; }
.ws-kit [class*='content-'] .flexblock li p{
  font-size: 1.8rem;
  line-height: 3.2rem; }
.ws-kit .content-right .flexblock.features li,.ws-kit .content-left .flexblock.features li{
  width: 46%; }
.ws-kit .flexblock.features > li{
  border-radius: .4rem;
  margin-bottom: 4.8rem;
  width: 100%; }
.ws-kit .flexblock.features li h2{
  text-transform: uppercase; }
.ws-kit .flexblock.features li span{
  font-weight: 300; }
.ws-kit .flexblock.features li p{
  margin: 0; }
.ws-kit .flexblock.features li p em{
  display: block; }
.ws-kit .flexblock.features li span,.ws-kit .flexblock.features li svg{
  display: block;
  font-size: 6.4rem;
  line-height: 1;
  margin: 0; }
.ws-kit .flexblock.features li img{
  width: 6.4rem; }
.ws-kit .flexblock.features li span sup{
  font-size: 3rem; }
@media (min-width: 1200px){.ws-kit .flexblock.features li span,.ws-kit .flexblock.features li svg,.ws-kit .flexblock.features li img{
    float: left;
    margin-right: .8rem; }}
@media (min-width: 768px){.ws-kit .flexblock.features{
    margin-left: -2%;
    margin-right: -2%; }
.ws-kit .flexblock.features > li{
    margin-left: 2%;
    margin-right: 2%;
    width: 29%; }
.ws-kit .size-50 .flexblock.features > li{
    width: 46%; }
.ws-kit .column .flexblock.features > li{
    width: 100%; }
.ws-kit footer .flexblock.features > li{
    margin-bottom: 0; }}
.ws-kit .flexblock.clients.blink li > a,.ws-kit .flexblock.clients li{
  padding: 0; }
.ws-kit .flexblock.clients li figcaption{
  padding: 0 2.4rem 2.4rem; }
.ws-kit .flexblock.clients.border li figcaption{
  padding-top: 2.4rem; }
.ws-kit .clients.blink li > a,.ws-kit .clients li{
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit; }
.ws-kit .clients li img,.ws-kit .clients li svg{
  display: block;
  padding: 2.4rem; }
.ws-kit .clients.border li img,.ws-kit .clients.border li svg{
  display: block;
  margin-left: auto;
  margin-right: auto; }
.ws-kit .clients li:hover{
  z-index: 1; }
.ws-kit .steps li{
  width: 100%; }
.ws-kit .steps li img,.ws-kit .steps li span{
    display: block;
    margin: 0 auto .8rem; }
.ws-kit .steps li span{
    font-size: 6.4rem; }
@media (min-width: 768px){.ws-kit .steps li{
      width: 50%; }}
@media (min-width: 1024px){.ws-kit .steps li{
    width: 25%; }
.ws-kit .process{
    border-left-style: solid;
    border-left-width: 15px;
    height: 0;
    left: 0;
    position: absolute;
    top: 60px;
    width: 0; }}
.ws-kit .metrics li{
  text-align: center;
  width: 100%; }
@media (min-width: 568px){.ws-kit .metrics li{
      width: 50%; }}
@media (min-width: 1024px){.ws-kit .metrics li{
      width: 25%; }}
.ws-kit .metrics li strong{
  display: block; }
.ws-kit .metrics li span,.ws-kit .metrics li svg{
  display: block;
  font-size: 6.4rem;
  line-height: 7.2rem;
  margin: 0 auto; }
.ws-kit .card-50 .metrics li{
  width: 50%; }
.ws-kit .specs li{
  text-align: left;
  width: 100%; }
.ws-kit .specs li:after{
    bottom: -2.4rem;
    content: '';
    display: block;
    height: 1px;
    position: relative; }
.ws-kit .specs li:hover{
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem); }
.ws-kit .specs li span,.ws-kit .specs li svg{
    display: block;
    font-size: 6.4rem;
    line-height: 1;
    margin: 0; }
.ws-kit .specs li img{
    width: 6.4rem; }
.ws-kit .specs li span{
    font-weight: 300; }
.ws-kit .specs li span sup{
      font-size: 3rem; }
@media (min-width: 1024px){.ws-kit .specs li span,.ws-kit .specs li svg,.ws-kit .specs li img{
      float: left;
      margin-right: 2.4rem; }}
.ws-kit .flexblock.reasons li{
  counter-increment: list;
  text-align: left;
  width: 100%; }
.ws-kit .flexblock.reasons li:hover{
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem); }
.ws-kit .flexblock.reasons li:after{
    bottom: -2.4rem;
    content: '';
    display: block;
    height: 1px;
    position: relative; }
.ws-kit .flexblock.reasons li:before{
    content: counter(list) ".";
    font-size: 6.4rem;
    line-height: 1; }
@media (min-width: 768px){.ws-kit .flexblock.reasons li{
      padding-left: 8.8rem;
      
       }
.ws-kit .flexblock.reasons li:before{
        left: 2.4rem;
        position: absolute; }}
.ws-kit .flexblock.gallery li{
  margin-bottom: 4.8rem; }
.ws-kit .flexblock.gallery li:nth-child(n+4){
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit; }
.ws-kit .flexblock.gallery li figcaption{
    padding: 1.6rem;
    position: relative; }
.ws-kit .flexblock.gallery li figcaption:before{
      content: '';
      height: 0;
      left: 20%;
      margin-left: -.5em;
      position: absolute;
      top: .4rem;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-transition: .1s;
      transition: .1s;
      width: 0; }
.ws-kit .flexblock.gallery li:hover figcaption:before{
    top: .3rem; }
.ws-kit .aligncenter .flexblock.gallery li figcaption:before{
  left: 55%;
  margin-left: 0; }
.ws-kit .flexblock.gallery li,.ws-kit .flexblock.gallery.blink li > a{
  padding: 0; }
.ws-kit .flexblock.gallery h2{
  text-transform: uppercase; }
.ws-kit .flexblock.gallery h2 + p,.ws-kit .flexblock.gallery h3 + p{
  margin-top: .8rem; }
.ws-kit .flexblock.gallery p{
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 0; }
.ws-kit .flexblock.gallery li footer{
  margin-top: .8rem;
  padding: 1.2rem 0 0;
  position: relative; }
.ws-kit .flexblock.gallery li img{
  display: block;
  margin-left: auto;
  margin-right: auto; }
@media (min-width: 600px){.ws-kit .flexblock.gallery{
    margin-left: -2%;
    margin-right: -2%; }
.ws-kit .flexblock.gallery li{
      margin-left: 2%;
      margin-right: 2%;
      width: 46%; }}
@media (min-width: 1024px){.ws-kit .flexblock.gallery li{
    width: 21%; }
.ws-kit .grid.sm .flexblock.gallery li,.ws-kit .grid.ms .flexblock.gallery li{
    width: 29%; }
.ws-kit .grid.sms .flexblock.gallery li{
    width: 46%; }}
.ws-kit .overlay{
  bottom: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  width: 100%;
  z-index: 2; }
.ws-kit li .overlay{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.ws-kit li .overlay h2{
  letter-spacing: .2rem;
  margin: 0;
  padding: 0 2.4rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }
.ws-kit .overlay p,.ws-kit .overlay time{
  margin-bottom: 0; }
.ws-kit li:hover .overlay{
  cursor: pointer; }
.ws-kit .flexblock.plans > li{
  border-radius: 3px;
  margin-bottom: 4.8rem;
  text-align: center;
  z-index: 1; }
.ws-kit .flexblock.plans li,.ws-kit .flexblock.plans.blink li > a{
  padding: 0; }
.ws-kit .flexblock.plans.blink li > a div,.ws-kit .flexblock.plans li div{
  padding-bottom: 3.2rem; }
.ws-kit .flexblock.plans li p,.ws-kit .flexblock.plans li h2{
  padding: .8rem 3.2rem; }
.ws-kit .flexblock.plans li h2{
  float: left;
  font-weight: 400;
  letter-spacing: .1rem;
  text-transform: uppercase;
  width: 100%; }
.ws-kit .flexblock.plans .price{
  clear: both;
  display: block;
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 6.2rem;
  padding: 2.4rem; }
.ws-kit .flexblock.plans .price sup{
    font-size: 1.8rem;
    margin-right: .4rem; }
.ws-kit .flexblock.plans .price li ul{
    margin-bottom: 2.4rem; }
.ws-kit .flexblock.plans li ul li{
  display: block;
  padding: .8rem 3.2rem;
  text-align: left;
  width: 100%; }
@media (min-width: 1024px){.ws-kit .flexblock.plans{
    margin-left: -2%;
    margin-right: -2%; }
.ws-kit .flexblock.plans > li{
      margin-left: 2%;
      margin-right: 2%;
      width: 29%; }
.ws-kit .flexblock.plans > li:hover,.ws-kit .flexblock.plans > li:nth-child(2){
      position: relative;
      -webkit-transform: scale(1.08);
              transform: scale(1.08);
      z-index: 2; }
.ws-kit .flexblock.plans:hover li:nth-child(2):not(:hover){
      position: relative;
      -webkit-transform: scale(1);
              transform: scale(1);
      z-index: 1; }}
.ws-kit .flexblock.activity{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.ws-kit .flexblock.activity li{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    width: auto; }
.ws-kit .flexblock.activity p{
    margin-bottom: 0;
    vertical-align: top; }
.ws-kit .flexblock.activity img{
    display: block; }
.ws-kit .flexblock.activity .year,.ws-kit .flexblock.activity .title{
    display: inline;
    font-weight: 600; }
.ws-kit .flexblock.activity .summary{
    width: 100%; }
.ws-kit .flexblock.activity .title{
    margin-left: 1rem; }
@media (min-width: 768px){.ws-kit .flexblock.activity p{
      float: left; }
.ws-kit .flexblock.activity .year{
      width: 15%; }
.ws-kit .flexblock.activity .title{
      margin-left: 4%;
      margin-right: 4%;
      width: 27%; }
.ws-kit .flexblock.activity .summary{
      width: 50%; }}
.ws-kit .cta{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.ws-kit .number,.ws-kit .cta .benefit{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  padding: .8rem; }
.ws-kit .number{
  text-align: center; }
.ws-kit .cta .benefit{
  max-width: 100%;
  text-align: center; }
.ws-kit .number span{
  display: block;
  font-size: 8rem;
  line-height: 8rem; }
.ws-kit .number span sup{
  font-size: 4rem; }
.ws-kit .cta p{
  margin-bottom: 0; }
@media (min-width: 768px){.ws-kit .number,.ws-kit .cta .benefit{
    max-width: 50%;
    padding: 4.8rem; }
.ws-kit .cta .benefit{
    text-align: left; }
.ws-kit .number span{
    font-size: 16rem;
    line-height: 16rem; }
.ws-kit .number span sup{
      font-size: 6rem;
      vertical-align: middle; }}
.ws-kit .cta-cover{
  display: table;
  width: 100%; }
.ws-kit .cta-cover h1 strong{
    font-weight: 400; }
@media (min-width: 1024px){.ws-kit .cta-cover h1{
      float: left;
      max-width: 80%; }
.ws-kit .cta-cover h1 strong{
      display: block; }
.ws-kit .cta-cover .button{
      margin-top: 1.2rem; }
.ws-kit .cta-cover .try{
      text-align: center; }}
@media (max-width: 1023px){.ws-kit .cta-cover .alignright{
      float: none; }}
.ws-kit .work{
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left; }
.ws-kit h1 + .work,.ws-kit h2 + .work,.ws-kit h3 + .work,.ws-kit p + .work{
    margin-top: 4.8rem; }
.ws-kit .work li{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    list-style: none;
    margin: 0;
    position: relative; }
.ws-kit .work p{
    margin-bottom: 0;
    -webkit-transition: .3s;
    transition: .3s; }
.ws-kit .work li a{
    display: block;
    float: left;
    height: 100%;
    padding: 2.4rem 0;
    width: 100%; }
.ws-kit .work li p{
    padding-left: 1.2rem; }
.ws-kit .work li.work-label p{
    padding-left: 0; }
.ws-kit .work li a:hover p:first-child{
    padding-left: 1.6rem; }
.ws-kit .work li p:last-child{
    position: absolute;
    right: 1.2rem;
    top: 2.4rem; }
.ws-kit .work li.work-label p:last-child{
    right: 0;
    top: 0; }
.ws-kit .work-label{
    float: left;
    font-weight: 600;
    padding: 0 0 2.4rem;
    width: 100%; }
.ws-kit .work-title{
    display: block;
    padding-right: 1.2rem;
    width: 75%; }
@media (min-width: 768px){.ws-kit .work-label p,.ws-kit .work li p{
    float: left;
    margin-right: 2%;
    width: 25%; }
.ws-kit .work li.work-label p:last-child,.ws-kit .work li p:last-child{
    float: right;
    margin-right: 0;
    padding-right: 1.2rem;
    position: relative;
    right: auto;
    text-align: right;
    top: auto; }
.ws-kit .work li p.work-date{
    width: 120px; }}
@media (max-width: 768px){.ws-kit .work-client,.ws-kit .work-label .work-services{
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px; }}
.ws-kit .toc,.ws-kit .toc ol > li:before,.ws-kit .chapter{
  position: relative;
  z-index: 2; }
.ws-kit .toc ol{
  counter-reset: item;
  position: relative; }
.ws-kit .toc ol > li:before{
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: .8rem;
    width: 2.4rem; }
.ws-kit .toc ol li li:before{
    content: counters(item, ".") " "; }
.ws-kit .toc li{
  counter-increment: item;
  display: table;
  font-weight: 400;
  margin-bottom: .8rem;
  margin-left: 0;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%; }
.ws-kit .toc li li{
    font-weight: 300;
    margin-bottom: 0;
    margin-left: 0; }
.ws-kit .toc li .toc-page:before{
    content: '';
    display: block;
    left: 0;
    margin-top: 1.8rem;
    position: absolute;
    right: 4rem; }
.ws-kit .toc li > a{
    display: inline-block;
    width: 100%; }
.ws-kit .toc li a:hover span{
    font-weight: 600; }
.ws-kit .toc li a:hover .toc-page:before{
    border-bottom-width: 2px; }
.ws-kit .chapter{
  display: inline-block;
  font-size: 1.8rem;
  line-height: 3.2rem;
  padding-right: .8rem; }
.ws-kit .toc-page{
  float: right; }
.ws-kit [class*='card-'],.ws-kit [class*='card-'] > a{
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative; }
.ws-kit .fullscreen [class*='card-'],.ws-kit .fullscreen [class*='card-'] > a{
  min-height: 100vh; }
.ws-kit [class*='card-'] figure img,.ws-kit [class*='card-'] figure iframe{
  display: block;
  margin: 0 auto; }
.ws-kit [class*='card-'] figure figcaption{
  bottom: 0;
  font-size: 1.4rem;
  left: 0;
  line-height: 2.4rem;
  padding: .8rem 2.4rem;
  position: absolute;
  z-index: 2; }
.ws-kit [class*='card-'] figure figcaption svg{
    font-size: 1rem; }
@media (min-width: 768px){.ws-kit [class*='card'][class*='bg-'] figure,.ws-kit .fullscreen [class*='card'] figure{
    max-height: 100%;
    min-width: 380px;
    text-align: center;
    vertical-align: middle; }
.ws-kit [class*='card-'][class*='bg-'] figure img,.ws-kit [class*='card-'][class*='bg-'] figure iframe,.ws-kit .fullscreen [class*='card-'] figure img,.ws-kit .fullscreen [class*='card-'] figure iframe{
    height: 100%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }}
.ws-kit .flex-content,.ws-kit [class*='card'] blockquote{
  padding: 2.4rem;
  position: relative; }
.ws-kit [class*='card-'] .flex-content,.ws-kit [class*='card-'] blockquote{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.ws-kit .flex-content p{
  position: relative; }
@media (min-width: 768px){.ws-kit .card-50 figure,.ws-kit .card-50 blockquote,.ws-kit .card-50 .flex-content{
    width: 50%; }
.ws-kit .card-30 figure,.ws-kit .card-70 .flex-content,.ws-kit .card-70 blockquote{
    width: 30%; }
.ws-kit .card-40 figure,.ws-kit .card-60 .flex-content,.ws-kit .card-60 blockquote{
    width: 40%; }
.ws-kit .card-60 figure,.ws-kit .card-40 .flex-content,.ws-kit .card-40 blockquote{
    width: 60%; }
.ws-kit .card-70 figure,.ws-kit .card-30 .flex-content,.ws-kit .card-30 blockquote{
    width: 70%; }
.ws-kit [class*='card']:nth-child(odd) figure{
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
.ws-kit [class*='card']:nth-child(even) figure{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
.ws-kit .flex-content,.ws-kit [class*='card'] blockquote{
    padding: 4.8rem; }
.ws-kit .fullscreen [class*='card'] .flex-content,.ws-kit .fullscreen [class*='card'] blockquote{
    padding: 6.4rem; }}
@media (max-width: 767px){.ws-kit [class*='card-'],.ws-kit [class*='card-'] > a{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
.ws-kit .card figure,.ws-kit .card header{
    width: 100%; }}
.ws-kit blockquote{
  display: inline-block;
  position: relative; }
.ws-kit blockquote p{
    font-size: 2.4rem;
    line-height: 4rem; }
.ws-kit blockquote p:last-child{
      margin-bottom: 3.2rem; }
.ws-kit dd blockquote p:last-child{
  margin-bottom: 0; }
.ws-kit cite{
  display: block;
  text-align: center; }
.ws-kit cite:before{
    content: '\2014   \2009';
    margin-right: 6px; }
.ws-kit cite span{
  display: block; }
.ws-kit .text-quote,.ws-kit .wall{
  
  position: relative; }
.ws-kit .text-quote:before,.ws-kit .wall:before{
    content: '\201C';
    font-family: arial, sans-serif;
    font-size: 12rem;
    height: 5.6rem;
    left: -.8rem;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: -4rem;
    width: 5.6rem; }
@media (min-width: 768px){.ws-kit .text-quote,.ws-kit .wall{
      padding-left: 6.4rem; }
.ws-kit .text-quote p,.ws-kit .wall p{
        font-size: 3.2rem;
        line-height: 4.8rem; }
.ws-kit .text-quote:before,.ws-kit .wall:before{
        left: .8rem;
        top: -1.6rem; }}
.ws-kit cite img,.ws-kit img[class*='avatar-']{
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle; }
.ws-kit img[class*='avatar-']{
  border-radius: 50%; }
.ws-kit img.avatar-40{
  height: 40px;
  width: 40px; }
.ws-kit img.avatar-48{
  height: 48px;
  width: 48px; }
.ws-kit img.avatar-56{
  height: 56px;
  width: 56px; }
.ws-kit img.avatar-64{
  height: 64px;
  width: 64px; }
.ws-kit img.avatar-72{
  height: 72px;
  width: 72px; }
.ws-kit img.avatar-80{
  height: 80px;
  width: 80px; }
.ws-kit table{
  margin-bottom: 3.2rem;
  margin-top: 3.2rem; }
.ws-kit td,.ws-kit th,.ws-kit thead{
  border-spacing: 0;
  padding: .7rem 2.4rem; }
.ws-kit thead th,.ws-kit th{
  cursor: default;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap; }
.ws-kit thead,.ws-kit td.goals{
  font-weight: 600;
  text-shadow: none; }
.ws-kit tr > td{
  font-weight: 400; }
.ws-kit form{
  text-align: left; }
.ws-kit form + p,.ws-kit form input + p,.ws-kit form textarea + p{
    margin-top: .8rem; }
.ws-kit input[type='text'],.ws-kit input[type='email'],.ws-kit input[type='tel'],.ws-kit input[type='url'],.ws-kit input[type='search'],.ws-kit input[type='password']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }
.ws-kit input,.ws-kit button,.ws-kit select{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  height: 4.8rem;
  margin: 0;
  padding: .7rem;
  position: relative;
  width: 100%; }
.ws-kit input[type='radio'],.ws-kit input[type='checkbox']{
  height: auto;
  padding: 4px;
  width: auto; }
.ws-kit button[type='submit'],.ws-kit textarea{
  width: 100%; }
.ws-kit textarea{
  padding: .7rem; }
.ws-kit button{
  cursor: pointer;
  text-align: center;
  width: auto; }
.ws-kit .button{
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 4.8rem;
  min-width: 16rem;
  padding: 0 1.6rem;
  text-align: center; }
.ws-kit .button svg{
    font-size: 2.4rem; }
.ws-kit .button.radius,.ws-kit input.radius{
  border-radius: 2.4rem; }
.ws-kit button,.ws-kit input[type='submit']{
  font-weight: 400;
  letter-spacing: .1rem;
  text-transform: uppercase; }
.ws-kit .plans .button{
  margin-left: auto;
  margin-right: auto;
  width: 50%; }
.ws-kit .try{
  display: block;
  font-size: 1.6rem;
  margin-top: 1.6rem; }
.ws-kit fieldset{
  padding: 2.4rem; }
.ws-kit legend{
  border: 0;
  font-weight: 400;
  letter-spacing: .1rem;
  padding: 1.6rem 2.4rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }
.ws-kit input:focus,.ws-kit textarea:focus,.ws-kit select:focus{
  border-width: 1px; }
.ws-kit a.button:hover,.ws-kit button[type='submit']:hover,.ws-kit input[type='submit']:hover{
  -webkit-transform: scale(1.01);
          transform: scale(1.01); }
.ws-kit :disabled,.ws-kit button:disabled:hover{
  cursor: not-allowed; }
.ws-kit .user input{
  margin-bottom: 0; }
.ws-kit .user input[type='email'],.ws-kit .user input[type='search'],.ws-kit .user input[type='text']{
    width: 100%; }
@media (min-width: 500px){.ws-kit .user input[type='email'],.ws-kit .user input[type='search'],.ws-kit .user input[type='text']{
        float: left;
        width: 70%; }}
.ws-kit .user button,.ws-kit .user input[type='submit']{
  left: 0;
  width: 100%; }
@media (min-width: 500px){.ws-kit .user button,.ws-kit .user input[type='submit']{
      cursor: pointer;
      width: 30%; }}
@media (min-width: 500px){.ws-kit [class*='button'] + [class*='button']{
    margin-left: 1.8rem; }}
@media (max-width: 499px){.ws-kit [class*='button'] + [class*='button']{
    margin-top: .8rem; }}
.ws-kit [class*='badge-']{
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .6rem;
  display: inline-block;
  height: 40px;
  line-height: 4rem;
  text-indent: -4000px;
  width: 135px; }
.ws-kit [class*='badge-']:hover{
    opacity: .7; }
@media (min-width: 1024px){.ws-kit [class*='badge-']{
      height: 48px;
      line-height: 4.8rem;
      width: 162px; }}
@media (min-width: 500px){.ws-kit [class*='badge-'] + [class*='badge-']{
      margin-left: 1.8rem; }}
@media (max-width: 499px){.ws-kit [class*='badge-'] + [class*='badge-']{
      margin-top: .8rem; }}
.ws-kit .badge-ios{
   }
.ws-kit .badge-android{
   }
.ws-kit .longform{
  width: 72rem;
  
   }
.ws-kit .longform .alignleft,.ws-kit .longform .alignright{
    max-width: 40%; }
.ws-kit .longform img.aligncenter,.ws-kit .longform figure.aligncenter{
    margin-bottom: 3.2rem;
    margin-top: 3.2rem; }
.ws-kit .longform ul,.ws-kit .longform ol{
    margin-bottom: 3.2rem; }
.ws-kit .longform ul ol,.ws-kit .longform ol ul,.ws-kit .longform ul ul,.ws-kit .longform ol ol{
    margin-bottom: 0; }
.ws-kit .longform figcaption p,.ws-kit .longform [class*='text-pull-'] p{
    font-size: 1.6rem;
    line-height: 2.4rem; }
.ws-kit .longform .text-pull.embed{
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    padding-bottom: 60.6%; }
@media (min-width: 1280px){.ws-kit .longform [class*='text-pull-']{
      max-width: 32%; }
.ws-kit .longform .text-pull-right{
      margin-right: -256px; }
.ws-kit .longform .text-pull-left{
      margin-left: -256px; }}
@media (min-width: 1024px){.ws-kit .longform .text-quote{
      margin-left: -4.8rem;
      margin-right: -4.8rem; }}
.ws-kit .flexblock:before,.ws-kit .flexblock:after,.ws-kit .grid:before,.ws-kit .grid:after,.ws-kit .cta:before,.ws-kit .cta:after{
  width: 0; }
.ws-kit #webslides-zoomed{
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 100vh;
  position: relative;
  z-index: 2; }
.ws-kit #webslides-zoomed.disabled{
    left: -100000px;
    position: absolute; }
.ws-kit #webslides-zoomed .slide{
    height: 400%;
    width: 400%; }
@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape){.ws-kit #webslides-zoomed .slide{
        height: 200%;
        width: 200%; }}
@media (max-aspect-ratio: 2 / 3){.ws-kit #webslides-zoomed .slide{
        height: 200%;
        width: 200%; }}
@media (min-width: 1024px){.ws-kit #webslides-zoomed > .wrap{
      padding-bottom: 12rem;
      padding-top: 12rem; }}
.ws-kit #webslides-zoomed > .wrap > .grid > .column{
    -ms-flex-item-align: auto;
        align-self: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    position: relative;
    width: 25%; }
@media screen and (max-width: 567px){.ws-kit #webslides-zoomed > .wrap > .grid > .column{
        width: 100%; }}
@media screen and (min-width: 568px) and (max-width: 1024px){.ws-kit #webslides-zoomed > .wrap > .grid > .column{
        width: 50%; }}
@media screen and (max-width: 567px) and (orientation: portrait){.ws-kit #webslides-zoomed > .wrap > .grid > .column{
        width: 100%; }}
.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom{
      border-radius: .3rem;
      display: inline-block;
      height: 25vh;
      overflow: hidden;
      position: relative;
      -webkit-transition: .3s;
      transition: .3s; }
@media screen and (max-width: 567px){.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom{
          height: 50vh; }}
@media screen and (min-width: 568px) and (max-width: 1023px){.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom{
          height: 33vh; }}
@media screen and (orientation: portrait){.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom{
          height: 50vw; }}
.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom:hover{
        -webkit-transform: scale(1.02);
                transform: scale(1.02);
        z-index: 2; }
.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom.current{
        -webkit-transform: scale(1.08);
                transform: scale(1.08); }
.ws-kit #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom > .zoom-layer{
      background: transparent;
      cursor: pointer;
      height: 100%;
      position: absolute;
      width: 100%; }
.ws-kit #webslides-zoomed .column > .wrap-zoom > .slide{
    clip: rect(0 auto auto 0);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.25) translate(-150%, -150vh);
            transform: scale(0.25) translate(-150%, -150vh); }
@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape){.ws-kit #webslides-zoomed .column > .wrap-zoom > .slide{
        -webkit-transform: scale(0.5) translate(-50%, -50%);
                transform: scale(0.5) translate(-50%, -50%); }}
@media (max-aspect-ratio: 2 / 3){.ws-kit #webslides-zoomed .column > .wrap-zoom > .slide{
        -webkit-transform: scale(0.5) translate(-50%, -50%);
                transform: scale(0.5) translate(-50%, -50%); }}
.ws-kit #webslides-zoomed .column{
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }
.ws-kit #webslides-zoomed.in .column{
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
.ws-kit .text-slide-number{
  display: inline-block;
  margin: .8rem auto;
  text-align: center; }
.ws-kit #webslides{
  -webkit-transition: -webkit-filter .3s;
  transition: -webkit-filter .3s;
  transition: filter .3s;
  transition: filter .3s, -webkit-filter .3s; }
.ws-kit #webslides.disabled,.ws-kit #webslides.zooming{
    position: fixed;
    width: 100%;
    z-index: 0; }
.ws-kit #webslides.disabled{
    
    
    width: calc(100% - 10px); }
@media print{@page{}
.ws-kit *{
    background: transparent !important;
    color: #000 !important;
    -webkit-filter: none !important;
            filter: none !important;
    text-shadow: none !important; }
.ws-kit html,.ws-kit body,.ws-kit #webslides{
    height: auto !important;
    overflow: auto !important;
    width: auto !important; }
.ws-kit #webslides{
    overflow-x: auto !important;
    overflow-y: auto !important; }
.ws-kit section,.ws-kit .slide{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto !important; }
.ws-kit section *{
    -webkit-animation: none;
            animation: none; }
.ws-kit table,.ws-kit figure{
    page-break-inside: avoid; }
.ws-kit #counter,.ws-kit #navigation{
    display: none; }}
.ws-kit body{
  background-color: #f7f9fb;
  color: #333; }
.ws-kit :focus{
  -webkit-box-shadow: 0 0 2px #96bbee;
          box-shadow: 0 0 2px #96bbee; }
.ws-kit svg{
  fill: currentColor; }
.ws-kit [class*='bg-'] a,.ws-kit [class*='bg-gradient-'] a{
  color: #bce; }
.ws-kit .bg-brown a{
  color: #c23; }
.ws-kit a,.ws-kit .bg-white a,.ws-kit .bg-light a,.ws-kit .bg-gradient-white a{
  color: #44d; }
.ws-kit a:hover{
  color: #3af; }
.ws-kit .flexblock li > a,.ws-kit [class*='bg-'] li > a,.ws-kit [class*='bg-gradient-'] li > a,.ws-kit article header a{
  color: inherit; }
.ws-kit hr{
  background: radial-gradient(ellipse at center, rgba(0, 20, 80, 0.2) 0, rgba(255, 255, 255, 0) 75%); }
.ws-kit hr:after{
  background-color: rgba(255, 255, 255, 0.8);
  color: #333; }
.ws-kit abbr,.ws-kit acronym{
  border-bottom: 1px dotted #f7f9fb; }
.ws-kit mark,.ws-kit ins{
  background-color: rgba(221, 238, 255, 0.8);
  color: inherit; }
.ws-kit ::-moz-selection{
  background-color: rgba(221, 238, 255, 0.8); }
.ws-kit ::-webkit-selection{
  background-color: rgba(221, 238, 255, 0.8); }
.ws-kit ::selection{
  background-color: rgba(221, 238, 255, 0.8); }
.ws-kit pre{
  background: #fff;
  border: 1px solid rgba(0, 20, 80, 0.1);
  -webkit-box-shadow: 0 8px 16px rgba(0, 20, 80, 0.04), 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px rgba(0, 20, 80, 0.04), 0 4px 16px rgba(0, 0, 0, 0.08); }
.ws-kit pre:hover{
  -webkit-box-shadow: 0 8px 16px rgba(0, 40, 160, 0.08), 0 8px 24px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px rgba(0, 40, 160, 0.08), 0 8px 24px rgba(0, 0, 0, 0.08); }
.ws-kit code,.ws-kit [class*='bg-'] pre{
  background-color: rgba(255, 255, 255, 0.09); }
.ws-kit .bg-white code{
  background: rgba(0, 20, 80, 0.03); }
.ws-kit .bg-primary{
  background-color: #44d; }
.ws-kit .bg-secondary{
  background-color: #67d; }
.ws-kit .bg-light{
  background-color: #f7f9fb; }
.ws-kit .bg-black{
  background-color: #111; }
.ws-kit .bg-black-blue{
  background-color: #123; }
.ws-kit .bg-blue{
  background-color: #346; }
.ws-kit .bg-brown{
  background-color: #f9f8f2; }
.ws-kit .bg-gray{
  background-color: #d5d9e2; }
.ws-kit .bg-green{
  background-color: #077; }
.ws-kit .bg-purple{
  background-color: #62b; }
.ws-kit .bg-red{
  background-color: #c23; }
.ws-kit .bg-white{
  background-color: #fff; }
.ws-kit .bg-facebook{
  background-color: #3b5998; }
.ws-kit [class*='bg-'] .bg-white{
  color: #333;
  text-shadow: none; }
.ws-kit .bg-apple{
  background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(50%, #1a2028), to(#293845));
  background: linear-gradient(to bottom, #000 0%, #1a2028 50%, #293845 100%); }
.ws-kit .bg-trans-dark,.ws-kit .bg-trans-gradient,.ws-kit .bg-primary,.ws-kit .bg-secondary,.ws-kit .bg-blue,.ws-kit .bg-green,.ws-kit .bg-purple,.ws-kit .bg-red,.ws-kit .bg-facebook,.ws-kit .bg-apple,.ws-kit [class*='bg-black'],.ws-kit [class*='bg-gradient-']{
  color: #fff;
  text-shadow: 0 1px 0 #013; }
.ws-kit .bg-light p{
  color: #456; }
.ws-kit .bg-brown p{
  color: #666; }
.ws-kit .bg-trans-dark{
  background: rgba(0, 0, 0, 0.8); }
.ws-kit .bg-trans-light{
  background: rgba(0, 0, 0, 0.2); }
.ws-kit .bg-trans-gradient{
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); }
.ws-kit .bg-gradient-h{
  background: linear-gradient(134deg, #32b 0, #62b 100%); }
.ws-kit .bg-gradient-v{
  background: -webkit-gradient(linear, left bottom, left top, from(#62b), to(#32b));
  background: linear-gradient(to top, #62b 0%, #32b 100%); }
.ws-kit .bg-gradient-r{
  background: radial-gradient(ellipse at center, #62b 0%, #32b 100%); }
.ws-kit .bg-gradient-white{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f4f6), to(#fff));
  background: linear-gradient(180deg, #f2f4f6 0, #fff 100%);
  color: #333;
  text-shadow: none; }
.ws-kit .bg-gradient-gray{
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #f7f9fb), to(#dee2e6));
  background: linear-gradient(90deg, #f7f9fb 0, #dee2e6 100%);
  color: #333;
  text-shadow: none; }
.ws-kit .frame{
  border: 0.8rem solid #fff; }
.ws-kit [class*='background'].frame{
  border-width: .2rem; }
.ws-kit .shadow,.ws-kit .pre{
  position: relative; }
.ws-kit .shadow:before,.ws-kit .shadow:after{
  -webkit-box-shadow: 0 16px 24px rgba(0, 20, 80, 0.3);
          box-shadow: 0 16px 24px rgba(0, 20, 80, 0.3); }
.ws-kit .text-separator:before{
  background-color: rgba(170, 0, 0, 0.8); }
.ws-kit [class*='text-pull-']{
  border-top: 4px solid rgba(0, 0, 0, 0.5); }
.ws-kit img[class*='text-pull-'],.ws-kit figure[class*='text-pull-']{
  border-top: 0; }
.ws-kit [class*='bg-'] .text-context:before{
  background-color: #fff; }
.ws-kit .text-context:before,.ws-kit .bg-white .text-context:before{
  background-color: rgba(0, 20, 80, 0.2); }
.ws-kit .text-shadow{
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.5); }
.ws-kit .code-comment{
  color: rgba(70, 170, 130, 0.9);
  text-shadow: none; }
.ws-kit header[role='banner']{
  background-color: #fff; }
.ws-kit .logo a{
  color: inherit; }
.ws-kit nav[role='navigation'] li.active a{
  background-color: #555;
  color: #fff; }
.ws-kit nav[role='navigation'] li a{
  background-color: rgba(50, 50, 50, 0.9);
  color: #fff; }
.ws-kit nav[role='navigation'] li a:hover{
    background-color: rgba(50, 50, 50, 0.7); }
.ws-kit nav li.twitter a:hover{
  background-color: #1da1f3; }
.ws-kit nav li.facebook a:hover{
  background-color: #3b5998; }
.ws-kit nav li.linkedin a:hover{
  background-color: #1683bb; }
.ws-kit nav li.dribbble a:hover{
  background-color: #ea4c89; }
.ws-kit nav li.github a:hover{
  background-color: #60b044; }
.ws-kit nav li.email a:hover{
  background-color: #dd4b39; }
.ws-kit .flexblock li.active a,.ws-kit .metrics li:hover,.ws-kit .specs li:hover,.ws-kit .reasons li:hover{
  background-color: rgba(0, 20, 80, 0.03); }
.ws-kit .features li,.ws-kit .clients li{
  background-color: rgba(255, 255, 255, 0.9); }
.ws-kit [class*='bg-'] .features li,.ws-kit [class*='bg-'] .clients li{
  background-color: rgba(255, 255, 255, 0.1); }
.ws-kit .features li:hover,.ws-kit .clients li:hover{
  -webkit-box-shadow: 0 8px 16px rgba(0, 20, 80, 0.02), 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 16px rgba(0, 20, 80, 0.02), 0 4px 16px rgba(0, 0, 0, 0.08); }
.ws-kit .border{
  border-bottom: 1px solid rgba(0, 20, 80, 0.1);
  border-right: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .border li{
  border-left: 1px solid rgba(0, 20, 80, 0.1);
  border-top: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .flexblock.border li li{
  border: 0; }
.ws-kit .steps li:nth-child(1){
  background-color: #e8eef7; }
.ws-kit .steps li:nth-child(2){
  background-color: #dde5f3; }
.ws-kit .steps li:nth-child(3){
  background-color: #cdd8ec; }
.ws-kit .steps li:nth-child(4){
  background-color: #bbcdec; }
.ws-kit .process{
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent; }
.ws-kit .steps li:hover,.ws-kit .steps.blink li:hover > a{
  background-color: #b8cef7; }
@media (min-width: 1024px){.ws-kit .process.step-2{
    border-left-color: #e8eef7; }
.ws-kit .process.step-3{
    border-left-color: #dde5f3; }
.ws-kit .process.step-4{
    border-left-color: #cdd8ec; }
.ws-kit .steps li:hover + li [class*='step-']{
    border-left-color: #b8cef7; }}
.ws-kit .specs li:after{
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 20, 80, 0)), color-stop(50%, rgba(0, 20, 80, 0.2)), to(rgba(0, 20, 80, 0)));
  background: linear-gradient(to right, rgba(0, 20, 80, 0) 0%, rgba(0, 20, 80, 0.2) 50%, rgba(0, 20, 80, 0) 100%); }
.ws-kit .specs li:last-child:after{
  background: none; }
.ws-kit .reasons li:after{
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 20, 80, 0)), color-stop(50%, rgba(0, 20, 80, 0.2)), to(rgba(0, 20, 80, 0)));
  background: linear-gradient(to right, rgba(0, 20, 80, 0) 0%, rgba(0, 20, 80, 0.2) 50%, rgba(0, 20, 80, 0) 100%); }
.ws-kit .reasons li:last-child:after{
  background: none; }
.ws-kit .overlay{
  background-color: rgba(0, 0, 0, 0.2); }
.ws-kit li:hover .overlay{
  background-color: rgba(0, 0, 0, 0.1); }
.ws-kit .overlay,.ws-kit .overlay a{
  color: #fff;
  text-shadow: 0 1px 0 #111; }
.ws-kit .gallery li{
  background-color: rgba(0, 20, 80, 0.06);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.03);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.03); }
.ws-kit .gallery li figcaption{
  background-color: #fff; }
.ws-kit .flexblock.gallery li:hover{
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); }
.ws-kit .gallery li footer{
  border-top: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .gallery li a{
  color: #333;
  text-shadow: none; }
.ws-kit .flesblock.gallery li a footer{
  color: #aaa; }
.ws-kit .gallery li figcaption:before{
  border: 0.8rem solid #000;
  border-color: transparent transparent #fff #fff; }
.ws-kit .plans > li div,.ws-kit .flexblock.plans li:hover div{
  background-color: #fff; }
.ws-kit .plans > li:hover,.ws-kit .plans > li:nth-child(2){
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); }
.ws-kit .plans:hover li:nth-child(2):not(:hover){
  -webkit-box-shadow: none;
          box-shadow: none; }
.ws-kit .plans li h2{
  background-color: rgba(0, 20, 80, 0.5);
  color: #fff; }
.ws-kit .plans ul li{
  border-bottom: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .plans ul li:last-child{
    border-bottom: 0; }
.ws-kit .plans > li > a{
  color: #333;
  text-shadow: none; }
.ws-kit .activity li{
  border-top: 0.1rem solid rgba(0, 20, 80, 0.1); }
.ws-kit .activity li:hover{
  background-color: rgba(0, 20, 80, 0.02); }
.ws-kit .work-label,.ws-kit .work li a{
  border-bottom: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .work li:nth-child(odd) > a{
  background-color: rgba(0, 20, 80, 0.03); }
.ws-kit .work li a:hover{
  background-color: rgba(0, 20, 80, 0.04); }
.ws-kit .clients.border figcaption{
  border-top: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit img.blacklogo{
  background: none;
  -webkit-filter: grayscale(100%) brightness(10%) contrast(100%);
          filter: grayscale(100%) brightness(10%) contrast(100%); }
.ws-kit img.graylogo{
  -webkit-filter: grayscale(100%) brightness(10%) contrast(10%);
          filter: grayscale(100%) brightness(10%) contrast(10%); }
.ws-kit img.whitelogo{
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); }
.ws-kit li:hover img.blacklogo,.ws-kit li:hover img.graylogo,.ws-kit img.blacklogo:hover,.ws-kit img.graylogo:hover{
  background: none;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: all .6s ease;
  transition: all .6s ease; }
.ws-kit [class*='card-'] > a{
  color: inherit; }
.ws-kit .description > li{
  border-bottom: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .description > li:last-child{
  border-bottom: 0; }
.ws-kit [class*='card-'][class*='bg-'] figure{
  background-color: rgba(0, 20, 80, 0.06); }
.ws-kit [class*='card'] figcaption,.ws-kit [class*='card'] figcaption a{
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
  color: #fff; }
@media (min-width: 768px){.ws-kit .cta .benefit{
    -o-border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
       border-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.4)), to(transparent)) 1 100%;
       border-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent) 1 100%;
    border-left-width: 1px;
    border-style: solid; }}
.ws-kit table td,.ws-kit th,.ws-kit thead{
  border: 1px solid rgba(0, 0, 0, 0.5); }
.ws-kit thead{
  background-color: rgba(0, 0, 0, 0.3); }
.ws-kit tr:nth-child(even) > td{
  background: rgba(0, 0, 0, 0.1); }
.ws-kit tr > td{
  border-top: 1px solid rgba(0, 0, 0, 0.5); }
.ws-kit td:hover,.ws-kit tr:nth-child(even) > td:hover{
  background-color: rgba(255, 255, 255, 0.5); }
.ws-kit .browser{
  border: 1px solid rgba(0, 20, 80, 0.1); }
.ws-kit .browser:hover{
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); }
.ws-kit .browser:before{
  background-color: rgba(0, 20, 80, 0.1);
  border-bottom: 1px solid rgba(0, 20, 80, 0.2);
  color: rgba(255, 255, 255, 0.9); }
.ws-kit .browser:hover:before{
  background-color: rgba(0, 20, 80, 0.12);
  color: #fff; }
.ws-kit input,.ws-kit textarea{
  background-color: #fafbfc; }
.ws-kit input:focus,.ws-kit textarea:focus{
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #51cbee;
          box-shadow: 0 0 5px #51cbee; }
.ws-kit input:focus::-moz-placeholder{
  color: #ddd; }
.ws-kit input:focus::-webkit-input-placeholder{
  color: #ddd; }
.ws-kit a.button,.ws-kit [class*='badge-'],.ws-kit button[type='submit'],.ws-kit input{
  -webkit-box-shadow: 0 10px 16px -8px rgba(0, 20, 80, 0.3);
          box-shadow: 0 10px 16px -8px rgba(0, 20, 80, 0.3); }
.ws-kit button,.ws-kit input,.ws-kit select,.ws-kit textarea,.ws-kit button[type='submit'],.ws-kit input[type='submit'],.ws-kit .button,.ws-kit .button:hover,.ws-kit button[type='submit']:hover,.ws-kit input[type='submit']:hover{
  border: 1px solid #44d; }
.ws-kit button[type='submit'],.ws-kit input[type='submit'],.ws-kit .button,.ws-kit .button:hover,.ws-kit button[type='submit']:hover,.ws-kit input[type='submit']:hover{
  background-color: #44d;
  color: #fff;
  text-shadow: 0 1px 0 #123; }
.ws-kit .button:active,.ws-kit button[type='submit']:active,.ws-kit input[type='submit']:active{
  background-color: #17d; }
.ws-kit .ghost,.ws-kit .ghost:hover{
  background: none;
  color: inherit;
  text-shadow: none; }
.ws-kit .bg-primary select,.ws-kit .bg-primary textarea,.ws-kit .bg-primary .button,.ws-kit .bg-primary button,.ws-kit .bg-primary button:hover,.ws-kit .bg-primary input,.ws-kit [class*='bg-gradient-'] .button,.ws-kit [class*='bg-'] a.button.ghost{
  border-color: #fff; }
.ws-kit [class*='bg-'] a.button{
  color: #fff; }
.ws-kit .bg-white a.button.ghost,.ws-kit .bg-gradient-white a.button.ghost{
  border: 1px solid #44d;
  color: #333; }
.ws-kit :disabled,.ws-kit button:disabled:hover{
  background-color: #eee;
  border-color: #eee;
  color: #ccc; }
.ws-kit fieldset{
  background-color: rgba(0, 20, 80, 0.2);
  border: 1px solid #44d; }
.ws-kit legend{
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff; }
.ws-kit input:hover,.ws-kit select:hover{
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.ws-kit [class*='badge-']{
  background-color: #000;
  border: 1px solid #345; }
.ws-kit form .flexblock li:hover{
  background-color: rgba(0, 0, 0, 0.05); }
.ws-kit .toc,.ws-kit .toc ol > li:before,.ws-kit .chapter{
  background-color: #f7f9fb; }
.ws-kit .toc li .toc-page:before{
  border-bottom: 1px dotted rgba(0, 0, 0, 0.9); }
.ws-kit #counter,.ws-kit #navigation a{
  color: #abc; }
.ws-kit #webslides:hover #navigation a:hover{
  background-color: rgba(0, 10, 40, 0.8);
  color: #fff; }
.ws-kit footer[role='contentinfo']{
  background-color: #fff; }
.ws-kit #webslides-zoomed{
  background: rgba(0, 10, 40, 0.8); }
.ws-kit #webslides-zoomed .column > .wrap-zoom{
  background-color: #f7f9fb;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.04);
  color: #333; }
.ws-kit #webslides-zoomed .column > .wrap-zoom:hover{
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); }
.ws-kit #webslides-zoomed .column > .wrap-zoom.current{
    border: 0.6rem solid rgba(0, 20, 255, 0.2); }
.ws-kit .text-slide-number{
  color: #abc; }