@charset "UTF-8";
.BlockLinks--buttons a,
.Btn,
.Event-box,
.PageWrapper,
.PanelChoice label,
.Pricing-features td,
.Pricing-head td,
.Pricing-master .Pricing-features td,
.RadEditor iframe,
.Search a,
.Search input[type=submit],
.Section-banner,
.Section-cover,
.Slider-slide,
.Timeline,
.UpgradeTable td,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-five,
.container,
.field,
.flickr_badge_image,
.selectize-control .selectize-dropdown,
.sfFormSubmit.sfSubmitBtnSmall>input,
.sfcommentsSubmitBtn,
.sfforumSubscribeBtn,
.sfforumUnsubscribeBtn,
.sfreContentArea,
input,
input[type=radio],
input[type=checkbox],
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ie7 .BlockLinks--buttons a,
.ie7 .Btn,
.ie7 .Event-box,
.ie7 .PageWrapper,
.ie7 .PanelChoice label,
.ie7 .Pricing-features td,
.ie7 .Pricing-head td,
.ie7 .Pricing-master .Pricing-features td,
.ie7 .RadEditor iframe,
.ie7 .Search a,
.ie7 .Search input[type=submit],
.ie7 .Section-banner,
.ie7 .Section-cover,
.ie7 .Slider-slide,
.ie7 .Timeline,
.ie7 .UpgradeTable td,
.ie7 .col-1,
.ie7 .col-10,
.ie7 .col-11,
.ie7 .col-12,
.ie7 .col-2,
.ie7 .col-3,
.ie7 .col-4,
.ie7 .col-5,
.ie7 .col-6,
.ie7 .col-7,
.ie7 .col-8,
.ie7 .col-9,
.ie7 .col-five,
.ie7 .container,
.ie7 .field,
.ie7 .flickr_badge_image,
.ie7 .selectize-control .selectize-dropdown,
.ie7 .sfFormSubmit.sfSubmitBtnSmall>input,
.ie7 .sfcommentsSubmitBtn,
.ie7 .sfforumSubscribeBtn,
.ie7 .sfforumUnsubscribeBtn,
.ie7 .sfreContentArea,
.ie7 input,
.ie7 input[type=radio],
.ie7 input[type=checkbox],
.ie7 select,
.ie7 textarea {
    behavior: url(/htc/boxsizing.htc)
}
.List--horizontal,
.List-item,
.Nav,
.NavAlt,
.QuickLinks,
.QuickLinks .sftaxonHorizontalList,
.Section-controlHeadingMenu,
.container,
.ie7 .Bar-table,
.row,
.sfcommentsList .sfcommentDetails,
.u-cf,
dl {
    *zoom: 1
}
.List--horizontal:after,
.List-item:after,
.Nav:after,
.NavAlt:after,
.QuickLinks .sftaxonHorizontalList:after,
.QuickLinks:after,
.Section-controlHeadingMenu:after,
.container:after,
.ie7 .Bar-table:after,
.row:after,
.sfcommentsList .sfcommentDetails:after,
.u-cf:after,
dl:after {
    content: "";
    display: table;
    clear: both
}
.Bar-menu,
.BlogPost-list,
.Dash-aside-list,
.Footer ul,
.TagsList ul,
.list-reset,
.list-reset ul,
.sfcommentsFieldsList,
.sfcommentsList {
    margin: 0;
    list-style: none
}
.Bar-menu li,
.BlogPost-list li,
.Dash-aside-list li,
.Footer ul li,
.TagsList ul li,
.list-reset li,
.list-reset ul li,
.sfcommentsFieldsList li,
.sfcommentsList li {
    padding: 0;
    background-image: none
}
.list-no-bullets {
    margin-left: 0;
    list-style: none
}
.list-no-bullets>li {
    padding: 0;
    background-image: none
}
.u-ht {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}
.FormOverlay,
.NavAlt-Btn,
.NavAlt-Logo {
    visibility: hidden;
    opacity: 0
}
.FormOverlay.is-visible,
.is-fixed .NavAlt-Btn,
.is-fixed .NavAlt-Logo {
    visibility: visible;
    opacity: 1
}
.Footer,
.PageWrapper,
.container {
    margin: auto
}
.container {
    max-width: 1230px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px
}
@media only screen and (max-width: 1230px) {
    .container {
        padding-left: 5%;
        padding-right: 5%
    }
}
.List--horizontal,
.row {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 0
}
.row--align-left-image,
.row--align-right-image {
    display: table
}
.row--align-left-image>div,
.row--align-right-image>div {
    display: table-cell
}
.row--separated {
    position: relative
}
.row--separated .row--separated {
    position: static
}
.row--separated .row {
    margin-right: 0!important
}
.row--separated>div,
.row--separated>div>[class*=col-] {
    position: static;
    padding-left: 30px
}
.row--separated>div:before,
.row--separated>div>[class*=col-]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 1px;
    margin-left: -31px;
    background-color: #d2d2d2;
    background-color: rgba(210, 210, 210, .49)
}
.row--separated>div:first-child,
.row--separated>div>[class*=col-]:first-child {
    padding-left: 15px
}
.row--separated>div:first-child:before,
.row--separated>div>[class*=col-]:first-child:before {
    display: none
}
@media only screen and (max-width: 960px) and (min-width: 621px) {
    .row--separated>.col-4 {
        position: relative
    }
}
@media only screen and (max-width: 960px) {
    .row--separated {
        padding-top: 4%
    }
    .row--separated [class*=col-] {
        width: 50%;
        margin-bottom: 5%;
        padding-left: 5%!important
    }
    .row--separated [class*=col-]:nth-child(odd):before {
        display: none
    }
}
@media only screen and (max-width: 620px) {
    .row--separated+.row--separated {
        border-top: 1px solid #ccc;
        border-top: 1px solid rgba(100, 100, 100, .2)
    }
    .row--separated [class*=col-],
    .row--separated>div {
        border-top: 1px solid #ccc;
        border-top: 1px solid rgba(100, 100, 100, .2);
        padding: 4%;
        margin-bottom: 0;
        width: 100%
    }
    .row--separated [class*=col-]:first-child,
    .row--separated>div:first-child {
        border: 0
    }
    .row--separated [class*=col-]:before,
    .row--separated>div:before {
        display: none
    }
}
.row--separated-center>div {
    padding-left: 15px
}
.row--separated-center>div:before {
    margin-left: -16px
}
.row--separated-hanging>div:before,
.row--separated-hanging>div>[class*=col-]:before {
    top: 80px
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    .row>[class*=col-],
    ::safari-only {
        margin-left: -2px
    }
}
.row--separatedLogical>div {
    background: inherit
}
.row--separatedLogical>div:after {
    /*content: "or";*/
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -51px;
    font: 24px/40px Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    text-align: center;
    background: inherit
}
.row--separatedLogical>div:first-child:after {
    display: none
}
.row-separatedLogicalBottom>div:after {
    top: 82%
}
.row--align-left-image>div,
.row--align-right-image>div {
    position: relative;
    margin-top: -84px;
    bottom: -84px
}
.row--align-left-image>:first-child {
    vertical-align: bottom
}
.row--align-right-image>:last-child {
    vertical-align: bottom
}
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-five,
.flickr_badge_image {
    position: relative;
    display: inline-block;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    vertical-align: top
}
.ie7 .col-1,
.ie7 .col-10,
.ie7 .col-11,
.ie7 .col-12,
.ie7 .col-2,
.ie7 .col-3,
.ie7 .col-4,
.ie7 .col-5,
.ie7 .col-6,
.ie7 .col-7,
.ie7 .col-8,
.ie7 .col-9,
.ie7 .col-five,
.ie7 .flickr_badge_image {
    display: inline;
    zoom: 1
}
.col-1 {
    width: 8.333333333333332%
}
.col-2,
.flickr_badge_image {
    width: 16.666666666666664%
}
.col-3 {
    width: 25%
}
.col-4 {
    width: 33.33333333333333%
}
.col-5 {
    width: 41.66666666666667%
}
.col-6 {
    width: 50%
}
.col-7 {
    width: 58.333333333333336%
}
.col-8 {
    width: 66.66666666666666%
}
.col-9 {
    width: 75%
}
.col-10 {
    width: 83.33333333333334%
}
.col-11 {
    width: 91.66666666666666%
}
.col-12 {
    width: 100%
}
.col--offset-1 {
    margin-left: 8.333333333333332%
}
.col--offset-2 {
    margin-left: 16.666666666666664%
}
.col--offset-3 {
    margin-left: 25%
}
.col--offset-4 {
    margin-left: 33.33333333333333%
}
.col--offset-5 {
    margin-left: 41.66666666666667%
}
.col--offset-6 {
    margin-left: 50%
}
.col--offset-7 {
    margin-left: 58.333333333333336%
}
.col--offset-8 {
    margin-left: 66.66666666666666%
}
.col--offset-9 {
    margin-left: 75%
}
.col--offset-10 {
    margin-left: 83.33333333333334%
}
.col--offset-11 {
    margin-left: 91.66666666666666%
}
.col--offset-12 {
    margin-left: 100%
}
.container.sf_cols,
.row.sf_cols {
    width: auto
}
.col-five {
    width: 20%
}
@media only screen and (max-width: 960px) {
    .col-1 {
        width: 16.666667%
    }
    .col--offset-1 {
        margin-left: 16.666667%
    }
    .col-11 {
        width: 83.333333%
    }
    .col--offset-11 {
        margin-left: 83.333333%
    }
    .col-2,
    .flickr_badge_image {
        width: 33.333333%
    }
    .col--offset-2 {
        margin-left: 33.333333%
    }
    .col-10 {
        width: 66.666667%
    }
    .col--offset-10 {
        margin-left: 66.666667%
    }
    .col-3 {
        width: 33.333333%
    }
    .col--offset-3 {
        margin-left: 33.333333%
    }
    .col-9 {
        width: 66.666667%
    }
    .col--offset-9 {
        margin-left: 66.666667%
    }
    .col-five {
        width: 50%;
        margin-bottom: 4%
    }
    .List--horizontal p:empty,
    .List--horizontal>div:empty,
    .row p:empty,
    .row>div:empty {
        display: none
    }
}
@media only screen and (max-width: 1230px) {
    .col-7 .col-5,
    .col-7 .col-7 {
        width: 100%
    }
}
@media only screen and (max-width: 620px) {
    .List--horizontal>[class*=col-],
    .row>[class*=col-] {
        width: 100%;
        margin-bottom: 5%
    }
    .List--horizontal>[class*=col-]:last-child,
    .row>[class*=col-]:last-child {
        margin-bottom: 0
    }
    .List--horizontal>[class*=col--offset-],
    .row>[class*=col--offset-] {
        margin-left: 0
    }
    .col-five {
        width: 100%
    }
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    margin: 0;
    color: #555;
    background: #fff;
    font: 400 16px/1.25 Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body,
html {
    height: 100%
}
article,
aside,
blockquote,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
[hidden] {
    display: none!important
}
.Link,
a {
    color: #BAE900;
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease
}
.Link:active,
.Link:hover,
a:active,
a:hover {
    outline: 0
}
.Link img,
a img {
    transition: opacity .3s ease
}
.Link:focus,
.Link:hover,
a:focus,
a:hover {
    color: #FF5500;
    text-decoration: underline
}
.Link:focus img,
.Link:hover img,
a:focus img,
a:hover img {
    opacity: .85
}
.Link:focus,
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
b,
strong {
    font-weight: 700
}
small {
    display: inline-block;
    font-size: 85%;
    line-height: 1.2
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
hr {
    clear: both;
    height: 0;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e5e5e5
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle
}
@media only screen and (max-width: 620px) {
    .sfimageWrp {
        text-align: center
    }
}
dl,
fieldset,
ol,
p,
small,
ul {
    margin: 0 0 20px;
    padding: 0
}
ol,
ul {
    list-style-position: outside
}
ul {
    margin-left: 20px
}
ol {
    margin-left: 30px
}
dd,
dt {
    float: left;
    clear: both
}
dd {
    clear: none;
    margin-left: 10px
}
address {
    font-style: normal
}
abbr {
    cursor: help;
    border-bottom: 1px dotted #777;
    border-bottom: 1px dotted rgba(0, 0, 0, .53)
}
.h1,
h1 {
    margin: 0 0 .5em;
    font: 400 60px/.8 MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    letter-spacing: -.03em
}
.BlogPost h1,
.BlogPost-list>li h1,
.h2,
h2 {
    margin: 0 0 40px;
    font: 400 40px/1 FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif;
    letter-spacing: -.04em
}
.BlogPost h2,
.h3,
h3 {
    margin: 0 0 20px;
    font: 400 28px/1 FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif;
    letter-spacing: -.035em
}
.BlogPost h2 small,
.h3 small,
h3 small {
    display: inline-block;
    margin-left: 32px;
    margin-bottom: 0;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0
}
#author>h2,
.BlogPost h3,
.h4,
.single-author-footer>h2,
h4 {
    margin: 0 0 10px;
    font: 400 24px/1 Arial, Helvetica, sans-serif
}
@media only screen and (max-width: 1230px) {
    .h1,
    h1 {
        margin: 0 0 30px;
        font-size: 40px
    }
    .BlogPost h1,
    .BlogPost-list>li h1,
    .h2,
    h2 {
        font-size: 34px
    }
}
@media only screen and (max-width: 960px) {
    .h1,
    h1 {
        margin: 0 0 30px;
        font-size: 32px
    }
    .BlogPost h1,
    .BlogPost-list>li h1,
    .h2,
    h2 {
        margin-bottom: 15px;
        font-size: 26px
    }
    .BlogPost h2,
    .h3,
    h3 {
        font-size: 24px;
        letter-spacing: 0
    }
    #author>h2,
    .BlogPost h3,
    .h4,
    .single-author-footer>h2,
    h4 {
        font-size: 18px
    }
}
@media only screen and (max-width: 620px) {
    .h1,
    h1 {
        margin: 0 0 15px;
        font-size: 26px
    }
    .BlogPost h1,
    .BlogPost-list>li h1,
    .h2,
    h2 {
        font-size: 24px
    }
    .BlogPost h2,
    .h3,
    h3 {
        font-size: 20px
    }
    #author>h2,
    .BlogPost h3,
    .h4,
    .single-author-footer>h2,
    h4 {
        font-size: 16px
    }
}
#author>h3,
.BlogPost h4,
.PanelChoice label,
.h5,
.single-author-footer>h3,
h5 {
    margin: 0 0 10px;
    font: 700 16px Arial, Helvetica, sans-serif
}
.BlogPost h5,
.h6,
h6 {
    margin: 0 0 10px;
    font: 700 12px/1.2 Arial, Helvetica, sans-serif;
    text-transform: uppercase
}
#author>h2,
#author>h3,
.BlogPost h1,
.BlogPost h2,
.BlogPost h3,
.BlogPost h4,
.BlogPost h5,
.BlogPost-list>li h1,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.single-author-footer>h2,
.single-author-footer>h3 {
    display: block
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent
}
td,
th {
    text-align: left;
    vertical-align: top
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    line-height: inherit;
    font-family: inherit
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    border: none
}
.ie7 button,
.ie7 input[type=button],
.ie7 input[type=reset],
.ie7 input[type=submit] {
    overflow: visible
}
a.disabled,
a[disabled],
button.disabled,
button[disabled],
input.disabled,
input[disabled] {
    cursor: default;
    opacity: .75;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
input[type=radio],
input[type=checkbox] {
    padding: 0;
    line-height: normal
}
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
iframe {
    border: 0
}
@font-face {
    font-family: FaktSlabPro-Light;
    src: url(/fonts/FaktSlabPro-Light.eot);
    src: url(/fonts/FaktSlabPro-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/FaktSlabPro-Light.woff) format('woff'), url(/fonts/FaktSlabPro-Light.ttf) format('truetype'), url(/fonts/FaktSlabPro-Light.svg#FaktSlabPro-Light) format('svg')
}
@font-face {
    font-family: FaktSlabPro-Blond;
    src: url(/fonts/FaktSlabPro-Blond.eot);
    src: url(/fonts/FaktSlabPro-Blond.eot?#iefix) format('embedded-opentype'), url(/fonts/FaktSlabPro-Blond.woff) format('woff'), url(/fonts/FaktSlabPro-Blond.ttf) format('truetype'), url(/fonts/FaktSlabPro-Blond.svg#FaktSlabPro-Blond) format('svg')
}
@font-face {
    font-family: FaktSlabPro-Medium;
    src: url(/fonts/FaktSlabPro-Medium.eot);
    src: url(/fonts/FaktSlabPro-Medium.eot?#iefix) format('embedded-opentype'), url(/fonts/FaktSlabPro-Medium.woff) format('woff'), url(/fonts/FaktSlabPro-Medium.ttf) format('truetype'), url(/fonts/FaktSlabPro-Medium.svg#FaktSlabPro-Medium) format('svg')
}
@font-face {
    font-family: MetricWeb-Light;
    src: url(/fonts/MetricWeb-Light.eot);
    src: url(/fonts/MetricWeb-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/MetricWeb-Light.woff2) format('woff2'), url(/fonts/MetricWeb-Light.woff) format('woff'), url(/fonts/MetricWeb-Light.ttf) format('truetype'), url(/fonts/MetricWeb-Light.svg#MetricWeb-Light) format('svg')
}
@font-face {
    font-family: MetricWeb-Regular;
    src: url(/fonts/MetricWeb-Regular.eot);
    src: url(/fonts/MetricWeb-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/MetricWeb-Regular.woff) format('woff'), url(/fonts/MetricWeb-Regular.ttf) format('truetype'), url(/fonts/MetricWeb-Regular.svg#MetricWeb-Regular) format('svg')
}
@font-face {
    font-family: MetricWeb-Semibold;
    src: url(/fonts/MetricWeb-Semibold.eot);
    src: url(/fonts/MetricWeb-Semibold.eot?#iefix) format('embedded-opentype'), url(/fonts/MetricWeb-Semibold.woff) format('woff'), url(/fonts/MetricWeb-Semibold.ttf) format('truetype'), url(/fonts/MetricWeb-Semibold.svg#MetricWeb-Semibold) format('svg')
}
@font-face {
    font-family: MetricWeb-Medium;
    src: url(/fonts/MetricWeb-Medium.eot);
    src: url(/fonts/MetricWeb-Medium.eot?#iefix) format('embedded-opentype'), url(/fonts/MetricWeb-Medium.woff2) format('woff2'), url(/fonts/MetricWeb-Medium.woff) format('woff'), url(/fonts/MetricWeb-Medium.ttf) format('truetype'), url(/fonts/MetricWeb-Medium.svg#MetricWeb-Medium) format('svg')
}
@font-face {
    font-family: tlrk-icon-font;
    src: url(/fonts/tlrk-icon-font1435065395466.eot);
    src: url(/fonts/tlrk-icon-font1435065395466.eot?#iefix) format("eot"), url(/fonts/tlrk-icon-font1435065395466.woff) format("woff"), url(/fonts/tlrk-icon-font1435065395466.woff2) format("woff2"), url(/fonts/tlrk-icon-font1435065395466.ttf) format("truetype"), url(/fonts/tlrk-icon-font1435065395466.svg#tlrk-icon-font) format("svg");
    font-weight: 400;
    font-style: normal
}
[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: tlrk-icon-font;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-add-ons:before {
    content: "\b1"
}
.icon-agile:before {
    content: "\b2"
}
.DividerAnd:before,
.icon-amp:before {
    content: "\b3"
}
.icon-android:before {
    content: "\b4"
}
.icon-arrow-left:before {
    content: "\b5"
}
.Link-ahead:before,
.icon-arrow-right:before {
    content: "\b6"
}
.icon-arrow-up:before {
    content: "\b7"
}
.icon-arrow:before {
    content: "\b8"
}
.icon-awards:before {
    content: "\b9"
}
.icon-blog:before {
    content: "\ba"
}
.icon-chat:before {
    content: "\bb"
}
.icon-check:before {
    content: "\bc"
}
.icon-cloud:before {
    content: "\bd"
}
.icon-code-library:before {
    content: "\be"
}
.icon-comments:before {
    content: "\bf"
}
.icon-date:before {
    content: "\c0"
}
.icon-demos:before {
    content: "\c1"
}
.icon-documentation:before {
    content: "\c2"
}
.icon-download:before {
    content: "\c3"
}
#tlrk-litebox .litebox-close:before,
.Box--error:before,
.icon-error-alt:before {
    content: "\c4"
}
.icon-error:before {
    content: "\c5"
}
.icon-facebook-cless:before {
    content: "\c6"
}
.icon-facebook-full:before {
    content: "\c7"
}
.icon-facebook:before {
    content: "\c8"
}
.icon-faq:before {
    content: "\c9"
}
.icon-feedback-portal:before {
    content: "\ca"
}
.icon-forums:before {
    content: "\cb"
}
.icon-gallery:before {
    content: "\cc"
}
.icon-getting-started:before {
    content: "\cd"
}
.icon-github-full:before {
    content: "\ce"
}
.icon-github:before {
    content: "\cf"
}
.icon-google-cless:before {
    content: "\d0"
}
.icon-google-full:before {
    content: "\d1"
}
.icon-google:before {
    content: "\d2"
}
.Box--info:before,
.Box--neutral:before,
.icon-info:before {
    content: "\d3"
}
.icon-ios:before {
    content: "\d4"
}
.icon-knowledge-base:before {
    content: "\d5"
}
.icon-lifebelt:before {
    content: "\d6"
}
.Link--add:before,
.icon-link-add:before {
    content: "\d7"
}
.Link--goTo:before,
.icon-link-down:before {
    content: "\d8"
}
.Link--next-alt:after,
.Link--next:before,
.Link--readMore:before,
.Pagination .Pagination-next:after,
.Pagination>div+a:after,
.icon-link-next-alt:after,
.icon-link-next:before {
    content: "\d9"
}
.Link--play2:before,
.Link--play:before,
.icon-link-play:before {
    content: "\da"
}
.Link--prev-cless:before,
.icon-link-prev-cless:before {
    content: "\db"
}
.Link--prev:before,
.Pagination .Pagination-prev:before,
.Pagination>a:first-child:before,
.icon-link-prev:before {
    content: "\dc"
}
.Event-addToCalendar.is-open .Link--add:before,
.icon-link-subtract:before {
    content: "\dd"
}
.icon-linkedin-full:before {
    content: "\de"
}
.icon-linkedin:before {
    content: "\df"
}
.icon-lists:before {
    content: "\e0"
}
.icon-liveid-cless:before {
    content: "\e1"
}
.icon-liveid:before {
    content: "\e2"
}
.icon-lock:before {
    content: "\e3"
}
.forumBaloon:before,
.icon-loudspeaker:before {
    content: "\e4"
}
.icon-mail-full:before {
    content: "\e5"
}
.Link--Mail:before,
.icon-mail:before,
.sfforumEmailLnk:before {
    content: "\e6"
}
.Bar-table .Bar-showMe:before,
.icon-menu:before {
    content: "\e7"
}
.icon-next-slide:before {
    content: "\e8"
}
.Link--pdf:before,
.icon-pdf:before {
    content: "\e9"
}
.icon-people:before {
    content: "\ea"
}
.icon-phone:before {
    content: "\eb"
}
.icon-pie-chart:before {
    content: "\ec"
}
.icon-pin:before {
    content: "\ed"
}
.icon-planet:before {
    content: "\ee"
}
.icon-prev-slide:before {
    content: "\ef"
}
.Link--print:before,
.icon-print:before {
    content: "\f0"
}
.Product:before,
.icon-product:before {
    content: "\f1"
}
.icon-quotes:before,
blockquote p:before {
    content: "\f2"
}
.icon-reddit-full:before {
    content: "\f3"
}
.icon-release-history:before {
    content: "\f4"
}
.icon-roadmap:before {
    content: "\f5"
}
.icon-rss-circ:before {
    content: "\f6"
}
.icon-rss-slim:before {
    content: "\f7"
}
.Link--RSS:before,
.icon-rss:before {
    content: "\f8"
}
.icon-sample-app:before {
    content: "\f9"
}
.icon-search:before {
    content: "\fa"
}
.icon-share:before {
    content: "\fb"
}
.icon-showcases:before {
    content: "\fc"
}
.icon-squares:before {
    content: "\fd"
}
.Box--success:before,
.icon-success:before {
    content: "\fe"
}
.icon-support-tickets:before {
    content: "\ff"
}
.icon-system-requirements:before {
    content: "\100"
}
.icon-tag:before {
    content: "\101"
}
.icon-telerik-cless:before {
    content: "\102"
}
.icon-telerik:before {
    content: "\103"
}
.icon-tick:before {
    content: "\104"
}
.icon-trainings:before {
    content: "\105"
}
.icon-twitter-full:before {
    content: "\106"
}
.icon-twitter:before {
    content: "\107"
}
.icon-user-voice:before {
    content: "\108"
}
.icon-videos:before {
    content: "\109"
}
.Box--warning:before,
.icon-warning:before {
    content: "\10a"
}
.icon-webinars:before {
    content: "\10b"
}
.icon-whitepapers:before {
    content: "\10c"
}
.icon-windows-8:before {
    content: "\10d"
}
.icon-x:before {
    content: "\10e"
}
.icon-xamarin:before {
    content: "\10f"
}
.icon-yahoo-cless:before {
    content: "\110"
}
.icon-yahoo:before {
    content: "\111"
}
.icon-youtube:before {
    content: "\112"
}
.icon--s:before {
    font-size: 25px;
    vertical-align: -5px
}
.icon--l:before {
    font-size: 40px
}
.icon--xl:before {
    position: relative;
    font-size: 64px
}
.icon--xxl:before {
    float: left;
    margin-top: 0;
    padding: 0 .2em;
    font-size: 140px
}
.icon--xxxl:before {
    padding: 0;
    font-size: 190px
}
.icon--circled:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    border: 3px solid #000;
    border-radius: 50%
}
.icon--neutral:before {
    color: #fff;
    color: rgba(255, 255, 255, .3)
}
.icon--success:before {
    color: #7acd3f;
    border-color: #7acd3f
}
.icon--danger:before {
    color: #86BDF3
}
@media only screen and (max-width: 1230px) {
    .icon--xxl:before {
        font-size: 100px
    }
    .icon--xl:before {
        font-size: 45px
    }
}
@media only screen and (max-width: 620px) {
    .icon--xxxl:before {
        font-size: 100px
    }
    .icon--xxl:before {
        font-size: 60px
    }
    .icon--xl:before {
        width: 100%
    }
}
.icon-ticket-count:before {
    margin-right: 1px
}
.icon--circled.icon-tick:before {
    text-indent: 5px
}
.flags-au,
.flags-bg,
.flags-de,
.flags-dk,
.flags-in,
.flags-sprite,
.flags-uk,
.flags-us {
    float: left;
    margin-right: 10px
}
.flags-au {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 0;
    width: 40px;
    height: 40px
}
.flags-bg {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -40px;
    width: 40px;
    height: 40px
}
.flags-de {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -80px;
    width: 40px;
    height: 40px
}
.flags-dk {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -120px;
    width: 40px;
    height: 40px
}
.flags-in {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -160px;
    width: 40px;
    height: 40px
}
.flags-uk {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -200px;
    width: 40px;
    height: 40px
}
.flags-us {
    background-image: url(/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -240px;
    width: 40px;
    height: 40px
}
.Bar {
    position: relative;
  	/* z-index: 5000; */
  	height: 95px;
    /* margin-bottom: -40px; */
    background: #BAE900 repeat-x 0 0;
    border-bottom: 3px solid #F50;
}
.Bar-table {
    display: table;
    width: 100%
}
.Bar-table:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #25272c;
    background: rgba(37, 39, 44, .94);
    z-index: -1;
    -webkit-transform: translateZ(0)
}
.logo {
  margin-left: 5%;
  margin-top: 13px;
  max-height: 75px;
}
.Bar-logo-container {
    display: table-cell;
    vertical-align: middle
}
.Bar-logo {
    display: block;
    min-width: 65px
}
.Bar-logo:focus {
    outline: 0
}
.Bar-logo>img {
    border: none;
    display: inline-block;
    backface-visibility: hidden;
    transition: opacity .2s;
    vertical-align: -1px
}
.Bar-slide {
    display: table-cell;
    padding-left: 30px;
    vertical-align: top
}
@media only screen and (max-width: 1230px) {
    .Bar-slide {
        padding-left: 0
    }
}
.Bar-menu {
    display: table;
    width: 100%
}
.Bar-menu>li,
.Bar-navi-link {
    display: table-cell;
    border-left: 1px solid #37393d
}
.Bar-menu>.Bar-menu-itemMobile {
    display: none
}
.Bar-menu-link,
.Bar-navi-link {
    display: block;
    height: 40px;
    padding: 0 16px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font: 13px/40px MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    transition: background-color .2s
}
.Bar-menu-link:focus,
.Bar-menu-link:hover,
.Bar-navi-link:focus,
.Bar-navi-link:hover {
    color: #fff;
    background-color: #4f5757;
    background-color: rgba(255, 255, 255, .15);
    text-decoration: none
}
.Bar-menu-link:focus,
.Bar-navi-link:focus {
    outline: 0
}
.Bar-menu-link.is-active,
.Bar-navi-link.is-active {
    color: #000;
    background-color: #fff;
    position: relative;
    z-index: 1
}
.Bar-menu-smallscreen {
    display: none!important
}
.Bar-search {
    display: table-cell;
    width: 54px;
    min-width: 45px;
    vertical-align: top
}
.Bar-search .Section {
    position: absolute;
    left: 0;
    right: 0;
    padding: 60px 0
}
.Bar-search .Search {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
    max-width: 970px;
    width: 80%
}
.Bar-navi {
    display: table-cell;
    width: 14%;
    vertical-align: top
}
.Bar-navi:last-of-type {
    padding-right: 0
}
.Bar-navi>.Bar-navi-link,
.Bar-navi>div {
    display: table-cell;
    vertical-align: top
}
.Bar-navi .Bar-navi-link:last-child {
    border-right: none
}
.Bar-navi .Account-info {
    max-width: 204%;
    padding: 25px 20px 21px;
    margin-right: -126px;
    margin-left: 1px
}
.Bar-navi .Account-info a {
    line-height: 1.75
}
.Bar-navi .Account-info a.List-thumb {
    text-decoration: none;
    padding-top: 6px;
    padding-right: 12px;
    vertical-align: top
}
.Bar-navi .Account-info .List-text {
    margin: 0
}
.Bar-navi .Account-info .List-text>a {
    display: block;
    font: 400 16px/1.5 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Bar-navi .Account-info hr {
    margin: 0 0 8px
}
.Bar-navi-link--name {
    width: 88px;
    text-align: center;
    transform: translateZ(0)
}
.user-name-no-overflow {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}
.Tickets-count {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #ee5315;
    border: 2px solid #ee5315;
    border-radius: 50%
}
.Tickets-count:hover {
    opacity: .8
}
.logout {
    font-size: 15px
}
.Bar-navi-link--highlighted {
    background: #434851;
    background: rgba(67, 72, 81, .5);
    border: none;
    margin-left: 1px
}
.Bar-table .Bar-showMe {
    display: none;
    width: 50px;
    height: 40px;
    margin: 0 12px 0 -4px;
    z-index: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background: 0 0;
    transition: all 300ms;
    padding-right: 0
}
.Bar-table .Bar-showMe:before {
    display: block;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.2em;
    font-family: tlrk-icon-font;
    color: #fff
}
.Bar-hideMe {
    display: none;
    z-index: -1;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 0;
    background-color: #aaa;
    background-color: rgba(0, 0, 0, .2)
}
#Bar-controlMe {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}
@media only screen and (max-width: 1530px) {
    .Bar-menu-link,
    .Bar-navi-link {
        padding: 0 10px
    }
    .Bar-navi .Account-info {
        margin-right: -106px;
        padding-left: 10px;
        padding-right: 10px
    }
}
@media only screen and (max-width: 1230px) {
    .Bar-menu-link,
    .Bar-navi-link {
        padding: 0 3px;
        font-size: 11px
    }
    .Bar-navi .Account-info {
        margin-right: -79px
    }
}
@media only screen and (max-width: 1000px) {
    .Bar {
        -webkit-animation: bugfix infinite 3s 3s
    }
    .Bar>.container {
        padding: 0
    }
    .Bar-navi-link--highlighted {
        padding-left: 10px;
        padding-right: 10px
    }
    .Bar-logo-container {
        width: 100%
    }
    .Bar,
    .Bar-menu {
        -webkit-animation: bugfix infinite 3s 3s
    }
    .Bar>.container {
        padding: 0
    }
    .Bar-navi-link--highlighted {
        padding-left: 10px;
        padding-right: 10px
    }
    .Bar-logo-container {
        width: 100%
    }
    .Bar-menu {
        box-shadow: 5px 5px 7px rgba(0, 0, 0, .12);
        background: #fff;
        padding-top: 10px
    }
    .Bar-menu>li {
        border: 0
    }
    .Bar-menu>li:first-child {
        display: table-caption;
        caption-side: bottom;
        box-shadow: 5px 5px 7px rgba(0, 0, 0, .12)
    }
    .Bar-menu>li~li>a {
        color: #BAE900;
        text-align: left;
        font-size: 18px;
        padding-left: 5%;
        padding-right: 5%
    }
    .Bar-menu>li~li>a:hover {
        color: #FF5500
    }
    .Bar-table .Bar-showMe {
        display: inline-block
    }
    #Bar-controlMe:checked~.Bar-hideMe {
        display: block
    }
    #Bar-controlMe:checked~.Bar-showMe {
        background-color: #fff
    }
    #Bar-controlMe:checked~.Bar-showMe:before {
        color: #000
    }
    #Bar-controlMe:checked~.Bar-slide {
        position: absolute;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
    .ie9 #Bar-controlMe:checked~.Bar-slide {
        left: 0
    }
    .Bar-slide {
        position: fixed;
        top: 40px;
        left: 0;
        bottom: 0;
        width: 95%;
        padding-left: 0;
        background: #fff;
        color: #000;
        -webkit-transform: translateX(-120%);
        -moz-transform: translateX(-120%);
        transform: translateX(-120%);
        -webkit-transition: -webkit-transform 240ms ease-in-out;
        transition: transform 240ms ease-in-out
    }
    .ie9 .Bar-slide {
        left: -1000px
    }
    .Bar-slide .Dash {
        top: 0;
        visibility: visible;
        position: relative;
        box-shadow: none;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: 0;
        z-index: 1
    }
    .Bar-menu>.Dropdown>.Bar-menu-link {
        display: none
    }
    .Bar-menu>.Bar-menu-itemMobile,
    .Bar-menu>li {
        display: block
    }
}
.oldie .Bar-menu>.Bar-menu-itemMobile {
    display: none
}
.oldie .Bar-slide {
    padding-left: 0
}
.oldie .Bar-menu {
    width: 700px;
    float: right
}
@media only screen and (max-width: 570px) {
    .Bar-navi,
    .Bar-navi>div {
        display: none
    }
    .Bar-table .Bar-showMe {
        margin-left: 0;
        margin-right: 0
    }
    .Bar-search {
        width: 45px
    }
    .Bar-search .Bar-navi-link {
        font-size: 15px
    }
    .Bar-logo {
        width: auto!important;
        text-align: center
    }
    .Bar-logo-container {
        width: 100%
    }
    .Bar-menu-smallscreen {
        display: block!important
    }
}
.ie7 .Bar {
    background: #25272c
}
.ie7 .Bar-logo-container,
.ie7 .Bar-menu,
.ie7 .Bar-menu>li,
.ie7 .Bar-navi,
.ie7 .Bar-search,
.ie7 .Bar-slide {
    float: left
}
.ie7 .Bar-menu {
    width: 692px
}
.ie7 .Bar-navi {
    width: 252px;
    background: #25272c
}
.ie7 .Bar-navi .Bar-navi-link,
.ie7 .Bar-navi>div {
    float: left
}
.ie7 .Bar-navi-link.Dropdown-control {
    font-size: 12px
}
.ie7 #Bar-controlMe,
.ie7 .Bar-hideMe,
.ie7 .Bar-showMe {
    display: none!important
}
.RadDock .Bar-logo {
    width: 10%
}
.RadDock .Bar-slide {
    width: 50%;
    padding-left: 0
}
.RadDock .Bar-search {
    width: 20%
}
.RadDock .Bar-navi {
    width: 20%
}
.PageWrapper--plugins .Bar-navi {
    width: 0
}
.PageWrapper--plugins .Bar-logo-container {
    width: 32%
}
@media only screen and (max-width: 810px) {
    .PageWrapper--plugins .Bar-logo-container {
        width: 100%
    }
}
@-moz-keyframes bugfix {
    0%, 100% {
        text-indent: 0
    }
}
@-webkit-keyframes bugfix {
    0%, 100% {
        text-indent: 0
    }
}
@keyframes bugfix {
    0%, 100% {
        text-indent: 0
    }
}
.fixed-dummy {
    height: 70px;
    margin-top: -70px
}
.Bar+.Nav,
.Bar+.fixed-dummy {
    margin-top: 40px
}
.Nav {
    position: relative;
    height: 70px;
    z-index: 1;
    min-height: 70px;
    margin-top: -70px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95)
}
.oldie .Nav {
    background-color: #f4f4f4
}
.Nav header .Nav-anchor {
    color: #0289d7
}
.Nav .Btn {
    margin-bottom: 0
}
.Nav-container {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 70px
}
.Nav-container>div,
.Nav-container>header {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap
}
.Nav-container>header {
    vertical-align: middle;
    text-align: left
}
.Nav-title {
    font: 700 18px/1.2 Arial, Helvetica, sans-serif;
    color: #21242c;
    letter-spacing: -.05em
}
.Nav-anchor {
    display: block;
    font: 400 13px Arial, Helvetica, sans-serif;
    color: #3d3d3d
}
.Nav-sections {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 0
}
.Nav-sections>a {
    display: inline-block;
    padding: 0 2.1%;
    font-size: 13px;
    line-height: 70px;
    text-decoration: none;
    transition: background-color .2s ease
}
.ie9 .Nav-sections>a {
    padding: 0 10px
}
.Nav-sections>a:focus {
    outline: 0
}
.Nav-sections>a.is-active,
.Nav-sections>a:focus,
.Nav-sections>a:hover {
    background-color: #eaecef;
    background-color: rgba(225, 229, 234, .6);
    color: initial
}
@media only screen and (max-width: 1230px) {
    .Nav-cta>a {
        width: auto;
        min-width: 0;
        padding-left: .6em;
        padding-right: .6em
    }
}
@media only screen and (max-width: 1010px) {
    .Nav-container .Nav-sections,
    .fixed-dummy {
        display: none
    }
    .Nav.is-fixed {
        position: relative;
        margin-top: -70px
    }
    .Nav .Btn+.Btn {
        margin-left: .1em
    }
}
@media only screen and (max-width: 620px) {
    .Nav-title {
        font-size: 14px;
        white-space: normal
    }
}
.Bar+.NavAlt,
.Bar+.fixed-dummy {
    margin-top: 40px
}
.NavAlt {
    position: relative;
    height: 60px;
    z-index: 1;
    min-height: 60px;
    margin-top: -60px;
    font-size: 0;
    text-align: center;
    background-color: #25272c;
    background-color: rgba(37, 39, 44, .94)
}
.NavAlt .container {
    position: relative
}
@media only screen and (max-width: 770px) {
    .NavAlt {
        display: none
    }
}
.NavAlt-anchor {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    padding-left: 2em;
    padding-right: 2em;
    border-left: 1px solid #393f47;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid #393f47;
    border-right: 1px solid rgba(255, 255, 255, .1);
    transition: background .2s
}
.NavAlt-anchor.is-active,
.NavAlt-anchor:active,
.NavAlt-anchor:focus,
.NavAlt-anchor:hover {
    color: #fff;
    text-decoration: none;
    border-color: transparent;
    outline: 0;
    background-color: #393f47;
    background-color: rgba(255, 255, 255, .1)
}
.NavAlt-anchor+.NavAlt-anchor {
    border-left: 0
}
@media only screen and (max-width: 1230px) {
    .NavAlt-anchor {
        padding-left: .8em;
        padding-right: .8em
    }
}
@media only screen and (max-width: 960px) {
    .NavAlt-anchor {
        font-size: 16px
    }
}
.NavAlt--transparent {
    background-color: transparent
}
.NavAlt--transparent.is-fixed {
    background-color: #070708
}
.NavAlt--transparent.is-fixed .NavAlt-anchor {
    height: 56px;
    padding-top: 4px;
    font-size: 19px
}
.NavAlt--transparent.is-fixed .NavAlt-anchor.is-active,
.NavAlt--transparent.is-fixed .NavAlt-anchor:active,
.NavAlt--transparent.is-fixed .NavAlt-anchor:focus,
.NavAlt--transparent.is-fixed .NavAlt-anchor:hover {
    background-color: #393f47;
    background-color: rgba(255, 255, 255, .2)
}
.NavAlt--transparent .NavAlt-anchor {
    font: 18px/60px MetricWeb-Light, Arial, Gadget, sans-serif;
    transition: all .15s
}
.NavAlt--transparent .Btn--min-w {
    min-width: 210px;
    font-size: 26px;
    display: block;
    margin-top: 8px
}
.NavAlt--plain {
    background-color: #fff;
    border-bottom: 1px solid #e1e5ea
}
@media only screen and (max-width: 1230px) {
    .NavAlt--plain {
        text-align: right
    }
}
.NavAlt--plain.is-fixed {
    box-shadow: 0 0 5px rgba(0, 0, 0, .25)
}
.NavAlt--plain.is-fixed:before {
    content: "";
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background: #edeff2
}
.NavAlt--plain .NavAlt-anchor {
    height: 60px;
    line-height: 66px;
    color: #222;
    font-family: MetricWeb-Light, Arial, Gadget, sans-serif;
    font-size: 24px;
    padding-left: .75em;
    padding-right: .75em;
    border: 0;
    background-color: transparent
}
@media only screen and (max-width: 1230px) {
    .NavAlt--plain .NavAlt-anchor {
        font-size: 17px;
        padding-left: .5em;
        padding-right: .5em
    }
}
.NavAlt--plain .NavAlt-anchor.is-active,
.NavAlt--plain .NavAlt-anchor:hover {
    background: #edeff2
}
.NavAlt--plain .NavAlt-Logo {
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    color: #222;
    text-transform: uppercase;
    font-size: 20px;
    padding-right: 20px;
    background: #edeff2;
    transition: none
}
.NavAlt--plain .NavAlt-Logo~div {
    background: #fff
}
.NavAlt-Btn,
.NavAlt-Logo {
    position: absolute;
    top: 0;
    line-height: 60px;
    transition: opacity .8s
}
.NavAlt-Logo {
    left: 30px
}
.ie8 .NavAlt-Logo {
    min-width: 100px
}
.NavAlt-Btn {
    right: 30px;
    font-size: 15px
}
.NavAlt2 {
    margin-left: 0
}
.NavAlt2 a {
    position: relative;
    display: block;
    padding-bottom: 8px;
    color: #000;
    font: 24px/1 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    outline: 0
}
.NavAlt2 a.is-active,
.NavAlt2 a:focus,
.NavAlt2 a:hover {
    color: inherit;
    border-color: inherit
}
.NavAlt2 a.is-active:after,
.NavAlt2 a.is-active:before,
.NavAlt2 a:focus:after,
.NavAlt2 a:focus:before,
.NavAlt2 a:hover:after,
.NavAlt2 a:hover:before {
    display: block
}
.NavAlt2 a:after,
.NavAlt2 a:before {
    position: absolute;
    display: none;
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid;
    border-top-color: inherit
}
.NavAlt2 a:before {
    bottom: -14px;
    left: 50%;
    margin-left: -8px
}
.NavAlt2 a:after {
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -12px;
    left: 50%;
    margin-left: -7px
}
.NavAlt2Tabs--kendo {
    position: relative;
    height: 860px;
    max-width: 1170px
}
.NavAlt2Tabs-item {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 100px, 0);
    transition: transform .2s, opacity .2s, visibility 0s linear .2s
}
.NavAlt2Tabs-item.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform .2s, opacity .2s, visibility 0s linear 0s
}
.oldie .NavAlt2Tabs--kendo .k-chart {
    display: none
}
.oldie .NavAlt2Tabs--kendo .is-active .k-chart {
    display: block
}
.oldie .NavAlt2Tabs--kendo .k-chart {
    min-width: 97%
}
.oldie iframe.k-content {
    max-height: 450px
}
.NavAlt2Tabs-item>.sf_colsIn {
    padding: 1px
}
@media only screen and (max-width: 980px) {
    .NavAlt2 a {
        font-size: 18px;
        padding-bottom: 4px
    }
}
@media only screen and (max-width: 680px) {
    .NavAlt2 a {
        font-size: 18px;
        padding-bottom: 4px
    }
    .NavAlt2.Justify {
        text-align: center
    }
    .NavAlt2.Justify .Justify-item {
        padding: 0 5%;
        margin-bottom: 10px;
        display: inline-block!important
    }
}
.Tooltip {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: -2px;
    margin-left: 4px;
    border-radius: 50%;
    line-height: 1.3;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #90929a;
    cursor: help;
    -webkit-transition: background-color .15s ease;
    -moz-transition: background-color .15s ease;
    transition: background-color .15s ease
}
.Tooltip:focus,
.Tooltip:hover {
    background-color: #454545
}
.Tooltip--text {
    width: auto;
    height: auto;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px dotted;
    border-bottom-color: inherit
}
.Tooltip--text:focus,
.Tooltip--text:hover {
    background-color: transparent
}
.Dropdown-tooltip,
.Tooltip-info,
.sfforumEmailSubscriptionInfoWrp {
    position: absolute;
    left: -26px;
    bottom: 100%;
    z-index: 99999;
    width: 240px;
    padding: 15px 20px;
    border-radius: 2px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    visibility: hidden;
    cursor: text;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: -moz-translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    -webkit-transition-duration: .3s, .3s, 0s;
    -webkit-transition-delay: 0s, 0s, .3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, opacity, visibility;
    -moz-transition-duration: .3s, .3s, 0s;
    -moz-transition-delay: 0s, 0s, .3s;
    -moz-transition-timing-function: ease;
    transition-property: transform, opacity, visibility;
    transition-duration: .3s, .3s, 0s;
    transition-delay: 0s, 0s, .3s;
    transition-timing-function: ease
}
.Dropdown-tooltip:after,
.Tooltip-info:after,
.sfforumEmailSubscriptionInfoWrp:after {
    content: "";
    position: absolute;
    left: 35px;
    bottom: -14px;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-width: 7px;
    border-style: solid;
    border-color: #fff transparent transparent
}
.Dropdown-tooltip,
.Tooltip-info,
.sfforumEmailSubscriptionInfoWrp {
    margin-bottom: 8px;
    margin-top: 0
}
.Dropdown-tooltip,
.Tooltip-info--bottom,
.sfforumEmailSubscriptionInfoWrp {
    top: 100%;
    bottom: auto;
    -webkit-transform: translateY(30px);
    -moz-transform: -moz-translateY(30px);
    transform: translateY(30px)
}
.Dropdown-tooltip:after,
.Tooltip-info--bottom:after,
.sfforumEmailSubscriptionInfoWrp:after {
    top: -14px;
    bottom: auto;
    border-color: transparent transparent #fff
}
.Tooltip-info--centeredArrow:after {
    left: 50%;
    margin-left: -7px
}
.Dropdown-tooltip,
.Tooltip-info--bottom,
.sfforumEmailSubscriptionInfoWrp {
    margin-top: 8px;
    margin-bottom: 0
}
.Dropdown-tooltip,
.Tooltip-info--dark,
.sfforumEmailSubscriptionInfoWrp {
    color: #fff;
    background-color: #3d4350
}
.Dropdown-tooltip:after,
.Tooltip-info--dark:after,
.sfforumEmailSubscriptionInfoWrp:after {
    border-color: #3d4350 transparent transparent
}
.Dropdown-tooltip a,
.Tooltip-info--dark a,
.sfforumEmailSubscriptionInfoWrp a {
    color: #2ab8fb
}
.Tooltip-info--blue,
.Tooltip-info--skyblue {
    background-color: #d1f0fb;
    box-shadow: none
}
.Tooltip-info--blue:after,
.Tooltip-info--skyblue:after {
    border-color: #d1f0fb transparent transparent
}
.Tooltip-info--skyblue {
    background-color: #2dc8ff
}
.Tooltip-info--skyblue:after {
    border-color: #2dc8ff transparent transparent
}
.Tooltip-info--bottom.Tooltip-info--dark:after,
.sfforumEmailSubscriptionInfoWrp:after {
    border-color: transparent transparent #3d4350
}
.Tooltip-info--bottom.Tooltip-info--blue:after {
    border-color: transparent transparent #d1f0fb
}
.Tooltip-info--right {
    bottom: auto;
    right: auto;
    left: -300px;
    top: 50%
}
.Tooltip-info--right:after {
    top: 50%;
    bottom: auto;
    left: 100%;
    margin-left: 0;
    margin-top: -4px;
    border-width: 9px;
    border-color: transparent transparent transparent #3d4350
}
.Tooltip-info--right.Tooltip-info--skyblue:after {
    border-color: transparent transparent transparent #2dc8ff
}
.Tooltip-info--alter {
    color: #333;
    border-radius: 0;
    background-color: #b3e6f9;
    box-shadow: none
}
.Tooltip-info--alter:after {
    border-color: #b3e6f9 transparent transparent
}
.Tooltip-info--alter.Tooltip-info--bottom:after {
    border-color: transparent transparent #b3e6f9
}
.Tooltip:focus .Tooltip-info,
.Tooltip:hover .Tooltip-info,
.is-open .Tooltip-info {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    -moz-transform: -moz-translateY(0);
    transform: translateY(0)
}
.Tooltip-close {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    padding: 10px 15px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}
.oldie .Tooltip-info {
    border: 4px solid #dedede
}
.oldie .Tooltip-info:after {
    bottom: -18px;
    margin-left: -14px;
    border-top-color: #dedede
}
.oldie .Tooltip-info--bottom:after {
    top: -18px;
    border-bottom-color: #dedede;
    border-top-color: transparent
}
.oldie .Tooltip-info--dark {
    border-color: #dedede
}
.oldie .Tooltip-info--dark:after {
    border-top-color: #dedede
}
.oldie .Tooltip-info--dark.Tooltip-info--bottom:after {
    border-bottom-color: #dedede;
    border-top-color: transparent
}
.ie7 .Tooltip {
    height: 16px;
    margin-top: 2px
}
.ie7 .Tooltip-info {
    bottom: 16px;
    left: -16px
}
.ie7 .Tooltip-info--bottom {
    top: 80%;
    bottom: auto
}
.Dropdown {
    position: relative
}
.Dropdown-control.is-active .Dropdown-arrow,
.Dropdown-control:focus .Dropdown-arrow,
.Dropdown-control:hover .Dropdown-arrow {
    border-top-color: #a9a9a9
}
.Dropdown-arrow {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border: 4px solid transparent;
    border-top-color: inherit;
    vertical-align: middle
}
.Dropdown-view {
    position: absolute;
    top: 100%;
    display: none;
    background: #fff
}
.is-open .Dropdown-view {
    display: block
}
.Dropdown-tooltip.BlockLinks--buttons,
.sfforumEmailSubscriptionInfoWrp.BlockLinks--buttons {
    white-space: nowrap;
    width: auto
}
.Dropdown-tooltip:after,
.sfforumEmailSubscriptionInfoWrp:after {
    left: 38px
}
.Dropdown .Dropdown-view--center,
.sfforumEmailSubscriptionInfoWrp {
    left: 50%;
    margin-left: -140px
}
.Dropdown .Dropdown-view--center:after,
.sfforumEmailSubscriptionInfoWrp:after {
    left: 50%;
    margin-left: -5px
}
.Dropdown .Dropdown-view--left {
    left: 0;
    right: auto
}
.Dropdown .Dropdown-view--right {
    right: 0;
    left: auto
}
.Dropdown .Dropdown-view--right:after {
    left: auto;
    right: 38px
}
.Dash {
    visibility: hidden;
    overflow: hidden;
    top: 40px;
    left: 0;
    right: 0;
    z-index: -1;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    display: block;
    width: auto;
    padding: 35px 0 30px;
    background: #fff;
    box-shadow: 1px 5px 7px rgba(0, 0, 0, .12);
    -webkit-transform: translateY(-100%);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.2, .465, .295, .975), visibility 200ms 0ms;
    -moz-transform: translateY(-100%);
    -moz-transition: -moz-transform 200ms cubic-bezier(.2, .465, .295, .975);
    transform: translateY(-100%);
    transition: transform 200ms cubic-bezier(.2, .465, .295, .975), visibility 200ms 0ms
}
.oldie .Dash {
    top: -1200px;
    border-bottom: 2px solid #dddddc
}
.Dash.Section {
    z-index: -1
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    .Dash,
    ::safari-only {
        -webkit-transition: -webkit-transform 200ms cubic-bezier(.2, .465, .295, .975)
    }
}
.Dropdown.is-open .Dash {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}
.ie .Dropdown.is-open .Dash {
    top: 40px
}
.Dash-aside {
    font-size: 12px
}
.col-dash-main {
    width: 71.9%
}
.col-dash-aside {
    width: 28.1%
}
.Dash-aside-list {
    color: #868581
}
.Dash-aside-list a {
    display: block;
    font-size: 24px;
    line-height: 1.4;
    color: #0186bd
}
.Dash-aside-list>li {
    margin-bottom: 18px
}
.Dash-aside-list span {
    display: inline-block;
    font-size: 14px;
    margin-top: -4px
}
.Dash-greybox {
    background: #f0f0f0;
    border-radius: 3px;
    padding: 20px 20px 10px;
    margin-bottom: 18px
}
.Dash-greybox ul {
    margin-bottom: 0
}
.Dash-h1 {
    display: block;
    padding-bottom: 7px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}
.Dash-h1--bb {
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddc
}
.Dash-h2 {
    font-size: 12px;
    color: #777
}
.Dash-h3 {
    font-size: 12px;
    line-height: 1.8;
    color: #333;
    text-transform: uppercase;
    margin-top: 7px
}
.Dash-h5 {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -.005em;
    color: #010101;
    font-weight: 700
}
.Dash-separator {
    margin: 0 0 15px;
    border-bottom: 1px solid #dddddc
}
.Dash-box {
    display: block;
    padding: 9px 16px 0 14px;
    min-height: 78px;
    border: 1px solid #dddddc;
    border-radius: 3px;
    color: #999;
    font-size: 11px
}
.Dash-box:hover {
    text-decoration: none;
    background-color: #fdfdfd
}
.Dash-box p {
    margin-bottom: 14px
}
.Dash .BlockLinks {
    padding-top: 8px;
    line-height: 18px
}
.Dash .BlockLinks a {
    font-size: 16px
}
.Dash .Dash-h3+.BlockLinks {
    padding-top: 0
}
.Dash-aside {
    width: 230px;
    *width: 200px
}
.Dash-main {
    width: 740px;
    *width: 700px
}
@media only screen and (max-width: 1450px) {
    .Dash-aside {
        width: 20%
    }
    .Dash-aside {
        font-size: 11px
    }
    .Dash-aside-list a {
        font-size: 16px
    }
    .Dash-main {
        width: 60%
    }
}
@media only screen and (max-width: 960px) {
    .Dash-aside {
        display: none
    }
    .Dash-h1~.row>.col-3,
    .Dash-h1~.row>.col-9,
    .Dash-main,
    .Dropdown-view>.container>.row>.col-3,
    .Dropdown-view>.container>.row>.col-3+.col-9 {
        width: 100%
    }
    .Dash .BlockLinks {
        line-height: 1
    }
    .Dash .BlockLinks a {
        padding-top: 6px;
        padding-bottom: 6px
    }
}
@media only screen and (max-width: 620px) {
    .Dash-h1~.row>.col-3,
    .Dash-h1~.row>.col-9>.row>.col-4 {
        width: 50%
    }
}
.Section,
.Section-banner,
.Section-cover {
    position: relative;
    z-index: 1
}
.Section,
.Section-banner,
.Section-cover {
    padding-top: 84px;
    padding-bottom: 84px
}
.Section--heading {
    padding-top: 35px;
    padding-bottom: 35px
}
.Section-controlHeading {
    padding-top: 30px;
    padding-bottom: 30px
}
.Section--xs {
    padding-top: 10px;
    padding-bottom: 10px
}
.Section--s {
    padding-top: 20px;
    padding-bottom: 20px
}
.Section--m {
    padding-top: 56px;
    padding-bottom: 56px
}
.Section--l {
    padding-top: 25px;
    padding-bottom: 70px
}
.Section--xl {
    padding-top: 144px;
    padding-bottom: 144px
}
.Section--black,
.Section--black2,
.Section--black3,
.Section--blue7,
.Section--blue8,
.Section--blue9,
.Section--green4,
.Section--grey3,
.Section--orange3,
.Section.Section--blue1,
.Section.Section--blue4 {
    color: #fff
}
.Section--black .Aggregate,
.Section--black .SubTitle,
.Section--black .h1,
.Section--black .h3,
.Section--black .h4,
.Section--black h1,
.Section--black h2,
.Section--black h3,
.Section--black h4,
.Section--black2 .Aggregate,
.Section--black2 .SubTitle,
.Section--black2 .h1,
.Section--black2 .h3,
.Section--black2 .h4,
.Section--black2 h1,
.Section--black2 h2,
.Section--black2 h3,
.Section--black2 h4,
.Section--black3 .Aggregate,
.Section--black3 .SubTitle,
.Section--black3 .h1,
.Section--black3 .h3,
.Section--black3 .h4,
.Section--black3 h1,
.Section--black3 h2,
.Section--black3 h3,
.Section--black3 h4,
.Section--blue7 .Aggregate,
.Section--blue7 .SubTitle,
.Section--blue7 .h1,
.Section--blue7 .h3,
.Section--blue7 .h4,
.Section--blue7 h1,
.Section--blue7 h2,
.Section--blue7 h3,
.Section--blue7 h4,
.Section--blue8 .Aggregate,
.Section--blue8 .SubTitle,
.Section--blue8 .h1,
.Section--blue8 .h3,
.Section--blue8 .h4,
.Section--blue8 h1,
.Section--blue8 h2,
.Section--blue8 h3,
.Section--blue8 h4,
.Section--blue9 .Aggregate,
.Section--blue9 .SubTitle,
.Section--blue9 .h1,
.Section--blue9 .h3,
.Section--blue9 .h4,
.Section--blue9 h1,
.Section--blue9 h2,
.Section--blue9 h3,
.Section--blue9 h4,
.Section--green4 .Aggregate,
.Section--green4 .SubTitle,
.Section--green4 .h1,
.Section--green4 .h3,
.Section--green4 .h4,
.Section--green4 h1,
.Section--green4 h2,
.Section--green4 h3,
.Section--green4 h4,
.Section--grey3 .Aggregate,
.Section--grey3 .SubTitle,
.Section--grey3 .h1,
.Section--grey3 .h3,
.Section--grey3 .h4,
.Section--grey3 h1,
.Section--grey3 h2,
.Section--grey3 h3,
.Section--grey3 h4,
.Section--orange3 .Aggregate,
.Section--orange3 .SubTitle,
.Section--orange3 .h1,
.Section--orange3 .h3,
.Section--orange3 .h4,
.Section--orange3 h1,
.Section--orange3 h2,
.Section--orange3 h3,
.Section--orange3 h4,
.Section.Section--blue1 .Aggregate,
.Section.Section--blue1 .SubTitle,
.Section.Section--blue1 .h1,
.Section.Section--blue1 .h3,
.Section.Section--blue1 .h4,
.Section.Section--blue1 h1,
.Section.Section--blue1 h2,
.Section.Section--blue1 h3,
.Section.Section--blue1 h4,
.Section.Section--blue4 .Aggregate,
.Section.Section--blue4 .SubTitle,
.Section.Section--blue4 .h1,
.Section.Section--blue4 .h3,
.Section.Section--blue4 .h4,
.Section.Section--blue4 h1,
.Section.Section--blue4 h2,
.Section.Section--blue4 h3,
.Section.Section--blue4 h4 {
    color: #fff
}
.Section--black .h5,
.Section--black .h6,
.Section--black h5,
.Section--black h6,
.Section--black2 .h5,
.Section--black2 .h6,
.Section--black2 h5,
.Section--black2 h6,
.Section--black3 .h5,
.Section--black3 .h6,
.Section--black3 h5,
.Section--black3 h6,
.Section--blue7 .h5,
.Section--blue7 .h6,
.Section--blue7 h5,
.Section--blue7 h6,
.Section--blue8 .h5,
.Section--blue8 .h6,
.Section--blue8 h5,
.Section--blue8 h6,
.Section--blue9 .h5,
.Section--blue9 .h6,
.Section--blue9 h5,
.Section--blue9 h6,
.Section--green4 .h5,
.Section--green4 .h6,
.Section--green4 h5,
.Section--green4 h6,
.Section--grey3 .h5,
.Section--grey3 .h6,
.Section--grey3 h5,
.Section--grey3 h6,
.Section--orange3 .h5,
.Section--orange3 .h6,
.Section--orange3 h5,
.Section--orange3 h6,
.Section.Section--blue1 .h5,
.Section.Section--blue1 .h6,
.Section.Section--blue1 h5,
.Section.Section--blue1 h6,
.Section.Section--blue4 .h5,
.Section.Section--blue4 .h6,
.Section.Section--blue4 h5,
.Section.Section--blue4 h6 {
    color: #818692
}
.Section--orange2 {
    background-color: #f80;
    color: #000
}
.Section--green {
    background-color: #9c0;
    color: #000
}
.Section--green1 {
    background-color: #03c063;
    color: #000
}
.Section--green2 {
    background-color: #38be35;
    color: #000
}
.Section--green3 {
    background-color: #2db245;
    color: #000
}
.Section--blue1 {
    background-color: #1d2333;
    color: #000
}
.Section--blue2 {
    background-color: #48bfe8;
    color: #000
}
.Section--blue3 {
    background-color: #08a9e0;
    color: #000
}
.Section--blue4 {
    background-color: #01436e;
    color: #000
}
.Section--blue5 {
    background-color: #14d5e3;
    color: #000
}
.Section--blue6 {
    background-color: #d9f5fe;
    color: #000
}
.Section--white {
    background-color: #fff;
    color: #000
}
.Form,
.Section--grey1,
.UpgradeFooter {
    background-color: #f3f5f7
}
.Section--grey2 {
    background-color: #c2ccd4
}
.Section--grey4 {
    background-color: #edeff2
}
.Section--grey5 {
    background-color: #d9e0e2
}
.Section--yellow2 {
    background-color: #ffd73f
}
.Section--grey3 {
    background-color: #8ea0ae
}
.Section--green4 {
    background-color: #37b24f
}
.Section--black {
    background-color: #2a2d33
}
.Section--black2 {
    background-color: #09060b
}
.Section--black3 {
    background-color: #000
}
.Section--orange3 {
    background-color: #ef8500
}
.Section--blue7 {
    background-color: #004c66
}
.Section--blue8 {
    background-color: #22578a
}
.Section--blue9 {
    background-color: #141d2b
}
.Section--black a {
    color: #38c0ff
}
.Section--black2 a {
    color: #38c0ff
}
.Section--black3 a {
    color: #38c0ff
}
.Section--orange2 a {
    color: #38c0ff
}
.Section--green2 a {
    color: #fff
}
.Section--green3 a {
    color: #fff
}
.Section--blue2 a {
    color: #fff
}
.Section--blue3 a {
    color: #fff
}
.Section--blue5 a {
    color: #fff
}
.Section--blue7 a {
    color: #fff
}
.Section--orange2 a {
    color: #fff
}
.Section--orange3 a {
    color: #fff
}
.Section--green4 a,
.Section--grey3 a {
    color: #000
}
.Section--black .row--separated>div:before,
.Section--black2 .row--separated>div:before {
    background-color: #818692;
    background-color: rgba(128, 128, 128, .2)
}
.Section--grey2 .row--separated>div:before,
.Section--grey4 .row--separated>div:before,
.Section--yellow2 .row--separated>div:before {
    background-color: #818692;
    background-color: rgba(128, 128, 128, .4)
}
.Section--green4 h6,
.Section--grey3 h6,
.Section--orange3 h6 {
    color: #555
}
.Section--blue2 {
    color: #333
}
.Section--ManagementSky,
.Section--sky,
.Section--sky2 {
    color: #fff;
    background-color: #1289c8;
    background-image: radial-gradient(40% 80% at 50% 100%, #2ba8d9, #1289c8);
    text-align: center
}
.Section--ManagementSky .SubTitle,
.Section--ManagementSky .hgroup .SubTitle,
.Section--ManagementSky h1,
.Section--ManagementSky h2,
.Section--ManagementSky h3,
.Section--ManagementSky h4,
.Section--ManagementSky h5,
.Section--ManagementSky h6,
.Section--sky .SubTitle,
.Section--sky .hgroup .SubTitle,
.Section--sky h1,
.Section--sky h2,
.Section--sky h3,
.Section--sky h4,
.Section--sky h5,
.Section--sky h6,
.Section--sky2 .SubTitle,
.Section--sky2 .hgroup .SubTitle,
.Section--sky2 h1,
.Section--sky2 h2,
.Section--sky2 h3,
.Section--sky2 h4,
.Section--sky2 h5,
.Section--sky2 h6 {
    color: #fff
}
.Section--ManagementSky h3,
.Section--sky h3,
.Section--sky2 h3 {
    color: #70cbf0
}
.Section--ManagementSky a,
.Section--sky a,
.Section--sky2 a {
    color: #000
}
.Section--sky2 {
    background-image: radial-gradient(50% 50% at 50% 50%, #5ab8f5, #1389c8)
}
.Section--video,
.Section--video2 {
    padding: 0
}
.Section--video .Link--playThumb:hover img,
.Section--video2 .Link--playThumb:hover img {
    opacity: 1
}
.Section--videoBottom,
.Section--videoTop {
    position: absolute;
    left: 5%;
    right: 5%;
    top: 7%;
    z-index: 1;
    text-align: center
}
.Section--videoBottom {
    top: auto;
    bottom: 12%
}
.Section--videoTop h2 {
    color: #fff;
    font: 60px/1.1 FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.Section--video2 .Link--playThumb {
    position: absolute;
    top: 50%;
    z-index: 2;
    left: 50%;
    margin-top: -8%;
    margin-left: -20%;
    width: 40%;
    height: 36%;
    background: transparent none!important;
    text-decoration: none!important
}
.Section-banner,
.Section-cover {
    overflow: hidden
}
.Section-banner>.container,
.Section-cover>.container {
    position: relative;
    z-index: 1
}
.Section-banner {
    height: 507px;
    padding-top: 114px
}
.Section-banner p {
    color: inherit;
    margin-bottom: 4%
}
.Section-banner ul {
    font-size: 18px
}
@media only screen and (max-width: 1230px) {
    .Section-banner {
        height: auto;
        padding-top: 60px
    }
}
.Section-banner--xs {
    height: 410px;
    padding-top: 114px
}
@media only screen and (max-width: 1230px) {
    .Section-banner--xs {
        height: auto;
        padding-top: 60px;
        padding-bottom: 50px
    }
}
.Section-banner--s {
    height: 440px;
    padding-top: 100px
}
.Section-banner--s h1 {
    font-size: 80px;
    line-height: .9
}
.Section-banner--m {
    height: 540px;
    padding-top: 100px
}
.Section-banner--m h1 {
    font-size: 80px;
    line-height: .9
}
.Section-banner--relaxed {
    height: 600px;
    padding-top: 90px
}
.Section-banner--relaxed h1 {
    font-size: 80px;
    line-height: .9
}
.Section-banner--l {
    height: 760px;
    padding-top: 90px
}
.Section-banner--l h1 {
    font-size: 80px;
    line-height: .9
}
.Section-banner--xl {
    height: 835px;
    padding-top: 270px
}
@media only screen and (max-width: 550px) {
    .Section-banner--xl {
        height: auto;
        padding-top: 160px
    }
    .Section-banner--xl .Section-background {
        display: none
    }
}
@media only screen and (max-width: 1160px) {
    .Section-cover .Section-background {
        display: none
    }
}
.Section-background {
    pointer-events: none
}
.sfPageEditor .Section-background {
    pointer-events: all
}
.Section-background .sfimageWrp {
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 200%
}
.Section-background img {
    display: block;
    margin: auto;
    max-width: none
}
.Section-background img.u-mw {
    max-width: 100%
}
.Section-background .row>div img {
    max-width: 100%
}
.Section--top {
    margin-top: 40px
}
.Section--support {
    position: relative
}
.Section--support:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 66%;
    background: url(/img/dist/tech-support-image.jpg) 50% top no-repeat
}
.Section--support>.container {
    position: relative;
    z-index: 2
}
@media only screen and (max-width: 960px) {
    .Section--support:before {
        background: 0 0
    }
    .Section--support .col-6 {
        width: 100%
    }
}
.Section--awards {
    background-image: url(/img/dist/awards/awards-section-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0
}
.Section--sidebar>.container>.row {
    position: relative
}
.Section--sidebar>.container>.row>.col-2,
.Section--sidebar>.container>.row>.col-3 {
    position: static
}
.Section--sidebar>.container>.row>.col-2:after,
.Section--sidebar>.container>.row>.col-3:after {
    content: "";
    position: absolute;
    top: -84px;
    bottom: -84px;
    right: 16.66667%;
    display: block;
    margin-right: -17px;
    width: 1px;
    border-left: 1px solid #dfdfdf;
    border-left: 1px solid rgba(94, 94, 94, .25);
    z-index: 10
}
@media only screen and (max-width: 960px) {
    .Section--sidebar>.container>.row>.col-2:after,
    .Section--sidebar>.container>.row>.col-3:after {
        right: 33.33%
    }
}
@media only screen and (max-width: 620px) {
    .Section--sidebar>.container>.row>.col-2:after,
    .Section--sidebar>.container>.row>.col-3:after {
        display: none
    }
}
.Section--sidebar>.container>.row>.col-3:after {
    right: 25%
}
@media only screen and (max-width: 960px) {
    .Section--sidebar>.container>.row>.col-3:after {
        right: 33.33%
    }
}
.MarketplaceHome-section .container>.row-75-25,
.Section--sidebar .container>.row-75-25 {
    position: relative
}
.MarketplaceHome-section .container>.row-75-25>.col-3:after,
.Section--sidebar .container>.row-75-25>.col-3:after {
    right: 25.9%
}
.MarketplaceHome-section .container>.row-75-25 .col-3:after {
    border-left: 1px solid #637890;
    border-left: 1px solid rgba(215, 215, 215, .4)
}
.row-75-25 .col-3 {
    padding-left: 25px
}
.MarketplaceHome-section .container>.row-75-25,
.Section--sidebar .container>.row-75-25 {
    position: relative
}
.MarketplaceHome-section .container>.row-75-25:after,
.Section--sidebar .container>.row-75-25:after {
    right: 25.9%
}
.MarketplaceHome-section .container>.row-75-25:after {
    border-left: 1px solid #637890;
    border-left: 1px solid rgba(215, 215, 215, .4)
}
.row-75-25 .col-3 {
    padding-left: 25px
}
.Section--heading .col-2,
.Section--heading .col-3,
.Section-controlHeading .col-2,
.Section-controlHeading .col-3 {
    vertical-align: bottom
}
.Section--heading+.Section--sidebar>.container>.row>.col-2,
.Section--heading+.Section--sidebar>.container>.row>.col-3,
.Section-controlHeading+.Section--sidebar>.container>.row>.col-2,
.Section-controlHeading+.Section--sidebar>.container>.row>.col-3 {
    margin-top: -50px
}
@media only screen and (max-width: 960px) {
    .Section--heading+.Section--sidebar>.container>.row>.col-2,
    .Section--heading+.Section--sidebar>.container>.row>.col-3,
    .Section-controlHeading+.Section--sidebar>.container>.row>.col-2,
    .Section-controlHeading+.Section--sidebar>.container>.row>.col-3 {
        margin-top: 0
    }
}
@media only screen and (max-width: 620px) {
    .Section--heading+.Section--sidebar>.container>.row>.col-2,
    .Section--heading+.Section--sidebar>.container>.row>.col-3,
    .Section-controlHeading+.Section--sidebar>.container>.row>.col-2,
    .Section-controlHeading+.Section--sidebar>.container>.row>.col-3 {
        margin-top: 10px
    }
}
.Section--heading.Section--sidebar>.container>.row>.col-2:after,
.Section--heading.Section--sidebar>.container>.row>.col-3:after,
.Section-controlHeading.Section--sidebar>.container>.row>.col-2:after,
.Section-controlHeading.Section--sidebar>.container>.row>.col-3:after {
    top: auto;
    bottom: -35px;
    height: 80px
}
.Section--heading h1,
.Section-controlHeading h1 {
    margin-bottom: 0
}
.Section--heading h1+div,
.Section-controlHeading h1+div {
    margin-top: 30px
}
.Section--heading h1+p,
.Section-controlHeading h1+p {
    margin: 20px 0 0 0
}
.Section-controlHeading ul {
    margin-top: 20px;
    margin-bottom: 0
}
.Section-controlHeading.Section--sidebar>.container>.row>.col-2:after,
.Section-controlHeading.Section--sidebar>.container>.row>.col-3:after {
    bottom: -30px;
    height: 85px
}
.Section--l.Section--sidebar>.container>.row>.col-2:after,
.Section--l.Section--sidebar>.container>.row>.col-3:after {
    top: -70px;
    bottom: -70px
}
.Section--m.Section--sidebar>.container>.row>.col-2:after,
.Section--m.Section--sidebar>.container>.row>.col-3:after {
    top: -56px;
    bottom: -56px
}
.Section-controlHeadingMenu {
    position: relative;
    bottom: -30px;
    left: 1px;
    padding-left: 15px;
    border-left: 1px solid #ccc;
    border-left: 1px solid rgba(0, 0, 0, .2)
}
.Section-controlHeadingMenu h4 {
    font-size: 22px;
    margin: 0;
    padding: 20px 0
}
.Section--heading.Section--purchase {
    text-align: center;
    padding-top: 70px
}
.Section-title,
.Section-titleContainer h2 {
    margin-top: -84px;
    padding-top: 84px
}
.Section--pb {
    padding-bottom: 0
}
.Bar+.Section {
    margin-top: 40px
}
.Bar+.Section--heading,
.Bar+span>.Section--heading:first-child {
    margin-top: 40px
}
@media only screen and (max-width: 1010px) {
    .Section-title,
    .Section-titleContainer h2 {
        margin-top: -20px;
        padding-top: 20px
    }
}
@media only screen and (max-width: 920px) {
    .Section--videoBottom,
    .Section--videoTop {
        position: static;
        padding: 20px;
        color: #000;
        background: #f4f4f4
    }
    .Section--videoBottom h2,
    .Section--videoTop h2 {
        color: #000;
        font-size: 30px;
        margin-bottom: 0
    }
    .Section--video .Btn.Btn--transparent,
    .Section--video2 .Btn.Btn--transparent {
        color: #000;
        border-color: #222
    }
    .Section--video .Link--playThumb,
    .Section--video2 .Link--playThumb {
        display: block;
        text-align: center;
        background: #f4f4f4
    }
    .Section--video .Link--playThumb img,
    .Section--video2 .Link--playThumb img {
        width: 90%;
        margin: auto auto 20px
    }
    .Section--video2 .Section--videoTop {
        padding-bottom: 60px
    }
    .Section--video2 .Link--playThumb {
        position: relative;
        top: 0;
        left: 50%;
        padding-top: 0;
        line-height: 0;
        margin: 0 0 0 -20%
    }
}
@media only screen and (max-width: 770px) {
    .Section--heading.Section--purchase,
    .Section:not(.Section--heading):not(.Section-controlHeading):not(.Section--xs):not(.Section-banner):not(.u-p0) {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .Section-banner--l,
    .Section-banner--m,
    .Section-banner--relaxed,
    .Section-banner--s {
        height: auto;
        padding-top: 70px;
        padding-bottom: 30px
    }
    .Section-banner--l h1,
    .Section-banner--m h1,
    .Section-banner--relaxed h1,
    .Section-banner--s h1 {
        font-size: 60px
    }
}
@media only screen and (max-width: 620px) {
    .Section:not(.Section--heading):not(.Section-controlHeading):not(.Section--xs):not(.Section-banner):not(.u-p0) {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .Section-banner--l h1,
    .Section-banner--m h1,
    .Section-banner--relaxed h1,
    .Section-banner--s h1 {
        font-size: 30px
    }
}
.Box--neutral {
    color: #939598;
    background-color: #e1e5ea
}
.Box--info {
    color: #1e94ca;
    background-color: #e5f5fa
}
.Box--ribbon {
    color: #000;
    background-color: #ffda3f
}
.Box--success {
    color: #53aa63;
    background-color: #eaf7ec
}
.Box--warning {
    color: #d89f6f;
    background-color: #fff4d9
}
.Box--error {
    color: #f26633;
    background-color: #ffe0d9
}
.Box--pricing {
    color: #cccdcf;
    background-color: #0a172b
}
.Box {
    position: relative;
    padding: 22px 20px 19px 68px;
    font-size: 18px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.ie7 .Box {
    padding-left: 20px
}
.Box:before {
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -21px;
    font-family: tlrk-icon-font;
    font-size: 36px
}
.Box.Box--ribbon {
    position: relative;
    padding: 20px 2% 18px;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    z-index: 9000
}
.Bar~.Box.Box--ribbon,
.Bar~div .Box.Box--ribbon {
    z-index: inherit
}
.Box--pricing {
    display: inline-block;
    width: auto;
    padding: 40px 80px 60px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}
.Box--pricing:before {
    display: none
}
.Box--pricing h4 {
    font-weight: 400;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    color: #589fba
}
.Box--pricing h3 {
    font-size: 40px;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    color: #6bd0f4
}
.Box--pricing h5 {
    font-weight: 400;
    font-size: 60px;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    color: #fff
}
.Box--pricing.u-db {
    display: block
}
.Box--pricing.Box--pricing2 {
    margin: -15px;
    border-left: 1px solid transparent
}
.Box--pricing .Pricing-badge {
    background-color: #0a172b
}
.Box--pricing2 {
    display: block;
    padding: 30px 45px 50px;
    line-height: 34px;
    text-align: center
}
.Box--pricing2.cell {
    border-right: 1px solid #fff
}
.Box--pricing2 h3 {
    font-size: 30px
}
.Box--pricing2 h4 {
    font-size: 14px
}
.Box--pricing2 h5 {
    font: 30px/1 Arial, Helvetica, sans-serif
}
.Box--pricing2 span h5 {
    margin-bottom: 0!important
}
.Box--pricing2 p {
    color: #fff;
    font: 20px/34px Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.plus {
    padding-bottom: 10px;
    font-size: 21px;
    color: #698495
}
.Box--small {
    padding: 11px 13px
}
.Box--overlay {
    position: relative;
    padding-left: 20px;
    border-radius: 5px;
    box-shadow: 0 0 100px rgba(0, 0, 0, .5)
}
.Box--readme {
    max-width: 900px;
    max-height: 400px;
    margin: 0 auto 20px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: #ccc .3s ease
}
.Box--readme:hover {
    border-color: #b3b3b3
}
.Box--short {
    max-height: 200px
}
.Box--short h1,
.Box--short h2 {
    margin-bottom: 10px;
    font-size: 20px
}
fieldset {
    border: none
}
legend {
    text-transform: uppercase;
    background-color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border: 1px solid #ccc
}
label {
    display: block;
    margin-bottom: 0;
    color: #555;
    font-family: MetricWeb-Light, Arial, Gadget, sans-serif;
    font-size: 16px
}
label input {
    margin-right: 6px
}
label input+span {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    line-height: 1.1
}
.RadEditor iframe,
input,
select,
textarea {
    display: block;
    margin-bottom: 10px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    color: #000;
    background: #fff;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    font-size: 19px;
    transition: border-color .3s ease
}
.ie7 .RadEditor iframe,
.ie7 input,
.ie7 select,
.ie7 textarea {
    display: inline;
    zoom: 1
}
.RadEditor iframe:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #a3a3a3;
    outline: 0
}
textarea {
    overflow: auto;
    min-height: 100px;
    resize: vertical
}
button.u-aw {
	width: 100% !important;
}
.field,
.has-reveal,
button.u-db,
input[type=text],
input[type=email],
input[type=password],
input[type=button].u-db,
input[type=reset].u-db,
input[type=submit].u-db,
select {
    width: 100%;
    max-width: 370px;
}
input[type=radio],
input[type=checkbox] {
    display: inline-block;
    padding: 0;
    border: 0;
    background: 0 0;
    vertical-align: middle;
    transition: outline .2s ease
}
.ie7 input[type=radio],
.ie7 input[type=checkbox] {
    display: inline;
    zoom: 1
}
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 1px solid #a3a3a3
}
input[type=radio]+label,
input[type=checkbox]+label {
    /*display: inline-block;
    margin-left: 6px;
    margin-bottom: 10px;
    padding-right: 10px;
    vertical-align: middle*/
    /* Switch */
}
.ie7 input[type=radio]+label,
.ie7 input[type=checkbox]+label {
    display: inline;
    zoom: 1
}
.placeholder::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #a9a9a9;
    font-size: 12px;
    line-height: 1.3
}
.placeholder::-moz-placeholder,
input::-moz-placeholder {
    color: #a9a9a9;
    font-size: 12px;
    line-height: 1.3
}
.placeholder:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #a9a9a9;
    font-size: 12px;
    line-height: 1.3
}
.FailedInput .RadEditor iframe,
.FailedInput input,
.FailedInput select,
.FailedInput textarea,
.sfErrorWrp input,
.sfErrorWrp select,
.sfErrorWrp textarea {
    /* border-color: #86BDF3; */
    border-color: #FF0000;
    border-left-width: 6px
}
.sfError {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    /*color: #86BDF3;*/
    color: #FF0000;
    font-size: 12px
}
.sfEditorWrp>.sfError {
    margin-top: 5px
}
.reToolbar {
    margin: 10px 0 0!important;
    width: auto!important
}
.ToggleAdvancedToolbars {
    font-size: 12px;
    display: inline-block;
    padding: 6px 6px 0;
    color: #BAE900
}
.RadEditor iframe,
.sfreContentArea {
    max-width: 100%
}
.Sitefinity.RadEditor .reContentCell {
    border: none!important
}
.reLeftVerticalSide,
.reTlbVertical {
    display: none
}
.sfreContentArea {
    padding: 5px
}
.sfFieldWrp {
    vertical-align: top
}
.ie7 .sfFieldWrp {
    display: inline;
    zoom: 1
}
.sfEditorWrp {
    margin-bottom: 10px
}
.sfFormCheckboxlist,
.sfFormRadiolist {
    margin-bottom: 10px
}
.sfFormCheckboxlist .sfTxtLbl,
.sfFormRadiolist .sfTxtLbl {
    margin: 20px 0 7px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}
.sfTxt {
    max-width: 500px;
    width: 100%
}
@media only screen and (max-width: 960px) {
    .sf_cols.field {
        float: none!important;
        margin: 0!important
    }
}
.Newsletter-content h2 {
    margin: 0 0 20px
}
.Newsletter-content .editorsPhoto {
    float: left;
    width: 100px;
    margin-right: 20px
}
.Newsletter-content .companyNewsletterCategory,
.Newsletter-content .topicItem {
    margin-bottom: 40px
}
.Newsletter-content .companyNewsletterCategory h2,
.Newsletter-content .topicItem h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 46px
}
.Newsletter-content .companyNewsletterCategory h3,
.Newsletter-content .topicItem h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px
}
.Newsletter-content .companyNewsletterCategory .c25,
.Newsletter-content .companyNewsletterCategory .topicText,
.Newsletter-content .topicItem .c25,
.Newsletter-content .topicItem .topicText {
    margin-left: 190px
}
.Newsletter-content .companyNewsletterBackTop {
    float: right
}
.Newsletter-content .topicImg {
    display: block;
    float: left;
    width: 170px
}
.Newsletter-content .contentTable {
    margin-bottom: 30px
}
.Newsletter-content .contentTable td {
    padding-bottom: 5px
}
.Newsletter-content .contentTable td:before {
    content: "\2022";
    position: absolute;
    margin-top: -4px;
    font-size: 20px
}
.Newsletter-content .contentTable td a {
    display: inline-block;
    margin-left: 15px
}
.Newsletter-content .imgtop {
    width: 135px
}
@media only screen and (max-width: 960px) {
    .Newsletter-content .contentTable td {
        display: block;
        width: 100%!important
    }
    .Newsletter-content .topicImg {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    .Newsletter-content .companyNewsletterCategory .c25,
    .Newsletter-content .companyNewsletterCategory .topicText,
    .Newsletter-content .topicItem .c25,
    .Newsletter-content .topicItem .topicText {
        margin-left: 0
    }
}
.SuccessStories-list img {
    max-width: 170px
}
.SuccessStory-summary em {
    font-size: 16px!important;
    color: #555!important
}
.SuccessStory-summary span {
    font-size: 12px!important
}
.SuccessStory-content .Btn+p {
    display: block;
    width: 272px;
    text-align: center;
    font-size: 12px
}
.BlockLinks--buttons a,
.Btn,
.Search a,
.Search input[type=submit],
.sfFormSubmit.sfSubmitBtnSmall>input,
.sfcommentsSubmitBtn,
.sfforumSubscribeBtn,
.sfforumUnsubscribeBtn {
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
    padding: 9px 30px;
    line-height: 1.2;
    color: #fff;
    background-color: #015991;
    transition-property: background-color, color;
    transition-duration: .2s;
    transition-timing-function: ease;
    border-radius: 2px;
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center
}
.BlockLinks--buttons a:focus,
.BlockLinks--buttons a:hover,
.Btn:focus,
.Btn:hover,
.Search a:focus,
.Search a:hover,
.Search input[type=submit]:focus,
.Search input[type=submit]:hover,
.sfFormSubmit.sfSubmitBtnSmall>input:focus,
.sfFormSubmit.sfSubmitBtnSmall>input:hover,
.sfcommentsSubmitBtn:focus,
.sfcommentsSubmitBtn:hover,
.sfforumSubscribeBtn:focus,
.sfforumSubscribeBtn:hover,
.sfforumUnsubscribeBtn:focus,
.sfforumUnsubscribeBtn:hover {
    color: #fff;
    background-color: #015083;
    outline: 0;
    text-decoration: none
}
.BlockLinks--buttons a:empty:before,
.Btn:empty:before,
.Search a:empty:before,
.Search input[type=submit]:empty:before,
.sfFormSubmit.sfSubmitBtnSmall>input:empty:before,
.sfcommentsSubmitBtn:empty:before,
.sfforumSubscribeBtn:empty:before,
.sfforumUnsubscribeBtn:empty:before {
    padding-right: 0
}
@media only screen and (max-width: 1230px) {
    .Btn {
        padding: 9px 12px
    }
}

.Btn[disabled] {
   color: #FFF;
   background-color: #E6E6E6;
}

a.Btn {
    color: #fff
}
.Btn+.Btn {
    margin-left: .35em
}
.Btn small {
    left: 0;
    right: 0;
    bottom: -3.4em;
    position: absolute;
    color: #999;
    color: rgba(0, 0, 0, .4);
    font-weight: 400;
    font-size: 13px;
    pointer-events: none
}
.BlockLinks--buttons-prim a,
.Btn--prim,
.Pricing-prim-button .Btn,
.Search a,
.Search input[type=submit],
.sfcommentsSubmitBtn,
.sfforumUnsubscribeBtn {
    background-color: #ee5315
}
.BlockLinks--buttons-prim a:focus,
.BlockLinks--buttons-prim a:hover,
.Btn--prim:focus,
.Btn--prim:hover,
.Pricing-prim-button .Btn:focus,
.Pricing-prim-button .Btn:hover,
.Search a:focus,
.Search a:hover,
.Search input[type=submit]:focus,
.Search input[type=submit]:hover,
.sfcommentsSubmitBtn:focus,
.sfcommentsSubmitBtn:hover,
.sfforumUnsubscribeBtn:focus,
.sfforumUnsubscribeBtn:hover {
    background-color: #d3470f
}
.Btn--prim3,
.SearchCordova a,
.SearchCordova input[type=submit] {
    background-color: #BAE900
}
.Btn--prim3:focus,
.Btn--prim3:hover,
.SearchCordova a:focus,
.SearchCordova a:hover,
.SearchCordova input[type=submit]:focus,
.SearchCordova input[type=submit]:hover {
    /*background-color: #e42d1b*/
    background-color: #BAE900
}
.Btn--sec {
    background-color: #595b61
}
.Btn--sec:focus,
.Btn--sec:hover {
    background-color: #4e5055
}
.Btn--neutral,
.prices-ui .Btn--prim {
    background-color: #555;
    background-color: rgba(0, 0, 0, .4)
}
.Btn--neutral:focus,
.Btn--neutral:hover,
.prices-ui .Btn--prim:focus,
.prices-ui .Btn--prim:hover {
    background-color: #444;
    background-color: rgba(0, 0, 0, .6)
}
.Section--blue2 .Btn--neutral,
.Section--blue2 .prices-ui .Btn--prim {
    background-color: #2c96c5
}
.Section--blue2 .Btn--neutral:focus,
.Section--blue2 .Btn--neutral:hover,
.Section--blue2 .prices-ui .Btn--prim:focus,
.Section--blue2 .prices-ui .Btn--prim:hover {
    background-color: #1c81b3
}
.Btn--plain {
    background-color: #fff;
    border: 1px solid #e0e0e0
}
.Btn--plain:hover {
    background-color: #eaeff3;
    border: 1px solid #eaeff3
}
a.Btn--plain,
a.Btn--plain:hover,
input.Btn--plain,
input.Btn--plain:hover {
    color: #2f88c6
}
input.Btn--plain {
    border: 1px solid #e0e0e0
}
input.Btn--plain:hover {
    border: 1px solid #eaeff3
}
.Btn--sec2,
.PlatformCTA .Nav-cta .Btn--sec {
    background-color: #3f5366;
    background-image: linear-gradient(#3f5366, #33475a);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}
.Btn--sec2:focus,
.Btn--sec2:hover,
.PlatformCTA .Nav-cta .Btn--sec:focus,
.PlatformCTA .Nav-cta .Btn--sec:hover {
    background: #374959
}
.Btn--prim2,
.PlatformCTA .Nav-cta .Btn--prim {
    background-color: #e74b3c;
    background-image: linear-gradient(#e95243, #e64738);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}
.Btn--prim2:focus,
.Btn--prim2:hover,
.PlatformCTA .Nav-cta .Btn--prim:focus,
.PlatformCTA .Nav-cta .Btn--prim:hover {
    background: #e53321
}
.Btn--prim3:hover {
    background-color: #ec6052
}
.Btn--plain2 {
    background-color: #f6f6f6;
    background-image: linear-gradient(#fcfcfc, #f0f0f0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}
.Btn--plain2:focus,
.Btn--plain2:hover {
    background: #ddd
}
.Btn.Btn--plain2 {
    color: #BAE900
}
.Btn--plain3 {
    background-color: #fff
}
.Btn--plain3:focus,
.Btn--plain3:hover {
    background-color: #e7eff4
}
.Btn.Btn--plain3 {
    color: #e84c3e
}
.Btn.Btn--transparent {
    background: transparent none;
    border: 1px solid #fff
}
.Btn.Btn--transparent:hover {
    background-color: #aaa;
    background-color: rgba(255, 255, 255, .2)
}
.Btn.Btn--transparent2 {
    background: transparent none;
    border: 1px solid #676f78;
    border: 1px solid rgba(255, 255, 255, .4)
}
.Btn.Btn--transparent2:hover {
    background-color: #6a869b;
    background-color: rgba(125, 143, 157, .5);
    border-color: #6a869b;
    border-color: rgba(125, 143, 157, .5);
    background-clip: padding-box
}
.Btn--plain3,
.Btn--prim3,
.Btn--transparent2,
.SearchCordova a,
.SearchCordova input[type=submit] {
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 400
}
.Btn--plain3.Btn--l,
.Btn--prim3.Btn--l,
.Btn--transparent2.Btn--l,
.SearchCordova a.Btn--l,
.SearchCordova input[type=submit].Btn--l {
    font-size: 30px;
    padding-top: .45em;
    padding-bottom: .52em;
	border: 1px solid #F50;
    color: #333;
}
.Btn--plain3[class*=icon-],
.Btn--prim3[class*=icon-],
.Btn--transparent2[class*=icon-],
.SearchCordova a[class*=icon-],
.SearchCordova input[type=submit][class*=icon-] {
    padding-top: .55em;
    padding-bottom: .55em;
    line-height: .75
}
.Btn--wm {
    /*width: 175px !important;*/
    width: 200px !important;
    font-size: /*21px;*/ 20px;
    font-weight: 400;
    height: 38px;
    margin-top: 21px;
}
.Btn--wl {
    width: 272px
}
.Btn--relaxed {
    width: 300px
}
.Btn--wxl,
.Pricing--grey .Pricing-head .Pricing--highlight .Btn {
    width: 350px
}
.Btn--min-w {
    min-width: 130px
}
.oldie .Btn--min-w {
    min-width: 70px
}
.Btn--l,
.Pricing--grey .Pricing-head .Pricing--highlight .Btn {
    padding: .8em .9em .72em;
    font-size: 22px;
    font-weight: 400
}
@media only screen and (max-width: 1230px) {
    .Btn--l,
    .Pricing--grey .Pricing-head .Pricing--highlight .Btn {
        font-size: 16px
    }
    .Btn--l.Btn--plain3,
    .Btn--l.Btn--prim3,
    .Btn--l.Btn--transparent2,
    .Pricing--grey .Pricing-head .Pricing--highlight .Btn.Btn--plain3,
    .Pricing--grey .Pricing-head .Pricing--highlight .Btn.Btn--prim3,
    .Pricing--grey .Pricing-head .Pricing--highlight .Btn.Btn--transparent2 {
        font-size: 20px
    }
}
.Btn[class*=icon-] {
    position: relative
}
.Btn[class*=icon-]:before {
    vertical-align: -9px;
    padding-right: .5em;
    font-size: 34px;
    line-height: .75em
}
[class*=icon-][class*=Btn--w]:before {
    margin-left: -1em
}
@media only screen and (max-width: 960px) {
    [class*=icon-][class*=Btn--w]:before {
        margin-left: 0
    }
}
@media only screen and (max-width: 620px) {
    [class*=icon-][class*=Btn--w]:before {
        font-size: 1.3em
    }
}
[class*=icon-][class*=Btn--wm]:before {
    margin-left: -.6em;
    margin-right: -.5em
}
@media only screen and (max-width: 960px) {
    [class*=icon-][class*=Btn--wm]:before {
        margin-left: 0
    }
}
@media only screen and (max-width: 620px) {
    [class*=icon-][class*=Btn--wm]:before {
        font-size: 1.3em
    }
}
.Btn--facebook {
    background-color: #3e86b4
}
.Btn--facebook:focus,
.Btn--facebook:hover {
    background-color: #609fc8;
    background-color: rgba(62, 134, 180, .8)
}
.Btn.Btn--facebook-rev {
    color: #3e86b4;
    background: #fff;
    border: 1px solid #3e86b4;
    -webkit-transition: .2s ease color, .2s ease background;
    transition: .2s ease color, .2s ease background
}
.Btn.Btn--facebook-rev:focus,
.Btn.Btn--facebook-rev:hover {
    color: #fff;
    background-color: #3e86b4
}
.Btn.Btn--facebook-rev:before {
    vertical-align: -12px;
    font-size: 40px
}
.Btn--google {
    background-color: #d54f50
}
.Btn--google:focus,
.Btn--google:hover {
    background-color: #dd7273;
    background-color: rgba(213, 79, 80, .8)
}
.Btn.Btn--google-rev {
    color: #d54f50;
    background: #fff;
    border: 1px solid #d54f50;
    -webkit-transition: .2s ease color, .2s ease background;
    transition: .2s ease color, .2s ease background
}
.Btn.Btn--google-rev:focus,
.Btn.Btn--google-rev:hover {
    color: #fff;
    background-color: #d54f50
}
.Btn.Btn--google-rev:before {
    vertical-align: -12px;
    font-size: 40px
}
.Btn--yahoo {
    background-color: #7b4aa9
}
.Btn--yahoo:focus,
.Btn--yahoo:hover {
    background-color: #966abe;
    background-color: rgba(123, 74, 169, .8)
}
.Btn.Btn--yahoo-rev {
    color: #7b4aa9;
    background: #fff;
    border: 1px solid #7b4aa9;
    -webkit-transition: .2s ease color, .2s ease background;
    transition: .2s ease color, .2s ease background
}
.Btn.Btn--yahoo-rev:focus,
.Btn.Btn--yahoo-rev:hover {
    color: #fff;
    background-color: #7b4aa9
}
.Btn.Btn--yahoo-rev:before {
    vertical-align: -12px;
    font-size: 40px
}
.Btn--liveid {
    background-color: #13b8d5
}
.Btn--liveid:focus,
.Btn--liveid:hover {
    background-color: #33d1ed;
    background-color: rgba(19, 184, 213, .8)
}
.Btn.Btn--liveid-rev {
    color: #13b8d5;
    background: #fff;
    border: 1px solid #13b8d5;
    -webkit-transition: .2s ease color, .2s ease background;
    transition: .2s ease color, .2s ease background
}
.Btn.Btn--liveid-rev:focus,
.Btn.Btn--liveid-rev:hover {
    color: #fff;
    background-color: #13b8d5
}
.Btn.Btn--liveid-rev:before {
    vertical-align: -12px;
    font-size: 40px
}
.Btn--telerik {
    background-color: #38be35
}
.Btn--telerik:focus,
.Btn--telerik:hover {
    background-color: #5bd058;
    background-color: rgba(56, 190, 53, .8)
}
.Btn.Btn--telerik-rev {
    color: #38be35;
    background: #fff;
    border: 1px solid #38be35;
    -webkit-transition: .2s ease color, .2s ease background;
    transition: .2s ease color, .2s ease background
}
.Btn.Btn--telerik-rev:focus,
.Btn.Btn--telerik-rev:hover {
    color: #fff;
    background-color: #38be35
}
.Btn.Btn--telerik-rev:before {
    vertical-align: -12px;
    font-size: 40px
}
.Btn--github {
    background-color: #7773bf
}
.Btn--github:focus,
.Btn--github:hover {
    background-color: #928fcc;
    background-color: rgba(119, 115, 191, .8)
}
.Btn.Btn--github-rev {
    color: #7773bf;
    background: #fff;
    border: 1px solid #7773bf;
    -webkit-transition: .2s ease color, .2s ease background;
    transition: .2s ease color, .2s ease background
}
.Btn.Btn--github-rev:focus,
.Btn.Btn--github-rev:hover {
    color: #fff;
    background-color: #7773bf
}
.Btn.Btn--github-rev:before {
    vertical-align: -12px;
    font-size: 40px
}
.Btn--provider {
    width: 170px
}
.Btn--provider:before {
    position: absolute;
    left: 10px;
    font-size: 24px!important
}
.ie8 .Btn.u-db {
    padding-left: 5px;
    padding-right: 5px
}
.ie8 .FailedInput input {
    padding-right: 0
}
@media only screen and (max-width: 960px) {
    .Btn--relaxed,
    .Btn--wl,
    .Btn--wm,
    .Btn--wxl,
    .Pricing--grey .Pricing-head .Pricing--highlight .Btn {
        width: auto
    }
}
.BlockLinks a {
    display: block;
    white-space: nowrap
}
.BlockLinks--wrap a {
    margin-bottom: 5px;
    white-space: normal
}
.BlockLinks--inline a {
    display: inline-block;
    margin-bottom: 0
}
.BlockLinks--inline a+a {
    margin-left: 10px
}
.BlockLinks--buttons .sfical a {
    margin-left: 0
}
.Search {
    position: relative;
    background: #fff;
    padding: 3px
}
.Search input[type=text] {
    position: relative;
    left: 1px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    padding-right: 140px;
    border: 0;
    border-radius: 2px
}
.Search input[type=text]::-webkit-input-placeholder {
    color: #aaa;
    font-size: inherit
}
.Search input[type=text]::-moz-placeholder {
    color: #aaa;
    font-size: inherit
}
.Search input[type=text]:-ms-input-placeholder {
    color: #aaa;
    font-size: inherit
}
.Search a,
.Search input[type=submit] {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    margin-bottom: 0
}
.Search a:before,
.Search input[type=submit]:before {
    margin-right: 10px
}
.Section--heading .Search {
    margin-top: 12px
}
@media only screen and (max-width: 960px) {
    .Search a,
    .Search input[type=submit] {
        padding-right: 1em;
        padding-left: 1em
    }
    .Search input[type=text] {
        padding-right: 110px
    }
}
.SearchCordova a,
.SearchCordova input[type=submit] {
    width: 140px
}
.ac_results {
    padding-right: 140px;
    z-index: 5001!important;
    -webkit-transform: translateZ(0)
}
.ac_results ul {
    position: relative;
    list-style: none;
    border: 1px solid #ccc;
    border-top: 1px dashed #dfdfdf;
    margin: 3px 0 0 -4px;
    background: #fff;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .1)
}
.ac_results ul li {
    padding: 4px 0 4px 8px;
    cursor: pointer
}
.ac_results ul strong {
    color: #000
}
.ac_results ul .ac_over {
    background-color: #f4f4f4
}
.ac_results+.ac_results ul {
    margin-left: 1px
}
.ac_results .ac_uar {
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/logos/telerik_logo.png?sfvrsn=5);
    background-position: 8px 7px;
    background-repeat: no-repeat;
    padding: 10px 0 10px 33px
}
.ac_results .ac_uar+li:not(.ac_uar) {
    margin-top: 11px
}
.ac_results .ac_uar+li:not(.ac_uar):before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin-top: -10px;
    border-top: 1px solid #ececec
}
.ac_results .ac_uar a:hover {
    text-decoration: none
}
.SortingActive {
    font-weight: 700;
    pointer-events: none;
    color: #000
}
.SearchResults:visited {
    color: #9469b5
}
.Search--inHeader {
    max-width: 690px
}
.Link--next-alt:after,
.Pagination .Pagination-next:after,
.Pagination>div+a:after,
.icon-link-next-alt:after {
    font-family: tlrk-icon-font
}
.Link--add,
.Link--goTo,
.Link--next,
.Link--pdf,
.Link--play,
.Link--play2,
.Link--prev,
.Link--prev-cless,
.Link--print,
.Link--readMore,
.Link-ahead,
.Link[class*=icon-] {
    position: relative;
    padding-left: 2em;
    display: inline-block
}
.Link--add:hover,
.Link--goTo:hover,
.Link--next:hover,
.Link--pdf:hover,
.Link--play2:hover,
.Link--play:hover,
.Link--prev-cless:hover,
.Link--prev:hover,
.Link--print:hover,
.Link--readMore:hover,
.Link-ahead:hover,
.Link[class*=icon-]:hover {
    text-decoration: underline
}
.Link--add:before,
.Link--goTo:before,
.Link--next:before,
.Link--pdf:before,
.Link--play2:before,
.Link--play:before,
.Link--prev-cless:before,
.Link--prev:before,
.Link--print:before,
.Link--readMore:before,
.Link-ahead:before,
.Link[class*=icon-]:before,
.Pagination .Pagination-prev:before,
.Pagination>a:first-child:before {
    position: absolute;
    left: .01em;
    top: -.08em;
    font-family: tlrk-icon-font;
    font-size: 1.35em;
    line-height: 1.05;
    text-decoration: underline
}
.Link--add:before,
.Link--add:hover:before,
.Link--goTo:before,
.Link--goTo:hover:before,
.Link--next:before,
.Link--next:hover:before,
.Link--pdf:before,
.Link--pdf:hover:before,
.Link--play2:before,
.Link--play2:hover:before,
.Link--play:before,
.Link--play:hover:before,
.Link--prev-cless:before,
.Link--prev-cless:hover:before,
.Link--prev:before,
.Link--prev:hover:before,
.Link--print:before,
.Link--print:hover:before,
.Link--readMore:before,
.Link--readMore:hover:before,
.Link-ahead:before,
.Link-ahead:hover:before,
.Link[class*=icon-]:before,
.Link[class*=icon-]:hover:before,
.Pagination .Pagination-prev:before,
.Pagination>a:first-child:before {
    text-decoration: none
}
.Link-ahead {
    padding-left: 1.3em
}
.Link-ahead:before {
    top: .1em;
    font-size: .75em;
    line-height: 1.5
}
.Link-ahead--slim {
    font-size: 20px;
    font-family: MetricWeb-Light, Arial, Gadget, sans-serif;
    padding-left: 1.1em
}
.Link-ahead--slim:before {
    top: .1em;
    font-size: .55em
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .Link-ahead--slim {
        line-height: 1!important
    }
    .Link-ahead--slim:before {
        top: 3px!important
    }
}
.Link--goTo.Link--goToScrollDown {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -20.25px
}
.Link--goTo.Link--goToScrollDown:active,
.Link--goTo.Link--goToScrollDown:focus {
    outline: 0
}
.Link--goTo.Link--goToScrollDown:before {
    color: inherit;
    opacity: .35;
    transition: opacity .2s;
    width: 1.05em
}
.Link--goTo.Link--goToScrollDown:hover:before {
    color: inherit;
    opacity: .6
}
.Link--goTo.Link--goToScrollDown.Link--brighter:before {
    opacity: .5
}
.Link--goTo.Link--goToScrollDown.Link--brighter:hover:before {
    opacity: .75
}
.Link--next-alt {
    position: relative;
    padding-right: 2em;
    display: inline-block
}
.Link--next-alt:after,
.Pagination .Pagination-next:after,
.Pagination>div+a:after {
    position: absolute;
    right: 0;
    top: -.08em;
    font-family: tlrk-icon-font;
    font-size: 1.35em;
    line-height: 1
}
a.Link--play2 {
    color: #fff
}
.Link--pdf:before.is-active,
.Link--pdf:before:focus,
.Link--pdf:before:hover {
    color: #999
}
.Link--playThumb {
    position: relative;
    display: block;
    background-color: #000
}
.Link--playThumb:after,
.Link--playThumb:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}
.Link--playThumb:after {
    width: 0;
    height: 0;
    margin: -27px 0 0 -19px;
    border: 21px solid transparent;
    border-left: 35px solid #ee5315
}
.Link--playThumb:before {
    width: 74px;
    height: 74px;
    margin-top: -47px;
    margin-left: -47px;
    border: 3px solid #ee5315;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff
}
.Link--playThumb:hover img {
    opacity: .44
}
.ie8 .Link--playThumb {
    background-color: transparent
}
.ie8 .Link--playThumb>img {
    position: relative;
    z-index: -1
}
.ie8 .Link--playThumb:focus:before,
.ie8 .Link--playThumb:hover:before {
    border-color: #333
}
.ie8 .Link--playThumb:focus:after,
.ie8 .Link--playThumb:hover:after {
    border-left-color: #333
}
.Link--playThumb.Link--playThumb2:after,
.Link--playThumb.Link--playThumb2:before {
    transition: all .2s
}
.Link--playThumb.Link--playThumb2:after {
    border-left-color: #fff
}
.Link--playThumb.Link--playThumb2:before {
    width: 90px;
    height: 90px;
    margin-top: -51px;
    margin-left: -51px;
    background-color: #e84e3f;
    border: 0;
    border-radius: 50%;
    box-shadow: none
}
.Link--playThumb.Link--playThumb2:focus:after,
.Link--playThumb.Link--playThumb2:focus:before,
.Link--playThumb.Link--playThumb2:hover:after,
.Link--playThumb.Link--playThumb2:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.Link--playThumb.Link--playThumb--xs img {
    opacity: .65;
    background: #000
}
.Link--playThumb.Link--playThumb--xs:hover img {
    opacity: .45
}
.Link--playThumb.Link--playThumb--xs:before {
    width: 30px;
    height: 30px;
    margin: -17px 0 0 -16px;
    border-color: #fff;
    border-width: 2px;
    box-shadow: none;
    background-color: transparent
}
.Link--playThumb.Link--playThumb--xs:after {
    margin: -8px 0 0 -4px;
    border-width: 8px 8px 8px 12px;
    border-left-color: #fff
}
.Link--Mail:before,
.Link--RSS:before,
.sfforumEmailLnk:before {
    color: #b4b4b4;
    display: inline-block;
    margin-right: 10px;
    font-family: tlrk-icon-font;
    font-size: 15px;
    transition: color .2s ease;
    vertical-align: -.1em;
    text-decoration: underline
}
.Link--Mail:hover:before,
.Link--RSS:hover:before {
    color: #FF5500
}
.Link--Mail:before,
.Link--Mail:hover:before,
.Link--RSS:before,
.Link--RSS:hover:before,
.sfforumEmailLnk:before {
    text-decoration: none
}
.Link--plain {
    text-decoration: none
}
.Link--plain:hover {
    text-decoration: underline
}
a.Link--inHeadline:before {
    left: 1.1em;
    top: .1em;
    font-size: .85em
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    a.Link--inHeadline:before {
        top: .2em;
        font-size: .7em
    }
}
.Link--s:before {
    left: .8em;
    top: .3em;
    font-size: .8em
}
.Link--share {
    line-height: 1.14!important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 15px;
    margin-top: -15px;
    padding-bottom: 10px;
    display: block;
    color: inherit
}
.Link--share:active,
.Link--share:focus,
.Link--share:hover {
    text-decoration: none;
    border-top: 1px solid #5fa9dd;
    border-bottom: 1px solid #5fa9dd;
    color: inherit
}
.Link--share [class*=icon-] {
    font-size: .8em;
    vertical-align: middle
}
.Link--share .icon-twitter-full {
    color: #55acee
}
.Forum-heading {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 8px
}
th.Forum-heading {
    padding-top: 50px
}
.Forum-grid {
    width: 100%;
    table-layout: auto;
    font-size: 18px;
    color: #000;
    margin-bottom: 50px
}
.Forum-grid+.Forum-grid {
    margin-top: -50px
}
.Forum-grid:last-child {
    margin-bottom: 0
}
.Forum-grid~div .Pagination {
    float: right;
    padding-top: 0;
    margin-top: -25px
}
.Forum-grid~.Btn {
    margin-top: -35px;
    margin-bottom: 50px
}
.Forum-grid tbody {
    border-top: 2px solid #d0d0d0
}
.Forum-grid tbody>tr {
    border-bottom: 1px solid #d0d0d0
}
.Forum-grid+.Forum-grid tbody {
    border-top-width: 0
}
.Forum-grid td {
    padding: 15px 20px 15px 0;
    vertical-align: middle
}
.Forum-grid td:last-child {
    padding-right: 0
}
.Forum-grid .Forum-title {
    max-width: 800px;
    vertical-align: top
}
.Forum-grid .Forum-info div,
.Forum-grid .Forum-title div {
    font-size: 14px;
    color: #555
}
.Forum-thumbs {
    width: 65px
}
.Forum-pin {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 5px 0 -5px 10px;
    background-image: url(../img/dist/forum-pin.png);
    vertical-align: top
}
.Forum-thread {
    display: inline-block;
    width: 28px;
    height: 28px;
    font: 700 20px/30px FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif;
    background-image: url(../img/dist/forum-thread.png);
    color: #737373;
    text-align: center;
    white-space: nowrap;
    overflow: hidden
}
.Forum-thread:before {
    display: inline-block;
    width: 28px
}
.Forum-title {
    word-break: break-word
}
.Forum-info {
    min-width: 31px;
    text-align: right
}
.Forum-subscribe {
    float: right
}
.Forum-actions {
    clear: both;
    margin-bottom: 2.6%;
    padding: 4px;
    background-color: #e1e5ea
}
.Forum-actions .Btn {
    margin: 2px 4px
}
.Forum-actions div {
    vertical-align: middle
}
.Forum-actions [class*=col-] {
    margin-bottom: 0
}
.Forum-subscribe {
    margin-top: 9px;
    margin-bottom: 9px
}
.Forum-subscribe.Justify>div {
    font-size: 12px
}
.sfforumSubscribeBtn,
.sfforumUnsubscribeBtn {
    margin-top: 10px
}
.Forum-col-xs {
    width: 60px
}
.Forum-col-m {
    width: 160px
}
.Forum-post .Section {
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0
}
.Forum-post~.Forum-post .Section {
    margin-top: -1px
}
.Forum-post p {
    word-break: break-word
}
.Forum-post+.container {
    text-align: center
}
.Forum-post+.container img {
    margin-bottom: 2px
}
.RadUpload.RadUpload_Sitefinity {
    width: 100%!important
}
.ruInputs {
    overflow: hidden
}
.sfforumReplyThreadAttachmentsToggle {
    cursor: pointer
}
.RadUpload {
    width: auto
}
.RadUpload .ruButtonHover,
.RadUpload .ruFileInput {
    cursor: pointer
}
.RadUpload .ruInputs li {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px!important
}
.RadUpload .ruActions {
    margin-top: 0!important
}
.ruFileWrap {
    float: left;
    min-width: 260px
}
.ruFakeInput {
    float: left!important;
    width: 170px!important
}
.ruButton {
    padding: 0
}
.ruButton.ruRemove {
    float: left
}
.sfforumReplyThreadAttachmentsWrp {
    margin-bottom: 2em
}
.RadEditor.reWrapper {
    width: 100%!important;
    min-width: 0!important
}
.Default.RadEditor .reContentCell,
.RadEditor.reWrapper {
    border: none!important
}
.Default.RadEditor,
ul.reToolbar.Default li {
    background: 0 0!important
}
.ToggleAdvancedToolbars.sfLinkBtnIn {
    cursor: pointer;
    font-family: Arial, 'Segoe UI' sans-serif
}
.sfforumEmailSubscriptionShown .sfforumEmailSubscriptionInfoWrp {
    opacity: 1;
    visibility: visible
}
.sfforumEmailSubscriptionInfoWrp {
    margin-left: -190px!important
}
.sfClose {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 0;
    width: 30px;
    height: 30px;
    text-indent: 0;
    line-height: .3;
    overflow: hidden;
    background: 0 0
}
.sfClose:before {
    content: "\00d7";
    font-size: 50px;
    font-weight: 700;
    position: relative;
    top: 8px;
    z-index: 1
}
@media only screen and (max-width: 960px) {
    .Forum-title {
        display: table-caption
    }
    .Forum-grid tr {
        display: table;
        width: 100%;
        position: relative
    }
    .Forum-grid .Forum-info {
        padding-top: 6px;
        padding-bottom: 10px;
        font-size: 11px
    }
    .Forum-grid .Forum-info div {
        display: inline;
        font-size: inherit
    }
    .Forum-grid .Forum-thumbs {
        position: absolute;
        top: 20px;
        padding: 0
    }
    .Forum-grid .Forum-thumbs+.Forum-title {
        margin-left: 85px;
        min-height: 50px
    }
    .Forum-grid .Forum-title {
        padding-bottom: 1.78%
    }
    .Forum-thumbs {
        position: absolute
    }
    .Forum-info {
        font-size: 14px
    }
}
.sfPostQuoteView {
    border-left: 3px solid #d4e8f3;
    padding: 10px 20px;
    font-style: italic;
    margin-bottom: 20px
}
.sfPostQuoteView p {
    padding: 0 0 20px;
    background: 0 0;
    font-size: inherit;
    text-indent: 0
}
.sfPostQuoteView p:after,
.sfPostQuoteView p:before {
    display: none
}
.sfUserQuote {
    display: inline-block;
    padding-right: .5em
}
.forumBaloon {
    position: relative;
    padding: 16px 20px 16px 68px;
    margin-top: 20px;
    background: #edeff2;
    font-size: 13px
}
.forumBaloon:before {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -21px;
    font-family: tlrk-icon-font;
    font-size: 30px;
    color: #b0b0b2
}
.forumBaloon:after {
    position: absolute;
    bottom: 100%;
    left: 4%;
    height: 0;
    width: 0;
    margin-left: -8px;
    content: " ";
    border: solid transparent 8px;
    border-bottom-color: #edeff2
}
@media only screen and (max-width: 620px) {
    .Forum-actions .col-5 .Btn {
        display: block
    }
}
.AwardsList,
.List,
.sftaxonHorizontalList {
    margin: 0;
    padding: 0
}
.AwardsList>li,
.List>li,
.sftaxonHorizontalList>li {
    list-style: none
}
.List--m {
    font-size: 16px
}
.List--m h3 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1.25;
    vertical-align: top
}
.List--m p {
    line-height: 1.5
}
.List--l,
.Section--en-steps ul,
.page-content ul {
    font-size: 18px;
    line-height: 1.33em
}
.List--horizontal {
    margin-left: -15px;
    margin-right: -15px
}
.col-customer {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}
.List--simple img {
    margin-right: 10px;
    vertical-align: middle
}
.List--links a {
    display: block
}
.List--links-1 {
    margin-bottom: 37px
}
.row--separated .List--links-1:last-of-type {
    margin-bottom: -9px
}
.List--links-1>li {
    margin-bottom: 9px
}
.List--links-1 a {
    display: block;
    font-size: 14px;
    font-weight: 700
}
.List--links-1 a:hover {
    text-decoration: underline
}
.List--links-1 a:focus {
    background-color: #efedeb
}
.List--links-2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 34px
}
.List--links-2 li {
    margin-bottom: 10px
}
.List--links-2 a {
    padding: 6px 13px 5px;
    margin-left: -13px;
    color: #fff;
    word-wrap: break-word
}
.List--links-3,
.sftaxonHorizontalList {
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 25px
}
.List--links-3 a,
.sftaxonHorizontalList a {
    display: block;
    padding: 6px 10px 5px;
    margin-left: -10px;
    transition: all .2s ease
}
.col-3 .List--links-3 a,
.col-3 .sftaxonHorizontalList a {
    padding-left: 20px;
    margin-left: -20px
}
.List--links-3 a.is-selected,
.List--links-3 a:focus,
.List--links-3 a:hover,
.sftaxonHorizontalList a.is-selected,
.sftaxonHorizontalList a:focus,
.sftaxonHorizontalList a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f4f3f2
}
.List--links-3 a.is-selected,
.sftaxonHorizontalList a.is-selected {
    font-weight: 700
}
.List--links-4>li {
    margin-bottom: 15px
}
.List--links-4 a {
    display: block;
    font-size: 24px;
    line-height: 1.1
}
.List--links-4 a:focus,
.List--links-4 a:hover {
    text-decoration: underline
}
.List--links-5 a {
    display: block;
    font-size: 18px
}
.List--links-5 a:focus,
.List--links-5 a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f4f3f2
}
.List--bullets-plus {
    list-style: none
}
.List--bullets-plus li:before {
    content: "+ "
}
.List--imgFullWidth .List-thumb {
    float: none;
    position: relative;
    margin-right: 0;
    overflow: hidden
}
.List--imgFullWidth .List-thumb img {
    width: 100%
}
.List--VideoThumbnail {
    display: table;
    width: 100%;
    height: 160px;
    background-color: #000;
    overflow: hidden
}
.List--VideoThumbnail .ImageContainer {
    display: table-cell;
    height: 160px
}
@media only screen and (max-width: 770px) {
    .List--horizontal .List-thumb {
        width: 100%;
        text-align: center
    }
    .List--horizontal .List-body {
        float: left
    }
}
@media only screen and (max-width: 620px) {
    .List--horizontal .List-thumb {
        width: auto
    }
    .List--horizontal .List-body {
        float: none
    }
    .List--VideoThumbnail {
        display: block!important;
        height: auto;
        background: 0 0
    }
    .List--VideoThumbnail .ImageContainer {
        display: block;
        height: auto
    }
}
@media only screen and (max-width: 770px) {
    .Justify .List-thumb {
        margin-bottom: 10px
    }
}
.List-item {
    margin-bottom: 20px
}
.List-item .List {
    margin-top: 20px
}
.List-item--flag {
    display: table
}
.List-item--flag .List-body,
.List-item--flag .List-thumb {
    display: table-cell;
    vertical-align: middle
}
.List-item--flag .List-body {
    width: 100%
}
.List-item--flag .List-thumb {
    float: none!important;
    padding-right: 10px
}
.List-item--flag .List-thumb img {
    max-width: none;
    display: block
}
.List-item--flag.List-item--right .List-thumb {
    padding-right: 0;
    padding-left: 10px
}
.List-item--right .List-thumb {
    float: right;
    margin-left: 10px;
    margin-right: 0
}
.List-item--right img {
    float: right
}
.List-thumb {
    float: left;
    margin-right: 10px
}
.List-body {
    overflow: hidden
}
.List-body li {
    list-style: disc
}
.List-text {
    margin-top: 5px
}
.Bullet1,
.Bullet4 {
    list-style-image: url(../img/dist/bullets/bullet-blue.png)
}
.Bullet2 {
    list-style-image: url(../img/dist/bullets/bullet-grey.png)
}
.Bullet3,
.Section--en-steps ul,
.page-content ul {
    list-style-image: url(../img/dist/bullets/bullet-green.png)
}
.Bullet5 {
    list-style-image: url(../img/dist/bullets/bullet-orange.png)
}
.BulletCheck {
    list-style-image: url(../img/dist/bullets/bullet-vibe-green.png);
    margin-left: 50px
}
.BulletCheck--alm {
    list-style-image: url(../img/dist/bullets/bullet-vibe-orange.png)
}
.BulletCheck--cloud {
    list-style-image: url(../img/dist/bullets/bullet-vibe-blue.png)
}
.BulletCheck--reverse {
    list-style-image: url(../img/dist/bullets/bullet-vibe-white.png)
}
.Ordered1 {
    counter-reset: listitem 0
}
.Ordered1 ol,
ol.Ordered1 {
    margin-left: 50px;
    list-style: none
}
.Ordered1 ol li,
ol.Ordered1 li {
    position: relative
}
.Ordered1 ol li:before,
ol.Ordered1 li:before {
    counter-increment: listitem 1;
    content: counter(listitem);
    position: absolute;
    left: -45px;
    top: 0;
    width: 50px;
    color: #37b24f;
    font: 50px/1 FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif
}
.Ordered1.Ordered1--alm ol li:before,
ol.Ordered1.Ordered1--alm li:before {
    color: #ec841d
}
.Ordered1.Ordered1--cloud ol li:before,
ol.Ordered1.Ordered1--cloud li:before {
    color: #46aad3
}
.Ordered1.Ordered1--white ol li:before,
ol.Ordered1.Ordered1--white li:before {
    color: #fff
}
.Ordered2 {
    counter-reset: listitem 0
}
.Ordered2 ol,
ol.Ordered2 {
    margin-left: 70px;
    list-style: none
}
.Ordered2 ol li,
ol.Ordered2 li {
    position: relative
}
.Ordered2 ol li:before,
ol.Ordered2 li:before {
    counter-increment: listitem 1;
    content: counter(listitem);
    position: absolute;
    left: -65px;
    top: 0;
    width: 70px;
    color: #ced4dc;
    font: 90px/1 FaktSlabPro-Light, Arial, Helvetica, sans-serif
}
.Ordered2 ol li.is-active-orange:before,
ol.Ordered2 li.is-active-orange:before {
    color: #e84c3d
}
.Ordered2 ol h3,
ol.Ordered2 h3 {
    font: 24px/1.1 FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    margin-bottom: 10px
}
.Ordered2 ol p,
ol.Ordered2 p {
    font-size: 15px
}
.Ordered2--l ol li:before,
ol.Ordered2--l li:before {
    font-size: 102px;
    left: -70px
}
.Ordered2--l ol h3,
ol.Ordered2--l h3 {
    font: 30px/1 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    margin-bottom: 10px
}
.Ordered2--l ol p,
ol.Ordered2--l p {
    font: 20px/1.1 MetricWeb-Light, Arial, Gadget, sans-serif
}
@media only screen and (max-width: 960px) and (min-width: 621px) {
    .Ordered2--l ol,
    ol.Ordered2--l {
        margin-left: 14px
    }
    .Ordered2--l ol li:before,
    ol.Ordered2--l li:before {
        font-size: 44px;
        line-height: 1.2;
        left: -30px;
        width: 30px
    }
}
.Ordered2--green ol li:before,
ol.Ordered2--green li:before {
    color: #37b24f
}
.Ordered2--blue ol li:before,
ol.Ordered2--blue li:before {
    color: #00a3de
}
.Ordered2--orange ol li:before,
ol.Ordered2--orange li:before {
    color: #e54030
}
.Award {
    display: table-cell;
    max-width: 102px;
    width: 102px;
    height: 69px;
    text-align: center;
    vertical-align: middle;
    background-image: url(../img/dist/awards/garland.png);
    background-repeat: no-repeat
}
.Award img {
    max-width: 52%
}
.Award:hover img {
    opacity: 1
}
.ie9 .Award img {
    max-width: 80px
}
.Award--sec {
    max-width: 125px;
    width: 125px;
    height: 85px;
    background-image: url(../img/dist/awards/garland2.png)
}
.Award--featured,
.Award--popular {
    max-width: 100%;
    width: 274px;
    height: 185px;
    padding-right: 0;
    background-image: url(../img/dist/awards/awards-bg-featured.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto
}
.Award--featured img,
.Award--popular img {
    max-width: 65%
}
.Award--small {
    height: 118px
}
.Award--popular {
    background-image: url(../img/dist/awards/awards-bg-popular.png)
}
.Award--neutral {
    max-width: 170px;
    width: 170px;
    height: 115px;
    background-image: url(../img/dist/awards/awards-bg-neutral.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto
}
@media only screen and (max-width: 770px) {
    .Award--neutral {
        max-width: 100px;
        width: 100px
    }
}
.AwardBadge {
    height: 6px;
    background: #ffd201;
    overflow: visible
}
.AwardBadge a {
    position: relative;
    display: block;
    padding: 25px 0 20px;
    z-index: 2
}
.AwardBadge a:hover img {
    opacity: 1
}
.AwardBadge .Award {
    position: relative;
    background-color: #ffd201;
    float: right
}
.AwardBadge .Award:after,
.AwardBadge .Award:before {
    content: '';
    position: absolute;
    top: 95px;
    display: block;
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    border-top: 15px solid #ffd201
}
.AwardBadge .Award:after {
    right: 0;
    border-right: none;
    border-left: 50px solid transparent
}
.AwardBadge .Award--featured {
    width: 100px;
    height: 95px;
    background-size: 95%;
    background-position: 50% 65%;
    background-image: url(../img/dist/awards/garland-badge.png)
}
.AwardBadge .Award--featured img {
    max-width: 44%
}
.Award--noGarland {
    background-image: none
}
.AwardsList {
    margin: 0 -15px
}
.AwardsList li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-left: 15px
}
@media only screen and (max-width: 1230px) {
    .col-7+.col-5 .col-4 .Award--sec {
        background-size: 100%
    }
}
@media only screen and (max-width: 1230px) and (min-width: 770px) {
    .col-2 .Award--neutral {
        background-size: 100%
    }
}
@media only screen and (max-width: 1230px) and (min-width: 620px) {
    .col-7+.col-5 .col-4 .Award--sec {
        height: 40px
    }
}
@media only screen and (max-width: 960px) {
    .col-2 .Award--featured {
        background-size: auto 100%
    }
    .col-2 .Award--featured img {
        max-width: 40%
    }
    .col-5 .AwardsList li {
        float: left;
        width: 31%;
        margin: 2% 1%
    }
    .col-5 .AwardsList .Award {
        display: block;
        margin: 0 auto
    }
}
@media only screen and (max-width: 620px) {
    .AwardsList li {
        float: left;
        width: 45%!important;
        margin: 2% 1%!important
    }
    .AwardsList .Award--popular {
        height: 140px
    }
}
@media only screen and (max-width: 320px) {
    .AwardsList li {
        float: left;
        width: 44%;
        margin: 2% 3%
    }
}
.Justify {
    display: block;
    width: 100%;
    text-align: justify;
    font-size: .1px
}
.Justify:after {
    content: "";
    display: inline-block;
    width: 100%
}
.Justify-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: initial
}
.DividerAnd~.Justify-item {
    vertical-align: middle
}
.ie7 .Justify {
    text-align: center
}
.ie7 .Justify-item {
    display: inline;
    zoom: 1;
    padding: 0 30px
}
@media only screen and (max-width: 770px) {
    .Justify--breakable {
        display: block
    }
    .Justify--breakable .Justify-item {
        float: left;
        width: 50%;
        text-align: center;
        margin-top: 2%;
        margin-bottom: 2%
    }
    .Justify--breakable .Justify-item:nth-child(odd) {
        clear: both
    }
    .Justify--breakable .Justify-item:last-child:nth-child(odd) {
        width: 100%
    }
}
@media only screen and (max-width: 620px) {
    .Justify {
        display: table
    }
    .Justify .Justify-item {
        display: table-cell
    }
    .Justify--breakable .Justify-item {
        width: 100%;
        text-align: left
    }
}
.DividerChoice {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid #e0e0e0
}
.col-4+.col-8>.DividerChoice,
.col-5+.col-5>.DividerChoice,
.col-6+.col-6>.DividerChoice {
    right: auto;
    left: 0
}
.DividerChoice span {
    position: absolute;
    top: 50%;
    left: -36px;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.DividerChoice span.grey4 {
    background: #edeff2
}
.DividerChoice--s span {
    left: -23px;
    margin-top: -23px;
    width: 46px;
    height: 46px;
    line-height: 46px
}
@media only screen and (max-width: 960px) {
    .DividerChoice span {
        width: 30px;
        left: -15px
    }
}
@media only screen and (max-width: 620px) {
    .DividerChoice {
        position: relative;
        max-width: 100%;
        width: 100%;
        height: 72px;
        margin-top: 72px;
        border: 0;
        border-top: 1px solid #e0e0e0;
        text-align: center
    }
    .DividerChoice span {
        position: relative;
        top: -36px;
        width: 72px;
        left: auto;
        display: inline-block;
        margin-top: 0;
        background: #e0e0e0
    }
    .DividerChoice--s {
        height: 46px;
        margin-top: 46px
    }
    .DividerChoice--s span {
        top: -23px;
        width: 46px
    }
}
.DividerAnd {
    width: 32px;
    padding-bottom: 1em;
    overflow: hidden;
    font: 300 32px/1.4 Arial, Helvetica, sans-serif;
    color: #38be35;
    white-space: nowrap;
    vertical-align: middle
}
.DividerAnd:before {
    font-family: tlrk-icon-font
}
@media only screen and (max-width: 620px) {
    .DividerAnd {
        width: 20px;
        font-size: 20px
    }
}
.DividerHorizontal {
    overflow: hidden;
    padding: 20px 0;
    text-align: center
}
.DividerHorizontal-text {
    position: relative;
    display: inline;
    padding: 0 20px
}
.DividerHorizontal-text:after,
.DividerHorizontal-text:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 765px;
    height: 1px;
    background: #e0e0e0
}
.DividerHorizontal-text:before {
    left: 100%
}
.DividerHorizontal-text:after {
    right: 100%
}
.DividerSection {
    position: relative;
    width: 450px;
    max-width: 100%;
    height: 110px;
    margin: auto auto 30px;
    overflow: hidden
}
.DividerSection:after,
.DividerSection:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    width: 150px;
    max-width: 33.3333%;
    height: 1px;
    background: #ccc
}
.DividerSection:after {
    left: auto;
    right: 0
}
.DividerSection--kendo {
    background: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/kendo/kendoka-states.png?v=2) 50% 0 no-repeat;
    height: 90px
}
.DividerSection--kendo:after,
.DividerSection--kendo:before {
    background: #f7c1bc
}
.Section--black .DividerSection--kendo:after,
.Section--black .DividerSection--kendo:before {
    background: #d64d41
}
.is-kendoka-0 {
    background-position: 50% 0
}
.is-kendoka-0.is-into-view {
    background-position: 50% -90px
}
.is-kendoka-1 {
    background-position: 50% -90px
}
.is-kendoka-1.is-into-view {
    background-position: 50% -180px
}
.is-kendoka-2 {
    background-position: 50% -180px
}
.is-kendoka-2.is-into-view {
    background-position: 50% -270px
}
.is-kendoka-3 {
    background-position: 50% -270px
}
.is-kendoka-3.is-into-view {
    background-position: 50% -360px
}
.is-kendoka-4 {
    background-position: 50% -360px
}
.is-kendoka-4.is-into-view {
    background-position: 50% -450px
}
.is-kendoka-5 {
    background-position: 50% -450px
}
.is-kendoka-5.is-into-view {
    background-position: 50% -540px
}
.is-kendoka-6 {
    background-position: 50% -540px
}
.is-kendoka-6.is-into-view {
    background-position: 50% -630px
}
.Contacts h3 div {
    display: inline-block
}
.Contacts h3>div {
    padding-top: 7px;
    padding-left: 2px
}
#map-canvas img {
    max-width: none
}
@media only screen and (max-width: 770px) {
    #map-canvas {
        display: none
    }
}
.Whitepapers-list .List-thumb {
    width: 170px;
    padding-right: 10px
}
@media only screen and (max-width: 620px) {
    .Whitepapers-list .List-thumb {
        width: 100%;
        text-align: center
    }
    .Whitepapers-list .List-body {
        float: left
    }
}
.Event-box {
    min-height: 250px;
    background: #dbdbdb
}
.Event-addToCalendar .Tooltip-info {
    width: 170px;
    left: 0
}
.Event-addToCalendar .Tooltip-info span {
    display: block;
    font-size: 16px;
    line-height: 1.4em
}
.flickr_badge_image {
    overflow: hidden;
    height: 160px;
    margin-bottom: 20px
}
.flickr_badge_image a {
    display: block;
    line-height: 160px;
    overflow: hidden;
    text-align: center
}
.flickr_badge_image img {
    max-width: none;
    display: inline-block;
    position: relative;
    left: 100%;
    margin-left: -200%
}
.Tabs {
    display: table
}
.Section .Tabs {
    margin-top: -84px;
    margin-bottom: -84px
}
.Tabs>li {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 25%
}
.Tabs a {
    position: relative;
    display: block;
    padding: 84px 20px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .2s ease;
    color: #555
}
.Tabs a:focus,
.Tabs a:hover {
    background-color: #dcdde0
}
.Tabs a.is-selected {
    background-color: #dadbde
}
.Tabs a.is-selected h3 {
    color: #000
}
.Tabs a.is-selected:hover a {
    background-color: #dadbde
}
.Tabs a.is-selected:before {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -24px;
    width: 0;
    height: 0;
    border: 24px solid transparent;
    border-bottom-color: #dadbde
}
.Tabs h3 {
    color: #BAE900
}
.Tabs-image {
    height: 160px
}
@media only screen and (max-width: 770px) {
    .Tabs {
        margin: 0 auto!important
    }
    .Tabs,
    .Tabs>li {
        display: block;
        width: 100%;
        text-align: left;
        box-sizing: border-box
    }
    .Tabs a {
        padding: 4% 4% 3%
    }
    .Tabs li+li {
        border-top: 1px solid #c3c4c9
    }
    .Tabs br {
        display: none
    }
    .Tabs h3 {
        margin-bottom: 5px
    }
    .Tabs p {
        margin-bottom: 0
    }
    .Tabs-image {
        display: none
    }
    .is-selected:before {
        display: none
    }
}
.Steps {
    counter-reset: step
}
.Steps-item {
    position: relative;
    z-index: 1;
    margin-top: 88px;
    counter-increment: step;
    font-size: 20px;
    color: #4c9405
}
.Steps-item:before {
    position: absolute;
    top: -100px;
    z-index: -1;
    content: counter(step);
    color: #dddfe2;
    color: rgba(0, 0, 0, .1);
    font-weight: 700;
    font-size: 125px;
    font-family: Arial, Helvetica, sans-serif
}
.Steps--v2 .Steps-item {
    padding: 5%;
    color: #656565;
    font-size: 16px;
    text-align: center
}
.Steps--v2 .Steps-item h3 {
    font-size: 24px
}
.Steps--v2 .Steps-item:before {
    color: #cfe3ed;
    color: rgba(61, 172, 213, .2);
    top: -80px;
    left: 0;
    right: 0;
    font-size: 150px;
    text-align: center
}
.Showcases-item {
    background-color: #949494;
    padding: 10px;
    border: 1px solid #e6e6e6
}
.Showcases-item>div {
    height: 105px;
    overflow: hidden
}
.Showcases-color-1 {
    background-color: #fff
}
.Showcases-color-2 {
    background-color: #000
}
.Showcases-color-3 {
    background-color: #f60
}
.Showcases-color-4 {
    background-color: #1f5497
}
.Showcases-color-5 {
    background-color: #464646
}
.Showcases-color-6 {
    background-color: #3988bf
}
.Showcases-color-7 {
    background-color: #ffd200
}
.Showcases-color-8 {
    background-color: #1f3445
}
.Showcases-color-9 {
    background-color: #faf9f8
}
.Showcases-color-10 {
    background-color: #5f8031
}
.Showcases-color-11 {
    background-color: #00abff
}
.Showcases-color-12 {
    background-color: #d24726
}
.Showcases-color-13 {
    background-color: #084891
}
.Showcases-color-14 {
    background-color: #009bad
}
.Showcases-color-15 {
    background-color: #da542d
}
.Showcases-color-16 {
    background-color: #2d88ef
}
.Showcases-color-17 {
    background-color: #00a000
}
.Showcases-color-18 {
    background-color: #a100a8
}
.Showcases-color-19 {
    background-color: #0a58c0
}
.Showcases-color-20 {
    background-color: #5e3bb9
}
.Showcases-color-21 {
    background-color: #bd1e4a
}
.Showcases-color-22 {
    background-color: #525252
}
.Showcases-color-23 {
    background-color: #00ad76
}
.Showcases-color-24 {
    background-color: #7aad00
}
.Showcases-color-25 {
    background-color: #ccbf2f
}
.Showcases-color-26 {
    background-color: #949494
}
.ShowcaseFilters {
    background: #f2f2f2;
    width: auto;
    height: 30px;
    padding: 15px 25px 10px;
    -webkit-transition: .5s height ease-in-out;
    transition: .5s height ease-in-out;
    overflow: hidden
}
.ShowcaseFilters .ExpandFilters {
    margin-bottom: -7px
}
.ShowcaseFilters .icon-arrow-up {
    display: inline-block;
    font-size: 12px;
    color: #BAE900;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .5s transform ease-in-out;
    transition: .5s transform ease-in-out
}
.ShowcaseFilters .Filters {
    -webkit-transition: .5s opacity ease-in-out .3s;
    transition: .5s opacity ease-in-out .3s;
    opacity: 0
}
.ShowcaseFilters .FilterCategories ul,
.ShowcaseFilters .FilterPlatforms ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.ShowcaseFilters .FilterCategories ul {
    display: inline
}
.ShowcaseFilters .FilterCategories li {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px
}
.ShowcaseFilters .FilterCategories .selected,
.ShowcaseFilters .FilterCategories a {
    display: inline-block;
    line-height: 23px
}
.ShowcaseFilters .FilterCategories .selected {
    color: #323232;
    padding: 0 7px;
    background: #fff
}
.ShowcaseFilters .FilterPlatforms li {
    margin-bottom: 5px
}
.ShowcaseFilters .FilterPlatforms a {
    line-height: 15px
}
.ShowcaseFilters .FilterPlatforms a:hover span {
    text-decoration: underline
}
.ShowcaseFilters .FilterPlatforms span {
    position: relative;
    display: inline-block;
    margin-left: -15px;
    z-index: 5
}
.ShowcaseFilters .FilterPlatforms span img {
    width: 25px;
    height: 15px
}
.ShowcaseFilters .FilterPlatforms input {
    position: relative;
    width: 15px;
    height: 15px;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
    z-index: 1
}
.ShowcaseFilters.expanded {
    height: 180px
}
@media only screen and (max-width: 960px) {
    .ShowcaseFilters.expanded {
        height: 220px
    }
}
@media only screen and (max-width: 620px) {
    .ShowcaseFilters.expanded {
        height: auto
    }
}
.ShowcaseFilters.expanded .icon-arrow-up {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.ShowcaseFilters.expanded .Filters {
    opacity: 1
}
.ShowcasesContainer h1 {
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    font-size: 70px
}
.ShowcasesContainer h3 {
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 1.4em
}
.ShowcasesContainer .FeatureDetails-left {
    height: 600px;
    overflow: hidden
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer .FeatureDetails-left {
        height: auto
    }
}
.ShowcasesContainer .FeatureDetails-right {
    height: 650px;
    z-index: 1
}
.ShowcasesContainer .FeatureDetails-right div {
    background: #fff
}
@media only screen and (max-width: 1230px) and (min-width: 621px) {
    .ShowcasesContainer .FeatureDetails-right {
        font-size: 14px
    }
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer .FeatureDetails-right {
        margin-top: 20px;
        height: auto
    }
}
.ShowcasesContainer .Features-items {
    padding-bottom: 50px;
    border-bottom: 1px solid #e8e8e8
}
.ShowcasesContainer .Features-items.is-visible {
    height: auto
}
.ShowcasesContainer .Features-items .FeatureDetails {
    margin-top: 0;
    padding-top: 75px;
    height: auto;
    position: relative
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer .Features-items .FeatureDetails {
        text-align: center
    }
    .ShowcasesContainer .Features-items .FeatureDetails ul {
        text-align: left
    }
}
.ShowcasesContainer .Features-items .FeatureDetails-controls {
    top: 0;
    text-align: right;
    padding-right: 5.5%
}
.ShowcasesContainer .FeatureDetails-content {
    height: 650px
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer .FeatureDetails-content {
        height: auto
    }
    .ShowcasesContainer .FeatureDetails-content img {
        display: inline-block
    }
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer .is-visible.FeatureDetails-contentItem {
        position: relative
    }
}
.ShowcasesContainer .FeatureDetails-contentNext {
    left: 50%;
    margin-left: 15px;
    bottom: 50px
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer .FeatureDetails-contentNext {
        left: auto;
        margin-left: 0
    }
}
.ShowcasesContainer .AppStores img {
    height: 45px;
    border-radius: 5px;
    position: static
}
.ShowcaseBoxContainer {
    text-decoration: none;
    transition: .1s background ease-in-out
}
.ShowcaseBoxContainer .Label,
.ShowcaseBoxContainer .ShowcaseMarkets span,
.ShowcaseBoxContainer h4 {
    transition: .1s color ease-in-out
}
.ShowcaseBoxContainer .ShowcaseBox {
    transition: .1s border-color ease-in-out
}
.ShowcaseBoxContainer:hover {
    text-decoration: none;
    cursor: pointer
}
.ShowcaseBoxContainer:hover .Label,
.ShowcaseBoxContainer:hover .ShowcaseMarkets span,
.ShowcaseBoxContainer:hover h4 {
    color: #BAE900
}
.ShowcaseBoxContainer:hover .ShowcaseBox {
    border-color: #BAE900
}
.ShowcaseBoxContainer:hover .ShowcaseImage:before {
    opacity: .72
}
.ShowcaseBox {
    position: relative;
    display: block;
    height: 430px;
    border-bottom: 1px solid #e5e5e5
}
@media only screen and (max-width: 1230px) {
    .ShowcaseBox {
        height: 400px
    }
}
.ShowcaseImage {
    position: relative;
    width: 170px;
    max-width: 100%;
    height: 280px;
    background: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/default-showcase.jpg?sfvrsn=2) center center;
    border: 1px solid #e5e5e5;
    overflow: hidden
}
@media only screen and (max-width: 1230px) {
    .ShowcaseImage {
        height: 52%
    }
}
@media only screen and (max-width: 960px) {
    .ShowcaseImage {
        height: 250px
    }
}
.ShowcaseImage:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #BAE900;
    opacity: 0;
    transition: .1s opacity ease-in-out;
    z-index: 1
}
.ShowcaseImage img:hover {
    opacity: 1
}
.ie8 .ShowcaseImage:before {
    content: none
}
.ShowcaseMarkets {
    position: absolute;
    width: 100%;
    bottom: 20px
}
.ShowcaseMarkets span {
    color: #d4d4d4
}
.ImagesSlider {
    display: none;
    position: relative;
    max-width: 315px;
    margin: 0 auto;
    overflow: visible;
    text-align: center
}
.ImagesSlider ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.ImagesSlider li {
    position: absolute;
    display: inline-block;
    width: 100%;
    opacity: 0;
    transform: scale(.5);
    left: 0;
    top: 0;
    transition: .5s transform ease-in-out, .5s left ease-in-out, .5s opacity ease-in-out
}
.ImagesSlider li.next-active,
.ImagesSlider li.prev-active {
    top: 0;
    transform: scale(.85);
    opacity: .1
}
.ImagesSlider li.active {
    position: relative;
    transform: scale(1);
    z-index: 1;
    opacity: 1;
    left: 0
}
.ImagesSlider li.prev-active {
    left: -50%
}
.ImagesSlider li.next-active {
    left: 50%
}
.ImagesSlider .sfTxtContent {
    display: none
}
.SliderControls svg {
    vertical-align: middle;
    width: 51px;
    height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -45px
}
@media only screen and (max-width: 770px) and (min-width: 621px) {
    .SliderControls svg {
        width: 21px
    }
}
.SliderControls path {
    stroke: #005587;
    opacity: .7;
    transition: .5s opacity ease-in-out
}
.SliderControls a {
    position: absolute;
    width: 140px;
    top: 0;
    bottom: 0
}
.SliderControls a:hover path {
    opacity: 1
}
.SliderControls .next {
    left: 100%
}
.SliderControls .next svg {
    right: 85px
}
@media only screen and (max-width: 960px) {
    .SliderControls .next svg {
        right: 40px
    }
}
@media only screen and (max-width: 770px) and (min-width: 621px) {
    .SliderControls .next svg {
        right: 66px
    }
}
.SliderControls .prev {
    right: 100%
}
.SliderControls .prev svg {
    left: 85px
}
@media only screen and (max-width: 960px) {
    .SliderControls .prev svg {
        left: 40px
    }
}
@media only screen and (max-width: 770px) and (min-width: 621px) {
    .SliderControls .prev svg {
        left: 66px
    }
}
.FeatureDetails-contentItem.is-visible .ImagesSlider {
    display: inline-block
}
.ShowcaseShareApp h2 {
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    font-size: 46px;
    margin-bottom: 25px
}
@media only screen and (max-width: 620px) {
    .ShowcaseShareApp h2 {
        font-size: 32px
    }
}
.ShowcaseShareApp p {
    max-width: 810px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    font-size: 24px;
    color: #222;
    margin: 0 auto 50px auto
}
@media only screen and (max-width: 960px) {
    .ShowcasesContainer .col-2 {
        width: 33.333333%
    }
    .ShowcasesContainer h1 {
        font-size: 55px
    }
    .ImagesSlider,
    .ImagesSlider li {
        transition: none;
        max-width: 200px
    }
    .ImagesSlider li.next-active,
    .ImagesSlider li.prev-active,
    .ImagesSlider.next-active,
    .ImagesSlider.prev-active {
        opacity: 0
    }
    .SliderControls a {
        width: 90px
    }
}
@media only screen and (max-width: 620px) {
    .ShowcasesContainer h1 {
        font-size: 40px
    }
    .ShowcasesContainer .col-2 {
        width: 50%
    }
    .ShowcasesContainer .AppStores img {
        display: inline-block
    }
}
@media only screen and (max-width: 320px) {
    .ShowcasesContainer .col-2 {
        width: 100%
    }
}
.dc-announcement,
.dc-topannouncement {
    height: 67px;
    position: static;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    text-align: center;
    opacity: 1;
    -webkit-transition: .4s opacity ease-in-out, .4s height ease-in-out;
    transition: .4s opacity ease-in-out, .4s height ease-in-out
}
.dc-announcement>div,
.dc-topannouncement>div {
    position: relative;
    height: 67px;
    z-index: 1
}
.dc-announcement iframe+div.dc-close,
.dc-topannouncement iframe+div.dc-close {
    margin-top: -67px
}
.dc-announcement-wrapper,
.dc-topannouncement-wrapper {
    height: 0;
    -webkit-transition: .4s opacity ease-in-out, .4s height ease-in-out;
    transition: .4s opacity ease-in-out, .4s height ease-in-out;
    overflow: hidden
}
.dc-announcement-wrapper iframe,
.dc-topannouncement-wrapper iframe {
    max-width: 100%!important
}
.dc-announcement-wrapper.hide,
.dc-topannouncement-wrapper.hide {
    opacity: 0;
    height: 0!important
}
.dc-announcement-wrapper.hide .dc-topannouncement,
.dc-topannouncement-wrapper.hide .dc-topannouncement {
    height: 0
}
.dc-topannouncement-wrapper {
    position: relative;
    z-index: 9999
}
.dc-close {
    cursor: pointer;
    float: right;
    line-height: 67px;
    padding: 0 10px;
    z-index: 5!important
}
.dc-announcement {
    height: 67px;
    position: fixed;
    opacity: 0
}
.dc-announcement.static {
    position: static;
    opacity: 1!important;
    -webkit-transition: none;
    transition: none
}
.dc-announcement>div {
    height: 67px
}
.dc-announcement>div+div.dc-close {
    margin-top: -67px
}
.dc-announcement-wrapper {
    height: 67px
}
.dc-announcement-wrapper.hide {
    opacity: 0;
    height: 0
}
.dc-announcement-wrapper.hide .dc-announcement {
    height: 0
}
.dc-peekingcallout-wrapper {
    z-index: 1;
    margin-bottom: -35px;
    margin-top: -45px;
    float: right;
    overflow: hidden
}
.dc-peekingcallout {
    transform: translateY(100%);
    transition: .4s transform ease-in-out
}
.dc-thread {
    margin: 1.6em 0
}
.Slider {
    width: 100%;
    overflow: hidden;
    max-height: 500px;
    color: #000;
    -webkit-transform: translateZ(0);
    text-align: center
}
.Slider.in-motion {
    pointer-events: none
}
.Slider--s .container {
    max-width: 40%
}
@media only screen and (max-width: 1230px) {
    .Slider--s .container {
        max-width: 70%
    }
}
@media only screen and (max-width: 770px) {
    .Slider--s .container {
        max-width: 90%
    }
}
.Slider--s p {
    max-width: 500px;
    margin: 0 auto
}
.Slider--s img {
    width: 100%;
    max-width: 600px
}
.Slider-slide {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin: 0;
    font-size: 16px
}
.Footer {
    display: block;
    width: 100%;
    color: #818692;
    background: #2a2d33;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Footer>.container {
    padding-top: 40px;
    padding-bottom: 20px
}
.Footer ul {
    margin-bottom: 25px;
    font-size: 13px
}
.Footer ul>li {
    margin-bottom: 4px
}
@media only screen and (max-width: 620px) {
    .Footer ul>li {
        margin-bottom: 7px
    }
}
.Footer h6 {
    margin-bottom: 5px;
    font: 400 18px/1 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    color: #818692
}
.Footer a {
    color: #fff;
    font-size: 15px;
    text-decoration: none
}
.Footer a:focus,
.Footer a:hover {
    color: #49c3fb
}
.Footer dt {
    color: #777
}
.Footer p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 11px
}
.Footer p a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px
}
.Footer .highlight {
    font-size: 24px
}
.Footer-social {
    width: 140px;
    text-align: justify;
    font-size: .1px
}
.Footer-social:after {
    content: "";
    display: inline-block;
    width: 100%
}
.Footer-social a {
    display: inline-block;
    width: 29px;
    font-size: 29px;
    overflow: hidden;
    transition: opacity 200ms ease;
    padding-left: 1px;
    padding-right: 1px
}
.Footer-social a:hover {
    opacity: .5;
    color: #fff;
    text-decoration: none
}
.Footer-end {
    padding-left: 20px;
    background: url(../img/dist/icon-telerik-badge.png) no-repeat 0 0
}
.Footer-end .col-2 {
    margin-left: -6px
}
.Footer-end .QuickLinks a {
    font: 400 11px/1.25 Arial, Helvetica, sans-serif
}
.Footer--lp>.container {
    padding-top: 40px;
    padding-bottom: 35px
}
.Footer--lp .Footer-social {
    display: inline-block;
    width: 29.5%
}
.Footer--lp .Footer-end {
    padding-left: 40px;
    background: url(../img/dist/icon-telerik-badge-big.png) no-repeat 0 10px
}
.Footer--lp .QuickLinks a:before {
    padding-left: 1em
}
.Section-banner+.Footer--lp:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    display: block;
    background: inherit
}
@media only screen and (max-width: 1230px) {
    .Footer--lp .Footer-social {
        width: 37%
    }
}
@media only screen and (max-width: 1100px) and (min-width: 960px) {
    .Footer-social a {
        width: 28px;
        font-size: 28px
    }
}
@media only screen and (max-width: 960px) {
    .Footer-end .col-2 {
        margin-left: -12px
    }
    .Footer--lp .Footer-social {
        width: 62%
    }
}
@media only screen and (max-width: 770px) {
    .Footer--lp .Footer-end {
        padding-top: 60px;
        padding-left: 0;
        background-position: center top
    }
    .Footer--lp .Footer-end .col-6 {
        display: block;
        width: 100%;
        margin-top: 20px;
        text-align: center!important
    }
    .Footer--lp .Footer-end .col-6 p {
        text-align: center!important;
        padding-top: 5px
    }
}
@media only screen and (max-width: 620px) {
    .Footer {
        text-align: center
    }
    .Footer .row,
    .Footer .row>div {
        margin: 0
    }
    .Footer>.container {
        padding: 8% 0
    }
    .Footer .col-3 {
        display: none;
        width: auto
    }
    .Footer .col-3:last-child {
        display: block;
        margin-bottom: 4%
    }
    .Footer .col-3:last-child ul {
        margin-bottom: 0
    }
    .Footer .col-3:last-child ul .is-hidden {
        display: none
    }
    .Footer-end {
        background-position: 50% 0;
        padding: 40px 0 0
    }
    .Footer-end .col-2 {
        padding-top: 6%;
        text-align: center
    }
    .Footer-social {
        display: block;
        max-width: 220px;
        margin: auto
    }
    .Footer-credits {
        width: auto;
        margin: 0;
        padding: 0
    }
}
#aspnetForm {
    display: table;
    width: 100%;
    height: 100%
}
.PageWrapper {
    position: relative;
    z-index: 1;
    display: table-row;
    width: 100%;
    height: 100%;
    background: #fff
}
@media only screen and (max-width: 1170px) {
    #aspnetForm,
    .PageWrapper {
        display: block;
        height: auto
    }
}
body:last-child .Footer,
x:-o-prefocus {
    display: table-row
}
.ie7 .PageWrapper {
    display: block;
    height: auto
}
.Sidebar {
    padding-left: 11px
}
.col-3>.Sidebar {
    padding-left: 21px
}
@media only screen and (max-width: 620px) {
    .Sidebar {
        padding-left: 0
    }
}
.Sidebar--top {
    position: relative;
    z-index: 10
}
@media only screen and (max-width: 620px) {
    .Sidebar--top {
        margin-top: 0
    }
}
.Sidebar--bottom {
    position: relative;
    bottom: 0;
    float: left
}
@media only screen and (max-width: 620px) {
    .Sidebar--bottom {
        display: none
    }
}
.Sidebar--bottom .h4,
.Sidebar--bottom h4 {
    margin-bottom: -1px;
    font-size: 22px
}
.Sidebar--bottom .h3,
.Sidebar--bottom h3 {
    margin-bottom: -5px
}
@media only screen and (max-width: 960px) {
    .Section--sidebar>.container>.row.row-75-25>.col-3:after {
        right: 34.75%
    }
    .Section--heading+.Section--sidebar .col-2,
    .Section-controlHeading+.Section--sidebar .col-2 {
        margin-top: 0
    }
}
.Panel {
    position: relative
}
.Panel .Panel-toggle-content {
    display: none
}
.Panel.is-toggled .Panel-content {
    display: none
}
.Panel.is-toggled .Panel-toggle-content {
    display: block
}
.PopupFixed {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    border-top: 6px solid #777;
    backface-visibility: hidden;
    background: #f8f8f8
}
blockquote {
    margin: 0
}
blockquote p {
    position: relative;
    margin: 0;
    background-color: #e1e5ea;
    padding: 33px 22px 28px 26px;
    font-size: 15px;
    line-height: 1.35;
    text-indent: 37px
}
blockquote p:before {
    position: absolute;
    top: 23px;
    left: -7px;
    color: #a0abb0;
    font-family: tlrk-icon-font;
    font-size: 48px;
    line-height: 1.2;
    overflow: hidden
}
blockquote p:after {
    content: "";
    position: absolute;
    text-indent: 0;
    display: block;
    right: 0;
    bottom: -34px;
    border-width: 34px 34px 0 0;
    border-style: solid;
    border-color: #c2ccd4 transparent transparent transparent
}
blockquote cite {
    margin-top: 32px;
    padding-left: 26px;
    display: block;
    font-size: 12px;
    font-style: normal;
    color: #777;
    text-transform: uppercase
}
blockquote cite strong {
    display: block;
    font-size: 16px;
    color: #1a1a1a;
    text-transform: none
}
blockquote cite span {
    display: block
}
.BlockquoteTriangle--left p:after {
    left: 0;
    right: auto;
    border-width: 34px 34px 0 0;
    border-color: #e1e5ea transparent transparent transparent
}
.BlockquoteTriangle--left cite {
    padding: 26px 0 0 0
}
.TestimonialsList blockquote p {
    padding: 5px 0 0 0;
    font-size: 16px;
    background: 0 0;
    text-indent: 0
}
.TestimonialsList blockquote p:before {
    top: 0;
    left: -40px
}
.TestimonialsList blockquote p:after {
    display: none
}
.TestimonialsList blockquote p+p:before {
    content: none
}
.Testimonial--clean blockquote p {
    font-size: 16px;
    background: 0 0;
    padding: 0 22px 0 26px;
    text-indent: 30px
}
.Testimonial--clean blockquote p:before {
    top: -5px;
    font-size: 40px
}
.Testimonial--clean blockquote p:after {
    display: none
}
@media only screen and (max-width: 960px) {
    .TestimonialsList blockquote p {
        padding-left: 40px
    }
    .TestimonialsList blockquote p:before {
        left: 0;
        top: 10px
    }
}
.Quote p {
    padding: 0;
    color: #000;
    background: 0 0;
    font: 24px/1.25 MetricWeb-Light, Arial, Gadget, sans-serif;
    text-indent: 22px
}
.Quote p:after,
.Quote p:before {
    content: '“';
    display: inline;
    position: absolute;
    top: -4px;
    left: -22px;
    right: auto;
    bottom: auto;
    margin-right: 2px;
    color: #555;
    font: 65px/1 MetricWeb-Light, Arial, Gadget, sans-serif
}
.Quote p:after {
    content: "”";
    position: absolute;
    top: auto;
    left: auto;
    margin-left: 6px;
    margin-top: 0;
    border: 0
}
.Quote figure {
    display: table;
    margin: 40px 0 0 0
}
.Quote img {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%
}
.Quote figcaption {
    padding-left: 20px;
    color: #555;
    font: 16px/1.25 MetricWeb-Light, Arial, Gadget, sans-serif
}
.Quote figcaption,
.Quote img {
    display: table-cell;
    vertical-align: top
}
.Quote cite {
    margin: 0;
    padding: 0 0 3px;
    color: #555;
    font: 20px/1.5 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    text-transform: none
}
.Dialog-A,
.Dialog-B {
    position: relative;
    padding: 36px;
    margin-top: 20px;
    margin-bottom: 20px
}
.Dialog-A:after,
.Dialog-B:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    bottom: -20px;
    border-style: solid
}
.Dialog-A {
    background-color: #e8f8ff
}
.Dialog-A:after {
    border-color: transparent #e8f8ff;
    border-width: 0 20px 20px 0;
    right: 0
}
.Dialog-B {
    background-color: #f8f1fa
}
.Dialog-B:after {
    border-color: #f8f1fa transparent;
    border-width: 20px 20px 0 0;
    left: 0
}
blockquote.Dialog-A,
blockquote.Dialog-B {
    padding-left: 0;
    padding-right: 0
}
.Form .Dialog-A,
.Form .Dialog-B,
.Section--grey1 .Dialog-A,
.Section--grey1 .Dialog-B,
.UpgradeFooter .Dialog-A,
.UpgradeFooter .Dialog-B {
    background-color: #fff
}
.Form .Dialog-A:after,
.Section--grey1 .Dialog-A:after,
.UpgradeFooter .Dialog-A:after {
    border-color: transparent #fff
}
.Form .Dialog-B:after,
.Section--grey1 .Dialog-B:after,
.UpgradeFooter .Dialog-B:after {
    border-color: #fff transparent
}
.Testimonials {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden
}
.Testimonials blockquote {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(300px, 0, 0);
    transition: visibility 0s linear .233333333333333s, opacity .175s, transform .233333333333333s, position 0s linear 2.8s
}
.Testimonials blockquote.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: visibility 0s linear 0s, opacity 1.4s, transform 1.4s, position 0s linear 0s
}
.Testimonials blockquote p {
    position: relative;
    display: table;
    max-width: 930px;
    margin: auto;
    font: 29px/1.2 MetricWeb-Light, Arial, Gadget, sans-serif;
    text-align: center;
    background: 0 0
}
.Testimonials blockquote p:after,
.Testimonials blockquote p:before {
    content: "”";
    position: relative;
    margin-bottom: -.48em;
    margin-top: -.1em;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    vertical-align: bottom;
    display: inline-block;
    border: 0;
    font: 75px/1 MetricWeb-Light, Arial, Gadget, sans-serif;
    color: inherit;
    opacity: .92
}
.Testimonials blockquote p:before {
    content: "“";
    margin-left: -1.05em
}
@media only screen and (max-width: 770px) {
    .Testimonials blockquote p {
        font-size: 22px
    }
    .Testimonials blockquote p:after,
    .Testimonials blockquote p:before {
        font-size: 57px
    }
}
.Testimonials figure {
    text-align: center;
    margin: 0
}
.Testimonials figure img {
    border-radius: 50%;
    width: 70px;
    height: 70px
}
.Testimonials figcaption {
    display: block;
    color: inherit;
    font: 16px/1.2 MetricWeb-Light, Arial, Gadget, sans-serif;
    text-transform: uppercase
}
.Testimonials cite {
    margin-top: 24px;
    padding: 0;
    color: inherit;
    font: 24px/1.5 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    text-transform: none
}
.oldie .Testimonials-dots a {
    color: #ccc
}
.oldie .Testimonials-dots a.is-active,
.oldie .Testimonials-dots a:hover {
    color: inherit
}
.oldie .Testimonials blockquote p:after,
.oldie .Testimonials blockquote p:before {
    display: none
}
.Testimonials-dots {
    text-align: center
}
.Testimonials-dots a {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 5px;
    color: inherit;
    border: 4px solid;
    border-color: inherit;
    border-radius: 50%;
    cursor: pointer;
    opacity: .4;
    transition: background .2s
}
.Testimonials-dots a.is-active,
.Testimonials-dots a:hover {
    opacity: 1
}
.BlogPost-comments-link,
.Indicator,
.Indicator-4,
.Indicator-7 {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px
}
.BlogPost-comments-link:after,
.Indicator-4:after,
.Indicator-7:after,
.Indicator:after {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    border-style: solid
}
.Indicator {
    padding: 0 .75em;
    margin-right: 11px;
    line-height: 22px;
    vertical-align: top;
    background: #ffd73f;
    color: #444
}
.Indicator:after {
    right: -11px;
    border-width: 11px;
    border-left-width: 0;
    border-color: #ffd73f transparent
}
.Indicator--prim {
    background: #91cefa
}
.Indicator--prim:after {
    border-color: #91cefa transparent
}
.Indicator--sec {
    background: #a9e15c
}
.Indicator--sec:after {
    border-color: #a9e15c transparent
}
.Indicator--reversed {
    margin-right: 0;
    margin-left: 11px
}
.Indicator--reversed:after {
    left: -11px;
    right: auto;
    border-left-width: 11px;
    border-right-width: 0
}
.IndicatorWrapper {
    position: relative
}
.IndicatorWrapper .Indicator {
    position: absolute;
    top: 20px;
    left: 0
}
.IndicatorWrapper .Indicator--reversed {
    left: auto;
    right: 0
}
.Indicator-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 7px 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #000;
    background-color: rgba(0, 0, 0, .65)
}
.Indicator-3 {
    font-size: 11px;
    color: #95979a
}
.Indicator-4 {
    margin-top: 5px;
    padding: 0 4px 0 8px;
    color: #6b6872;
    line-height: 26px;
    background-color: #ded8ed
}
.Indicator-4:after {
    right: -26px;
    border-width: 13px;
    border-color: transparent transparent transparent #ded8ed
}
.Indicator-5 {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700
}
.Indicator-6 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700
}
.BlogPost-comments-link,
.Indicator-7 {
    margin-top: 9px;
    padding: 0 8px 0 4px;
    color: #6b6872;
    line-height: 26px;
    background-color: #e5f1f6
}
.BlogPost-comments-link:after,
.Indicator-7:after {
    left: -26px;
    border-width: 13px;
    border-color: transparent #e5f1f6 transparent transparent
}
.QuickLinks {
    margin-bottom: 10px
}
.QuickLinks .sftaxonHorizontalList>li,
.QuickLinks a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px
}
.QuickLinks .sftaxonHorizontalList>li:before,
.QuickLinks a:before {
    content: "";
    display: inline-block;
    height: 1em;
    padding-left: .5em;
    margin-left: .1em;
    border-left: 1px solid #ced1d4;
    vertical-align: middle
}
.QuickLinks .sftaxonHorizontalList>li:first-child:before,
.QuickLinks a:first-child:before {
    display: none
}
.QuickLinks .selected {
    font-weight: 700;
    color: #000
}
.Footer .QuickLinks {
    margin-bottom: 0;
    line-height: 1
}
.Footer .QuickLinks a {
    font-size: 11px
}
.Footer .QuickLinks a:before {
    vertical-align: top;
    margin-left: .2em;
    border-color: #555
}
.QuickLinks.Product-info {
    max-width: none;
    white-space: nowrap
}
.QuickLinks .sftaxonHorizontalList>li:before {
    padding-left: 1em
}
.QuickLinks .sftaxonHorizontalList a {
    padding: 0 10px
}
.QuickLinks .sftaxonHorizontalList a:hover {
    background: 0 0;
    color: #FF5500;
    text-decoration: underline
}
@media only screen and (max-width: 620px) {
    .QuickLinks .sftaxonHorizontalList li {
        display: block
    }
    .QuickLinks .sftaxonHorizontalList li:before {
        display: none
    }
    .QuickLinks .sftaxonHorizontalList a {
        display: block;
        padding: 10px
    }
}
.Product--Platform:after {
    content: 'PL'
}
.Product--Platform:before,
a.Product--Platform:hover {
    color: #09c
}
.Product--PhoneGap:after {
    content: 'PG'
}
.Product--PhoneGap:before,
a.Product--PhoneGap:hover {
    color: #059e1c
}
.Product--iOS:after {
    content: 'iOS'
}
.Product--iOS:before,
a.Product--iOS:hover {
    color: #059e1c
}
.Product--Xamarin:after {
    content: 'X'
}
.Product--Xamarin:before,
a.Product--Xamarin:hover {
    color: #059e1c
}
.Product--Android:after {
    content: 'AN'
}
.Product--Android:before,
a.Product--Android:hover {
    color: #059e1c
}
.Product--WindowsPhone:after {
    content: 'WP'
}
.Product--WindowsPhone:before,
a.Product--WindowsPhone:hover {
    color: #059e1c
}
.Product--Windows8:after {
    content: 'W8'
}
.Product--Windows8:before,
a.Product--Windows8:hover {
    color: #059e1c
}
.Product--Kendo:after {
    content: 'K'
}
.Product--Kendo:before,
a.Product--Kendo:hover {
    color: #059e1c
}
.Product--KendoC:after {
    content: 'KC'
}
.Product--KendoC:before,
a.Product--KendoC:hover {
    color: #059e1c
}
.Product--KendoW:after {
    content: 'KW'
}
.Product--KendoW:before,
a.Product--KendoW:hover {
    color: #059e1c
}
.Product--KendoM:after {
    content: 'KM'
}
.Product--KendoM:before,
a.Product--KendoM:hover {
    color: #059e1c
}
.Product--KendoD:after {
    content: 'KD'
}
.Product--KendoD:before,
a.Product--KendoD:hover {
    color: #059e1c
}
.Product--AspAjax:after {
    content: 'AJX'
}
.Product--AspAjax:before,
a.Product--AspAjax:hover {
    color: #059e1c
}
.Product--AspMvc:after {
    content: 'MVC'
}
.Product--AspMvc:before,
a.Product--AspMvc:hover {
    color: #059e1c
}
.Product--Php:after {
    content: 'PHP'
}
.Product--Php:before,
a.Product--Php:hover {
    color: #059e1c
}
.Product--Jsp:after {
    content: 'JSP'
}
.Product--Jsp:before,
a.Product--Jsp:hover {
    color: #059e1c
}
.Product--Silverlight:after {
    content: 'SL'
}
.Product--Silverlight:before,
a.Product--Silverlight:hover {
    color: #059e1c
}
.Product--Wpf:after {
    content: 'WPF'
}
.Product--Wpf:before,
a.Product--Wpf:hover {
    color: #059e1c
}
.Product--WinForms:after {
    content: 'WF'
}
.Product--WinForms:before,
a.Product--WinForms:hover {
    color: #059e1c
}
.Product--TestingFramework:after {
    content: 'TF'
}
.Product--TestingFramework:before,
a.Product--TestingFramework:hover {
    color: #059e1c
}
.Product--JustMock:after {
    content: 'JM'
}
.Product--JustMock:before,
a.Product--JustMock:hover {
    color: #059e1c
}
.Product--JustTrace:after {
    content: 'JT'
}
.Product--JustTrace:before,
a.Product--JustTrace:hover {
    color: #059e1c
}
.Product--JustDecompile:after {
    content: 'JD'
}
.Product--JustDecompile:before,
a.Product--JustDecompile:hover {
    color: #059e1c
}
.Product--JustCode:after {
    content: 'JC'
}
.Product--JustCode:before,
a.Product--JustCode:hover {
    color: #059e1c
}
.Product--Fiddler:after {
    content: 'F'
}
.Product--Fiddler:before,
a.Product--Fiddler:hover {
    color: #059e1c
}
.Product--DataAccess:after {
    content: 'DA'
}
.Product--DataAccess:before,
a.Product--DataAccess:hover {
    color: #059e1c
}
.Product--Reporting:after {
    content: 'R'
}
.Product--Reporting:before,
a.Product--Reporting:hover {
    color: #059e1c
}
.Product--ReportServer:after {
    content: 'RS'
}
.Product--ReportServer:before,
a.Product--ReportServer:hover {
    color: #059e1c
}
.Product--Sharepoint:after {
    content: 'SP'
}
.Product--Sharepoint:before,
a.Product--Sharepoint:hover {
    color: #059e1c
}
.Product--Windows8X:after {
    content: 'W8X'
}
.Product--Windows8X:before,
a.Product--Windows8X:hover {
    color: #059e1c
}
.Product--Windows8H:after {
    content: 'W8H'
}
.Product--Windows8H:before,
a.Product--Windows8H:hover {
    color: #059e1c
}
.Product--WindowsUniversal:after {
    content: 'WU'
}
.Product--WindowsUniversal:before,
a.Product--WindowsUniversal:hover {
    color: #059e1c
}
.Product--DevCraft:after {
    content: 'DC'
}
.Product--DevCraft:before,
a.Product--DevCraft:hover {
    color: #2db245
}
.Product--TeamPulse:after {
    content: 'TP'
}
.Product--TeamPulse:before,
a.Product--TeamPulse:hover {
    color: #fa8c21
}
.Product--TestStudio:after {
    content: 'TS'
}
.Product--TestStudio:before,
a.Product--TestStudio:hover {
    color: #fa8c21
}
.Product--BackendServices:after {
    content: 'BS'
}
.Product--BackendServices:before,
a.Product--BackendServices:hover {
    color: #09c
}
.Product--Analytics:after {
    content: 'A'
}
.Product--Analytics:before,
a.Product--Analytics:hover {
    color: #09c
}
.Product--AppBuilder:after {
    content: 'AB'
}
.Product--AppBuilder:before,
a.Product--AppBuilder:hover {
    color: #09c
}
.Product--MobileTest:after {
    content: 'MT'
}
.Product--MobileTest:before,
a.Product--MobileTest:hover {
    color: #09c
}
.Product--AppManager:after {
    content: 'AM'
}
.Product--AppManager:before,
a.Product--AppManager:hover {
    color: #09c
}
.Product--AppPrototyper:after {
    content: 'AP'
}
.Product--AppPrototyper:before,
a.Product--AppPrototyper:hover {
    color: #09c
}
.Product--AppFeedback:after {
    content: 'AF'
}
.Product--AppFeedback:before,
a.Product--AppFeedback:hover {
    color: #09c
}
.Product--NativeScript:after {
    content: 'NS'
}
.Product--NativeScript:before,
a.Product--NativeScript:hover {
    color: #09c
}
.Product--Sitefinity:after {
    content: 'CMS'
}
.Product--Sitefinity:before,
a.Product--Sitefinity:hover {
    color: #5e70c8
}
.Product {
    position: relative;
    display: inline-block;
    padding-left: 39px;
    font: 400 20px/1.2 MetricWeb-Medium, arial, sans-serif;
    vertical-align: top;
    color: #000;
    transform: translateZ(0)
}
.Product:before {
    position: absolute;
    top: -6px;
    left: 0;
    margin-right: 6px;
    margin-bottom: -12px;
    display: inline-block;
    font-family: tlrk-icon-font;
    font-size: 30px;
    vertical-align: top
}
.Product:after {
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    color: #fff;
    font-size: 11px;
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    line-height: 30px;
    text-align: center
}
.Product:focus,
.Product:hover {
    text-decoration: none
}
.Product:focus:before,
.Product:hover:before {
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite
}
.ie7 .Product {
    padding-left: 0
}
.ie8 .Product:after {
    top: -4px
}
.ProductList .Product {
    display: block;
    font-size: 15px;
    line-height: 27px
}
.ProductList .Product:before {
    top: 0;
    font-size: 27px
}
.ProductList .Product:after {
    top: 0;
    width: 27px;
    line-height: 27px;
    font-size: 10px
}
@media only screen and (max-width: 1230px) {
    .Sidebar .Product {
        white-space: normal
    }
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .Product:after {
        line-height: 25px
    }
}
.ie8 .Product:after,
.ie9 .Product:after {
    line-height: 25px
}
.Product--noicon:after,
.Product--noicon:before {
    display: none
}
.Product-info {
    max-width: 75%;
    margin-left: 39px;
    margin-bottom: 0;
    padding: 5px 0;
    color: #656565;
    font-size: 16px;
    line-height: 1.2;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Product--noicon~.Product-info {
    margin-left: 0
}
.ie7 .Product-info {
    margin-left: 0
}
.Product-info--fullwidth {
    max-width: 100%
}
.Product-price {
    display: inline-block;
    margin-left: 39px;
    margin-bottom: 40px;
    color: #3b3b3b;
    font: 400 21px MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif
}
@-moz-keyframes pulse {
    50% {
        transform: scale(1.1)
    }
}
@keyframes pulse {
    50% {
        transform: scale(1.1)
    }
}
@-webkit-keyframes pulse {
    50% {
        -webkit-transform: scale(1.1)
    }
}
.TagsList .sfTxtLbl {
    display: inline-block;
    padding-right: 6px;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}
.TagsList ul {
    display: inline-block;
    font-size: 0
}
.TagsList ul li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px
}
.TagsList a {
    display: block;
    padding: 5px 10px;
    border: 1px solid #6a6a6a;
    border: 1px solid rgba(85, 85, 85, .3);
    color: #555;
    font-size: 11px;
    line-height: 1.3;
    transition: all .3s ease
}
.TagsList a:hover {
    border-color: #eff1f3;
    background-color: #eff1f3;
    text-decoration: none
}
.TagsList--cloud a {
    color: #09c;
    border: 1px solid #00b0eb;
    border: 1px solid rgba(0, 153, 204, .3)
}
.TagsList--cloud a:hover {
    border-color: #e5f5fa;
    background-color: #e5f5fa
}
.TagsList--tools a {
    color: #059e1c;
    border: 1px solid #06c022;
    border: 1px solid rgba(5, 158, 28, .3)
}
.TagsList--tools a:hover {
    border-color: #ddeec5;
    background-color: #ddeec5
}
.TagsList--alm a {
    color: #fa8c21;
    border: 1px solid #fb9837;
    border: 1px solid rgba(250, 140, 33, .3)
}
.TagsList--alm a:hover {
    border-color: #fce7cc;
    background-color: #fce7cc
}
.ie7 .TagsList li,
.ie7 .sfTagsList,
.ie7 .sfTxtLbl {
    display: inline;
    zoom: 1;
    vertical-align: middle
}
.sfforumPostBreabcrumbWrp {
    margin: 40px 0 1em;
    padding-top: 4%;
    font-size: 12px;
    color: #999
}
.sfDisabled,
.sfDisabled:hover {
    color: inherit;
    text-decoration: inherit
}
.Pagination {
    display: inline-block;
    padding: 30px 0;
    font-size: 18px
}
.Pagination .sf_pagerNumeric {
    display: inline-block;
    margin: 4px
}
.Pagination .sf_PagerCurrent {
    color: #000;
    font-weight: 700;
    pointer-events: none
}
.Pagination>div>a {
    padding: 7px 10px
}
.Pagination .Pagination-prev,
.Pagination>a:first-child {
    padding: 0 0 0 2em;
    margin-left: 8px;
    margin-right: 12px;
    position: relative
}
.Pagination .Pagination-next,
.Pagination>div+a {
    padding: 0 2em 0 0;
    margin-left: 12px;
    position: relative
}
@media only screen and (max-width: 620px) {
    .Pagination a {
        font-size: 13px
    }
    .Pagination>a:before {
        margin: 0 3px
    }
    .Pagination .sf_pagerNumeric {
        margin-left: 0;
        margin-right: 0
    }
    .Pagination .sf_PagerNextGroup {
        display: none
    }
}
@media only screen and (max-width: 370px) {
    .Pagination>div>a {
        padding: 8px
    }
}
.BlogPost {
    padding-top: 30px
}
.BlogPost>article {
    margin-bottom: 40px
}
.BlogPost>article iframe {
    max-width: 100%
}
.BlogPost>article pre {
    width: auto!important;
    overflow: auto
}
.BlogPost>article img {
    margin-bottom: 20px
}
.BlogPost .TagsList {
    margin: 30px 0;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}
.BlogPost blockquote {
    margin-bottom: 40px;
    clear: both
}
.BlogPost-list {
    overflow: hidden
}
.BlogPost-list>li {
    overflow: hidden;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}
.BlogPost-list>li h4 {
    margin-bottom: 0
}
.BlogPost-list>li article {
    margin-bottom: 22px
}
.BlogPost-list~.Pagination {
    padding: 0
}
.BlogPost-meta {
    padding-bottom: 18px
}
.BlogPost-comments-link {
    float: right
}
.BlogPost-date {
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #777
}
.BlogPost-author {
    font-size: 14px
}
.BlogPost-comment {
    padding: 20px 0;
    word-wrap: break-word
}
.BlogPost-comment:nth-child(odd) {
    background-color: #e4e8f1
}
.BlogPost-comment time {
    display: block;
    margin-top: 10px
}
.BlogPost-write-comment small {
    margin-top: -8px;
    display: block
}
.BlogPost-write-comment iframe {
    max-width: 100%
}
#author,
.single-author-footer {
    overflow: hidden;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    clear: both
}
#author>img,
.single-author-footer>img {
    float: left;
    margin-bottom: 20px
}
#author div,
#author h3,
#author>p,
.single-author-footer div,
.single-author-footer h3,
.single-author-footer>p {
    margin-left: 90px
}
.BlogPost-share,
.Telerik-share {
    height: 30px
}
.BlogPost-share .mailto,
.Telerik-share .mailto {
    float: left;
    width: 57px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    background: url(../img/dist/btn-email.png) no-repeat 0 0
}
.BlogPost-share .mailto:hover,
.Telerik-share .mailto:hover {
    background-position: 0 bottom
}
.BlogPost-share .buttons .button,
.Telerik-share .buttons .button {
    float: left;
    margin-right: 10px;
    background: 0 0!important;
    border: 0;
    padding: 0
}
.BlogPost-share .buttons .googleplus,
.Telerik-share .buttons .googleplus {
    width: 60px!important
}
.BlogPost-share .buttons .twitter,
.Telerik-share .buttons .twitter {
    margin-right: 7px
}
.BlogPost-share .buttons .twitter iframe.twitter-count-horizontal,
.Telerik-share .buttons .twitter iframe.twitter-count-horizontal {
    width: 84px!important
}
.BlogPost-share .buttons .twitter .twitter-count-none,
.Telerik-share .buttons .twitter .twitter-count-none {
    margin-right: 6px
}
.BlogPost-share .buttons .facebook,
.Telerik-share .buttons .facebook {
    line-height: 12px
}
.BlogPost-share .buttons .facebook iframe,
.Telerik-share .buttons .facebook iframe {
    min-width: 73px
}
.Telerik-share .buttons,
.Telerik-share .fb-share-button {
    float: left
}
.Telerik-share .mailto {
    float: none;
    display: inline-block
}
.Telerik-share .buttons .button {
    margin-right: 17px
}
.Telerik-share .buttons .twitter {
    margin-right: 11px
}
.Telerik-share .fb-share-button {
    margin-right: 20px
}
.Telerik-share--vertical .buttons,
.Telerik-share--vertical .buttons .button,
.Telerik-share--vertical .fb-share-button,
.Telerik-share--vertical .mailto {
    float: none
}
.Telerik-share--vertical .fb-share-button {
    margin-bottom: 10px
}
.sfcommentsList {
    display: table;
    margin-bottom: 40px
}
.sfcommentsList .sfcommentDetails {
    padding: 15px 10px;
    display: table-row
}
.sfcommentsList .sfcommentDetails:nth-child(even) {
    background-color: #f3f5f6
}
.sfcommentNumber {
    display: none
}
.sfcommentAuthor,
.sfcommentDate {
    display: table-caption;
    font-size: 11px;
    font-weight: 400;
    font-style: normal
}
.sfcommentAuthor {
    caption-side: top;
    padding: 15px 0 0 10px
}
.sfcommentDate {
    padding: 0 0 15px 10px
}
.sfcommentText {
    width: 85%;
    display: table-cell;
    vertical-align: top;
    padding-top: 15px
}
.sfcommentsField {
    margin-bottom: 20px
}
@media only screen and (max-width: 1230px) {
    .sfcommentAuthor,
    .sfcommentDate,
    .sfcommentText,
    .sfcommentsList,
    .sfcommentsList .sfcommentDetails {
        display: block
    }
    .sfcommentAuthor,
    .sfcommentDate {
        padding: 0
    }
}
.LoginBox {
    display: block;
    max-width: 370px;
    margin: 0 auto
}
.LoginBox .Btn[class*=icon-] {
    padding-left: 30px;
    padding-right: 30px;
    text-align: left
}
.LoginBox .Btn[class*=icon-]:before {
    padding-right: 25px
}
.LoginBox--span2 {
    max-width: 970px
}
.LoginBox-forgotten {
    margin-bottom: -15px;
    text-align: right
}
.Forgotten-panel {
    display: none
}
.is-toggled .Login-panel {
    display: none
}
.is-toggled .Forgotten-panel {
    display: block
}
.details-list,
.prettyprint {
    margin: 6px 0 1.6em;
    border: 3px solid #dedede;
    background: #fff;
    color: #000;
    border-radius: 5px
}
.sfpostDetails .code-title,
.sfpostDetails .details-title,
.sfpostDetails .prettyprint>h3,
.sfpostDetails .sample-title {
    margin: 0;
    line-height: 33px;
    text-indent: 10px;
    color: #4e4e4e;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #dedede
}
.prettyprint {
    overflow-x: auto
}
.prettyprint {
    padding: 10px;
    border-radius: 2px;
    background: #fbfbfb
}
.code-sample.code pre {
    display: block;
    padding: 0
}
pre .nocode {
    background-color: transparent;
    color: #000
}
pre .atv,
pre .str {
    color: #e25000
}
pre .kwd {
    color: #03f
}
pre .com {
    color: #666
}
pre .typ {
    color: #000
}
pre .lit {
    color: #066
}
pre .pun {
    color: #333
}
pre .pln {
    color: #42545a
}
pre .tag {
    color: #06c
}
pre .atn {
    color: #66f
}
pre .dec {
    color: #c00
}
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    list-style: none
}
ol.linenums li:nth-child(even) {
    background-color: #eee
}
.SocialLinks a {
    display: inline-block;
    font-size: 48px;
    text-decoration: none;
    color: #aaa
}
@media only screen and (max-width: 960px) {
    .SocialLinks a {
        font-size: 36px
    }
}
.SocialLinks a+a {
    margin-left: .4em
}
.SocialLinks a:hover {
    opacity: .6
}
.SocialLinks a.icon-twitter {
    color: #00b6f1
}
.SocialLinks a.icon-facebook {
    color: #3563a1
}
.SocialLinks a.icon-google {
    color: #dd4b39
}
.SocialLinks a.icon-youtube {
    color: #cd201f
}
.SocialLinks a.icon-linkedin {
    color: #0976b4
}
.SocialLinks a.icon-liveid {
    color: #13b8d5
}
.SocialLinks a.icon-yahoo {
    color: #7b4aa9
}
.Footer .SocialLinks {
    text-align: justify;
    font-size: .1px
}
.Footer .SocialLinks:after {
    content: "";
    display: inline-block;
    width: 100%
}
.Footer .SocialLinks a {
    font-size: 32px;
    color: #fff
}
.Footer .SocialLinks a+a {
    margin-left: 0
}
.Footer .SocialLinks a:hover {
    opacity: .5
}
@media only screen and (max-width: 1100px) and (min-width: 960px) {
    .Footer .SocialLinks a {
        font-size: 28px
    }
}
@media only screen and (max-width: 620px) {
    .Footer .SocialLinks {
        display: block;
        max-width: 220px;
        margin: auto
    }
}
.Footer--lp .SocialLinks {
    display: inline-block;
    width: 34.5%
}
@media only screen and (max-width: 1230px) {
    .Footer--lp .SocialLinks {
        width: 40%
    }
}
@media only screen and (max-width: 960px) {
    .Footer--lp .SocialLinks {
        width: 62%
    }
}
.RadSocialShare {
    width: 100%;
    height: 24px;
    border: 0;
    padding: 6px 0 0;
    overflow: hidden
}
.RadSocialShare a {
    text-decoration: none
}
.RadSocialShare .sshContent:before {
    content: "SHARE:";
    margin-right: 13px;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    top: 2px
}
.RadSocialShare .sshListItem {
    padding: 0
}
.RadSocialShare .fb-share-button {
    width: 99px
}
.RadSocialShare .twitter-share-button {
    position: relative;
    top: 1px;
    width: 93px!important
}
.RadSocialShare .sshText {
    margin-right: 15px
}
.RadSocialShare .sshLinkedIn,
.RadSocialShare .sshText {
    position: relative;
    top: -1px
}
.RadSocialShare #___plusone_0 {
    position: relative;
    top: 2px;
    width: 64px!important
}
.SocialPanel {
    text-align: center;
    position: relative;
    font-size: 0
}
.SocialPanel>a {
    display: inline-block;
    color: inherit!important;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 21px;
    transition: all .2s;
    margin-bottom: -1px;
    margin-right: -1px
}
.SocialPanel>a:active,
.SocialPanel>a:focus,
.SocialPanel>a:hover {
    color: #fff!important;
    text-decoration: none
}
.SocialPanel>a.icon-twitter-full:hover {
    background-color: #00b6f1
}
.SocialPanel>a.icon-facebook-full:hover {
    background-color: #3563a1
}
.SocialPanel>a.icon-google-full:hover {
    background-color: #dd4b39
}
.SocialPanel>a.icon-linkedin-full:hover {
    background-color: #0976b4
}
@media only screen and (min-width: 1301px) {
    .SocialPanel--aside,
    .SocialPanel--asideOpposite {
        position: absolute;
        right: -22px;
        font-size: 0
    }
    .SocialPanel--aside>a,
    .SocialPanel--asideOpposite>a {
        display: block
    }
    .SocialPanel--asideOpposite {
        right: auto;
        left: -22px
    }
}
.Features {
    position: relative
}
.Features .List {
    margin-bottom: 64px
}
.Features .List-thumb {
    margin-right: 20px
}
.FeatureDetails {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 500px
}
.FeatureDetails-left,
.FeatureDetails-right {
    height: 500px
}
.FeatureDetails-right {
    position: relative
}
.FeatureDetails-right img {
    position: absolute;
    bottom: 0;
    right: 15px
}
.FeatureDetails-controls {
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 1
}
.FeatureDetails-controls a {
    position: relative;
    display: inline-block;
    margin-left: 24px;
    width: 19px;
    height: 19px;
    overflow: hidden
}
.FeatureDetails-controls a:before {
    display: inline-block;
    width: 19px;
    text-align: center;
    font-size: 17px
}
.FeatureDetails-content {
    position: relative;
    height: 500px;
    overflow: hidden
}
.FeatureDetails-contentItem {
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity .15s ease 0s, visibility 0s ease .45s
}
.FeatureDetails-contentItem.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease 0s, visibility 0s ease 0s
}
.FeatureDetails-contentNext {
    position: absolute;
    bottom: 80px
}
.Features-grid {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: -webkit-transform .2s ease, opacity .4s ease;
    transition: transform .2s ease, opacity .4s ease
}
.Features-grid.is-visible {
    visibility: visible;
    height: auto;
    overflow: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.Features-items {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease
}
.Features-items.is-visible {
    visibility: visible;
    width: auto;
    height: 500px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.Features-items .FeatureDetails {
    margin-top: -84px;
    padding-top: 84px
}
.Features-items .FeatureDetails-controls {
    top: 51px
}
@media only screen and (max-width: 1130px) {
    .FeatureDetails-left {
        font-size: 14px
    }
}
@media only screen and (max-width: 770px) {
    .FeatureDetails-controls {
        padding: 30px 0;
        z-index: 1;
        top: 81px
    }
    .FeatureDetails {
        height: auto
    }
    .FeatureDetails-right {
        height: auto
    }
    .FeatureDetails-right img {
        bottom: initial;
        top: 50px
    }
    .FeatureDetails-left {
        height: auto;
        padding-bottom: 50px
    }
    .FeatureDetails-contentNext {
        bottom: 15px
    }
}
@media only screen and (max-width: 620px) {
    .Features {
        padding-bottom: 20px
    }
    .Features .List {
        margin: 0
    }
    .Features .List-item {
        border-top: 1px solid #ccc;
        border-top: 1px solid rgba(100, 100, 100, .2);
        padding: 4% 0
    }
    .Features .List-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .FeatureDetails-content img {
        display: none
    }
    .FeatureDetails-left {
        padding-bottom: 0
    }
    .Features-items .FeatureDetails {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 20px;
        height: auto
    }
    .Features-items .FeatureDetails .FeatureDetails-left,
    .Features-items .FeatureDetails .FeatureDetails-right {
        margin-bottom: 0
    }
    .Features-items .FeatureDetails-controls {
        background: #cfcfcf;
        top: -25px;
        left: -5.5%;
        right: -5.5%;
        padding: 15px 0 10px
    }
    .Features-items .FeatureDetails-controls a {
        margin-left: 55px
    }
    .Features-items .FeatureDetails-contentNext {
        position: relative;
        top: 20px;
        bottom: auto
    }
}
.FormOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    background: #ccc;
    background: rgba(42, 45, 51, .7);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-property: opacity, visibility;
    transition-duration: .2s, 0s;
    transition-delay: 0s, .2s;
    transition-timing-function: ease, linear
}
.FormOverlay.is-visible {
    transition-delay: 0s
}
.oldie .FormOverlay {
    background: 0 0
}
.Form--sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5001;
    transition: padding-bottom .2s ease
}
.Form--sticky .container {
    padding-top: 25px;
    padding-bottom: 60px
}
.Form--sticky.is-collapsed .container {
    padding-bottom: 0
}
.Form-close {
    position: absolute;
    top: 45px;
    right: 50%;
    z-index: 1;
    margin-right: -615px;
    width: 35px;
    height: 35px;
    border: 2px solid #BAE900;
    border-radius: 100%;
    color: #BAE900;
    font-size: 34px;
    font-family: georgia, arial, sans-serif;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease
}
.Form-close:focus,
.Form-close:hover {
    color: #059ce2;
    border-color: #059ce2
}
.Form-counter {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin-right: 8px;
    border: 2px solid #ee5315;
    border-radius: 100%;
    color: #ee5315;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    line-height: 75px;
    text-align: center;
    vertical-align: middle
}
.oldie .Form-counter {
    line-height: 155%
}
.PanelChoice input[type=checkbox] {
    position: relative;
    margin-left: 17px;
    margin-top: 40px
}
.PanelChoice input[type=checkbox]:checked+label {
    background: #f3f9fd
}
.PanelChoice label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    margin-left: 0!important;
    margin-top: -60px;
    padding: 30px 25px 20px 60px;
    border: 2px solid #b7c7c8;
    border-radius: 10px;
    cursor: pointer
}
.PanelChoice label:hover {
    border-color: #80c7ed
}
.PanelChoice label span {
    display: block;
    font-weight: 400;
    margin-top: 5px
}
@media only screen and (max-width: 620px) {
    .Form--sticky .container {
        padding-top: 10px;
        padding-bottom: 0
    }
    .Form--sticky .col-4:last-child,
    .Form--sticky h2,
    .Form--sticky h5,
    .Form--sticky img {
        display: none
    }
    .Form--sticky .col-4 {
        margin-bottom: 2%
    }
    .Form--sticky h4 {
        width: auto
    }
    .Form--sticky fieldset {
        margin-bottom: 0
    }
    .Form--sticky input[type=submit].u-db {
        width: auto
    }
    .Form--sticky .Form-close {
        margin-right: 0;
        right: 3%;
        bottom: 2%;
        top: auto
    }
}
@media only screen and (max-width: 1230px) {
    .Form-close {
        margin-right: 0;
        right: 3%;
        top: 2%
    }
}
.Form-checkbox-nm input[type=checkbox] {
    margin: 0
}
.Form-checkbox-nm input[type=checkbox]+label {
    margin-bottom: 0;
    padding-right: 0
}
.rddtPopup.rddtAutoWidth {
    width: 250px;
    height: 250px
}
.Form--requests .sfDropdownList.sfFieldWrp {
    display: inline
}
.Form--requests .RadDropDownTree {
    width: 250px;
    margin-bottom: 10px
}
.Form--requests textarea {
    width: 500px
}
.Form--testimonial textarea {
    width: 100%;
    max-width: 370px
}
.Form--checkboxes-in-cols input[type=radio]+label,
.Form--checkboxes-in-cols input[type=checkbox]+label {
    width: 25%
}
.has-reveal {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.has-reveal .reveal-eye {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 2;
    width: 30px;
    background: #fff url(../img/dist/reveal-password-orange.png) 50% 50% no-repeat;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease 0s, visibility 0s linear .2s
}
.has-reveal .reveal-eye.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease 0s, visibility 0s linear 0s
}
.has-reveal .reveal-pass {
    position: absolute;
    left: 1px;
    right: 30px;
    top: 1px;
    bottom: 1px;
    z-index: 2;
    padding-left: 5px;
    background-color: #fff;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis
}
.FailedInput .has-reveal .reveal-pass {
    left: 6px
}
.has-reveal input::-ms-reveal {
    display: none
}
.FileUpload {
    position: relative
}
.FileUpload-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}
.oldie .FileUpload-input {
    top: -9999px;
    left: -9999px
}
.FileUpload-value {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}
.FileUpload-value--fancy {
    border-bottom: 1px dotted #ccc
}
.Faq {
    position: relative
}
.Faq h2 {
    margin-bottom: 60px
}
.Faq .sflistExpandAllLnkWrp {
    position: absolute;
    top: 50px;
    font-size: 13px;
    text-transform: lowercase
}
.Faq .sflistItemContent {
    margin: 25px 0 25px 32px
}
.Faq .sflistItemToggleLnk:before {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease
}
.Faq .sflistListItemExpanded:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}
.SelectJobFilters select {
    border: 1px solid transparent;
    color: #000
}
.SelectJobFilters select option {
    font-weight: 500
}
.SelectJobFilters select:hover {
    cursor: pointer
}
.SelectJobFilters select:focus {
    border: 1px solid #e6e6e6
}
.SelectJobFilters .OpenPositions {
    display: inline-block;
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif!important;
    margin-top: 10px
}
.Position-row {
    margin-bottom: 15px
}
.SingleJobPosition h1 {
    font: 40px/1.2 FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.SingleJobPosition h3 {
    font: 400 24px/1 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    margin-top: 15px;
    margin-bottom: 5px
}
.ie9 .OpenPositions,
.ie9 .SelectJobFilters select {
    font-weight: 500
}
.selectize-control {
    position: relative;
    width: 100%;
    max-width: 370px;
    z-index: 5
}
.selectize-control:hover,
.selectize-control:hover input {
    cursor: pointer
}
.selectize-control .selectize-input {
    position: relative;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 10px;
    height: 30px;
    z-index: 8;
    transition: .25s ease-in-out border-color;
    background: #fff
}
.selectize-control .selectize-input:hover .item {
    color: #BAE900!important
}
.selectize-control .selectize-input:hover .item:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJBAMAAAD0ltBnAAAAIVBMVEUAAAAEh8QEh8QEh8QEh8QEh8QEh8QEh8QEh8QEh8QEh8RHA0YAAAAACnRSTlMAn6iykLmZl5GAFYlzMQAAAC5JREFUCNdjQAWcAgwMTA4MzIsYGLQCGBikDJgXAkXZF0olgGS9VoAVMSrA1QMAhM8Enokqb+MAAAAASUVORK5CYII=)
}
.selectize-control .selectize-input.dropdown-active {
    border: 1px solid #e6e6e6;
    border-bottom: none
}
.selectize-control .selectize-input.dropdown-active input {
    display: none!important
}
.selectize-control .selectize-input.dropdown-active+.selectize-dropdown {
    visibility: visible!important;
    transform: translateY(0);
    opacity: 1
}
.selectize-control .selectize-dropdown {
    position: absolute;
    display: block!important;
    visibility: hidden!important;
    border: 1px solid #e6e6e6;
    border-top: none;
    z-index: 1;
    transform: translateY(-200px);
    opacity: 0;
    transition: .25s ease-in-out transform, .25s ease-in-out opacity
}
.selectize-control .selectize-dropdown .option {
    font-size: 18px;
    padding: 0 10px;
    line-height: 32px;
    background: #fff
}
.selectize-control .selectize-dropdown .option:hover {
    background: #f3f5f7
}
.selectize-control .item,
.selectize-control input {
    color: #000!important;
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    font-size: 24px;
    line-height: 1.2;
    white-space: nowrap
}
.selectize-control .item:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJBAMAAAD0ltBnAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMAn7SqpJiPp5GAWP8rIAAAAC5JREFUCNdjQAWcAgwM7AkMTIsZGKwUGBikFJgWAkVZF0oFgGSzVoAVsTjA1QMAhngEw5SdugwAAAAASUVORK5CYII=);
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-left: 5px;
    margin-top: -3px
}
.selectize-control input {
    padding: 0;
    border: none
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .SelectJobFilters select {
        font-weight: 500
    }
}
@media only screen and (max-width: 960px) {
    .AvailableJob .Text--xxl {
        font-size: 28px
    }
}
@media only screen and (max-width: 620px) {
    .AvailableJob .row>[class*=col-],
    .SelectJobFilters [class*=col-] {
        margin: 0
    }
}
.Tbl {
    margin-bottom: 20px;
    background: #fff
}
.Tbl td,
.Tbl th {
    padding: 18px 20px 16px;
    border: 1px solid #e1e5ea
}
.Tbl thead {
    background: #5f6977;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    position: relative
}
.Tbl thead th {
    border-color: #5f6977;
    border-right-color: #77828e
}
.Tbl thead th:last-child {
    border-right-color: #5f6977
}
.Tbl thead a {
    color: #fff;
    text-decoration: underline
}
.Tbl thead a:hover {
    color: #ccc
}
.Tbl tbody {
    border-bottom: 1px solid #e1e5ea
}
.Tbl tbody td,
.Tbl tbody th {
    border-bottom: #e1e5ea
}
.Tbl tbody tr:first-child td {
    border-top: #e1e5ea
}
.Tbl tbody tr:hover td {
    border-top: 1px solid #cce4ee;
    border-bottom: 1px solid #cce4ee;
    background: #e8f7fd
}
.Tbl tbody th {
    padding: 10px 20px 8px;
    font-size: 13px;
    color: #455160;
    background: #e1e5ea
}
.Tbl tbody .subheader th {
    padding-top: 15px;
    padding-bottom: 17px;
    background: #f6f7f9
}
.Tbl tbody .subheader th .Product:before {
    font-size: 30px;
    line-height: 1
}
.Tbl tbody .subheader th .Product:after {
    width: 30px;
    line-height: 30px
}
.Tbl--comparison td,
.Tbl--comparison th {
    text-align: center
}
.Tbl--comparison td:first-child,
.Tbl--comparison th:first-child {
    text-align: left
}
.TblAlt td,
.TblAlt th {
    text-align: center;
    padding-bottom: 10px
}
.TblAlt td:first-child,
.TblAlt th:first-child {
    text-align: right;
    padding-left: 10px;
    padding-right: 30px
}
.TblAlt caption {
    background: #0d89c3;
    color: #fff;
    line-height: 1.5;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 24px
}
.TblAlt caption+thead th {
    padding-top: 0
}
.TblAlt thead th {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background: #0d89c3;
    border-right: 1px solid #3f95be;
    border-right: 1px solid rgba(152, 171, 182, .36);
    padding-top: 10px
}
.TblAlt thead th:first-child:empty {
    background: inherit;
    border-bottom-color: #e1e5ea
}
.TblAlt thead th:last-child {
    border-right-color: #0d89c3
}
.TblAlt tbody td {
    padding-top: 20px;
    padding-bottom: 18px;
    border: 1px solid #e1e5ea
}
.Tbl--compact th {
    padding: 12px 20px 10px
}
.Tbl--compact td {
    padding: 10px 20px 8px
}
.Tbl--compact tbody {
    font-size: 13px
}
.Tbl--purchase {
    margin-bottom: 0;
    min-width: 755px
}
.Tbl--purchase col:first-child {
    width: 185px
}
@media only screen and (max-width: 770px) {
    .Tbl--purchase col:first-child {
        width: 140px
    }
}
.Tbl--purchase tbody {
    font-size: 12px
}
.Tbl--purchase tbody th {
    font-size: 14px;
    padding: 10px 10px 6px
}
.Tbl--purchase tbody td {
    padding: 8px 10px 4px;
    vertical-align: middle;
    border-left-color: transparent;
    border-right-color: transparent
}
.Tbl--purchase tbody td:first-child {
    border-color: #e1e5ea
}
.Tbl--purchase tbody td:last-child {
    border-right-color: #e1e5ea
}
.Tbl--purchase .dot {
    display: block;
    margin-top: -4px;
    font-size: 24px;
    line-height: .55;
    min-width: 160px
}
.Purchase-centered .Tbl--purchase .dot {
    min-width: 100px
}
.Tbl--purchase .Tooltip--text {
    margin-left: 0;
    font-weight: 400;
    border-bottom: none;
    text-align: left
}
.Tbl--purchase td,
.Tbl--purchase th {
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: auto!important
}
.Tbl--purchase td:first-child,
.Tbl--purchase th:first-child {
    text-align: left;
    width: 165px!important
}
@media only screen and (max-width: 920px) {
    .Tbl--purchase td:first-child,
    .Tbl--purchase th:first-child {
        width: 120px!important
    }
}
.dot {
    color: #30cf55!important;
    font-size: 21px!important;
    line-height: .75!important
}
.Table {
    margin-bottom: 20px
}
.Table td,
.Table th {
    padding: 5px 10px;
    border: 1px solid #e1e5ea
}
.Pricing-features .dot,
.Table--comparison .dot,
.UpgradeTable .dot {
    color: #08a9e0;
    font-size: 21px;
    line-height: 16px;
    -webkit-text-stroke: 1px
}
.Pricing-features .header--top th,
.Table--comparison .header--top th,
.UpgradeTable .header--top th {
    background-color: #0d89c3;
    border: 1px solid #3f95be;
    padding: 14px
}
.Pricing-features .header--top th h4,
.Table--comparison .header--top th h4,
.UpgradeTable .header--top th h4 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 13px
}
.Pricing-features .header--top th h3,
.Table--comparison .header--top th h3,
.UpgradeTable .header--top th h3 {
    color: #fff;
    font-size: 24px
}
.Pricing-features .header--inner th:first-child,
.Table--comparison .header--inner th:first-child,
.UpgradeTable .header--inner th:first-child {
    padding: 8px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    background-color: #e1e5ea;
    color: #455160
}
.Pricing-features td,
.Pricing-features th,
.Table--comparison td,
.Table--comparison th,
.UpgradeTable td,
.UpgradeTable th {
    text-align: center
}
.Pricing-features td:first-child,
.Pricing-features th:first-child,
.Table--comparison td:first-child,
.Table--comparison th:first-child,
.UpgradeTable td:first-child,
.UpgradeTable th:first-child {
    text-align: left
}
.Table--style1 {
    font-size: 14px
}
.Table--style1 thead td,
.Table--style1 thead th {
    border: 0;
    padding-bottom: 12px
}
.Table--style1 td,
.Table--style1 th {
    padding: 8px 0 7px;
    border-left: 0;
    border-right: 0;
    vertical-align: middle;
    text-align: left
}
.Table--style1 th {
    color: #000
}
.Table--style1.Table--comparison td,
.Table--style1.Table--comparison th {
    text-align: center
}
.Table--style1.Table--comparison td:first-child,
.Table--style1.Table--comparison th:first-child {
    padding-left: 5px;
    text-align: left
}
.Table-RowDivision td,
.Table-RowDivision th {
    background: #f3f5f7
}
.Table-RowALM td,
.Table-RowALM th,
.Table-RowCMS td,
.Table-RowCMS th,
.Table-RowDevCloud td,
.Table-RowDevCloud th,
.Table-RowDevTools td,
.Table-RowDevTools th {
    text-align: center;
    background: #059e1c;
    color: #fff
}
.Table-RowDevCloud td,
.Table-RowDevCloud th {
    background: #09c
}
.Table-RowALM td,
.Table-RowALM th {
    background: #fa8c21
}
.Table-RowCMS td,
.Table-RowCMS th {
    background: #5e70c8
}
.Table-top-align td {
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px
}
.Table-highlight-last td:last-child {
    background-color: #f3fcff
}
.Pricing-features.Pricing--col1 td {
    width: 81.5%
}
.Pricing--fluid .Pricing-head.Pricing--col1 td {
    width: 50%
}
.Pricing-features.Pricing--col2 td {
    width: 40.75%
}
.Pricing--fluid .Pricing-head.Pricing--col2 td {
    width: 33.333333333333336%
}
.Pricing-features.Pricing--col3 td {
    width: 27.166666666666668%
}
.Pricing--fluid .Pricing-head.Pricing--col3 td {
    width: 25%
}
.Pricing-features.Pricing--col4 td {
    width: 20.375%
}
.Pricing--fluid .Pricing-head.Pricing--col4 td {
    width: 20%
}
.Pricing-features.Pricing--col5 td {
    width: 16.3%
}
.Pricing--fluid .Pricing-head.Pricing--col5 td {
    width: 16.666666666666668%
}
.Pricing-head td {
    width: auto
}
.Pricing--fluid .Pricing-head {
    width: 100%;
    margin-left: 0
}
.Pricing-subtable {
    max-width: 985px
}
.Pricing-subtable td:first-child {
    width: 207px
}
.Pricing-subtable td:first-child+td {
    width: auto
}
.Pricing-heading {
    background-color: #f3f5f7;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e1e5ea;
    border-bottom: 0
}
.Pricing-heading h3,
.Pricing-heading h4,
.Pricing-heading h5,
.Pricing-heading h6 {
    margin-bottom: 0
}
.Pricing-head {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    background-color: #2a2d33;
    color: #cfd0d0
}
.Pricing--grey .Pricing-head {
    background-color: #e9eef4
}
.Pricing--grey .Pricing-head h5 {
    color: #555;
    font-size: 16px
}
.Pricing--grey .Pricing-head h3 {
    color: #1a1a1a;
    font-size: 33px;
    margin-bottom: 10px
}
.Pricing--grey .Pricing-head strong {
    color: #000;
    font-size: 20px
}
.Pricing-head h3 {
    color: #6bd0f4;
    font-size: 28px;
    margin-bottom: 2px
}
.Pricing-head h4 {
    color: #589fba;
    font-size: 16px;
    margin-bottom: 5px;
    min-height: 1em;
    font-weight: 700
}
.Pricing-head h5 {
    margin: 0;
    color: #cfd0d0;
    font-size: 16px;
    font-weight: 400;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing-head strong {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3
}
.Pricing-head tr:first-child td {
    padding-top: 30px
}
.Pricing-head tr:last-child td {
    padding-bottom: 30px
}
.Pricing-head td {
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    border-left: 1px solid #fff
}
.Pricing-head td:first-child {
    border-left: none
}
.Pricing-head .Label {
    color: #e0e0e0;
    margin-top: 20px
}
.Pricing-head .Btn {
    margin-top: 20px;
    font: 400 20px MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif
}
.Pricing-head--small h3 {
    margin-bottom: 10px;
    font-size: 20px
}
.Pricing-head--small .Pricing-head-price td {
    padding-top: 5px;
    padding-bottom: 5px
}
.Pricing-head--small .Btn {
    margin-top: 10px
}
.Pricing-head-price td {
    line-height: 1;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing-head-price em {
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing--highlight {
    position: relative
}
.Pricing-badge-wrap {
    position: relative;
    margin: -30px -10px 30px
}
.Pricing-badge {
    position: absolute;
    display: block;
    background-color: #2a2d33;
    top: -23px;
    left: 0;
    right: 0;
    padding: 20px 0 0;
    color: #fff;
    font-weight: 700
}
.Pricing-head tr:first-child td.Highlight--circle {
    padding-top: 70px
}
.Highlight--circle .Pricing-badge {
    top: -87px;
    left: 50%;
    width: 74px;
    height: 34px;
    margin-left: -47px;
    padding: 30px 10px;
    border-radius: 50%;
    background: #ee5315;
    font: 400 16px/1.2 MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif
}
.Highlight--circle .Pricing-badge span {
    font-size: 20px;
    font-weight: 400;
    line-height: 1
}
.Highlight--mp .Pricing-badge {
    color: #2a2d33;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.Highlight--mp .Pricing-badge:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 72px;
    height: 72px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAY1BMVEUAAADvxb/cTzTISDD99vX44+HDRy/lUzflUzf////nf2/67eviUjbhopnJWUbnY03ZiHzupZvqjX/TTDLTeWzz0MvrmY3jrabncV712tbOalreYErturPxsajqr6falYv89PM5GEJkAAAACHRSTlMA////////ONDKAyEAAAJSSURBVFjDrdTZbqQwEAXQMl6Gi8Ft9qWh8/9/OTaZqEeyolKissRDvRzhWxfoTy1zSEoiKYmkJJKSSEoiKYl+IlW6+h7ipPY/x3345luIkVodvqjRdcDMQG+pcKx9/HNOKAxjxUK3VDrw9vNeCt0+62luWChLpdMHc+VhQdeZqAzMg4FKaUwO1g9c93WewXujZvRVy0Cl9ELfG/gwxUwNUMeJzh3xyUClNNT1I047cO99cx3OcAKmZ6Ey8SpYXIO6k2mgnMI8rBgKiJXGDlfSsORkhupIVWqdPQuIlaoVdaU7LC4n00YMrT5wjlUBcVLE5KLxKZ+czNOs7rA44toVECcpWJipg8eSpj5N6A/jjSogTlquV+hgw2ranPj12uqIpcFSQJzUpoxg4wx95FHHbfSqbsKrgDjpaey2A+tkzpz/vuvT5K9GFRAnNY/0TJMxTZUnY41Pu1zfErHS++jbcUPuuJq3Ks0eqoB4ye3ZyS3IJzv20ZcQL2lcY3KU2/J0O9+EzXXcz+6VnO7ee7u/nQLiEje4nU9hezsFxEmPpbkd/sfGN/PLaRmIb6bJTju6JwPxOanMHAo9A/FSp8ML3nsG4qWwGqwxvVHLQJw0mNna3dajfjIQ24I2eAyjU75hILbjwezJgTcbA/GJx+QoPc8MxEvJMTZay0F84lABxjcsxEs6Yii29qvErS969Dup7zmIl8pDUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSX8B9WpZ3/2ge78AAAAASUVORK5CYII=);
    background-position: 100% 0;
    background-repeat: no-repeat
}
.Pricing-features .justline th,
.UpgradeTable .justline th,
.UpgradeTable th {
    font-size: 16px;
    background-color: #ebeef1;
    vertical-align: top;
    padding: 20px
}
.Pricing-features .justline th .u-db,
.UpgradeTable .justline th .u-db,
.UpgradeTable th .u-db,
.UpgradeTable th span {
    font-weight: 400;
    color: #666
}
.Pricing-features,
.UpgradeTable {
    width: 100%;
    font-size: 12px;
    border: 1px solid #e1e5ea
}
@media only screen and (max-width: 620px) {
    .Pricing-features,
    .UpgradeTable {
        table-layout: auto!important;
        margin-left: -5.5%;
        width: 111.111111%;
        border: 0
    }
}
.Pricing-features td,
.Pricing-features th,
.UpgradeTable td,
.UpgradeTable th {
    padding: 5px
}
.Pricing-features th,
.UpgradeTable th {
    background-color: #f3f5f7;
    color: #000;
    border-top: 1px solid #e1e5ea;
    border-bottom: 1px solid #e1e5ea;
    padding-left: 10px
}
@media only screen and (max-width: 620px) {
    .Pricing-features th:first-child,
    .UpgradeTable th:first-child {
        padding-left: 2px;
        padding-right: 0!important
    }
}
.Pricing-features td,
.UpgradeTable td {
    border-bottom: 1px solid #e1e5ea
}
.Pricing-features td:first-child,
.UpgradeTable td:first-child {
    padding-left: 10px;
    border-right: 1px solid #e1e5ea
}
@media only screen and (max-width: 620px) {
    .Pricing-features td:first-child,
    .UpgradeTable td:first-child {
        padding-left: 2px;
        padding-right: 0!important
    }
}
.Pricing-features td .u-tac,
.UpgradeTable td .u-tac {
    text-align: center
}
.Pricing-features td .u-tal,
.UpgradeTable td .u-tal {
    text-align: left
}
.Pricing-features--light {
    background: #fff
}
@media only screen and (max-width: 620px) {
    .Pricing-features--light {
        table-layout: auto
    }
}
.Pricing-features--light .caption {
    padding-top: 30px;
    padding-bottom: 30px
}
.Pricing-features--light th {
    padding: 16px 20px;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.6;
    vertical-align: bottom;
    border-top: 0
}
.Pricing-features--light td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #e1e1e1
}
.Pricing-features--light td.u-tac,
.Pricing-features--light th.u-tac {
    text-align: center
}
.Pricing-features--light td.u-tar,
.Pricing-features--light th.u-tar {
    padding-right: 16px;
    text-align: right
}
@media only screen and (max-width: 770px) {
    .Pricing-features--light td.u-tar,
    .Pricing-features--light th.u-tar {
        text-align: center
    }
}
.Pricing-features--light td.u-vab,
.Pricing-features--light th.u-vab {
    vertical-align: bottom
}
@media only screen and (max-width: 770px) {
    .Pricing-features--light td,
    .Pricing-features--light th {
        padding-left: 0;
        padding-right: 0;
        font-size: 10px
    }
}
.Pricing-features--light .Pricing-head th {
    border-bottom: 0;
    background: #2a2d33
}
.Pricing-features--light .Pricing-head .h3,
.Pricing-features--light .Pricing-head h3 {
    font-size: 20px
}
@media only screen and (max-width: 620px) {
    .Pricing-features--light .Pricing-head .h3,
    .Pricing-features--light .Pricing-head h3 {
        font-size: 16px
    }
}
.Pricing-features--light .Pricing-head strong {
    display: block;
    margin-bottom: 10px;
    font-size: inherit;
    font-weight: 700
}
.Pricing-features--vice {
    font-size: 13px
}
.Pricing-features--vice .caption {
    padding-top: 25px;
    padding-bottom: 25px
}
.Pricing-features--vice .Pricing-header {
    border-right-color: #3f95be
}
.Pricing-features--vice th {
    padding-top: 0;
    padding-bottom: 10px;
    line-height: 1.5;
    background-color: #0d89c3!important
}
.Pricing-features--vice th:last-child {
    border-right: 1px solid #0d89c3
}
.Pricing-features--vice td {
    padding-top: 20px;
    padding-bottom: 20px
}
.Pricing-features--vice strong {
    margin-bottom: 5px!important;
    font: 400 18px FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif!important
}
.Pricing-header {
    border-right: 1px solid #585c63
}
.Pricing-master>div {
    max-width: 985px;
    width: 100%;
    overflow-y: visible;
    padding-top: 48px;
    margin-top: -48px
}
.Pricing-master .Pricing-wrapper {
    padding-left: 185px
}
.Pricing-master .Pricing-features-wrapper {
    width: auto
}
.Pricing-master .Pricing-features .header,
.Pricing-master .Pricing-features .header--large {
    background-color: #f3f5f7
}
.Pricing-master .Pricing-features td {
    border-top: 1px solid #e1e5ea;
    border-bottom: 0;
    height: auto;
    line-height: 1
}
.Pricing-master--full>div {
    max-width: 100%
}
.Pricing-master--full .Pricing-features-wrapper,
.Pricing-master--full .Pricing-wrapper {
    padding-left: 0
}
.Pricing-master--full .Pricing-features {
    width: 100%;
    margin-left: 0
}
.Pricing-master--vice>div {
    max-width: 100%
}
.Pricing-master--vice .Highlight--mp .Pricing-badge,
.Pricing-master--vice .Pricing-head {
    background-color: #183548
}
.Pricing-master--vice .Highlight--mp .Pricing-badge {
    color: #183548
}
.Pricing-master--vice .Pricing-head td {
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing-master--vice .Pricing-head h3 {
    font-size: 24px;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.Pricing-master--vice .Pricing-head h4 {
    color: #6bd0f4;
    font-size: 18px;
    font-weight: 400;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing-master--vice .Pricing-head strong {
    line-height: 1;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.Pricing-master--vice .Pricing-head .Btn {
    margin-top: 0
}
.Pricing-master--vice .Pricing-features {
    font-size: 13px
}
.Pricing-master--vice .Pricing-features b {
    color: #000
}
.Pricing-master--vice .Pricing-features td {
    line-height: normal
}
.Pricing-master--vice .Pricing-features .Label {
    font-size: 11px
}
.Pricing-master--vice .dot {
    color: #30cf55
}
.Pricing-master--vice .Product {
    font-size: 18px;
    font-weight: 400
}
.Pricing-master--vice .Pricing-features .header {
    height: 32px;
    background-color: #ccd2da
}
.Pricing-master--vice .Pricing-features .header>th {
    height: 18px;
    background-color: #ccd2da;
    padding-top: 8px
}
.Pricing-master--vice .Pricing-features .header--large {
    height: 51px
}
.Pricing-master--vice .Pricing-features .header--large>th {
    height: 40px
}
.Pricing-master--vice .Pricing-features .header--large .Product {
    margin-top: 5px;
    line-height: 22px
}
.Pricing-master--vice .Pricing-features .header--large .Product:before {
    font-size: 30px;
    line-height: 1
}
.Pricing-master--vice .Pricing-features .header--large .Product:after {
    width: 30px;
    line-height: 30px;
    top: -6px
}
.Pricing-master--vice .justline:hover td {
    background-color: #e8f7fd
}
.Pricing-master--vice .Tooltip-info {
    width: 220px
}
.Pricing-master--vice .justline .Tooltip-info {
    width: 200px
}
.Pricing-master--vice .justline .Tooltip--text {
    margin: 0;
    font-weight: 400;
    border-bottom: none;
    text-align: left
}
@media only screen and (min-width: 1000px) {
    .Pricing-master--vice .Pricing-btns .Btn {
        min-width: 160px
    }
    .Pricing-master--vice .Pricing-prim-button .Btn {
        min-width: 160px
    }
}
.Pricing-addInfo p {
    color: #5ab1d2;
    font-size: 16px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing-addInfo .Tooltip--text {
    font-size: 19px;
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    font-weight: 400;
    border-bottom-color: #116792
}
.Pricing-addInfo .Tooltip-info {
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    font-size: 15px
}
.Pricing-addInfo .List .List {
    margin-top: 5px
}
.Pricing-addInfo>.List>li:first-child {
    min-height: 70px
}
.badge-animation-helper {
    padding-top: 23px
}
.Pricing-master .Pricing-features td:first-child {
    margin-top: 0;
    width: 16%;
    min-width: 185px
}
.Pricing-features--grid {
    table-layout: fixed
}
.Pricing-features--grid td {
    width: 16.7%;
    padding: 10px
}
.Pricing-features--grid td.Pricing-head {
    padding: 20px 0!important
}
.Pricing-features--grid th {
    margin: 0;
    padding: 10px 0;
    background: #000;
    color: #6bd0f4
}
.Pricing-features--grid.Pricing-features--quart td {
    width: 25%
}
.Pricing-features--grid-2 {
    margin-left: 33.3333%;
    width: 66.6666%
}
.Pricing-features--grid-3 {
    margin-left: 50%;
    width: 50%
}
.Pricing-features--grid-4 {
    margin-left: 25%;
    width: 75%
}
.Pricing-features--grid-5 {
    margin-left: 20%;
    width: 80%
}
td mark {
    display: inline-block;
    padding: 4px 5px 0;
    margin-left: 3px;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    background: #fff
}
.Pricing-switcher {
    text-align: center;
    margin-bottom: 70px;
    font-size: 0;
    line-height: 1
}
.Pricing-switcher a {
    display: inline-block;
    width: 15em;
    padding: .66em 0;
    background-color: #fff;
    margin-left: -1px;
    margin-top: -1px;
    border: 2px solid #e1e5ea;
    position: relative;
    font-size: 20px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Pricing-switcher a:first-child {
    border-radius: 2px 0 0 2px
}
.Pricing-switcher a:last-child {
    border-radius: 0 2px 2px 0
}
.Pricing-switcher a:focus,
.Pricing-switcher a:hover {
    outline: 0;
    text-decoration: none
}
.Pricing-switcher a:focus span,
.Pricing-switcher a:hover span {
    text-decoration: underline
}
.Pricing-switcher a.is-active span {
    text-decoration: none
}
.Pricing-switcher b,
.Pricing-switcher strong {
    display: block;
    color: #555;
    font-size: 14px;
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    line-height: 18px;
    text-transform: uppercase
}
.Pricing-switcher .is-active {
    color: #555;
    background-color: #e1e5ea;
    pointer-events: none
}
.Pricing-switcher .is-active:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -25px;
    border-width: 12px;
    border-color: #e1e5ea transparent transparent;
    border-style: solid
}
.Pricing-switcher.Pricing--ts a {
    width: 220px
}
.Pricing-switcher.Pricing--small a {
    font-size: 12px;
    padding: 15px 18px;
    width: auto
}
.VolumeDiscount .Text {
    display: inline-block;
    vertical-align: bottom
}
.VolumeDiscount .Image {
    display: inline-block;
    height: 130px;
    vertical-align: bottom;
    overflow: hidden
}
.VolumeDiscount .discount {
    margin-top: 30px
}
.VolumeDiscount .discount--xs {
    margin-top: 50px
}
.PricingBtnWrap {
    margin-bottom: 20px
}
.PricingBtnWrap div,
.PricingBtnWrap h5 {
    display: inline
}
.PricingBtnWrap p {
    margin: 0;
    padding: 0
}
.PricingBtnWrap span {
    display: inline-block
}
.RadDockZone .PricingBtnWrap div {
    display: block
}
.Pricing--vat {
    vertical-align: top
}
.Pricing--vat td {
    vertical-align: top
}
.Pricing--font-inherit {
    font-size: inherit
}
.Pricing--font-inherit td {
    font-size: inherit
}
.header--1 th {
    background-color: #e1e5ea;
    font-size: 16px
}
.Pricing-cross-sell .Pricing-head {
    table-layout: fixed
}
.Pricing-cross-sell .Pricing-head td:first-child {
    width: 300px
}
.Pricing-cross-sell .Pricing-features td:first-child+td {
    width: 300px
}
.Pricing-cross-sell .Highlight--circle>.Pricing-badge-wrap:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #2a2d33;
    height: 69px;
    width: 100%;
    top: -69px;
    left: 0
}
.Pricing-cross-sell .Pricing-badge {
    top: -116px;
    font-size: 14px;
    padding-top: 20px;
    height: 44px;
    padding-left: 20px;
    padding-right: 20px;
    width: 54px
}
@media only screen and (max-width: 990px) {
    .Pricing-head h3 {
        font-size: 20px
    }
    .Pricing-head strong {
        font-size: 18px
    }
    .Pricing-features--light .Pricing-head strong {
        font-size: inherit
    }
}
@media only screen and (max-width: 1140px) {
    .Pricing-addInfo>p {
        min-height: 60px
    }
}
@media only screen and (max-width: 1060px) {
    .Pricing-addInfo .Tooltip--text {
        font-size: inherit
    }
    .Pricing-addInfo>p {
        min-height: 75px
    }
}
@media only screen and (max-width: 940px) {
    .Pricing-subtable {
        margin-left: -5.5%;
        width: 111%
    }
    .Pricing-subtable>.Pricing-features>tbody>tr>td:first-child {
        width: 19%
    }
    .Pricing-master {
        position: relative;
        margin-left: -5.5%;
        width: 111%
    }
    .Pricing-master:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 10px;
        background: linear-gradient(to right, transparent, rgba(0, 0, 0, .2))
    }
    .Pricing-master>div {
        overflow-x: scroll
    }
    .Pricing-master .Pricing-master>div {
        overflow-x: inherit
    }
    .Pricing-master .Pricing-master:after {
        display: none
    }
    .Pricing-master .Pricing-features,
    .Pricing-master table.Pricing-head {
        min-width: 630px
    }
    .Pricing-master .Pricing-features.Pricing--col1,
    .Pricing-master table.Pricing-head.Pricing--col1 {
        min-width: 260px
    }
    .Pricing-master .Pricing-features.Pricing--col5,
    .Pricing-master table.Pricing-head.Pricing--col5 {
        min-width: 705px
    }
    .Pricing-master .Pricing-features.Pricing--col1 {
        min-width: 445px
    }
    .Pricing-master .Pricing-features.Pricing--col3,
    .Pricing-master .Pricing-features.Pricing--col4 {
        min-width: 815px
    }
    .Pricing-master .Pricing-features.Pricing--col5 {
        min-width: 890px
    }
    .Pricing-switcher a {
        font-size: 14px
    }
    .Pricing-head tr:first-child td {
        padding-top: 12px
    }
    .Pricing-head tr:last-child td {
        padding-bottom: 12px
    }
    .Pricing-head .Label {
        font-size: 11px;
        margin-top: 1em
    }
    .Pricing-head .Btn {
        margin-top: 8px
    }
    .Pricing-head h4 {
        min-height: initial
    }
    .Pricing-badge {
        top: -19px
    }
    .Pricing-head-price td {
        padding-top: 6px;
        padding-bottom: 6px
    }
    .Pricing-master.Pricing-master--vice {
        margin-left: 0;
        width: 100%
    }
    .Pricing-master table.Pricing-head {
        min-width: 630px
    }
    .Pricing-addInfo>p {
        min-height: 70px
    }
    .Pricing-master--vice .Pricing-head.Pricing--col3,
    .Pricing-master--vice .Pricing-head.Pricing--col4 {
        min-width: 815px
    }
    .Pricing-master--vice .Pricing-features.Pricing--col3,
    .Pricing-master--vice .Pricing-features.Pricing--col4 {
        min-width: 1000px
    }
}
@media only screen and (max-width: 720px) {
    .pricing-teaser--vice {
        width: 100%!important
    }
}
@media only screen and (max-width: 620px) {
    .Pricing-subtable tr {
        display: table;
        width: 100%
    }
    .Pricing-subtable tr td {
        padding: 5px 1px
    }
    .Pricing-subtable tr td:first-child {
        display: table-caption;
        text-align: center;
        width: 100%!important;
        border-right: 0
    }
    .Pricing-subtable tr td:first-child:empty {
        display: none
    }
}
@media only screen and (max-width: 960px) {
    .Pricing-prim-button.col-6.col--offset-3 {
        width: 100%;
        margin-left: 0
    }
}
.ie8 td.Pricing-btns {
    padding-bottom: 30px
}
.Purchase {
    table-layout: fixed;
    background: #183548;
    min-width: 615px;
    font-size: 14px;
    line-height: 1.33
}
.Purchase td {
    color: #cdd1d4;
    text-align: center;
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif
}
.Purchase td:first-child {
    border-left: 0
}
.Purchase tr:first-child td {
    padding-top: 30px
}
.Purchase tr:last-child td {
    padding-bottom: 30px
}
.Purchase .Purchase-price td {
    padding-top: 20px;
    padding-bottom: 20px
}
.Purchase>* {
    color: #fff
}
.Purchase h3 {
    color: #6bd0f4;
    font-size: 24px;
    margin-bottom: 0;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.Purchase h4 {
    color: #6bd0f4;
    font-size: 18px;
    font-weight: 400;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    margin-bottom: .33em;
    min-height: 1em
}
.Purchase h5 {
    margin: 0;
    color: #cfd0d0;
    font-size: 13px;
    font-weight: 400
}
.Purchase strong {
    line-height: 1;
    font-size: 30px;
    font-weight: 400;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    color: #fff
}
.Purchase span {
    font-size: 14px;
    color: #fff
}
.Purchase .Btn {
    font: 400 20px MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif
}
.Purchase-offset {
    margin-left: 185px
}
@media only screen and (max-width: 920px) {
    .Purchase-offset {
        margin-left: 140px
    }
}
.Purchase-compact h3 {
    font-size: 22px
}
.Purchase-centered {
    max-width: 985px
}
.Purchase-wrap {
    position: relative;
    min-width: 800px
}
@media only screen and (max-width: 920px) {
    .Purchase-wrap {
        margin-left: -5.5%;
        width: 111%
    }
}
@media only screen and (max-width: 840px) {
    .Purchase-wrap {
        overflow-x: scroll;
        padding-top: 23px;
        min-width: initial
    }
}
.Purchase-info {
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #e0e0e0;
    margin-top: 20px
}
.Purchase-info p {
    color: #5ab1d2
}
.Purchase-info>.List>li:first-child {
    min-height: 70px
}
.Purchase-info .Tooltip--text {
    font-size: 16px;
    border-bottom-color: #116792
}
.Purchase-info .List .List {
    margin-top: 5px
}
.Purchase .Pricing-head-price td {
    padding-top: 30px;
    padding-bottom: 22px
}
.Purchase-badge-wrap {
    position: relative;
    margin: -30px -10px 30px
}
.Purchase .Highlight--circle .Purchase-badge {
    top: -78px;
    left: 50%;
    width: 76px;
    height: 34px;
    margin-left: -47px;
    padding: 30px 9px;
    border-radius: 50%;
    background: #ee5315;
    font-weight: 400;
    color: #fff;
    font: 400 16px/1.2 MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif
}
.Purchase .Highlight--circle .Purchase-badge:before {
    display: none
}
.Purchase-badge {
    color: #183548;
    background-color: #183548;
    position: absolute;
    display: block;
    top: -23px;
    left: 0;
    right: 0;
    padding: 20px 0 0;
    font-weight: 700
}
.Purchase-badge span {
    font-size: 22px;
    font-weight: 400;
    line-height: 1
}
.Highlight--mp .Purchase-badge {
    font-size: 0;
    padding-bottom: 10px!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.Purchase-badge:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 72px;
    height: 72px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAY1BMVEUAAADvxb/cTzTISDD99vX44+HDRy/lUzflUzf////nf2/67eviUjbhopnJWUbnY03ZiHzupZvqjX/TTDLTeWzz0MvrmY3jrabncV712tbOalreYErturPxsajqr6falYv89PM5GEJkAAAACHRSTlMA////////ONDKAyEAAAJSSURBVFjDrdTZbqQwEAXQMl6Gi8Ft9qWh8/9/OTaZqEeyolKissRDvRzhWxfoTy1zSEoiKYmkJJKSSEoiKYl+IlW6+h7ipPY/x3345luIkVodvqjRdcDMQG+pcKx9/HNOKAxjxUK3VDrw9vNeCt0+62luWChLpdMHc+VhQdeZqAzMg4FKaUwO1g9c93WewXujZvRVy0Cl9ELfG/gwxUwNUMeJzh3xyUClNNT1I047cO99cx3OcAKmZ6Ey8SpYXIO6k2mgnMI8rBgKiJXGDlfSsORkhupIVWqdPQuIlaoVdaU7LC4n00YMrT5wjlUBcVLE5KLxKZ+czNOs7rA44toVECcpWJipg8eSpj5N6A/jjSogTlquV+hgw2ranPj12uqIpcFSQJzUpoxg4wx95FHHbfSqbsKrgDjpaey2A+tkzpz/vuvT5K9GFRAnNY/0TJMxTZUnY41Pu1zfErHS++jbcUPuuJq3Ks0eqoB4ye3ZyS3IJzv20ZcQL2lcY3KU2/J0O9+EzXXcz+6VnO7ee7u/nQLiEje4nU9hezsFxEmPpbkd/sfGN/PLaRmIb6bJTju6JwPxOanMHAo9A/FSp8ML3nsG4qWwGqwxvVHLQJw0mNna3dajfjIQ24I2eAyjU75hILbjwezJgTcbA/GJx+QoPc8MxEvJMTZay0F84lABxjcsxEs6Yii29qvErS969Dup7zmIl8pDUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSSQlkZREUhJJSX8B9WpZ3/2ge78AAAAASUVORK5CYII=);
    background-position: 100% 0;
    background-repeat: no-repeat
}
.Purchase .Pricing--highlight.Highlight--circle,
.Purchase .Pricing--highlight.Highlight--circle~td {
    padding-top: 60px
}
tr:last-child .Pricing--highlight.Highlight--circle,
tr:last-child .Pricing--highlight.Highlight--circle~td {
    padding-top: 0
}
.UpgradeTable {
    margin-bottom: 20px;
    min-width: initial!important
}
.UpgradeTable td:first-child {
    width: auto
}
.UpgradeFooter {
    margin-top: 20px;
    padding: 20px 0
}
.PurchaseOrders {
    position: relative;
    background: url(/img/dist/bg-purchase-orders.jpg) 50% 0 no-repeat;
    height: 600px;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 70px
}
.PurchaseOrders h4 {
    font-size: 16px;
    font-weight: 700
}
.PurchaseOrders>div {
    position: absolute;
    width: 250px;
    left: 50%
}
.PurchaseOrders-1,
.PurchaseOrders-3,
.PurchaseOrders-5 {
    text-align: right
}
.PurchaseOrders-1 {
    top: 0;
    margin-left: -550px
}
.PurchaseOrders-2 {
    top: 20px;
    margin-left: 280px
}
.PurchaseOrders-3 {
    top: 140px;
    margin-left: -550px
}
.PurchaseOrders-4 {
    top: 120px;
    margin-left: 250px
}
.PurchaseOrders-5 {
    top: 390px;
    margin-left: -550px
}
.PurchaseOrders-6 {
    top: 590px;
    margin-left: -200px;
    width: 420px!important
}
.PurchaseOrders-7 {
    top: 590px;
    margin-left: 150px;
    width: 320px!important
}
.elevate img,
.elevate:empty {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .15)
}
.Timeline {
    position: relative;
    width: 100%;
    max-width: 2100px;
    margin-left: 0;
    margin-right: 45px;
    list-style-type: none;
    padding-left: 170px;
    padding-right: 270px;
    background: url(../img/dist/timeline-arrow.png) no-repeat right 154px
}
@media only screen and (max-width: 1230px) {
    .Timeline {
        padding-right: 250px;
        padding-left: 110px
    }
}
@media only screen and (min-width: 2000px) {
    .Timeline {
        margin: 0 auto
    }
}
.Timeline:before {
    content: "";
    position: absolute;
    left: -200%;
    right: 200px;
    top: 154px;
    display: block;
    border-width: 2px 0;
    border-style: solid;
    border-color: #fff;
    height: 118px
}
.Timeline li {
    padding-top: 276px;
    position: relative;
    width: 87px
}
@media only screen and (max-width: 2000px) {
    .Timeline li:nth-child(even) h4 {
        padding-top: 135px
    }
}
.Timeline li h4 {
    line-height: .8;
    position: relative;
    margin-bottom: 0;
    padding-top: 50px
}
.Timeline li h4:before {
    position: absolute;
    bottom: 45px;
    top: 0;
    left: 42px;
    content: "";
    width: 2px;
    background: #fff;
    display: block
}
.Timeline li p {
    position: relative;
    font-size: 20px;
    line-height: 1;
    margin-left: -45px;
    margin-right: -45px
}
.Timeline li img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: none;
    z-index: 1
}
.Timeline li:first-child img {
    left: auto;
    right: -185%;
    z-index: 0
}
.Timeline li:nth-child(5) img,
.Timeline li:nth-child(7) img {
    z-index: 2
}
@media only screen and (max-width: 1150px) {
    .Timeline {
        background: 0 0;
        margin: 40px 0 0 25%;
        padding-left: 0;
        padding-right: 20px;
        padding-bottom: 10px;
        border-left: 3px solid #fff;
        width: auto
    }
    .Timeline:before {
        content: "";
        display: block;
        position: absolute;
        width: 9px;
        height: 9px;
        top: -8px;
        left: -6px;
        border-radius: 50%;
        border: 0;
        background: #fff
    }
    .Timeline:after {
        content: "▼";
        display: block;
        width: 10px;
        height: 10px;
        font-size: 22px;
        left: -12.5px;
        bottom: 9px;
        position: absolute;
        font-weight: 700;
        color: #fff
    }
    .Timeline .Justify-item,
    .Timeline.Justify {
        display: block
    }
    .Timeline li {
        padding-top: 0;
        width: 100%;
        text-align: left
    }
    .Timeline li h4 {
        padding-left: 30px;
        padding-top: 0!important;
        float: left;
        width: 60px;
        font-size: 22px!important;
        line-height: 1
    }
    .Timeline li h4:before {
        top: 9px;
        left: 0;
        position: absolute;
        width: 20px;
        height: 1px
    }
    .Timeline li p {
        margin-top: 23px;
        margin-left: 90px;
        margin-right: 0;
        font-size: 18px
    }
    .Timeline li img {
        display: none
    }
}
@media only screen and (max-width: 620px) {
    .Timeline {
        margin-left: 10%
    }
}
.Timeline.is-triggered li {
    opacity: 1!important;
    transition: opacity 1s
}
.Timeline.is-triggered li:nth-child(1) {
    transition-delay: .1s
}
.Timeline.is-triggered li:nth-child(2) {
    transition-delay: .2s
}
.Timeline.is-triggered li:nth-child(3) {
    transition-delay: .3s
}
.Timeline.is-triggered li:nth-child(4) {
    transition-delay: .4s
}
.Timeline.is-triggered li:nth-child(5) {
    transition-delay: .5s
}
.Timeline.is-triggered li:nth-child(6) {
    transition-delay: .6s
}
.Timeline.is-triggered li:nth-child(7) {
    transition-delay: .7s
}
.Timeline.is-triggered li:nth-child(8) {
    transition-delay: .8s
}
.Timeline.is-triggered li:nth-child(9) {
    transition-delay: .9s
}
.ie8 .Timeline li:first-child+li h4,
.ie8 .Timeline li:first-child+li+li+li h4,
.ie8 .Timeline li:first-child+li+li+li+li+li h4,
.ie8 .Timeline li:first-child+li+li+li+li+li+li+li h4 {
    padding-top: 135px
}
.u-db {
    display: block
}
.u-dbi {
    display: block
}
.u-dn {
    display: none
}
.u-dib {
    display: inline-block
}
.u-pr {
    position: relative!important
}
.u-ps {
    position: static!important
}
.u-pa {
    position: absolute!important
}
.u-vat {
    vertical-align: top!important
}
.u-vam {
    vertical-align: middle!important
}
.u-vab {
    vertical-align: bottom!important
}
.u-tal {
    text-align: left!important
}
.u-tar {
    text-align: right!important
}
.u-tac {
    text-align: center!important
}
.u-ttu {
    text-transform: uppercase!important
}
.u-tdn:active,
.u-tdn:focus,
.u-tdn:hover {
    text-decoration: none
}
.u-fl {
    float: left!important
}
.u-fr {
    float: right!important
}
.u-full {
    width: 100%!important
}
.u-half {
    width: 50%!important
}
.u-wa {
    width: auto!important
}
.u-ha {
    height: auto!important
}
.u-full-size img {
    width: 100%!important
}
.u-mw {
    max-width: 100%!important
}
.u-mw img {
    max-width: 100%!important
}
.u-mwn {
    max-width: none!important
}
.u-mwn img {
    max-width: none!important
}
.u-minwn {
    min-width: 0!important
}
.u-nbt {
    border-top: none!important
}
.u-nbb {
    border-bottom: none!important
}
.u-nbr {
    border-right: none!important
}
.u-nbl {
    border-left: none!important
}
.u-pen {
    pointer-events: none!important
}
.u-wsn {
    white-space: nowrap!important
}
.u-lsn {
    letter-spacing: normal!important
}
.u-lh1 {
    line-height: 1!important
}
.u-bsn {
    box-shadow: none!important
}
.u-ff-base {
    font-family: Arial, Helvetica, sans-serif!important
}
.u-ff-sans0 {
    font-family: MetricWeb-Light, Arial, Gadget, sans-serif!important
}
.u-ff-sans1 {
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif!important
}
.u-ff-sans2 {
    font-family: MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif!important
}
.u-ff-sans3 {
    font-family: MetricWeb-Medium, Arial, Gadget, sans-serif!important
}
.u-ff-slab1 {
    font-family: FaktSlabPro-Light, Arial, Helvetica, sans-serif!important
}
.u-ff-slab2 {
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif!important
}
.u-ff-slab3 {
    font-family: FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif!important
}
.u-nm {
    margin: 0!important
}
.u-ma {
    margin: 0 auto!important
}
.u-np {
    padding: 0!important
}
.u-bn {
    background: 0 0!important
}
.u-fwb {
    font-weight: 700
}
.u-fwn {
    font-weight: 400
}
.u-p0 {
    padding: 0!important
}
.u-p1 {
    padding: 10px!important
}
.u-p2 {
    padding: 20px!important
}
.u-p3 {
    padding: 30px!important
}
.u-p4 {
    padding: 40px!important
}
.u-p5 {
    padding: 50px!important
}
.u-p6 {
    padding: 60px!important
}
.u-p7 {
    padding: 70px!important
}
.u-p8 {
    padding: 80px!important
}
.u-p9 {
    padding: 90px!important
}
.u-p10 {
    padding: 100px!important
}
.u-pt0 {
    padding-top: 0!important
}
.u-pt1 {
    padding-top: 10px!important
}
.u-pt2 {
    padding-top: 20px!important
}
.u-pt3 {
    padding-top: 30px!important
}
.u-pt4 {
    padding-top: 40px!important
}
.u-pt5 {
    padding-top: 50px!important
}
.u-pt6 {
    padding-top: 60px!important
}
.u-pt7 {
    padding-top: 70px!important
}
.u-pt8 {
    padding-top: 80px!important
}
.u-pt9 {
    padding-top: 90px!important
}
.u-pt10 {
    padding-top: 100px!important
}
.u-pr0 {
    padding-right: 0!important
}
.u-pr1 {
    padding-right: 10px!important
}
.u-pr2 {
    padding-right: 20px!important
}
.u-pr3 {
    padding-right: 30px!important
}
.u-pr4 {
    padding-right: 40px!important
}
.u-pr5 {
    padding-right: 50px!important
}
.u-pr6 {
    padding-right: 60px!important
}
.u-pr7 {
    padding-right: 70px!important
}
.u-pr8 {
    padding-right: 80px!important
}
.u-pr9 {
    padding-right: 90px!important
}
.u-pr10 {
    padding-right: 100px!important
}
.u-pb0 {
    padding-bottom: 0!important
}
.u-pb1 {
    padding-bottom: 10px!important
}
.u-pb2 {
    padding-bottom: 20px!important
}
.u-pb3 {
    padding-bottom: 30px!important
}
.u-pb4 {
    padding-bottom: 40px!important
}
.u-pb5 {
    padding-bottom: 50px!important
}
.u-pb6 {
    padding-bottom: 60px!important
}
.u-pb7 {
    padding-bottom: 70px!important
}
.u-pb8 {
    padding-bottom: 80px!important
}
.u-pb9 {
    padding-bottom: 90px!important
}
.u-pb10 {
    padding-bottom: 100px!important
}
.u-pl0 {
    padding-left: 0!important
}
.u-pl1 {
    padding-left: 10px!important
}
.u-pl2 {
    padding-left: 20px!important
}
.u-pl3 {
    padding-left: 30px!important
}
.u-pl4 {
    padding-left: 40px!important
}
.u-pl5 {
    padding-left: 50px!important
}
.u-pl6 {
    padding-left: 60px!important
}
.u-pl7 {
    padding-left: 70px!important
}
.u-pl8 {
    padding-left: 80px!important
}
.u-pl9 {
    padding-left: 90px!important
}
.u-pl10 {
    padding-left: 100px!important
}
.u-mt0 {
    margin-top: 0!important
}
.u-mt1 {
    margin-top: 10px!important
}
.u-mt2 {
    margin-top: 20px!important
}
.u-mt3 {
    margin-top: 30px!important
}
.u-mt4 {
    /* margin-top:40px!important */
}
.u-mt5 {
    margin-top: 50px!important
}
.u-mt6 {
    margin-top: 60px!important
}
.u-mt7 {
    margin-top: 70px!important
}
.u-mt8 {
    margin-top: 80px!important
}
.u-mt9 {
    margin-top: 90px!important
}
.u-mt10 {
    margin-top: 100px!important
}
.u-mr0 {
    margin-right: 0!important
}
.u-mr1 {
    margin-right: 10px!important
}
.u-mr2 {
    margin-right: 20px!important
}
.u-mr3 {
    margin-right: 30px!important
}
.u-mr4 {
    margin-right: 40px!important
}
.u-mr5 {
    margin-right: 50px!important
}
.u-mr6 {
    margin-right: 60px!important
}
.u-mr7 {
    margin-right: 70px!important
}
.u-mr8 {
    margin-right: 80px!important
}
.u-mr9 {
    margin-right: 90px!important
}
.u-mr10 {
    margin-right: 100px!important
}
.u-mb0 {
    margin-bottom: 0!important
}
.u-mb1 {
    margin-bottom: 10px!important
}
.u-mb2 {
    margin-bottom: 20px!important
}
.u-mb3 {
    margin-bottom: 30px!important
}
.u-mb4 {
    margin-bottom: 40px!important
}
.u-mb5 {
    margin-bottom: 50px!important
}
.u-mb6 {
    margin-bottom: 60px!important
}
.u-mb7 {
    margin-bottom: 70px!important
}
.u-mb8 {
    margin-bottom: 80px!important
}
.u-mb9 {
    margin-bottom: 90px!important
}
.u-mb10 {
    margin-bottom: 100px!important
}
.u-ml0 {
    margin-left: 0!important
}
.u-ml1 {
    margin-left: 10px!important
}
.u-ml2 {
    margin-left: 20px!important
}
.u-ml3 {
    margin-left: 30px!important
}
.u-ml4 {
    margin-left: 40px!important
}
.u-ml5 {
    margin-left: 50px!important
}
.u-ml6 {
    margin-left: 60px!important
}
.u-ml7 {
    margin-left: 70px!important
}
.u-ml8 {
    margin-left: 80px!important
}
.u-ml9 {
    margin-left: 90px!important
}
.u-ml10 {
    margin-left: 100px!important
}
.u-fs10 {
    font-size: 10px!important
}
.u-fs11 {
    font-size: 11px!important
}
.u-fs12 {
    font-size: 12px!important
}
.u-fs13 {
    font-size: 13px!important
}
.u-fs14 {
    font-size: 14px!important
}
.u-fs15 {
    font-size: 15px!important
}
.u-fs16 {
    font-size: 16px!important
}
.u-fs17 {
    font-size: 17px!important
}
.u-fs18 {
    font-size: 18px!important
}
.u-fs19 {
    font-size: 19px!important
}
.u-fs20 {
    font-size: 20px!important
}
.u-fs21 {
    font-size: 21px!important
}
.u-fs22 {
    font-size: 22px!important
}
.u-zi0 {
    z-index: 0!important
}
.u-zi1 {
    z-index: 1!important
}
.u-zi2 {
    z-index: 2!important
}
.u-zi3 {
    z-index: 3!important
}
.u-zi4 {
    z-index: 4!important
}
.u-zi5 {
    z-index: 5!important
}
@media only screen and (max-width: 1230px) {
    .u-medium-mw {
        max-width: 100%!important
    }
    .u-medium-mw img {
        max-width: 100%!important
    }
    .u-medium-mb6 {
        margin-bottom: 60px!important
    }
}
@media only screen and (max-width: 960px) {
    .u-normal-dn {
        display: none!important
    }
    .u-normal-np {
        padding: 0!important
    }
    .u-normal-nm {
        margin: 0!important
    }
    .u-normal-full {
        width: 100%!important
    }
    .u-normal-half {
        width: 50%!important
    }
    .u-normal-pb3 {
        padding-bottom: 30px!important
    }
    .u-normal-firstfull>div:first-child {
        width: 100%
    }
}
@media only screen and (max-width: 770px) {
    .u-modest-dn {
        display: none!important
    }
    .u-modest-full {
        width: 100%!important
    }
    .u-modest-half {
        width: 50%!important
    }
}
@media only screen and (max-width: 620px) {
    .u-small-dn {
        display: none!important
    }
    .u-small-np {
        padding: 0!important
    }
    .u-small-nm {
        margin: 0!important
    }
    .u-small-full {
        width: 100%!important
    }
    .u-small-mt0 {
        margin-top: 0!important
    }
    .u-small-mb0 {
        margin-bottom: 0!important
    }
    .u-small-mb1 {
        margin-bottom: 10px!important
    }
    .u-small-mb2 {
        margin-bottom: 20px!important
    }
    .u-small-pb0 {
        padding-bottom: 0!important
    }
    .u-small-pt0 {
        padding-top: 0!important
    }
    .u-small-pl2 {
        padding-left: 20px!important
    }
    .u-mt3,
    .u-mt4,
    .u-mt5,
    .u-mt6 {
        margin-top: 20px!important
    }
    .u-mt7,
    .u-mt8,
    .u-mt9 {
        margin-top: 30px!important
    }
    .u-mb3,
    .u-mb4,
    .u-mb5,
    .u-mb6 {
        margin-bottom: 20px!important
    }
    .u-mb7,
    .u-mb8,
    .u-mb9 {
        margin-bottom: 30px!important
    }
    .u-fs21,
    .u-fs22 {
        font-size: 20px!important
    }
    .u-fs19,
    .u-fs20 {
        font-size: 17px!important
    }
}
@media only screen and (max-width: 320px) {
    .u-min-dn {
        display: none!important
    }
    .u-min-full {
        width: 100%!important
    }
}
.List .Space--zero {
    margin-bottom: -1px
}
.Space--zero.list-reset li,
.Space--zero>.List-item,
.Space--zero>li {
    margin-bottom: 1px
}
.Space--zero.list-reset li:last-child,
.Space--zero>.List-item:last-child,
.Space--zero>li:last-child {
    margin-bottom: 0
}
.Space--zero.list-reset li .List,
.Space--zero>.List-item .List,
.Space--zero>li .List {
    margin-top: 1px
}
.Space--zero.list-reset li .List-thumb,
.Space--zero>.List-item .List-thumb,
.Space--zero>li .List-thumb {
    margin-right: 1px
}
.Space--zero.List--imgFullWidth .List-thumb {
    margin-bottom: 1px;
    margin-right: 0
}
.List .Space--compact {
    margin-bottom: -5px
}
.Space--compact.list-reset li,
.Space--compact>.List-item,
.Space--compact>li {
    margin-bottom: 5px
}
.Space--compact.list-reset li:last-child,
.Space--compact>.List-item:last-child,
.Space--compact>li:last-child {
    margin-bottom: 0
}
.Space--compact.list-reset li .List,
.Space--compact>.List-item .List,
.Space--compact>li .List {
    margin-top: 5px
}
.Space--compact.list-reset li .List-thumb,
.Space--compact>.List-item .List-thumb,
.Space--compact>li .List-thumb {
    margin-right: 1px
}
.Space--compact.List--imgFullWidth .List-thumb {
    margin-bottom: 5px;
    margin-right: 0
}
.List .Space--cozy {
    margin-bottom: -10px
}
.Space--cozy.list-reset li,
.Space--cozy>.List-item,
.Space--cozy>li {
    margin-bottom: 10px
}
.Space--cozy.list-reset li:last-child,
.Space--cozy>.List-item:last-child,
.Space--cozy>li:last-child {
    margin-bottom: 0
}
.Space--cozy.list-reset li .List,
.Space--cozy>.List-item .List,
.Space--cozy>li .List {
    margin-top: 10px
}
.Space--cozy.list-reset li .List-thumb,
.Space--cozy>.List-item .List-thumb,
.Space--cozy>li .List-thumb {
    margin-right: 5px
}
.Space--cozy.List--imgFullWidth .List-thumb {
    margin-bottom: 10px;
    margin-right: 0
}
.List .Space--mid {
    margin-bottom: -20px
}
.Space--mid.list-reset li,
.Space--mid>.List-item,
.Space--mid>li {
    margin-bottom: 20px
}
.Space--mid.list-reset li:last-child,
.Space--mid>.List-item:last-child,
.Space--mid>li:last-child {
    margin-bottom: 0
}
.Space--mid.list-reset li .List,
.Space--mid>.List-item .List,
.Space--mid>li .List {
    margin-top: 20px
}
.Space--mid.list-reset li .List-thumb,
.Space--mid>.List-item .List-thumb,
.Space--mid>li .List-thumb {
    margin-right: 10px
}
.Space--mid.List--imgFullWidth .List-thumb {
    margin-bottom: 20px;
    margin-right: 0
}
.List .Space--comfort {
    margin-bottom: -30px
}
.Space--comfort.list-reset li,
.Space--comfort>.List-item,
.Space--comfort>li {
    margin-bottom: 30px
}
.Space--comfort.list-reset li:last-child,
.Space--comfort>.List-item:last-child,
.Space--comfort>li:last-child {
    margin-bottom: 0
}
.Space--comfort.list-reset li .List,
.Space--comfort>.List-item .List,
.Space--comfort>li .List {
    margin-top: 30px
}
.Space--comfort.list-reset li .List-thumb,
.Space--comfort>.List-item .List-thumb,
.Space--comfort>li .List-thumb {
    margin-right: 15px
}
.Space--comfort.List--imgFullWidth .List-thumb {
    margin-bottom: 30px;
    margin-right: 0
}
.List .Space--relaxed {
    margin-bottom: -40px
}
.Space--relaxed.list-reset li,
.Space--relaxed>.List-item,
.Space--relaxed>li {
    margin-bottom: 40px
}
.Space--relaxed.list-reset li:last-child,
.Space--relaxed>.List-item:last-child,
.Space--relaxed>li:last-child {
    margin-bottom: 0
}
.Space--relaxed.list-reset li .List,
.Space--relaxed>.List-item .List,
.Space--relaxed>li .List {
    margin-top: 40px
}
.Space--relaxed.list-reset li .List-thumb,
.Space--relaxed>.List-item .List-thumb,
.Space--relaxed>li .List-thumb {
    margin-right: 20px
}
.Space--relaxed.List--imgFullWidth .List-thumb {
    margin-bottom: 40px;
    margin-right: 0
}
.List .Space--streched {
    margin-bottom: -55px
}
.Space--streched.list-reset li,
.Space--streched>.List-item,
.Space--streched>li {
    margin-bottom: 55px
}
.Space--streched.list-reset li:last-child,
.Space--streched>.List-item:last-child,
.Space--streched>li:last-child {
    margin-bottom: 0
}
.Space--streched.list-reset li .List,
.Space--streched>.List-item .List,
.Space--streched>li .List {
    margin-top: 55px
}
.Space--streched.list-reset li .List-thumb,
.Space--streched>.List-item .List-thumb,
.Space--streched>li .List-thumb {
    margin-right: 28px
}
.Space--streched.List--imgFullWidth .List-thumb {
    margin-bottom: 55px;
    margin-right: 0
}
.List .Space--grande {
    margin-bottom: -70px
}
.Space--grande.list-reset li,
.Space--grande>.List-item,
.Space--grande>li {
    margin-bottom: 70px
}
.Space--grande.list-reset li:last-child,
.Space--grande>.List-item:last-child,
.Space--grande>li:last-child {
    margin-bottom: 0
}
.Space--grande.list-reset li .List,
.Space--grande>.List-item .List,
.Space--grande>li .List {
    margin-top: 70px
}
.Space--grande.list-reset li .List-thumb,
.Space--grande>.List-item .List-thumb,
.Space--grande>li .List-thumb {
    margin-right: 35px
}
.Space--grande.List--imgFullWidth .List-thumb {
    margin-bottom: 70px;
    margin-right: 0
}
@media only screen and (max-width: 620px) {
    .List .Space--grande {
        margin-bottom: -40px
    }
    .Space--grande.list-reset li,
    .Space--grande>.List-item,
    .Space--grande>li {
        margin-bottom: 40px
    }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    word-wrap: break-word
}
.Title {
    font: 40px/1.2 FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.Title.Title--s {
    font-size: 30px
}
.Title.Title--l {
    font-size: 50px
}
.Title.Title--xl {
    font-size: 60px
}
.Title.Title--xxl {
    font-size: 70px
}
.Title.Title--xxxl {
    font-size: 81px
}
.Title.Title--slim {
    font-family: FaktSlabPro-Light, Arial, Helvetica, sans-serif;
    line-height: 1
}
.Aggregate,
.SubTitle {
    color: #000
}
.SubTitle {
    margin-top: 15px;
    margin-bottom: 0;
    font: 400 24px/1.4 Arial, Helvetica, sans-serif
}
.SubTitle--s {
    font-size: 18px
}
.SubTitle--l {
    font-size: 28px;
    line-height: 1.1
}
.Label {
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #777
}
.Aggregate {
    font: 400 60px/.8 MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif;
    margin-bottom: .13333em;
    letter-spacing: -.04em
}
.Aggregate--theme2 {
    font: 400 120px/.8 FaktSlabPro-Light, Arial, Helvetica, sans-serif;
    color: #00b5f1;
    vertical-align: middle
}
.Aggregate--theme2.medium {
    font-size: 110px;
    letter-spacing: -.07em
}
.Aggregate--theme2.medium em {
    top: -.11em;
    left: -.1em
}
.Aggregate--theme2.small {
    font-size: 90px
}
.Aggregate--theme2.small em {
    margin-left: -.15em
}
.Aggregate--theme2 em {
    position: relative;
    top: -.07em;
    font-style: normal
}
.Aggregate--theme2.purple {
    color: #8a81e7
}
.Aggregate--theme2.blue {
    color: #01c0ff
}
.Aggregate--theme2.blue2 {
    color: #098cde
}
.Aggregate--theme2.green {
    color: #15b98d
}
.Aggregate--theme2.pink {
    color: #ff5989
}
.Aggregate--theme2.yellow {
    color: #ffc819
}
.Aggregate--theme2+p {
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    font-size: 24px;
    color: #555;
    max-width: 270px;
    margin: 10px auto 0;
    vertical-align: middle
}
.AggregateTitle {
    font: 400 20px/.9 FaktSlabPro-Medium, "Roboto Condensed", Arial, Helvetica, sans-serif;
    color: #000
}
.Text--xs {
    font-weight: 400;
    font-size: 13px!important
}
.Text--s {
    font-weight: 400;
    font-size: 14px!important
}
.Text--l {
    font-weight: 400;
    font-size: 18px!important;
    line-height: 1.2;
    letter-spacing: -.005em
}
.Text--xl {
    font-weight: 400;
    font-size: 24px!important;
    line-height: 1.25
}
.Text--xxl {
    font-weight: 400;
    font-size: 36px!important;
    line-height: 1.3;
    letter-spacing: -.04em
}
.Text--b0 {
    color: #000!important
}
.Text--b1 {
    color: #222!important
}
.Text--b2 {
    color: #333!important
}
.Text--b3 {
    color: #444!important
}
.Text--b4 {
    color: #555!important
}
.Text--b5 {
    color: #777!important
}
.Text--b6 {
    color: #999!important
}
.Text--b7 {
    color: #ccc!important
}
.Text--b8 {
    color: #eee!important
}
.Text--b9 {
    color: #fff!important
}
.Text--lb {
    color: #36b3fb!important
}
.Text--lb1 {
    color: #6bd0f4!important
}
.Text--lb2 {
    color: #3284af!important
}
.Text--lb3 {
    color: #3dacd5!important
}
.Text--lb4 {
    color: #70cbf0!important
}
.Text--lg {
    color: #67fe9c!important
}
.Text--lg1 {
    color: #42de61!important
}
.Text--lg2 {
    color: #90fdb6!important
}
.Text--lg3 {
    color: #00dd95!important
}
.Text--lg4 {
    color: #4c9405!important
}
.Text--lg5 {
    color: #37b24f!important
}
.Text--lo {
    color: #febf01!important
}
.Text--lo2 {
    color: #f5881f!important
}
.Text--lo3 {
    color: #ff5747!important
}
.Text--lo4 {
    color: #BAE900!important
}
.hgroup {
    margin-bottom: 40px;
    text-align: center
}
.hgroup h2 {
    margin-bottom: 10px
}
.hgroup .SubTitle {
    color: #777;
    margin-top: 0
}
.hgroup--v2 h2 {
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    font-size: 50px;
    line-height: 1.2
}
.hgroup--v2 .SubTitle {
    color: #222;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    line-height: 1
}
.hgroup--banner {
    margin-bottom: 40px;
    color: #fff;
    font: 400 20px/1.2 Arial, Helvetica, sans-serif;
    text-align: center
}
.hgroup--banner h1 {
    font: 400 60px/1.2 FaktSlabPro-Blond, Arial, Helvetica, sans-serif
}
.hgroup--banner h2 {
    font: 400 30px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: -1px
}
.hgroup--banner-v2 h1 {
    font-size: 70px;
    font-family: FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    margin-bottom: 40px
}
.hgroup--banner-v2 h3 {
    font-size: 36px;
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    letter-spacing: -1px
}
.hgroup--banner-v2 .SubTitle {
    font-family: Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    letter-spacing: -.003em
}
@media only screen and (max-width: 1230px) {
    .Aggregate {
        font-size: 44px
    }
    .Text--xl {
        font-size: 20px!important
    }
}
@media only screen and (max-width: 960px) {
    .SubTitle {
        font-size: 17px
    }
    .Aggregate {
        font-size: 32px
    }
    .Text--s {
        font-size: 12px!important
    }
    .Text--l {
        font-size: 16px!important
    }
    .Title.Title--s {
        font-size: 24px
    }
    .Title.Title--l {
        font-size: 40px
    }
    .Title.Title--xl {
        font-size: 50px
    }
    .Title.Title--xxl {
        font-size: 60px
    }
    .Title.Title--xxxl {
        font-size: 70px
    }
}
@media only screen and (max-width: 620px) {
    .SubTitle br {
        display: none
    }
    .Text--l {
        font-size: 14px!important
    }
    .hgroup--banner h1 {
        font-size: 30px
    }
    .hgroup--banner h2 {
        font-size: 15px
    }
    .hgroup--banner br {
        display: none
    }
    .hgroup--banner-v2 h1 {
        font-size: 40px
    }
    .hgroup--banner-v2 h3 {
        font-size: 24px
    }
    .hgroup--banner-v2 br {
        display: none
    }
    .hgroup--v2 h2 {
        font-size: 35px
    }
    .Aggregate.Aggregate--theme2 {
        display: block;
        padding-top: 60px;
        font-size: 90px
    }
    .Title.Title--s {
        font-size: 22px
    }
    .Title.Title--l {
        font-size: 30px
    }
    .Title.Title--xl {
        font-size: 40px
    }
    .Title.Title--xxl {
        font-size: 50px
    }
    .Title.Title--xxxl {
        font-size: 60px
    }
}
@media only screen and (max-width: 360px) {
    .Title.Title--l {
        font-size: 28px
    }
    .Title.Title--xl {
        font-size: 36px
    }
    .Title.Title--xxl {
        font-size: 42px
    }
    .Title.Title--xxxl {
        font-size: 48px
    }
}
.Section--blue1 span.skype_c2c_text_span,
.Section--blue1 span.skype_pnh_container span.skype_pnh_highlighting_inactive_common span.skype_pnh_text_span,
.Section--blue2 span.skype_c2c_text_span,
.Section--blue2 span.skype_pnh_container span.skype_pnh_highlighting_inactive_common span.skype_pnh_text_span,
.Section--blue3 span.skype_c2c_text_span,
.Section--blue3 span.skype_pnh_container span.skype_pnh_highlighting_inactive_common span.skype_pnh_text_span,
.Section--blue4 span.skype_c2c_text_span,
.Section--blue4 span.skype_pnh_container span.skype_pnh_highlighting_inactive_common span.skype_pnh_text_span {
    color: #fff!important
}
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    margin-top: 0;
    transform: translateZ(0)
}
.page-header__sub-title {
    font-size: 28px;
    line-height: 1.15
}
@media only screen and (max-width: 770px) {
    .page-header__sub-title {
        font-size: 22px
    }
}
.page-header h1 {
    margin-bottom: 20px;
    font-size: 80px;
    color: #fff
}
@media only screen and (max-width: 770px) {
    .page-header h1 {
        font-size: 60px
    }
}
@media only screen and (max-width: 620px) {
    .page-header h1 {
        font-size: 36px
    }
}
.page-header--xxl .Section-banner {
    height: 718px;
    padding-top: 109px
}
@media only screen and (max-width: 770px) {
    .page-header--xxl .Section-banner {
        height: auto;
        padding-top: 80px
    }
}
.page-content h2 {
    font-size: 49px
}
@media only screen and (max-width: 770px) {
    .page-content h2 {
        font-size: 25px
    }
}
.page-content h4 {
    font-size: 20px
}
.page-content .SubTitle {
    color: #777;
    letter-spacing: -.03em
}
.page-content--platform-steps {
    min-height: 2340px;
    background: #fff url(../img/dist/pages/section--platforms-steps.png) 50% 60px no-repeat
}
@media only screen and (max-width: 770px) {
    .page-content--platform-steps {
        background-image: none
    }
}
@media only screen and (max-width: 620px) {
    .page-content [class*=u-ml] {
        margin-left: 0
    }
    .page-content [class*=u-mr] {
        margin-right: 0
    }
    .page-content [class*=u-mb] {
        margin-bottom: 10%
    }
    .page-content [class*=u-mt] {
        margin-top: 0
    }
    .page-content [class*=u-pt] {
        padding-top: 10%
    }
}
.page-indent-ui>.col-2:first-child {
    margin-left: 8.333333%
}
.page-body-ui .sfimageWrp {
    margin-bottom: 20px
}
.page-body-ui .Section {
    padding: 104px 0
}
.page-body-ui .Section-title {
    padding-top: 104px;
    margin-top: -104px
}
.page-body-ui .Section--m {
    padding: 70px 0
}
.page-body-ui .Section--m .Section-title {
    padding-top: 70px;
    margin-top: -70px
}
.page-body-ui h2 {
    margin-bottom: 20px;
    font-size: 49px
}
.page-body-ui .h2--relaxed {
    margin-bottom: 50px
}
.page-body-ui .col-2 h3 {
    margin-bottom: 6px;
    font-size: 20px
}
.page-body-ui .h3--cozy {
    margin-bottom: 15px;
    line-height: 25px
}
.page-body-ui h4 {
    margin-bottom: 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}
.page-body-ui .col-2 p {
    font-size: 14px
}
.page-body-ui .SubTitle {
    margin-top: 0;
    margin-bottom: 70px;
    font-size: 24px;
    line-height: 1.25
}
@media only screen and (max-width: 770px) {
    .page-body-ui h2 {
        font-size: 35px;
        margin: 5% 0
    }
    .page-body-ui .SubTitle {
        font-size: 17px
    }
    .page-indent-ui>.col-2:first-child {
        margin-left: 0
    }
}
.prices-ui h5 {
    color: #fff;
    font: 60px/1.2 MetricWeb-Semibold, "Arial Bold", Gadget, sans-serif
}
.prices-ui h5 span {
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}
.prices-ui .Btn--prim {
    padding: 10px 36px
}
.Section--en-steps {
    counter-reset: step
}
.Section--en-steps ul {
    font-size: 16px
}
.Section--en-steps .step {
    position: relative;
    z-index: 1;
    margin-top: 100px;
    counter-increment: step
}
.Section--en-steps .step:before {
    position: absolute;
    top: -84px;
    z-index: -1;
    content: counter(step);
    color: #edeff2;
    font-weight: 700;
    font-size: 125px
}
.Section--en-steps .h4 {
    font-size: 20px;
    color: #4c9405
}
.Section--CompanyBanner {
    position: relative;
    background: #000 url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/company-header-bg.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 200px;
    height: 570px
}
.Section--CompanyMap {
    background: #09c1fe url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/map.png) 50% 0 no-repeat
}
.CompanyMap {
    font-size: 0;
    text-align: center;
    padding-top: 195px;
    padding-bottom: 90px
}
.CompanyMap li {
    display: inline-block;
    margin-left: 13%
}
.CompanyMap li:first-child {
    margin-left: 0
}
.CompanyMap .num {
    color: #fff;
    font: 150px/1 FaktSlabPro-Light, Arial, Helvetica, sans-serif;
    margin-bottom: -25px
}
.Section--CompanyBrackets {
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/bgbrackets.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat
}
.Section--ManagementSky {
    position: relative;
    z-index: 30;
    max-width: 100%;
    background-color: #137eb3;
    background-image: radial-gradient(50% 80% at 50% 15%, #33c3f1, #0871a5)
}
.Section--ManagementSky .hgroup--banner-v2 h3 {
    color: #13739d!important;
    letter-spacing: -.03em
}
.ManagementTeamPro-wrap {
    overflow: hidden;
    padding-bottom: 34px;
    margin-bottom: -34px
}
.ManagementTeamPro {
    position: relative;
    max-width: 100%;
    height: 345px;
    border-bottom: 70px solid #1dbbe8;
    font-size: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.ManagementTeamPro:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 415px;
    height: 0;
    background: #1dbbe8;
    transition: height .2s
}
.ManagementTeamPro:hover .ManagementTeamPro-switch {
    max-height: 104px;
    transition: max-height .2s ease 0s
}
.ManagementTeamPro:hover .ManagementTeamPro-firstName {
    line-height: 104px;
    height: 104px
}
.ManagementTeamPro:hover:before {
    height: 34px
}
.ManagementTeamPro a {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-height: 454px;
    vertical-align: top;
    font: 24px/1 FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    text-decoration: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.ManagementTeamPro a:hover {
    z-index: 2
}
.ManagementTeamPro a:hover .ManagementTeamPro-firstName {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    height: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: opacity .2s ease 0s, visibility 0s linear .2s, -webkit-transform .2s, height .2s;
    transition: opacity .2s ease 0s, visibility 0s linear .2s, transform .2s, height .2s
}
.ManagementTeamPro a:hover .ManagementTeamPro-infoWrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#0FFFF', endColorstr='#0FFFF')';
    visibility: visible;
    height: 104px;
    -webkit-transition: opacity .35s ease 0s, visibility 0s linear 0s, -webkit-transform .35s;
    transition: opacity .35s ease 0s, visibility 0s linear 0s, transform .35s
}
.ManagementTeamPro-firstName {
    display: block;
    color: #fff;
    line-height: 70px;
    height: 70px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .2s ease 0s, visibility 0s linear 0s, -webkit-transform .2s, height .2s, line-height .2s;
    transition: opacity .2s ease 0s, visibility 0s linear 0s, transform .2s, height .2s, line-height .2s
}
.ManagementTeamPro-switch {
    display: block;
    max-height: 70px;
    overflow: hidden;
    margin: 0 -15%;
    transition: max-height .2s ease .2s
}
.ManagementTeamPro-infoWrap {
    display: table-cell;
    vertical-align: middle;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .2s ease 0s, visibility 0s linear .2s, -webkit-transform .2s;
    transition: opacity .2s ease 0s, visibility 0s linear .2s, transform .2s
}
.ManagementTeamPro-wholeName {
    display: block
}
.ManagementTeamPro-position {
    display: block;
    padding: 5px 15% 0 15%;
    margin: 0 -15%;
    color: #222;
    font: 11px/1 Arial, Helvetica, sans-serif;
    text-transform: uppercase
}
.ManagementTeamPro-photo,
.ManagementTeamPro-photo-hover {
    display: block;
    height: 345px;
    background: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/managementpro.png?rev=1) 0 0 no-repeat;
    transition: opacity .1s
}
.ManagementTeamPro-photo-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .2s
}
.ManagementTeamPro-member,
.ManagementTeamPro-member:hover {
    outline: 0!important
}
.ManagementTeamPro-member:hover .ManagementTeamPro-photo-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#00FFFFFF')";
    transition: opacity .1s;
    background-repeat: no-repeat
}
.ManagementTeamPro-member:hover .ManagementTeamPro-photo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .2s;
    background-repeat: no-repeat
}
.ManagementTeamPro-dimitre {
    width: 150px;
    transition: none
}
.ManagementTeamPro-dimitre .ManagementTeamPro-photo {
    background-position: 0 0
}
.ManagementTeamPro-dimitre .ManagementTeamPro-photo-hover {
    background-position: 0 -345px
}
.ManagementTeamPro-aaron {
    width: 175px;
    transition: none
}
.ManagementTeamPro-aaron .ManagementTeamPro-photo {
    background-position: -150px 0
}
.ManagementTeamPro-aaron .ManagementTeamPro-photo-hover {
    background-position: -150px -345px
}
.ManagementTeamPro-hristo {
    width: 165px;
    transition: none
}
.ManagementTeamPro-hristo .ManagementTeamPro-photo {
    background-position: -325px 0
}
.ManagementTeamPro-hristo .ManagementTeamPro-photo-hover {
    background-position: -325px -345px
}
.ManagementTeamPro-svetozar {
    width: 330px;
    transition: none
}
.ManagementTeamPro-svetozar .ManagementTeamPro-photo {
    background-position: -490px 0
}
.ManagementTeamPro-svetozar .ManagementTeamPro-photo-hover {
    background-position: -490px -345px
}
.ManagementTeamPro-vassil {
    width: 155px;
    transition: none
}
.ManagementTeamPro-vassil .ManagementTeamPro-photo {
    background-position: -820px 0
}
.ManagementTeamPro-vassil .ManagementTeamPro-photo-hover {
    background-position: -820px -345px
}
.ManagementTeamPro-boyko {
    width: 170px;
    transition: none
}
.ManagementTeamPro-boyko .ManagementTeamPro-photo {
    background-position: -975px 0
}
.ManagementTeamPro-boyko .ManagementTeamPro-photo-hover {
    background-position: -975px -345px
}
.ManagementTeamPro-faris {
    width: 180px;
    transition: none
}
.ManagementTeamPro-faris .ManagementTeamPro-photo {
    background-position: -1145px 0
}
.ManagementTeamPro-faris .ManagementTeamPro-photo-hover {
    background-position: -1145px -345px
}
.ManagementTeamPro-svetozar {
    width: 160px
}
.ManagementTeamPro-svetozar .ManagementTeamPro-switch {
    width: 206px;
    margin-left: -15px
}
.ManagementTeamPro-svetozar .ManagementTeamPro-photo,
.ManagementTeamPro-svetozar .ManagementTeamPro-photo-hover {
    transition-duration: 0s
}
.ManagementTeamPro-svetozar:hover {
    width: 330px;
    margin-right: -170px
}
.ManagementTeamPro-svetozar:hover+.ManagementTeamPro-vassil {
    z-index: 3
}
.ManagementTeamPro-svetozar:hover+.ManagementTeamPro-vassil .ManagementTeamPro-photo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.ManagementTeamPro-aaron .ManagementTeamPro-switch {
    margin-left: -9px
}
.ManagementTeamPro-vassil .ManagementTeamPro-switch {
    margin-left: -4px
}
.ManagementTeamPro-boyko .ManagementTeamPro-switch {
    margin-left: 3px
}
.ManagementBio-wrap .Section {
    padding-top: 0;
    padding-bottom: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 100% 25%;
    background-size: auto 190%
}
.ManagementBio-wrap .Section.Section--even {
    background-position: 0 25%
}
.ManagementBio {
    padding: 95px 0 30px;
    min-height: 460px;
    width: 470px
}
.ManagementBio h2 {
    color: #222;
    font: 50px/1 FaktSlabPro-Blond, Arial, Helvetica, sans-serif;
    margin-bottom: 15px
}
.ManagementBio h2 span {
    color: #039be5
}
.ManagementBio h3 {
    color: #222;
    font: 24px/1 Calibri, MetricWeb-Regular, "Arial Bold", Gadget, sans-serif;
    margin-bottom: 35px;
    letter-spacing: -.025em
}
.ManagementBio p {
    color: #000
}
.ManagementBio--even {
    float: right
}
.ManagementBio-wrap .Section.Section--Vassil {
    background-color: #ede5d5;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_vassil.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Svetozar {
    background-color: #02043e;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_zarko.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Boyko {
    background-color: #f2efde;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_boyko.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Hristo {
    background-color: #0c6087;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_hristo.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Aaron {
    background-color: #f3dbb9;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_aaron.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Esther {
    background-color: #452c29;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_esther.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Faris {
    background-color: #ffe29c;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_faris.jpg?v2)
}
.ManagementBio-wrap .Section.Section--Dimitre {
    background-color: #365065;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_dimitre.jpg?v2)
}
.ManagementBio-wrap .Section.Section--John {
    background-color: #e8e9d3;
    background-image: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/mgmt_john.jpg?v2)
}
.Panimg {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 470px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/company/life-at-telerik-sidescrolleer.jpg) 0 0 repeat-x;
    -webkit-animation: bgloop 300s linear infinite;
    -moz-animation: bgloop 300s linear infinite;
    -o-animation: bgloop 300s linear infinite;
    animation: bgloop 300s linear infinite
}
@media only screen and (min-width: 1990px) {
    .ManagementBio-wrap .Section {
        background-position: 100% 22%;
        background-size: auto 240%
    }
    .ManagementBio-wrap .Section.Section--even {
        background-position: 0 22%
    }
}
@media only screen and (max-width: 1460px) {
    .ManagementTeam a {
        font-size: 20px
    }
    .ManagementTeam-position,
    .ManagementTeam-switch {
        margin: 0
    }
    .ManagementTeam-position {
        width: auto
    }
    .ManagementTeamPro a {
        font-size: 20px
    }
    .ManagementTeamPro-position,
    .ManagementTeamPro-switch {
        margin: 0
    }
    .ManagementTeamPro-position {
        width: auto
    }
}
@media only screen and (max-width: 1366px) {
    .ManagementBio-wrap .Section {
        background-position: 100% 0;
        background-size: 53%
    }
    .ManagementBio-wrap .Section.Section--even {
        background-position: 0 0
    }
}
@media only screen and (max-width: 1280px) {
    .ManagementTeam a {
        margin-left: -10px;
        margin-right: -10px
    }
    .ManagementTeam-svetozar:hover {
        margin-left: -20px
    }
    .ManagementTeamPro a {
        margin-left: -10px;
        margin-right: -10px
    }
    .ManagementTeamPro-svetozar:hover {
        margin-left: -20px
    }
}
@media only screen and (max-width: 1080px) {
    .ManagementTeam {
        display: none
    }
    .ManagementTeamPro {
        display: none
    }
}
@media only screen and (max-width: 1040px) {
    .ManagementBio-wrap .Section {
        background-position: 100% 100%;
        background-size: 40%
    }
    .ManagementBio-wrap .Section.Section--even {
        background-position: 0 100%
    }
}
@media only screen and (max-width: 980px) {
    .CompanyWhatsup {
        display: block;
        margin-left: 0!important;
        margin-bottom: 0!important;
        padding-bottom: 0!important;
        width: auto
    }
    .CompanyWhatsup .col-4 {
        width: 100%;
        padding-left: 5%!important;
        padding-right: 5%!important;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #e4e4e4!important;
        border-top: 0!important
    }
    .CompanyWhatsup .col-4:last-child {
        border-bottom: 0!important
    }
    .CompanyWhatsup .col-4:before {
        background: 0 0
    }
    .CompanyWhatsup .col-4 .u-pl7 {
        padding-left: 0!important
    }
}
@media only screen and (max-width: 820px) {
    .Section--ManagementSky .hgroup--banner-v2 {
        margin-bottom: 60px!important
    }
    .Section--ManagementSky .SubTitle br {
        display: none
    }
}
@media only screen and (max-width: 660px) {
    .ManagementBio-wrap .Section {
        background-image: none!important
    }
    .ManagementBio {
        float: none!important;
        padding: 20px 0;
        min-height: 0;
        width: auto
    }
    .ManagementBio p:last-child {
        margin-bottom: 0
    }
}
@media only screen and (max-width: 620px) {
    .Section--ManagementSky {
        padding-top: 40px!important
    }
}
@media only screen and (max-width: 440px) {
    .Section--ManagementSky {
        padding-top: 0!important
    }
    .Section--CompanyBanner {
        height: auto;
        padding: 100px 5% 200px;
        background-position: 50% 100%!important
    }
    .CompanyMap {
        padding-top: 30px;
        padding-bottom: 0
    }
    .CompanyMap li {
        display: block;
        margin-left: 0;
        margin-bottom: 90px
    }
    .Section--companyLife p {
        font-size: 20px!important
    }
    .Section--companyLife p br {
        display: none
    }
    .Section--ManagementSky .hgroup {
        margin-top: 60px!important;
        margin-bottom: 60px!important
    }
    .Section--ManagementSky .SubTitle {
        font-size: 20px;
        padding-top: 20px
    }
}
@media only screen and (max-width: 1400px) {
    .Section--CompanyBanner {
        background-size: auto
    }
}
@-moz-keyframes bgloop {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 333.33333333% 0
    }
}
@-webkit-keyframes bgloop {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 333.33333333% 0
    }
}
@-o-keyframes bgloop {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 333.33333333% 0
    }
}
@keyframes bgloop {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 333.33333333% 0
    }
}
@media print {
    .Bar .Bar-table:after {
        background: 0 0!important
    }
    .Bar .Bar-navi,
    .Bar .Bar-slide,
    .Bar .Dropdown {
        display: none
    }
    .Bar .Bar-logo {
        position: relative;
        float: right;
        width: 0;
        margin-right: 160px
    }
    .Bar .Bar-logo:after {
        content: url(../img/dist/logo-print.png);
        position: absolute;
        left: 0;
        top: 10px;
        display: block;
        width: 160px;
        height: 39px;
        z-index: 10000
    }
    .Bar .Bar-logo img {
        display: none
    }
    .Footer .QuickLinks,
    .Footer .sf_cols.row,
    .Section--sidebar .col-2 .Sidebar {
        display: none
    }
    .Footer {
        background: 0 0!important;
        color: #000!important
    }
    .Footer .Footer-end .row {
        height: 60px
    }
    .HideWhenPrint,
    .Link--print,
    .Print--hide {
        display: none!important
    }
    .FullSizeContentWhenPrint .col-8,
    .FullSizeContentWhenPrint .col-9,
    .Print--fullWidth .col-8,
    .Print--fullWidth .col-9 {
        width: 100%
    }
    .Section {
        padding: 10px 0!important
    }
    .Section--black {
        background: #fff!important;
        color: #000!important
    }
    .Section--black h1 {
        color: #000!important
    }
    .Section--heading h1 {
        font-size: 40px;
        margin-top: 30px
    }
    .Pricing-master {
        margin-top: 25px
    }
    .Pricing-master .Pricing-btns .Btn {
        display: none
    }
    .sfInlineEditingPageMenu .sfInlineEditingActionsList,
    .sfInlineEditingPageMenu .sfInlineEditingToggleLnk {
        display: none!important
    }
    marquee {
        -moz-binding: none
    }
    *,
    :after,
    :before {
        overflow: visible!important
    }
}
@-webkit-keyframes bugfix {
    from {
        outline-color: transparent
    }
    to {
        outline-color: #000
    }
}
.chrome23-bugfix {
    -webkit-animation: bugfix infinite alternate 50ms
}
body.tlrk-litebox-noscroll {
    position: static;
    overflow: hidden
}
body.tlrk-litebox-noscroll>* {
    display: none
}
body.tlrk-litebox-noscroll #tlrk-overlay {
    position: absolute;
    display: block;
    background-color: #f7f7f7
}
body.tlrk-litebox-noscroll #tlrk-litebox {
    position: relative;
    display: block
}
body.tlrk-litebox-noscroll #tlrk-litebox .litebox-loader {
    background: url(../img/preloader.gif) 0 0 no-repeat;
    color: #111;
    text-shadow: 1px 1px 0 #fff;
    line-height: 60px
}
body.tlrk-litebox-noscroll #tlrk-litebox .litebox-close {
    color: #f7f7f7;
    text-shadow: 0 1px 0 #b7b7b7
}
body.tlrk-litebox-noscroll #tlrk-litebox .litebox-close:hover {
    color: #ed5d4c;
    text-shadow: 0 1px 0 red
}
body.tlrk-litebox-noscroll #tlrk-litebox .litebox-close:active,
body.tlrk-litebox-noscroll #tlrk-litebox .litebox-close:focus {
    outline: 0;
    box-shadow: 0 0 1px #999 inset, 0 0 40px #c9c9c9 inset;
    color: #ed5d4c
}
#tlrk-overlay {
    -webkit-animation-duration: 120ms;
    -moz-animation-duration: 120ms;
    animation-duration: 120ms;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    animation-delay: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}
#tlrk-litebox .litebox-content {
    -webkit-animation-duration: 420ms;
    -moz-animation-duration: 420ms;
    animation-duration: 420ms;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    animation-delay: 40ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}
#tlrk-litebox,
#tlrk-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#tlrk-overlay {
    z-index: 6000;
    background: #333;
    background: rgba(0, 0, 0, .5)
}
.ie8 #tlrk-litebox .litebox-content {
    max-width: 84%
}
#tlrk-litebox {
    z-index: 7000;
    background: 0 0
}
#tlrk-litebox .litebox-content {
    position: absolute;
    top: 50%;
    left: 50%
}
#tlrk-litebox .litebox-content:after {
    display: block;
    clear: both;
    content: ""
}
#tlrk-litebox .litebox-content>iframe {
    display: block
}
#tlrk-litebox .litebox-content>img {
    display: block;
    width: auto;
    height: auto
}
#tlrk-litebox .litebox-loader {
    padding: 0 0 0 60px;
    background: url(../img/loading-dbg.gif) 0 0 no-repeat;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
    font: 400 14px/50px "Segoe UI Light", "Segoe UI", arial, sans-serif
}
#tlrk-litebox .litebox-close {
    position: absolute;
    top: 40px;
    right: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font: 40px/1 Arial, sans-serif;
    color: transparent
}
#tlrk-litebox .litebox-close:active,
#tlrk-litebox .litebox-close:focus {
    outline: 0
}
#tlrk-litebox .litebox-close:before {
    font-family: tlrk-icon-font;
    color: #bbb
}
#tlrk-litebox .litebox-close:hover:before {
    color: #ed5d4c
}
#tlrk-litebox .litebox-title {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    background: #111;
    color: #fff;
    text-shadow: 1px -1px 0 #000;
    font: 400 14px "Segoe UI Light", "Segoe UI", Tahoma, arial, sans-serif
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut
}
.fadeInScale {
    -webkit-animation-name: fadeInScale;
    -moz-animation-name: fadeInScale;
    animation-name: fadeInScale
}
.fadeOutScale {
    -webkit-animation-name: fadeOutScale;
    -moz-animation-name: fadeOutScale;
    animation-name: fadeOutScale
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    100% {
        transform: scale(1)
    }
}
@-moz-keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    100% {
        transform: scale(1)
    }
}
@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    100% {
        transform: scale(1)
    }
}
@-webkit-keyframes fadeOutScale {
    0% {
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.4)
    }
}
@-moz-keyframes fadeOutScale {
    0% {
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.4)
    }
}
@keyframes fadeOutScale {
    0% {
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(.4)
    }
}
.LoginBox--span2 {
	max-width: 970px !important;
}

.LoginBox-forgotten {
	margin-bottom: -20px !important;
}

.LoginBox-forgotten {
	margin-bottom: -20px !important;
}

.Link--s.Link--s:before {
	left: 1.2em;
	top: .3em;
	font-size: .8em;
}

@import url("extralogin.css");