@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
@import url(https://fonts.googleapis.com/css?family=Allan:700=&text=RubyMagicThankYou);

@font-face {
  font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont-32400f4e08.eot?v=4.5.0");src:url("../fonts/fontawesome-webfont-32400f4e08.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont-w2-db812d8a70.woff2?v=4.5.0") format("woff2"),url("../fonts/fontawesome-webfont-a35720c2fe.woff?v=4.5.0") format("woff"),url("../fonts/fontawesome-webfont-a3de2170e4.ttf?v=4.5.0") format("truetype"),url("../fonts/fontawesome-webfont-f775f9cca8.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal;
}



@charset "UTF-8";

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  line-height: 1;
}

body {
  font-weight: 400;
  font-size: 100%;
  color: #19282d;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family:Roboto,Arial,sans-serif;

}

html {font-size: 10px; }


.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased, .strike > span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column, .blog-sidebar > .content > .row > .column,
  .row.collapse > .columns, .blog-sidebar > .content > .row > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row, .blog-sidebar > .content > .row .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse, .row .blog-sidebar > .content > .row {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .blog-sidebar > .content > .row:before, .row .row.collapse:after, .row .blog-sidebar > .content > .row:after {
        content: " ";
        display: table; }
      .row .row.collapse:after, .row .blog-sidebar > .content > .row:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; } }

@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f4f4f4;
  border-color: gainsboro;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #008CBA; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #008CBA; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover,
      .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: not-allowed; }
    .breadcrumbs > *:before {
      content: "/";
      color: #AAAAAA;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

button, .button, nav.top-bar ul li .button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: rem-calc(16);
  background-color: #008CBA;
  border-color: #007095;
  color: #fff;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, nav.top-bar ul li .button:hover, .button:focus, nav.top-bar ul li .button:focus {
    background-color: #007095; }
  button:hover, button:focus, .button:hover, nav.top-bar ul li .button:hover, .button:focus, nav.top-bar ul li .button:focus {
    color: #fff; }
  button.secondary, .button.secondary, nav.top-bar ul li .secondary.button {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success, nav.top-bar ul li .success.button {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #fff; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #368a55; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #fff; }
  button.alert, .button.alert, nav.top-bar ul li .alert.button {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #fff; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #cf2a0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #fff; }
  button.warning, .button.warning, nav.top-bar ul li .warning.button {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      background-color: #cf6e0e; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      color: #fff; }
  button.info, .button.info, nav.top-bar ul li .info.button {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      background-color: #61b6d9; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      color: #fff; }
  button.large, .button.large, nav.top-bar ul li .large.button {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: rem-calc(20); }
  button.small, .button.small, nav.top-bar ul li .small.button {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: rem-calc(13); }
  button.tiny, .button.tiny, nav.top-bar ul li .tiny.button {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: rem-calc(11); }
  button.expand, .button.expand, nav.top-bar ul li .expand.button {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align, nav.top-bar ul li .left-align.button {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align, nav.top-bar ul li .right-align.button {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius, nav.top-bar ul li .radius.button {
    border-radius: 3px; }
  button.round, .button.round, nav.top-bar ul li .round.button {
    border-radius: 5px; }
  button.disabled, button[disabled], .button.disabled, nav.top-bar ul li .disabled.button, .button[disabled], nav.top-bar ul li [disabled].button {
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #007095; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: #fff; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #008CBA; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43AC6A;
      border-color: #368a55;
      color: #fff;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #368a55; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: #fff; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #43AC6A; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: #fff;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: #fff; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #f04124; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #fff;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #cf6e0e; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        color: #fff; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #f08a24; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #61b6d9; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        color: #fff; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #a0d3e8; }

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

@media only screen and (min-width: 40.063em) {
  button, .button, nav.top-bar ul li .button {
    display: inline-block; } }

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.inline-list, ul.blog-options-bar {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li, ul.blog-options-bar > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > *, ul.blog-options-bar > li > * {
      display: block; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #b6edff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008CBA; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #0078a0; }
  .panel.radius {
    border-radius: 3px; }

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: Helvetica, Arial, sans-serif; }
  .side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 1.6rem;
    font-weight: normal; }
    .side-nav li a:not(.button) {
      display: block;
      color: #008CBA;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #1cc7ff; }
    .side-nav li.active > a:first-child:not(.button) {
      color: #1cc7ff;
      font-weight: 500;
      font-family: "Helvetica", Helvetica, Arial, sans-serif; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
    .side-nav li.heading {
      color: #008CBA;
      font-size: 1.6rem;
      font-weight: bold;
      text-transform: uppercase; }

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin-bottom: -0.25rem 0 1.125rem;
  padding-top: 0.25rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    margin-left: 1rem;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999999; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      text-decoration: none;
      color: #999999;
      padding: 0.1875rem 1rem; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #008CBA;
      padding: 0.1875rem 1rem;
      cursor: default;
      color: #fff; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: #0078a0; }

table {
  background: #fff;
  margin-bottom: 1.25rem;
  border: solid 1px #DDDDDD;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #F5F5F5; }
    table thead tr th,
    table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tfoot {
    background: #F5F5F5; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #F9F9F9; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      display: block;
      background-color: #FCFCFC;
      color: #222222;
      padding: 10px 20px;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1.4rem; }
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background-color: #eaeaea; }
      .tabs dd > a:focus, .tabs .tab-title > a:focus {
        outline: none; }
    .tabs dd.active a, .tabs .tab-title.active a {
      background-color: #eaeaea;
      color: #222222; }
  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd, .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }
  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse, form .row .blog-sidebar > .content > .row {
    margin: 0; }
    form .row .row.collapse .column, form .row .blog-sidebar > .content > .row .column,
    form .row .row.collapse .columns,
    form .row .blog-sidebar > .content > .row .columns {
      padding: 0; }
    form .row .row.collapse input, form .row .blog-sidebar > .content > .row input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button, nav.top-bar ul li .postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none; }

.prefix.button, nav.top-bar ul li .prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.15s linear; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly],
  fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
  fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
  fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
  fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
  fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
  fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
  fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
  fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
  fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
  fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
  fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
  fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
  fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
  fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
  fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input, form .row .blog-sidebar > .content > .prefix-radius.row input,
form .row .prefix-radius.row.collapse textarea,
form .row .blog-sidebar > .content > .prefix-radius.row textarea,
form .row .prefix-radius.row.collapse select,
form .row .blog-sidebar > .content > .prefix-radius.row select,
form .row .prefix-radius.row.collapse button,
form .row .blog-sidebar > .content > .prefix-radius.row button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix, form .row .blog-sidebar > .content > .prefix-radius.row .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse input, form .row .blog-sidebar > .content > .postfix-radius.row input,
form .row .postfix-radius.row.collapse textarea,
form .row .blog-sidebar > .content > .postfix-radius.row textarea,
form .row .postfix-radius.row.collapse select,
form .row .blog-sidebar > .content > .postfix-radius.row select,
form .row .postfix-radius.row.collapse button,
form .row .blog-sidebar > .content > .postfix-radius.row button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix, form .row .blog-sidebar > .content > .postfix-radius.row .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-round.row.collapse input, form .row .blog-sidebar > .content > .prefix-round.row input,
form .row .prefix-round.row.collapse textarea,
form .row .blog-sidebar > .content > .prefix-round.row textarea,
form .row .prefix-round.row.collapse select,
form .row .blog-sidebar > .content > .prefix-round.row select,
form .row .prefix-round.row.collapse button,
form .row .blog-sidebar > .content > .prefix-round.row button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px; }

form .row .prefix-round.row.collapse .prefix, form .row .blog-sidebar > .content > .prefix-round.row .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; }

form .row .postfix-round.row.collapse input, form .row .blog-sidebar > .content > .postfix-round.row input,
form .row .postfix-round.row.collapse textarea,
form .row .blog-sidebar > .content > .postfix-round.row textarea,
form .row .postfix-round.row.collapse select,
form .row .blog-sidebar > .content > .postfix-round.row select,
form .row .postfix-round.row.collapse button,
form .row .blog-sidebar > .content > .postfix-round.row button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; }

form .row .postfix-round.row.collapse .postfix, form .row .blog-sidebar > .content > .postfix-round.row .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px; }

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FAFAFA;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }

.error label,
.error label.error {
  color: #f04124; }

.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #fff; }

.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }

.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width: 1000px)/";
  width: 1000px; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #ffffff; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 555; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 9.3rem; }

.top-bar.transparent-background{
  background-color: transparent;
}
.transparent-background .top-bar-section ul li > a {
  color: #9ea7b1;
}
.top-bar.transparent-background .top-bar-section ul li :hover{
  background-color: transparent;
}
nav.top-bar ul li a.logo.transparent-background-logo span{
  color: black;
}
.top-bar.transparent-background .button.round{
  background: transparent;
  border: 2px solid #9ea7b1;
}
.top-bar {
  overflow: hidden;
  height: 9.3rem;
  line-height: 9.3rem;
  position: relative;
  /*background: #ffffff;*/
  margin-bottom: 0;
  background-color: transparent; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.75rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 1.4rem; }
  .top-bar .button, nav.top-bar ul li .button, .top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 1.4rem; }
    @media only screen and (max-width: 40em) {
      .top-bar .button, nav.top-bar ul li .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 9.3rem;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      line-height: 9.3rem;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        font-weight: normal;
        color: #666;
        width: 75%;
        display: block;
        padding: 0 1.8rem; }
  .top-bar .toggle-topbar {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #666;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: 500;
      position: relative;
      display: block;
      padding: 0 1.8rem;
      height: 9.3rem;
      line-height: 9.3rem; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px;
      background-image: url('../images/menu-icon.png');
      background-size: contain;
      background-repeat: no-repeat; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 3.3625rem 0 1.8rem;
        color: #fff;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {/*
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 1.8rem;
          box-shadow: 0 0 0 1px #666, 0 7px 0 1px #666, 0 14px 0 1px #666;
          width: 16px; */}
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #ffffff; }
    .top-bar.expanded .toggle-topbar a {
      color: #666; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  top: -2px;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px gray;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #fff; }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: #666;
      padding: 12px 0 12px 0;
      padding-left: 1.8rem;
      font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: 500;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-right: 1.8rem;
        padding-left: 1.8rem;
        background-color: #008CBA;
        border-color: #007095;
        color: #fff; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #007095; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #fff; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #fff; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #fff; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #fff; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #fff; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #fff; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: #fff; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 1.8rem;
      padding-left: 1.8rem;
      background-color: #008CBA;
      border-color: #007095;
      color: #fff; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #007095; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #fff; }
      .top-bar-section ul li > button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b9b9b9; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #fff; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #fff; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #fff; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #fff; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #fff; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #fff; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #ffffff;
      color: #42A8DB; }
    .top-bar-section ul li.active > a {
      background: #008CBA;
      color: #fff; }
      .top-bar-section ul li.active > a:hover {
        background: #0078a0;
        color: #fff; }
  .top-bar-section .has-form {
    padding: 1.8rem; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
      border-left-style: solid;
      margin-right: 1.8rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 1.8rem; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: 500; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #666;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 1.8rem; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 1.8rem 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 1070px) {

  .top-bar {
    background: #ffffff;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
      width: auto; }
    .top-bar input,
    .top-bar .button, nav.top-bar ul li .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      height: 1.75rem;
      top: 3.775rem; }
    .top-bar.expanded {
      background: #ffffff; }
  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0; }
  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      /*background: #ffffff;*/
      color: #42A8DB; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 1.8rem;
      line-height: 9.3rem;
      /*background: #ffffff;*/ }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        /*background-color: #555555;
        background: #ffffff;*/ }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 1.8rem;
      line-height: 9.3rem;
      color: #fff;
      background: #008CBA; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #0078a0;
        color: #fff; }
    .top-bar-section .has-dropdown > a {
      padding-right: 3.05rem !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 4.65rem; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: #fff;
        line-height: 9.3rem;
        white-space: nowrap;
        padding: 12px 1.8rem;
        background: #fff; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: #fff;
        background: #fff; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: #42A8DB;
        background-color: #555555;
        background: #fff; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px white;
      clear: none;
      height: 9.3rem;
      width: 0; }
    .top-bar-section .has-form {
      background: #ffffff;
      padding: 0 1.8rem;
      height: 9.3rem; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }
  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #ffffff;
    color: #42A8DB; }
  .no-js .top-bar-section ul li:active > a {
    background: #008CBA;
    color: #fff; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }

.text-left, section#frontpage-testimonials .tabs-content > .content .game-metrics .metric-caption {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center, article.article-blog footer .author-info .author-avatar, #homepage-studios.tabs li > a > div {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important; }
  .small-only-text-right {
    text-align: right !important; }
  .small-only-text-center {
    text-align: center !important; }
  .small-only-text-justify {
    text-align: justify !important; } }

@media only screen {
  .small-text-left {
    text-align: left !important; }
  .small-text-right {
    text-align: right !important; }
  .small-text-center {
    text-align: center !important; }
  .small-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important; }
  .medium-only-text-right {
    text-align: right !important; }
  .medium-only-text-center {
    text-align: center !important; }
  .medium-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important; }
  .medium-text-right {
    text-align: right !important; }
  .medium-text-center {
    text-align: center !important; }
  .medium-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important; }
  .large-only-text-right {
    text-align: right !important; }
  .large-only-text-center {
    text-align: center !important; }
  .large-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important; }
  .large-text-right {
    text-align: right !important; }
  .large-text-center {
    text-align: center !important; }
  .large-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important; }
  .xlarge-only-text-right {
    text-align: right !important; }
  .xlarge-only-text-center {
    text-align: center !important; }
  .xlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important; }
  .xlarge-text-right {
    text-align: right !important; }
  .xlarge-text-center {
    text-align: center !important; }
  .xlarge-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }
  .xxlarge-only-text-right {
    text-align: right !important; }
  .xxlarge-only-text-center {
    text-align: center !important; }
  .xxlarge-only-text-justify {
    text-align: justify !important; } }

@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important; }
  .xxlarge-text-right {
    text-align: right !important; }
  .xxlarge-text-center {
    text-align: center !important; }
  .xxlarge-text-justify {
    text-align: justify !important; } }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #008CBA;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0078a0; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  /* font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; */
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  /* font-family: Helvetica, Arial, sans-serif; */
  font-weight: normal;
  font-style: normal;
  color: #2C3443;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 1.2rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #637597;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #637597;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  /*margin-left: 1.1rem; */}
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }

ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }

ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help; }

abbr {
  text-transform: none; }
  abbr[title] {
    border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #505f7a; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #505f7a; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #637597; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2.75rem; }
  h2 {
    font-size: 2.3125rem; }
  h3 {
    font-size: 1.6875rem; }
  h4 {
    font-size: 1.4375rem; }
  h5 {
    font-size: 1.125rem; }
  h6 {
    font-size: 1rem; } }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

.touch table.show-for-touch {
  display: table !important; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .hide-on-print {
    display: none !important; }
  .print-only {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  .show-for-print {
    display: inherit !important; } }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; } }

article.article-documentation {
  margin-bottom: 4em; }
  article.article-documentation header {
    margin-bottom: 40px; }
  article.article-documentation h1 {
    font-size: 3.2rem !important; }
  article.article-documentation .article-documention-toc {
    background-color: #F3F5F5;
    padding: 20px 20px 20px 50px;
    margin: 20px 0 20px 0; }
    article.article-documentation .article-documention-toc > ul {
      margin: 0; }
  article.article-documentation .content h2 {
    font-size: 2.6rem;
    margin-top: 30px;
    display: inline-block;
    /* Required for JS-inserted anchors to float right to it. */ }
  article.article-documentation .content h3 {
    margin-top: 30px;
    font-size: 2.2rem;
    font-weight: 500;
    display: inline-block;
    /* Required for JS-inserted anchors to float right to it. */ }
  article.article-documentation .content h4 {
    margin-top: 30px;
    font-size: 1.9rem;
    font-weight: 600;
    color: #666; }
  article.article-documentation .content h2 + a.anchor,
  article.article-documentation .content h3 + a.anchor {
    content: '#';
    color: #bbb;
    margin-left: 8px;
    cursor: pointer;
    display: inline; }
  article.article-documentation .content h2 + a.anchor:hover,
  article.article-documentation .content h3 + a.anchor:hover {
    color: #999; }
  article.article-documentation .content ul, article.article-documentation .content ol {
    margin-left: 30px; }
  article.article-documentation .content img {
    border: solid 1px #eee;
    padding: 5px;
    background-color: #fff;
    margin: 30px 0 30px 0; }
  article.article-documentation .content .prettyprint.prettyprinted {
    padding: 12px;
    border: 1px solid #eee;
    margin: 30px 0 30px 0; }
  article.article-documentation .content table {
    width: 100%;
    margin: 60px 0 60px 0; }
  article.article-documentation .content th, article.article-documentation .content td {
    font-size: 1.4rem !important;
    padding: 12px 16px 12px 16px !important;
    line-height: inherit !important; }
  article.article-documentation .content th {
    background-color: #747B89;
    color: #fff;
    font-size: 1.4rem !important;
    border-right: solid 1px #fff; }
    article.article-documentation .content th:last-child {
      border-right: none; }
  article.article-documentation .content td {
    background-color: #ffffff;
    font-size: 1.7rem !important;
    color: #888;
    border-right: solid 1px #eee; }
    article.article-documentation .content td:last-child {
      border-right: none; }
  article.article-documentation .content tr {
    border-bottom: solid 1px #eee; }

article.article-searchresult {
  border-bottom: solid 1px #eee;
  margin-bottom: 30px; }
  article.article-searchresult:first-child {
    padding-top: 30px;
    border-top: solid 1px #eee; }
  article.article-searchresult h3 {
    margin-bottom: 26px; }

.documentation-search-result-summary {
  margin-top: 5px;
  margin-bottom: 20px; }
  .documentation-search-result-summary h6 {
    color: #999;
    line-height: 1rem; }

.blog-entry-author h6, article.article-blog header .entry-author h6 {
  color: #aaa;
  font-size: 15px; }

.blog-posts-wrapper {
  max-width: 760px; }

.single-post-wrapper {
  text-align: center; }
  .single-post-wrapper > article.article-blog {
    width: 100%;
    /*max-width:900px;*/
    display: inline-block; }
    .single-post-wrapper > article.article-blog .entry-thumbnail {
      margin: 40px auto 50px auto;
      max-width: 900px; }
      .single-post-wrapper > article.article-blog .entry-thumbnail > img {
        -webkit-border-radius: 5px;
        border-radius: 5px; }
    .single-post-wrapper > article.article-blog .entry-title {
      max-width: 700px;
      margin: 0 auto; }
    .single-post-wrapper > article.article-blog .entry-content {
      position: relative;
      max-width: 700px;
      padding-bottom: 50px; }
    .single-post-wrapper > article.article-blog header .social-share-buttons {
      margin-top: 40px;
      margin-bottom: 40px; }
    .single-post-wrapper > article.article-blog footer {
      width: 100%;
      max-width: 700px;
      display: inline-block; }
    .single-post-wrapper > article.article-blog .social-share-buttons {
      width: 100%;
      /*max-width:700px;*/
      margin: 0 auto;
      /* Styling Mashshare buttons */ }
      .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container {
        display: inline-block;
        margin-top: 13px; }
        .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-count {
          float: right;
          margin: 0 0 0 8px;
          font-size: inherit;
          line-height: 22px;
          font-size: 15px;
          font-weight: 500;
          color: #888;
          text-transform: lowercase;
          padding-top: 1px; }
          .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-count .counts.mashsbcount {
            display: inline;
            font-size: inherit;
            color: inherit;
            margin-right: 3px;
            font-weight: inherit; }
          .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-count .mashsb-sharetext {
            display: inline;
            font-size: inherit;
            color: inherit; }
        .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-buttons {
          float: left; }
          .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-buttons a {
            -webkit-border-radius: 3px;
            border-radius: 3px;
            min-width: 100px;
            height: 25px;
            margin-right: 5px;
            padding: 5px;
            text-align: center; }
            .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-buttons a .icon {
              position: absolute;
              left: 6px;
              top: 7px; }
              .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-buttons a .icon:before {
                font-size: 1.2rem; }
            .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-buttons a .text {
              font-size: 1.4rem;
              vertical-align: 10px;
              text-align: center !important; }
            .single-post-wrapper > article.article-blog .social-share-buttons .mashsb-container .mashsb-buttons a.mashicon-twitter {
              background-color: #55ACEE; }

article.article-blog {
  /*max-width:800px;*/
  margin-bottom: 4em; }
  article.article-blog header .entry-thumbnail .wp-post-image {
    min-width: 100%; }
  article.article-blog header .entry-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 5.6rem; }
    article.article-blog header .entry-title > a {
      color: #2d3545; }
      article.article-blog header .entry-title > a:hover {
        color: #42A8DB; }
  article.article-blog header .entry-meta {
    margin: 16px 0; }
    article.article-blog header .entry-meta h6 {
      color: #aaa;
      font-size: 15px; }
  article.article-blog header .entry-author {
    margin-top: 24px; }
  article.article-blog footer .author-info {
    text-align: center; }
    article.article-blog footer .author-info .author-avatar img {
      max-width: 60px;
      max-height: 60px;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
    article.article-blog footer .author-info .author-description {
      text-align: left; }
      article.article-blog footer .author-info .author-description .author-title {
        margin-bottom: .8rem; }
      article.article-blog footer .author-info .author-description .author-bio {
        margin-bottom: .3rem; }
  article.article-blog .content,
  article.article-blog .entry-content {
    margin-bottom: 6rem;
    text-align: left;
    max-width: 700px;
    margin: 0 auto;
    /* Old blog posts are using H1 tags within the content. Style those as H2. */ }
    article.article-blog .content p,
    article.article-blog .entry-content p {
      color: #697994; }
    article.article-blog .content h1,
    article.article-blog .entry-content h1 {
      font-size: 2.6rem !important;
      margin-top: 30px !important;
      color: #233D57; }
    article.article-blog .content h2,
    article.article-blog .entry-content h2 {
      font-size: 2.6rem;
      margin-top: 30px;
      color: #233D57; }
    article.article-blog .content h3,
    article.article-blog .entry-content h3 {
      margin-top: 30px;
      font-size: 2.2rem;
      font-weight: 500;
      color: #233D57; }
    article.article-blog .content h4,
    article.article-blog .entry-content h4 {
      margin-top: 30px;
      font-size: 1.9rem;
      font-weight: 600;
      color: #233D57; }
    article.article-blog .content ul, article.article-blog .content ol,
    article.article-blog .entry-content ul,
    article.article-blog .entry-content ol {
      margin-left: 30px; }
      article.article-blog .content ul li, article.article-blog .content ol li,
      article.article-blog .entry-content ul li,
      article.article-blog .entry-content ol li {
        color: #697994; }
    article.article-blog .content img,
    article.article-blog .entry-content img {
      padding: 3px;
      background-color: #fff;
      display: table;
      margin: 40px auto 40px auto;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); }
    article.article-blog .content .wp-caption,
    article.article-blog .entry-content .wp-caption {
      width: 100% !important;
      text-center: center !important;
      margin-bottom: 50px; }
      article.article-blog .content .wp-caption > p,
      article.article-blog .entry-content .wp-caption > p {
        text-align: center;
        margin-top: -20px;
        font-style: italic;
        font-size: 1.8rem; }
    article.article-blog .content .prettyprint.prettyprinted,
    article.article-blog .entry-content .prettyprint.prettyprinted {
      padding: 12px;
      border: 1px solid #eee;
      margin: 30px 0 30px 0; }
    article.article-blog .content table,
    article.article-blog .entry-content table {
      width: 100%;
      margin: 60px 0 60px 0; }
    article.article-blog .content th, article.article-blog .content td,
    article.article-blog .entry-content th,
    article.article-blog .entry-content td {
      font-size: 1.4rem !important;
      padding: 12px 16px 12px 16px !important;
      line-height: inherit !important; }
    article.article-blog .content th,
    article.article-blog .entry-content th {
      background-color: #747B89;
      color: #fff;
      font-size: 1.4rem !important;
      border-right: solid 1px #fff; }
      article.article-blog .content th:last-child,
      article.article-blog .entry-content th:last-child {
        border-right: none; }
    article.article-blog .content td,
    article.article-blog .entry-content td {
      background-color: #ffffff;
      font-size: 1.7rem !important;
      color: #999;
      border-right: solid 1px #eee; }
      article.article-blog .content td:last-child,
      article.article-blog .entry-content td:last-child {
        border-right: none; }
    article.article-blog .content tr,
    article.article-blog .entry-content tr {
      border-bottom: solid 1px #eee; }
    article.article-blog .content .bctt-click-to-tweet,
    article.article-blog .entry-content .bctt-click-to-tweet {
      -webkit-border-radius: 2px;
      border-radius: 2px;
      margin: 40px 0 40px 0;
      padding: 22px 15px 15px 30px;
      border-width: 2px;
      border-color: #CCD1DA; }
      article.article-blog .content .bctt-click-to-tweet span.bctt-ctt-text,
      article.article-blog .entry-content .bctt-click-to-tweet span.bctt-ctt-text {
        display: block;
        color: inherit;
        font-size: 1.6rem; }
        article.article-blog .content .bctt-click-to-tweet span.bctt-ctt-text a,
        article.article-blog .entry-content .bctt-click-to-tweet span.bctt-ctt-text a {
          padding: 0;
          color: #666 !important;
          font-weight: 200;
          font-family: inherit !important;
          font-size: 24px !important; }
      article.article-blog .content .bctt-click-to-tweet a.bctt-ctt-btn,
      article.article-blog .entry-content .bctt-click-to-tweet a.bctt-ctt-btn {
        float: left;
        padding-top: 9px;
        margin: 10px 0 0 0;
        text-indent: 24px;
        background-position: left top 10px;
        text-transform: none;
        font-weight: normal; }
  article.article-blog .social-share-buttons {
    padding-top: 10px;
    padding-bottom: 4px;
    text-align: center; }

article.article-blog-list-item {
  background-color: #fff;
  padding: 3px;
  margin-bottom: 4em;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05); }
  article.article-blog-list-item header.entry-header .entry-meta,
  article.article-blog-list-item header.entry-header .entry-title,
  article.article-blog-list-item header.entry-header .entry-summary,
  article.article-blog-list-item header.entry-header .entry-author {
    padding: 0 20px 0 20px; }
  article.article-blog-list-item header.entry-header .entry-title {
    clear: both;
    margin: 20px 0 20px 0;
    font-size: 2.2rem !important;
    line-height: 3.2rem; }

.blog-sidebar {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #F3F5F5;
  width: auto;
  margin-bottom: 60px; }
  .blog-sidebar > .content {
    left: 0;
    top: 0;
    width: auto;
    background-color: #F2F2F3;
    padding-top: 3px; }
    .blog-sidebar > .content > .row {
      padding: 26px 26px 26px 26px; }
      .blog-sidebar > .content > .row.bg-dark-gray {
        background-color: #343E49; }
    .blog-sidebar > .content h6 {
      color: #999; }
  .blog-sidebar #blog-header-mailchimp-signup-box p {
    font-size: 1.7rem;
    color: #bbb; }

ul.blog-tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block; }
  ul.blog-tag-cloud > li {
    float: left;
    margin: 0 12px 10px 0; }
    ul.blog-tag-cloud > li > a {
      display: inline-block;
      border: solid 1px #D8D9DE;
      height: 33px;
      padding-left: 12px;
      -webkit-border-radius: 3px 3px 3px 3px !important;
      border-radius: 3px 3px 3px 3px !important;
      font-size: 1.6rem;
      color: #999; }
      ul.blog-tag-cloud > li > a:hover {
        color: #2d3545 !important; }
      ul.blog-tag-cloud > li > a > span {
        background-color: #D8D9DE;
        height: 32px;
        line-height: 32px;
        margin-left: 12px;
        display: inline-block;
        padding: 0 7px 0 7px;
        font-size: 1.6rem;
        text-align: center;
        min-width: 26px;
        color: #fff; }

.row.blog-search-form {
  padding-bottom: 0px !important; }
  .row.blog-search-form input {
    max-width: 600px;
    margin: 1rem auto; }

ul.blog-sidebar-toplists-tabs li a {
  background-color: transparent !important;
  padding-left: 0px !important;
  padding-right: 50px !important; }
  ul.blog-sidebar-toplists-tabs li a h6 {
    color: #999; }
  ul.blog-sidebar-toplists-tabs li a:hover h6 {
    color: #555; }

ul.blog-sidebar-toplists-tabs li.active h6 {
  color: #2d3545; }

ul.blog-sidebar-toplists {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.blog-sidebar-toplists li a.title {
    font-size: 17px;
    display: block;
    font-weight: 500;
    color: #777;
    text-decoration: none; }
    ul.blog-sidebar-toplists li a.title:hover {
      color: #2d3545 !important; }
  ul.blog-sidebar-toplists li .blog-entry-author h6, ul.blog-sidebar-toplists li article.article-blog header .entry-author h6, article.article-blog header ul.blog-sidebar-toplists li .entry-author h6 {
    font-size: 14px;
    margin-top: 7px; }

ul.blog-options-bar {
  margin-left: 0px !important;
  display: block; }
  ul.blog-options-bar > li {
    margin-right: 20px;
    margin-left: .375rem !important; }
    ul.blog-options-bar > li > a > h6 {
      color: #777; }
    ul.blog-options-bar > li > a:hover h6 {
      color: #2d3545; }
    ul.blog-options-bar > li.active > a > h6 {
      color: #2d3545; }

.blog-home-pagination {
  padding: 10px;
  clear: both; }
  .blog-home-pagination h6 a {
    color: #777; }
    .blog-home-pagination h6 a:hover {
      color: #2d3545; }

ul.blog-2-column-list li:nth-child(odd) {
  padding-right: 16px; }

ul.blog-2-column-list li:nth-child(even) {
  padding-left: 16px; }

.blog-search-result-summary {
  margin-bottom: 40px; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .blog-sidebar {
    position: absolute;
    right: 0px;
    max-width: 380px; } }

.mashsb-container .mashsb-count {
  margin: 6px 10px 6px 6px; }

#blog-learn-about-box {
  visibility: hidden;
  background-color: #343E49;
  width: 300px;
  height: auto;
  position: absolute;
  right: -350px;
  margin-top: 5px;
  text-align: left;
  padding: 24px;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2); }
  #blog-learn-about-box h6 {
    font-size: 1.8rem; }
  #blog-learn-about-box p {
    color: #A3A5AA;
    font-size: 1.7rem;
    margin-bottom: 24px; }
  #blog-learn-about-box .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/icon_close.png) center no-repeat; }
  #blog-learn-about-box .twitter {
    width: 23px;
    height: 12px;
    padding: 5px;
    margin: 0 10px 0 20px;
    background: url(../images/icon_twitter.png) center no-repeat; }
  #blog-learn-about-box .rss {
    width: 18px;
    height: 18px;
    padding: 5px;
    vertical-align: -2px;
    background: url(../images/icon_rss.png) center no-repeat; }
  #blog-learn-about-box .icon {
    display: inline-block;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    transition: .2s opacity;
    -webkit-transition: .2s opacity; }
    #blog-learn-about-box .icon:hover {
      opacity: 1;
      -webkit-opacity: 1; }

.blog-related-posts {
  background-color: #F2F2F3;
  border-top: solid 1px #EAEAEC;
  border-bottom: solid 1px #EAEAEC; }
  .blog-related-posts h3 {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    color: #777777; }
  .blog-related-posts ul {
    display: inline-block; }
    .blog-related-posts ul > li {
      max-width: 700px;
      text-align: left;
      padding: 0 20px 0 20px; }

#mc_signup {
  position: relative;
  height: 44px;
  overflow: hidden;
  display: inline-block; }
  #mc_signup .mc_custom_border_hdr {
    display: none !important; }
  #mc_signup > #mc_signup_form {
    padding: 0;
    white-space: nowrap; }
    #mc_signup > #mc_signup_form > #mc_subheader {
      float: left;
      display: inline-block;
      line-height: 45px;
      margin: 0 20px 0 0;
      font-size: 15px;
      font-weight: 600; }
    #mc_signup > #mc_signup_form > .mc_form_inside {
      float: left; }
      #mc_signup > #mc_signup_form > .mc_form_inside .mc_merge_var {
        margin: 0; }
        #mc_signup > #mc_signup_form > .mc_form_inside .mc_merge_var > label.mc_header_email {
          display: none; }
        #mc_signup > #mc_signup_form > .mc_form_inside .mc_merge_var > input#mc_mv_EMAIL {
          display: inline-block;
          width: 310px;
          height: 44px !important;
          -webkit-border-radius: 3px !important;
          border-radius: 3px !important;
          margin: 0;
          padding-right: 94px !important; }
      #mc_signup > #mc_signup_form > .mc_form_inside .mc_interests_header,
      #mc_signup > #mc_signup_form > .mc_form_inside .mc_interest,
      #mc_signup > #mc_signup_form > .mc_form_inside .mc_interest,
      #mc_signup > #mc_signup_form > .mc_form_inside .mergeRow {
        display: none; }
      #mc_signup > #mc_signup_form > .mc_form_inside .mc_signup_submit {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 76px; }
        #mc_signup > #mc_signup_form > .mc_form_inside .mc_signup_submit > #mc_signup_submit {
          margin: 0;
          -webkit-border-radius: 0 3px 3px 0px;
          border-radius: 0 3px 3px 0px;
          height: 44px;
          width: 76px;
          min-width: 76px;
          max-width: 76px;
          line-height: 22px;
          background-color: rgb(76, 175, 80);
          text-align: center;
          padding-left: 0;
          padding-right: 0;
          text-transform: none !important; }

#blog-header-mailchimp-signup-box {
  margin-top: 11px; }
  #blog-header-mailchimp-signup-box h6 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    color: #666; }
  #blog-header-mailchimp-signup-box .form-elements {
    margin: 0 auto 20px auto;
    max-width: 420px;
    position: relative; }
    #blog-header-mailchimp-signup-box .form-elements input[type=email] {
      width: 100%;
      height: 44px !important;
      -webkit-border-radius: 3px !important;
      border-radius: 3px !important;
      margin: 0;
      padding-right: 94px !important; }
    #blog-header-mailchimp-signup-box .form-elements button[type=submit] {
      margin: 0;
      -webkit-border-radius: 0 3px 3px 0px;
      border-radius: 0 3px 3px 0px;
      height: 44px;
      width: 76px;
      min-width: 76px;
      max-width: 76px;
      line-height: 22px;
      background-color: rgb(76, 175, 80);
      text-align: center;
      padding-left: 0;
      padding-right: 0;
      text-transform: none !important;
      position: absolute;
      top: 0;
      right: 0; }

#blog-footer-mailchimp-signup-box {
  text-align: center;
  background-color: #303948;
  padding: 20px;
  margin-top: 40px;
  clear: both;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  #blog-footer-mailchimp-signup-box h2 {
    color: #fff;
    font-size: 24px !important;
    margin-top: 16px; }
  #blog-footer-mailchimp-signup-box p.feature-text {
    color: #fff;
    font-size: 18px;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    max-width: 450px;
    margin: 16px auto 26px auto; }
  #blog-footer-mailchimp-signup-box p.small-text {
    color: #fff;
    font-size: 14px;
    opacity: 0.7;
    -webkit-opacity: 0.7;
    margin-top: 10px; }
  #blog-footer-mailchimp-signup-box .the-ga-team {
    margin: 30px auto 30px auto; }
  #blog-footer-mailchimp-signup-box .form-elements {
    margin: 0 auto 20px auto;
    max-width: 420px;
    position: relative; }
    #blog-footer-mailchimp-signup-box .form-elements input[type=email] {
      width: 100%;
      height: 44px !important;
      -webkit-border-radius: 3px !important;
      border-radius: 3px !important;
      margin: 0;
      padding-right: 94px !important; }
    #blog-footer-mailchimp-signup-box .form-elements button[type=submit] {
      margin: 0;
      -webkit-border-radius: 0 3px 3px 0px;
      border-radius: 0 3px 3px 0px;
      height: 44px;
      width: 76px;
      min-width: 76px;
      max-width: 76px;
      line-height: 22px;
      background-color: rgb(76, 175, 80);
      text-align: center;
      padding-left: 0;
      padding-right: 0;
      text-transform: none !important;
      position: absolute;
      top: 0;
      right: 0; }

@media only screen and (min-width: 960px) {
  .single-post-wrapper > article.article-blog header .social-share-buttons {
    /* Sticky to bottom */
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 100;
    margin-bottom: 0;
    padding-left: 50px;
    padding-right: 50px; } }

@font-face {
  font-family: "ga-web";
  src: url("../fonts/ga-web.eot");
  src: url("../fonts/ga-web.eot?#iefix") format("embedded-opentype"), url("../fonts/ga-web.woff") format("woff"), url("../fonts/ga-web.ttf") format("truetype"), url("../fonts/ga-web.svg#ga-web") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "ga-web" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "ga-web" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-apple:before {
  content: "a"; }

.icon-build:before {
  content: "b"; }

.icon-custom:before {
  content: "c"; }

.icon-gameanalytics:before {
  content: "d"; }

.icon-insights:before {
  content: "e"; }

.icon-search:before {
  content: "f"; }

.icon-tools:before {
  content: "g"; }

.icon-unity:before {
  content: "h"; }

.icon-corona:before {
  content: "i"; }

.icon-android:before {
  content: "j"; }

.icon-rest-api:before {
  content: "k"; }

.icon-attribution:before {
  content: "l"; }

.icon-check:before {
  content: "n"; }

.icon-love:before {
  content: "o"; }

.icon-progression:before {
  content: "m"; }

.icon-xamarin:before {
  content: "p"; }







a:link, a:visited {
  color: #42A8DB; }

a:hover {
  color: #3281A8;
  text-decoration: none !important; }

a:hover > p {
  color: #fff !important; }

p, li, span, div, label {
  color: #666;
  font-size: 1.5rem; }


.font-small {
  font-size: 1.5rem; }

.font-large {
  font-size: 2.2rem !important; }

.font-xxlarge {
  font-size: 4rem !important; }

.semibold, article.article-documentation .content th, article.article-documentation strong, .blog-entry-author h6, article.article-blog header .entry-author h6, article.article-blog header .entry-meta h6, article.article-blog .content th,
article.article-blog .entry-content th, article.article-blog strong, ul.blog-sidebar-toplists-tabs li a h6, ul.blog-options-bar > li > a > h6, .blog-home-pagination h6, nav.top-bar ul li a:not(.button), footer#site-footer .we-love-games, footer#site-footer .copyright, .tabs .tab-title a, #homepage-studios.tabs li > a h6, ul.breadcrumbs > li.current, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .strike > span {
  font-weight: 600;
  font-style: normal; }

.bold, .badge, .metric-number {
  font-weight: 700;
  font-style: normal; }

.italic {
  font-style: italic; }

.antialiased, .strike > span {
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 5.0rem;
  font-weight: 700; }

h1 {
  line-height: 1.3; }

h2 {
  font-size: 5.0rem;
  font-weight: 800; }

h3 {
  font-size: 2.4rem;
  font-weight: 400; }

h5 {
  font-size: 1.9rem;
  font-weight: 600; }

h6 {
  font-size: 1.5rem; }
  h6.semibold, .blog-entry-author h6, article.article-blog header .entry-author h6, article.article-blog header .entry-meta h6, ul.blog-sidebar-toplists-tabs li a h6, ul.blog-options-bar > li > a > h6, .blog-home-pagination h6, footer#site-footer h6.we-love-games, footer#site-footer h6.copyright, #homepage-studios.tabs li > a h6, .panel h6 {
    -webkit-font-smoothing: antialiased; }

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
  color: #165C9D; }

h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow {
  color: #E69C01; }

h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple {
  color: #8349AC; }

h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
  color: #448B86; }

h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
  color: #BA4F2F; }

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {
  color: #BCC1C7; }

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
  color: #fff; }

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
  color: inherit !important; }

.inline {
  display: inline !important; }

.row {
  max-width: 1170px; }

/*
  Colors
*/
.color-red, section#frontpage-testimonials .tabs-content > .content h2 {
  color: #ff6064 !important; }

.color-default, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #666 !important; }

.color-blue {
  color: #00A6E1 !important; }

.bg-blue {
  background: #00A6E1 !important; }

.color-white, .about-management-pic > .info > h6, .about-management-pic > .info > .occupation {
  color: #fff !important; }

.color-white-transparent {
  color: rgba(255, 255, 255, 0.5); }

.color-ghost-neg, .game-card .game-info > .info h6.font-small {
  color: rgba(255, 255, 255, 0.8); }

.color-ghost-pos, footer#site-footer .we-love-games, footer#site-footer .copyright {
  color: rgba(0, 0, 0, 0.3); }

.color-blue {
  color: #00A6E1 !important; }

.color-gray {
  color: #FCFCFC !important; }

.color-green {
  color: #5ec964 !important; }

.color-dark-blue {
  color: #2d3545 !important; }

.color-android-green {
  color: #94C147 !important; }

.color-dark-gray, section#frontpage-testimonials .tabs-content > .content .game-metrics .metric-caption {
  color: #aaa !important; }

.color-yellow {
  color: #F1AB4C !important; }

.color-link-blue {
  color: #42A8DB !important; }

.color-orange {
  color: #EE7246; }

.color-purple {
  color: #8A60A5; }

.bg-gray {
  background-color: #FCFCFC !important; }

.bg-dark-blue {
  background-color: #2d3545 !important; }

.bg-dark-blue-gradient {
  background: linear-gradient(to bottom, #233447, #2E4B66); }

.bg-green {
  background-color: #5ec964 !important; }

.bg-transparent {
  background-color: transparent !important; }

.bg-ghost-neg {
  background-color: rgba(255, 255, 255, 0.8) !important; }

/*
  Padding
*/
.padding-top-small {
  padding-top: 16px; }

.padding-top-medium, ul.blog-sidebar-toplists li {
  padding-top: 20px; }

.padding-top-large {
  padding-top: 30px; }

.padding-top-xlarge, .blog-posts-wrapper, .single-post-wrapper, .blog-related-posts h3, .strike, section#frontpage-testimonials .tabs-content > .content .game-metrics {
  padding-top: 40px; }

.padding-top-xxlarge {
  padding-top: 80px; }

.padding-top-xxxlarge {
  padding-top: 150px; }

.padding-bottom-small, ul.blog-sidebar-toplists li {
  padding-bottom: 16px; }

.padding-bottom-medium {
  padding-bottom: 20px; }

.padding-bottom-large, .blog-related-posts h3 {
  padding-bottom: 30px; }

.padding-bottom-xlarge, .strike {
  padding-bottom: 40px; }

.padding-bottom-xxlarge {
  padding-bottom: 80px; }

.padding-bottom-xxxlarge {
  padding-bottom: 150px; }

.padding-right-small  {
  padding-right: 20px; }

.small-margin-right {
  margin-right: 10px; }

/*
  Opacity
*/
.opacity-2 {
  opacity: 0.2;
  -webkit-opacity: 0.2; }

.opacity-5 {
  opacity: 0.5;
  -webkit-opacity: 0.5; }

.opacity-7, #homepage-studios.tabs li > a h6, section#frontpage-testimonials .tabs-content > .content .game-metrics .metric-number, .about-management-pic > .info > .occupation {
  opacity: 0.7;
  -webkit-opacity: 0.7; }

.opacity-none {
  opacity: 1;
  -webkit-opacity: 1; }

.grayscale-0 {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); }

.grayscale-1 {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /* For Webkit browsers */
  filter: gray;
  /* For IE 6 - 9 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease; }



button, .button, nav.top-bar ul li .button {
  white-space: nowrap;
  font-size: 1.3rem;
  height: 50px;
  line-height: 26px;
  min-width: 140px;
  letter-spacing: 0.1rem; }
  button:focus, .button:focus, nav.top-bar ul li .button:focus {
    outline: 0; }
  button.button-transparent, nav.top-bar.transparent button.button, .button.button-transparent, nav.top-bar.transparent .button, nav.top-bar ul li .button-transparent.button {
    background-color: transparent; }
    button.button-transparent:hover, nav.top-bar.transparent button.button:hover, .button.button-transparent:hover, nav.top-bar.transparent .button:hover {
      color: #fff !important;
      background-color: transparent; }
  button.border-white, nav.top-bar.transparent button.button, .button.border-white, nav.top-bar.transparent .button, nav.top-bar ul li .border-white.button {
    border: solid 2px #aaa; }
  button.border-gray, .button.border-gray, nav.top-bar ul li .border-gray.button {
    border: solid 2px #C5C8CD; }
  button.button-blue, nav.top-bar ul li button.button, .button.button-blue, nav.top-bar ul li .button {
    color: #fff;
    background-color: rgb(76, 175, 80);
    border: solid 2px transparent; }
    button.button-blue:hover, nav.top-bar ul li button.button:hover, .button.button-blue:hover, nav.top-bar ul li .button:hover {
      color: #fff !important;
      background-color: #439a46; }
  button.button-orange, .button.button-orange, nav.top-bar ul li .button-orange.button {
    color: #fff;
    background-color: #EE7246;
    border: solid 2px transparent; }
    button.button-orange:hover, .button.button-orange:hover {
      color: #fff !important;
      background-color: #8F442A; }
  button.button-green, .button.button-green, nav.top-bar ul li .button-green.button {
    color: #fff;
    background-color: #5ec964;
    border: solid 2px transparent; }
    button.button-green:hover, .button.button-green:hover {
      color: #fff !important;
      background-color: #50ba55; }
  button.big, .button.big, nav.top-bar ul li .big.button {
    height: 65px;
    line-height: 63px;
    padding: 0 42px; }

a.button, nav.top-bar ul li a.button {
  display: inline-block;
  line-height: 47px;
  padding-top: 0;
  padding-bottom: 0; }
  a.button .button-blue, nav.top-bar ul li a.button .button-blue, a.button nav.top-bar ul li .button, nav.top-bar ul li a.button .button {
    color: #fff !important; }
  a.button:hover:not(.button-blue):not(.button-orange):not(.button-green) {
    color: #fff; }




input[type=text],
input[type=password],
input[type=email] {
  height: 48px !important;
  padding: 16px 20px 16px 20px !important;
  background-color: #fff !important;
  -webkit-border-radius: 1000px !important;
  border-radius: 1000px !important;
  border-color: #E6E8EA;
  box-shadow: none;
  -webkit-box-shadow: none; }
  input[type=text].input-large,
  input[type=password].input-large,
  input[type=email].input-large {
    height: 60px !important; }

input[type=text]:invalid,
input[type=email]:invalid {
  border-color: #aaa; }

.cover {
  height: 390px;
  overflow: hidden;
  background-color: #233A49;
  -webkit-background-size: cover;
  /* Safari 3.0 */
  -moz-background-size: cover;
  /* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: cover;
  /* Opera 9.5 */
  background-size: cover;
  /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
  .cover.cover-about {
    background-image: url("/resources/images/_cover-about.png"); }

.center, section#frontpage-testimonials .tabs-content > .content h2 {
  margin: 0 auto;
  text-align: center; }

.text-left, section#frontpage-testimonials .tabs-content > .content .game-metrics .metric-caption {
  text-align: left; }

.text-right {
  text-align: right; }

.uppercase, article.article-documentation .content th, .blog-entry-author h6, article.article-blog header .entry-author h6, article.article-blog header .entry-meta h6, article.article-blog .content th,
article.article-blog .entry-content th, ul.blog-options-bar > li > a > h6, .blog-home-pagination h6, footer#site-footer h6, .strike > span {
  text-transform: uppercase; }

.text-transform-none {
  text-transform: none !important; }

.no-wrap, #homepage-studios.tabs li > a {
  white-space: nowrap; }

.line-top, .single-post-wrapper > article.article-blog header .social-share-buttons, .single-post-wrapper > article.article-blog footer .social-share-buttons, .blog-sidebar, section.sub-navigation {
  border-top: solid 1px #E4E6E7; }

.line-bottom, .single-post-wrapper > article.article-blog header .social-share-buttons, .blog-sidebar, ul.blog-sidebar-toplists li, .blog-search-result-summary, section.sub-navigation {
  border-bottom: solid 1px #E4E6E7; }

.line-left, .blog-sidebar {
  border-left: solid 1px #E4E6E7; }

.line-right, .blog-sidebar {
  border-right: solid 1px #E4E6E7; }

.top-bar-section {
  overflow: visible; }

.transparent .top-bar-section .has-dropdown > a::after {
  border-color: #9ea7b1 transparent transparent; }

.top-bar .row {
  max-width: none; }

nav.top-bar {
  width: 100%;
  background: #ffffff;
  /*&.scrolling {
    transition-property: top, background-color;
    transition-duration: .2s, .2s;
    transition-timing-function: ease-out;
    transition-delay: 0s, .2s;
    position: fixed;
    top: 0;
  }*/ }
  nav.toggle-topbar.menu-icon{

  }
  nav.top-bar .btn-container {
    line-height: 93px; }
  nav.top-bar .toggle-topbar.menu-icon {
    top: 20px;
    right: 26px; }
  nav.top-bar .expanded {
    display: none; }
  nav.top-bar.expanded .expanded {
    display: block; }
  nav.top-bar.expanded .collapsed {
    display: none; }
  nav.top-bar.expanded ul {
    background-color: #fff; }
    nav.top-bar.expanded ul a {
      color: #666 !important; }
  nav.top-bar > .title-area > .name {
    padding-left: 26px; }
  nav.top-bar.fixed {
    position: fixed; }
  nav.top-bar.shadow {
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05); }
  nav.top-bar.transparent {
    transition: background-color 100ms ease-in-out;
    /*background-color: transparent !important;*/ }
    nav.top-bar.transparent.dark {
      background-color: #17242C !important; }
    nav.top-bar.transparent li {
      background-color: transparent !important; }
      nav.top-bar.transparent li a {
        background-color: transparent !important; }
        nav.top-bar.transparent li a:not(.button) {
          color: #9ea7b1; }
  nav.top-bar ul {
    /*height:60px;*/
    margin: 0 !important; }
    nav.top-bar ul.right {
      padding-right: 26px; }
    nav.top-bar ul li {
      background-color: transparent !important;
      margin: 0 !important;
      height: 54px;
      line-height: 54px; }
      nav.top-bar ul li a:not(.button) {
        /*padding:0 18px 0 18px !important;*/
        width: 100%;
        height: 100%;
        font-size: 1.5rem; }
        nav.top-bar ul li a:not(.button):hover {
          color: rgb(76, 175, 80) !important; }
        nav.top-bar ul li a:not(.button).logo {
          padding: 0px 18px 0 18px;
          margin-right: 20px;
          width: 54px;
          height: 24px;
          margin-top: 31px;


        }

nav.top-bar ul li a.logo span {font-family: Roboto !important;
          -webkit-text-size-adjust: 100% !important;
          -ms-text-size-adjust: 100% !important;
          text-size-adjust: 100% !important;
          -webkit-font-smoothing: antialiased !important;
          -moz-osx-font-smoothing: grayscale !important;
          font-weight: normal !important;
          color: #fff;
          font-size: 18px;
          position: relative;
          top: -33px; left: 23px;
          }
nav.top-bar ul li a.logo em {
          -webkit-text-size-adjust: 100% !important;
          -ms-text-size-adjust: 100% !important;
          text-size-adjust: 100% !important;
          -webkit-font-smoothing: antialiased !important;
          -moz-osx-font-smoothing: grayscale !important;
          font-weight: normal !important;
          color: #fff;
          opacity: 0.6;
          font-style: normal !important;
}

  nav.top-bar .has-dropdown:hover:before {
    content: '';
    position: absolute;
    background: transparent;
    height: 50px;
    width: 100px;
    top: 100%; }
  nav.top-bar .dropdown {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    margin-top: 20px !important; }
    nav.top-bar .dropdown h4 {
      margin-bottom: 0.2rem; }
    nav.top-bar .dropdown p {
      text-transform: none;
      font-size: 14px; }
    nav.top-bar .dropdown a:hover > p {
      color: #000 !important; }
  nav.top-bar .dropdown li:not(.has-form):not(.active):nth-child(3) > a:not(.button) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-top: 10px; }
  nav.top-bar .dropdown li:not(.has-form):not(.active):last-child > a:not(.button) {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

.container {
  margin-top: 70px;
}

.f-topbar-fixed .container {
  margin-top: 0; }

.ga-logo-light, nav.top-bar.transparent .logo {
  background-image: url("https://binom.org/templates/img/logo.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  /* Safari 3.0 */
  -moz-background-size: contain;
  /* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: contain;
  /* Opera 9.5 */
  background-size: contain;
  /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
  display: inline-block; }

.ga-logo-dark, nav.top-bar.expanded .logo, nav.top-bar:not(.transparent) .logo {
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  /* Safari 3.0 */
  -moz-background-size: contain;
  /* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: contain;
  /* Opera 9.5 */
  background-size: contain;
  /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
  display: inline-block; }

.special-inline-margin {
  margin-top: 70px; }

/*
.container {
  margin-top:93px;
}
*/
.border-bottom-gray {
  border-bottom: solid 1px #F1F3F3; }

.border-top-gray {
  border-top: solid 1px #F1F3F3; }

article.terms h2, article.privacy h2 {
  margin-top: 2em !important;
  margin-bottom: 1.5em !important;
  text-transform: none !important; }

article.terms h5, article.privacy h5 {
  display: inline;
  float: left;
  margin-bottom: 0 !important; }

article.terms p, article.privacy p {
  margin-left: 50px; }

footer#site-footer {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding-bottom: 10px !important; }
  footer#site-footer .logo {
    display: inline-block;
    width: 54px;
    height: 54px; }
  footer#site-footer .we-love-games {
    margin-top: 0px;
    font-size: 1.5rem;
    color: #000; }
  footer#site-footer .copyright {
    font-size: 1.4rem; }
  footer#site-footer ul {
    margin-top: 1rem; }
    footer#site-footer ul li {
      margin-bottom: 8px; }
      footer#site-footer ul li a {
        display: block;
        height: 100%;
        font-size: 1.5rem;
        color: #666 !important; }
        footer#site-footer ul li a:hover {
          color: #3281A8 !important; }
  footer#site-footer .contact-icon {
    background: url("../images/icon_mail.png") no-repeat 0 0 transparent;
    padding-left: 28px; }
  footer#site-footer .twitter-icon {
    background: url("../images/icon_twitter_footer.png") no-repeat 0 0 transparent;
    padding-left: 28px; }
  footer#site-footer #twitter-widget-0,
  footer#site-footer .fb-like {
    margin-right: 20px; }
  footer#site-footer .fb-like {
    top: 8px; }

.tabs .tab-title a {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #666;
  -webkit-border-radius: 3px 3px 0 0 !important;
  border-radius: 3px 3px 0 0 !important;
  margin-right: 2px; }

#homepage-studios.tabs {
  width: 90%;
  height: 120px !important;
  margin: 0 auto; }
  #homepage-studios.tabs li {
    width: 25%;
    height: 130px !important;
    line-height: 36px !important;
    background-color: transparent; }
    #homepage-studios.tabs li.active a {
      border-bottom: solid 3px #ff6064; }
    #homepage-studios.tabs li:hover:not(.active) a {
      border-bottom: solid 3px #E4E6E7; }
    #homepage-studios.tabs li > a {
      width: 100%;
      margin: 0 auto;
      height: 100%;
      background-color: transparent;
      padding: 0; }
      #homepage-studios.tabs li > a:hover {
        background-color: transparent; }
      #homepage-studios.tabs li > a > div {
        height: 90px; }

.badge {
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  padding: 3px 6px 3px 7px;
  color: #fff;
  text-transform: uppercase;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 1px; }

.card {
  padding: 30px !important;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }
  .card:hover {
    background-color: #fff;
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.05); }

article.blog-post {
  width: auto; }
  article.blog-post header {
    height: auto;
    overflow: visible; }
  article.blog-post p {
    max-width: 640px !important;
    margin: 0 auto;
    margin-bottom: 1.25rem;
    text-align: left; }

blockquote {
  text-align: left;
  font-style: italic;
  clear: both;
  margin: 50px 0 50px 0;
  border-width: 3px; }

.rounded, article.article-documentation .content table, article.article-blog .content table,
article.article-blog .entry-content table {
  -webkit-border-radius: 3px;
  border-radius: 3px; }

#choose-platform > div {
  min-height: 230px;
  /*&:hover {
      background-color:rgba(0,0,0,.5);

      a.button {
        border-color:$ghost-neg;
      }
    }*/
  /*&:first-child {
      border-right:solid 1px #494F5B;
    }*/
  /*.button {
      transition: border-color $transition-duration ease-in-out;
      border-color:#494F5B;
    }*/ }

ul.breadcrumbs {
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  padding-left: 0; }
  ul.breadcrumbs > li {
    font-size: 1.3rem;
    font-weight: 500; }
    ul.breadcrumbs > li > a {
      color: #999; }
      ul.breadcrumbs > li > a:hover {
        color: #2d3545; }

ul.side-nav {
  padding: 0.17rem 0 2.3em 0; }
  ul.side-nav li {
    margin: 0 0 0.3rem 0; }
    ul.side-nav li:hover a {
      background-color: transparent !important;
      text-decoration: none;
      color: #666 !important; }
    ul.side-nav li a {
      color: #999 !important;
      padding: 0 !important;
      padding: .3em .3em .3em 0 !important; }
    ul.side-nav li h5 {
      margin-top: 0; }
    ul.side-nav li.active a {
      color: #2d3545 !important; }

.panel {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 10px 20px;
  margin: 30px 0 44px 0; }
  .panel > .left {
    float: left;
    padding-right: 20px; }
  .panel > .right {
    float: right;
    padding-left: 20px; }
  .panel p {
    margin-bottom: 0; }
  .panel.panel-info {
    background-color: #F2F9FF; }
  .panel.panel-warning {
    background-color: #FFF8E8; }
  .panel.panel-danger {
    background-color: #FFEFF0; }

.sf-button-container {
  width: 407px;
  display: block;
  margin: 0 auto; }

#starbox {
  background: #17242c url("../images/bg_starbox.jpg") no-repeat scroll center center;
  height: 742px;
  position: relative; }
  #starbox h2 {
    font-size: 4.3rem; }
  #starbox p {
    color: #9ea7b1;
    padding: 0 1.4rem; }
  #starbox .sf-button-container {
    margin-top: 20px; }
  #starbox .starbox-image {
    background: url("../images/starbox.png");
    height: 381px;
    width: 1185px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -592px;
    z-index: 2; }
  #starbox a.button-green-gradient {
    margin-right: 25px; }
  #starbox .button-round {
    float: right; }

.small-only {
  display: none; }

.hero {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: #17242C !important;
  background-repeat: no-repeat; }
  .hero h3 {
    color: #667f91;
    font-size: 1.9rem;
    font-weight: normal;
    line-height: 1.5; }
  .hero.home {
    min-height: 802px;
    background: url("../images/stars3.jpg");
    -webkit-background-size: cover;
    /* Safari 3.0 */
    -moz-background-size: cover;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;
    /* Opera 9.5 */
    background-size: cover;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    background-position: center bottom; }
    .hero.home em {
      font-style: unset; }
    .hero.home .platforms {
      position: absolute;
      bottom: 0;
      z-index: 2;
      width: 100%; }
      .hero.home .platforms h6 {
        color: #657e91;
        line-height: 30px;
        padding-left: 0.9375rem;
        display: inline-block;
        float: left; }
      .hero.home .platforms a {
        margin-left: 30px;
        font-size: 30px;
        display: inline-block;
        height: 30px;
        background: url("../images/platforms.png");
        background-repeat: no-repeat; }
        .hero.home .platforms a.apple {
          width: 24px;
          background-position: 0 0; }
        .hero.home .platforms a.android {
          width: 25px;
          background-position: -145px 0; }
        .hero.home .platforms a.unity {
          width: 30px;
          background-position: -85px 0; }
        .hero.home .platforms a.unreal {
          width: 30px;
          background-position: -115px 0; }
        .hero.home .platforms a.xamarin {
          width: 32px;
          background-position: -53px 0; }
        .hero.home .platforms a.corona {
          width: 29px;
          background-position: -24px 0; }
        .hero.home .platforms a.restapi {
          width: 31px;
          background-position: -170px 0; }
        .hero.home .platforms a.marmalade {
          width: 31px;
          background-position: -203px 0; }
        .hero.home .platforms a:hover {
          background-position-y: -30px; }
        .hero.home .platforms a span {
          display: none; }
  .hero.customers {
    background: url("../images/customer-hero-bg.png");
    -webkit-background-size: cover;
    /* Safari 3.0 */
    -moz-background-size: cover;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;
    /* Opera 9.5 */
    background-size: cover;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 670px;
    position: relative; }
    .hero.customers .quote-container {
      width: 640px;
      position: absolute;
      bottom: 40px;
      left: 50%;
      margin-left: -320px; }
      .hero.customers .quote-container .speech-bubble {
        max-width: 340px; }
    .hero.customers > h1 {
      max-width: 1200px; }
  .hero.about {
    background: url("../images/aboutus-hero.jpg");
    -webkit-background-size: cover;
    /* Safari 3.0 */
    -moz-background-size: cover;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;
    /* Opera 9.5 */
    background-size: cover;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
  .hero.services {
    height: 900px;
    position: relative; }
    .hero.services:before {
      content: '';
      background: url("../images/pic_sky-min.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
      background-position: center bottom;
      position: absolute;
      bottom: 0;
      height: 320px;
      width: 100%;
      z-index: 10;
      left: 0;
      right: 0;
      pointer-events: none; }
    .hero.services:after {
      content: '';
      background: url("../images/stars-min.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
      background-position: center bottom;
      position: absolute;
      bottom: 0;
      height: 251px;
      width: 100%;
      z-index: 1;
      left: 0;
      right: 0;
      pointer-events: none; }
    .hero.services .space-dudes {
      background: url("../images/data-guys.png") no-repeat;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 375px;
      height: 509px; }
    .hero.services .space-dude {
      background: url("../images/space-guy.png") no-repeat;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 224px;
      height: 439px; }
    .hero.services .inner-wrapper {
      padding-top: 160px;
      width: 100%;
      z-index: 3; }
  .hero.bi {
    height: 600px;
    position: relative; }
    .hero.bi h1 {
      font-size: 6rem; }
    .hero.bi:before {
      content: '';
      background: url("../images/pic_sky-min.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
      background-position: center bottom;
      position: absolute;
      bottom: 0;
      height: 320px;
      width: 100%;
      z-index: 10;
      left: 0;
      right: 0;
      pointer-events: none; }
    .hero.bi:after {
      content: '';
      background: url("../images/stars-min.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
      background-position: center bottom;
      position: absolute;
      bottom: 0;
      height: 251px;
      width: 100%;
      z-index: 1;
      left: 0;
      right: 0;
      pointer-events: none; }
    .hero.bi .space-computer {
      background: url("../images/data-man-min.png") no-repeat;
      position: absolute;
      bottom: 20px;
      right: 0;
      width: 474px;
      height: 323px; }
    .hero.bi .inner-wrapper {
      padding-top: 20px;
      width: 100%;
      z-index: 3; }
  .hero.docs {
    height: 500px;
    position: relative; }
    .hero.docs:before {
      content: '';
      background: url("../images/pic_sky-min.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
      background-position: center bottom;
      position: absolute;
      bottom: 0;
      height: 320px;
      width: 100%;
      z-index: 10;
      left: 0;
      right: 0;
      pointer-events: none; }
    .hero.docs:after {
      content: '';
      background: url("../images/stars-min.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
      background-position: center bottom;
      position: absolute;
      bottom: 0;
      height: 251px;
      width: 100%;
      z-index: 1;
      left: 0;
      right: 0;
      pointer-events: none; }
    .hero.docs .space-dudes {
      background: url("../images/data-guys.png") no-repeat;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 375px;
      height: 509px; }
    .hero.docs .space-dude {
      background: url("../images/space-guy.png") no-repeat;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 224px;
      height: 439px; }
    .hero.docs .inner-wrapper {
      padding-top: 160px;
      width: 100%;
      z-index: 3; }
  .hero.not-found {
    height: 1000px; }
    .hero.not-found .space-dudes {
      background: url("../images/data-guys.png") no-repeat;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -163px;
      width: 375px;
      height: 509px; }

.game h2 {
  font-size: 4.3rem; }

.game p {
  color: #697994; }

.game-animation {
  padding-top: 80px; }

.speech-bubble {
  position: relative;
  background-color: #fff;
  padding: 1.8em;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .speech-bubble.shadow {
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .speech-bubble .arrow-right {
    right: -11px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #fff; }
  .speech-bubble .arrow-left {
    left: -11px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #fff; }

.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap; }
  .strike > span {
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.3);
    font-size: 1.4rem; }
    .strike > span:before, .strike > span:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 9999px;
      height: 1px;
      background-color: #E4E6E7; }
    .strike > span:before {
      right: 100%;
      margin-right: 24px; }
    .strike > span:after {
      left: 100%;
      margin-left: 24px; }

ul.list-features {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.list-features li {
    padding-left: 26px;
    text-indent: 0px;
    margin-bottom: 32px; }
    ul.list-features li:before {
      content: "n ";
      font-family: "ga-web";
      display: inline-block;
      width: 26px;
      margin-left: -26px;
      vertical-align: -3px; }
  ul.list-features.blue li:before {
    color: #165C9D; }
  ul.list-features.purple li:before {
    color: #8349AC; }
  ul.list-features.red li:before {
    color: #BA4F2F; }
  ul.list-features.green li:before {
    color: #448B86; }

.metric-number {
  font-size: 32px;
  line-height: 2.1rem; }

section {
  overflow: hidden; }
  section.sub-navigation {
    height: 80px; }
    section.sub-navigation ul {
      margin: 0 !important;
      list-style: none; }
      section.sub-navigation ul li {
        float: left;
        margin-right: 20px;
        line-height: 80px; }
        section.sub-navigation ul li a {
          color: #ACB5C0;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 500; }
    section.sub-navigation .right .button {
      margin-top: 15px; }
  section .article-quote {
    margin: 50px 0;
    overflow: hidden; }
    section .article-quote .quote-image, section .article-quote .quote-text {
      float: left; }
    section .article-quote .quote-image {
      margin-right: 20px; }
    section .article-quote .quote-text {
      width: 80%; }
      section .article-quote .quote-text p {
        color: #989CAA;
        line-height: 1.2; }
      section .article-quote .quote-text span {
        color: #42A8DB; }

div.quote h6 {
  margin-bottom: 7px; }

div.quote p {
  color: #7c8a9f; }
  div.quote p span {
    background: url("../images/icon_quote.png") no-repeat 0 0 transparent;
    padding-left: 23px;
    height: 12px;
    display: inline-block; }

a.button-green-gradient {
  background: url("../images/btn_signup_sprite.png") no-repeat 0 0 transparent;
  width: 185px;
  height: 60px;
  color: #fff;
  line-height: 60px;
  float: left;
  margin-right: 45px;
  margin-left: 0; }
  a.button-green-gradient :link, a.button-green-gradient :visited, a.button-green-gradient :hover {
    color: #fff; }
  a.button-green-gradient:hover:not(.button-blue):not(.button-orange):not(.button-green) {
    color: #fff !important;
    background-position-y: -60px; }

a.button-round {
  height: 60px;
  line-height: 60px;
  float: left; }

section#frontpage-testimonials .tabs-content {
  height: 560px; }
  section#frontpage-testimonials .tabs-content > .content {
    position: relative;
    height: 100%;
    padding-top: 90px; }
    section#frontpage-testimonials .tabs-content > .content#panelJellyJump {
      background-image: url("../images/game-jelly-bg.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
    section#frontpage-testimonials .tabs-content > .content#panelCrossyRoad {
      background-image: url("../images/game-crossyroad-bg.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
    section#frontpage-testimonials .tabs-content > .content#panelFunRun {
      background-image: url("../images/game-funrun-bg.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
    section#frontpage-testimonials .tabs-content > .content#panelZombieCatchers {
      background-image: url("../images/game-zombiecatchers-bg.png");
      -webkit-background-size: cover;
      /* Safari 3.0 */
      -moz-background-size: cover;
      /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: cover;
      /* Opera 9.5 */
      background-size: cover;
      /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
    section#frontpage-testimonials .tabs-content > .content h2 {
      max-width: 700px;
      position: relative;
      margin-bottom: 3rem; }
    section#frontpage-testimonials .tabs-content > .content p {
      max-width: 600px;
      margin: 0 auto;
      margin-bottom: 20px; }
    section#frontpage-testimonials .tabs-content > .content .game-metrics .metric-number {
      margin: 0 16px 6px 0;
      float: left; }
    section#frontpage-testimonials .tabs-content > .content .game-metrics .metric-caption {
      font-size: 1.4rem;
      float: left;
      width: 110px; }
    section#frontpage-testimonials .tabs-content > .content .game-metrics .delimiter {
      height: 14px;
      width: 0;
      border-right: solid 2px rgba(0, 0, 0, 0.1);
      position: absolute;
      right: 6px;
      top: 10px; }

.game-card {
  max-width: 270px;
  margin: 0 auto;
  margin-bottom: 30px; }
  .game-card .game-info {
    height: 145px;
    margin-bottom: 30px;
    clear: both;
    background-image: url("../images/bg-gradient-overlay.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    /* Safari 3.0 */
    -moz-background-size: 100% 100%;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 100% 100%;
    /* Opera 9.5 */
    background-size: 100% 100%;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }
    .game-card .game-info > .icon {
      float: left;
      width: 60px;
      height: 60px;
      margin: 76px 0 0 14px; }
    .game-card .game-info > .info {
      text-align: left;
      float: left;
      height: 60px;
      margin: 76px 0 0 10px;
      text-overflow: ellipsis;
      padding-top: 6px; }
      .game-card .game-info > .info h5 {
        font-size: 17px !important;
        margin-bottom: 0px; }
      .game-card .game-info > .info h6 {
        font-weight: 500 !important;
        margin-bottom: 0px; }
        .game-card .game-info > .info h6.font-small {
          font-size: 12px !important;
          opacity: .6; }
  .game-card.ball-king {
    background-image: url("../images/bg_ball-king.png");
    background-repeat: no-repeat; }
    .game-card.ball-king .icon {
      background-image: url("../images/icon_ball-king.png");
      background-repeat: no-repeat; }
  .game-card.colors-united {
    background-image: url("../images/bg_colors-united.png");
    background-repeat: no-repeat; }
    .game-card.colors-united .icon {
      background-image: url("../images/icon_colors-united.png");
      background-repeat: no-repeat; }
  .game-card.skiiing-yeti {
    background-image: url("../images/bg_skiiing-yeti.png");
    background-repeat: no-repeat; }
    .game-card.skiiing-yeti .icon {
      background-image: url("../images/icon_skiiing-yeti.png");
      background-repeat: no-repeat; }
  .game-card.jelly-jump {
    background-image: url("../images/bg_jelly.png");
    background-repeat: no-repeat; }
    .game-card.jelly-jump .icon {
      background-image: url("../images/icon_jelly.png");
      background-repeat: no-repeat; }
  .game-card.fun-run-2 {
    background-image: url("../images/bg_funrun.png");
    background-repeat: no-repeat; }
    .game-card.fun-run-2 .icon {
      background-image: url("../images/icon_funrun.png");
      background-repeat: no-repeat; }
  .game-card.skyward {
    background-image: url("../images/bg_skyward.png");
    background-repeat: no-repeat; }
    .game-card.skyward .icon {
      background-image: url("../images/icon_skyward.png");
      background-repeat: no-repeat; }
  .game-card.zombie-catchers {
    background-image: url("../images/bg_zombie-catchers.png");
    background-repeat: no-repeat; }
    .game-card.zombie-catchers .icon {
      background-image: url("../images/icon_zombie.png");
      background-repeat: no-repeat; }
  .game-card.shades {
    background-image: url("../images/bg_shades.png");
    background-repeat: no-repeat; }
    .game-card.shades .icon {
      background-image: url("../images/icon_shades.png");
      background-repeat: no-repeat; }
  .game-card.trial-xtreme-4 {
    background-image: url("../images/bg_trial-xtreme-4.png");
    background-repeat: no-repeat; }
    .game-card.trial-xtreme-4 .icon {
      background-image: url("../images/icon_trialxtreme.png");
      background-repeat: no-repeat; }
  .game-card.bloons {
    background-image: url("../images/bloons-bg.png");
    background-repeat: no-repeat; }
    .game-card.bloons .icon {
      background-image: url("../images/icon_bloons.png");
      background-repeat: no-repeat; }
  .game-card.daddy-long-legs {
    background-image: url("../images/bg_daddy-long-legs.png");
    background-repeat: no-repeat; }
    .game-card.daddy-long-legs .icon {
      background-image: url("../images/icon_daddy.png");
      background-repeat: no-repeat; }

.screenshot {
  max-width: inherit; }
  .screenshot.floating {
    position: absolute;
    left: 0; }

.features-bottom-hero {
  height: auto;
  background-color: #2d3545;
  background: linear-gradient(to bottom, #1c212b, #2d3545);
  background-position: center bottom;
  -webkit-background-size: cover;
  /* Safari 3.0 */
  -moz-background-size: cover;
  /* Gecko 1.9.2 (Firefox 3.6) */
  -o-background-size: cover;
  /* Opera 9.5 */
  background-size: cover;
  /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */ }

.icon.medium {
  font-size: 260%; }

.icon.large {
  font-size: 400%; }

.icon.gray:before {
  color: #999 !important; }

.icon.white:before {
  color: #fff !important; }

.icon.icon-apple:before {
  color: #2D3544; }

.icon.icon-unity:before {
  color: #2CB3B1; }

.icon.icon-corona:before {
  color: #D06D2B; }

.icon.icon-android:before {
  color: #009B2C; }

.icon.icon-rest-api:before {
  color: #38A88A; }

.icon.icon-xamarin:before {
  color: #3498db; }

.clickarea {
  display: block;
  position: relative;
  cursor: pointer; }
  .clickarea:hover p {
    color: #fff !important; }
  .clickarea:hover h6 {
    color: #3281A8 !important; }
  .clickarea:hover .icon {
    color: #3281A8 !important; }

.feature-partner-box > div {
  height: 150px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease; }

.feature-partner-box.adjust > div {
  background-color: #00bed5; }
  .feature-partner-box.adjust > div img {
    vertical-align: -76px;
    width: 50%; }

.feature-partner-box.appsflyer > div {
  background-color: #80B351; }
  .feature-partner-box.appsflyer > div img {
    vertical-align: -79px;
    width: 60%; }

.feature-partner-box.apsalar > div {
  background-color: #F15A25; }
  .feature-partner-box.apsalar > div img {
    vertical-align: -75px;
    width: 50%; }

.feature-partner-box.mat > div {
  background-color: #007AFF; }
  .feature-partner-box.mat > div img {
    vertical-align: -77px;
    width: 70%; }

.feature-partner-box:hover.adjust > div {
  background-color: #00AABD; }

.feature-partner-box:hover.appsflyer > div {
  background-color: #6E9945; }

.feature-partner-box:hover.apsalar > div {
  background-color: #D95221; }

.feature-partner-box:hover.mat > div {
  background-color: #006FE6; }

.about-management-pic {
  position: relative;
  max-width: 243px;
  margin: 0 auto; }
  .about-management-pic.first .overlay {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }
  .about-management-pic.last .overlay {
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
  .about-management-pic > .overlay {
    background-image: url("../images/management-overlay.png");
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 100%; }
  .about-management-pic > .info {
    position: absolute;
    bottom: 16px;
    left: 24px; }
    .about-management-pic > .info > h6 {
      font-weight: 500;
      margin-bottom: 2px;
      font-size: 18px; }
    .about-management-pic > .info > .occupation {
      font-size: 14px;
      font-weight: 500; }

.contact-form-content {
  position: fixed;
  top: 160px;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  border: 1px solid #E4E6E7;
  background: #fff;
  padding: 30px;
  border-radius: 4px;
  z-index: 2010; }
  .contact-form-content .contact-form-close {
    float: right;
    cursor: pointer; }
  .contact-form-content input {
    border-radius: 4px !important;
    border-color: #d7d7d7 !important;
    padding: 16px 20px 16px 10px !important; }
    .contact-form-content input::-webkit-input-placeholder {
      color: #ccc;
      font-weight: 100; }
    .contact-form-content input:-moz-placeholder {
      color: #ccc;
      font-weight: 100; }
    .contact-form-content input::-moz-placeholder {
      color: #ccc;
      font-weight: 100; }
    .contact-form-content input:-ms-input-placeholder {
      color: #ccc;
      font-weight: 100; }
  .contact-form-content textarea {
    border-radius: 4px;
    padding: 10px;
    border-color: #D7D7D7;
    height: 100px;
    box-shadow: none; }
    .contact-form-content textarea::-webkit-input-placeholder {
      color: #ccc;
      font-weight: 100; }
    .contact-form-content textarea:-moz-placeholder {
      color: #ccc;
      font-weight: 100; }
    .contact-form-content textarea::-moz-placeholder {
      color: #ccc;
      font-weight: 100; }
    .contact-form-content textarea:-ms-input-placeholder {
      color: #ccc;
      font-weight: 100; }
  .contact-form-content .button-orange {
    margin-top: 20px;
    margin-bottom: 0; }

.contact-form-modal {
  display: none; }
  .contact-form-modal:after {
    position: fixed;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000; }

.contact-form-thankyou {
  display: none; }

.mobile-header {
  display: none; }

/*
  Media Queries
*/
@media only screen and (min-width: 768px) {
  .hero .sf-button-container {
    margin: 0 0.9375rem; }
  header.hero.home .show-for-medium-up {
    margin-left: 60px !important; } }

@media only screen and (max-width: 840px) {
  .hero.customers {
    height: auto; }
    .hero.customers .quote-container {
      width: calc(100% - 20px);
      left: auto;
      margin: 0 10px;
      position: initial; }
      .hero.customers .quote-container > img {
        display: none; }
      .hero.customers .quote-container .arrow-right {
        display: none; }
      .hero.customers .quote-container .speech-bubble {
        max-width: none; } }

@media only screen and (max-width: 1350px) {
  .hero.services .space-dudes {
    display: none; }
  .hero .space-computer {
    display: none; } }
@media only screen and (max-width: 1070px) {
  .login-button{
      border: 1px solid #666;
    }
}
@media only screen and (max-width: 960px) {
  header.hero.home > .inner-wrapper {
    padding-top: 100px !important; }
  #starbox {
    height: auto;
    padding-bottom: 120px; }
    #starbox .starbox-image {
      height: 106px;
      width: 320px;
      margin-left: -160px;
      background-size: cover; }
  .hero.services .space-dude {
    display: none; }
  h1 {
    font-size: 7vw; }
  h2 {
    font-size: 3.5rem; }
  section .article-quote .quote-image {
    display: none; }
  section .article-quote .quote-text {
    width: 100%; }
  nav.top-bar .logo {
    /*padding: 0px 18px 0 0px !important;*/
    margin-right: 20px;
    margin-top: 3px;
    width: 106px !important;
    height: 26px !important;

  }
  nav.top-bar .title-area > .name {
    padding-left: 16px !important; }
  nav.top-bar ul.right {
    padding-right: 0px !important;
    padding-top: 20px; }

  nav.top-bar .toggle-topbar.menu-icon {
   /* right: 0;*/ }
  nav.top-bar .btn-container {
    line-height: 54px; }
  nav.top-bar .dropdown {
    border-radius: 0;
    margin-top: 0 !important; }
    nav.top-bar .dropdown h4 {
      margin-bottom: 0.2rem; }
    nav.top-bar .dropdown p {
      text-transform: none;
      font-size: 14px; }
    nav.top-bar .dropdown a:hover > p {
      color: #000 !important; }
  nav.top-bar .dropdown li:not(.has-form):not(.active):nth-child(3) > a:not(.button) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding-top: 10px; }
  nav.top-bar .dropdown li:not(.has-form):not(.active):last-child > a:not(.button) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .special-inline-margin {
    margin-top: auto; } }

@media only screen and (max-width: 375px) {
  .small-p-up {
    display: none; } }

@media only screen and (max-width: 320px) {
  .button.big, nav.top-bar ul li .big.button {
    height: 40px !important;
    line-height: 36px !important;
    padding: 0 10px !important; }
    .button.big.button-green {
      margin: 0 !important; } }

@media only screen and (max-device-width: 320px) {
  .small-up {
    display: none; } }

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  .small-up {
    display: inherit; } }

/*iPhone 6 landscape*/
/*iPhone 6+ Portrait*/
/*iPhone 6+ landscape*/
/*iPhone 6 and iPhone 6+ portrait and landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
  .small-up {
    display: inherit; } }

/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation: portrait) {
  .small-up {
    display: inherit; } }

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-width: 40em) {
  .small-only {
    display: inherit; }
  video {
    max-width: 100%; }
  .row:not(.collapse) > .columns {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important; }
  p, li, span, div, label {
    font-size: 1.6rem; }
  h1, .hero.bi h1 {
    font-size: 3.3rem; }
  h2 {
    font-size: 2.4rem; }
  h3 {
    font-size: 1.8rem; }
  h5 {
    font-size: 1.8rem; }
  h6 {
    font-size: 1.4rem; }
  .padding-top-xlarge, .blog-posts-wrapper, .single-post-wrapper, .blog-related-posts h3, .strike, section#frontpage-testimonials .tabs-content > .content .game-metrics {
    padding-top: 30px; }
  .padding-top-xxlarge {
    padding-top: 40px; }
  .padding-top-xxxlarge {
    padding-top: 60px; }
  .padding-bottom-xlarge, .strike {
    padding-bottom: 30px; }
  .padding-bottom-xxlarge {
    padding-bottom: 40px; }
  .padding-bottom-xxxlarge {
    padding-bottom: 60px; }
  header.hero.home {
    min-height: 650px;
    height: 650px; }
    header.hero.home > .inner-wrapper {
      padding-top: 100px !important; }
  .platforms h6 {
    font-weight: bold; }
  .sf-button-container {
    width: 320px; }
  #starbox {
    height: auto;
    padding-bottom: 120px; }
    #starbox h2 {
      font-size: 2.4rem; }
    #starbox .starbox-image {
      height: 106px;
      width: 320px;
      margin-left: -160px;
      background-size: cover; }
  .about-management-pic.first .overlay,
  .about-management-pic.last .overlay {
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0; }
  #site-footer {
    border: solid 1px #E4E6E7; }
    #site-footer ul {
      margin-top: -4px;
      margin-bottom: 26px; }
    #site-footer .copyright {
      height: 40px; }
  a.button-green-gradient {
    width: 155px;
    margin-left: 0;
    background-position: -185px 0;
    padding-left: 1rem;
    padding-right: 1rem; }
  #starbox a.button-green-gradient, a.button-green-gradient {
    margin-right: 5px; }
  a.button-round {
    padding: 0 10px; }
  .hero.home .platforms a {
    margin-left: 20px; }
    .hero.home .platforms a.small-up {
      display: none; }
  .button.big, nav.top-bar ul li .big.button {
    height: 50px;
    line-height: 46px;
    padding: 0 20px; }
  .hero.services, .hero.bi {
    height: auto; }
    .hero.services .inner-wrapper, .hero.bi .inner-wrapper {
      padding-top: 20px; }
    .hero.services .button.big, .hero.bi .button.big {
      height: 50px;
      line-height: 46px;
      padding: 0 10px; }
    .hero.services:before, .hero.services:after, .hero.bi:before, .hero.bi:after {
      display: none; }
  .sub-navigation.services,
  .sub-navigation.bi {
    display: none; }
  .mobile-header {
    display: block; }
  .small-clear {
    clear: both; }
  .contact-form-content {
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px; }
  .not-found .space-dudes {
    display: none; } }

@media only screen and (max-width: 320px) {
  header.hero.home {
    min-height: 750px;
    height: 750px; } }

.button.white, nav.top-bar ul li .white.button {
  background: #FFF;
  border: none;
  color: #6CB867;
  border-radius: 3px; }
  .button.white.large {
    height: 65px;
    line-height: 65px;
    padding: 0 40px;
    font-size: 16px !important; }
  .button.white:hover {
    color: #6CB867 !important; }

a.button.white:hover:not(.button-blue):not(.button-orange):not(.button-green) {
  color: #6CB867 !important; }

body.green nav.top-bar.transparent {
  background-color: #6CB867 !important; }
  body.green nav.top-bar.transparent.transparent.dark {
    background-color: #6CB867 !important; }
  body.green nav.top-bar.transparent li a:not(.button) {
    color: #FFF; }
    body.green nav.top-bar.transparent li a:not(.button):after {
      border-color: #FFF transparent transparent; }
    body.green nav.top-bar.transparent li a:not(.button):hover {
      color: #FFF !important; }
  body.green nav.top-bar.transparent li a.button {
    border-color: #FFF; }
  body.green nav.top-bar.transparent a.button:hover:not(.button-blue):not(.button-orange):not(.button-green) {
    color: #FFF !important; }

body.green .home.nav-swap.hero {
  background: #6CB867 !important; }
  body.green .home.nav-swap.hero .inner-wrapper {
    background-color: #6CB867 !important; }

body.green .join-beta .floater-left {
  float: left;
  height: 100px; }

body.green .join-beta .floater-right {
  float: right;
  height: 100px; }
  body.green .join-beta .floater-right .button {
    margin-top: 20px; }

body.green .join-beta h3, body.green .join-beta p {
  color: #FFF; }

body.green .join-beta h3 {
  font-size: 36px;
  font-weight: 600; }

@media screen and (max-width: 805px) {
  body.green .hide-small {
    display: none !important; }
  body.green .medium-8 {
    width: 100%; }
  body.green .sf-button-container {
    width: auto;
    padding: 0 10px; }
  body.green .home.nav-swap.hero {
    min-height: 525px !important; }
    body.green .home.nav-swap.hero .small-12.medium-8.large-6.columns.text-left, body.green .home.nav-swap.hero section#frontpage-testimonials .tabs-content > .content .game-metrics .small-12.medium-8.large-6.columns.metric-caption, section#frontpage-testimonials .tabs-content > .content .game-metrics body.green .home.nav-swap.hero .small-12.medium-8.large-6.columns.metric-caption {
      padding-top: 25px !important; }
  .join-beta .floater-left {
    float: none !important;
    height: 100px;
    text-align: center; }
  .join-beta .floater-right {
    float: none !important;
    height: 100px;
    text-align: center; } }

.custom-grid {
  list-style: none;
  font-size: 0;
  margin: 0;
  padding: 0; }
  .custom-grid li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    .custom-grid li .bottom {
      text-align: left;
      line-height: normal;
      position: absolute;
      bottom: 20px;
      left: 20px;
      color: #FFF;
      font-weight: 600; }
      .custom-grid li .bottom small {
        display: block;
        color: #DDD !important;
        font-size: 1.2rem;
        text-transform: uppercase; }
    .custom-grid li a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
  .custom-grid li.split {
    display: none; }

@media screen and (max-width: 1120px) {
  .custom-grid li.split {
    display: block; } }

.quote-new {
  text-align: center;
  font-size: 4rem;
  color: #00A6E1;
  font-weight: 100; }
  .quote-new small {
    color: #CCC;
    font-size: 1.7rem;
    font-weight: 600; }
  .quote-new:before {
    display: block;
    height: 40px;
    width: 100%;
    content: '';
    background: url("../images/quote-icon.png") 50% 50% no-repeat; }
  .quote-new:after {
    display: block;
    height: 40px;
    width: 100%;
    content: '';
    background: url("../images/quote-icon.png") 50% 50% no-repeat; }

@media screen and (max-width: 640px) {
  body.green .hide-small {
    display: none !important; }
  body.green .medium-8 {
    width: 100%; }
  body.green .sf-button-container {
    width: auto;
    padding: 0 10px; }
  body.green .home.nav-swap.hero {
    min-height: 450px !important;
    height: 450px !important; }
    body.green .home.nav-swap.hero .small-12.medium-8.large-6.columns.text-left, body.green .home.nav-swap.hero section#frontpage-testimonials .tabs-content > .content .game-metrics .small-12.medium-8.large-6.columns.metric-caption, section#frontpage-testimonials .tabs-content > .content .game-metrics body.green .home.nav-swap.hero .small-12.medium-8.large-6.columns.metric-caption {
      padding-top: 25px !important; } }

/* OTHER STYLES */
layout-box,.mod-links,.mod-agent,.mod-changelog,.mod-ecosystem,.mod-explanation,.mod-feature,.mod-integrations,.mod-language,.mod-logos,.mod-monitors,.mod-trusted,.mod-values,.mod-what-you-get {
  background: #fff;
  padding: 50px 0;
  text-align: center;
  border-bottom: 1px solid #eaeef0;
}
@media (max-width: 1070px){
  .login-button{
    border: 1px solid #666;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    padding-right: 18px !important;
  }
  nav.top-bar .btn-container {
    line-height: 54px; }
}
@media (max-width: 1200px) {
  .layout-box,.mod-links,.mod-agent,.mod-changelog,.mod-ecosystem,.mod-explanation,.mod-feature,.mod-integrations,.mod-language,.mod-logos,.mod-monitors,.mod-trusted,.mod-values,.mod-what-you-get {
    padding: 40px 0;
  }
}

@media (max-width: 800px) {
  .layout-box,.mod-links,.mod-agent,.mod-changelog,.mod-ecosystem,.mod-explanation,.mod-feature,.mod-integrations,.mod-language,.mod-logos,.mod-monitors,.mod-trusted,.mod-values,.mod-what-you-get {
    padding: 30px 0;
  }
}

@media (max-width: 600px) {
  .layout-box,.mod-links,.mod-agent,.mod-changelog,.mod-ecosystem,.mod-explanation,.mod-feature,.mod-integrations,.mod-language,.mod-logos,.mod-monitors,.mod-trusted,.mod-values,.mod-what-you-get {
    padding: 20px 0;
  }
}

.mod-what-you-get .intro {
  margin-bottom: 60px;
  text-align: center;
}

.mod-what-you-get .intro h1 {
  margin-bottom: 20px;
  font-family: Roboto, Arial, sans-serif;
}

.mod-what-you-get .intro p {
  max-width: 600px;
  margin: 0 auto 20px;
}

@media (min-width: 600px) {
  .mod-what-you-get ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
}

.mod-what-you-get li {
  margin-bottom: 20px;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

@media (min-width: 600px) {
  .mod-what-you-get li {
    margin-bottom: 40px;
  }

  .mod-what-you-get li:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
}

@media (min-width: 600px) and (max-width: 1000px) {
  .mod-what-you-get li {
    -webkit-flex: 0 0 calc((100% / 2) - (40px * (2 - 1) / 2 ));
    -ms-flex: 0 0 calc((100% / 2) - (40px * (2 - 1) / 2 ));
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% / 2) - (40px * (2 - 1) / 2 ));
  }
}

@media (min-width: 1000px) {
  .mod-what-you-get li {
    -webkit-flex: 0 0 calc((100% / 4) - (40px * (4 - 1) / 4 ));
    -ms-flex: 0 0 calc((100% / 4) - (40px * (4 - 1) / 4 ));
    -webkit-box-flex: 0;
    flex: 0 0 calc((100% / 4) - (40px * (4 - 1) / 4 ));
  }
}

.mod-what-you-get a {
  display: block;
  text-decoration: none;
  padding: 20px;
}
.mod-what-you-get ul li a p {font-size: 15px !important;}
.mod-what-you-get ul li a:hover p {color:#555 !important;}
.mod-what-you-get ul li {list-style: none;font-size: 15px;}
.mod-what-you-get ul li h2 {font-size: 18px;}
.mod-what-you-get li.dashboard {
  background: #edf7ee;
}

.mod-what-you-get li.dashboard h2,.mod-what-you-get li.dashboard .icon-plain:before {
  color: #4CAF50;
}

.mod-what-you-get li.hosts {
  background: #f2e8f2;
}

.mod-what-you-get li.hosts h2,.mod-what-you-get li.hosts .icon-plain:before {
  color: #791a7d;
}

.mod-what-you-get li.deploys {
  background: #fdf7e6;
}

.mod-what-you-get li.deploys h2,.mod-what-you-get li.deploys .icon-plain:before {
  color: #efaa04;
}

.mod-what-you-get li.errors {
  background: #faeee9;
}

.mod-what-you-get li.errors h2,.mod-what-you-get li.errors .icon-plain:before {
  color: #c95823;
}

.mod-what-you-get li.performance {
  background: #edf7ee;
}

.mod-what-you-get li.performance h2,.mod-what-you-get li.performance .icon-plain:before {
  color: #4CAF50;
}

.mod-what-you-get li.controllers {
  background: #e7eff7;
}

.mod-what-you-get li.controllers h2,.mod-what-you-get li.controllers .icon-plain:before {
  color: #125caf;
}

.mod-what-you-get li.jobs {
  background: #e7eff7;
}

.mod-what-you-get li.jobs h2,.mod-what-you-get li.jobs .icon-plain:before {
  color: #125caf;
}

.mod-what-you-get li.namespace-actions {
  background: #e7eff7;
}

.mod-what-you-get li.namespace-actions h2,.mod-what-you-get li.namespace-actions .icon-plain:before {
  color: #125caf;
}

.mod-what-you-get li.general {
  background: #e7eff7;
}

.mod-what-you-get li.general h2,.mod-what-you-get li.general .icon-plain:before {
  color: #125caf;
}

.mod-what-you-get li.teams-members {
  background: #f1f2f3;
}

.mod-what-you-get li.teams-members h2,.mod-what-you-get li.teams-members .icon-plain:before {
  color: #6f8087;
}

.mod-what-you-get li.integrations {
  background: #f1f2f3;
}

.mod-what-you-get li.integrations h2,.mod-what-you-get li.integrations .icon-plain:before {
  color: #6f8087;
}

.mod-what-you-get li.push-deploy {
  background: #f1f2f3;
}

.mod-what-you-get li.push-deploy h2,.mod-what-you-get li.push-deploy .icon-plain:before {
  color: #6f8087;
}

.mod-what-you-get li.snapshot {
  background: #e7eff0;
}

.mod-what-you-get li.snapshot h2,.mod-what-you-get li.snapshot .icon-plain:before {
  color: #115c64;
}

.mod-what-you-get li.app {
  background: #f1f2f3;
}

.mod-what-you-get li.app h2,.mod-what-you-get li.app .icon-plain:before {
  color: #6f8087;
}

.mod-what-you-get li.notifications {
  background: #f1f2f3;
}

.mod-what-you-get li.notifications h2,.mod-what-you-get li.notifications .icon-plain:before {
  color: #6f8087;
}


.icon {
  width: 45px;
  height: 45px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  background: #ccc;
  border-radius: 5px;
  font-size: 12px;
}

.icon:before {
  vertical-align: middle;
  color: #fff;
}

.icon.dashboard {
  background-color: #4CAF50;
}

.icon.hosts {
  background-color: #791a7d;
}

.icon.deploys {
  background-color: #efaa04;
}

.icon.errors {
  background-color: #c95823;
}

.icon.performance {
  background-color: #4CAF50;
}

.icon.controllers {
  background-color: #125caf;
}

.icon.jobs {
  background-color: #125caf;
}

.icon.namespace-actions {
  background-color: #125caf;
}

.icon.general {
  background-color: #125caf;
}

.icon.teams-members {
  background-color: #6f8087;
}

.icon.integrations {
  background-color: #6f8087;
}

.icon.push-deploy {
  background-color: #6f8087;
}

.icon.snapshot {
  background-color: #115c64;
}

.icon.app {
  background-color: #6f8087;
}

.icon.notifications {
  background-color: #6f8087;
}

.icon.api {
  background-color: #6f8087;
}

.icon-simple:before {
  vertical-align: middle;
}

.icon-simple.dashboard:before {
  color: #4CAF50;
}

.icon-simple.hosts:before {
  color: #791a7d;
}

.icon-simple.deploys:before {
  color: #efaa04;
}

.icon-simple.errors:before {
  color: #c95823;
}

.icon-simple.performance:before {
  color: #4CAF50;
}

.icon-simple.controllers:before {
  color: #125caf;
}

.icon-simple.jobs:before {
  color: #125caf;
}

.icon-simple.namespace-actions:before {
  color: #125caf;
}

.icon-simple.general:before {
  color: #125caf;
}

.icon-simple.teams-members:before {
  color: #6f8087;
}

.icon-simple.integrations:before {
  color: #6f8087;
}

.icon-simple.push-deploy:before {
  color: #6f8087;
}

.icon-simple.snapshot:before {
  color: #115c64;
}

.icon-simple.app:before {
  color: #6f8087;
}

.icon-simple.notifications:before {
  color: #6f8087;
}

.icon-simple.api:before {
  color: #6f8087;
}


.mod-what-you-get li.api {
  background: #f1f2f3;
}

.mod-what-you-get li.api h2,.mod-what-you-get li.api .icon-plain:before {
  color: #6f8087;
}

.mod-what-you-get .icon-plain {
  font-size: 1.5em;
  display: block;
}


.mod-faq {
  padding: 50px 0;
  text-align: left;
}

@media (max-width: 1200px) {
  .mod-faq {
    padding: 80px 0;
  }
}

@media (max-width: 800px) {
  .mod-faq {
    padding: 60px 0;
  }
}

@media (max-width: 600px) {
  .mod-faq {
    padding: 40px 0;
  }
}

.mod-faq h1 {
  padding: 0 0 20px;
  text-align: center;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.25;
}

.mod-faq article ul {
  list-style: square inside;
}

.mod-faq h2 {
  margin: -20px -20px 20px -20px;
  padding: 15px 20px;
  border-bottom: 1px solid #eaeef0;
  font-weight: 400;
  line-height: 1.5;
  font-size: 20px;
}

.mod-faq p,.mod-faq ul {
  color: #6f8087;
  margin-bottom: 20px;
}

.mod-faq *:last-child {
  margin-bottom: 0;
}


.mod-faq article {
   position: relative;
  margin-bottom: 30px;
  padding: 20px;
  background: #fff;
  border-radius: 4px;


}
.mod-faq p {
  font-size: 16px;
  line-height: 1.75;
  color: #555;
}


/*=Changelog */
.changes .tag {
  line-height: 24px;
  text-align: center;
  width: 45px;
  background: #19282d;
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  margin: 2px 20px 0 2px;
  padding: 0 6px;
  border-radius: 5px;
  font-family: Helvetica, Arial, sans-serif;
}
.changes .tag.app {
  background: #c95823;
}

.changes .tag.api {
  background: #791a7d;
}

.changes .tag.gem {
  background: #4CAF50;
}

.changes ul {
  list-style: none;
  margin-bottom: 40px;
  margin-left: 0px;
  margin-top: 0px;
}

.changes li {
  border-bottom: 1px solid #eaeef0;
  padding: 10px 0 10px 6rem;
  position: relative;
  list-style: none;
  font-size: 12px;
}
.changes li p {color: #555;font-size: 14px;}

.changes li:first-child {
  border-top: 1px solid #eaeef0;
}

.changes li strong {
  font-weight: bold;
}
.changes h2, .changes .tag {
  font-weight: 500;
  line-height: 1.5;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
}
.changes h2 {
  font-size: 14px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  padding-left: 25px;
}
.changes img {
  margin-bottom: 20px;
  display: block;
}


/*=JOBS*/
.mod-jobs-index {
  padding: 0px 0;
  background: #fff;
  border-bottom: 1px solid #eaeef0;
  width: 800px;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .mod-jobs-index {
    padding: 80px 0;
  }
}

@media (max-width: 800px) {
  .mod-jobs-index {
    padding: 60px 0;
  }
}

@media (max-width: 600px) {
  .mod-jobs-index {
    padding: 40px 0;
  }
}

.mod-jobs-index header {
  margin-bottom: 40px;
}

.mod-jobs-index h1 {
  margin-bottom: 20px;
}

.mod-jobs-index p {
  margin-bottom: 20px;
}

.mod-jobs-index a {
  background: #eaeef0;
  margin-bottom: 20px;
  padding: 18px;
  border-radius: 3px;
  display: block;
  text-decoration: none;
  border: 2px solid #eaeef0;
  height:92px;
}

.mod-jobs-index a p {
  margin-bottom: 0;
  margin-top: 0px;
  padding-top:0px;
  color: #555 !important;
}
.mod-jobs-index .list {
  padding-top: 30px;
}
.mod-jobs-index .list a h2 {
  color: #125caf;
  font-weight: 800;
  margin-bottom: 0px;
  padding-bottom: 5px;
  font-size: 19px;
  border: none;
}
a.showjob {
  background-color: #fff;
  border: 2px solid #eaeef0;
}
.mod-jobs-index a div.job-text {
 padding-top: 30px;
display: none;
}
.mod-jobs-index a div.job-text p {
  font-size: 15px;
  color: #333;
}
.mod-jobs-index a div.job-text h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 2px;
}
.love-feedback{display:inline-block;background-image:url(../images/heart.png);width:59px;height:52px;margin:0 5px;position:relative;top:10px;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}

.mod-jobs-item {
  padding: 0px 0;
  background: #fff;
  width: 800px;
  margin: 0 auto;
}
.mod-jobs-item h2 {
  margin-top: 20px;border: none; margin-bottom: 0px;padding-bottom: 0px;
}
.mod-jobs-item ul { margin-top: 10px; padding-top: 0px;}
.mod-jobs-item ul li {
    list-style: square;
    margin-left: 10px;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 5px;
    text-rendering: optimizeLegibility;

}


/*PRICING*/
.pricing--details {text-align: center;}
.pricing--details .pricing-plans .title-label {
  display: block;
  font-family: ProximaNova_bold,sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: inherit;
  margin: 0px 0 0px;
}

.pricing--details .pricing-plans .title-label a {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  text-transform: inherit;
  text-decoration: none;
}

.pricing--details .pricing-plans .plan-integrations li a,.pricing--details .pricing-plans .title-label a:hover {
  text-decoration: underline;
}

.pricing--details .pricing-plans .pricing-label {
  margin-bottom: 0;
  margin-top: 0px;
}

.pricing--details .pricing-plans .pricing-label strong {
  display: inline-block;
  font-family: proxima_nova_ltlight,sans-serif;
  font-weight: 400;
  font-size: 65px;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
  .pricing--details .pricing-plans .pricing-label strong {
    font-size: 48px;
  }
}

.pricing--details .pricing-plans .pricing-label sub,.pricing--details .pricing-plans .pricing-label sup {
  font-size: 20px;
  font-family: proxima_nova_ltlight,sans-serif;
  opacity: .5;
  filter: alpha(opacity=50);
}

.pricing--details .pricing-plans .pricing-label sup {
  vertical-align: top;
  top: 17px;
  margin-right: 4px;
}

.pricing--details .pricing-plans .pricing-label sub {
  bottom: 0;
  margin-left: 2px;
}

.pricing--details .pricing-plans .pricing-label .coming-soon {
  display: inline-block;
  font-size: 15px;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #fff;
  z-index: 1;
}

.pricing--details .pricing-plans .pricing-agent {
  font-size: 18px;
  margin: 5px 0 10px;
}

.pricing--details .pricing-plans .pricing-vat {
  font-size: 12px;
  opacity: .7;
  filter: alpha(opacity=70);
  margin-bottom: 20px;
}

.pricing--details .pricing-plans .plan-settings {
  padding-left: 0;
  list-style: none;
  font-size: 22px;
  text-align: left;
  padding-top: 22px;
  margin-bottom: 20px;
  border-top: 1px solid rgba(0,0,0,.1);
}

.pricing--details .pricing-plans .plan-settings>li:last-of-type,.pricing--details .pricing-plans .plan-settings>li:only-of-type {
  margin-bottom: 0;
}

.pricing--details .pricing-plans .plan-settings>li {
  margin-bottom: 13px;
  padding-left: 15px;
}

.pricing--details .pricing-plans .plan-settings.gold {
  color: #ff6;
}

.pricing--details .pricing-plans .plan-integrations {
  margin-bottom: 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  padding: 7px 0 0 20px;
}

.pricing--details .pricing-plans .plan-integrations>li:last-of-type,.pricing--details .pricing-plans .plan-integrations>li:only-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
  .pricing--details .pricing-plans .plan-integrations {
    padding-left: 14px;
  }
}

.pricing--details .pricing-plans .plan-integrations>li {
  position: relative;
  padding-left: 17px;
  margin-bottom: 15px;
}

.pricing--details .pricing-plans .plan-integrations li abbr {
  border-bottom: 0;
  cursor: help;
}

.pricing--details .pricing-plans .plan-integrations .no {
  text-decoration: line-through;
}

.pricing--details .pricing-plans .plan-integrations .no:before,.pricing--details .pricing-plans .plan-integrations .yes:before {
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 3px;
}

.pricing--details .pricing-plans .plan-integrations .no:before {
  width: 8px;
  height: 8px;
  background-image: url(../images/icons/planSettings.png);
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .pricing--details .pricing-plans .plan-integrations .no:before {
    background-image: url(../images/icons/planSettings@2x.png);
    background-size: 17px 8px;
  }
}

.pricing--details .pricing-plans .plan-integrations .yes:before {
  width: 9px;
  height: 8px;
  background-image: url(../images/icons/planSettings.png);
  background-position: -8px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .pricing--details .pricing-plans .plan-integrations .yes:before {
    background-image: url(../images/icons/planSettings@2x.png);
    background-size: 17px 8px;
  }
}

.pricing--details .pricing-plans .btn-started {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  width: 150px;
  margin: 25px auto 0;
  color: #fff;
  font-size: 14px;
  font-size: 14.5px;
  text-transform: uppercase;
  font-family: ProximaNova_bold,sans-serif;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.pricing--details .pricing-plans .btn-started:active:focus,.pricing--details .pricing-plans .btn-started:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

.pricing--details .pricing-plans .btn-started:focus,.pricing--details .pricing-plans .btn-started:hover {
  cursor: pointer;
  color: #333;
  text-decoration: none;
}

.pricing--details .pricing-plans .btn-started:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: '' inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: '' inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
  -o-box-shadow: '' inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
  box-shadow: '' inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
}

.pricing--details .pricing-plans .btn-started.disabled,.pricing--details .pricing-plans .btn-started[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.pricing--details .pricing-plans .btn-started.download {
  font-family: ProximaNova_semibold,sans-serif;
  height: 60px;
  line-height: 60px;
  padding: 0 32px 0 20px;
  text-shadow: 0 1px 1px rgba(1,1,1,.1);
  min-width: 270px;
}

.pricing--details .pricing-plans .btn-started.download:before {
  display: inline-block;
  width: 37px;
  height: 26px;
  content: '';
  vertical-align: middle;
  background-image: url(../images/icons/buttons/download.png);
  background-repeat: no-repeat;
  margin-right: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .pricing--details .pricing-plans .btn-started.download:before {
    background-image: url(../images/icons/buttons/download@2x.png);
    background-size: 37px 26px;
  }
}

.pricing--details .pricing-plans .btn-started:hover {
  background-color: #fff;
}

.pricing--details .pricing-plans .popular-label {
  display: block;
  background-color: #f6ad10;
  height: 22px;
  font-family: ProximaNova_semibold,sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 24px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 100%;
  left: 0;
  margin: auto;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.pricing--details .pricing-plans .popular-label:before {
  display: inline-block;
  top: 100%;
  right: 0;
  bottom: auto;
  left: 0;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255,245,245,0);
  border-top-color: #f6ad10;
  border-width: 10px;
  margin: auto;
  margin-left: auto!important;
}

.pricing--details .pricing-plans .enterprise h4 {
  font-size: 22px;
  text-align: left;
  font-family: ProximaNova_bold,sans-serif;
  line-height: 1;
  padding: 0 20px;
  margin: 25px 0 15px;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
  .pricing--details .pricing-plans .enterprise h4 {
    font-size: 20px;
  }
}

.pricing--details .pricing-plans .enterprise .plan-integrations {
  margin-bottom: 35px;
}

.pricing--details .pricing-plans .enterprise .btn {
  display: block;
  height: 30px;
  line-height: 28px;
  font-size: 15px;
  padding: 0;
  margin: 0 20px;
}

.pricing--details .pricing-plans .personal {
  background-color: #a8cd67;
}

.pricing--details .pricing-plans .personal .btn-started:hover {
  color: #92c041;
}

.pricing--details .pricing-plans .personal:hover {
  background-color: #9dc754;
}

.pricing--details .pricing-plans .startup {
  background-color: #55c862;
}

.pricing--details .pricing-plans .startup .btn-started:hover {
  color: #39b147;
}

.pricing--details .pricing-plans .startup:hover {
  background-color: #42c250;
}

.pricing--details .pricing-plans .smalloffice {
  background-color: #48b3e5;
}

.pricing--details .pricing-plans .smalloffice .btn-started:hover {
  color: #1f9fdb;
}

.pricing--details .pricing-plans .smalloffice:hover {
  background-color: #32aae2;
}

.pricing--details .pricing-plans .team {
  background-color: #2d8acb;
}

.pricing--details .pricing-plans .team .btn-started:hover {
  color: #246ea1;
}

.pricing--details .pricing-plans .team:hover {
  background-color: #287cb6;
}

.pricing--details .pricing-plans .professional {
  background-color: #3868b1;
}

.pricing--details .pricing-plans .professional .btn-started:hover {
  color: #2c518a;
}

.pricing--details .pricing-plans .professional:hover {
  background-color: #325d9e;
}

.pricing--details .pricing-plans .business {
  background-color: #394e71;
}

.pricing--details .pricing-plans .business .btn-started:hover {
  color: #28374f;
}

.pricing--details .pricing-plans .business:hover {
  background-color: #304260;
}

.pricing--details .pricing-plans .enterprise {
  background-color: #37465d;
}

.pricing--details .pricing-plans .enterprise .btn-started:hover {
  color: #242e3d;
}

.pricing--details .pricing-plans .enterprise:hover {
  background-color: #2e3a4d;
}

.desk.pricing .pricing--details .pricing-plans .startup {
  background-color: #48c255;
}

.desk.pricing .pricing--details .pricing-plans .pro {
  background-color: #38a7da;
}

.desk.pricing .pricing--details .pricing-plans .business {
  background-color: #394e71;
}

.desk.pricing .pricing--details .pricing-plans .helpdocs {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  color: #666;
}

.desk.pricing .pricing--details .pricing-plans .helpdocs .title-label {
  color: #333;
}

.desk.pricing .pricing--details .pricing-plans .helpdocs .plan-integrations .yes:before {
  width: 14px;
  height: 11px;
  background-size: 9px 7px;
  background-image: url(../images/icons/list-check.png);
  background-position: center;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .desk.pricing .pricing--details .pricing-plans .helpdocs .plan-integrations .yes:before {
    background-image: url(../images/icons/list-check@2x.png);
    background-size: 9px 7px;
  }
}



@media (max-width:991px) {
  .pricing--details .pricing-plans.b .pricing-block {
    width: 210px;
  }
}

@media (max-width:767px) {
  .pricing--details .pricing-plans.b .pricing-block {
    width: 100%;
    margin: 10px 0;
  }

  .pricing--details .pricing-plans.b .pricing-block.popular {
    margin-top: 32px;
  }
}

.pricing--details .pricing-plans.b .pricing-block .plan-settings {
  text-align: center;
  margin: 0 0 20px;
  border: 0;
}

.pricing--details .pricing-plans.b .pricing-block .plan-settings>li {
  padding: 0;
}

.pricing--details .pricing-plans.b .pricing-block .btn-started {
  border: 0;
  background: #f1bc18;
  height: 45px;
  line-height: 45px;
  box-shadow: 0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 #f5d160;
  padding: 0 15px;
}

.pricing--details .pricing-plans.b .pricing-block .pricing-label strong {
  font-size: 75px;
}

.pricing--details .pricing-plans.b .business {
  background-color: #305896;
}

.pricing--details .pricing-plans.b .business .btn-started:hover {
  color: #24416f;
}

.pricing--details .pricing-plans.b .business:hover {
  background-color: #2a4d83;
}

.pricing--details .pricing-plans.b .professional {
  background-color: #2589df;
}

@media (min-width:768px) {
  .pricing--details .pricing-plans.b .professional {
    padding: 10px 0 45px;
    margin-top: -10px;
  }
}

.pricing--details .pricing-plans.b .professional .btn-started:hover {
  color: #1b6eb6;
}

.pricing--details .pricing-plans.b .professional:hover {
  background-color: #1e7ccc;
}

.pricing--details .pricing-plans.b .smalloffice {
  background-color: #22bb60;
}

.pricing--details .pricing-plans.b .smalloffice .btn-started:hover {
  color: #1a904a;
}

.pricing--details .pricing-plans.b .smalloffice:hover {
  background-color: #1ea555;
}

.pricing--details.test-b .b {
  display: block;
}

.pricing--details.test-b .a {
  display: none;
}

.pricing--details .enterprise-solution {
  height: 320px;
  width: 100%;
  border: 1px solid #2d9cfa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  color: #666;
  margin: -15px 0 0;
  display: table;
}

.pricing--details .enterprise-solution>.content-vertical {
  display: table-cell;
  vertical-align: middle;
}

.pricing--details .enterprise-solution .icon-hold {
  display: inline-block;
  fill: #2a65be;
}

.pricing--details .enterprise-solution .icon-hold .path-hold {
  fill: inherit;
}

.pricing--details .enterprise-solution .title-label {
  color: #333;
  font-size: 30px!important;
  font-family: ProximaNova_regular,sans-serif;
}

.pricing--details .pricing-features {
  font-size: 16px;
  color: #333;
  text-align: left;
}

.pricing--details .pricing-features .title-label {
  font-size: 60px;
  margin: 0px 0 20px;
}

@media only screen and (max-width:991px) {
  .pricing--details .pricing-features .title-label {
    font-family: ProximaNova_semibold,sans-serif;
    font-size: 32px!important;
  }
}

.pricing--details .pricing-features ul>li {
  margin-bottom: 15px;
}

.pricing--details .pricing-features li.clean:before {
  display: none;
}

.pricing--details .pricing-features .btn-border {
  font-size: 15px;
  padding: 0 25px;
  height: 30px;
  line-height: 28px;
}

.pricing--details .pricing-block {
    display: inline-block;
    width: 250px;
    min-height: 425px;
    margin: 0 5px;
    position: relative;
    vertical-align: top;
    background-color: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: background-color .15s ease;
    -moz-transition: background-color .15s ease;
    -o-transition: background-color .15s ease;
    transition: background-color .15s ease;
}
.pricing--details .pricing-block * {color:#fff;}
.pricing--details .pricing-plans .title-label {
    display: block;
    font-family: ProximaNova_bold,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: inherit;
    margin: 25px 0 0px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
}
.pricing--details .pricing-plans .plan-settings {
    padding-left: 0;
    list-style: none;
    font-size: 22px;
    text-align: left;
    padding-top: 22px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(0,0,0,.1);
}
.pricing--details .pricing-plans .plan-settings>li {
    margin-bottom: 13px;
    padding-left: 15px;
}
.pricing--details .pricing-plans .plan-integrations {
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    padding: 0px 0 0 20px;
}
.pricing--details .pricing-plans .plan-integrations>li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.pricing--details .pricing-plans .plan-integrations .yes:before {
    width: 9px;
    height: 12px;
    background-image: url(../images/planSettings.png);
    background-position: -8px 4px;
}

.pricing--details .pricing-sub {
    margin: 30px 0 0;
    padding: 20px 0;
    border-top: 1px solid #e6e6e6;
    text-align: left;
    font-size: 13px;
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
    color: #b2b2b2;
}

.pricing--details .pricing-features {
    font-size: 16px;
    color: #333;
    text-align: left;
}
.pricing-features .rleft {
color:rgb(51, 51, 51);
display:block;
float:left;
font-family:ProximaNova_regular, sans-serif;
font-size:16px;
line-height:25.6px;
min-height:1px;
padding-left:15px;
padding-right:15px;
position:relative;
text-align:left;
width:59%;
}
.pricing-features .rright {
color:rgb(51, 51, 51);
display:block;
float:left;
font-family:ProximaNova_regular, sans-serif;
font-size:16px;
line-height:25.6px;
min-height:1px;
padding-left:15px;
padding-right:15px;
position:relative;
text-align:left;
width:39%;
}
@media (max-width:600px) {
  .pricing-features .rright {
    display: none !important;
  }
}
ul.list-check {
color:rgb(51, 51, 51);
display:block;
font-family:ProximaNova_regular, sans-serif;
font-size:16px;
line-height:25.6px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0px;
margin-top:0px;
padding-left:0px;
text-align:left;
}
ul.list-check li {
display:list-item;
font-size: 16px;
line-height:25.6px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:15px;
padding-left:30px;
position:relative;
text-align:left;
}
ul.list-check li:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 4px;
    top: 6px;
    width: 14px;
    height: 11px;
    background-image: url(../images/list-check.png);
    background-repeat: no-repeat;
}



.server-minimal .rleft {
color:rgb(51, 51, 51);
display:block;
float:left;
font-family:ProximaNova_regular, sans-serif;
font-size:16px;
line-height:25.6px;
min-height:1px;
padding-left:15px;
padding-right:15px;
position:relative;
text-align:right;
width:49%;
}
.server-minimal .rright {
color:rgb(51, 51, 51);
display:block;
float:left;
font-family:ProximaNova_regular, sans-serif;
font-size:16px;
line-height:25.6px;
min-height:1px;
padding-left:15px;
padding-right:15px;
position:relative;
text-align:left;
width:49%;
}
@media (max-width:600px) {
  .server-minimal .rleft {
    display: none !important;
  }
  .server-minimal .rright {
    width: 100%;
  }
}
ul.minimal-list {
color:rgb(51, 51, 51);
display:block;
font-family:ProximaNova_regular, sans-serif;
font-size:16px;
line-height:25.6px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0px;
margin-top:0px;
padding-left:0px;
text-align:left;
}
ul.minimal-list li {
display:list-item;
font-size: 16px;
line-height:25.6px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:5px;
padding-left:30px;
position:relative;
text-align:left;
}
ul.minimal-list li:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 4px;
    top: 6px;
    width: 14px;
    height: 11px;
    background-image: url(../images/list-check.png);
    background-repeat: no-repeat;
}
/*=TERMS*/
.terms h2 {border: none;background-color: #ecf0f2;}
.terms ul li {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #555;
}
.terms ol li {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #555;

}


/* Features */
.monitors h3 {
  font-weight: 500;
  line-height: 1.5;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #125caf;
  margin-bottom: 10px;
}
.monitors ul {
  border-left: 1px solid #eaeef0;
  padding-left: 20px;
  margin-left: -2px;
}
.monitors ul li {
  border-bottom-color:rgba(64, 77, 92, 0.701961);
border-bottom-style:none;
border-bottom-width:0px;
border-image-outset:0px;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgba(64, 77, 92, 0.701961);
border-left-style:none;
border-left-width:0px;
border-right-color:rgba(64, 77, 92, 0.701961);
border-right-style:none;
border-right-width:0px;
border-top-color:rgba(64, 77, 92, 0.701961);
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgba(64, 77, 92, 0.701961);
display:list-item;
font-family:"Proxima Nova", proxima-nova, sans-serif;
font-size:14px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:24px;
line-height:24.7059px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
text-align:left;
vertical-align:baseline;
width:412.328px;
-webkit-font-smoothing:antialiased;
}
.monitors {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 20px;
}
.monitors i {
  margin-right: 8px;
  margin-left: -7px;
}
.monitors .item {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.monitors .item h3 {
  border-bottom-color:rgb(18, 92, 175);
border-bottom-style:none;
border-bottom-width:0px;
border-image-outset:0px;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(18, 92, 175);
border-left-style:none;
border-left-width:0px;
border-right-color:rgb(18, 92, 175);
border-right-style:none;
border-right-width:0px;
border-top-color:rgb(18, 92, 175);
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgb(18, 92, 175);
display:block;
font-family:"Proxima Nova", proxima-nova, sans-serif;
font-size:13px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:800;
height:19px;
letter-spacing:1px;
line-height:19.5px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
text-align:left;
text-transform:uppercase;
vertical-align:baseline;
width:
433.328px;
-webkit-font-smoothing:antialiased;
}
@media (min-width: 600px) {
  .monitors {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}

@media (min-width: 1000px) {
  .monitors {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
.fa,.field_with_errors span.error:before,.icon:before,.icon-simple:before,.mod-language .checkmarks li:before,.mod-pricing .checkmarks li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before,.icon.teams-members:before,.icon-simple.teams-members:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,.fa-close:before,.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,.fa-cog:before,.icon.general:before,.icon-simple.general:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before,.icon.performance:before,.icon-simple.performance:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before,.icon.snapshot:before,.icon-simple.snapshot:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before,.field_with_errors span.error:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,.fa-exclamation-triangle:before,.icon.errors:before,.icon-simple.errors:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,.fa-link:before,.icon.integrations:before,.icon-simple.integrations:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,.fa-tachometer:before,.icon.dashboard:before,.icon-simple.dashboard:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,.fa-bolt:before,.icon.controllers:before,.icon.jobs:before,.icon.namespace-actions:before,.icon-simple.controllers:before,.icon-simple.jobs:before,.icon-simple.namespace-actions:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before,.icon.notifications:before,.icon-simple.notifications:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before,.mod-pricing .checkmarks li:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before,.icon.push-deploy:before,.icon.api:before,.icon-simple.push-deploy:before,.icon-simple.api:before {
  content: "\f121";
}

.fa-mail-reply-all:before,.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before,.icon.deploys:before,.icon-simple.deploys:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before,.mod-language .checkmarks li:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
  content: "\f158";
}

.fa-won:before,.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before,.icon.app:before,.icon-simple.app:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before,.icon.hosts:before,.icon-simple.hosts:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}


/*=USAGE*/
.mod-plans {
  padding: 100px 0;
}

@media (max-width: 1200px) {
  .mod-plans {
    padding: 80px 0;
  }
}

@media (max-width: 800px) {
  .mod-plans {
    padding: 60px 0;
  }
}

@media (max-width: 600px) {
  .mod-plans {
    padding: 40px 0;
  }
}

.mod-plans .layout-wrap {
  max-width: 1000px;
}

.mod-plans .intro {
  margin-bottom: 60px;
  text-align: center;
}

.mod-plans .intro .twoliner {
  margin-bottom: 10px;
}

.mod-plans .intro p {
  margin-bottom: 20px;
}

.mod-plans .starting {
  background: #125caf;
}

.mod-plans .starting header a {
  background: rgba(18,92,175,0.05);
  border-bottom: 1px solid rgba(18,92,175,0.1);
}

.mod-plans .starting header a:active .button,.mod-plans .starting header a:active button,.mod-plans .starting header a:active input[type="submit"],.mod-plans .starting header a:hover .button,.mod-plans .starting header a:hover button,.mod-plans .starting header a:hover input[type="submit"],.mod-plans .starting header a:focus .button,.mod-plans .starting header a:focus button,.mod-plans .starting header a:focus input[type="submit"] {
  background: #1468c6;
}

.mod-plans .starting .price,.mod-plans .starting h2 {
  color: #125caf;
}

.mod-plans .starting .button,.mod-plans .starting button,.mod-plans .starting input[type="submit"] {
  background: #125caf;
}

.mod-plans .growing {
  background: #791a7d;
}

.mod-plans .growing header a {
  background: rgba(121,26,125,0.05);
  border-bottom: 1px solid rgba(121,26,125,0.1);
}

.mod-plans .growing header a:active .button,.mod-plans .growing header a:active button,.mod-plans .growing header a:active input[type="submit"],.mod-plans .growing header a:hover .button,.mod-plans .growing header a:hover button,.mod-plans .growing header a:hover input[type="submit"],.mod-plans .growing header a:focus .button,.mod-plans .growing header a:focus button,.mod-plans .growing header a:focus input[type="submit"] {
  background: #8d1e92;
}

.mod-plans .growing .price,.mod-plans .growing h2 {
  color: #791a7d;
}

.mod-plans .growing .button,.mod-plans .growing button,.mod-plans .growing input[type="submit"] {
  background: #791a7d;
}

.mod-plans .pro {
  background: #c95823;
}

.mod-plans .pro header a {
  background: rgba(201,88,35,0.05);
  border-bottom: 1px solid rgba(201,88,35,0.1);
}

.mod-plans .pro header a:active .button,.mod-plans .pro header a:active button,.mod-plans .pro header a:active input[type="submit"],.mod-plans .pro header a:hover .button,.mod-plans .pro header a:hover button,.mod-plans .pro header a:hover input[type="submit"],.mod-plans .pro header a:focus .button,.mod-plans .pro header a:focus button,.mod-plans .pro header a:focus input[type="submit"] {
  background: #da632b;
}

.mod-plans .pro .price,.mod-plans .pro h2 {
  color: #c95823;
}

.mod-plans .pro .button,.mod-plans .pro button,.mod-plans .pro input[type="submit"] {
  background: #c95823;
}

.mod-plans .plans {
  text-align: center;
}

@media (min-width: 1000px) {
  .mod-plans .plans {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
}

.mod-plans .plans>div {
  text-decoration: none;
  padding: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}

@media (min-width: 1000px) {
  .mod-plans .plans>div+div {
    margin-left: 20px;
  }
}

.mod-plans .plans h2+p {
  color: #000;
  opacity: 0.6;
  margin-bottom: 20px;
}

.mod-plans .plans header a {
  display: block;
  text-decoration: none;
  padding: 20px;
}

.mod-plans .plans .button,.mod-plans .plans button,.mod-plans .plans input[type="submit"] {
  margin-bottom: 10px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.mod-plans .plans .price {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  text-align: left;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

.mod-plans .plans .price .period {
  opacity: 0.6;
  margin-left: 10px;
}

.mod-plans .plans ul {
  padding: 15px 20px;
}

.mod-plans .plans ul.nono {
  color: #b7c0c3;
}

.mod-plans .plans ul.nono span {
  text-decoration: line-through;
}

@media (max-width: 1000px) {
  .mod-plans .plans ul.nono {
    display: none;
  }
}

.mod-plans .plans ul [class^="tipsy"] {
  cursor: help;
}

.mod-plans .plans ul [class^="tipsy"]:after {
  font-size: 11px;
}

.mod-plans .plans ul+ul {
  border-top: 1px solid #eaeef0;
}

.mod-plans .extra-plans {
  margin-bottom: 40px;
}

@media (min-width: 1000px) {
  .mod-plans .extra-plans {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
}

.mod-plans .extra-plans>div {
  padding: 15px 20px;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}

@media (min-width: 1000px) {
  .mod-plans .extra-plans>div+div {
    margin-left: 20px;
  }
}

.mod-plans .extra-plans h2 {
  margin-bottom: 5px;
}

.mod-plans .toggles {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

@media (max-width: 1000px) {
  .mod-plans .toggles {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}

.mod-plans .toggles .toggle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin: 0 10px;
  background: #eaeef0;
  border-radius: 5px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(25,40,45,0.5);
  cursor: pointer;
}

@media (max-width: 1000px) {
  .mod-plans .toggles .toggle {
    margin: 10px;
  }
}

.mod-plans .toggles span {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding: 10px 15px;
  border-radius: 0 5px 5px 0;
  color: #6f8087;
}

.mod-plans .toggles span:first-child {
  border-radius: 5px 0 0 5px;
}

.mod-plans[data-use-currency="eur"] [data-currency="usd"],.mod-plans[data-use-currency="usd"] [data-currency="eur"] {
  display: none;
}

.mod-plans[data-use-payment="monthly"] [data-payment="yearly"],.mod-plans[data-use-payment="yearly"] [data-payment="monthly"] {
  display: none;
}

.mod-plans[data-use-currency="eur"] .toggles span.eur,.mod-plans[data-use-currency="usd"] .toggles span.usd,.mod-plans[data-use-payment="monthly"] .toggles span.monthly,.mod-plans[data-use-payment="yearly"] .toggles span.yearly {
  color: #fff;
  box-shadow: inset 0 1px 2px rgba(25,40,45,0.5);
  background: #4CAF50;
}



.plan {
  background-attachment:scroll;
background-clip:border-box;
background-color:rgb(64, 77, 92);
background-image:none;
background-origin:padding-box;
background-size:auto;
border-bottom-color:rgb(255, 255, 255);
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-bottom-style:none;
border-bottom-width:0px;
border-image-outset:0px;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(255, 255, 255);
border-left-style:none;
border-left-width:0px;
border-right-color:rgb(255, 255, 255);
border-right-style:none;
border-right-width:0px;
border-top-color:rgb(255, 255, 255);
border-top-left-radius:3px;
border-top-right-radius:3px;
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgb(255, 255, 255);
display:block;
font-family:"Proxima Nova", proxima-nova, sans-serif;
font-size:16px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:276px;
line-height:16px;
margin-bottom:60px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
vertical-align:baseline;
width:640px;
-webkit-font-smoothing:antialiased;

}
.usage {
  order-bottom-color:rgb(255, 255, 255);
border-bottom-style:none;
border-bottom-width:0px;
border-image-outset:0px;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(255, 255, 255);
border-left-style:none;
border-left-width:0px;
border-right-color:rgb(255, 255, 255);
border-right-style:none;
border-right-width:0px;
border-top-color:rgb(255, 255, 255);
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgb(255, 255, 255);
display:block;
font-family:"Proxima Nova", proxima-nova, sans-serif;
font-size:16px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:56px;
line-height:16px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
text-align:left;
vertical-align:baseline;
width:155px;
-webkit-font-smoothing:antialiased;

}
.usage h2 {
border-bottom-style:none;
border-bottom-width:0px;
border-image-outset:0px;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgba(255, 255, 255, 0.6);
border-left-style:none;
border-left-width:0px;
border-right-color:rgba(255, 255, 255, 0.6);
border-right-style:none;
border-right-width:0px;
border-top-color:rgba(255, 255, 255, 0.6);
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgba(255, 255, 255, 0.6);
display:block;
font-family:"Proxima Nova", proxima-nova, sans-serif;
font-size:16px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:16px;
line-height:16px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
text-align:left;
vertical-align:baseline;
width:155px;
-webkit-font-smoothing:antialiased

}

#SECTION_1 {
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    height: 819px;
    text-rendering: optimizeLegibility;
    width: 2033px;
    column-rule-color: rgb(64, 77, 92);
    perspective-origin: 1016.5px 409.5px;
    transform-origin: 1016.5px 409.5px;
    border: 0px none rgb(64, 77, 92);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(64, 77, 92) none 0px;
    padding: 100px 0px;
}/*#SECTION_1*/

#SCRIPT_2 {
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    text-rendering: optimizeLegibility;
    column-rule-color: rgb(64, 77, 92);
    border: 0px none rgb(64, 77, 92);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(64, 77, 92) none 0px;
}/*#SCRIPT_2*/

#DIV_3 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    height: 559px;
    left: 0px;
    max-width: 700px;
    position: relative;
    right: 0px;
    text-rendering: optimizeLegibility;
    top: 0px;
    width: 700px;
    column-rule-color: rgb(64, 77, 92);
    perspective-origin: 350px 279.5px;
    transform-origin: 350px 279.5px;
    border: 0px none rgb(64, 77, 92);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 666.5px;
    outline: rgb(64, 77, 92) none 0px;
    padding: 0px 30px;
}/*#DIV_3*/

#HEADER_4 {
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    height: 223px;
    text-align: center;
    text-rendering: optimizeLegibility;
    width: 640px;
    column-rule-color: rgb(64, 77, 92);
    perspective-origin: 320px 111.5px;
    transform-origin: 320px 111.5px;
    border: 0px none rgb(64, 77, 92);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 60px;
    outline: rgb(64, 77, 92) none 0px;
}/*#HEADER_4*/

#H1_5 {
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    height: 50px;
    text-align: center;
    text-rendering: optimizeLegibility;
    width: 640px;
    column-rule-color: rgb(64, 77, 92);
    perspective-origin: 320px 25px;
    transform-origin: 320px 25px;
    border: 0px none rgb(64, 77, 92);
    font: normal normal 800 normal 40px / 50px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 20px;
    outline: rgb(64, 77, 92) none 0px;
}/*#H1_5*/

#P_6 {
    box-sizing: border-box;
    color: rgba(64, 77, 92, 0.701961);
    height: 93px;
    text-align: center;
    text-rendering: optimizeLegibility;
    width: 640px;
    column-rule-color: rgba(64, 77, 92, 0.701961);
    perspective-origin: 320px 46.5px;
    transform-origin: 320px 46.5px;
    border: 0px none rgba(64, 77, 92, 0.701961);
    font: normal normal normal normal 18px / 31.5px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 20px;
    outline: rgba(64, 77, 92, 0.701961) none 0px;
}/*#P_6*/

#A_7 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: inline-block;
    height: 40px;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    width: 171.141px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 85.5625px 20px;
    transform-origin: 85.5625px 20px;
    background: rgb(76, 175, 80) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px 3px 3px 3px;
    font: normal normal normal normal 16px / 28px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 5px 20px;
}/*#A_7*/

#DIV_8 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 276px;
    text-rendering: optimizeLegibility;
    width: 640px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 320px 138px;
    transform-origin: 320px 138px;
    background: rgb(64, 77, 92) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 3px 3px 3px 3px;
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 60px;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_8*/

#SECTION_9 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 187px;
    text-rendering: optimizeLegibility;
    width: 640px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 320px 93.5px;
    transform-origin: 320px 93.5px;
    border-top: 0px none rgb(255, 255, 255);
    border-right: 0px none rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255, 255, 255, 0.0980392);
    border-left: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 40px;
}/*#SECTION_9*/

#HEADER_10 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: flex;
    height: 56px;
    text-align: left;
    text-rendering: optimizeLegibility;
    width: 560px;
    column-rule-color: rgb(255, 255, 255);
    align-items: center;
    justify-content: space-between;
    perspective-origin: 280px 28px;
    transform-origin: 280px 28px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 20px;
    outline: rgb(255, 255, 255) none 0px;
}/*#HEADER_10*/

#DIV_11 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 56px;
    min-height: auto;
    min-width: auto;
    text-align: left;
    text-rendering: optimizeLegibility;
    width: 155px;
    column-rule-color: rgb(255, 255, 255);
    align-self: center;
    perspective-origin: 77.5px 28px;
    transform-origin: 77.5px 28px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_11*/

#H2_12 {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.6);
    height: 16px;
    text-align: left;
    text-rendering: optimizeLegibility;
    width: 155px;
    column-rule-color: rgba(255, 255, 255, 0.6);
    perspective-origin: 77.5px 8px;
    transform-origin: 77.5px 8px;
    border: 0px none rgba(255, 255, 255, 0.6);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgba(255, 255, 255, 0.6) none 0px;
}/*#H2_12*/

#slider-snap-value-lower {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 40px;
    text-align: left;
    text-rendering: optimizeLegibility;
    width: 155px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 77.5px 20px;
    transform-origin: 77.5px 20px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 800 normal 23px / 40.5883px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgb(255, 255, 255) none 0px;
}/*#P_13*/

#DIV_14 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 56px;
    min-height: auto;
    min-width: auto;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: 129.609px;
    column-rule-color: rgb(255, 255, 255);
    align-self: center;
    perspective-origin: 64.7969px 28px;
    transform-origin: 64.7969px 28px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_14*/

#H2_15 {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.6);
    height: 16px;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: 129.609px;
    column-rule-color: rgba(255, 255, 255, 0.6);
    perspective-origin: 64.7969px 8px;
    transform-origin: 64.7969px 8px;
    border: 0px none rgba(255, 255, 255, 0.6);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgba(255, 255, 255, 0.6) none 0px;
}/*#H2_15*/

#P_16 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 40px;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: 129.609px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 64.7969px 20px;
    transform-origin: 64.7969px 20px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 800 normal 23px / 40.5883px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgb(255, 255, 255) none 0px;
}/*#P_16*/

#P_17, #P_21 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: none;
    height: auto;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: auto;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 800 normal 23px / 40.5883px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 0px auto;
    outline: rgb(255, 255, 255) none 0px;
}/*#P_17, #P_21*/

#DIV_18 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: none;
    height: auto;
    min-height: auto;
    min-width: auto;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: auto;
    column-rule-color: rgb(255, 255, 255);
    align-self: center;
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_18*/

#H2_19 {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.6);
    height: auto;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: auto;
    column-rule-color: rgba(255, 255, 255, 0.6);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgba(255, 255, 255, 0.6);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgba(255, 255, 255, 0.6) none 0px;
}/*#H2_19*/

#P_20 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: auto;
    text-align: right;
    text-rendering: optimizeLegibility;
    width: auto;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 800 normal 23px / 40.5883px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgb(255, 255, 255) none 0px;
}/*#P_20*/

#slider-snap {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 10px;
    left: 0px;
    position: relative;
    right: 0px;
    text-rendering: optimizeLegibility;
    top: 0px;
    touch-action: none;
    width: 560px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 280px 5px;
    transform-origin: 280px 5px;
    background: rgb(76, 175, 80) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 4px 4px 4px 4px;
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 0px 20px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 0px 17px 0px 0px;
    transition: background 0.45s ease 0s;
}/*#DIV_22*/

.noUi-base {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 10px;
    left: 0px;
    position: relative;
    right: 0px;
    text-rendering: optimizeLegibility;
    top: 0px;
    touch-action: none;
    width: 543px;
    z-index: 1;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 271.5px 5px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 271.5px 5px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_23*/

.noUi-origin {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 10px;
    left: 49.3594px;
    position: absolute;
    right: -17px;
    text-rendering: optimizeLegibility;
    top: 0px;
    touch-action: none;
    width: 510.641px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 255.312px 5px;
    transform-origin: 255.312px 5px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 10px 10px 10px 10px;
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_24*/

.noUi-handle {
    bottom: 5px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: -webkit-grab;
    height: 20px;
    left: 0px;
    position: relative;
    right: 0px;
    text-rendering: optimizeLegibility;
    top: -5px;
    touch-action: none;
    width: 20px;
    z-index: 1;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 10px 10px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 10px 10px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 3px 3px 3px 3px;
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_25*/

#DIV_25:after {
    bottom: 5px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    content: '""';
    cursor: -webkit-grab;
    display: block;
    height: 10px;
    left: 12px;
    position: absolute;
    right: 7px;
    text-rendering: optimizeLegibility;
    top: 5px;
    width: 1px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 0.5px 5px;
    transform-origin: 0.5px 5px;
    background: rgb(76, 175, 80) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_25:after*/

#DIV_25:before {
    bottom: 5px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    content: '""';
    cursor: -webkit-grab;
    display: block;
    height: 10px;
    left: 7px;
    position: absolute;
    right: 12px;
    text-rendering: optimizeLegibility;
    top: 5px;
    width: 1px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 0.5px 5px;
    transform-origin: 0.5px 5px;
    background: rgb(76, 175, 80) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_25:before*/

#FOOTER_26 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: none;
    height: auto;
    text-rendering: optimizeLegibility;
    width: auto;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: rgba(111, 128, 135, 0.498039) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 3px 3px 3px 3px;
    font: normal normal normal normal 16px / 16px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 10px 20px;
}/*#FOOTER_26*/

#P_27 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: auto;
    text-rendering: optimizeLegibility;
    width: auto;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 28.2354px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px;
    outline: rgb(255, 255, 255) none 0px;
}/*#P_27*/

#A_28 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    text-rendering: optimizeLegibility;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 16px / 28.2354px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#A_28*/

#SECTION_29 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: flex;
    height: 89px;
    text-rendering: optimizeLegibility;
    width: 640px;
    column-rule-color: rgb(255, 255, 255);
    align-items: center;
    justify-content: center;
    perspective-origin: 320px 44.5px;
    transform-origin: 320px 44.5px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 30px 40px;
}/*#SECTION_29*/

#DIV_30 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    height: 29px;
    min-height: auto;
    min-width: auto;
    text-rendering: optimizeLegibility;
    width: 68.7656px;
    column-rule-color: rgb(255, 255, 255);
    align-self: center;
    perspective-origin: 34.375px 14.5px;
    transform-origin: 34.375px 14.5px;
    background: rgba(111, 128, 135, 0.498039) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 50px 50px 50px 50px;
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 10px;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_30*/

#SPAN_31 {
    box-shadow: rgba(64, 77, 92, 0.0980392) 0px 1px 3px 0px;
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    cursor: pointer;
    display: block;
    height: 29px;
    min-height: auto;
    min-width: auto;
    text-rendering: optimizeLegibility;
    width: 35.0469px;
    column-rule-color: rgb(64, 77, 92);
    perspective-origin: 17.5156px 14.5px;
    transform-origin: 17.5156px 14.5px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(64, 77, 92);
    border-radius: 50px 50px 50px 50px;
    flex: 0 0 auto;
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(64, 77, 92) none 0px;
    padding: 8px 13px;
}/*#SPAN_31*/

#SPAN_32 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 29px;
    min-height: auto;
    min-width: auto;
    text-rendering: optimizeLegibility;
    width: 33.7188px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 16.8594px 14.5px;
    transform-origin: 16.8594px 14.5px;
    border: 0px none rgb(255, 255, 255);
    border-radius: 50px 50px 50px 50px;
    flex: 0 0 auto;
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 8px 13px;
}/*#SPAN_32*/

#DIV_33 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    height: 29px;
    min-height: auto;
    min-width: auto;
    text-rendering: optimizeLegibility;
    width: 131.531px;
    column-rule-color: rgb(255, 255, 255);
    align-self: center;
    perspective-origin: 65.7656px 14.5px;
    transform-origin: 65.7656px 14.5px;
    background: rgba(111, 128, 135, 0.498039) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 50px 50px 50px 50px;
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    margin: 0px 10px;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_33*/

#SPAN_34 {
    box-shadow: rgba(64, 77, 92, 0.0980392) 0px 1px 3px 0px;
    box-sizing: border-box;
    color: rgb(64, 77, 92);
    cursor: pointer;
    display: block;
    height: 29px;
    min-height: auto;
    min-width: auto;
    text-rendering: optimizeLegibility;
    width: 71.4062px;
    column-rule-color: rgb(64, 77, 92);
    perspective-origin: 35.7031px 14.5px;
    transform-origin: 35.7031px 14.5px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(64, 77, 92);
    border-radius: 50px 50px 50px 50px;
    flex: 0 0 auto;
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(64, 77, 92) none 0px;
    padding: 8px 13px;
}/*#SPAN_34*/

#SPAN_35 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 29px;
    min-height: auto;
    min-width: auto;
    text-rendering: optimizeLegibility;
    width: 60.125px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 30.0625px 14.5px;
    transform-origin: 30.0625px 14.5px;
    border: 0px none rgb(255, 255, 255);
    border-radius: 50px 50px 50px 50px;
    flex: 0 0 auto;
    font: normal normal normal normal 13px / 13px "Proxima Nova", proxima-nova, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 8px 13px;
}/*#SPAN_35*/


/*=PRODUCT*/
.mod-subnav a {
  font-size: 14px;
  line-height: 1.75;
   /* font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; */
}
.mod-subnav ul li {list-style: none;}
.mod-subnav ul li i {margin-right: 5px; }

.mod-subnav {
  min-height: 55px;
  background: #ecf0f2;
}

@media (min-width: 1201px) {
  .mod-subnav ul {
    position: absolute;
  }

  .mod-subnav.sticky ul {
    background: #ecf0f2;
    position: fixed;
    width: 100%;
    top: 0;
  }
}

.mod-subnav ul {
  z-index: 100;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

@media (max-width: 1200px) {
  .mod-subnav li {
    min-width: 25%;
    text-align: center;
  }

  .mod-subnav li a {
    padding: 15px;
    margin: 0;
  }
}

@media (max-width: 800px) {
  .mod-subnav li {
    min-width: 50%;
  }
}
.mod-subnav li.tech .active,.mod-subnav li.tech a:hover {
  background: #125caf;
}

.mod-subnav li.organization .active,.mod-subnav li.organization a:hover {
  background: #4CAF50;
}
.mod-subnav li.tracking .active,.mod-subnav li.tracking a:hover {
  background: #efaa04;
}

.mod-subnav li.api .active,.mod-subnav li.api a:hover {
  background: #6f8087;
}

.mod-subnav li.paths .active,.mod-subnav li.paths a:hover {
  background: #03A9F4;
}

.mod-subnav li.stats .active,.mod-subnav li.stats a:hover {
  background: #D32F2F;
}

.mod-subnav li.dashboard .active,.mod-subnav li.dashboard a:hover {
  background: #4CAF50;
}

.mod-subnav li.hosts .active,.mod-subnav li.hosts a:hover {
  background: #791a7d;
}

.mod-subnav li.errors .active,.mod-subnav li.errors a:hover {
  background: #c95823;
}

.mod-subnav li.snapshot .active,.mod-subnav li.snapshot a:hover {
  background: #115c64;
}

.mod-subnav a {
  color: #404d5c;
  padding: 15px 25px;
  display: block;
  text-decoration: none;
}

.mod-subnav a.active,.mod-subnav a:hover {
  color: #fff;
}

.mod-subnav a.active .fa,.mod-subnav a.active .field_with_errors span.error:before,.field_with_errors .mod-subnav a.active span.error:before,.mod-subnav a.active .icon:before,.mod-subnav a.active .icon-simple:before,.mod-subnav a.active .icon-plain:before,.mod-subnav a.active .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-subnav a.active li:before,.mod-subnav a.active .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-subnav a.active li:before,.mod-subnav a:hover .fa,.mod-subnav a:hover .field_with_errors span.error:before,.field_with_errors .mod-subnav a:hover span.error:before,.mod-subnav a:hover .icon:before,.mod-subnav a:hover .icon-simple:before,.mod-subnav a:hover .icon-plain:before,.mod-subnav a:hover .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-subnav a:hover li:before,.mod-subnav a:hover .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-subnav a:hover li:before {
  color: #fff;
}

.mod-subnav .icon-simple {
  display: inline-block;
  margin-right: 10px;
}


.mod-product {
  padding: 50px 0;
  text-align: left;
}

@media (max-width: 1200px) {
  .mod-product {
    padding: 80px 0;
  }
}

@media (max-width: 800px) {
  .mod-product {
    padding: 60px 0;
  }
}

@media (max-width: 600px) {
  .mod-product {
    padding: 40px 0;
  }
}

.mod-product h1 {
  padding: 0 0 20px;
  text-align: center;
  /* font-family: Helvetica, Arial, sans-serif; */
  font-weight: 800;
  font-size: 40px;
  line-height: 1.25;
}

.mod-product article ul {
  list-style: square inside;
}

.mod-product h2 {
  margin: -20px -20px 20px -20px;
  padding: 15px 20px;
  border-bottom: 1px solid #eaeef0;
  font-weight: 400;
  line-height: 1.5;
  font-size: 20px;
}

.mod-product p,.mod-product ul {
  color: #6f8087;
  margin-bottom: 20px;
}

.mod-product *:last-child {
  margin-bottom: 0;
}

.mod-product article {
   position: relative;
  margin-bottom: 30px;
  padding: 20px 0px;
  background: #fff;
  border-radius: 4px;
}

.mod-product div article p {
  font-size: 16px;
  line-height: 1.75;
  color: #555;
  margin: 0 auto;
}

.mod-explanation .features h3 {
  font-weight: 800 !important;
  line-height: 1.5;
  font-size: 18px;
  margin-bottom: 3px;
  font-family:"Proxima Nova", proxima-nova, sans-serif;}

.mod-explanation .features p {
  font-size: 15px;
  line-height: 1.75;
  width: auto;
}

.mod-explanation .features {
  padding-bottom: 100px;
}

@media (max-width: 1200px) {
  .mod-explanation .features {
    padding-bottom: 80px;
  }
}

@media (max-width: 800px) {
  .mod-explanation .features {
    padding-bottom: 60px;
  }
}

@media (max-width: 600px) {
  .mod-explanation .features {
    padding-bottom: 40px;
  }
}

@media (min-width: 900px) {
  .mod-explanation .features {
    width: 500px;
    position: relative;
  }
}

.mod-explanation .feature {
  display: block;
  color: #404d5c;
  text-decoration: none;
}

.mod-explanation .feature img {
  /*box-shadow: 0 1px 10px rgba(64,77,92,0.1);
  border-radius: 3px;*/
}

@media (max-width: 900px) {
  .mod-explanation .feature p {
    margin-bottom: 20px;
  }

  .mod-explanation .feature img {
    margin-bottom: 40px;
  }
}

@media (min-width: 900px) {
  .mod-explanation .feature {
    padding: 20px;
    cursor: pointer;
    border-radius: 3px;
  }

  .mod-explanation .feature,.mod-explanation .feature h3 {
    -webkit-transition: background 0.1s, color 0.1s;
    transition: background 0.1s, color 0.1s;
  }

  .mod-explanation .feature img {
    display: none;
    position: absolute;
    left: calc(100% + 60px);
    top: 0;
    /*
    height: calc(100% + 10px);
    max-width: none;*/
  }

  .mod-explanation .feature.active img {
    display: block;
  }

  .mod-explanation .feature.active.performance {
    background: #edf7ee;
  }

  .mod-explanation .feature.active.performance h3 {
    color: #4CAF50;
  }

  .mod-explanation .feature.active.redf {
    background: #fef1f3;
  }

  .mod-explanation .feature.active.redf h3 {
    color: #B71C1C;
  }

  .mod-explanation .feature.active.errors {
    background: #faeee9;
  }

  .mod-explanation .feature.active.errors h3 {
    color: #c95823;
  }

  .mod-explanation .feature.active.stacked {
    background: #f2e8f2;
  }

  .mod-explanation .feature.active.stacked h3 {
    color: #791a7d;
  }

  .mod-explanation .feature.active.jobs {
    background: #e7eff7;
  }

  .mod-explanation .feature.active.jobs h3 {
    color: #125caf;
  }
}

.cols {
  max-width: 900px;
  margin: 0 auto;
  font-size: 0;
}
.cols .col {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
  padding: 0 30px;
}

.cols .col h2,.cols .col h3 {
  margin-bottom: 15px;
}

@media (max-width: 800px) {
  .cols .col {
    width: 100%;
    padding: 0;
  }
}
.cols .col p {
  font-size: 15px;
  line-height: 1.75;
  width: auto;
}
.cols .col h3 {
  font-weight: 800 !important;
  line-height: 1.5;
  font-size: 18px;
  font-family:"Proxima Nova", proxima-nova, sans-serif;
}

.video-mod {
  width: 1150px;
  margin: 50px auto;
  margin-top: 0px;
}
.video-mod h1 {
  padding: 0 0 20px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 40px;
    line-height: 1.25;
}

/*=Reviews*/
.review {
  text-align: center;
}
.review_top {
  background: url(../images/rev_top.png) no-repeat top center;
  width: 100%;
  height: 80px;
}
.review_bottom {
  background: url(../images/rev_bottom.png) no-repeat top center;
  width: 100%;
  height: 60px;
}

.review_avatar {width: 100px;}
.review h6 {font-weight: bold;}

/* NEW HEADER */

a {text-decoration: underline;color: #0961c4;}



.inner-wrapper { background: linear-gradient(#fff, #fafafa);}
.about-section, .about-section header, .about-section div.mod-what-you-get { background-color: #fafafa; margin-top: 0px; }
.about-section { /* border-bottom: 1px solid #ededed; */}
.mod-what-you-get {border:none;}


.mod-header {
  top: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
  min-height: 70px;
  position: fixed;
  box-shadow: 0 7px 30px rgba(55,71,79,0.1);
}

.mod-header .layout-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mod-header h1 a {
  margin-top: 9px;
  margin-left: 15px;
  background: url(../images/new_logo.png) left center/contain no-repeat;
  text-indent: -100em;
  overflow: hidden;
  height: 47px;
  display: block;
}

.mod-header a {
  text-decoration: none;
  display: block;
  color: #263238;
  font-size: 16px;
}
.mod-header a:hover {color:#4CAF50;}

.mod-header a.active {
  color: #546e7a;
}

.mod-header .subnav-small,.mod-header .subnav-large {
  display: none;
}
.cta>ul>li {padding: 15px 5px;}

@media (max-width: 899px) {
  .mod-header nav {
    display: none;
    margin-right: auto;
    margin-left: auto;
  }

  .cta ul>li:first-child{
    padding-bottom: 15px;
  }

  .cta ul>li{
    padding-top: 0px;

  }

  .mod-subnav {
    position: relative !important;
  }

  .binom-logo {
    display: none;
  }

}
.close-menu{
  display: none;
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 5px;
  cursor: pointer;
}
.mod-header nav>ul>li {
    list-style: none;
}

@media (min-width: 900px) {
  .mod-header nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .mod-header nav>ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;

  }

  .mod-header nav>ul>li {
    padding: 15px;
    list-style: none;
  }

  .mod-header nav>ul>li>a {

  }

  .mod-header .main {
    position: relative; top:5px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 900px) and (min-width: 1000px) {
  .mod-header h1 a,.mod-header .cta {
    width: 300px;
  }
}

@media (min-width: 900px) {
  .mod-header .cta ul {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .mod-header .cta ul li:last-child {
    padding-right: 0px;
    margin-right: 15px;

  }
}

.mod-header .toggle {
  margin-left: auto;
  display: none;
  cursor: pointer;
}

.mod-header .toggle .fa,.mod-header .toggle .field_with_errors span.error:before,.field_with_errors .mod-header .toggle span.error:before,.mod-header .toggle .icon:before,.mod-header .toggle .icon-simple:before,.mod-header .toggle .icon-plain:before,.mod-header .toggle .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-header .toggle li:before,.mod-header .toggle .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-header .toggle li:before,.mod-header .toggle .mod-tour-moreless .more ul:before,.mod-tour-moreless .more .mod-header .toggle ul:before,.mod-header .toggle .mod-tour-moreless .more li:before,.mod-tour-moreless .more .mod-header .toggle li:before,.mod-header .toggle .mod-tour-moreless .less ul:before,.mod-tour-moreless .less .mod-header .toggle ul:before,.mod-header .toggle .mod-tour-moreless .less li:before,.mod-tour-moreless .less .mod-header .toggle li:before {
  margin-left: 10px;
}

@media (max-width: 899px) {
  .mod-header .toggle {
    display: block;
  }
  .flag-icon {
    display: inline;
  }
  .flag-icon.flag-ru {
    margin-left: 28%;
  }
}

@media (max-width: 899px) {
  .canvas-menu .mod-header {
    position: fixed;
  }

  .canvas-menu .mod-header .subnav-small {
    display: block;
  }

  .canvas-menu .mod-header .subnav-large {
    display: block;
  }

  .canvas-menu .mod-header .subnav-large figure,.canvas-menu .mod-header .subnav-large span,.canvas-menu .mod-header .subnav-large p {
    display: none;
  }

  .canvas-menu .mod-header .tour-toggle>a {
    display: none;
  }

  .canvas-menu .mod-header .main {
    margin-top: 20px;
  }

  .canvas-menu .mod-header .main a {
    padding: 10px 0;
    border-top: 1px solid #f2f5f7;
  }

  .canvas-menu .mod-header .cta a {
    margin-top: 20px;
  }

  .canvas-menu .mod-header nav {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    display: block;
  }

  .canvas-menu .mod-header nav a {
    display: block;
  }

  .canvas-menu .mod-header .layout-wrap {
    height: 100vh;
  }

  .mod-header .layout-wrap {
    /* padding: 20px 30px; */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }

  .mod-header .icon {
    display: none;
  }
}

@media (min-width: 900px) {
  .mod-header .subnav-large {
    border-radius: 3px;
    background: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: calc(100% - 10px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 60px);
    max-width: 1200px;
    min-width: calc($toggle-width - 60px);
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-shadow: 0 5px 30px rgba(55,71,79,0.1);
    display: none;
  }

  .mod-header .subnav-large.show {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }

  .mod-header .subnav-large li.elixir {
    width: 100%;
    padding: 20px;
    border-top: 1px solid #f2f5f7;
    width: 100%;
  }

  .mod-header .subnav-large li.elixir .tag {
    margin: 0 10px 0 0;
  }

  .mod-header .subnav-large li.elixir a {
    display: inline-block;
    color: #0961c4;
    text-decoration: underline;
  }

  .mod-header .subnav-large li.tour {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .mod-header .subnav-large li.tour+li.tour {
    border-left: 1px solid #f2f5f7;
  }

  .mod-header .subnav-large li.tour a {
    padding: 20px;
  }

  .mod-header .subnav-large li.tour a:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  .mod-header .subnav-large li.tour strong {
    font-weight: 600;
    white-space: nowrap;
  }

  .mod-header .subnav-large li.tour p {
    font-size: 14px;
    line-height: 1.75;
  }

  .mod-header .subnav-large li.tour figure {
    height: 40px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 5px;
  }

  .mod-header .subnav-large li.tour img {
    height: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .mod-header .subnav-large li.tour.performance img {
    height: 20px;
  }

  .mod-header .tour-toggle a .fa,.mod-header .tour-toggle a .field_with_errors span.error:before,.field_with_errors .mod-header .tour-toggle a span.error:before,.mod-header .tour-toggle a .icon:before,.mod-header .tour-toggle a .icon-simple:before,.mod-header .tour-toggle a .icon-plain:before,.mod-header .tour-toggle a .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-header .tour-toggle a li:before,.mod-header .tour-toggle a .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-header .tour-toggle a li:before,.mod-header .tour-toggle a .mod-tour-moreless .more ul:before,.mod-tour-moreless .more .mod-header .tour-toggle a ul:before,.mod-header .tour-toggle a .mod-tour-moreless .more li:before,.mod-tour-moreless .more .mod-header .tour-toggle a li:before,.mod-header .tour-toggle a .mod-tour-moreless .less ul:before,.mod-tour-moreless .less .mod-header .tour-toggle a ul:before,.mod-header .tour-toggle a .mod-tour-moreless .less li:before,.mod-tour-moreless .less .mod-header .tour-toggle a li:before {
    position: relative;
    top: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .mod-header .tour-toggle a.show .fa,.mod-header .tour-toggle a.show .field_with_errors span.error:before,.field_with_errors .mod-header .tour-toggle a.show span.error:before,.mod-header .tour-toggle a.show .icon:before,.mod-header .tour-toggle a.show .icon-simple:before,.mod-header .tour-toggle a.show .icon-plain:before,.mod-header .tour-toggle a.show .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-header .tour-toggle a.show li:before,.mod-header .tour-toggle a.show .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-header .tour-toggle a.show li:before,.mod-header .tour-toggle a.show .mod-tour-moreless .more ul:before,.mod-tour-moreless .more .mod-header .tour-toggle a.show ul:before,.mod-header .tour-toggle a.show .mod-tour-moreless .more li:before,.mod-tour-moreless .more .mod-header .tour-toggle a.show li:before,.mod-header .tour-toggle a.show .mod-tour-moreless .less ul:before,.mod-tour-moreless .less .mod-header .tour-toggle a.show ul:before,.mod-header .tour-toggle a.show .mod-tour-moreless .less li:before,.mod-tour-moreless .less .mod-header .tour-toggle a.show li:before {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}

.cta a {width: auto !important;height: auto !important; padding: 4px 20px 5px 20px!important;}
.cta ul {margin-bottom: 0px !important;}

@media (min-width: 900px) and (min-width: 1000px) {
  .mod-header h1 a,.mod-header .cta {
    width: 300px;
  }
}

@media (min-width: 900px) {
  .mod-header .cta ul {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .mod-header .cta ul li:last-child {
    padding-right: 0;
  }
}

.button,button,input[type="submit"] {
  display: inline-block;
  margin: 0 auto;
  width: 200px;
  text-align: center;
  padding: 10px 20px;
  color: #fff !important;
  line-height: 28px;
  font-size: 16px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: #4CAF50;
  text-decoration: none;
  min-width: 0;
}
.button.button_login, .button.button_registration{
  line-height: 27px;
  letter-spacing: 0;
}
.button:active,button:active,input[type="submit"]:active,.button:hover,button:hover,input[type="submit"]:hover,.button:focus,button:focus,input[type="submit"]:focus {
  background: #439a46;
}
.button.outline-dark,button.outline-dark,input.outline-dark[type="submit"] {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.3);
  color: #37474f !important;
}
.button.open-menu{
  margin-top: 10px;
}
.button.outline-dark:active,button.outline-dark:active,input.outline-dark[type="submit"]:active,.button.outline-dark:hover,button.outline-dark:hover,input.outline-dark[type="submit"]:hover,.button.outline-dark:focus,button.outline-dark:focus,input.outline-dark[type="submit"]:focus {
  background: #37474f;
  color: #fff !important;
  border-color: #37474f;
}



/* FIRST SCREEN */

.under-screen {margin-top: 40px;}
.sub-header {
        color: #37474f;
        font-size: 1.9rem;
        font-weight: normal;
        line-height: 1.5;
}
.screen-block {
        margin-top: 60px;
}

.mod-tour-moreless {
  background-color: #fafafa;
  padding-top: 70px;
}
.mod-tour-moreless .intro {text-align: center;margin-bottom:30px;}
.mod-tour-moreless .intro p {margin: 0 auto;}
.mod-tour-moreless .layout-wrap {
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
}

@media (max-width: 400px) {
  .layout-wrap {
    padding: 0 20px;
  }
}

.layout-wrap.wide {
  max-width: 1260px;
}

.layout-wrap.full {
  max-width: 100%;
}
.layout-wrap.wide {
  max-width: 1260px;
}

.layout-wrap.full {
  max-width: 100%;
}
.mod-tour-moreless .moreless h2 {
  line-height: 1.5;
  font-weight: 600;
  font-size: 18px;
}
.mod-tour-moreless .less li:before {
   /*margin-left: 10px;*/
}
.mod-header .tour-toggle a .fa,.mod-header .tour-toggle a .field_with_errors span.error:before,.field_with_errors .mod-header .tour-toggle a span.error:before,.mod-header .tour-toggle a .icon:before,.mod-header .tour-toggle a .icon-simple:before,.mod-header .tour-toggle a .icon-plain:before,.mod-header .tour-toggle a .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-header .tour-toggle a li:before,.mod-header .tour-toggle a .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-header .tour-toggle a li:before,.mod-header .tour-toggle a .mod-tour-moreless .more ul:before,.mod-tour-moreless .more .mod-header .tour-toggle a ul:before,.mod-header .tour-toggle a .mod-tour-moreless .more li:before,.mod-tour-moreless .more .mod-header .tour-toggle a li:before,.mod-header .tour-toggle a .mod-tour-moreless .less ul:before,.mod-tour-moreless .less .mod-header .tour-toggle a ul:before,.mod-header .tour-toggle a .mod-tour-moreless .less li:before,.mod-tour-moreless .less .mod-header .tour-toggle a li:before {
    position: relative;
    top: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.mod-header .tour-toggle a.show .fa,.mod-header .tour-toggle a.show .field_with_errors span.error:before,.field_with_errors .mod-header .tour-toggle a.show span.error:before,.mod-header .tour-toggle a.show .icon:before,.mod-header .tour-toggle a.show .icon-simple:before,.mod-header .tour-toggle a.show .icon-plain:before,.mod-header .tour-toggle a.show .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-header .tour-toggle a.show li:before,.mod-header .tour-toggle a.show .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-header .tour-toggle a.show li:before,.mod-header .tour-toggle a.show .mod-tour-moreless .more ul:before,.mod-tour-moreless .more .mod-header .tour-toggle a.show ul:before,.mod-header .tour-toggle a.show .mod-tour-moreless .more li:before,.mod-tour-moreless .more .mod-header .tour-toggle a.show li:before,.mod-header .tour-toggle a.show .mod-tour-moreless .less ul:before,.mod-tour-moreless .less .mod-header .tour-toggle a.show ul:before,.mod-header .tour-toggle a.show .mod-tour-moreless .less li:before,.mod-tour-moreless .less .mod-header .tour-toggle a.show li:before {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}

.mod-monitors .fa,.mod-monitors .field_with_errors span.error:before,.field_with_errors .mod-monitors span.error:before,.mod-monitors .icon:before,.mod-monitors .icon-simple:before,.mod-monitors .icon-plain:before,.mod-monitors .mod-language .checkmarks li:before,.mod-language .checkmarks .mod-monitors li:before,.mod-monitors .mod-pricing .checkmarks li:before,.mod-pricing .checkmarks .mod-monitors li:before,.mod-monitors .mod-tour-moreless .more ul:before,.mod-tour-moreless .more .mod-monitors ul:before,.mod-monitors .mod-tour-moreless .more li:before,.mod-tour-moreless .more .mod-monitors li:before,.mod-monitors .mod-tour-moreless .less ul:before,.mod-tour-moreless .less .mod-monitors ul:before,.mod-monitors .mod-tour-moreless .less li:before,.mod-tour-moreless .less .mod-monitors li:before {
  margin-right: 8px;
  margin-left: -7px;
}


.mod-tour-moreless .moreless {
  padding-bottom: 100px;
}

@media (max-width: 1200px) {
  .mod-tour-moreless .moreless {
    padding-bottom: 80px;
  }
}

@media (max-width: 800px) {
  .mod-tour-moreless .moreless {
    padding-bottom: 60px;
  }
}

@media (max-width: 600px) {
  .mod-tour-moreless .moreless {
    padding-bottom: 40px;
  }
}

@media (max-width: 900px) {
  .mod-tour-moreless .moreless>div {
    max-width: 600px;
    margin: 0 auto 40px;
  }
}

@media (min-width: 900px) {
  .mod-tour-moreless .moreless {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}

.mod-tour-moreless .moreless h2 {
  color: #fff;
  padding: 15px 20px;
  margin-bottom:0px;
}

.mod-tour-moreless .more {
  margin-left: 40px;
}

@media (max-width: 900px) {
  .mod-tour-moreless .more {
    margin-left: 0;
    margin-top: 40px;
  }
}



.mod-tour-moreless .more,.mod-tour-moreless .less {
  border-radius: 3px;
  overflow: hidden;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.mod-tour-moreless ul {
  padding: 15px 20px;
  margin-bottom:0px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.mod-tour-moreless ul:before {
  color: rgba(255,255,255,0.4);
  position: absolute;
  right: -40px;
  bottom: -60px;
}

.mod-tour-moreless li {
  padding: 5px 0 5px 30px;
  position: relative;
  list-style: none;
}

.mod-tour-moreless li:before {
  position: absolute;
  left: 0;
  margin-top: 5px;
}

.mod-tour-moreless .more {
  background: rgba(76,175,80,0.1) !important;
}

.mod-tour-moreless .more ul li {
  color: #4CAF50 !important;
  font-size: 15px;
  font-weight: 600!important;
}

.mod-tour-moreless .more ul:before {
  font-size: 20rem;
}

.mod-tour-moreless .more h2 {
  background: #4CAF50 !important;
}

.mod-tour-moreless .less {
  background: rgba(195,22,51,0.1);
}

.mod-tour-moreless .less ul li {
  color: #c31633 !important;
  font-size: 15px;
  font-weight: 600!important;
}

.mod-tour-moreless .less ul:before {
  font-size: 20rem !important;
}

.mod-tour-moreless .less h2 {
  background: #c31633 !important;
}

.mod-tour-moreless .less ul:before, {
  -webkit-animation: spin-icon 1s infinite;
  animation: spin-icon 1s infinite;
}
@-webkit-keyframes spin-icon {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin-icon {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.mod-tour-moreless .less ul:before {
    content: "\f00d";
    box-sizing:border-box;
    display:block;
    font-family:FontAwesome;
    font-size:320px!important;
    font-stretch:normal;
    font-style:normal;
    font-variant-caps:normal;
    font-variant-ligatures:normal;
    font-variant-numeric:normal;
    font-weight:normal;
    height:320px;
    line-height:320px;
    text-rendering:auto;
    width:251.438px;
    -webkit-font-smoothing:antialiased;
}
.mod-tour-moreless .more ul:before {
    content: "\f00c";
    box-sizing:border-box;
    display:block;
    font-family:FontAwesome;
    font-size:320px!important;
    font-stretch:normal;
    font-style:normal;
    font-variant-caps:normal;
    font-variant-ligatures:normal;
    font-variant-numeric:normal;
    font-weight:normal;
    height:320px;
    line-height:320px;
    text-rendering:auto;
    width:251.438px;
    -webkit-font-smoothing:antialiased;
}


.fa,.field_with_errors span.error:before,.icon:before,.icon-simple:before,.icon-plain:before,.mod-language .checkmarks li:before,.mod-pricing .checkmarks li:before,.mod-tour-moreless .more ul:before,.mod-tour-moreless .more li:before,.mod-tour-moreless .less ul:before,.mod-tour-moreless .less li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-fw,.mod-pricing .checkmarks li:before,.mod-tour-moreless .more li:before,.mod-tour-moreless .less li:before {
  width: 1.28571429em;
  text-align: center;
}
.mod-tour-moreless .less li:before {
  content: "\f00d";
}
.mod-tour-moreless .more li:before {
  content: "\f00c";
}



.cta_section {
  background: -webkit-linear-gradient(290deg, rgba(76,175,80,0.95), #4CAF50);
    background: linear-gradient(160deg, rgba(76,175,80,0.95), #4CAF50);


}
.cta_section div {
  margin: 30px auto;
  text-align: center;
}

@media (max-width: 600px) {
  .cta_section span {display:none!important;}
}

.cta_section span {
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  padding-right: 30px;
}
.white_button {
  display: inline-block;
  padding: 10px 20px;
  line-height: 28px;
  font-size: 16px;
  border-radius: 3px;

  text-decoration: none;
  font-weight: 600;
  background: #fff;
  border: 1px solid transparant;
  color: #37474f !important;
  border: 0;
  box-shadow: 0px 1px 6px rgba(55,71,79,0.2),0px 1px 2px rgba(55,71,79,0.2);
}

.monitors div.item ul li {margin-left: 4px;}

.product-subnav{
  position: fixed;
  width: 100%;
  z-index:99;
}
.product-section-content{
  border-bottom: 1px solid #ddd;
  padding-top: 50px;
}
.text-block{
  width: 100%;
  max-width: 900px;
  text-align: center;
}
.text-block-700{
  width: 100%;
  max-width: 700px;
  text-align: center;
}
.text-block-all-width{
  width: 100%;
  text-align: center;
}
@media (max-width: 899px){
  .product-section-content{
    padding-top: 10px;
  }
  .product-section-content .mod-product{
    padding-top: 10px;
  }

  .feature img{}


}

@media (max-width:600px){

  .pricing-features .row .rleft{
    width: 100%;
  }
  .monitors ul{
    padding-left: 5px;
  }

  .mod-explanation .features img{
      width: 100% !important;
  }

}


@media (max-width: 980px){
  #site-footer .small-text-left:nth-child(3){
    margin-left: 12px;
    margin-right: 80px !important;
  }
  #site-footer .small-text-left:nth-child(4){
    width: 30%;
  }
}

@media (max-width: 666px){
  #site-footer .small-text-left:nth-child(2), #site-footer .small-text-left:nth-child(4) {
    margin-left: 12px;
  }

}

.footer-block{

}
#site-footer {
    padding: 0px 0;
    padding-bottom:200px !important;
    background: #37474f;
    color: #fff;
}
#site-footer div ul li a, #site-footer div ul li {
  color:#fff!important;
  height: 24px !important;
  font-size: 15px;
}
#site-footer div ul li a {
  text-decoration: underline;
}
#site-footer div ul li a:hover {
  color:#fff!important;
  text-decoration: underline !important;
}

#site-footer div h6 {
  color: rgba(255,255,255,0.6);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 10px;
  line-height: 1.5;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
nav.cta ul li.li-login-button {
  padding-right: 0px;
}
nav.cta ul li.li-registration-button{
  padding-left: 10px;
}
.capabilities-block{
  background-color: #fafafa;
}
.mod-what-you-get{
  background-color: transparent;
}


.sub-header {
        color: #667f91;
        font-size: 1.9rem;
        font-weight: normal;
        line-height: 1.5;
      }
      .top-button {
        display: inline-block;
        margin: 0 auto;
        width: 200px;
        text-align: center;
        padding: 10px 20px;
        color: #fff !important;
        line-height: 28px;
        font-size: 16px;
        border: 1px solid transparent;
        border-radius: 3px;
        background: #4CAF50;
        text-decoration: none;
        margin-top: 50px !important;
      }
      .top-button-livedemo{
        margin-left: 15px;
      }
      .top-button:hover {
        background: #439a46;
      }
      .screen-block {
        margin-top: 60px;
      }
      @media (max-width:420px){
        .top-button-livedemo{
          margin-left: 0px;
        }
      }


.features-section {
  background-color: #fff;
  padding-top: 50px;
}
.ff {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 70px;
}


@media only screen and ( max-width:600px ){
  .ff .tab-screen img{
    width: 100% !important;
  } 
}
@media only screen and (max-width:1100px){
  .ff {
    width: 100%;
  }
}
@media only screen and ( max-width:700px ){
  .ff .little-feature{
    float: none;
    width: 100%;
  }
  .ff .tab-screen img{
    max-width: 700px;
  }
}



.ff h2 {
  text-align:center;
  font-family: "BrandonTextWeb-Regular", sans-serif;
  font-size: 30px;
  font-weight: 500;
}
.tab-name {
    font-size: 12px;
    font-family: "BrandonTextWeb-Regular", sans-serif;
    font-weight: 500;
    text-align: center;
    max-width: 1000px;
    margin: auto;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.tab-about {
  color: #666;
  text-align: center;
    max-width: 1000px;
    margin: auto;
    font-size: 17px;
    font-weight: 500;
    font-family: "BrandonTextWeb-Regular", sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tab-screen {
  text-align:center;
  margin-bottom: 30px;
  margin-top: 30px;
}
.little-feature {
  padding: 20px;
  height: 120px;
  float: left;
  width: 49.999999%;
  position: relative;
    min-height: 1px;
}
.little-feature-icon {
    padding-top: 6px;
    text-align: right;
    width: 16.66666667%;
    position: relative;
    min-height: 1px;
    float: left;
}
.little-feature-icon img {
  width: 50px;
  vertical-align: top;
  border: 0;
}
.little-feature-text {
  width: 83.33333333%;
  float: left;
  position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.little-feature .little-feature-text p {
    font-size: 15px;
    color: #666;
    padding-top: 5px;
    font-family: "BrandonTextWeb-Regular", sans-serif;
}
.little-feature .little-feature-text h3 {
    color: #545454;
    margin-bottom: 0;
    font-size: 17px;
    font-family: "BrandonTextWeb-Regular", sans-serif;
    line-height: 1.42857143;
}

.ff-line {border-color: #DEE0E2!important;width: 50%;min-height: 1px;border-top: 1px solid;margin-right: auto;margin-left: auto;margin-bottom: 70px;}

/*.text-block-700 {font-family: "BrandonTextWeb-Regular", sans-serif!important;}
.sub-header {font-family: "BrandonTextWeb-Regular", sans-serif!important;}
.review p {font-family: "BrandonTextWeb-Regular", sans-serif!important;}}*/
.allff-h {
  text-align:center;
  font-family: "BrandonTextWeb-Regular", sans-serif;
  font-size: 30px !important;
  font-weight: 500;
  border: none!important;
}

  .tur-button {
      display: block;
      margin: 0 auto;
      width: 200px;
      text-align: center;
      padding: 10px 20px;
      color: #fff !important;
      line-height: 28px;
      font-size: 16px;
      border: 1px solid transparent;
      border-radius: 3px;
      background: #4CAF50;
      text-decoration: none;
    }
    .tur-button:hover {
      background: #439a46;
    }



    .review {margin-bottom: 50px;}
      .review-button {
        display: block;
        margin: 0 auto;
        width: 200px;
        text-align: center;
        padding: 10px 20px;
        color: #fff !important;
        line-height: 28px;
        font-size: 16px;
        border: 1px solid transparent;
        border-radius: 3px;
        background: #4CAF50;
        text-decoration: none;
        margin-top: 10px;
      }
      .review-button:hover {
        background: #439a46;
      }
.change-price-container{
  user-select: none;
}
.change-price{
  cursor: pointer;
  font-size: 15px;
  user-select: none;
  padding-right: 5px;
}
.change-price:last-child{
  border-right: none;
}
.change-price-active{
  color: #3399BB;
  font-size: 17px;
}
.button {
  display: inline-block;
  padding: 10px 20px;
  color: #fff !important;
  line-height: 28px;
  font-size: 16px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: #4CAF50;
  text-decoration: none;
}
.button:hover {
  background: #439a46;
}
.button.button_go_test{ 
  width:255px; 
  margin-top: 20px;
}