.BlockLinks--buttons a,
.Btn,
.Event-box,
.PageWrapper,
.PanelChoice label,
.RadEditor iframe,
.SearchResults *,
.Section-banner,
.Section-cover,
.Slider-slide,
.TK-Tag-Input-Button,
.Timeline,
.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,
.row--sidebar>.col-3:before,
.row--sidebar>.col-4:before,
.sfFormSubmit.sfSubmitBtnSmall>input,
.sfcommentsSubmitBtn,
.sfforumSubscribeBtn,
.sfforumUnsubscribeBtn,
.sfreContentArea,
input,
input[type=radio],
input[type=checkbox],
select,
textarea,
tk-site-search * {
    -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 .RadEditor iframe,
.ie7 .SearchResults *,
.ie7 .Section-banner,
.ie7 .Section-cover,
.ie7 .Slider-slide,
.ie7 .TK-Tag-Input-Button,
.ie7 .Timeline,
.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 .row--sidebar>.col-3:before,
.ie7 .row--sidebar>.col-4:before,
.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,
.ie7 tk-site-search * {
    behavior: url(/telerik/htc/boxsizing.htc)
}

.Features-Slider-Header,
.List--horizontal,
.List-item,
.Nav,
.NavAlt,
.QuickLinks,
.QuickLinks .sftaxonHorizontalList,
.Section-controlHeadingMenu,
.container,
.row,
.sfcommentsList .sfcommentDetails,
.u-cf,
dl {
    *zoom: 1
}

.Features-Slider-Header:after,
.List--horizontal:after,
.List-item:after,
.Nav:after,
.NavAlt:after,
.QuickLinks .sftaxonHorizontalList:after,
.QuickLinks:after,
.Section-controlHeadingMenu:after,
.container:after,
.row:after,
.sfcommentsList .sfcommentDetails:after,
.u-cf:after,
dl:after {
    content: "";
    display: table;
    clear: both
}

.Footer ul,
.SidebarVibe-menu,
.TagsList ul,
.list-reset,
.list-reset ul,
.sfcommentsFieldsList,
.sfcommentsList {
    margin: 0;
    list-style: none
}

.Footer ul li,
.SidebarVibe-menu 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
}

.container-full {
    max-width: 100%;
    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 {
    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--equal {
    display: flex;
    flex-wrap: wrap;
    max-width: 97vw
}

:root .row--equal>[class*=col-],
_::-webkit-full-page-media,
_:future {
    margin-right: -.033em
}

.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
}

.row--sidebar {
    position: relative
}

.row--sidebar>.col-8 {
    padding-right: 25px
}

@media only screen and (max-width:620px) {
    .row--sidebar>.col-8 {
        padding-right: 15px
    }
}

.row--sidebar>.col-4 {
    padding-top: 40px
}

.row--sidebar>.col-3 {
    position: static
}

.row--sidebar>.col-3:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 25%;
    background: #f5f5f6;
    border-right: 30px solid #fff
}

@media only screen and (max-width:960px) {
    .row--sidebar>.col-3:before {
        width: 33.333333%
    }
}

@media only screen and (max-width:620px) {
    .row--sidebar>.col-3:before {
        display: none
    }
}

.row--sidebar>.col-4 {
    position: static
}

.row--sidebar>.col-4:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 33.33333333333333%;
    background: #f5f5f6;
    border-right: 30px solid #fff
}

@media only screen and (max-width:960px) {
    .row--sidebar>.col-4:before {
        width: 33.333333%
    }
}

@media only screen and (max-width:620px) {
    .row--sidebar>.col-4:before {
        display: none
    }
}

@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: "или";
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -51px;
    font: 400 24px/40px "Segoe UI", Arial, 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: 14px;
    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;
    min-height: 100%;
    color: #555;
    background: #fff;
   font: 400 16px/1.25 "Segoe UI", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.ContentWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    z-index: 1;
    position: relative;
    width: 100%;
    min-height: 100%;
    background: #fff;
}

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

[hidden] {
    display: none!important
}

.Link,
a {
    color: #0487c4;
    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: #036c9c;
    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: bolder
}

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
    }
}

.sfPageEditor .RadDock .rdCenter .rdCommands {
    margin: 0 auto!important
}

.sfPageEditor .RadDock .rdCenter .rdCommands a {
    padding: 5px!important;
    margin-top: -1px;
    margin-bottom: -1px
}

.sfPageEditor .RadDock .rdCenter .rdCommands a:hover {
    background-color: rgba(0, 0, 0, .2)!important
}

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: 500 30px/.8 "Segoe UI", Arial, Gadget, sans-serif;
    letter-spacing: -.03em
}

.h2,
h2 {
    margin: 0 0 40px;
    font: 500 40px/1 "Segoe UI", Arial, Helvetica, sans-serif;
    letter-spacing: -.04em
}

.SearchResults--Blogs .TK-Search-Results-List-Item-H,
.h3,
h3 {
    margin: 0 0 20px;
    font: 500 28px/1 "Segoe UI", Arial, Helvetica, sans-serif;
    letter-spacing: -.035em
}

.SearchResults--Blogs .TK-Search-Results-List-Item-H 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
}

.h4,
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
    }
    .h2,
    h2 {
        font-size: 34px
    }
}

@media only screen and (max-width:960px) {
    .h1,
    h1 {
        margin: 0 0 30px;
        font-size: 32px
    }
    .h2,
    h2 {
        margin-bottom: 15px;
        font-size: 26px
    }
    .SearchResults--Blogs .TK-Search-Results-List-Item-H,
    .h3,
    h3 {
        font-size: 24px;
        letter-spacing: 0
    }
    .h4,
    h4 {
        font-size: 18px
    }
}

@media only screen and (max-width:620px) {
    .h1,
    h1 {
        margin: 0 0 15px;
        font-size: 26px
    }
    .h2,
    h2 {
        font-size: 24px
    }
    .SearchResults--Blogs .TK-Search-Results-List-Item-H,
    .h3,
    h3 {
        font-size: 20px
    }
    .h4,
    h4 {
        font-size: 16px
    }
}

.PanelChoice label,
.h5,
h5 {
    margin: 0 0 10px;
    font: 700 16px Arial, Helvetica, sans-serif
}

.h6,
h6 {
    margin: 0 0 10px;
    font: 700 12px/1.2 Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.SearchResults--Blogs .TK-Search-Results-List-Item-H,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    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
}

video {
    display: block;
    max-width: 100%
}

@media only screen and (max-width:960px) {
    video {
        height: auto
    }
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Thin.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Thin.eot?#iefix) format("embedded-opentype"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Thin.woff2) format("woff2"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Thin.woff) format("woff"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Thin.ttf) format("truetype");
    font-weight: 200
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.eot?#iefix) format("embedded-opentype"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.woff2) format("woff2"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.woff) format("woff"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.ttf) format("truetype");
    font-weight: 300
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Regular.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Regular.eot?#iefix) format("embedded-opentype"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Regular.woff2) format("woff2"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Regular.woff) format("woff"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Regular.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.eot?#iefix) format("embedded-opentype"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.woff2) format("woff2"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.woff) format("woff"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.ttf) format("truetype");
    font-weight: 500
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Semibold.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Semibold.eot?#iefix) format("embedded-opentype"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Semibold.woff2) format("woff2"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Semibold.woff) format("woff"), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Semibold.ttf) format("truetype");
    font-weight: 600
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.eot?#iefix) format('embedded-opentype'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.woff2) format('woff2'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.woff) format('woff'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.ttf) format('truetype'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Light.svg#"Segoe UI"-Light) format('svg');
    font-weight: 200
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Blond.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Blond.eot?#iefix) format('embedded-opentype'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Blond.woff2) format('woff2'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Blond.woff) format('woff'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Blond.ttf) format('truetype'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Blond.svg#"Segoe UI"-Blond) format('svg');
    font-weight: 300
}

@font-face {
    font-family: "Segoe UI";
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.eot);
    src: url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.eot?#iefix) format('embedded-opentype'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.woff2) format('woff2'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.woff) format('woff'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.ttf) format('truetype'), url(https://d6vtbcy3ong79.cloudfront.net/fonts/1.1.5/"Segoe UI"/"Segoe UI"-Medium.svg#"Segoe UI"-Medium) format('svg');
    font-weight: 500
}

@font-face {
    font-family: tlrk-icon-font;
    src: url(../iconfont/dist/tlrk-icon-font1538661787252.eot);
    src: url(../iconfont/dist/tlrk-icon-font1538661787252.eot?#iefix) format("eot"), url(../iconfont/dist/tlrk-icon-font1538661787252.woff2) format("woff2"), url(../iconfont/dist/tlrk-icon-font1538661787252.woff) format("woff"), url(../iconfont/dist/tlrk-icon-font1538661787252.ttf) format("truetype"), url(../iconfont/dist/tlrk-icon-font1538661787252.svg#tlrk-icon-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.TK-Search-Social-Share-Button:before,
.icon:before,
[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: geo"Segoe UI"Precision;
    -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-link-up:before {
    content: "\de"
}

.icon-linkedin-full:before {
    content: "\df"
}

.icon-linkedin:before {
    content: "\e0"
}

.icon-lists:before {
    content: "\e1"
}

.icon-liveid-cless:before {
    content: "\e2"
}

.icon-liveid:before {
    content: "\e3"
}

.icon-lock:before {
    content: "\e4"
}

.forumBaloon:before,
.icon-loudspeaker:before {
    content: "\e5"
}

.icon-mail-full:before {
    content: "\e6"
}

.Link--Mail:before,
.icon-mail:before,
.sfforumEmailLnk:before {
    content: "\e7"
}

.icon-menu:before {
    content: "\e8"
}

.icon-next-slide:before {
    content: "\e9"
}

.Link--pdf:before,
.icon-pdf:before {
    content: "\ea"
}

.icon-people:before {
    content: "\eb"
}

.icon-phone:before {
    content: "\ec"
}

.icon-pie-chart:before {
    content: "\ed"
}

.icon-pin:before {
    content: "\ee"
}

.icon-planet:before {
    content: "\ef"
}

.icon-prev-slide:before {
    content: "\f0"
}

.Link--print:before,
.icon-print:before {
    content: "\f1"
}

.Product:before,
.icon-product:before {
    content: "\f2"
}

.icon-quotes:before,
blockquote p:before {
    content: "\f3"
}

.icon-reddit-full:before {
    content: "\f4"
}

.icon-release-history:before {
    content: "\f5"
}

.icon-roadmap:before {
    content: "\f6"
}

.icon-rss-circ:before {
    content: "\f7"
}

.icon-rss-slim:before {
    content: "\f8"
}

.Link--RSS:before,
.icon-rss:before {
    content: "\f9"
}

.icon-sample-app:before {
    content: "\fa"
}

.icon-search:before {
    content: "\fb"
}

.TK-Search-Social-Share-Button:before,
.icon-share:before {
    content: "\fc"
}

.icon-showcases:before {
    content: "\fd"
}

.icon-squares:before {
    content: "\fe"
}

.icon-subscribe:before {
    content: "\ff"
}

.Box--success:before,
.icon-success:before {
    content: "\100"
}

.icon-support-tickets:before {
    content: "\101"
}

.icon-system-requirements:before {
    content: "\102"
}

.icon-tag:before {
    content: "\103"
}

.icon-telerik-cless:before {
    content: "\104"
}

.icon-telerik:before {
    content: "\105"
}

.icon-tick:before {
    content: "\106"
}

.icon-trainings:before {
    content: "\107"
}

.icon-twitter-full:before {
    content: "\108"
}

.icon-twitter:before {
    content: "\109"
}

.icon-user-voice:before {
    content: "\10a"
}

.icon-videos:before {
    content: "\10b"
}

.Box--warning:before,
.icon-warning:before {
    content: "\10c"
}

.icon-webinars:before {
    content: "\10d"
}

.icon-whitepapers:before {
    content: "\10e"
}

.icon-windows-8:before {
    content: "\10f"
}

.icon-x:before {
    content: "\110"
}

.icon-xamarin:before {
    content: "\111"
}

.icon-yahoo-cless:before {
    content: "\112"
}

.icon-yahoo:before {
    content: "\113"
}

.icon-youtube-cless:before {
    content: "\114"
}

.icon-youtube:before {
    content: "\115"
}

.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: #ef470a
}

@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(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 0;
    width: 40px;
    height: 40px
}

.flags-bg {
    background-image: url(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -40px;
    width: 40px;
    height: 40px
}

.flags-de {
    background-image: url(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -80px;
    width: 40px;
    height: 40px
}

.flags-dk {
    background-image: url(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -120px;
    width: 40px;
    height: 40px
}

.flags-in {
    background-image: url(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -160px;
    width: 40px;
    height: 40px
}

.flags-uk {
    background-image: url(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -200px;
    width: 40px;
    height: 40px
}

.flags-us {
    background-image: url(/telerik/img/src/sprites/flags-1395653934957.png);
    background-position: 0 -240px;
    width: 40px;
    height: 40px
}

.fixed-dummy {
    height: 70px;
    margin-top: -70px
}

.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
}

.Nav--vibe {
    opacity: 0;
    visibility: hidden;
    contain: layout;
    transition: opacity 140ms linear, visibility 140ms linear
}

.Nav--vibe.is-fixed {
    opacity: 1;
    visibility: visible
}

.Nav--vibe .Nav-title {
    color: #21242c;
    font: 600 24px/1 "Segoe UI", Arial, Gadget, sans-serif;
    text-decoration: none!important;
    letter-spacing: -.03em
}

.Nav--vibe .Nav-anchor {
    color: #555!important;
    font: 400 18px/70px "Segoe UI", Arial, Gadget, sans-serif
}

.Nav--vibe .Nav-anchor.is-active {
    background-color: #eaedee;
    background-color: rgba(97, 97, 97, .1)
}

@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.Nav--vibe {
        opacity: 1;
        visibility: visible;
        margin-top: 0
    }
    .Nav .Btn+.Btn {
        margin-left: .1em
    }
}

@media only screen and (max-width:620px) {
    .Nav-title {
        font-size: 14px;
        white-space: normal
    }
}

@media only screen and (max-width:320px) {
    .Nav-cta>a {
        font-size: 12px
    }
}

.NavAlt {
    position: relative;
    height: 60px;
    z-index: 1;
    min-height: 60px;
    margin-top: -60px;
    font-size: 0;
    text-align: center;
    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: 300 18px/60px "Segoe UI", 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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 300;
    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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 500;
    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: 400 24px/1 "Segoe UI", Arial, 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!important;
    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
}

.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: 70px;
    padding-bottom: 70px
}

.Section--xl {
    padding-top: 144px;
    padding-bottom: 144px
}

.Section--black,
.Section--black2,
.Section--black3,
.Section--black4,
.Section--blue10,
.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--black4 .Aggregate,
.Section--black4 .SubTitle,
.Section--black4 .h1,
.Section--black4 .h3,
.Section--black4 .h4,
.Section--black4 h1,
.Section--black4 h2,
.Section--black4 h3,
.Section--black4 h4,
.Section--blue10 .Aggregate,
.Section--blue10 .SubTitle,
.Section--blue10 .h1,
.Section--blue10 .h3,
.Section--blue10 .h4,
.Section--blue10 h1,
.Section--blue10 h2,
.Section--blue10 h3,
.Section--blue10 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--black4 .h5,
.Section--black4 .h6,
.Section--black4 h5,
.Section--black4 h6,
.Section--blue10 .h5,
.Section--blue10 .h6,
.Section--blue10 h5,
.Section--blue10 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--blue11 {
    background-color: #86e0ff;
    color: #000
}

.Section--blue12 {
    background-color: #07a8df;
    color: #000
}

.Section--white {
    background-color: #fff;
    color: #000
}

.Form,
.Section--grey1 {
    background-color: #f3f5f7
}

.Section--grey2 {
    background-color: #c2ccd4
}

.Section--grey4 {
    background-color: #edeff2
}

.Section--grey5 {
    background-color: #d9e0e2
}

.Section--grey6 {
    background-color: #eaf7f7
}

.Section--yellow2 {
    background-color: #ffd73f
}

.Section--yellow3 {
    background-color: #ffd260
}

.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--black4 {
    background-color: #0e1110
}

.Section--orange3 {
    background-color: #ef8500
}

.Section--blue7 {
    background-color: #004c66
}

.Section--blue8 {
    background-color: #22578a
}

.Section--blue9 {
    background-color: #141d2b
}

.Section--blue10 {
    background-color: #141e2f
}

.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--blue14 {
    color: #333!important
}

.Section--lightblue {
    background-color: #eef8ff
}

.Section.Section--lightblue:first-child {
    background-color: #daeffd
}

.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: 500 60px/1.1 "Segoe UI", 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--support {
    position: relative
}

.Section--support:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 66%;
    background: url(/telerik/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(/telerik/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
}

@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
    }
}

.ie8 .Section.Section--video3 {
    z-index: auto
}

.Section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%!important
}

.Section-bg::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none
}

.Section-bg::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none
}

.Section-bg::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.Section-bg .sfimageWrp,
.Section-bg div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.sfPageEditor .Section-bg .sfimageWrp,
.sfPageEditor .Section-bg div {
    bottom: auto
}

.Section-bg.compat-object-fit-video {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%!important;
    height: 200%;
    overflow: hidden
}

.Section-bg.compat-object-fit-video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%
}

.Section-bg.compat-object-fit {
    background-size: cover;
    position: absolute;
    background-position: center center
}

.Section-bg.compat-object-fit img {
    display: none
}

.Section-bg img,
.Section-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none
}

.Section-bg+.container {
    position: relative;
    z-index: 1;
    width: 100%!important
}

.Section-bg--nw img,
.Section-bg--nw video {
    object-position: 0 0
}

.Section-bg--nnw img,
.Section-bg--nnw video {
    object-position: 33% 0
}

.Section-bg--n img,
.Section-bg--n video {
    object-position: 50% 0
}

.Section-bg--nne img,
.Section-bg--nne video {
    object-position: 66% 0
}

.Section-bg--ne img,
.Section-bg--ne video {
    object-position: 100% 0
}

.Section-bg--w img,
.Section-bg--w video {
    object-position: 0 50%
}

.Section-bg--cw img,
.Section-bg--cw video {
    object-position: 33% 50%
}

.Section-bg--c img,
.Section-bg--c video {
    object-position: 50% 50%
}

.Section-bg--ce img,
.Section-bg--ce video {
    object-position: 66% 50%
}

.Section-bg--e img,
.Section-bg--e video {
    object-position: 100% 50%
}

.Section-bg--sw img,
.Section-bg--sw video {
    object-position: 0 100%
}

.Section-bg--ssw img,
.Section-bg--ssw video {
    object-position: 33% 100%
}

.Section-bg--s img,
.Section-bg--s video {
    object-position: 50% 100%
}

.Section-bg--sse img,
.Section-bg--sse video {
    object-position: 66% 100%
}

.Section-bg--se img,
.Section-bg--se video {
    object-position: 100% 100%
}

.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--suggest {
    color: #555;
    background-color: #ceeef9
}

.Box {
    position: relative;
    padding: 22px 20px 19px 68px;
    font-size: 18px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400
}

.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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    z-index: 50000
}

.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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #6bd0f4
}

.Box--pricing h5 {
    font-size: 60px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    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: 400 20px/34px "Segoe UI", Arial, 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
}

.Box--suggest {
    margin: 0 10px 0 -20px;
    padding: 30px 25px 48px
}

.Box--suggest .Btn {
    padding-top: 12px;
    line-height: 1;
    font-size: 18px;
    font-weight: 400
}

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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 300;
    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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    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;
    width:100%;
}

.field,
.has-reveal,
button.u-db,
input[type=button].u-db,
input[type=reset].u-db,
input[type=text],
input[type=submit].u-db,
input[type=email],
input[type=password],
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=hidden]+label,
input[type=checkbox]+label {
    display: inline-block;
    margin-left: 6px;
    margin-bottom: 10px;
    padding-right: 10px;
    vertical-align: middle
}

.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: #ef470a;
    border-left-width: 6px
}

.sfError, .field-validation-error {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #ef470a;
    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: #0487c4
}

.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
    }
}

#db_data_container {
    display: none!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,
.TK-Tag-Input-Button,
.sfFormSubmit.sfSubmitBtnSmall>input,
.sfcommentsSubmitBtn,
.sfforumSubscribeBtn,
.sfforumUnsubscribeBtn {
    position: relative;
    display: inline-block;
    padding: 7px 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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    font-size: 19px;
    text-align: center
}

.BlockLinks--buttons a:focus,
.BlockLinks--buttons a:hover,
.Btn:focus,
.Btn:hover,
.TK-Tag-Input-Button:focus,
.TK-Tag-Input-Button: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,
.TK-Tag-Input-Button: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;
        font-size: 17px
    }
}

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,
.TK-Tag-Input-Button,
.sfcommentsSubmitBtn,
.sfforumUnsubscribeBtn {
    background-color: #ee5315
}

.BlockLinks--buttons-prim a:focus,
.BlockLinks--buttons-prim a:hover,
.Btn--prim:focus,
.Btn--prim:hover,
.TK-Tag-Input-Button:focus,
.TK-Tag-Input-Button:hover,
.sfcommentsSubmitBtn:focus,
.sfcommentsSubmitBtn:hover,
.sfforumUnsubscribeBtn:focus,
.sfforumUnsubscribeBtn:hover {
    background-color: #d3470f
}

.Btn--prim3 {
    background-color: #e84b3c
}

.Btn--prim3:focus,
.Btn--prim3:hover {
    background-color: #e42d1b
}

.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
}

.Btn--sec2:focus,
.Btn--sec2:hover,
.PlatformCTA .Nav-cta .Btn--sec:focus,
.PlatformCTA .Nav-cta .Btn--sec:hover {
    background: #374959
}

.Btn--prim2,
.Btn--prim3,
.PlatformCTA .Nav-cta .Btn--prim {
    background-color: #e74b3c
}

.Btn--prim2:focus,
.Btn--prim2:hover,
.Btn--prim3:focus,
.Btn--prim3:hover,
.PlatformCTA .Nav-cta .Btn--prim:focus,
.PlatformCTA .Nav-cta .Btn--prim:hover {
    background: #e53321
}

.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: #0487c4
}

.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 #fff;
    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.Btn--transparent3 {
    background-color: #aaa;
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid transparent
}

.Btn.Btn--transparent3:hover {
    background-color: #999;
    background-color: rgba(255, 255, 255, .1)
}

.Btn--wm {
    width: 130px
}

.Btn--wn {
    width: 200px
}

.Btn--wl {
    width: 272px
}

.Btn--relaxed {
    width: 300px
}

.Btn--wxl {
    width: 350px
}

.Btn--min-w {
    min-width: 130px
}

.oldie .Btn--min-w {
    min-width: 70px
}

.Btn--l {
    padding: .44em .9em .52em;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.025em
}

@media only screen and (max-width:1230px) {
    .Btn--l,
    .Btn--wn {
        font-size: 20px
    }
}

@media only screen and (max-width:770px) {
    .Btn--l {
        font-size: 17px
    }
}

.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
}

.Btn--purchase {
    width: 300px
}

.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--wn,
    .Btn--wxl {
        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
}

.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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 300;
    padding-left: 1.1em
}

.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: #036c9c
}

.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: 500 20px/30px "Segoe UI", 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 ol,
.Forum-post pre,
.Forum-post table {
    max-width: 100%!important;
    display: block;
    overflow-x: auto;
    margin-left: 15px;
    padding-left: 25px
}

.Forum-post ul {
    margin-left: 35px
}

@media only screen and (max-width:960px) {
    .Forum-post .ForumPostContent {
        overflow-x: auto
    }
}

@media only screen and (max-width:320px) {
    .Forum-post .ForumPostContent {
        max-width: 320px
    }
}

.Forum-post .Section {
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0
}

.Forum-post~.Forum-post .Section {
    margin-top: -1px
}

.Forum-post p,
.Forum-post p span {
    display: block;
    word-break: break-word
}

.Forum-post+.container {
    text-align: center
}

.Forum-post+.container img {
    margin-bottom: 2px;
    padding: 20px 0
}

@media only screen and (max-width:960px) {
    .Forum-post+.container img {
        padding: 10px 0
    }
}

.ContentMain pre {
    overflow-x: auto
}

.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;
    margin-bottom: 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
    }
}

@media only screen and (max-width:320px) {
    .PostTopInfo .h2 {
        font-size: 28px
    }
}

.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
}

.List--plugins {
    margin-top: 45px
}

.List--plugins>.List-item {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width:960px) {
    .List--separated>li {
        border-bottom: 1px solid #d2d2d2;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin: 0!important
    }
    .List--separated>li:first-child {
        border-top: 1px solid #d2d2d2;
        border-top: 1px solid rgba(0, 0, 0, .15)
    }
    .List--separated a {
        display: block;
        padding: 10px 0;
        transition: all .2s linear
    }
    .List--separated a:active,
    .List--separated a:focus,
    .List--separated a:hover {
        padding-left: 15px;
        color: #fff;
        background-color: #0487c4;
        text-decoration: none
    }
}

@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(../images/bullets/bullet-green.png)
}

.Bullet5 {
    list-style-image: url(../img/dist/bullets/bullet-orange.png)
}

.Bullet6 {
    list-style-image: url(../img/dist/bullets/bullet-blue-8x8.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--alm2 {
    list-style-image: url(../img/dist/bullets/bullet-vibe-orange-2.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: 500 50px/1 "Segoe UI", 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 "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 400
}

.Ordered2 ol li.is-active-orange:before,
ol.Ordered2 li.is-active-orange:before {
    color: #e84c3d
}

.Ordered2 ol h3,
ol.Ordered2 h3 {
    font: 500 24px/1.1 "Segoe UI", 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: 400 px/1 "Segoe UI", Arial, Gadget, sans-serif;
    margin-bottom: 10px
}

.Ordered2--l ol p,
ol.Ordered2--l p {
    font: 300 20px/1.1 "Segoe UI", 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
    }
}

#lhnContainerDone {
    top: 50%!important;
    margin-top: -150px!important;
    background: #232c35
}

#lhnContainerDone img {
    opacity: .6!important
}

#lhnContainerDone:hover img {
    opacity: 1!important
}

.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: #0487c4
}

.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: #0487c4;
    -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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 70px
}

.ShowcasesContainer h3 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    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: #0487c4
}

.ShowcaseBoxContainer:hover .ShowcaseBox {
    border-color: #0487c4
}

.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: #0487c4;
    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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    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
}

.Embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.Embed.Embed--21by9 {
    padding-bottom: 42.857142857142854%
}

.Embed.Embed--16by9 {
    padding-bottom: 56.25%
}

.Embed.Embed--16by10 {
    padding-bottom: 62.5%
}

.Embed.Embed--4by3 {
    padding-bottom: 75%
}

.Embed embed,
.Embed iframe,
.Embed object,
.Embed video {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}

.on-mobile-screen {
    display: none
}

@media only screen and (min-width:960px) {
    .js-appear,
    .js-reveal {
        transition-property: opacity, transform;
        transition-timing-function: ease-out;
        transition-duration: .35s;
        transform-origin: 50% 50%
    }
    .js-appear-hidden,
    .js-reveal-hidden {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
        transition: all 0s 0s!important
    }
    .ie .js-appear-hidden,
    .ie .js-reveal-hidden {
        opacity: 1
    }
    .js-appear-reset,
    .js-reveal-reset {
        transform: translate3d(0, 0, 0)!important
    }
}

@media only screen and (max-width:960px) {
    .on-normal-screen {
        display: none
    }
    .on-mobile-screen {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

.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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400
}

.Footer>.container {
    padding-top: 40px;
    padding-bottom: 20px
}

.Footer ul {
    margin-bottom: 25px;
    font-size: 15px
}

.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 "Segoe UI", Arial, 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 {
    margin: 0;
    font-size: 13px
}

.Footer p a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px
}

.Footer .highlight {
    font-size: 24px
}

.Footer .Footer-credits {
    text-align: right
}

.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 .2s 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 .Footer-credits {
        text-align: center
    }
    .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-top: 20px;
        padding: 0
    }
}

#aspnetForm {
    display: table;
    width: 100%;
    height: 100%
}

.PageWrapper {
    position: relative;
    z-index: 1;
    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
    }
}

.Section--SidebarVibe .col-4 {
    position: static
}

.SidebarVibeWrapper {
    padding-left: 35px;
    position: static!important
}

.SidebarVibeWrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #b9ddee
}

.SidebarVibe {
    display: flex;
    contain: layout;
    max-height: 100vh;
    position: relative;
    flex-direction: column;
    box-sizing: border-box;
    border-left: 1px solid #b9ddee
}

.SidebarVibe-header {
    margin: 0 0 40px;
    padding: 20px 0 20px 20px
}

.SidebarVibe-footer {
    padding: 20px 0 40px 20px
}

.SidebarVibe-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
    margin: 0 0 30px;
    padding: 40px 0 60px;
    background: #eaf5fa;
    min-height: 100px
}

.SidebarVibe.is-fixed-vibe {
    top: 0;
    left: auto;
    right: auto
}

.SidebarVibe-ScrollView {
    height: auto;
    overflow: hidden;
    position: relative;
    left: -1px;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.SidebarVibe-ScrollView-Pane {
    display: block;
    overflow-y: hidden;
    margin-right: -17px;
    -ms-overflow-style: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .SidebarVibe-ScrollView-Pane {
        margin-right: 0
    }
    .SidebarVibe-ScrollView-Pane::-webkit-scrollbar {
        display: none
    }
}

.SidebarVibe-h1 {
    margin: 0 0 20px;
    letter-spacing: -.01em;
    font: 400 31px/28px "Segoe UI", Arial, Gadget, sans-serif
}

.SidebarVibe-h2 {
    color: #000;
    margin: 0 20px 20px;
    font: 500 22px "Segoe UI", Arial, Gadget, sans-serif
}

.SidebarVibe-h3 {
    font: 400 22px/28px "Segoe UI", Arial, Gadget, sans-serif
}

.SidebarVibe a {
    text-decoration: none!important
}

.SidebarVibe-menu {
    padding: 0 20px;
    position: relative
}

.SidebarVibe-menu>li:first-child>a {
    border-top: 1px solid #aed8ec
}

.SidebarVibe-menu>li>a {
    display: block;
    position: relative;
    padding: 9px 0;
    font: 400 16px "Segoe UI", Arial, Gadget, sans-serif;
    border-bottom: 1px solid #aed8ec;
    transition: color 140ms linear;
    outline: 0!important
}

.SidebarVibe-menu>li>a.is-active {
    color: #777
}

.SidebarVibe-menu>li>a:after,
.SidebarVibe-menu>li>a:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0;
    margin-top: -10px;
    border: 10px solid transparent;
    transition: opacity .1s linear
}

.SidebarVibe-menu>li>a:before {
    border-left-color: #b9ddee
}

.SidebarVibe-menu>li>a:after {
    left: -21px;
    border-left-color: #fff
}

.SidebarVibe-menu>li>a.is-active:after,
.SidebarVibe-menu>li>a.is-active:before {
    opacity: 1
}

.SidebarVibe-menu-arrow-down,
.SidebarVibe-menu-arrow-up {
    position: absolute;
    left: 50%;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    visibility: hidden;
    contain: paint;
    transition: opacity 140ms .1s linear, visibility 140ms .1s linear;
    outline: 0!important
}

.SidebarVibe-menu-arrow-down.is-active,
.SidebarVibe-menu-arrow-up.is-active {
    opacity: 1;
    visibility: visible
}

.SidebarVibe-menu-arrow-down.is-active~.SidebarVibe-ScrollView:after,
.SidebarVibe-menu-arrow-down.is-active~.SidebarVibe-ScrollView:before,
.SidebarVibe-menu-arrow-up.is-active~.SidebarVibe-ScrollView:after,
.SidebarVibe-menu-arrow-up.is-active~.SidebarVibe-ScrollView:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 12px;
    z-index: 1
}

.SidebarVibe-menu-arrow-up {
    position: relative;
    margin-top: -20px;
    margin-bottom: -4px;
    flex-shrink: 0;
    background: transparent url(../img/src/sidebar-vibe-arrow-up.png) 50% 50% no-repeat
}

.SidebarVibe-menu-arrow-up.is-active~.SidebarVibe-ScrollView:before {
    top: 0;
    background-image: linear-gradient(to top, transparent, #eaf5fa)
}

.SidebarVibe-menu-arrow-down {
    bottom: 15px;
    background: transparent url(../img/src/sidebar-vibe-arrow-down.png) 50% 50% no-repeat
}

.SidebarVibe-menu-arrow-down.is-active~.SidebarVibe-ScrollView:after {
    bottom: 0;
    background-image: linear-gradient(to bottom, transparent, #eaf5fa)
}

.SidebarVibeSectionMobile {
    display: none;
    padding: 20px 0;
    margin-top: 40px;
    margin-bottom: -40px;
    text-align: center
}

.SidebarVibeSectionMobile .SidebarVibe-h1 {
    font-size: 24px;
    margin: 0 0 10px
}

.SidebarVibeSectionMobile .SidebarVibe-h1>a {
    text-decoration: none!important
}

.SidebarVibeSectionMobile .Btn {
    min-width: 70px
}

@media only screen and (max-width:960px) {
    .SidebarVibeWrapper:before {
        content: none
    }
    .Section--SidebarVibe .ContentMain,
    .SidebarVibeSectionMobile {
        width: 100%;
        display: block
    }
    .Section--SidebarVibe .SidebarVibeWrapper,
    .Section--SidebarVibe .col-4 {
        display: none
    }
}

@media all and (-ms-high-contrast:none) {
    .SidebarVibe-ScrollView,
    ::-ms-backdrop {
        left: -2px
    }
    .SidebarVibe--IE,
    ::-ms-backdrop {
        height: 100%
    }
}

.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: 300 24px/1.25 "Segoe UI", 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: 300 65px/1 "Segoe UI", 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: 300 16px/1.25 "Segoe UI", 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: 400 20px/1.5 "Segoe UI", Arial, 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 {
    background-color: #fff
}

.Form .Dialog-A:after,
.Section--grey1 .Dialog-A:after {
    border-color: transparent #fff
}

.Form .Dialog-B:after,
.Section--grey1 .Dialog-B:after {
    border-color: #fff transparent
}

.Testimonials {
    position: relative;
    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 175ms, 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: 300 29px/1.2 "Segoe UI", 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: 300 75px/1 "Segoe UI", 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: 400 16px/1.2 "Segoe UI", Arial, Gadget, sans-serif;
    text-transform: uppercase
}

.Testimonials cite {
    margin-top: 24px;
    padding: 0;
    color: inherit;
    font: 400 24px/1.5 "Segoe UI", Arial, 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;
    margin-top: 50px
}

.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
}

.Indicator--full:before,
.Indicator--reversed:before {
    content: "";
    left: -11px;
    background: linear-gradient(to top right, transparent 49%, #ffd73f 50%), linear-gradient(to bottom right, transparent 49%, #ffd73f 50%)
}

.Indicator--full:after,
.Indicator:after {
    content: "";
    right: -11px;
    background: linear-gradient(to top left, transparent 49%, #ffd73f 50%), linear-gradient(to bottom left, transparent 49%, #ffd73f 50%)
}

.Indicator,
.Indicator-4,
.Indicator-7 {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    letter-spacing: .05em;
    color: #000
}

.Indicator-4:after,
.Indicator-4:before,
.Indicator-7:after,
.Indicator-7:before,
.Indicator:after,
.Indicator:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 22px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0, 0 50%
}

.Indicator {
    padding: 0 .75em;
    margin-right: 11px;
    line-height: 22px;
    vertical-align: top;
    background: #ffd73f
}

.Indicator.Indicator--prim {
    background: #7bd0f9
}

.Indicator.Indicator--prim:before {
    color: #7bd0f9;
    background: linear-gradient(to top right, transparent 49%, #7bd0f9 50%), linear-gradient(to bottom right, transparent 49%, #7bd0f9 50%)
}

.Indicator.Indicator--prim:after {
    color: #7bd0f9;
    background: linear-gradient(to top left, transparent 49%, #7bd0f9 50%), linear-gradient(to bottom left, transparent 49%, #7bd0f9 50%)
}

.Indicator.Indicator--sec {
    background: #a9e15c
}

.Indicator.Indicator--sec:before {
    color: #a9e15c;
    background: linear-gradient(to top right, transparent 49%, #a9e15c 50%), linear-gradient(to bottom right, transparent 49%, #a9e15c 50%)
}

.Indicator.Indicator--sec:after {
    color: #a9e15c;
    background: linear-gradient(to top left, transparent 49%, #a9e15c 50%), linear-gradient(to bottom left, transparent 49%, #a9e15c 50%)
}

.Indicator--reversed {
    margin-right: 0;
    margin-left: 11px
}

.Indicator--reversed:after {
    display: none
}

.Indicator--full {
    margin-left: 11px
}

.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
}

.Indicator-7 {
    margin-top: 9px;
    padding: 0 8px 0 4px;
    color: #6b6872;
    line-height: 26px;
    background-color: #e5f1f6
}

.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: 16px
}

.QuickLinks .sftaxonHorizontalList>li:before,
.QuickLinks a:before {
    content: "";
    display: inline-block;
    height: 1em;
    padding-left: .8em;
    margin-left: .5em;
    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: .5em;
    border-color: #555
}

@media only screen and (max-width:320px) {
    .Footer .QuickLinks a:before {
        margin-left: .7em;
        padding-left: 1em
    }
}

.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: #036c9c;
    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: 'AJAX'
}

.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--UniversalWindowsPlatform:after {
    content: 'UWP'
}

.Product--UniversalWindowsPlatform:before,
a.Product--UniversalWindowsPlatform: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: #059e1c
}

.Product--ScreenBuilder:after {
    content: 'SB'
}

.Product--ScreenBuilder:before,
a.Product--ScreenBuilder: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: 600 20px/1.2 "Segoe UI", Arial, Gadget, 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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 500;
    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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400
}

.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: 500 20px "Segoe UI", Arial, 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: 0 0 1em;
    padding-top: 4%;
    font-size: 12px;
    line-height: 22px;
    color: #999
}

.sfforumPostBreabcrumbWrp>a {
    padding: 0 4px
}

.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
    }
}

.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;
    position: relative;
    color: inherit!important;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .3);
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, .3);
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 21px;
    transition: all .2s;
    margin-bottom: -1px;
    margin-right: -1px
}

.SocialPanel>a+a {
    border-left-color: transparent
}

.SocialPanel>a:last-child {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, .3)
}

.SocialPanel>a:active,
.SocialPanel>a:focus,
.SocialPanel>a:hover {
    text-decoration: none;
    border-color: transparent!important;
    z-index: 1
}

.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;
        border-bottom-color: transparent
    }
    .SocialPanel--aside>a+a,
    .SocialPanel--asideOpposite>a+a {
        border-left-color: #fff;
        border-left-color: rgba(255, 255, 255, .3)
    }
    .SocialPanel--aside>a:last-child,
    .SocialPanel--asideOpposite>a:last-child {
        border-bottom-color: #fff;
        border-bottom-color: rgba(255, 255, 255, .3)
    }
    .SocialPanel--asideOpposite {
        right: auto;
        left: -22px
    }
}

.Telerik-share {
    height: 30px
}

.Telerik-share .buttons {
    float: left
}

.Telerik-share .buttons .button {
    float: left;
    margin-right: 17px;
    background: 0 0!important;
    border: 0;
    padding: 0
}

.Telerik-share .buttons .googleplus {
    width: 60px!important
}

.Telerik-share .buttons .twitter {
    margin-right: 11px
}

.Telerik-share .buttons .twitter iframe.twitter-count-horizontal {
    width: 84px!important
}

.Telerik-share .buttons .twitter .twitter-count-none {
    margin-right: 6px
}

.Telerik-share .buttons .facebook {
    line-height: 12px
}

.Telerik-share .buttons .facebook iframe {
    min-width: 73px
}

.Telerik-share .fb-share-button {
    float: left;
    margin-right: 20px
}

.Telerik-share .mailto {
    width: 57px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden;
    background: url(../img/dist/btn-email.png) no-repeat 0 0;
    display: inline-block
}

.Telerik-share .mailto:hover {
    background-position: 0 bottom
}

.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
}

#html .Section--Features {
    display: flex;
    align-items: center;
    -webkit-overflow-scrolling: touch
}

#html .Section--Features.is-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0!important;
    padding: 0!important;
    z-index: 4200000
}

@media all and (-ms-high-contrast:none) {
    #html._Telerik_IE9 .Section--Features {
        display: block
    }
    #html.t-ie11._Telerik_IE9 .Section--Features {
        display: flex
    }
}

.Features {
    position: relative
}

.Features .List {
    margin-bottom: 64px
}

.Features .List-thumb {
    margin-right: 20px
}

.Features-grid {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -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 {
    height: auto;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.Features-Slider-Wrapper {
    overflow: hidden;
    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-Slider-Wrapper.is-visible {
    width: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.Features-Slider-Header {
    margin-bottom: 20px
}

.Features-Slider-Breadcrumb {
    float: left;
    padding: 14px 0 13px;
    font: 400 20px "Segoe UI", Arial, Gadget, sans-serif
}

.Features-Slider-Controls {
    float: right;
    font-size: 0
}

.Features-Slider-Controls a {
    display: inline-block;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none!important
}

.Features-Slider-Controls a:last-child {
    padding-right: 0
}

.Features-Slider-Controls a:before {
    display: block;
    font: 400 17px/30px tlrk-icon-font
}

.Features-Slider-Controls a.icon-x-times:before {
    content: "×";
    display: block;
    position: relative;
    top: -3px;
    font: 300 56px/30px "Segoe UI", Arial, Gadget, sans-serif!important
}

.Features-Slider-Next {
    padding: 10px 0 15px;
    display: inline-block
}

.Features-Slider-List {
    position: relative
}

.Features-Slider-List-Item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    will-change: position, opacity, visibility;
    transition: opacity .15s ease 0s, visibility 0s ease .45s
}

.Features-Slider-List-Item.is-visible {
    height: auto;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease 0s, visibility 0s ease 0s
}

.Features-items {
    display: none!important
}

@media only screen and (max-width:770px) {
    .Features-Slider-Header {
        margin-bottom: 0
    }
    .Features-Slider-Breadcrumb,
    .Features-Slider-Controls {
        float: none
    }
    .Features-Slider-Controls {
        text-align: center
    }
    .Features-Slider-Controls a {
        margin: 0 10px;
        padding: 15px!important
    }
    .FeatureDetails-right {
        display: none!important
    }
    .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
    }
}

.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 #0487c4;
    border-radius: 100%;
    color: #0487c4;
    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.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 .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

.Faq .sflistListItemExpanded:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

td mark {
    display: inline-block;
    padding: 3px 5px;
    margin-left: 3px;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    background: #fff
}

.Tbl {
    margin-bottom: 20px;
    background: #fff
}

.Tbl td,
.Tbl th {
    padding: 18px 20px 16px;
    border: 1px solid #e1e5ea
}

@media only screen and (max-width:770px) {
    .Tbl td,
    .Tbl th {
        padding: 9px 10px 8px
    }
}

.Tbl tr:not(.header):first-child th {
    color: #fff;
    font-size: 14px;
    background: #5f6977;
    border-color: #5f6977;
    border-right-color: #77828e;
    border-bottom: 1px solid #5f6977
}

.Tbl thead {
    background: #5f6977;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    position: relative
}

@media only screen and (max-width:770px) {
    .Tbl thead {
        font-size: 13px
    }
}

.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 small {
    margin-bottom: 0
}

.Tbl--comparison td,
.Tbl--comparison th {
    text-align: center
}

.Tbl--comparison td:first-child,
.Tbl--comparison th:first-child {
    text-align: left
}

.TblAlt {
    background: #fff
}

.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: 20px;
    padding-bottom: 20px;
    vertical-align: bottom
}

.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
}

.Tbl--purchase col:first-child {
    width: 185px
}

.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:770px) {
    .Tbl--purchase td:first-child,
    .Tbl--purchase th:first-child {
        width: 220px!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
}

.Table--comparison .dot {
    color: #08a9e0;
    font-size: 21px;
    line-height: 16px;
    -webkit-text-stroke: 1px
}

.Table--comparison .header--top th {
    background-color: #0d89c3;
    border: 1px solid #3f95be;
    padding: 14px
}

.Table--comparison .header--top th h4 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 13px
}

.Table--comparison .header--top th h3 {
    color: #fff;
    font-size: 24px
}

.Table--comparison .header--inner th:first-child {
    padding: 8px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    background-color: #e1e5ea;
    color: #455160
}

.Table--comparison td,
.Table--comparison th {
    text-align: center
}

.Table--comparison td:first-child,
.Table--comparison 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
}

.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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400
}

.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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500
}

.Purchase h4 {
    color: #6bd0f4;
    font-size: 18px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    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-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #fff
}

.Purchase span {
    font-size: 14px;
    color: #fff
}

.Purchase .Btn {
    font: 500 20px "Segoe UI", Arial, Gadget, sans-serif
}

.Purchase-offset {
    margin-left: 185px
}

.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;
    font-size: 16px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400
}

.Purchase-info>.List>li:first-child {
    min-height: 70px
}

.Purchase-info .Tooltip--text {
    border-bottom-color: #116792;
    font-weight: 500;
    font-size: 19px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif
}

.Purchase-info .List .List {
    margin-top: 5px
}

.Purchase .Pricing-head-price td {
    padding-top: 30px;
    padding-bottom: 22px
}

.Purchase-switcher {
    text-align: center;
    margin-bottom: 70px;
    font-size: 0;
    line-height: 1
}

.Purchase-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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400
}

.Purchase-switcher a:first-child {
    border-radius: 2px 0 0 2px
}

.Purchase-switcher a:last-child {
    border-radius: 0 2px 2px 0
}

.Purchase-switcher a:focus,
.Purchase-switcher a:hover {
    outline: 0;
    text-decoration: none
}

.Purchase-switcher a:focus span,
.Purchase-switcher a:hover span {
    text-decoration: underline
}

.Purchase-switcher a.is-active span {
    text-decoration: none
}

.Purchase-switcher b,
.Purchase-switcher strong {
    display: block;
    color: #555;
    font-size: 14px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase
}

.Purchase-switcher .is-active {
    color: #555;
    background-color: #e1e5ea;
    pointer-events: none
}

.Purchase-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
}

.PricingBtnWrap,
.PurchaseBtnWrap {
    margin-bottom: 20px
}

.PricingBtnWrap div,
.PricingBtnWrap h5,
.PurchaseBtnWrap div,
.PurchaseBtnWrap h5 {
    display: inline
}

.PricingBtnWrap p,
.PurchaseBtnWrap p {
    margin: 0;
    padding: 0
}

.PricingBtnWrap span,
.PurchaseBtnWrap span {
    display: inline-block
}

.RadDockZone .PricingBtnWrap div,
.RadDockZone .PurchaseBtnWrap div {
    display: block
}

.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: 500 16px/1.2 "Segoe UI", Arial, 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
}

.Price-nav {
    margin-bottom: 1px;
    z-index: 2
}

.Price-nav br {
    display: none
}

.Price-nav.is-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.Price-item,
.Price-item-active {
    padding: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Price-item h3,
.Price-item h4,
.Price-item h5,
.Price-item-active h3,
.Price-item-active h4,
.Price-item-active h5 {
    display: inline-block;
    margin-bottom: 0;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #6bd0f4
}

.Price-item h3:empty,
.Price-item h4:empty,
.Price-item h5:empty,
.Price-item-active h3:empty,
.Price-item-active h4:empty,
.Price-item-active h5:empty {
    display: none
}

.Price-item-active>div:first-child,
.Price-item-active>div:nth-child(2),
.Price-item>div:first-child,
.Price-item>div:nth-child(2) {
    display: inline-block
}

.Price-item-active>div:first-child,
.Price-item>div:first-child {
    max-width: 63%
}

.Price-item-active>div:nth-child(2),
.Price-item>div:nth-child(2) {
    float: right;
    padding-right: 50px;
    color: #6bd0f4
}

.Price-item-active>div:nth-child(2) strong,
.Price-item>div:nth-child(2) strong {
    font-weight: 400
}

.Price-item-active>div:nth-child(3),
.Price-item>div:nth-child(3) {
    color: #cdd1d4;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 300;
    font-size: 13px;
    margin-top: 5px
}

.Price-item-active {
    position: relative;
    min-height: 40px;
    border-bottom: 1px solid #fff
}

.Price-item-active>span[class^=icon-] {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #6bd0f4
}

.Price-item-active>span[class^=icon-]:before {
    display: inline-block;
    transform: rotate(-180deg);
    transition: transform .2s
}

.Price-item-active,
.Price-item-wrapper {
    background: #183548
}

.Price-item-wrapper {
    position: absolute;
    left: 0;
    right: 0
}

.Price-item {
    min-height: 41px
}

.Price-item:not(:last-child) {
    padding-bottom: 0
}

.Price-item:hover h3,
.Price-item:hover h4,
.Price-item:hover h5,
.Price-item:hover>div {
    color: #fff
}

.Price-nav-helper {
    visibility: hidden
}

@media only screen and (min-width:770px) {
    .Price-nav-helper {
        display: none
    }
}

.elevate img,
.elevate:empty {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .15)
}

.Timeline {
    position: relative;
    width: 100%;
    max-width: 2100px;
    margin-top: 90px;
    margin-left: 0;
    margin-right: 45px;
    list-style-type: none;
    padding-left: 70px;
    padding-right: 180px;
    background: url(../img/dist/timeline-arrow.png) no-repeat right 60px
}

@media only screen and (max-width:1230px) {
    .Timeline {
        padding-right: 160px;
        padding-left: 10px
    }
}

@media only screen and (min-width:2000px) {
    .Timeline {
        margin: 0 auto
    }
}

.Timeline:before {
    content: "";
    position: absolute;
    left: -200%;
    right: 150px;
    top: 60px;
    display: block;
    border-width: 2px 0;
    border-style: solid;
    border-color: #fff;
    height: 118px
}

.Timeline li {
    padding-top: 180px;
    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: -58px
}

.Timeline li:nth-child(5) img,
.Timeline li:nth-child(7) img {
    z-index: 2
}

@media only screen and (max-width:1400px) {
    .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
}

.Timeline.is-triggered li:nth-child(10) {
    transition-delay: 1s
}

.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-no-pseudo:after,
.u-no-pseudo:before {
    display: none!important
}

.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-tdn-wrap a {
    text-decoration: none!important
}

.u-hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto
}

.u-fl {
    float: left!important
}

.u-fr {
    float: right!important
}

.u-oh {
    overflow: hidden!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-sans {
    font-family: "Segoe UI", Arial, Gadget, sans-serif!important
}

.u-ff-sans0 {
    font-family: "Segoe UI", Arial, Gadget, sans-serif!important;
    font-weight: 300!important
}

.u-ff-sans1 {
    font-family: "Segoe UI", Arial, Gadget, sans-serif!important;
    font-weight: 400!important
}

.u-ff-sans2 {
    font-family: "Segoe UI", Arial, Gadget, sans-serif!important;
    font-weight: 500!important
}

.u-ff-sans3 {
    font-family: "Segoe UI", Arial, Gadget, sans-serif!important;
    font-weight: 600!important
}

.u-ff-slab {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif!important
}

.u-ff-slab1 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif!important;
    font-weight: 200!important
}

.u-ff-slab2 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif!important;
    font-weight: 300!important
}

.u-ff-slab3 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif!important;
    font-weight: 500!important
}

.u-tdu a,
a.u-tdu {
    display: inline!important;
    text-decoration: none!important;
    background-repeat: repeat-x;
    background-size: 1px .12em;
    background-position: 0 1em;
    background-image: linear-gradient(to top, transparent 50%, rgba(4, 135, 196, .5) 50%)
}

.u-tdu:hover a,
a.u-tdu:hover {
    background-image: linear-gradient(to top, transparent 50%, rgba(3, 108, 156, .5) 50%)
}

.u-no-controls::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none
}

.u-no-controls::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none
}

.u-no-controls::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.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: bolder!important
}

.u-fwn {
    font-weight: 400!important
}

.u-fw2 {
    font-weight: 200!important
}

.u-fw3 {
    font-weight: 300!important
}

.u-fw4 {
    font-weight: 400!important
}

.u-fw5 {
    font-weight: 500!important
}

.u-fw6 {
    font-weight: 600!important
}

.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-fs23 {
    font-size: 23px!important
}

.u-fs24 {
    font-size: 24px!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
}

.u-zi-max {
    z-index: 4200000
}

@media only screen and (max-width:1230px) {
    .u-medium-dn {
        display: none!important
    }
    .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-db {
        display: block!important
    }
    .u-normal-no-pseudo:after,
    .u-normal-no-pseudo:before {
        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-mb2 {
        margin-bottom: 20px!important
    }
    .u-normal-mb3 {
        margin-bottom: 30px!important
    }
    .u-normal-mb4 {
        margin-bottom: 40px!important
    }
    .u-normal-mb5 {
        margin-bottom: 50px!important
    }
    .u-normal-firstfull>div:first-child {
        width: 100%
    }
}

@media only screen and (max-width:770px) {
    .u-modest-dn {
        display: none!important
    }
    .u-modest-fl {
        float: left!important
    }
    .u-modest-nm {
        margin: 0!important
    }
    .u-modest-mb0 {
        margin-bottom: 0!important
    }
    .u-modest-np {
        padding: 0!important
    }
    .u-modest-pl3 {
        padding-left: 30px!important
    }
    .u-modest-full {
        width: 100%!important
    }
    .u-modest-half {
        width: 50%!important
    }
    .u-modest-mb3 {
        margin-bottom: 30px!important
    }
    .u-fs24 {
        font-size: 22px!important
    }
}

@media only screen and (max-width:620px) {
    .u-small-fl {
        float: left!important
    }
    .u-small-dn {
        display: none!important
    }
    .u-small-db {
        display: block!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-mt6 {
        margin-top: 60px!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-small-pl3 {
        padding-left: 30px!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,
    .u-fs24 {
        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-db {
        display: block!important
    }
    .u-min-fl {
        float: left!important
    }
    .u-min-full {
        width: 100%!important
    }
    .u-min-nm {
        margin: 0!important
    }
    .u-min-mb0 {
        margin-bottom: 0!important
    }
    .u-min-mb1 {
        margin-bottom: 10px!important
    }
    .u-min-mt4 {
        margin-top: 40px!important
    }
    .u-min-mb12 {
        margin-bottom: 120px!important
    }
    .u-min-np {
        padding: 0!important
    }
    .u-min-pt4 {
        padding-top: 40px!important
    }
    .u-min-pl3 {
        padding-left: 30px!important
    }
    .u-min-pb4 {
        padding-bottom: 40px!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
}

.List .Space--grande2 {
    margin-bottom: -90px
}

.Space--grande2.list-reset li,
.Space--grande2>.List-item,
.Space--grande2>li {
    margin-bottom: 90px
}

.Space--grande2.list-reset li:last-child,
.Space--grande2>.List-item:last-child,
.Space--grande2>li:last-child {
    margin-bottom: 0
}

.Space--grande2.list-reset li .List,
.Space--grande2>.List-item .List,
.Space--grande2>li .List {
    margin-top: 90px
}

.Space--grande2.list-reset li .List-thumb,
.Space--grande2>.List-item .List-thumb,
.Space--grande2>li .List-thumb {
    margin-right: 50px
}

.Space--grande2.List--imgFullWidth .List-thumb {
    margin-bottom: 90px;
    margin-right: 0
}

@media only screen and (max-width:960px) {
    .Space--grande2>li {
        margin-bottom: 70px
    }
}

@media only screen and (max-width:770px) {
    .Space--grande2>li {
        margin-bottom: 50px
    }
}

@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
    }
}

@media only screen and (max-width:320px) {
    .Space--relaxed>li {
        margin-bottom: 20px
    }
}

.SearchResults--Blogs .TK-Search-Results-List-Item-H,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    word-wrap: break-word;
    word-break: break-word
}

.Title {
    font: 300 40px/1.2 "Segoe UI", Arial, Helvetica, sans-serif
}

.Title.Title--s {
    font-size: 30px
}

.Title.Title--m {
    font-size: 40px
}

.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--100 {
    font-size: 100px
}

.Title.Title--slim {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 200;
    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
}

.SubTitle--xl {
    font-size: 30px;
    line-height: 1.1
}

.Label {
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #777
}

.Aggregate {
    font: 500 60px/.8 "Segoe UI", Arial, Gadget, sans-serif;
    margin-bottom: .13333em;
    letter-spacing: -.04em
}

.Aggregate--theme2 {
    font: 200 120px/.8 "Segoe UI", 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: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #555;
    max-width: 270px;
    margin: 10px auto 0;
    vertical-align: middle
}

.AggregateTitle {
    font: 500 20px/.9 "Segoe UI", 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--xxxl {
    font-weight: 400;
    font-size: 50px!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--lb5 {
    color: #3d5afe!important
}

.Text--lb6 {
    color: #adddff!important
}

.Text--link {
    color: #0487c4!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--lg6 {
    color: #5ce600!important
}

.Text--lo {
    color: #febf01!important
}

.Text--lo2 {
    color: #f5881f!important
}

.Text--lo3 {
    color: #ff5747!important
}

.Text--lo4 {
    color: #e84b3c!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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 1.2
}

.hgroup--v2 .SubTitle {
    color: #222;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    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: 300 60px/1.2 "Segoe UI", 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: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-bottom: 40px
}

.hgroup--banner-v2 h3 {
    font-size: 36px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    letter-spacing: -1px
}

.hgroup--banner-v2 .SubTitle {
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 400;
    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--m {
        font-size: 34px
    }
    .Title.Title--l {
        font-size: 40px
    }
    .Title.Title--xl {
        font-size: 50px
    }
    .Title.Title--100,
    .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--m {
        font-size: 28px
    }
    .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
    }
}

@media only screen and (max-width:620px) {
    .Title.Title--100 {
        font-size: 40px
    }
    .Text--xxl {
        font-size: 30px!important
    }
}

@media only screen and (max-width:320px) {
    .Text--xxl {
        font-size: 22px!important
    }
}

.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: 500 60px/1.2 "Segoe UI", Arial, 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/aboutus-header-bg.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 220px;
    height: 665px
}

.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: 400 150px/1 "Segoe UI", 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: 300 24px/1 "Segoe UI", 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: 300 50px/1 "Segoe UI", Arial, Helvetica, sans-serif;
    margin-bottom: 15px
}

.ManagementBio h2 span {
    color: #039be5
}

.ManagementBio h3 {
    color: #222;
    font: 400 24px/1 "Segoe UI", Arial, 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
    }
}

.Section--NativeScriptPlatform {
    position: relative;
    background: #000 url(//d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/NativeScript/toplevel/stars-background.jpg?Status=Master&sfvrsn=2) 50% 0 no-repeat;
    background-size: 100%
}

@media only screen and (max-width:1400px) {
    .Section--NativeScriptPlatform {
        background-size: auto
    }
}

@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
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tlrk-litebox .fadeInScale {
        -webkit-animation-name: none;
        animation-name: none
    }
}

.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)
    }
}

.Pricings {
    background: #183548!important
}

.Pricings .Pricings-value {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    line-height: .8!important;
    font-family: "Segoe UI"!important
}

.Pricings-plus-box {
    border: 1px rgba(255, 255, 255, .4) solid;
    padding: 15px;
    position: relative;
    font-size: 18px!important;
    height: auto
}

.Pricings-plus-box.Levels {
    font-size: 14px!important;
}

.Pricings-plus-box.Levels:before {
    content: "Уровнемеры";
    width: 89px;
}

.Pricings-plus-box:before {
    display: block;
    width: 109px;
    height: 20px;
    line-height: 25px;
    margin: 0 auto;
    content: "Синхронизация";
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    font-size: 15px!important;
    background-color: #183548
}

.Pricings-plus-box.Sync:before {
    content: "Синхронизация";
}

.Pricings-plus-box.Vehicle:before {
    content: "ТС";
    width: 22px;
}

.Pricings-plus-box.Navigation:before {
    content: "Навигация";
    width: 76px;
}

.Pricings-highlight-label {
    color: #e74b3c;
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    top: 70px;
    left: 20px;
    right: 20px;
    text-align: center
}

.Pricings-highlighted-product .Pricings {
    background-color: #156ba3!important
}

.Pricings-highlighted-product .Pricings-plus-box:before {
    background-color: #156ba3
}

.Pricings-highlighted-product .Pricings-plus-box .Text--b6 {
    color: #c1c1c1!important
}

.Pricings-highlighted-product .Pricings-sticky-box {
    background-color: #156ba3
}

.Pricings-value span {
    font-size: 30px
}

.Pricings-title {
    height: 54px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 35px
}

.Pricings-inner-content {
    max-width: 240px;
    margin: 0 auto
}

.Pricings-inner-content ul {
    list-style: none;
    margin-left: 0
}

.Pricings-products-count {
    height: 50px
}

.Pricings-col .Section--blue4.u-pb2.Pricings {
    display: none
}

.Pricings-col.Pricings-middle-col .Section--blue4.u-pb2.Pricings {
    display: block;
    margin-bottom: -1px;
    z-index: 9999;
    position: inherit
}

.Pricings-middle-col .Pricings-highlight-label {
    font-size: 24px;
    top: 55px;
    border: 1px #e74b3c solid;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 160px;
    padding: 3px 5px
}

.Pricings-middle-col .Pricings-white-padding {
    display: none
}

.Pricings-kendo .Pricings {
    min-height: 525px
}

.Pricings-kendo .Pricings-highlight-label {
    font-size: 18px;
    top: 15px
}

.Pricings-kendo .Pricings-products-count {
    margin-top: -5px;
    margin-bottom: 20px;
    height: 50px
}

.Pricings-kendo .Pricings-plus-box {
    padding: 15px 20px 10px 20px;
    line-height: 1.2;
    min-height: 110px
}

.Pricings-kendo .Pricings-plus-box:before {
    line-height: 25px;
    width: 22px
}

.Pricings-list ul {
    list-style: none;
    position: relative;
    margin-left: 15px
}

.Pricings-list ul li {
    font-size: 17px!important
}

.Pricings-list ul li strong {
    color: #000
}

.Pricings-list ul li:before {
    content: "•";
    color: #0487c4;
    margin-left: -15px;
    padding-right: 8px
}

.Pricings-list-title {
    color: #83898d;
    text-transform: uppercase;
    border-bottom: 1px #d9e2e8 solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 17px;
    font-family: "Segoe UI", Arial, Gadget, sans-serif;
    font-weight: 500;
    padding-top: 10px
}

h2+.Pricings-list-title {
    padding-top: 0
}

.Pricings.Offer {
    border: 1px #e1e1e1 solid;
    background-color: #fff!important;
    min-height: 560px;
    max-height: 560px
}

.Pricings.Offer .Pricings-plus-box {
    background-color: #eee;
    border: none;
    padding: 20px;
    min-height: 115px
}

.Pricings.Offer .Pricings-plus-box:before {
    background-color: transparent;
    top: -13px;
    font-weight: 700
}

.Pricings.Offer .Btn {
    position: absolute;
    bottom: 35px;
    left: 30px;
    right: 30px
}

.Pricings-list .Tooltip {
    font-weight: 400!important;
    text-align: left!important
}

.Pricings-list .Tooltip--text {
    border-bottom-color: #0487c4!important
}

.Pricings-sticky-box {
    background-color: #183548;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    padding-bottom: 10px;
    z-index: 3
}

.Pricings-sticky-box h3 {
    margin-bottom: 10px;
    height: 60px
}

.Individual-products-heading {
    border-bottom: 1px #d9e2e8 solid;
    padding-bottom: 3px
}

.Individual-product {
    border: 1px #e1e1e1 solid;
    padding: 25px;
    position: relative;
    height: 270px
}

.Individual-product a {
    display: block;
    height: 50px
}

.Individual-product-note {
    margin-top: 15px;
    background-color: #daeffd;
    padding: 3px
}

.Individual-product-description {
    margin-top: 15px;
    margin-bottom: 15px
}

.Individual-product-price {
    position: absolute;
    top: 210px;
    left: 30px;
    right: 30px
}

.Configurator-options .col-1 {
    padding-left: 10px
}

.Configurator-options .col-9 {
    margin-left: -10px
}

.Configurator-options .Configurator-options-radio {
    margin-top: 7px;
    margin-right: 3px
}

.Configurator-options .col-12 strong {
    width: 40px;
    display: inline-block
}

.Configurator-Item {
    position: relative;
    border-bottom: 1px #e5e5e5 solid;
    border-top: 1px #e5e5e5 solid;
    margin-top: -1px;
    padding-top: 11px;
    padding-bottom: 10px;
    cursor: pointer
}

.Configurator-Item.is-active {
    background-color: #eef8ff;
    border-bottom: 1px #eef8ff solid!important;
    border-top: 1px #eef8ff solid!important
}

.Configurator-Item.is-active+div {
    border-top: 1px #eef8ff solid!important
}

.Configurator-Item>.u-fl {
    width: 80px;
    white-space: nowrap
}

.Configurator-option-label {
    margin-top: 3px;
    margin-bottom: 3px;
    color: #555
}

.Configurator-options-upgrade .Configurator-Item {
    padding-top: 14px;
    padding-bottom: 12px
}

.Pricing-configurator-container ul {
    list-style: none;
    position: relative;
    margin-left: 15px
}

.Pricing-configurator-container ul li {
    font-size: 17px!important
}

.Pricing-configurator-container ul li strong {
    color: #000
}

.Pricing-configurator-container ul li:before {
    content: "•";
    color: #0487c4;
    margin-left: -15px;
    padding-right: 8px
}

.Configurator-tooltip {
    position: relative
}

.Configurator-tooltip:after {
    content: "";
    display: block;
    clear: both
}

.Configurator-tooltip .Tooltip {
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 0;
    margin-top: 2px;
    cursor: default
}

.Configurator-tooltip p {
    float: left;
    width: 90%;
    margin-left: 10px
}

.Pricings-tabs {
    margin: 0 auto;
    width: 785px;
    position: relative
}

.Pricings-tabs:after {
    content: "";
    display: block;
    clear: both
}

.Pricings-tab {
    float: left;
    background-color: #edf7fe;
    position: relative
}

.Pricings-tab:last-child {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center
}

.Pricings-tab a {
    display: block;
    cursor: pointer;
    padding: 20px 30px;
    width: 320px;
    min-height: 90px;
    font-size: 28px
}

.Pricings-tab a:hover {
    text-decoration: none
}

.Pricings-tab a:first-child {
    margin-right: 5px
}

.Pricings-tab a span {
    display: block;
    font-size: 17px;
    color: #777
}

.Pricings-tab a:not(.is-active) {
    max-height: 88px
}

.Pricings-tab a:not(.is-active) a {
    padding: 15px 40px;
    width: 370px
}

.Pricings-tab a:not(.is-active) a span {
    margin-top: 6px
}

.Pricings-tab.is-active {
    background-color: #fff;
    width: 400px
}

.Pricings-tab.is-active a {
    min-height: 100px;
    width: 390px;
    font-size: 31px;
    color: #000;
    line-height: 60px
}

.Pricings-tab-bundles {
    line-height: 50px
}

.Pricings-tab-label {
    position: absolute;
    right: -32px;
    top: -8px;
    border-bottom: 50px solid #e84c3d;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    -webkit-transform: rotate(45deg)
}

.Pricings-tab-label>span {
    color: #fff!important;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: 700;
    position: absolute;
    right: -20px;
    top: 18px;
    line-height: 13px
}

@media only screen and (max-width:1230px) {
    .Pricings {
        padding-left: 30px;
        padding-right: 30px
    }
    .Pricings-highlight-label {
        top: 50px
    }
    .Pricings-middle-col .Pricings-highlight-label {
        top: 35px
    }
    .Pricings-title {
        height: 74px
    }
    .Pricings-kendo .Pricings .Pricings-plus-box {
        min-height: 132px
    }
    .Pricings-kendo .Pricings-highlight-label {
        font-size: 16px;
        top: 15px
    }
    .Pricings.Offer .Btn {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto
    }
}

@media only screen and (max-width:960px) {
    .Pricings-highlight-label {
        top: 30px
    }
    .Pricings-middle-col .Pricings-highlight-label {
        top: 25px;
        font-size: 20px;
        padding: 2px 3px
    }
    .Pricings-white-padding+.Pricings {
        display: none!important
    }
    .Pricings-wrapper {
        margin-bottom: 40px
    }
    .Pricings-wrapper:after {
        display: block;
        content: "";
        clear: both
    }
    .Pricings-wrapper .Pricings {
        position: relative
    }
    .Pricings-list {
        padding-top: 20px!important
    }
    .Pricings-list-title {
        margin-top: 0!important
    }
    .Pricings-list .Bullet1 li {
        width: 48%!important;
        display: inline-block;
        padding-right: 20px;
        vertical-align: top
    }
    .Pricings-wrapper .Pricings {
        float: left;
        min-height: inherit
    }
    .Pricings-wrapper .Pricings-list {
        float: right;
        width: 60%
    }
    .Pricings-support-list {
        width: 100%!important
    }
    .Pricings .Btn,
    .Pricings max-height: inherit,
    .Pricings min-height: inherit,
    .Pricings.Offer {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto
    }
    .Pricings-sticky-box {
        display: none
    }
    .Pricings-title {
        height: inherit
    }
    .Configurator-options .col-1 {
        width: 10%!important
    }
    .Configurator-options .col-9 {
        margin-left: 0;
        padding-left: 30px!important
    }
    .Configurator-options .Configurator-options-radio {
        margin-top: 5px
    }
}

@media only screen and (max-width:770px) {
    .Pricings-highlight-label {
        top: auto!important;
        position: relative;
        left: auto;
        right: auto
    }
    .Pricings-middle-col .Pricings-highlight-label {
        top: auto;
        margin-bottom: 20px
    }
    .Pricings-kendo .Pricings {
        min-height: inherit
    }
    .Pricings-wrapper .Pricings-list {
        float: none;
        width: 100%
    }
    .Pricings-wrapper .Pricings {
        position: relative;
        float: none;
        width: 100%;
        padding-top: 25px!important
    }
    .Pricings-list {
        padding-top: 20px!important
    }
    .Pricings-list-title {
        margin-top: 0!important
    }
    .Pricings-highlight-label {
        font-size: 110%!important
    }
    .Pricings-list .Bullet1 li {
        width: 48%!important;
        display: inline-block
    }
    .Configurator-options .col-1 {
        width: 10%!important
    }
    .Configurator-options .col-9 {
        margin-left: 0;
        padding-left: 30px!important
    }
    .Configurator-options .col-9 .Configurator-options-radio {
        margin-top: 8px
    }
    .js-configurator-area {
        max-width: 90%;
        margin: 0 auto
    }
}

@media only screen and (max-width:620px) {
    .Pricings-highlight-label {
        position: relative;
        top: auto
    }
    .Pricings-title {
        height: auto
    }
    .Pricings-highlight-label,
    .Pricings-middle-col .Pricings-highlight-label {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }
    .Pricings-middle-col .Pricings-highlight-label {
        top: -10px
    }
    .Pricings-list .Bullet1 li {
        width: 100%!important;
        display: block
    }
    .Individual-product {
        height: initial
    }
    .Individual-product a {
        height: initial!important
    }
    .Individual-product-price {
        position: relative;
        left: initial;
        right: initial;
        top: initial
    }
    .Configurator-options .Configurator-options-radio {
        margin-top: 8px
    }
}

tk-site-search {
    display: block
}

tk-site-search[hidden] {
    display: none
}

tk-site-search *,
tk-site-search:after,
tk-site-search:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TK-Tag,
.TK-Tag-Input[type=search],
.TK-Tag-X,
.TK-Tags-Wrapper {
    display: inline-block;
    vertical-align: middle
}

.TK-Tag-Input-Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 54px;
    background: #fff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    border: 1px solid #dadde0
}

.TK-Tag-Input-Wrapper:hover {
    border-color: #b8b8b8
}

.TK-Tag-Input-Wrapper.is-focus {
    outline-offset: -2px;
    outline: 2px auto highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.TK-Tag-Input-Flex-Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.TK-Tag-Input-Flex-Wrapper,
.TK-Tags-Wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.TK-Tag {
    height: 48px;
    margin: 2px;
    padding: 0 10px;
    cursor: default;
    color: #7e8690;
    background: #ececec;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 2px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    font: 400 18px/48px "Segoe UI", Arial, Helvetica, sans-serif
}

.TK-Tag:focus,
.TK-Tag:hover {
    color: #6a727b;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15)
}

.TK-Tag-X {
    margin-left: 8px;
    font-size: 15px;
    cursor: pointer
}

.TK-Tag-X:focus,
.TK-Tag-X:hover {
    color: #5e646d
}

.TK-Tag-Input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-flex: 9999;
    -ms-flex: 9999 1 auto;
    flex: 9999 1 auto;
    width: auto!important;
    height: 48px!important;
    margin: 2px;
    padding: 0;
    text-indent: 10px;
    border: none;
    outline: 0;
    font: 500 20px "Segoe UI", arial, sans-serif
}

.TK-Pager {
    display: block;
    text-align: center;
    margin: 42px 0
}

.TK-Pager:after {
    content: "";
    display: block;
    clear: both
}

.TK-Pager-Links>a,
.TK-Pager-Next>a,
.TK-Pager-Prev>a {
    display: inline-block;
    min-width: 36px;
    padding: 10px;
    color: #008aea;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-align: center;
    font: 400 15px/1 "Segoe UI", Arial, Helvetica, sans-serif
}

.TK-Pager-Links>a.is-active,
.TK-Pager-Links>a:focus,
.TK-Pager-Links>a:hover,
.TK-Pager-Next>a.is-active,
.TK-Pager-Next>a:focus,
.TK-Pager-Next>a:hover,
.TK-Pager-Prev>a.is-active,
.TK-Pager-Prev>a:focus,
.TK-Pager-Prev>a:hover {
    font-weight: 700;
    text-decoration: underline
}

.TK-Pager-Prev {
    float: left
}

.TK-Pager-Next {
    float: right
}

.TK-Pager-Links {
    display: inline-block
}

.TK-Pager-Links>a {
    margin: 0 5px
}

.TK-Search-Results-List {
    list-style: none;
    margin: 0;
    padding: 0
}

.TK-Search-Results-List-Item {
    margin: 0 0 20px
}

.TK-Search-Results-List-Item:before {
    content: none
}

.TK-Search-Results-List-Item-A {
    float: left
}

.TK-Search-Social-Share {
    float: right
}

.TK-Search-Social-Share-Nav {
    float: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .1s linear, visibility lineaR .1s;
    transition: opacity .1s linear, visibility lineaR .1s
}

.TK-Search-Social-Share-Nav.is-visible {
    opacity: 1;
    visibility: visible
}

.TK-Search-Social-Share-Button {
    float: right
}

.TK-Tag-Input::-webkit-input-placeholder {
    font-size: 20px
}

.TK-Tag-Input::-moz-placeholder {
    font-size: 20px
}

.TK-Tag-Input:-ms-input-placeholder {
    font-size: 20px
}

.TK-Tag-Input-Button>svg {
    fill: #fff;
    vertical-align: middle
}

.TK-Tag-Input-Button>span {
    vertical-align: middle
}

@media only screen and (max-width:620px) {
    .TK-Tag-Input-Button {
        font-size: 0;
        padding: 7px 16px
    }
}

.SearchResults {
    font-family: "Segoe UI", Arial, Gadget, sans-serif
}

.TK-Search-Results-Count-Wrapper {
    position: relative;
    padding: 10px 0;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5
}

.TK-Search-Results-Count-Wrapper:empty {
    display: none
}

.TK-Search-Results-Query {
    color: #000
}

.TK-Search-Results-Spellcheck-Wrapper {
    margin: 0 0 20px;
    padding: 10px 0;
    font-size: 18px
}

.TK-Search-Results-Spellcheck-Wrapper:empty,
.TK-Search-Results-Spellcheck-Wrapper[hidden] {
    display: none
}

.TK-Search-Results-List-Wrapper {
    margin: 20px 0
}

.TK-Search-Results-List {
    font-size: 20px
}

@media only screen and (max-width:620px) {
    .TK-Search-Results-List {
        font-size: 16px
    }
}

.TK-Search-Results-List-Item {
    margin: 40px 0;
    padding: 20px;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: 0 0 4px rgba(0, 0, 0, .125)
}

@media only screen and (max-width:620px) {
    .TK-Search-Results-List-Item {
        margin: 35px 0
    }
}

.TK-Search-Results-List-Item-H {
    font: 400 27px "Segoe UI", Arial, Gadget, sans-serif
}

@media only screen and (max-width:960px) {
    .TK-Search-Results-List-Item-H {
        font-size: 24px
    }
}

@media only screen and (max-width:620px) {
    .TK-Search-Results-List-Item-H {
        font-size: 20px
    }
}

@media only screen and (max-width:320px) {
    .TK-Search-Results-List-Item-H {
        font-size: 18px
    }
}

.TK-Search-Results-List-Item-P {
    margin: 0 0 10px
}

.TK-Search-Results-List-Item-A {
    float: none!important
}

.TK-Pager {
    margin: 100px 0 60px
}

@media only screen and (max-width:620px) {
    .TK-Pager {
        margin: 50px 0
    }
}

@media only screen and (max-width:680px) {
    .TK-Pager-Links {
        display: none
    }
}

@media only screen and (max-width:960px) {
    .SearchResults--Blogs .TK-Pager-Links {
        display: none
    }
}

.Sticky-Top-Nav-Blogs-Search {
    overflow: hidden;
    position: relative;
    line-height: normal
}

.Sticky-Top-Nav-Blogs-Search .TK-Tag-Input-Wrapper {
    flex: none;
    display: block
}

.Sticky-Top-Nav-Blogs-Search .TK-Tag-Input[type=search] {
    height: 55px!important;
    max-width: 99%;
    font-size: 17px;
    font-weight: 400
}

.Sticky-Top-Nav-Blogs-Search .TK-Tag-Input[type=search]::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 400
}

.Sticky-Top-Nav-Blogs-Search .TK-Tag-Input[type=search]::-moz-placeholder {
    font-size: 17px;
    font-weight: 400
}

.Sticky-Top-Nav-Blogs-Search .TK-Tag-Input[type=search]:-ms-input-placeholder {
    font-size: 17px;
    font-weight: 400
}

.Sticky-Top-Nav-Blogs-Search .Sticky-Top-Nav-Blogs-Search-Button {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    border: 1px solid transparent
}

.Sticky-Top-Nav-Blogs-Search .Sticky-Top-Nav-Blogs-Search-Button>svg {
    vertical-align: middle
}

.Sticky-Top-Nav-Blogs-Search .Sticky-Top-Nav-Blogs-Search-Button:focus>svg,
.Sticky-Top-Nav-Blogs-Search .Sticky-Top-Nav-Blogs-Search-Button:hover>svg {
    fill: #e0461f
}

.SearchAside {
    margin: 40px 0
}

.SearchAside .TK-Tag-Input-Wrapper {
    position: relative
}

.SearchAside .TK-Tag-Input {
    font-size: 16px
}

.SearchAside .TK-Tag-Input::-webkit-input-placeholder {
    font-size: 16px
}

.SearchAside .TK-Tag-Input::-moz-placeholder {
    font-size: 16px
}

.SearchAside .TK-Tag-Input:-ms-input-placeholder {
    font-size: 16px
}

.SearchAside .TK-Tag-Input-Aside-Button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 0;
    background: #fff
}

.SearchAside .TK-Tag-Input-Aside-Button:focus>svg,
.SearchAside .TK-Tag-Input-Aside-Button:hover>svg {
    fill: #e0461f
}

.SearchResults--Blogs b,
.SearchResults--Blogs strong {
    font-weight: 500
}

.SearchResults--Blogs .TK-Search-Results-List-Item-A {
    display: inline-block;
    padding: 13px 0
}

.TK-Search-Social-Share {
    overflow: visible;
    position: relative
}

.TK-Search-Social-Share-Nav {
    margin: 0!important
}

.TK-Search-Social-Share-Button {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #0487c4;
    background: 0 0
}

.TK-Search-Social-Share-Button:focus,
.TK-Search-Social-Share-Button:hover {
    color: #036c9c
}

.TK-Search-Social-Share-Button:before {
    color: #7b8a96;
    font-size: 18px!important
}

@media only screen and (max-width:370px) {
    .TK-Search-Social-Share-Button {
        font-size: 0;
        min-width: 44px
    }
}

@media only screen and (max-width:742px) {
    .col-6 .SearchForums .TK-Tag-Input-Button {
        padding: 7px 16px
    }
    .col-6 .SearchForums .TK-Tag-Input-Button>span {
        display: none
    }
}

.TK-Aside:after,
.TK-container:after,
.TK-Drawer:after,
.TK-Hat-Aside:after,
.TK-row:after {
    clear: both;
    content: "";
    display: table
}

.TK-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px;
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (max-width:1230px) {
    .TK-container {
        padding-left: 5%;
        padding-right: 5%
    }
}

@media only screen and (max-width:590px) {
    .TK-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.TK-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    margin-left: -15px;
    margin-right: -15px
}

.TK-col-1,
.TK-col-2,
.TK-col-3,
.TK-col-4,
.TK-col-5,
.TK-col-6,
.TK-col-7,
.TK-col-8,
.TK-col-9,
.TK-col-10,
.TK-col-11,
.TK-col-12,
.TK-col-13,
.TK-col-14,
.TK-col-15,
.TK-col-16,
.TK-col-17,
.TK-col-18,
.TK-col-19,
.TK-col-20,
.TK-col-21,
.TK-col-22,
.TK-col-23,
.TK-col-24 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    vertical-align: top
}

.TK-col-1 {
    width: 4.166666666666666%
}

.TK-col--offset-1 {
    margin-left: 4.166666666666666%
}

.TK-col-2 {
    width: 8.333333333333332%
}

.TK-col--offset-2 {
    margin-left: 8.333333333333332%
}

.TK-col-3 {
    width: 12.5%
}

.TK-col--offset-3 {
    margin-left: 12.5%
}

.TK-col-4 {
    width: 16.666666666666664%
}

.TK-col-5 {
    width: 20.833333333333336%
}

.TK-col-6 {
    width: 25%
}

.TK-col-7 {
    width: 29.166666666666668%
}

.TK-col-8 {
    width: 33.33333333333333%
}

.TK-col-9 {
    width: 37.5%
}

.TK-col-10 {
    width: 41.66666666666667%
}

.TK-col-11 {
    width: 45.83333333333333%
}

.TK-col-12 {
    width: 50%
}

.TK-col-13 {
    width: 54.166666666666664%
}

.TK-col-14 {
    width: 58.333333333333336%
}

.TK-col-15 {
    width: 62.5%
}

.TK-col-16 {
    width: 66.66666666666666%
}

.TK-col-17 {
    width: 70.83333333333334%
}

.TK-col-18 {
    width: 75%
}

.TK-col-19 {
    width: 79.16666666666666%
}

.TK-col-20 {
    width: 83.33333333333334%
}

.TK-col-21 {
    width: 87.5%
}

.TK-col-22 {
    width: 91.66666666666666%
}

.TK-col-23 {
    width: 95.83333333333334%
}

.TK-col-24 {
    width: 100%
}

@media only screen and (max-width:880px) {
    .TK-col-1,
    .TK-col-2,
    .TK-col-3,
    .TK-col-4,
    .TK-col-5,
    .TK-col-6,
    .TK-col-7,
    .TK-col-8,
    .TK-col-9,
    .TK-col-10,
    .TK-col-11,
    .TK-col-12,
    .TK-col-13,
    .TK-col-14,
    .TK-col-15,
    .TK-col-16,
    .TK-col-17,
    .TK-col-18,
    .TK-col-19,
    .TK-col-20,
    .TK-col-21,
    .TK-col-22,
    .TK-col-23,
    .TK-col-24 {
        width: 100%!important
    }
}

.TK-Dropdown {
    -webkit-transform: scaleY(0);
    -webkit-transform-origin: 100% top;
    -webkit-transition: opacity .1s linear .1s, visibility .1s linear .1s, -webkit-transform .1s linear .1s;
    opacity: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 100% top;
    transition: opacity .1s linear .1s, visibility .1s linear .1s, -webkit-transform .1s linear .1s;
    transition: opacity .1s linear .1s, visibility .1s linear .1s, transform .1s linear .1s;
    transition: opacity .1s linear .1s, visibility .1s linear .1s, transform .1s linear .1s, -webkit-transform .1s linear .1s;
    visibility: hidden;
    z-index: 100
}

.TK-Dropdown.TK-Dropdown--Active {
    -webkit-transform: scaleY(1);
    opacity: 1;
    transform: scaleY(1);
    visibility: visible
}

.TK-Dropdown {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    list-style: none;
    margin: 0;
    padding: 10px 0
}

.TK-Dropdown-Link {
    color: #000;
    display: block;
    font: 400 16px/20px Metric, Arial, Helvetica, sans-serif;
    padding: 5px 20px
}

.TK-Dropdown-Link:focus,
.TK-Dropdown-Link:hover {
    color: #3195c1
}

.TK-Dropdown--Full {
    left: 0;
    right: 0
}

.TK-Dropdown--Small {
    min-width: 200px
}

.TK-Dropdown--Medium {
    min-width: 250px
}

.TK-Dropdown--East {
    right: 0
}

.TK-Dropdown--West {
    left: 0
}

.TK-Dropdown--White {
    background: #fff
}

.TK-Dropdown--Gray,
.TK-Dropdown--Grey {
    background: #f6f7f7
}

@media only screen and (max-width:880px) {
    .TK-Dropdown--Mobile {
        -webkit-transform: scaleY(1)!important;
        -webkit-transition: none!important;
        display: none!important;
        position: relative!important;
        transform: scaleY(1)!important;
        transition: none!important;
        width: 100%!important
    }
    .TK-Dropdown--Mobile.TK-Dropdown--Active {
        display: block!important
    }
}

.TK-Search-Wrapper {
    border-top: 1px solid #e5e5e5;
    padding: 36px 0;
    text-align: center
}

.TK-AC-Wrapper {
    position: relative;
    white-space: nowrap;
    z-index: 20
}

.TK-AC-Input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    color: #4d4f52;
    display: inline-block;
    font: 500 17px/40px Metric, Arial, Helvetica, sans-serif;
    height: 40px;
    margin: 0!important;
    max-width: 100%!important;
    padding: 0 20% 0 15px;
    vertical-align: middle;
    width: 100%!important
}

.TK-AC-Input::-webkit-input-placeholder {
    font-size: 17px;
    opacity: .8
}

.TK-AC-Input:-ms-input-placeholder {
    font-size: 17px;
    opacity: .8
}

.TK-AC-Input:-moz-placeholder,
.TK-AC-Input::-moz-placeholder {
    font-size: 17px;
    opacity: .8
}

.TK-AC-Input:focus {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    outline: none
}

.TK-AC-Input:focus::-webkit-input-placeholder {
    opacity: 1
}

.TK-AC-Input:focus:-ms-input-placeholder {
    opacity: 1
}

.TK-AC-Input:focus:-moz-placeholder,
.TK-AC-Input:focus::-moz-placeholder {
    opacity: 1
}

.TK-AC-Popup {
    max-width: 520px;
    width: 100%;
    width: calc(100% - 40px);
    z-index: 42000
}

.TK-AC-List {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
    background: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    list-style: none;
    margin: 0;
    padding: 0
}

.TK-AC-List>.TK-AC-ListItem {
    cursor: default;
    font: 400 16px arial, sans-serif!important;
    margin: 0;
    padding: 8px 20px
}

.TK-AC-ListItem.TK-AC-Active {
    background: #f1f1f1
}

.TK-AC-Button {
    max-width: 164px;
    position: absolute;
    right: 0;
    width: 18%
}

.TK-AC-Button-Text-Desktop {
    display: block
}

.TK-AC-Button-Text-Mobile {
    display: none
}

@media only screen and (max-width:440px) {
    .TK-AC-Button-Text-Desktop {
        display: none
    }
    .TK-AC-Button-Text-Mobile {
        display: block
    }
}

.TK-Dash {
    border-top: 1px solid #e5e5e5;
    color: #626262;
    font: 500 18px/26px Metric, Arial, Helvetica, sans-serif;
    padding: 20px 0 0
}

.TK-Dash-Title {
    color: #626262!important;
    display: block;
    font: 500 15px Metric, Arial, Helvetica, sans-serif;
    margin: 0 0 10px;
    text-transform: uppercase
}

.TK-Dash-Links {
    display: block;
    margin-bottom: 30px
}

.TK-Dash-Link {
    color: #000;
    display: block;
    font-size: 18px;
    line-height: normal;
    padding: 3px 0
}

.TK-Dash-Link:focus,
.TK-Dash-Link:hover {
    color: #2f8eb8
}

.TK-Dash-Featured-Link {
    color: #2f8eb8;
    display: block;
    font-size: 15px;
    text-transform: uppercase
}

.TK-Dash-Featured-Link:focus,
.TK-Dash-Featured-Link:hover {
    color: #000
}

.TK-Dash-Footer {
    border-top: 1px solid #e5e5e5;
    margin: 10px 0 0;
    padding: 15px 0
}

.TK-BG {
    position: relative
}

.TK-BG:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 15px;
    position: absolute;
    right: 76.1%;
    top: -20px
}

@media only screen and (max-width:880px) {
    .TK-BG:before {
        display: none
    }
}

.TK-BG .TK-Bundle-Title {
    margin-bottom: 0;
    margin-left: 15px
}

@media only screen and (max-width:880px) {
    .TK-BG .TK-Bundle-Title {
        margin-left: 0
    }
}

.TK-Bundle {
    display: block;
    font-size: 0;
    margin: 0 -15px;
    overflow: hidden;
    padding: 15px;
    vertical-align: top
}

@media only screen and (max-width:880px) {
    .TK-Bundle {
        margin-bottom: 30px
    }
}

.TK-Bundle:focus h4,
.TK-Bundle:hover h4 {
    color: #2f8eb8
}

.TK-Bundle img {
    display: inline-block;
    margin-right: 6%;
    vertical-align: top;
    width: 18%
}

.TK-Bundle h4 {
    -webkit-transition: color .2s;
    color: #000;
    font: 700 26px/1.1 Metric, Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: none;
    transition: color .2s
}

.TK-Bundle p {
    color: #777;
    font-size: 14px;
    line-height: 1.2;
    margin: 0
}

.TK-Bundle-list {
    color: #777!important;
    font-size: 14px;
    line-height: 1.6em;
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 20px
}

.TK-Bundle-list li:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 4px;
    margin-right: 10px;
    position: relative;
    vertical-align: 1px;
    width: 4px
}

.TK-Bundle-copy {
    display: inline-block;
    vertical-align: top;
    width: 76%
}

.TK-slice {
    margin-bottom: 30px
}

@media only screen and (max-width:880px) {
    .TK-slice {
        margin-bottom: 0
    }
}

.TK-Bundle--whitebox {
    background: #fff;
    margin-top: 8px
}

.TK-Bundle--whitebox:focus,
.TK-Bundle--whitebox:hover {
    background: #ddd
}

.TK-Bundle--whitebox:focus h4,
.TK-Bundle--whitebox:hover h4 {
    color: #000
}

.TK-Bundle--bluebox {
    background: #bceafb;
    margin-top: 8px
}

.TK-Bundle--bluebox:focus,
.TK-Bundle--bluebox:hover {
    background: #a4def4
}

.TK-Bundle--bluebox:focus h4,
.TK-Bundle--bluebox:hover h4 {
    color: #000
}

.TK-Best-Value:after {
    border: 1px solid;
    color: #e84c3d;
    content: "Best Value";
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    margin-left: 5px;
    padding: 1px 4px;
    text-transform: uppercase;
    vertical-align: .27em
}

.TK-Aside-Menu,
.TK-Footer-List,
.TK-Footer-List-Horizontal,
.TK-Hat-Menu,
.TK-Menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.TK-Aside-Menu,
.TK-Footer-List-Horizontal,
.TK-Hat-Menu,
.TK-Menu {
    font-size: 0
}

.TK-Aside-Menu-Item,
.TK-Avatar,
.TK-Footer-List-Horizontal-Item,
.TK-Hat-Menu-Item,
.TK-Menu-Item,
.TK-Nav svg {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.TK-Aside-Menu-Button:before,
.TK-Aside-Menu-Link:before,
.TK-Hat-Menu-Link:before,
.TK-Menu-Item-Button:before,
.TK-Menu-Item-Link:before {
    border-bottom: 3px solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.TK-Aside-Menu-Button:focus:before,
.TK-Aside-Menu-Button:hover:before,
.TK-Aside-Menu-Link:focus:before,
.TK-Aside-Menu-Link:hover:before,
.TK-Hat-Menu-Link:focus:before,
.TK-Hat-Menu-Link:hover:before,
.TK-Menu-Item-Button:focus:before,
.TK-Menu-Item-Button:hover:before,
.TK-Menu-Item-Link:focus:before,
.TK-Menu-Item-Link:hover:before {
    border-bottom-color: #3195c1
}

.TK-PRGS-Logo:focus,
.TK-PRGS-Logo:hover,
.TK-PRGS-TLRK-Logo:focus,
.TK-PRGS-TLRK-Logo:hover,
.TK-TLRK-Logo:focus,
.TK-TLRK-Logo:hover {
    opacity: .75
}

.TK-Aside-Menu-Button,
.TK-Aside-Menu-Link,
.TK-Menu-Item-Button,
.TK-Menu-Item-Link {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    text-align: left;
    width: 100%
}

.TK-Nav *,
.TK-Nav:after,
.TK-Nav:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TK-Nav a,
.TK-Nav button {
    -webkit-transition: color .1s linear, background .1s linear, opacity .1s linear;
    display: block;
    outline: none!important;
    text-decoration: none!important;
    transition: color .1s linear, background .1s linear, opacity .1s linear
}

.TK-Nav::-moz-focus-inner {
    border: 0!important
}

.TK-Nav button[type=button] {
    cursor: default!important
}

.TK-Nav {
    z-index: 42000
}

.TK-Hat,
.TK-Nav {
    position: relative
}

.TK-Hat {
    background: #fff;
    border-bottom: 1px solid #eff0f1;
    color: #4d4f52;
    z-index: 42042
}

.TK-Hat-Brand {
    float: left;
    margin: 0;
    width: 150px
}

.TK-Hat-Aside {
    float: left
}

@media only screen and (min-width:880px) {
    .TK-Hat-Menu-Item+.TK-Hat-Menu-Item {
        margin-left: 30px
    }
}

.TK-Hat-Menu-Link {
    color: #717275;
    display: block;
    font: 500 14px/40px Metric, Arial, Helvetica, sans-serif;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

.TK-Hat-Menu-Link:focus,
.TK-Hat-Menu-Link:hover {
    color: #3195c1
}

.TK-Bar {
    background: #f5f6f7;
    color: #4d4f52;
    position: relative;
    z-index: 42000
}

.TK-TLRK-Brand {
    float: left;
    margin: 0;
    width: 250px;
    margin-top: 16px;
}

.TK-Menu {
    float: left
}

@media only screen and (min-width:1100px) {
    .TK-Menu-Item+.TK-Menu-Item {
        margin-left: 42px
    }
}

.TK-Menu-Item-Button,
.TK-Menu-Item-Link {
    color: #4d4f52;
    display: block;
    font: 600 15px/60px Metric, Arial, Helvetica, sans-serif;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

.TK-Menu-Item-Button:focus,
.TK-Menu-Item-Button:hover,
.TK-Menu-Item-Link:focus,
.TK-Menu-Item-Link:hover {
    color: #2f8eb8
}

.TK-Aside,
.TK-Aside-Menu {
    float: right
}

.TK-Aside-Menu-Button,
.TK-Aside-Menu-Link {
    color: #4d4f52;
    display: block;
    font: 600 15px/60px Metric, Arial, Helvetica, sans-serif;
    height: 60px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 1
}

.TK-Aside-Menu-Button:after,
.TK-Aside-Menu-Link:after {
    background: #e5e6e6;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 1px;
    z-index: 0
}

.TK-Aside-Menu-Button:focus,
.TK-Aside-Menu-Button:hover,
.TK-Aside-Menu-Link:focus,
.TK-Aside-Menu-Link:hover {
    color: #3195c1
}

.TK-Aside-Menu-Button:focus svg,
.TK-Aside-Menu-Button:hover svg,
.TK-Aside-Menu-Link:focus svg,
.TK-Aside-Menu-Link:hover svg {
    fill: #3195c1
}

.TK-Aside-Menu-Button:focus svg path,
.TK-Aside-Menu-Button:hover svg path,
.TK-Aside-Menu-Link:focus svg path,
.TK-Aside-Menu-Link:hover svg path {
    stroke: #3195c1
}

.TK-Aside-Menu-Button.TK-Aside-Menu-Button--Small,
.TK-Aside-Menu-Link.TK-Aside-Menu-Link--Small {
    height: 40px;
    line-height: 40px
}

.TK-Aside-Menu-Button.TK-Aside-Menu-Button--No-Sep:after,
.TK-Aside-Menu-Link.TK-Aside-Menu-Link--No-Sep:after {
    content: none
}

.TK-Aside-Menu-Button-Text,
.TK-Aside-Menu-Link-Text {
    display: none;
    vertical-align: middle
}

.TK-Avatar {
    height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 20px
}

.TK-Avatar-Media {
    -o-object-fit: cover;
    border-radius: 50%;
    display: inline-block;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    vertical-align: top;
    width: 100%
}

.TK-Button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #75dbff;
    border: none;
    color: #4d4f52;
    display: inline-block!important;
    font: 600 15px/40px Metric, Arial, Helvetica, sans-serif;
    padding: 0 25px;
    text-transform: uppercase;
    vertical-align: middle
}

.TK-Button:focus,
.TK-Button:hover {
    background: #32caff;
    color: #000
}

.TK-CTA-Text-XL {
    display: block
}

.TK-CTA-Text-Medium {
    display: none
}

.TK-Arrow {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border-color: transparent;
    border-style: solid;
    border-top-color: inherit;
    border-width: 4px 3px;
    color: inherit;
    display: inline-block;
    font-size: 0;
    font-style: normal;
    height: 0;
    user-select: none;
    vertical-align: middle;
    width: 0
}

.TK-Nav-Overlay {
    -webkit-transition: opacity .1s linear, visibility .1s linear;
    background: rgba(0, 0, 0, .5);
    border: 0;
    bottom: -100px;
    font-size: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: -100px;
    transition: opacity .1s linear, visibility .1s linear;
    visibility: hidden;
    width: 100%;
    z-index: 0
}

.TK-Cart-Counter {
    -webkit-transition: opacity .1s linear, visibility .1s linear, background .1s linear;
    background: #27c106;
    border-radius: 50%;
    color: #fff;
    font: 700 10px/14px Metric, Arial, Helvetica, sans-serif;
    height: 14px;
    opacity: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 18px;
    transition: opacity .1s linear, visibility .1s linear, background .1s linear;
    visibility: hidden;
    width: 14px
}

.TK-Cart-Counter--Empty {
    background: #999
}

.TK-Cart-Counter--Active {
    opacity: 1;
    visibility: visible
}

.TK-Static {
    position: static!important
}

.TK--Mobile,
.TK--Mobile--DIB {
    display: none
}

.TK-Support-Icon {
    margin-right: 5px;
    vertical-align: -1px!important
}

@media only screen and (min-width:880px) {
    .TK-Dropdown-Link-Spacer {
        border-top: 1px solid #e2e4e4;
        display: block;
        padding: 10px 0 0
    }
}

@media only screen and (max-width:1100px) and (min-width:880px) {
    .TK-Hat-Brand,
    .TK-TLRK-Brand {
        min-width: 120px;
        width: 120px
    }
    .TK-Bar-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .TK-Drawer {
        -ms-flex: 1 0 auto;
        -webkit-box-flex: 1;
        flex: 1 0 auto
    }
    .TK-Menu {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }
    .TK-Menu-Item+.TK-Menu-Item {
        margin: 0 10px
    }
}

@media only screen and (max-width:960px) {
    .TK-Button {
        padding: 0 10px
    }
    .TK-CTA-Text-XL {
        display: none
    }
    .TK-CTA-Text-Medium {
        display: block
    }
}

@media only screen and (max-width:880px) {
    .TK--Mobile,
    .TK--Mobile-DB {
        display: block!important
    }
    .TK--Mobile-DIB {
        display: inline-block!important
    }
    .TK--Desktop {
        display: none!important
    }
    .TK-Nav-Overlay--Active {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width:880px) {
    .TK-Hat-Brand,
    .TK-TLRK-Brand {
        min-width: 100px;
        width: 100px
    }
    .TK-Drawer .TK-container {
        padding: 0
    }
    .TK-Drawer .TK-row {
        margin-left: 0;
        margin-right: 0
    }
    .TK-Drawer .TK-row>* {
        padding-left: 0;
        padding-right: 0
    }
    .TK-Drawer {
        -webkit-box-shadow: 0 7px 7px -7px rgba(0, 0, 0, .15) inset;
        -webkit-transform: scaleX(0);
        -webkit-transform-origin: right top;
        -webkit-transition: opacity .1s linear, visibility .1s linear, -webkit-transform .1s linear;
        background: #f5f6f7;
        box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, .15);
        contain: layout;
        display: block;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 60px;
        transform: scaleX(0);
        transform-origin: right top;
        transition: opacity .1s linear, visibility .1s linear, -webkit-transform .1s linear;
        transition: opacity .1s linear, visibility .1s linear, transform .1s linear;
        transition: opacity .1s linear, visibility .1s linear, transform .1s linear, -webkit-transform .1s linear;
        visibility: hidden;
        width: 280px;
        will-change: opacity, visibility, transform
    }
    .TK-Drawer--Active {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1);
        visibility: visible
    }
    .TK-Drawer-Extension {
        -webkit-transform: scaleX(0);
        -webkit-transform-origin: right top;
        -webkit-transition: opacity .1s linear, visibility .1s linear, -webkit-transform .1s linear;
        background: #f5f6f7;
        bottom: 0;
        contain: layout;
        height: 100vh;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: scaleX(0);
        transform-origin: right top;
        transition: opacity .1s linear, visibility .1s linear, -webkit-transform .1s linear;
        transition: opacity .1s linear, visibility .1s linear, transform .1s linear;
        transition: opacity .1s linear, visibility .1s linear, transform .1s linear, -webkit-transform .1s linear;
        visibility: hidden;
        width: 280px;
        will-change: opacity, visibility, transform;
        z-index: 0;
        z-index: -1
    }
    .TK-Drawer--Active+.TK-Drawer-Extension {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1);
        visibility: visible
    }
    .TK-Dash {
        border-top: none
    }
    .TK-Drawer .TK-Dropdown {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .TK-Aside-Menu:not(.TK-Aside-Menu--Hat),
    .TK-Menu,
    .TK-Menu-Item {
        display: block;
        float: none
    }
    .TK-Drawer .TK-col-4,
    .TK-Drawer .TK-col-5 {
        margin-bottom: 25px
    }
    .TK-Drawer .TK-Aside-Menu-Item,
    .TK-Drawer .TK-Menu-Item {
        border-bottom: 1px solid #e9e9e9
    }
    .TK-Drawer .TK-Aside-Menu-Button,
    .TK-Drawer .TK-Aside-Menu-Link,
    .TK-Drawer .TK-Menu-Item-Button,
    .TK-Drawer .TK-Menu-Item-Link {
        font: 600 15px/50px Metric, Arial, Helvetica, sans-serif;
        height: auto;
        padding: 0 15px
    }
    .TK-Drawer .TK-Dash-Link {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        padding: 2px 15px
    }
    .TK-Drawer .TK-Dropdown-Link {
        font-size: 18px;
        font-weight: 500;
        padding: 5px 15px
    }
    .TK-Dash-Title {
        padding: 0 15px
    }
    .TK-Dash-Footer {
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
        padding: 10px 15px
    }
    .TK-Dash-CTA-Box {
        padding: 15px
    }
    .TK-Dash-CTA-Box>.TK-Button {
        padding: 0 25px!important
    }
}

.TK-Footer-Copy>a,
.TK-Footer-Featured-Link,
.TK-Footer-Link,
.TK-Footer-Link-Tiny,
.TK-Footer-Phone-Link,
.TK-Footer-Social-Link {
    -webkit-transition: opacity .1s linear;
    text-decoration: none!important;
    transition: opacity .1s linear;
    will-change: opacity
}

.TK-Footer-Copy>a:focus,
.TK-Footer-Copy>a:hover,
.TK-Footer-Featured-Link:focus,
.TK-Footer-Featured-Link:hover,
.TK-Footer-Link-Tiny:focus,
.TK-Footer-Link-Tiny:hover,
.TK-Footer-Link:focus,
.TK-Footer-Link:hover,
.TK-Footer-Phone-Link:focus,
.TK-Footer-Phone-Link:hover,
.TK-Footer-Social-Link:focus,
.TK-Footer-Social-Link:hover {
    opacity: .7
}

.TK-Footer *,
.TK-Footer:after,
.TK-Footer:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.TK-Footer {
    background: #f2f2f2;
    color: #616161;
    font: 400 14px Metric, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 50px 0 30px
}

.TK-Footer-H {
    color: #616161;
    font: 500 14px Metric, Arial, Helvetica, sans-serif!important;
    margin: 0 0 10px!important;
    text-transform: uppercase
}

.TK-Footer-Featured-Item {
    margin: 0 0 25px
}

.TK-Footer-Featured-Link {
    color: #000!important;
    font: 500 24px/1.25 Metric, Arial, Helvetica, sans-serif
}

.TK-Footer-List-Item {
    display: block;
    margin: 0 0 5px
}

.TK-Footer-List-Horizontal-Item-Effect+.TK-Footer-List-Horizontal-Item-Effect {
    border-left: 1px solid #ccc;
    margin-left: 5px;
    padding-left: 5px
}

.TK-Footer-Link {
    color: #000!important;
    font: 500 18px/1.25 Metric, Arial, Helvetica, sans-serif
}

.TK-Footer-Link-Tiny {
    color: #000!important;
    font: 500 13px/1 Metric, Arial, Helvetica, sans-serif
}

.TK-Footer-Phone-Link {
    color: #616161!important;
    font: 400 14px/1.25 Metric, Arial, Helvetica, sans-serif
}

.TK-Footer-Social-Link {
    display: block;
    margin-left: 5px
}

.TK-PRGS-TLRK-Logo {
    display: inline-block;
    height: 24px;
    width: 162px
}

.TK-Footer-Copy {
    color: #616161;
    font: 400 14px Metric, Arial, Helvetica, sans-serif;
    margin: 0 0 5px
}

.TK-Footer-Copy>a {
    color: #333!important
}

.TK-Footer-Power {
    margin: 10px 0 0
}

.TK-row--M1 {
    margin-bottom: 50px;
    margin-top: 40px
}

.TK--MB15,
.TK-row--M2 {
    margin-bottom: 15px
}

.TK--Text-Right {
    text-align: right
}

.TK--WSN {
    white-space: nowrap
}

@media only screen and (max-width:880px) {
    .TK-Footer {
        padding: 40px 0 30px
    }
    .TK-Footer-Copy,
    .TK-Footer-List,
    .TK-Footer-List-Horizontal,
    .TK-Footer-Power {
        text-align: center
    }
    .TK-row--M1,
    .TK-row--M2 {
        margin: 15px 0;
        text-align: center
    }
    .TK-Footer-Copy:last-of-type {
        margin: 0 0 20px
    }
    .TK-Footer--Tiny .TK-row--M2 {
        margin-top: 0
    }
}

.TK-Print {
    display: none!important
}

@media print {
    .TK-Print {
        display: block!important
    }
    .TK-Hat {
        border: none
    }
    .TK-Aside-Menu--Hat,
    .TK-Bar,
    .TK-Footer .TK-col-8,
    .TK-Hat-Aside,
    .TK-No-Print,
    .TK-PRGS-Logo {
        display: none!important
    }
    .TK-Footer .TK-col-16 {
        width: 100%!important
    }
}

.admin-header-links {
    background-color: #333;
    text-align: center;
    color: #eee;
}

.full-content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.panel-body .row {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

img+label.control-label {
    display: inline-block;
    margin-left: 6px;
    margin-bottom: 10px;
    padding-right: 10px;
    vertical-align: baseline;
    font-size: 15px;
}

.form-group {
    margin-bottom: 20px!important;
}

.filter-panel .form-control {
    font-size: 14px !important;
}

#google_map_canvas {
    position: relative;
    height: 100%;
    width: 100%;
    height: 100vh;
}

.currentGeoPositionSidePanel {
    position: fixed;
    width: 200px;
    height: 400px;
    top: 345px;
    margin-left: 30px;
    /*opacity: 0.8!important;*/
    background-color: #fff;
    padding: 20px;
}

.ErrorRed {
    color: red;
}

.WarningYellow {
    color: yellow;
}

.GoodGreen {
    color: green;
}

/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
	padding: 15px 25px 15px 10px;
	line-height: 16px;
	color: #fff;
	opacity: 0.95;
    box-sizing: border-box;
}
.bar-notification.success {
	background-color: #4bb07a;
}
.bar-notification.error {
	background-color: #e4444c;
}
.bar-notification .content {
	margin: 0 10px 0 0;
}
.bar-notification .content a {
	color: #fff;
	text-decoration: underline;
}
.bar-notification .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	margin: 7px;
	background: #fff url('../images/close.png') center no-repeat;
	cursor: pointer;
}

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
	padding: 30px 15px;
    text-align: center;
	line-height: 22px;
    color: #444;
}

.ajax-loading-block-window {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background: url('../images/loading.gif') center no-repeat;
}

.please-wait {
	background: url('../images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
	font-size: 14px;
}

.common-table {
    border: 0;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #efefef;
        border-collapse: collapse;
}

.common-table tbody tr td {
    padding: 10px;
}

.common-table .td-header {
    padding: 10px;
    background-color: #008aea;
    color: white;
}

.team-employee-avatar {
    min-width: 40px;
    max-width: 60px;
    border-radius: 100px;
    border-color: #008aea;
    border-width: 1px;
}

.common-table th {
    font-size: 12px;
    line-height: 1.4;
    background-color: rgba(255,255,255,0.32);
    padding: 20px;
}

.common-table.column2 {
    width: 265px;
    padding-left: 42px;
}

.-db{ 
    display: block;
}

.common-table th {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    background-color: #3c8dbc;
}

.common-table td {
    font-size: 15px;
    color: #808080;
    line-height: 1.4;
    position: relative;
}

.common-table tbody tr {
    border-bottom: 1px solid #e5e5e5;
}

.row100 td {
    padding-top: 18px;
    padding-bottom: 14px;
}

.common-table .col1 {
    width: 265px;
    padding-left: 42px;
}

.common-table .td-header {
    background-color: #fff;
    color: #000000;
    font-weight: 600;
}


.main-header .logo {
    padding: 0;
}
.main-header .logo-lg {
    background: url(images/logo.png) no-repeat 50% 50%;
    height: 50px;
}
.main-header .logo-mini {
    background: url(images/logo-mini.png) no-repeat 50% 50%;
    height: 50px;
}
.navbar-nav span.public-store {
    padding: 15px;
    display: block;
    color: #fff;
    background-color: #367fa9;
}
.navbar-nav span.public-store a {
    color: #fff;
}
table.adminContent {
    border-collapse: collapse;
    color: #333;
    font-size: 14px;
    margin: 0;
    width: 100%;
    vertical-align: middle;
    text-align: left;
}
.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
    border-color: #c5c5c5 !important;
}

.form-group {
    margin-bottom: 5px;
}

.form-group input[type=checkbox] {
    margin-top: 10px;
}

.form-group .checkbox input[type=checkbox] {
    margin-top: 3px;
}

.tag-editor {
    border: 1px solid #d2d6de !important;
    line-height: 26px !important;
}

.form-horizontal .control-label {
    float: right;
    max-width: 90%;
}
.form-horizontal .ico-help {
    float: right;
    margin-top: 6px;
    margin-left: 6px;
    color:#3c8dbc;
    font-size: 1.17em;
}

.form-text-row {
    padding-top: 6px;
}

.mce-panel {
    border-color: #d2d6de !important;
}

.k-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

.btn-search {
    margin-top: 10px;
    min-width: 150px;
    padding: 7px 10px;
    font-size: 18px;
}

.panel-search-popup .btn-search{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.dropdown-toggle.bg-purple {
    border-left: 1px solid #AA89CE;
}

.k-button:hover, .k-button:focus, .k-button.k-state-focused {
    background-color: #e7e7e7;
    background-image: none;
    color: #333;
    border-color: #adadad;
    text-decoration: none;
}

.k-button:active {
    color: #333;
    background-color: #e7e7e7;
    border-color: #adadad;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-picker-wrap.k-state-default, 
.k-numeric-wrap.k-state-default {
    border-radius: 0;
    border: none;
    height: 34px;
}

.k-picker-wrap .k-select, 
.k-numeric-wrap .k-select{
    border-radius: 0;
    border: none;
}

.k-picker-wrap.k-state-default>.k-select,
.k-numeric-wrap.k-state-default>.k-select {
    background-color: #3c8dbc;
    border: none;
    height: 34px;
}

.k-picker-wrap .k-input, 
.k-numeric-wrap .k-input {
    height: 27px;
    border-radius: 0;
    border: 1px solid #d2d6de;
    text-indent: 0.7em;
    color: #555;
}

.k-picker-wrap.k-state-focused.k-state-selected,
.k-numeric-wrap.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected{
    -webkit-box-shadow: inset 0 0 3px 4px #5FA6D2;
    box-shadow: inset 0 0 3px 4px #5FA6D2;
}

.k-state-selected, 
.k-state-selected:link, 
.k-state-selected:visited, 
.k-list>.k-state-selected, 
.k-list>.k-state-highlight, 
.k-panel>.k-state-selected, 
.k-ghost-splitbar-vertical, 
.k-ghost-splitbar-horizontal, 
.k-draghandle.k-state-selected:hover, 
.k-scheduler .k-scheduler-toolbar 
.k-state-selected, .k-scheduler 
.k-today.k-state-selected, .k-marquee-color{
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

.k-picker-wrap.k-state-focused, 
.k-numeric-wrap.k-state-focused {
    border-color: #00c0ef;
    box-shadow: none;
}

.k-numerictextbox .k-link {
    height: 17px;
}

.k-numeric-wrap .k-link+.k-link {
    border-radius: 0;
}

.k-numeric-wrap.k-state-disabled, 
.k-picker-wrap.k-state-disabled {
    border-radius: 0;
    border: none;
    opacity: 1;
    height: 34px;
}

.k-numeric-wrap.k-state-disabled .k-input, 
.k-picker-wrap.k-state-disabled .k-input{    
    background-color: #eee;
    cursor: not-allowed
}

.k-numerictextbox .k-link.k-state-selected {
    background-color: #00c0ef;
}

.k-numerictextbox .k-i-arrow-n,
.k-numerictextbox .k-i-arrow-s {
    height: 17px;
    background: none;
}

.k-numerictextbox .k-select .k-i-arrow-n:before,
.k-numerictextbox .k-select .k-i-arrow-s:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    height: 17px;
    line-height: 17px;
}

.k-numerictextbox .k-link .k-i-arrow-n:before {
    content: "\f0d8";
}

.k-numerictextbox .k-link .k-i-arrow-s:before {
    content: "\f0d7";
}

.k-picker-wrap .k-select .k-i-calendar:before,
.k-picker-wrap .k-select .k-i-clock:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    height: 17px;
    line-height: 17px;
}

.k-picker-wrap .k-i-calendar,
.k-picker-wrap .k-i-clock {
    background: none;
}

.k-picker-wrap .k-i-calendar:before {
    content: "\f073";
}

.k-picker-wrap .k-i-clock:before {
    content: "\f017";
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 3px;
}

.k-multiselect.k-header {
    border-color: #d2d6de;
    border-radius: 0;
    max-width: 423px;
}

.k-multiselect.k-header.k-state-hover, .k-multiselect.k-header.k-state-focused {
    border-color: #3c8dbc !important;
    box-shadow: none !important;
}

.k-multiselect-wrap {
    height: 34px;
}

.k-multiselect-wrap li {
    line-height: 27px;
}

.k-list-container {
    border-color: #DEDEDE;
    background-color: #FFFFFF;
}

.k-popup .k-list .k-item.k-state-hover {
    background: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
    box-shadow: none;
}

.k-popup .k-list .k-item.k-state-focused {
    box-shadow: none;
}

.input-group.input-group-short .input-group-btn {
    width: auto;
}

.input-group.input-group-short .k-widget{
    margin-right: 10px;
}

.input-group.input-group-short .input-group-text{
    margin-right: 10px;
}

table td .form-group {
    margin-bottom: 0;
    margin-top: 2px;
}

.table-bordered>thead {
    border-bottom: none;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, 
.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0 !important;
}

.form-horizontal span.required {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
    color: #FF5E5E;
}

.please-wait {
    background: url('images/ajax_loader_small.gif') no-repeat;
    padding-left: 20px;
}

.form-group .please-wait {
    margin-top: 10px;
}

.alert {
    margin-bottom: 0;
}

.field-validation-error, .validation-summary-errors {
    color: red;
}

.k-grid tbody td>.k-grid-delete {
    margin-top: 0;
}

.skin-blue .qq-upload-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #00a65a;
    border-color: #008d4c;
    margin-top: 5px;
}

.nav>li>a>img {
    margin-right: 8px;
    vertical-align: baseline;
}

.nav-tabs-custom>.nav-tabs {
    border-bottom-color: #ddd;
}

.nav-tabs-custom .nav-tabs-custom>.tab-content {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
    border-left-color: #ddd;
    border-right-color: #ddd;
}

.nav-tabs-custom .nav-tabs-custom>.nav-tabs>li.active>a {
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}

.nav-tabs-custom {
    margin-bottom: 0;
}

.nav-tabs-custom .tab-pane > .panel{
    border: none;
    box-shadow: none;
}

.nav-tabs-custom .tab-pane > .panel .panel-body{
    padding: 5px;
}

.nav-tabs-custom + .panel, .panel + .nav-tabs-custom {
    margin-top: 5px;
}

.nav-tabs-custom .nav-tabs-custom {
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: normal;
}

.panel-search .form-control{
    max-width: 425px;
}

input[type=file].form-control {
    height: auto;
}

.qq-upload-list {
    margin-top: 5px !important;
}

.qq-upload-list li.qq-upload-success {
    background-color: #3c8dbc !important;
}

.form-group > div > a {
    display: inline-block;
    padding-top: 6px;
}

.form-group .k-autocomplete, .form-group .k-combobox, .form-group .k-datepicker, 
.form-group .k-timepicker, .form-group .k-datetimepicker, .form-group .k-colorpicker, 
.form-group .k-numerictextbox, .form-group .k-dropdown, .form-group .k-selectbox, 
.form-group .k-textbox, .form-group .k-datetimepicker {
    width: 200px !important;
    max-width: 100%;
}

.k-window-titlebar {
    height: 2em;
}

.navbar-custom-menu>.navbar-nav>li {
    height: 50px;
}

.main-header {
    max-height: 150px;
}

.content-header>h1 {
    margin-bottom: 10px;
}

.content-header>h1>small {
    color: #0076BB;
    font-weight: normal;
    margin-left: 6px;
}

.content-header>h1>small .fa-arrow-circle-left {
    font-size: 14px;
    margin-right: 1px;
}

.content-header .btn {
    margin-bottom: 5px;
}

.mce-container {
    max-width: 100%;
}

.modal-dialog {
    margin-top: 200px;
}
.uploaded-image {
    margin-bottom: 5px;
}
/*order list statuses*/
.order-list span.order-status {
    padding: .2em .6em .3em;
    border-radius: .25em;
    color: #2e2e2e;
}
.order-list span.order-status-pending {
    background-color: #f39c12;
    color: #fff;
}
.order-list span.order-status-processing {
    background-color: #00c0ef;
    color: #fff;
}
.order-list span.order-status-complete {
    background-color: #00a65a;
    color: #fff;
}
.order-list span.order-status-cancelled {
    background-color: #dd4b39;
    color: #fff;
}

/*reports statuses*/
.bestsellers-list span.report-item {
    padding: .2em .6em .3em;
    border-radius: .25em;
    color: #2e2e2e;
}
.bestsellers-list span.yellow {
    background-color: #f39c12;
    color: #fff;
}
.bestsellers-list span.blue {
    background-color: #00c0ef;
    color: #fff;
}
.bestsellers-list span.green {
    background-color: #00a65a;
    color: #fff;
}
.bestsellers-list span.red {
    background-color: #dd4b39;
    color: #fff;
}
.dropdown-menu input, 
.dropdown-menu button,
.dropdown-menu a {
    display: block;
    background: none;
    border: none;
    margin: 0;
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-menu a:hover {
    text-decoration: none;
    background: transparent!important;
    color: #777!important;
}

.content-header .pull-right .dropdown-menu {
    right: 0;
    left: auto;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
}

.callout.callout-success, .alert-success, 
.label-success, .modal-success .modal-body {
    background-color: #6AC171 !important;
}

.alert-success {
    border-color: #02A91E;
}

.k-grid-header .k-header {
    white-space: normal;
    font-weight: bold;
}

.k-grid.k-widget {
    overflow-x: auto;
}

ul.common-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.sidebar-form {
    border: none !important;
    overflow: visible;
    margin: 10px 10px 0 !important;
}

.skin-blue .sidebar-form input[type="text"] {
    border-radius: 2px;
}

.fa.true-icon {
    color: #007FCC;
    font-size: 20px;
}

.fa.false-icon {
    color: #D22D2D;
    font-size: 20px;
}

.throbber-header{
    font-size: 145%;
}
.throbber{
    display: none;
}
.throbber .curtain{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #3e4d45;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 9999;
}
.throbber .curtain-content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.throbber .curtain-content div{
    text-align: center;
    padding: 250px;
    color: #FFF;
}

.admin-search-box {
    background: url(images/search-icon.png) no-repeat 97%;
    padding-right: 30px;
}

/*override font-awesome styles*/
.fa {
    padding-right: 5px !important;
}

/*AJAX loading*/
#ajaxBusy{
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}
#ajaxBusy span{
    background: url(//images/ajax-loading.gif) no-repeat;
    width: 40px;
    height: 40px;
    float: right;
    margin: 9px 9px 0px 0px;
}
.please-wait{
    background: url('//images/ajax_loader_small.gif') no-repeat;
    padding-left: 20px;
}

.dropdown-menu>li>a>.fa {
    margin-right: 0;
}

@media (max-width: 1200px) {
    .form-horizontal .ico-help {
         display: none;
    }

    .form-horizontal .panel-search-popup .ico-help {
         display: block;
    }

    .main-header .navbar-custom-menu {
        float: none;
    }

    .main-header .navbar-custom-menu > .navbar-nav {
        float: none;
    }

    .form-control {
        margin-bottom: 3px;
    }

    .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, 
    .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-datetimepicker {
        margin-bottom: 3px;
    }

    .k-grid.k-widget > table{
        min-width: 400px;
    }
}

@media (max-width: 992px) {
    .form-horizontal .control-label {
        float: none;
        margin-bottom: 5px;
        width: 100%;
        text-align: left;
        padding-top: 0;
    }

    .form-horizontal .panel-search-popup .control-label {
        float: right;
        width: auto;
        padding-top: 6px;
    }

    .panel-search .form-control{
        max-width: 100%;
    }

    .form-horizontal span.required {
        float: none;
    }

    .form-group input[type=checkbox] {
        margin-top: 2px;
    }
}

@media (max-width: 767px) {
    .main-header {
        max-height: 200px;
    }

    .main-sidebar, .left-side {
        padding-top: 155px;
    }

    .modal-dialog {
        margin-top: 30px;
    }

    .form-horizontal .panel-search-popup .control-label {
        float: none;
        width: 100%;
        padding-top: 0;
    }

    .form-horizontal .panel-search-popup .ico-help {
         display: none;
    }

    .navbar-nav>.user-menu .user-image {
        margin-top: -2px;
    }
}

.callout>h3 {
    margin: 0;
    font-size: 24px;
}

.callout>p {
    margin: 0;
}

/* FORM ELEMENTS */
.form-horizontal .label-wrapper {
    display: table;
    float: left;
    min-height: 28px;
}
.form-horizontal .label-wrapper .control-label {
    display: table-cell;
}
.form-horizontal .label-wrapper .ico-help {
    display: table-cell;
    color: #3c8dbc;
    font-size: 1.17em;
    padding-right: 6px;
}
.form-horizontal .label-wrapper i.fa {
    width: 16px;
}
.form-horizontal .label-wrapper i.fa:before {
    position: absolute;
    top: 9px;
}

@media (max-width: 992px) {
    /*FORM ELEMENTS*/
    .form-horizontal .label-wrapper {
        float: none;
        margin-bottom: 3px;
        margin-top: 5px;
    }
    .form-horizontal .panel-popup .label-wrapper {
        float: left;
    }
    .form-horizontal .panel-popup .label-wrapper .control-label {
        padding-top: 0;
    }
    .form-horizontal .panel-popup .form-group input[type=checkbox] {
        margin-top: 10px;
    }
    .form-group input[type=checkbox] {
        margin-top: 2px;
    }
    .form-group .callout {
        margin-right: 0 !important;
        margin-top: 5px !important;
    }
    .panel-search .form-control {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    /* COMMON */
    .modal-dialog {
        margin-top: 30px;
    }

    /* HEADER */
    .main-header {
        max-height: 200px;
    }

    /* FORM ELEMENTS */
    .form-horizontal .panel-popup .label-wrapper {
        float: none;
    }
    .form-horizontal .panel-popup .ico-help  {
        display: none;
    }
}

@media (max-width: 480px) {
    /* NAV BAR */
    .maintenance-menu .dropdown-menu {
        right: 0;
    }
}

.employee-bio-details {
    display: inline-block;
    margin: 0;
}

.employee-list-image, .employee-details-image, .employee-list-details, .employee-bio-details {
    display: inline-block;
}

.employee-details-image-top {
    border-radius: 100px;
    border: 2px solid #737374;
    margin-left: 20px;
    width: 50px;
}

.employeeInforamtion>h3 {
    margin: 0;
    margin-bottom: 15px;
}

.employee-bio-details dt {
    font-size: 18px;
    line-height: 18px;
    margin: 4px auto;
}

#employee-panel .row {
        padding: 0 0 30px 0;
}


/*Процессинг задачи*/

#employee-list, #EmployeesList {
    background-color: #eee;
}
#employee-list, #employee-details-wrapper {
    padding: 0;
}
#employee-list {
    height: 100%;
}

#employee-list h3 {
    padding: 2.5em 2.727em;
    font-size: 11px;
    color: #35373d;
    border-bottom: 1px solid #dbdbdb;
}

.employee-wrapper {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #dbdbdb;
    padding: 1.25em 0;
    margin-left: 2.5em;
}

.employee:after, .bio:after {
    content: "";
    clear: both;
    display: block;
}

.employee-list-image {
    border-radius: 100px;
    margin-right: 5px;
    width: 60px;
}
.employee-list-details, .employee-bio-details {
    vertical-align: middle;
}
.employee-list-image, .employee-details-image, .employee-list-details, .employee-bio-details {
    display: inline-block;
}
.name {
    font-size: 14px;
    color: #35373d;
}

#main-section-header {
    height: auto;
    border-bottom: 1px solid #ededee;
    background-color: #fff;
}

#main-section {
    float: none;
    width: auto;
    overflow: hidden;
    height: 100%;
}

.row, .container-fluid {
    padding: 0;
    margin: 0;
}

#main-section-header > h2 {
    padding-left: 1.667em;
    white-space: nowrap;
}
#dash-logo, #main-section-header > h2 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 26px;
    padding-top: 17px;
    padding-bottom: 17px;
}

html, body, .container-fluid, .row, .column {
    height: 100%;
}

.stats-graph {
    padding: 15px 30px 30px;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

#employee-about h3, #employeeSchedule h3, .section-header {
    font-size: 11px;
    color: #35373d;
    text-transform: uppercase;
    padding-bottom: 1.091em;
    padding: 15px 0;
}

#market-share-label, #revenue-label, #orders-label, #customers-label, #countryName {
    font-size: 36px;
    text-transform: uppercase;
}

#topProductsContainer, .sparkline-container {
    position: relative;
}

.ticket-processor .k-widget * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

#dateFilter {
    padding: 19px;
    text-align: right;
}

#employee-list h3{
    margin: 0;
}

.organization-details h3 {
    font-size: 11px;
    color: #35373d;
    text-transform: uppercase;
    padding-bottom: 1.091em;
}

.organization-details-wrapper {
    background-color: white;
    border: none;
    overflow: auto;
    height: 100%;
    height: calc(100% - 86px);
}

.tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tags:last-child {
    margin-bottom: -.5rem;
}

.tags.has-addons .tag {
    margin-right: 0;
}

.tag:not(body).is-dark {
    background-color: #363636;
    color: #f5f5f5;
}

.tag:not(body) {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #4a4a4a;
    display: inline-flex;
    font-size: 15px;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
}

.tag:not(body).is-info {
    background-color: #209cee;
    color: #fff;
}

.common-dl {
    display: inline-grid;
}

.common-dl .title {
    font-size: 16px;
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: left;
}

.field.is-grouped>.control {
    flex-shrink: 0;
}

.tags.has-addons .tag:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.tags.has-addons .tag:not(:first-child) {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -.75rem;
}
.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap;
}
.field.is-grouped {
    display: flex;
    justify-content: flex-start;
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 10px;
    margin-right: .75rem;
}

.tag a {
    color: white;
    text-decoration: none;
}
.-mb0 {
    margin-bottom: 0px !important;
}

.-grey {
    color: gray;
}

.is-grouped-multiline {
    margin-bottom: 10px !important;
}

.-fl-1 {
    flex: 1;
}

.-flex {
    display: flex;
}

.-pa {
    position: absolute !important;
}

.pa-b0 {
    bottom: 0;
}

.pb1 {
    padding-bottom: 10px !important;
}

.employee-wrapper:after {
    clear: both;
}

.cb { clear: both;}

.timebox.time-NotStarted {
    border-top-color: #00c0ef;
}

.timebox.time-EnoughTime {
    border-top-color: Green;
}
.timebox.time-DeadEndSoon {
    border-top-color: Yellow;
}

.timebox.time-Exceed {
    border-top-color: #dd4b39 !important;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.-m0 {
    margin: 0 !important;
}

.-p0 {
    padding: 0 !important;
}

tr.green {
    background-color: Green;
}
tr.yellow {
    background-color: Yellow;
}

tr.red {
    background-color: #dd4b39 !important;
}

tr.red td {
    color: White;
}

.administration {
    color: white;
}

.d-flex {
    display: flex!important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.lh-condensed {
    line-height: 1.25;
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.bg-light {
    background-color: #f8f9fa!important;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.mt-0, .my-0 {
    margin-top: 0!important;
}

.-ml-0 {
    margin-left: 0px !important; 
}

.-mb-0 {
    margin-bottom: 0px !important;
}

.is-underservice {
    background-color: #008d4c;
}
.not-underservice {
    background-color: red;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-deck .card {
    min-width: 220px;
}
@media (min-width: 576px) {
    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.-pl-0 {
    padding-left: 0 !important;
}

.-pr-0 {
    padding-right: 0 !important;
}

.-mb-2 {
    margin-bottom: 20px !important;
}

.-color-green {
    color: green;
}

.-color-red {
    color: red;
}




.FormHolder {
    position: relative;
    background-color: rgba(242, 242, 242, 0.9);
    box-shadow: rgb(0 0 0 / 25%) 0px 0px 10px 0px;
    box-sizing: border-box;
    margin-right: 0 !important;
    margin-left: auto !important;
    padding: 45px 50px;
    max-width: 420px !important;
}





@media only screen and (max-width: 1920px) {
.ContentWrapper>.Section:first-child .container {
    padding-top: 20px;
    }
}

.row {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.col-14 {
    width: 58.333333333333336%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col-five {
    position: relative;
    display: inline-block;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

.col-10 {
    width: 41.66666666666667%;
}

.ikt-application-form .hero-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ikt-application-form .hero-wrap .hero-left {
    max-width: 500px;
    width: 100%;
    margin-left: -20px;
    padding-right: 40px;
}

.ikt-application-form .hero-wrap .hero-left .hero-left-text {
    padding-left: 20px;
}

.ikt-application-form .hero-wrap .hero-left .hero-subheading {
    text-align: left;
    font: normal normal 300 18px/21px Metric, sans-serif;
    letter-spacing: 0px;
    color: #2C2B2B;
    opacity: 1;
    margin-bottom: 11px;
}

.ikt-application-form .hero-wrap .hero-left .hero-heading {
    text-align: left;
    font: normal normal 500 40px/44px Metric, sans-serif;
    letter-spacing: -0.8px;
    color: #4C4F52;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 22px;
}

.ikt-application-form .hero-wrap .hero-list {
    margin-bottom: 64px;
}

.ikt-application-form div.FormHolder {
    max-width: 650px !important;
    box-shadow: 0 10px 20px 0 rgb(131 177 211 / 40%);
    background-color: #ffffff;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -ms-grid-row-align: flex-start;
    -ms-grid-row-align: start;
}

.ikt-application-form .formControls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.ikt-application-form .sf_colsOut.col-10 {
    width: 100%;
    margin-left: 0;
}

.ikt-application-form .ContentWrapper {
    background: #DDEEF8;
    overflow: hidden;
    min-height: -webkit-calc(100vh - 131px);
    min-height: calc(100vh - 131px);
}

.ikt-application-form .FormHolder h4 {
    width: 100%;
    text-align: left;
    font: normal normal 500 38px/38px Metric, sans-serif !important;
    letter-spacing: -1.12px;
    color: #4C4F52 !important;
    opacity: 1;
    margin-bottom: 10px !important;
}

.ikt-application-form .ContentWrapper > .container {
    padding-top: 0px;
    padding-bottom: 0;
}

.ikt-application-form .hero-wrap .hero-list ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 18px;
    background-image: url(//Images/checkmark.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.ikt-application-form .hero-wrap .hero-list ul li {
    text-align: left;
    font: normal normal normal 400 16px/1.25 "Segoe UI", Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #4C4F52;
    padding-left: 35px;
    position: relative;
    margin-bottom: 17px;
    list-style: none;
}

.ikt-application-form .hero-wrap .hero-list ul li span {
    font-weight: 600;
}

.FormHolder {
    padding: 45px 50px;
    border-radius: 5px;
}

.ikt-application-form .formControls, .ikt-application-form .FormHolder input[type="submit"] {
    max-width: -webkit-calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    width: 100%;
    height: 48px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 16%);
    color: white;
    text-transform: uppercase;
    background-color: #ff4500;
    order: 15;
    font-family: Metric, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 0.8;
    margin-top: 5px;
    margin-right: 30px;
}
input[type=submit].Btn {
    border: 2px solid transparent;
}

.bold {
    font-weight: bold !important;
}

.col-8 {
    width: 33.33333333333333%;
}

.row--equal .sf_colsIn>div:only-child, .row--equal .sf_colsIn>div:only-child>div:only-child {
    width: 100%;
}

.ikt-application-form .FormHolder input[type=text], .ikt-application-form .FormHolder select {
    padding: 7px 13px;
    border-radius: 2px;
    border: solid 1px #dbdde0;
    background-color: #ffffff;
    font: normal normal normal 400 16px/1.25 "Segoe UI", Arial, Helvetica, sans-serif;
    color: #a5a6a8;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.07;
    height: 37px;
    letter-spacing: normal;
    text-align: left;
    color: #4c4f52;
    box-shadow: none;
    outline: none;
}

.ikt-application-form .FormHolder label {
    margin: 7px 13px;
    font-size: 14px;
    color: black;
}

.ikt-application-form .FormHolder form {
    width: 550px;
}

.ikt-application-form .flexRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.ikt-application-form .FormHolder .sfFormBox {
    max-width: -webkit-calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    width: 100%;
    position: relative;
}

#customerSelect .check-box {
    margin-left: 0px;
}

.c-black { color: black;}
.fs-20 { font-size: 20px; }