@font-face {
    font-family: FriendlyFont;
    src: url(/site_fonts/FriendlyFont/FriendlyFont.eot);
    src: url(/site_fonts/FriendlyFont/FriendlyFont.eot) format("embedded-opentype"), url(/site_fonts/FriendlyFont/FriendlyFont.woff) format("woff"), url(/site_fonts/FriendlyFont/FriendlyFont.otf) format("opentype");
    font-style: normal;
    font-weight: 400
}

a,
section.hero .ip_demo .ip_body .switch_menu a:hover,
section.hero.pricing .cycle a:hover,
section.showcaseoff .container .grid_menu a:hover {
    text-decoration: none
}

.button,
section.hero:not(.index),
section.intro,
section.intro h3 {
    text-align: center
}

.invisible,
section.pricing .container ul.subscriptions li .features_container ul li.feature_empty:before {
    visibility: hidden
}


/*new changes of contact-form */

.form_row.country-icon:after {
    display: inline-block;
    content: "\e93d";
    right: 13px;
    color: #333;
    font-family: Linearicons;
    font-size: 20px;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: 11px;
    font-style: normal;
}

.line-checkbox-outer-block {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.line-checkbox-outer-block .line.checkboxes {
    position: relative;
    width: 100%;
    float: left;
    padding-left: 25px;
    margin-bottom: 15px;
}

.line-checkbox-outer-block .line.checkboxes input {
    position: absolute;
    left: 0;
    top: 5px;
}

@font-face {
    font-family: 'Linearicons-Free';
    src: url('../site_fonts/Linearicons/Linearicons-Free.eot?w118d');
    src: url('../site_fonts/Linearicons/Linearicons-Free.eot?w118d');
    src: url('../site_fonts/Linearicons/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('../site_fonts/Linearicons/Linearicons-Free.woff2?w118d') format('woff2'), url('../site_fonts/Linearicons/Linearicons-Free.woff?w118d') format('woff'), url('../site_fonts/Linearicons/Linearicons-Free.ttf?w118d') format('truetype'), url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../site_fonts/Linearicons/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../site_fonts/Linearicons/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../site_fonts/Linearicons/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../site_fonts/Linearicons/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../site_fonts/Linearicons/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../site_fonts/Linearicons/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
 

 /* open-sans-600 - latin */
 @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../site_fonts/Linearicons/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../site_fonts/Linearicons/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../site_fonts/Linearicons/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../site_fonts/Linearicons/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../site_fonts/Linearicons/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../site_fonts/Linearicons/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

  /* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../site_fonts/Linearicons/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../site_fonts/Linearicons/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../site_fonts/Linearicons/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../site_fonts/Linearicons/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../site_fonts/Linearicons/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../site_fonts/Linearicons/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
 
.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
    content: "\e800";
}

.lnr-apartment:before {
    content: "\e801";
}

.lnr-pencil:before {
    content: "\e802";
}

.lnr-magic-wand:before {
    content: "\e803";
}

.lnr-drop:before {
    content: "\e804";
}

.lnr-lighter:before {
    content: "\e805";
}

.lnr-poop:before {
    content: "\e806";
}

.lnr-sun:before {
    content: "\e807";
}

.lnr-moon:before {
    content: "\e808";
}

.lnr-cloud:before {
    content: "\e809";
}

.lnr-cloud-upload:before {
    content: "\e80a";
}

.lnr-cloud-download:before {
    content: "\e80b";
}

.lnr-cloud-sync:before {
    content: "\e80c";
}

.lnr-cloud-check:before {
    content: "\e80d";
}

.lnr-database:before {
    content: "\e80e";
}

.lnr-lock:before {
    content: "\e80f";
}

.lnr-cog:before {
    content: "\e810";
}

.lnr-trash:before {
    content: "\e811";
}

.lnr-dice:before {
    content: "\e812";
}

.lnr-heart:before {
    content: "\e813";
}

.lnr-star:before {
    content: "\e814";
}

.lnr-star-half:before {
    content: "\e815";
}

.lnr-star-empty:before {
    content: "\e816";
}

.lnr-flag:before {
    content: "\e817";
}

.lnr-envelope:before {
    content: "\e818";
}

.lnr-paperclip:before {
    content: "\e819";
}

.lnr-inbox:before {
    content: "\e81a";
}

.lnr-eye:before {
    content: "\e81b";
}

.lnr-printer:before {
    content: "\e81c";
}

.lnr-file-empty:before {
    content: "\e81d";
}

.lnr-file-add:before {
    content: "\e81e";
}

.lnr-enter:before {
    content: "\e81f";
}

.lnr-exit:before {
    content: "\e820";
}

.lnr-graduation-hat:before {
    content: "\e821";
}

.lnr-license:before {
    content: "\e822";
}

.lnr-music-note:before {
    content: "\e823";
}

.lnr-film-play:before {
    content: "\e824";
}

.lnr-camera-video:before {
    content: "\e825";
}

.lnr-camera:before {
    content: "\e826";
}

.lnr-picture:before {
    content: "\e827";
}

.lnr-book:before {
    content: "\e828";
}

.lnr-bookmark:before {
    content: "\e829";
}

.lnr-user:before {
    content: "\e82a";
}

.lnr-users:before {
    content: "\e82b";
}

.lnr-shirt:before {
    content: "\e82c";
}

.lnr-store:before {
    content: "\e82d";
}

.lnr-cart:before {
    content: "\e82e";
}

.lnr-tag:before {
    content: "\e82f";
}

.lnr-phone-handset:before {
    content: "\e830";
}

.lnr-phone:before {
    content: "\e831";
}

.lnr-pushpin:before {
    content: "\e832";
}

.lnr-map-marker:before {
    content: "\e833";
}

.lnr-map:before {
    content: "\e834";
}

.lnr-location:before {
    content: "\e835";
}

.lnr-calendar-full:before {
    content: "\e836";
}

.lnr-keyboard:before {
    content: "\e837";
}

.lnr-spell-check:before {
    content: "\e838";
}

.lnr-screen:before {
    content: "\e839";
}

.lnr-smartphone:before {
    content: "\e83a";
}

.lnr-tablet:before {
    content: "\e83b";
}

.lnr-laptop:before {
    content: "\e83c";
}

.lnr-laptop-phone:before {
    content: "\e83d";
}

.lnr-power-switch:before {
    content: "\e83e";
}

.lnr-bubble:before {
    content: "\e83f";
}

.lnr-heart-pulse:before {
    content: "\e840";
}

.lnr-construction:before {
    content: "\e841";
}

.lnr-pie-chart:before {
    content: "\e842";
}

.lnr-chart-bars:before {
    content: "\e843";
}

.lnr-gift:before {
    content: "\e844";
}

.lnr-diamond:before {
    content: "\e845";
}

.lnr-linearicons:before {
    content: "\e846";
}

.lnr-dinner:before {
    content: "\e847";
}

.lnr-coffee-cup:before {
    content: "\e848";
}

.lnr-leaf:before {
    content: "\e849";
}

.lnr-paw:before {
    content: "\e84a";
}

.lnr-rocket:before {
    content: "\e84b";
}

.lnr-briefcase:before {
    content: "\e84c";
}

.lnr-bus:before {
    content: "\e84d";
}

.lnr-car:before {
    content: "\e84e";
}

.lnr-train:before {
    content: "\e84f";
}

.lnr-bicycle:before {
    content: "\e850";
}

.lnr-wheelchair:before {
    content: "\e851";
}

.lnr-select:before {
    content: "\e852";
}

.lnr-earth:before {
    content: "\e853";
}

.lnr-smile:before {
    content: "\e854";
}

.lnr-sad:before {
    content: "\e855";
}

.lnr-neutral:before {
    content: "\e856";
}

.lnr-mustache:before {
    content: "\e857";
}

.lnr-alarm:before {
    content: "\e858";
}

.lnr-bullhorn:before {
    content: "\e859";
}

.lnr-volume-high:before {
    content: "\e85a";
}

.lnr-volume-medium:before {
    content: "\e85b";
}

.lnr-volume-low:before {
    content: "\e85c";
}

.lnr-volume:before {
    content: "\e85d";
}

.lnr-mic:before {
    content: "\e85e";
}

.lnr-hourglass:before {
    content: "\e85f";
}

.lnr-undo:before {
    content: "\e860";
}

.lnr-redo:before {
    content: "\e861";
}

.lnr-sync:before {
    content: "\e862";
}

.lnr-history:before {
    content: "\e863";
}

.lnr-clock:before {
    content: "\e864";
}

.lnr-download:before {
    content: "\e865";
}

.lnr-upload:before {
    content: "\e866";
}

.lnr-enter-down:before {
    content: "\e867";
}

.lnr-exit-up:before {
    content: "\e868";
}

.lnr-bug:before {
    content: "\e869";
}

.lnr-code:before {
    content: "\e86a";
}

.lnr-link:before {
    content: "\e86b";
}

.lnr-unlink:before {
    content: "\e86c";
}

.lnr-thumbs-up:before {
    content: "\e86d";
}

.lnr-thumbs-down:before {
    content: "\e86e";
}

.lnr-magnifier:before {
    content: "\e86f";
}

.lnr-cross:before {
    content: "\e870";
}

.lnr-menu:before {
    content: "\e871";
}

.lnr-list:before {
    content: "\e872";
}

.lnr-chevron-up:before {
    content: "\e873";
}

.lnr-chevron-down:before {
    content: "\e874";
}

.lnr-chevron-left:before {
    content: "\e875";
}

.lnr-chevron-right:before {
    content: "\e876";
}

.lnr-arrow-up:before {
    content: "\e877";
}

.lnr-arrow-down:before {
    content: "\e878";
}

.lnr-arrow-left:before {
    content: "\e879";
}

.lnr-arrow-right:before {
    content: "\e87a";
}

.lnr-move:before {
    content: "\e87b";
}

.lnr-warning:before {
    content: "\e87c";
}

.lnr-question-circle:before {
    content: "\e87d";
}

.lnr-menu-circle:before {
    content: "\e87e";
}

.lnr-checkmark-circle:before {
    content: "\e87f";
}

.lnr-cross-circle:before {
    content: "\e880";
}

.lnr-plus-circle:before {
    content: "\e881";
}

.lnr-circle-minus:before {
    content: "\e882";
}

.lnr-arrow-up-circle:before {
    content: "\e883";
}

.lnr-arrow-down-circle:before {
    content: "\e884";
}

.lnr-arrow-left-circle:before {
    content: "\e885";
}

.lnr-arrow-right-circle:before {
    content: "\e886";
}

.lnr-chevron-up-circle:before {
    content: "\e887";
}

.lnr-chevron-down-circle:before {
    content: "\e888";
}

.lnr-chevron-left-circle:before {
    content: "\e889";
}

.lnr-chevron-right-circle:before {
    content: "\e88a";
}

.lnr-crop:before {
    content: "\e88b";
}

.lnr-frame-expand:before {
    content: "\e88c";
}

.lnr-frame-contract:before {
    content: "\e88d";
}

.lnr-layers:before {
    content: "\e88e";
}

.lnr-funnel:before {
    content: "\e88f";
}

.lnr-text-format:before {
    content: "\e890";
}

.lnr-text-format-remove:before {
    content: "\e891";
}

.lnr-text-size:before {
    content: "\e892";
}

.lnr-bold:before {
    content: "\e893";
}

.lnr-italic:before {
    content: "\e894";
}

.lnr-underline:before {
    content: "\e895";
}

.lnr-strikethrough:before {
    content: "\e896";
}

.lnr-highlight:before {
    content: "\e897";
}

.lnr-text-align-left:before {
    content: "\e898";
}

.lnr-text-align-center:before {
    content: "\e899";
}

.lnr-text-align-right:before {
    content: "\e89a";
}

.lnr-text-align-justify:before {
    content: "\e89b";
}

.lnr-line-spacing:before {
    content: "\e89c";
}

.lnr-indent-increase:before {
    content: "\e89d";
}

.lnr-indent-decrease:before {
    content: "\e89e";
}

.lnr-pilcrow:before {
    content: "\e89f";
}

.lnr-direction-ltr:before {
    content: "\e8a0";
}

.lnr-direction-rtl:before {
    content: "\e8a1";
}

.lnr-page-break:before {
    content: "\e8a2";
}

.lnr-sort-alpha-asc:before {
    content: "\e8a3";
}

.lnr-sort-amount-asc:before {
    content: "\e8a4";
}

.lnr-hand:before {
    content: "\e8a5";
}

.lnr-pointer-up:before {
    content: "\e8a6";
}

.lnr-pointer-right:before {
    content: "\e8a7";
}

.lnr-pointer-down:before {
    content: "\e8a8";
}

.lnr-pointer-left:before {
    content: "\e8a9";
}


/* new font s */

.linear-icon-main {
    position: absolute;
    left: 8px;
    animation-name: auto;
    font-size: 20px;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    top: 14px;
    font-style: normal;
    color: #838383;
    width: 30px;
    display: inline-flex;
    justify-content: center;
}


/*new changes of contact-form done */

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

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

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

.clearfix:after {
    clear: right
}

hr,
img {
    border: 0
}

.button,
img {
    vertical-align: middle
}

.container:after,
.header .logo:after,
.header ul:after {
    clear: both
}

.header.light ul>li.action>a,
section.presentation .side {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.header.dark_bg ul>li.go_to_dashboard>a,
.header.dark_bg ul>li.login>a {
    box-shadow: none
}

.header.dark_bg ul>li.go_to_dashboard>a {
    border: 2px solid #d7d7d9;
    top: -2px
}

.header.dark_bg ul>li.login>a {
    margin-left: 6px
}

@font-face {
    font-family: Linearicons;
    src: url(../site_fonts/Linearicons/Linearicons.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    background-color: transparent;
    color: #0478c3;
}

a:hover,
footer .right_side span a,
section.call_to_action span>span,
section.faq span>a,
section.faq ul+span span.underline,
section.preapp form fieldset.captcha .line.checkboxes label a,
section.preapp form fieldset.plan .line>label span {
    text-decoration: underline
}

:active,
:focus,
a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

h1 {
    margin: .67em 0
}

small {
    font-size: 80%
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: 1.4;
    background-color: #fff
}

body.overflow_hidden {
    overflow: hidden
}

body.banner_active {
    padding-top: 50px;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

h4,
p {
    line-height: 30px
}

.hidden {
    display: none
}

body {
    position: relative;
    background: #02283e;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner {
    display: block
}

body.has_banner {
    margin-top: 37px
}

body.has_banner .banner {
    height: 37px;
    position: absolute;
    top: -37px;
    width: 100%;
    display: block;
    padding: 7px 35px 7px 35px;
    text-align: center;
    color: #333;
    background: #f6f9fc url(../site_images/shapes_bg.svg);
    background-size: cover;
    background-position: center
}
.line-checkbox-outer-block .line.checkboxes input#email_service_updates.error + label, .line-checkbox-outer-block .line.checkboxes input#tos_accepted.error + label, .line-checkbox-outer-block .line.checkboxes input#tos_accepted.error + label a{
    color: #ff0000;
}
.confirmation-note {
    color: #000;
    text-align: justify;
    font-weight: 400;
    font-size: 13px;
}
.confirmation-note span {
    font-weight: 600;
    color: #002f4a;
}
.contact_form .confirmation-note {
    margin-bottom: 20px;
}
.contact_form .line-checkbox-outer-block {
    margin-bottom: 0px;
}

@media screen and (max-width:800px) {
    body.has_banner .banner {
        overflow-x: scroll;
        white-space: nowrap
    }
}

body.has_banner .banner span:before {
    font-family: Linearicons;
    font-size: 19px;
    margin-right: 20px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e68d";
    border: none;
    padding: 0;
    font-weight: 400;
    position: absolute;
    margin-left: -24px;
    margin-top: -3px
}

body.has_banner .banner a {
    color: #444;
    font-weight: 700;
    text-decoration: underline
}

.button,
.header .logo a,
.header ul>li>a,
section.hero .container h2,
section.hero .container h4 {
    font-family: Promo, Helvetica, Arial, sans-serif
}

h1 {
    font-size: 70px;
    line-height: 92px
}

h2 {
    font-size: 30px;
    line-height: 40px
}

h3 {
    font-size: 40px;
    line-height: 43px
}

h4 {
    font-size: 16px
}

h5,
p {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px
}

.button {
    white-space: nowrap;
    width: 230px;
    height: 60px;
    border-radius: 3px;
    padding: 20px 12px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .05), 0 1px 3px rgba(0, 0, 0, .05)
}

.container,
section,
section .container {
    margin-right: auto;
    margin-left: auto;
}

section.faq ul li .q:before,
section.presentation .side>h3:before,
section.pricing_content .container .plan .features h4:before,
section.pricing_content .container .plan .heading p:before {
    font-variant: normal;
    text-transform: none;
    vertical-align: middle
}

section.affiliates {
    color: rgba(22, 34, 47, 1);
    background: #fff;
    padding: 50px 0 50px;
}

section.affiliates .container {
    max-width: 960px;
}

section.affiliates .container img {
    margin-bottom: 25px
}

section.affiliates .container h3+p {
    line-height: 20px
}

section.affiliates .container ul {
    margin-bottom: 20px;
}

section.affiliates .container ul li {
    margin-bottom: 12px;
}

section.affiliates .container h3+p a {
    text-decoration: underline;
}

section.affiliates .container h3 {
    font-size: 18px;
    line-height: normal;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px
}

section.affiliates .container a.button.join {
    background-color: #4f78a9;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 250px;
    font-family: inherit;
    text-transform: capitalize;
    font-size: 14px;
    padding: 18px;
}

section.affiliates .container table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 45px;
}

section.affiliates .container table th {
    padding: 12px 15px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    font-weight: 600;
    text-align: left;
}

section.affiliates .container table td {
    padding: 15px 15px 13px 15px;
    border-bottom: 1px dashed #e0e0e0;
    text-align: left;
}

section.affiliates .container table td span:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
    content: "\e605";
}

section.affiliates .container table td span.basic:before {
    content: "\e83a"
}

section.affiliates .container table td span.professional:before {
    content: "\e837"
}

section.affiliates .container table td span.business:before {
    content: "\e74a"
}

@media screen and (max-width: 800px) {
    section.affiliates .container table td span:before {
        display: none;
    }
    section.affiliates .container ul {
        padding: 0;
        list-style: none;
    }
}

section {
    width: 100%
}

.container,
section .container {
    padding-right: 15px;
    width: 1170px;
    padding-left: 15px;
    position: relative;
}

section .content-box .section-heading {
    color: #49a3ff;
    font-weight: 300;
    margin-bottom: 30px
}

.button {
    display: inline-block;
    margin-bottom: 0;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header .logo img {
    display: inline-block;
    margin-right: 10px;
    top: 2px;
    position: relative;
}

.header .logo {
    float: left;
    padding-left: 15px
}

.header {
    right: 0;
    left: 0;
    z-index: 1030;
    border-radius: 0;
    top: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    height: 70px
}

body.banner_active .header {
    top: 50px;
}

.info_banner {
    display: none;
}

body.banner_active .info_banner {
    display: block;
    height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background: #16394c;
    padding: 14px 0;
    font-size: 14px;
    font-weight: 600;
    font-family: Promo, Helvetica, Arial, sans-serif;
}

body.banner_active .info_banner span {
    position: relative;
}

body.banner_active .info_banner span a {
    font-weight: 700;
    color: #73b1f5;
}

body.banner_active .info_banner span a:after {
    font-family: Linearicons;
    font-size: 18px;
    display: inline-block;
    speak: none;
    font-weight: 700;
    margin-top: 0;
    content: "\e6d3";
    position: absolute;
    right: -26px;
    top: -3px;
    font-weight: bold;
}

.header.documentation {
    background: #02283e;
    background-size: cover;
    background-position: top;
}

body.banner_active .info_banner img {
    height: 30px;
    position: absolute;
    left: -33px;
    top: -5px;
}

.header.dark_bg {
    background: #283f59
}

.header ul {
    margin: 0;
    float: right;
    padding-left: 0;
    list-style: none
}

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

.header ul>li,
.header ul>li>a {
    display: -webkit-inline-box;
    position: relative
}

.header ul>li {
    float: left
}

.header ul>li>a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 35px;
    margin: 16px 15px 19px
}

.header.light ul>li>a {
    color: #fff
}

.header ul>li.status>a:before {
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    background-color: #48b38e;
    position: relative;
    top: 1px;
    left: -6px;
    margin-left: 4px;
}

.header ul>li.status>a {
    padding: 0 10px 1px;
    border-radius: 3px;
    background: 0 0;
    margin-right: 0;
    margin-left: 6px
}

.header ul>li.action>a {
    background: rgba(255, 255, 255, .15);
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 0
}

.header ul>li.action.login>a {
    padding: 0 10px 1px
}

.header ul>li.action.cta>a {
    background: #0179c3;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px 1px;
    margin-right: 0;
}

.header.documentation ul>li.action.cta>a {}

.header.light_background ul>li.action.cta>a {
    background: #1d3d76
}

.header ul>li.go_to_dashboard>a {
    background: rgba(255, 255, 255, .15)
}

.header .logo a {
    color: #333;
    margin-top: 14px;
    font-weight: 700;
    float: left;
    font-size: 24px;
    line-height: normal;
    margin-left: -15px
}

section.hero {
    background: #02283e url(../site_images/pattern_bg_8.svg);
    background-position: center;
    color: #fff;
    padding: 120px 0 200px 0;
    background-size: cover;
}

section.hero .hero_main .inline.graphic {
    width: 550px;
    height: 500px;
    background: url(../site_images/hero_widgets.svg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    position: absolute;
    top: -43px;
    right: -10px;
}

section.hero.pricing {
    padding-top: 110px;
    padding-bottom: 210px;
    background: #02283e url(../site_images/pattern_bg_8.svg);
    background-position: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
}

section.hero .container .tag {
    font-family: Promo, Helvetica, Arial, sans-serif;
    background: #0478c3;
    border-radius: 100px;
    padding: 7px 12px;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    width: 100px;
    color: #fff;
}

section.hero .container h2 {
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 32px;
    margin-top: 0
}

section.hero.subpage.terms .container h2 {
    margin-bottom: 0
}

section.hero.subpage .container .heading-xl {
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
}

section.hero.subpage .container .heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
}

section.hero.subpage .container .sub-heading {
    font-size: 16px;
    margin-bottom: 0;
}

section.legal.api-glossary h1.h1-heading {
    font-size: 20px;
}

section.legal.api-glossary h2.h2-heading {
    font-size: 16px;
    font-weight: bold;
}

section.legal.api-glossary h3.h3-heading {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
    font-weight: 600;
}

section.legal.api-glossary h3.glossary-heading {
    font-size: 20px;
}

section.legal.api-glossary h4.glossary-sub-heading {
    font-size: 16px;
    font-weight: 500;
    font-family: inherit;
}

section.legal .img-wrapper {
    text-align: center;
}
section.legal img.max-w-img {
    max-width: 40%;
}
@media screen and (max-width: 500px) {
    section.legal img.max-w-img {
        max-width: 100%;
    }
}

section.hero .container h4 {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 25px;
}

section.hero .container h4+.number_customers {
    font-size: 17px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 25px;
    display: block;
    line-height: 20px;
}

section.hero .container h4+.number_customers:before {
    font-family: Linearicons;
    display: inline-block;
    font-weight: 400;
    speak: none;
    font-size: 25px;
    margin-top: 0;
    content: "\e6e2";
    position: relative;
    left: 0;
    top: 5px;
    margin-right: 10px
}

section.hero .container .options {
    border: 1px solid #364e5d;
    border-radius: 5px;
    width: 490px;
    overflow: hidden;
}

section.hero .container .options>div {
    padding: 12px 15px 13px 15px;
    border-bottom: 1px solid #364e5d;
    height: 91px;
    position: relative;
    background: #04273b;
}

section.hero .container .options>div:first-of-type {
    background: rgb(12, 47, 67);
}

section.hero .container .options>div:last-of-type {
    border: 0;
}

section.hero .container .options>div span.heading {
    font-size: 16px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    display: block;
    margin-bottom: 6px;
}

section.hero .container .options>div p {
    display: inline-block;
    max-width: 220px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #7a909c;
    line-height: normal;
}

section.hero .container .options>div span.price {
    display: inline-block;
    width: 75px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    top: 32px;
    margin-left: 13px;
}

section.hero .container .options>div:nth-child(2) span.price {
    top: 22px;
}

section.hero .container .options>div span.price small {
    display: block;
    /* color: #688596; */
    font-size: 100%;
    position: relative;
    top: 0px;
}

section.hero .container .options>div a.cta {
    float: right;
    background: #0179c3;
    color: #fff;
    text-transform: uppercase;
    margin-right: 0;
    font-family: Promo, Helvetica, Arial, sans-serif;
    padding: 10px 10px 11px 10px;
    margin-top: 0;
    border-radius: 3px;
    font-size: 13px;
    position: relative;
    top: -14px;
    width: 110px;
}

section.hero .container .options>div:nth-child(2) a.cta {
    background: #1f3e50;
}

section.hero .sub {
    margin-bottom: 15px
}

section.hero .sub span {
    display: block;
    font-size: 15px;
    margin-bottom: 5px
}

section.hero .sub span:before {
    font-family: Linearicons;
    display: inline-block;
    font-weight: 400;
    speak: none
}

section.hero .sub span:before {
    font-size: 20px;
    margin-top: 0;
    content: "\e959";
    position: relative;
    top: 3px;
    left: 0;
    margin-right: 7px
}

section.hero .container .cta {
    background: #0179c3;
    margin-top: 20px;
    text-align: center;
}

section.hero .container .cta+span.friendly {
    font-size: 19px;
    position: relative;
    top: 10px;
    left: 10px
}

section.hero .container img {
    height: 300px;
    position: absolute;
    border-radius: 10px;
    right: 15px;
    top: 15px;
    border: 4px solid rgba(255, 255, 255, .15)
}

section.hero .container .weather_animated {
    height: 300px;
    width: 500px;
    position: absolute;
    border-radius: 10px;
    right: 15px;
    top: 14px;
    border: 4px solid #608094;
    background: #16394c;
}

section.hero .container .weather_animated i {
    background: url(../site_images/weather_icon_partly_cloudy.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 70px;
    position: absolute;
}

section.hero .container .weather_animated i.partly_cloudy {
    background: url(../site_images/weather_icon_partly_cloudy.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 19px !important;
}

section.hero .container .weather_animated i.full_clouds {
    background: url(../site_images/weather_icon_full_clouds.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 19px !important;
}

section.hero .container .weather_animated i.night {
    background: url(../site_images/weather_icon_night.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 16px !important;
}

section.hero .container .weather_animated i.sun_rain_clouds {
    background: url(../site_images/weather_icon_sun_rain_clouds.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 15px !important;
}

section.hero .container .weather_animated i.full_sun {
    background: url(../site_images/weather_icon_full_sun.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 17px !important;
}

section.hero .container .weather_animated i.rainy {
    background: url(../site_images/weather_icon_rainy.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 13px !important;
}

section.hero .container .weather_animated i.cloud_slight_rain {
    background: url(../site_images/weather_icon_cloud_slight_rain.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 13px !important;
}

section.hero .container .weather_animated i.thunder {
    background: url(../site_images/weather_icon_thunder.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0px;
}

section.hero .container .weather_animated .location {
    display: block;
    height: 40px;
    text-align: center;
    padding-top: 15px;
}

section.hero .container .weather_animated .location span {
    font-weight: bold;
}

section.hero .container .weather_animated .main_left {
    float: left;
    width: 275px;
    height: 137px;
}

section.hero .container .weather_animated .main_left i {
    background-size: cover;
    width: 140px;
    height: 137px;
    left: 22px;
    /* top: 10px !important; */
}

section.hero .container .weather_animated .main_left span {
    position: absolute;
    top: 130px;
    left: 40px;
    font-weight: bold;
    width: 100px;
    text-align: center;
}

section.hero .container .weather_animated .main_right {
    float: right;
    /* width: 215px; */
    height: 137px;
    padding-top: 26px;
    position: absolute;
    left: 67px;
    right: 37px;
    left: unset;
}

section.hero .container .weather_animated .main_right span {
    display: block;
    margin-bottom: 2px;
    font-size: 13px;
}

section.hero .container .weather_animated .main_right .wind {}

section.hero .container .weather_animated .main_right .precip {}

section.hero .container .weather_animated .main_right .pressure {}

section.hero .container .weather_animated .main_right .temperature {
    position: absolute;
    left: -135px;
    top: 33px;
    font-size: 32px;
}

section.hero .container .weather_animated .week {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
}

section.hero .container .weather_animated .week .day {
    display: inline-block;
    width: 95px;
    height: 107px;
    position: relative;
}

section.hero .container .weather_animated .week .day .name {
    font-weight: 600;
    font-size: 12px;
    display: block;
}

section.hero .container .weather_animated .week .day i {
    top: 14px;
    left: 16px;
    background-size: 60px;
}

section.hero .container .weather_animated .week .day .temperature {
    position: absolute;
    bottom: 11px;
    width: 100%;
    left: 2px;
    font-size: 14px;
    font-weight: 600;
}

section.hero .container .weather_animated.loading * {
    display: none;
}

section.hero .container .weather_animated.loading {
    background: #16394c url(../site_images/sun_loading.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 75px;
}

section.hero .container .weather_animated.loading:after {
    content: 'Fetching data ...';
    color: #657f92;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-size: 17px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 160px;
}

.friendly {
    font-family: FriendlyFont, sans-serif
}

section.hero .container .secondary {
    margin-top: 20px;
    color: #787c81;
    background: #ebf1fa
}

section.hero.pricing .cycle {
    display: block;
    margin-top: 40px
}

section.hero.pricing .cycle a {
    position: relative;
    background: #fff;
    padding: 10px 10px 11px 30px;
    border-radius: 5px;
    width: 150px;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    margin-left: -1px;
}

section.hero.pricing .cycle a:not(.selected):hover:before {
    content: "\e999"
}

section.hero.pricing .cycle a:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    vertical-align: middle;
    content: "\e98d";
    position: absolute;
    left: 10px;
    top: 5px;
}

section.hero.pricing .cycle a.selected:before {
    content: "\e999"
}

section.hero.pricing .cycle a.monthly {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

section.hero.pricing .cycle a.yearly {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -3px
}

section.hero.pricing .cycle a.selected {
    background: #2b4657;
    color: #fff;
}

section.hero.pricing .cycle a.yearly:after {
    position: absolute;
    right: -15px;
    top: -16px;
    background: #8a9bae;
    color: #fff;
    font-size: 11px;
    padding: 3px 8px 4px 8px;
    border-radius: 3px;
    content: 'up to 15% Discount';
    font-weight: 600
}

section.hero.pricing .cycle a.selected.yearly:after {
    background: #48b38e;
}

section.high_level_stats {
    padding: 0px 0 40px 0;
    background: #ffffff;
}

section.high_level_stats ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    padding: 25px 0 32px 0;
    background: #0478c3 url(../site_images/pattern_bg_cta.svg);
    background-position: bottom;
    background-size: cover;
    color: #fff;
}

section.high_level_stats ul li {
    display: inline-block;
    width: 175px;
    padding: 10px 0;
    font-weight: 600;
    color: #ffffff;
}

section.high_level_stats ul li span:nth-child(1) {
    display: block;
    font-size: 20px;
    font-family: Promo, Helvetica, Arial, sans-serif;
}

section.high_level_stats ul li span:nth-child(2) {}

section.call_to_action {
    padding: 47px 30px 50px 30px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-align: center;
    background-repeat: no-repeat;
    background: #eef2f5 url(../site_images/pattern_bg_cta.svg);
    background-position: bottom;
    background-size: cover;
}

.login section.call_to_action {
    background: #eef2f5;
}

/* banner apilayer */

.ip-banner-top-bg.container {
    background-color: #2480FC;
    padding: 30px;
    border-radius: 50px;
    background-position: center;
}
.ip-banner-top-inline {
    display: flex;
}
.ip-banner-top-img {
    width: 50%;
    text-align: right;
}
.ip-banner-top-text h2 {
    color: #fff;
    line-height: 35px;
    font-weight: 600;
    font-size: 30px;
}
.ip-banner-top-text p {
    color: #fff;
    font-size: 14px;
}
.ip-banner-top-btn {
    margin-top: 35px;
}
.ip-banner-top-btn a {
    background: #fff;
    padding: 7px 18px;
    color: #000;
    font-weight: 600;
    border-radius: 5px;
}
section.ip-banner {
    background: #fff;
    padding: 20px 0 70px 0;
}
.ip-banner-top-btn a {
    text-decoration: none;
}
.ip-banner-top-text {
    margin-top: 20px;
    margin-left:80px;
}

section.ip-banner {
    background: #fff;
    padding: 20px 0 70px 0;
}

.pricing section.call_to_action {
    background: #01385a url(../site_images/pattern_bg_cta.svg);
    background-position: bottom;
    background-size: cover;
    color: #fff;
}

section.call_to_action.below_code_examples {
    margin-top: -105px;
    background: 0 0;
    padding-bottom: 45px
}

section.call_to_action.in_preapp {
    background: rgba(0, 0, 0, .15);
    margin-top: -120px;
    color: #ffffff;
}

section.call_to_action p {
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 300
}

section.call_to_action p span {
    padding-right: 30px;
    font-weight: 300;
    position: relative;
    top: 1px;
}

section.call_to_action a {
    background: #0179c3;
    padding: 17px 15px;
    width: auto;
    height: auto;
    margin-left: 20px;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    /* top: -1px; */
    position: relative;
}

.pricing section.call_to_action a {
    background: #0478c3;
}

section.call_to_action p span:after {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 700;
    margin-left: 10px;
    margin-top: 0;
    content: "\e944";
    position: relative;
    position: absolute;
}

section.insights {
    padding: 40px 0 50px;
    text-align: left;
    background: #eff2f5;
}

section.insights h4 {
    font-size: 25px;
    line-height: normal;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 0;
}

section.insights h5 {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 25px;
}

section.insights .codebox {
    display: inline-block;
    width: 575px;
    background: #17242b;
    color: #fff;
    padding: 17px 0 15px 0;
    border-radius: 10px;
    margin-top: 15px;
}

section.insights .codebox:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    display: block;
    width: 50px;
    height: 450px;
    background: #02273a;
    box-shadow: 1px 0 0 rgba(0, 0, 0, .05);
    border-radius: 10px 0 0 10px;
    color: #fff;
}

section.insights .codebox pre {
    position: relative;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 20px;
    white-space: pre;
    z-index: 1;
    padding-left: 65px;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-size: 14px;
}

section.insights .codebox pre .string {
    color: #ff5884;
}

section.insights .codebox pre .string2 {
    color: #e6db74;
}

section.insights .codebox pre .integer {
    color: #66d9ef;
}

section.insights .codebox pre:before {
    content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 17px;
    overflow: hidden;
    width: 17px;
    color: #cad2d6;
    line-height: 18px;
    text-align: right;
    white-space: normal;
    z-index: 1;
    font-family: monospace, monospace;
    font-size: 14px;
}

section.insights .right {
    display: inline-block;
    width: 500px;
    margin-top: 15px;
    background: url(../site_images/supported_languages.svg);
    height: 450px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

section.insights .right ul.paragraphs {
    padding: 0;
    margin: 0;
    list-style: none;
}

section.insights .right ul.paragraphs li {
    margin-bottom: 25px;
}

section.insights .right ul.paragraphs li span.heading {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

section.insights .right ul.paragraphs li p {}

section.insights .right ul.paragraphs li p a {
    font-weight: 600;
    position: relative;
}

section.insights .right ul.paragraphs li p a.arrow:after {
    font-family: Linearicons;
    display: inline-block;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    content: "\e944";
    position: absolute;
    right: -32px;
    top: 0px;
    margin-right: 11px;
    font-weight: bold;
}

section.coverage {
    padding: 10px 0 65px;
    text-align: left;
    background: #ffffff;
}

section.coverage .left {
    float: left;
    width: 435px;
}

section.coverage h4 {
    font-size: 25px;
    line-height: normal;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 0;
}

section.coverage h5 {
    font-size: 15px;
    margin-bottom: 13px;
}

section.coverage a.search_tickers {
    background: #0179c3;
    padding: 9px 35px 11px 10px;
    width: auto;
    height: auto;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    font-family: inherit;
    text-transform: none;
    margin-top: 14px;
    position: relative;
}

section.coverage a.search_tickers:after {
    font-family: Linearicons;
    display: inline-block;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    content: "\e944";
    position: absolute;
    right: 0px;
    top: 7px;
    margin-right: 11px;
    font-weight: bold;
}

section.coverage ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

section.coverage ul li {
    margin-bottom: 7px;
    font-size: 14px;
}

section.coverage ul li:before {
    font-family: Linearicons;
    display: inline-block;
    font-weight: 400;
    speak: none;
    font-size: 22px;
    content: "\e6e2";
    position: relative;
    left: 0;
    top: 5px;
    margin-right: 11px;
}

section.coverage ul li.realtime:before {
    content: "\e8da";
}

section.coverage ul li.intraday:before {
    content: "\e663";
}

section.coverage ul li.historical:before {
    content: "\e789";
}

section.coverage ul li.tickers:before {
    content: "\e880";
}

section.coverage ul li.exchanges:before {
    content: "\e94f";
}

section.coverage ul li.indices:before {
    content: "\e7fb";
}

section.coverage ul li.commercial:before {
    content: "\e74a";
}

section.coverage img {
    width: 630px;
    float: right;
}

section.trusted_by {
    padding: 35px 0 35px;
    background: transparent;
}

.index section.trusted_by {
    margin-top: -150px;
}

.pricing section.trusted_by {
    background: #ffffff;
    padding-top: 15px;
}

.contact section.trusted_by {
    background: #eff2f5;
}

section.trusted_by ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center
}

section.trusted_by ul li {
    font-family: Promo, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url(../site_images/client_white_accenture.svg);
    background-size: 125px;
    position: relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

section.trusted_by ul li:nth-child(1) {
    font-weight: 300;
    font-size: 16px;
    background: 0 0;
    width: 210px;
    top: -2px;
    text-align: left;
    color: #fff;
    margin-left: -20px;
}

.pricing section.trusted_by ul li:nth-child(1),
.contact section.trusted_by ul li:nth-child(1) {
    color: #000;
}

section.trusted_by ul li:nth-child(1) span {
    border-bottom: 2px solid
}

section.trusted_by ul li.accenture {
    background: url(../site_images/client_white_accenture.svg);
    background-size: 125px;
    width: 140px;
}

section.trusted_by.color ul li.accenture {
    background: url(../site_images/client_accenture.svg);
    background-size: 125px;
    width: 140px;
}

section.trusted_by ul li.uber {
    background: url(../site_images/client_white_uber.svg);
    background-size: 65px;
    width: 130px;
    top: 5px;
    left: 8px;
}

section.trusted_by.color ul li.uber {
    background: url(../site_images/client_uber.svg);
    background-size: 65px;
    width: 130px;
    top: 5px;
    left: 8px;
}

section.trusted_by ul li.revolut {
    background: url(../site_images/client_white_revolut.svg);
    background-size: 90px;
    width: 145px;
    top: 5px;
}

section.trusted_by.color ul li.revolut {
    background: url(../site_images/client_revolut.svg);
    background-size: 90px;
    width: 145px;
    top: 5px;
}

section.trusted_by ul li.garmin {
    background: url(../site_images/client_white_garmin.svg);
    background-size: 110px;
    width: 150px;
    top: -1px;
}

section.trusted_by.color ul li.garmin {
    background: url(../site_images/client_garmin.svg);
    background-size: 110px;
    width: 150px;
    top: -1px;
}

section.trusted_by ul li.amazon {
    background: url(../site_images/client_white_amazon.svg);
    background-size: 95px;
    width: 140px;
    top: 13px;
}

section.trusted_by.color ul li.amazon {
    background: url(../site_images/client_amazon.svg);
    background-size: 95px;
    width: 140px;
    top: 13px;
}

section.trusted_by ul li.creditsuisse {
    background: url(../site_images/client_white_creditsuisse.svg);
    background-size: 150px;
    width: 150px;
    left: 25px;
    top: -2px;
}

section.trusted_by.color ul li.creditsuisse {
    background: url(../site_images/client_creditsuisse.svg);
    background-size: 150px;
    width: 150px;
    left: 25px;
    top: -2px;
}

section.clients_grid {
    background: #ffffff;
    padding: 45px 0 40px 0;
    text-align: center;
}

section.clients_grid h4 {
    font-size: 25px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 300;
    font-family: Promo, Helvetica, Arial, sans-serif;
}

section.clients_grid h5 {
    font-size: 18px;
    max-width: 600px;
    text-align: center;
    margin: 20px auto 0;
    line-height: 25px;
}

section.clients_grid ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-top: 45px;
}

section.clients_grid ul li {
    display: inline-block;
    width: 250px;
    height: 100px;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 14px;
    border-radius: 8px;
    /* box-shadow: 0 0 3px 0 rgba(0,0,0,.05), 0 3px 10px 0 rgba(0,0,0,.01), 0 18px 30px -10px rgba(75,82,94,.099); */
}

section.clients_grid ul li.qualtrics {
    background: #eff2f5 url(../site_images/client_qualtrics.svg);
    background-size: 125px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 29px;
}

section.clients_grid ul li.microsoft {
    background: #eff2f5 url(../site_images/client_microsoft.svg);
    background-size: 175px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 29px;
}

section.clients_grid ul li.accenture {
    background: #eff2f5 url(../site_images/client_accenture.svg);
    background-size: 165px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 22px;
}

section.clients_grid ul li.uber {
    background: #eff2f5 url(../site_images/client_uber.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

section.clients_grid ul li.amazon {
    background: #eff2f5 url(../site_images/client_amazon.svg);
    background-size: 125px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 33px;
}

section.clients_grid ul li.revolut {
    background: #eff2f5 url(../site_images/client_revolut.svg);
    background-size: 125px;
    background-repeat: no-repeat;
    background-position: center;
}

section.clients_grid ul li.garmin {
    background: #eff2f5 url(../site_images/client_garmin.svg);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 24px;
}

section.clients_grid ul li.creditsuisse {
    background: #eff2f5 url(../site_images/client_creditsuisse.svg);
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 25px;
}

section.clients_grid ul li.nyu {
    background: #eff2f5 url(../site_images/client_nyu.svg);
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 32px;
}

section.clients_grid ul li.wu {
    background: #eff2f5 url(../site_images/client_wu.svg);
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 22px;
    display: none;
}

section.clients_grid ul li.ie {
    background: #eff2f5 url(../site_images/client_ie.svg);
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 22px;
}

section.clients_grid ul li.mit {
    background: #eff2f5 url(../site_images/client_mit.svg);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 29px;
}

section.showcase {
    background: #fff;
    padding: 40px 0;
    text-align: center;
}

section.showcase .items {
    background: #eff2f5;
    border-radius: 5px;
    padding: 18px 0 19px 0
}

section.showcase .item {
    display: inline-block;
    width: 250px;
    text-align: left;
    margin: 0 12px;
    border-radius: 5px;
    vertical-align: text-top
}

section.showcase .item h5 {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600
}

section.showcase .item h5:before {
    font-family: Linearicons;
    display: block;
    font-weight: 400;
    speak: none;
    font-size: 30px;
    content: "\e959";
    position: relative;
    margin-bottom: 20px;
    text-align: left
}

section.showcase .item.every_minute h5:before {
    content: "\e661"
}

section.showcase .item.coverage h5:before {
    content: "\e884";
}

section.showcase .item.reliable h5:before {
    content: "\e7fb"
}

section.showcase .item.price h5:before {
    content: "\e825"
}

section.search {
    padding: 40px 0 40px;
    text-align: center;
    background: #fff;
    min-height: 350px;
}

section.search .filter {
    margin-bottom: 40px;
}

section.search .filter form {
    text-align: left;
}

section.search .filter form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

section.search .filter form fieldset .form_row {
    display: inline-block;
    margin: 0 15px;
}

section.search .filter form fieldset .form_row label {
    display: block;
    text-align: left;
    font-weight: 600;
    margin-bottom: 7px;
}

section.search .filter form fieldset .form_row input {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.12) 0px 2px 5px 0px;
    border: 0;
    width: 275px;
    padding: 10px 10px 12px 10px;
    border-radius: 5px;
}

section.search .filter form fieldset .form_row select {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.12) 0px 2px 5px 0px;
    border: 0;
    width: 275px;
    padding: 10px 10px 12px 10px;
    border-radius: 5px;
}

section.search .filter form fieldset .form_row button {
    white-space: nowrap;
    height: 45px;
    border-radius: 3px;
    padding: 10px 12px 10px 12px;
    font-weight: 400;
    color: #fff;
    background: #0478c3;
    margin-top: 25px;
    display: block;
    font-size: 14px;
    width: 150px;
    position: relative;
    border: 0;
    font-family: Promo, Helvetica, Arial, sans-serif;
    display: inline-block;
}

section.search .filter form fieldset .form_row .meta {
    display: inline;
    font-weight: 600;
    margin-right: 20px;
}

section.search .filter form fieldset .form_row:first-of-type {
    margin-left: 0;
}

section.search .filter form fieldset .form_row:last-of-type {
    float: right;
    position: relative;
    top: -1px;
    margin-right: 0;
}

section.search.loading .filter form fieldset .form_row button {
    opacity: 0.5;
    pointer-events: none;
}

section.search .results {}

section.search .results table {
    text-align: left;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

section.search .results table thead {}

section.search .results table thead tr {}

section.search .results table tbody tr:nth-of-type(odd) {
    background-color: rgb(233, 236, 239);
}

section.search .results table thead tr th {
    padding: 1.5rem;
    vertical-align: top;
    border-top: 1px dashed #dee2e6;
}

section.search.loading .results table tbody {
    height: 50px;
    background: rgb(233, 236, 239);
    width: 100%;
    position: absolute;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

section.search .results table tbody {
    max-width: 1140px;
}

section.search.loading .results table tbody * {
    display: none;
}

section.search .results table tbody tr {}

section.search .results table tbody tr td {
    padding: 1.5rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

section.search .results table tbody tr td:nth-child(1),
section.search .results table thead tr th:nth-child(1) {
    width: 140px;
}

section.search .results table tbody tr td:nth-child(2),
section.search .results table thead tr th:nth-child(2) {
    width: 400px;
}

section.search .results table tbody tr td:nth-child(3),
section.search .results table thead tr th:nth-child(3) {
    width: 300px;
}

section.search a[data-paginate] {
    cursor: pointer;
    display: inline-block;
    width: 150px;
    text-align: center;
    background: #eaecef;
    padding: 10px 10px 13px 10px;
    color: #000;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #dee2e6;
    margin-bottom: 20px;
}

section.search a[data-paginate]:nth-child(1) {}

section.search a[data-paginate]+a {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -5px;
}

section.search.loading a[data-paginate] {
    display: none !important;
}

section.pricing {
    padding: 40px 0 40px;
    text-align: center;
    background: #fff;
}

section.pricing .container ul.subscriptions {
    margin: -180px 0 0;
    list-style: none;
    padding: 0;
    text-align: center;
    color: rgba(22, 34, 47, 1)
}

section.pricing .container ul.subscriptions>li {
    text-align: left;
    display: inline-block;
    width: 211px;
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    border-radius: 5px;
    z-index: 0
}

section.pricing .container ul.subscriptions li.enterprise {
    background: #01385a;
    width: 230px;
    color: #fff;
    /* border: 1px solid #344550; */
}

section.pricing .container ul.subscriptions>li.highlighted .main_container {
    box-shadow: 0 1rem 3rem 0 rgba(177, 177, 177, .4);
    background: #fff
}

section.pricing .container ul.subscriptions li .main_container {
    border-radius: 5px;
    padding-bottom: 10px;
    background: #ebeff4;
    text-align: center
}

section.pricing .container ul.subscriptions li.enterprise .main_container {
    background: 0 0
}

section.pricing .container ul.subscriptions li .main_container .mc_header {
    padding: 35px 0 15px
}

section.pricing .container ul.subscriptions li.highlighted .main_container .mc_header {
    padding-top: 65px
}

section.pricing .container ul.subscriptions li.highlighted .mc_header:before {
    display: block;
    position: absolute;
    top: -2px;
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 12px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding-top: 7px;
    content: 'Most Popular';
    background: #0478c3;
    z-index: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

section.pricing .container ul.subscriptions li .main_container .mc_header heading {
    font-size: 18px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300
}

section.pricing .container ul.subscriptions li .main_container .mc_header heading .friendly {
    font-size: 20px
}

section.pricing .container ul.subscriptions li .main_container .mc_header heading:before {
    font-family: Linearicons;
    font-size: 30px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -7px;
    content: "\e605"
}

section.pricing .container ul.subscriptions li.free .main_container .mc_header heading:before {
    content: "\e600";
}

section.pricing .container ul.subscriptions li.basic .main_container .mc_header heading:before {
    content: "\e83a"
}

section.pricing .container ul.subscriptions li.professional .main_container .mc_header heading:before {
    content: "\e74a"
}

section.pricing .container ul.subscriptions li.business .main_container .mc_header heading:before {
    content: "\e60c"
}

section.pricing .container ul.subscriptions li.enterprise .main_container .mc_header heading:before {
    content: "\e60b"
}

section.pricing .container ul.subscriptions li .main_container .short_description {
    height: 100px;
    padding: 15px 15px;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 20px
}

section.pricing .container ul.subscriptions li .main_container .price {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    line-height: normal
}

section.pricing .container ul.subscriptions li .main_container .price .yearly_data {
    display: none
}

section.pricing .container ul.subscriptions li .main_container .price span {
    font-size: 20px;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 600;
    margin-right: 2px
}

section.pricing .container ul.subscriptions li .main_container .price small {
    font-size: 12px
}

section.pricing .container ul.subscriptions li .main_container .price small.yearly_price {
    display: block;
    color: rgba(0, 0, 0, .4);
    margin-top: 5px;
    font-weight: 600;
    font-size: 12px
}

section.pricing .container ul.subscriptions li.enterprise .main_container .price small.yearly_price {
    color: #fff
}

section.pricing .container ul.subscriptions li .main_container a {
    background: #dde1e7;
    padding: 10px 10px;
    margin: 0 auto;
    display: inline-block;
    font-size: 14px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #848484;
    width: 90%;
    border-radius: 3px
}

section.pricing .container ul.subscriptions li.enterprise .main_container a {
    background: rgb(7, 119, 195);
    color: #fff;
    width: 88%;
}

section.pricing .container ul.subscriptions li.highlighted .main_container a {
    background: #0478c3;
    color: #fff;
}

section.pricing .container ul.subscriptions li .main_container a+a {
    display: inline-block;
    white-space: nowrap
}

section.pricing .container ul.subscriptions li .features_container {
    padding: 0;
    list-style: none;
    margin-top: 25px
}

section.pricing .container ul.subscriptions li .features_container ul {
    margin: 0 -7px 0 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid #dde1e7
}

section.pricing .container ul.subscriptions li.business .features_container ul {
    border: 0
}

section.pricing .container ul.subscriptions li.enterprise .features_container ul {
    border-right: 0;
    padding-bottom: 5px
}

section.pricing .container ul.subscriptions li .features_container ul li {
    text-align: left;
    padding-top: 0;
    padding-bottom: 13px;
    padding-left: 18px;
    border-bottom: 0
}

section.faq,
section.faq.pricing,
section.we_accept {
    text-align: center
}

section.pricing .container ul.subscriptions li .features_container ul li span {
    font-size: 12px;
    font-weight: 600;
    color: #949494
}

section.pricing .container ul.subscriptions li .features_container ul li:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -4px;
    content: "\e6b3";
    top: 1px;
    position: relative
}

section.faq .container .topic h3,
section.faq .container h2 {
    line-height: normal;
    font-weight: 300;
    font-family: Promo, Helvetica, Arial, sans-serif
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_api_requests:before {
    content: "\e90b"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_support:before {
    content: "\e723"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_history:before {
    content: "\e8e4"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_https:before {
    content: "\e66b"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_exchanges:before {
    content: "\e94f"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_eod:before {
    content: "\e789"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_indices:before {
    content: "\e7fb"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_intraday:before {
    content: "\e655"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_realtime:before {
    content: "\e7b9"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_commercial:before {
    content: "\e74a"
}

section.pricing .container ul.subscriptions li .features_container ul li.feature_custom:before {
    content: "\e672"
}

.faq section.faq {
    padding: 40px 0 45px;
}

section.faq {
    color: rgba(22, 34, 47, 1);
    padding: 40px 0 40px;
    background: #ffffff;
}

.pricing section.faq {
    background: #eff2f5;
}

section.faq.on_contact {
    background-size: cover;
    background-position: center;
    padding-bottom: 40px;
    background: #eff2f5;
}

section.faq .container h2 {
    font-size: 25px;
    margin-bottom: 40px;
    margin-top: 0
}

section.faq .container .topic {
    margin: 0 auto 35px;
    text-align: left
}

section.faq .container .topic: last-of-type {
    margin-bottom: 0
}

section.faq .container .topic.btn {
    margin-bottom: 0
}

section.faq.full .container .topic {
    max-width: 960px
}

section.faq .container .topic h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #949494
}

section.faq .container .topic ul {
    list-style: none;
    padding: 0;
    margin: 0
}

section.faq .container .topic ul li: first-of-type p.question {
    border-top: 1px solid #dedee1
}

section.faq .container .topic ul li p.question {
    position: relative;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #dedee1;
    cursor: pointer
}

section.faq .container .topic ul li:not(.open):hover p.question:after,
section.faq .container .topic ul li:not(.open):hover p.question:before {
    background: #4f78a9
}

section.faq .container .topic ul li: last-of-type p.question {
    border-bottom: 0
}

section.faq .container .topic ul li p.question:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    right: 15px;
    margin-left: -6px;
    margin-top: -1px;
    background: #aaadb1
}

section.faq .container .topic ul li.open p.question:before {
    background: #4f78a9
}

section.faq .container .topic ul li p.question:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    top: 50%;
    right: 20px;
    margin-left: -1px;
    margin-top: -6px;
    transition: transform .25s ease, opacity .25s ease 75ms;
    background: #aaadb1
}

section.faq .container .topic ul li.open p.question:after {
    display: none
}

section.faq .container .topic ul li p.answer {
    display: none;
    background: #ebeff4;
    padding: 20px 15px;
    line-height: 23px;
    margin-bottom: 0;
}

.pricing section.faq .container .topic ul li p.answer {
    background: #fff;
}

section.faq.on_contact .container .topic ul li p.answer {
    background: #fff
}

section.faq .container .topic ul li.yellow p.answer {
    background: #fdfd7b
}

section.faq .container .topic ul li.open p.answer {
    display: block
}

section.faq .container .topic ul li p a {
    text-decoration: underline;
    color: #2e67a8
}

section.faq .container .topic>a {
    padding: 15px 40px 15px 10px;
    margin: 0 auto;
    display: inline-block;
    font-size: 14px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    width: 300px;
    border-radius: 3px;
    text-align: center;
    position: relative;
    cursor: pointer;
    background: #c8d3dd;
    color: #7e8e9e
}

section.faq .container .topic>a.view_all {
    background: 0 0;
    left: -20px
}

section.faq .container .topic>a:after {
    font-family: Linearicons;
    font-size: 20px;
    speak: none;
    font-weight: 700;
    content: "\e944";
    position: absolute;
    right: 17px;
    top: 10px
}

section.faq .container .inline_left {
    display: inline-block;
    width: 500px;
    margin-right: 25px;
    vertical-align: top
}

section.faq .container .inline_right {
    display: inline-block;
    width: 500px;
    margin-left: 25px;
    vertical-align: top
}

section.we_accept {
    padding: 25px 0;
    background: #ebeff4
}

section.we_accept .container ul {
    padding: 0;
    margin: 0;
    list-style: none
}

section.we_accept .container ul li {
    display: inline-block;
    width: 69px;
    height: 43px;
    background: url(../site_images/payment_method_visa.svg) no-repeat;
    background-size: cover;
    margin-right: 15px
}

section.we_accept .container ul li.text {
    background: 0 0;
    width: 300px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin-right: 20px;
    vertical-align: top;
    position: relative;
    top: 10px
}

section.we_accept .container ul li.visa {
    background: url(../site_images/payment_method_visa.svg) no-repeat;
    background-size: cover
}

section.we_accept .container ul li.mastercard {
    background: url(../site_images/payment_method_mastercard.svg) no-repeat;
    background-size: cover
}

section.we_accept .container ul li.amex {
    background: url(../site_images/payment_method_amex.svg) no-repeat;
    background-size: cover
}

section.we_accept .container ul li.diners {
    background: url(../site_images/payment_method_diners.svg) no-repeat;
    background-size: cover
}

section.we_accept .container ul li.discover {
    background: url(../site_images/payment_method_discover.svg) no-repeat;
    background-size: cover
}

section.we_accept .container ul li.paypal {
    background: url(../site_images/payment_method_paypal.svg) center no-repeat #fff;
    background-size: cover;
    border-radius: 5px
}

section.hero.subpage {
    padding: 95px 0 70px;
    margin-bottom: 0;
    text-align: center;
}

section.hero.subpage.nosubheading {
    padding: 95px 0 45px
}

section.hero.documentation {
    padding: 85px 0 30px;
    color: rgba(22, 34, 47, 1);
    margin-bottom: 0;
    background-repeat: no-repeat;
    background: #02283e url(../site_images/pattern_bg_8.svg);
    background-position: bottom;
    background-size: cover;
}

section.hero.documentation h2 {
    font-weight: 300;
    font-size: 25px
}

section.hero.documentation .intro_buttons .left,
section.hero.documentation .intro_buttons .right {
    display: inline-block;
    width: 50%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box
}

i {
    float: left
}

section.hero.documentation .intro_buttons .right {
    float: right
}

section.hero.documentation .intro_buttons div h3 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 13px
}

section.hero.documentation .intro_buttons div h3:before {
    font-family: Linearicons;
    font-size: 25px;
    content: "\e661";
    border: none;
    padding: 0;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    font-weight: 400;
    margin-bottom: 0;
    top: 4px
}

section.hero.documentation .intro_buttons div.left h3:before {
    content: "\e837"
}

section.hero.documentation .intro_buttons div.right h3:before {
    content: "\e90c"
}

section.hero.documentation .intro_buttons div p {
    max-width: 450px
}

section.hero.documentation .intro_buttons div a {
    background-size: cover;
    background-position: top;
    padding: 10px 10px;
    height: auto;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 20px;
    display: block;
    width: 190px;
    text-align: center;
    background: #2b485a;
}

section.hero.documentation .intro_buttons div a.go_to_quickstart,
section.hero.documentation .intro_buttons div a.sign_up {
    background: #0478c3;
    color: #fff;
}

section.hero.subpage .container h3 {
    line-height: 22px;
    font-size: 15px;
    max-width: 550px;
    margin: 0 auto
}

section.call_to_action_contact .container p a,
section.call_to_action_faq .container p a {
    height: auto;
    margin-left: 20px;
    border-radius: 3px;
    width: auto;
    text-transform: uppercase
}

section.call_to_action_contact {
    padding: 25px 0 28px;
    background: #ebeff4;
    font-size: 14px;
    text-align: center;
    background-size: cover;
    color: rgba(22, 34, 47, 1)
}

section.call_to_action_contact .container p {
    font-size: 14px;
    margin-bottom: 0
}

section.call_to_action_contact .container p span {
    font-weight: 600
}

section.call_to_action_contact .container p a {
    background: #244f67;
    padding: 13px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

section.call_to_action_faq {
    padding: 25px 0 28px;
    background: #ebeff4;
    font-size: 14px;
    text-align: center;
    background-size: cover;
    color: rgba(22, 34, 47, 1)
}

section.call_to_action_faq .container p {
    font-size: 14px;
    margin-bottom: 0
}

section.call_to_action_faq .container p span {
    font-weight: 600
}

section.call_to_action_faq .container p a {
    background: #4f78a9;
    padding: 13px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

section.about {
    color: rgba(22, 34, 47, 1);
    background: #fff;
    padding: 50px 0
}

section.about .container img {
    height: 45px;
    margin-bottom: 20px
}

section.about .container h3 {
    font-size: 18px;
    line-height: normal;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px
}

section.about .container h3+p {
    line-height: 20px
}

section.offices {
    padding: 0;
    background: #fff;
    line-height: normal;
}

section.offices .container {
    width: auto;
    padding: 0;
}

section.offices .container .locations .location {
    display: inline-block;
    width: 50%
}

section.offices .container .locations .location.vienna {
    background: url(../site_images/office_vienna_transparent.png) rgba(42, 61, 84, 1);
    background-size: cover;
    background-position: center;
    padding: 25px 85px 25px 120px;
    color: #fff
}

section.offices .container .locations .location.london {
    float: right;
    background: url(../site_images/office_london_transparent.png) rgba(42, 61, 84, 1);
    background-position: center;
    background-size: cover;
    height: 100%;
    color: #fff;
    padding: 25px 120px 25px 85px
}

section.offices .container .locations .location h4 {
    text-transform: uppercase;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-size: 20px
}

section.offices .container .locations .location p {
    font-weight: 600;
    line-height: 20px
}

section.social_media {
    background: #eff2f5;
    padding: 30px 0;
}

section.social_media .container .socials {
    text-align: center
}

section.social_media .container .socials a {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    background: url(../site_images/github-original.svg);
    margin-right: 10px
}

section.social_media .container .socials a.text {
    width: 200px;
    background: 0 0;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    vertical-align: middle;
    text-decoration: none;
    cursor: default;
    position: relative;
    top: 6px;
    margin-right: 20px;
    color: #000;
}

section.social_media .container .socials a.twitter {
    background: url(../site_images/twitter-original.svg) center no-repeat;
    background-size: contain
}

section.social_media .container .socials a.facebook {
    background: url(../site_images/facebook-original.svg)
}

section.social_media .container .socials a.linkedin {
    background: url(../site_images/linkedin-original.svg)
}

section.social_media .container .socials a.github {
    background: url(../site_images/github-dark.svg)
}

section.about .container .links {
    margin-top: 30px
}

section.about .container .links a {
    display: block;
    color: inherit;
    font-weight: 400;
    line-height: 30px;
    max-width: 225px
}

section.about .container .links a:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    margin-right: 10px;
    content: "\e71f";
    position: relative;
    top: 3px
}

section.about .container .links a.pricing:before {
    content: "\e755"
}

section.about .container .links a.docs:before {
    content: "\e782"
}

section.about .container .links a.contact:before {
    content: "\e728"
}

section.other_products {
    padding: 40px 0 20px;
    text-align: center;
    color: rgba(22, 34, 47, 1);
    background: #fff
}

section.other_products .container ul {
    padding: 0;
    margin: 0;
    list-style: none
}

section.other_products .container ul li {
    display: inline-block;
    width: 260px;
    text-align: left;
    margin-bottom: 40px;
    margin-right: 10px;
    margin-left: 10px;
    background: 0 0;
    border-radius: 5px;
    position: relative;
    padding-left: 10px
}

section.other_products .container ul li img {
    height: 60px;
    display: inline-block;
    border-radius: 5px
}

section.other_products .container ul li p {
    line-height: normal;
    margin-top: 10px;
    text-align: left
}

section.other_products .container ul li a {
    margin: 0 auto 0 10px;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    width: 125px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 48px;
    text-decoration: underline
}

section.other_products .container ul li .next {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 0
}

section.other_products .container ul li .next>span {
    font-weight: 600;
    font-size: 15px;
    display: block
}

section.other_products .container ul li .next>span+span {
    display: block;
    font-size: 12px;
    color: #6c798f
}

section.contact_form .container h2,
section.other_products .container h2 {
    font-size: 25px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-top: 0;
    line-height: normal
}

section.other_products .container h2 {
    margin-bottom: 60px
}

section.contact_form {
    padding: 50px 0 60px;
    background: bottom repeat-x #fff;
    text-align: center;
    color: rgba(22, 34, 47, 1);
    background-size: 17%
}

section.contact_form .container h2 {
    margin-bottom: 10px
}

section.contact_form .container h3 {
    font-size: 17px;
    line-height: normal;
    max-width: 500px;
    margin: 0 auto 30px
}

section.contact_form .container form {
    max-width: 500px;
    margin: 0 auto;
    text-align: left
}

section.contact_form .container form fieldset.alerts {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    margin: 0 0 20px;
    background: #e35256;
    color: #fff;
    font-weight: 600
}

section.contact_form .container form fieldset.alerts.success {
    background: #3da07b
}

section.contact_form .container form .form_row {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    position: relative
}

section.contact_form .container form .form_row input {
    width: 100%;
    padding: 15px 10px 15px 40px;
    border-radius: 5px;
    border: 1px solid #d7d7d9
}

section.contact_form .container form .form_row select {
    width: 100%;
    padding: 15px 10px 15px 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    border: 1px solid #d7d7d9
}

section.contact_form .container form .form_row textarea {
    width: 100%;
    border-radius: 5px;
    resize: vertical;
    padding: 15px;
    border: 1px solid #d7d7d9;
    min-height: 150px
}

section.contact_form .container form .form_row .error {
    background: #fce3e4;
    border-color: #f3b9bb
}

section.contact_form .container form .form_row label {
    background: #15394c;
    padding: 13px 15px;
    width: 100%;
    height: auto;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    text-align: center;
    cursor: pointer;
}

section.contact_form .container form .form_row i:before,
section.contact_form .container form .form_row.subject i:after {
    font-family: Linearicons;
    font-size: 20px;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: 11px;
    font-style: normal
}

section.contact_form .container form .form_row label.loading {
    cursor: default;
    pointer-events: none;
    opacity: .5
}

section.contact_form .container form .form_row label+input {
    visibility: hidden;
    position: absolute
}

section.contact_form .container form .form_row i:before {
    display: inline-block;
    content: "\e6b3";
    left: 13px;
    color: #838383
}

section.contact_form .container form .form_row.name i:before {
    content: "\e71e"
}

section.contact_form .container form .form_row.email i:before {
    content: "\e697"
}

section.contact_form .container form .form_row.subject i:before {
    content: "\e60b"
}

section.contact_form .container form .form_row.subject i:after {
    display: inline-block;
    content: "\e93d";
    right: 13px;
    color: #333
}

section.sitemap {
    padding: 60px 0 70px;
    background: #fff;
    text-align: center;
    color: rgba(22, 34, 47, 1)
}

section.sitemap .container ul {
    padding: 0;
    margin: 0 40px;
    list-style: none;
    display: inline-block;
    text-align: left;
}

section.sitemap .container ul li {
    margin-bottom: 10px
}

section.sitemap .container ul li a {
    color: #000;
}

section.sitemap .container ul li.heading {
    margin-bottom: 10px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

section.currencies {
    color: rgba(22, 34, 47, 1);
    text-align: center;
    background: #fff;
    padding: 40px 0 50px
}

section.currencies .container table {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    border-collapse: collapse;
    width: 100%
}

section.currencies .container table thead tr th {
    padding: 10px;
    background: #2a3d54;
    color: #fff
}

section.currencies .container table tbody tr.light_gray {
    background: #ebeff4
}

section.currencies .container table tbody td {
    padding: 10px
}

section.call_to_action_secondary {
    padding: 25px 0 28px;
    background: #ebeff4;
    font-size: 14px;
    text-align: center;
    background-size: cover;
    color: rgba(22, 34, 47, 1)
}

section.call_to_action_secondary .container p {
    font-size: 14px;
    margin-bottom: 0
}

section.call_to_action_secondary .container p span {
    font-weight: 600
}

section.call_to_action_secondary .container p a {
    background: #4f78a9;
    padding: 13px 15px;
    width: auto;
    height: auto;
    margin-left: 20px;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700
}

section.preapp {
    padding-top: 100px;
    padding-bottom: 60px;
    text-align: center;
    color: #fff;
    background: #02283e url(../site_images/pattern_bg_8.svg);
    background-position: center;
    background-size: cover;
}

section.preapp.forgot,
section.preapp.login {
    padding-bottom: 130px;
    padding-top: 120px;
}

section.preapp.forgot {
    padding-bottom: 120px;
}

section.preapp h2 {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 10px;
    letter-spacing: -1px;
    font-weight: 400
}

section.preapp h2 span {
    font-weight: 600
}

section.preapp.login p.join {
    text-align: center;
    margin-top: 35px;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
    letter-spacing: -.1px
}

section.preapp.login p.join a {
    background: #283f59;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px
}

/* switch section */

.StripeElement {
    box-sizing: border-box;
    height: 50px;
    padding: 15px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f9f9f9;
    border-color: #d7d7d9;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    margin-top: 10px;
}

.cycle {
    
    background-clip: border-box;
    border: 0 solid rgba(55,63,67,.125);
    padding: 5px 0 5px 0;
    border-radius: 5px;
    vertical-align: middle;
    font-weight: 400;
    color: #49545a;
}
.cycle_pricing{
    background: #f6f8f9;
}
.cycle a.selected {
    background: #d8dcdf;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
}
.cycle a.monthly {
    text-decoration: none;
}
label.bar_bg{
    background: #1f3e50;
    padding:15px 15px 25px 15px;
    margin-bottom: 0px !important;
    color: #fff !important;
    text-transform: uppercase;
}
.price-bg {
    background: #cbd6e3;
    border-bottom: 1px solid #c7cdd1;
    border-top: 1px solid #c7cdd1;
}
.price_td td, .price_td th {
    padding: 14px;
}
.price_td tr, .price_td th {
    padding: 13px;
}
i.fa.fa-btn.fa-star-o {
    padding: 4px 5px 0 0;
}
.btn-default {
    background-color: #fff;
    border-color: #c7cdd1;
    color: #5c6870;
    font-weight: 300;
    border: 1px solid #c7cdd1;
    padding: 5px;
}
.cycle a.yearly {
    margin-left: 4px;
    padding-right: 6px;
    text-decoration: none;
}
tr.table-tr td {
    border-bottom: 1px solid #c7cdd1;
}
input.radio-btn {
    width: auto !important;
    margin-right: 3px;
}
.d-flex.align-items-center {
    font-size: 14px;
    color: #333;
}
span.table-plan-text {
    color: #333;
}
.inline-signup {
    padding: 0px !important;
    margin: 0 !important;
}

span.yearly_data.discount {
    color: #fff;
    font-size: 11px;
    background: #3da07b;
    padding: 1px 6px 3px;
    border-radius: 3px;
    font-weight: 700;
    margin-left: 2px;
}

/* end switch */

/* feature popup */

.modal, .modal-basic, .modal-pro, .modal-proplus {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    border-radius: 0.3rem;
    background-color: #f4f5f6;
    border-radius: 5px;
    box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
    z-index: 10;
    color: #000;
}
.modal-header {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem;
    border-radius: 5px 5px 0 0;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #49545a;
    text-transform: uppercase;
}
p.modal-body {
    background-color: #f4f5f6;
    background-clip: padding-box;
    border-top: 1px solid rgba(55, 63, 67, .2);
    border-bottom: 1px solid rgba(55, 63, 67, .2);
    padding: 2rem;
    color: #000000;
}

.close-modal {
    position: relative;
    right: 2rem;
    font-size: 1.5rem;
    color: #5c6870;
    cursor: pointer;
    background: #fff;
    float: right;
    border-color: #c7cdd1;
    font-weight: 300;
    padding: 8px 15px 8px 15px;
    border-radius: 5px;
    border: 1px solid #c7cdd1;
    margin: 10px 0 20px 0;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.overlay, .overlay-basic, .overlay-pro, .overlay-proplus {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.show-modal, .show-modal-basic, .show-modal-pro, .show-modal-proplus {
    cursor: pointer;
}

/* end feature popup */

section.preapp form fieldset {
    border: 0;
    margin: 0 auto 15px;
    background: #cbd6e3;
    border-radius: 3px;
    width: 550px;
    padding: 0;
    overflow: hidden;
    text-align: left
}

section.preapp form fieldset.alerts {
    padding: 5px 10px 7px;
    font-weight: 600;
    background: #e35256
}

section.preapp form fieldset.alerts.success {
    background: #3da07b
}

section.preapp.signup form fieldset:not(.captcha):not(.plan) {
    padding-bottom: 5px
}

section.preapp.signup form fieldset.captcha {
    text-align: center;
    padding-top: 25px
}

section.preapp.login form fieldset {
    width: 350px;
    padding-top: 5px
}

section.preapp form fieldset.captcha div:not(.line) {
    margin: 0;
    width: auto!important;
    height: auto!important
}

section.preapp form fieldset.captcha div.line {
    margin-top: 20px;
    border-top: 1px solid rgba(40, 63, 89, .2);
    margin-bottom: 0;
    padding: 14px 25px 10px
}

section.preapp form fieldset.captcha div.line.tos {
    margin-top: 0
}

section.preapp form fieldset.captcha .line.checkboxes input {
    width: 20px;
    display: inline-block;
    float: left;
    position: relative;
    left: -5px;
    top: 1px
}

section.preapp form fieldset.captcha .line.checkboxes input.error+label,
section.preapp form fieldset.captcha .line.checkboxes input.error+label a {
    color: red
}

section.preapp form fieldset.captcha .line.checkboxes label {
    text-align: left;
    font-weight: 400;
    margin-bottom: 0;
    float: right;
    width: calc(100% - 25px);
    position: relative;
    top: -2px;
    right: 5px;
    font-size: 12px;
}
.checkboxes label {
    font-size: 12px;
}
section.preapp.forgot form fieldset label.submit {
    display: block;
    padding: 10px 5px 13px;
    font-weight: 700;
    background: #0478c3;
    cursor: pointer;
    pointer-events: all;
    text-align: center;
    margin-top: 20px;
}

section.preapp.forgot form fieldset p {
    color: #333;
    text-align: left;
    padding: 10px 15px 15px;
    font-size: 14px;
    line-height: normal;
    border-bottom: 1px solid rgba(40, 63, 89, .35)
}

section.preapp.forgot form fieldset p span {
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

section.preapp form fieldset.captcha label.submit {
    display: block;
    background: rgba(40, 63, 89, .2);
    padding: 10px 5px 13px;
    font-weight: 700;
    pointer-events: none
}

section.preapp form fieldset.captcha label.submit.enabled,
section.preapp.login form fieldset label.submit {
    background: #0478c3;
    pointer-events: all;
    cursor: pointer;
}

section.preapp.login form fieldset label.submit {
    display: block;
    padding: 10px 5px 13px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}

section.preapp form fieldset>span {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    background: #1f3e50;
    color: #fff;
    padding: 10px 10px 10px 40px;
    font-size: 13px;
    position: relative;
}

section.preapp form fieldset>span:before {
    font-family: Linearicons;
    font-size: 20px;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: 4px;
    left: 11px;
    font-style: normal;
    content: "\e60b"
}

section.legal .container h1,
section.legal .container h4 {
    font-family: Promo, Helvetica, Arial, sans-serif;
    line-height: normal
}

section.preapp form fieldset.account>span:before {
    content: "\e71b";
    top: 5px
}

section.preapp form fieldset.billing>span:before {
    content: "\e74c"
}

section.preapp form fieldset.company>span:before {
    content: "\e60b"
}

section.preapp form fieldset .line {
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px 0
}

section.preapp.login form fieldset .line: last-of-type {
    margin-bottom: 30px
}

section.preapp.login form fieldset .line {
    margin-bottom: 10px
}

section.preapp form fieldset .line.double input {
    width: 49.5%
}

section.preapp form fieldset .line label {
    display: block;
    margin-bottom: 7px;
    color: #333;
    font-weight: 600;
    font-size: 14px
}

section.preapp form fieldset .line label a.forgot,
section.preapp.forgot form fieldset .line label a.log_in_instead {
    float: right;
    text-decoration: underline;
    color: inherit
}

section.preapp form fieldset .line label span.star {
    color: red;
    font-size: 12px;
    position: relative;
    top: -3px;
    left: 0;
    margin-right: 0
}

section.preapp form fieldset .line input {
    border-radius: 3px;
    border: 1px solid rgba(40, 63, 89, .35);
    padding: 10px 7px;
    width: 100%;
    color: #333
}

input.error,
section.hero .ip_demo.error_input .ip_header input,
select.error {
    background: #fce3e4!important;
    border-color: #f3b9bb!important
}

section.preapp form fieldset .line select {
    width: 100%;
    height: 41px;
    background: #fff;
    color: #333;
    border: 1px solid rgba(40, 63, 89, .35);
    border-radius: 3px
}

form fieldset .line select.disabled {
    pointer-events: none;
    cursor: default;
    background: #d8e0ea!important;
    border: 0!important
}

section.preapp form fieldset.plan .line>label {
    margin-bottom: 15px
}

section.preapp form fieldset.plan.free .line {
    margin-bottom: 0
}

section.preapp form fieldset.plan.free .line>label {
    margin-bottom: 8px
}

section.preapp form fieldset.plan.free .frequency {
    display: none
}

section.preapp form fieldset.plan .line>label span {
    font-weight: 700
}

section.preapp form fieldset.plan .line>label .right {
    float: right;
    text-decoration: none
}

section.preapp form fieldset.plan .line>label .right a {
    color: inherit
}

section.preapp form fieldset.plan .line>div>label {
    font-weight: 400
}

section.preapp form fieldset.plan .line>div>label input {
    display: inline;
    width: 20px
}

section.preapp form fieldset.plan .line>div>label .discount {
    background: #48b38e;
    color: #fff;
    display: inline-block;
    padding: 1px 6px 3px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 2px;
}

section.legal {
    background: #fff;
    padding: 40px 0;
    color: rgba(22, 34, 47, 1)
}

section.legal .container h1 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 300
}

section.legal .container h4 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 300
}

section.legal .container a {
    text-decoration: underline
}

section.api_documentation {
    padding: 30px 0;
    text-align: left;
    color: rgba(22, 34, 47, 1);
    background: #fff
}

section.api_documentation .container .menu {
    float: left;
    width: 250px;
    color: rgba(22, 34, 47, 1);
    margin-top: 15px;
    border-right: 1px solid #eee
}

section.api_documentation .container .menu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    background: #fff
}

section.api_documentation .container .menu ul.github {
    margin-bottom: 0;
    margin-top: 25px
}

section.api_documentation .container .menu ul li a {
    padding: 5px 15px;
    display: block;
    font-weight: 300;
    color: rgba(22, 34, 47, 1)
}

section.api_documentation .container .menu ul li a:hover {
    text-decoration: none;
    background: #eee
}

section.api_documentation .container .menu ul.github li a {
    font-weight: 600;
    padding: 10px 15px 11px 45px;
    position: relative;
    font-size: 14px;
    color: rgba(22, 34, 47, 1);
    margin-bottom: 0;
    background: #eee
}

section.api_documentation .container .menu ul.github li a:before {
    background: url('../site_images/github_x2.png');
    content: '';
    padding: 10px;
    position: absolute;
    left: 15px;
    background-size: contain
}

section.api_documentation .container .menu ul li.doc_heading {
    font-weight: 600;
    padding: 10px 15px 11px;
    position: relative;
    font-size: 16px
}

section.api_documentation .container .menu ul li.doc_heading:before {
    font-family: Linearicons;
    font-size: 20px;
    speak: none;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    content: "\e6b3";
    position: absolute;
    top: 5px;
    left: 15px;
    display: none
}

section.api_documentation .container .menu ul li.doc_heading.specs:before {
    content: "\e673"
}

section.api_documentation .container .menu ul li.doc_heading.features:before {
    content: "\e68d";
    font-size: 22px;
    top: 3px;
    left: 14px
}

section.api_documentation .container .menu ul li.doc_heading.examples:before {
    content: "\e909"
}

section.api_documentation .container .menu ul li.doc_heading.downloads:before,
section.api_documentation .container .menu ul li.doc_heading.github:before {
    content: "\e6be"
}

section.api_documentation .container .content {
    float: right;
    width: 860px;
    color: #283f59
}

section.api_documentation .container .content .topic {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 10px
}

section.api_documentation .container .content .topic h2 {
    margin-top: 0;
    line-height: normal;
    font-weight: 300;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 20px
}

section.api_documentation .container .content .topic h3 {
    line-height: normal;
    font-weight: 300;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-size: 19px;
    margin-top: 10px;
    border-bottom: 1px solid #dde1e7;
    padding-bottom: 10px;
    margin-bottom: 15px
}

section.api_documentation .container .content .topic h3 span {
    display: inline;
    float: right;
    font-size: 14px;
    background: rgba(40, 63, 89, .15);
    padding: 1px 5px 3px;
    border-radius: 3px;
    color: rgba(0, 0, 0, .5);
    top: 0;
    position: relative
}

section.api_documentation .container .content .topic h3 a {
    display: inline;
    float: right;
    font-size: 14px;
    background: #4f78a9;
    padding: 3px 6px;
    border-radius: 3px;
    color: #fff;
    top: 0;
    position: relative
}

section.api_documentation .container .content .topic p {
    margin-bottom: 15px
}

section.api_documentation .container .content .topic p a,
section.api_documentation .container .content .topic td a {
    text-decoration: underline
}

section.api_documentation .container .content .topic ul {
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.api_documentation .container .content .topic ul.endpoints li a {
    color: #498ce6;
    font-weight: 700;
    text-decoration: underline
}

section.api_documentation .container .content .topic p a {
    text-decoration: underline
}

section.api_documentation .container .content .topic p.alert {
    border-left: 4px solid #5bc0de;
    background-color: #f4f8fa;
    padding: 10px 15px;
    margin-bottom: 30px;
    margin-top: 15px
}

section.api_documentation .container .content .topic p.alert.less_margin {
    margin-top: -10px;
}

section.api_documentation .container .content .topic br+p.alert {
    margin-top: 0
}

section.api_documentation .container .content .topic p.alert.warning {
    border-left-color: #c7254e;
    background: #f9f2f4
}

section.api_documentation .container .content .topic p.subheading {
    margin-top: 20px
}

section.api_documentation .container .content .topic br+p.subheading {
    margin-top: 0
}

section.api_documentation .container .content .topic table {
    border-collapse: collapse;
    margin-top: 25px;
    width: 100%;
    margin-bottom: 10px
}

section.api_documentation .container .content .topic table.api_response_objects tbody tr td: first-of-type {
    width: 39%
}

section.api_documentation .container .content .topic table.api_response_objects a {
    color: #498ce6;
    text-decoration: underline;
    cursor: pointer
}

section.api_documentation .container .content .topic table.api_response_objects a.link_pop:before {
    font-family: Linearicons;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    border: none;
    padding: 0;
    content: '\e925';
    position: relative;
    top: 1px
}

section.api_documentation .container .content .topic table th {
    padding: 12px 15px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    font-weight: 600
}

section.api_documentation .container .content .topic table td {
    padding: 10px 15px;
    border-bottom: 1px dashed #e0e0e0
}

section.api_documentation .container .content .topic:not(#api_error_codes):not(#query_parameter) table tr td:first-child {
    width: 33%;
}

section.api_documentation .container .content .topic#query_parameter table tr td:first-child {
    width: 25%;
}

section.api_documentation .container .content .topic code {
    padding: 2px 4px;
    font-size: 97%;
    color: #c7254e;
    white-space: nowrap;
    background-color: #f9f2f4;
    border-radius: 4px
}

section.api_documentation .container .content .topic pre {
    background: #192738;
    padding: 15px;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    max-width: 100%;
    /* position: relative */
}

section.api_documentation .container .content .topic pre .json,
section.api_documentation .container .content .topic pre .scroll,
section.api_documentation .container .content .topic pre .xml {
    overflow: scroll hidden;
    display: block
}

section.api_documentation .container .content .topic pre .xml {
    display: none
}

section.api_documentation .container .content .topic pre a {
    text-decoration: none;
    background: rgba(255, 255, 255, .25);
    padding: 5px 9px;
    position: absolute;
    right: 10px;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
    position: absolute
}

section.api_documentation .container .content .topic pre a.output {
    bottom: 10px;
    right: 70px;
    width: 50px;
    text-align: center
}

section.api_documentation .container .content .topic pre a.output+a.output {
    right: 10px
}

section.api_documentation .container .content .topic pre a.output.current {
    background: #fff;
    color: #333!important
}

section.api_documentation .container .content .topic pre a.output.current span {
    color: #333!important
}

section.api_documentation .container .content .topic pre a.output.current.only {
    width: 90px;
    right: 10px
}

section.api_documentation .container .content .topic pre a:hover {
    background: rgba(255, 255, 255, .35)
}

section.api_documentation .container .content .topic pre a.execute {
    text-decoration: none;
    background: rgba(255, 255, 255, .25);
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer
}

section.api_documentation .container .content .topic pre a.execute:hover {
    background: rgba(255, 255, 255, .35)
}

section.api_documentation .container .content .topic ul li {
    margin-bottom: 10px
}

section.api_documentation .container .content .topic td ul li {
    margin-bottom: unset;
}

.inline {
    display: inline-block
}

.right {
    float: right
}


/* billing-doc */

table.billing-table {
    border-collapse: collapse;
    width: 100%;
    margin: 40px 0 !important;
}

footer {
    text-align: center;
    padding: 50px 0;
    background: #02283e;
    font-size: 14px;
    color: #fff;
}

footer .right_side,
footer ul {
    display: inline-block;
    text-align: left;
    width: 150px
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer ul li {
    line-height: 30px
}

footer ul li.heading {
    color: #fff;
    margin-bottom: 10px;
    font-family: Promo, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700
}

footer ul li a {
    color: #fff;
    cursor: pointer
}

footer .right_side {
    font-size: 12px;
    position: relative;
    top: 3px;
    vertical-align: top;
    width: 250px
}

footer .right_side span {
    font-size: 12px;
    color: #f5f5f5
}

footer .right_side span a {
    color: inherit
}

footer .right_side img {
    display: block
}

footer .right_side table {
    width: min-content;
    margin-top: 15px
}

footer .right_side table img {
    margin: 0;
    vertical-align: unset
}

footer .right_side img.logo {
    height: 35px
}

footer .socials {
    margin-bottom: 13px
}

footer .socials a {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../site_images/github-original.svg);
    margin-right: 5px
}

footer .socials a.twitter {
    background: url(../site_images/twitter-original.svg) center no-repeat;
    background-size: contain
}

footer .socials a.github {
    background: url(../site_images/github-original.svg)
}

footer .socials a.facebook {
    background: url(../site_images/facebook-original.svg)
}

footer .socials a.linkedin {
    background: url(../site_images/linkedin-original.svg)
}

footer p {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 40px;
    padding-top: 10px;
    font-size: 13px;
    margin-bottom: 0
}

.codebox {
    background: #17242b !important
}

.prettyprint {
    background: #17242b;
    font-family: Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco, Consolas, monospace;
    border: 0!important;
}

.pln {
    color: #fff
}

.xml .com,
.xml .kwd,
.xml .pln,
.xml .pun {
    color: #ffce54!important
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #969896
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
    padding-left: 1em;
    background-color: #1d1f21;
    list-style-type: decimal
}

.onsite_popup_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    top: 0;
    border: 0;
    right: 0;
    left: 0;
    z-index: 9999999
}

.onsite_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    z-index: 9999999999999999999999999999
}

.onsite_popup section {
    width: 400px;
    height: auto;
    background: #fff;
    top: 0;
    display: block;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 10%;
    color: #333;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .2), 0 1px 3px rgba(0, 0, 0, .2)
}

.onsite_popup .onsite_popup_header {
    height: 50px;
    padding: 5px 15px;
    background: rgba(0, 0, 0, .1)
}

.onsite_popup .onsite_popup_header h1 {
    font-size: 20px;
    line-height: normal;
    margin: 5px 0 0;
    display: inline-block
}

.onsite_popup .onsite_popup_header a {
    position: absolute;
    right: 15px;
    padding: 7px;
    border-radius: 3px;
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    top: 10px;
    background: rgba(0, 0, 0, .1);
    cursor: pointer
}

.onsite_popup ul {
    margin: 20px 0
}

.onsite_popup ul li {
    margin-bottom: 10px
}


/* LOADING */

.is_loading {
    color: transparent !important;
    pointer-events: none;
    cursor: default;
}

.is_loading:before {
    display: block;
    z-index: 2000;
    position: absolute;
    content: "" !important;
    width: 20px;
    height: 20px;
    border: solid 2px transparent;
    border-top-color: #acb0b7;
    border-left-color: #acb0b7;
    border-radius: 999px;
    -webkit-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 13px;
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen {
    .white .atn,
    .white .atv,
    .white .clo,
    .white .com,
    .white .dec,
    .white .fun,
    .white .kwd,
    .white .lit,
    .white .opn,
    .white .pln,
    .white .pun,
    .white .str,
    .white .tag,
    .white .typ,
    .white .var {
        color: #fff!important
    }
    .fade .atn,
    .fade .atv,
    .fade .clo,
    .fade .com,
    .fade .dec,
    .fade .fun,
    .fade .kwd,
    .fade .lit,
    .fade .opn,
    .fade .pln,
    .fade .pun,
    .fade .str,
    .fade .tag,
    .fade .typ,
    .fade .var {
        color: #999!important
    }
    .orange .atn,
    .orange .atv,
    .orange .clo,
    .orange .com,
    .orange .dec,
    .orange .fun,
    .orange .kwd,
    .orange .lit,
    .orange .opn,
    .orange .pln,
    .orange .pun,
    .orange .str,
    .orange .tag,
    .orange .typ,
    .orange .var {
        color: #ffce54!important
    }
    .code .kwd,
    .code .pln {
        color: #ff7f7f!important
    }
    .code.jquery .kwd,
    .code.jquery .pln {
        color: #fff!important
    }
    .str {
        color: #ffce54!important
    }
    .kwd {
        color: #a0d468!important
    }
    .com {
        color: #fff!important
    }
    .typ {
        color: #4fc1e9!important
    }
    .lit {
        color: #a0d468!important
    }
    .clo,
    .opn,
    .pun {
        color: #e6e9ed!important
    }
    .atn {
        color: #a0d468!important
    }
    .atv {
        color: #ffce54!important
    }
    .dec {
        color: #ac92ec!important
    }
    .fun,
    .var {
        color: #e6e9ed!important
    }
}

@media screen and (min-width:801px) {
    body,
    html {
        min-width: 1170px
    }
}

.mobile_menu_icon,
.show_mobile {
    display: none
}


/* tooltip icon */


section.pricing .container ul.subscriptions li .features_container ul li.currency_module:before {
    content: "\e75f";
}
section.pricing .container ul.subscriptions li .features_container ul li:before{
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    margin-right: 10px;
    margin-top: -3px;
    content: "\e71f";
    position: relative;
    top: 1px;
}

section.pricing .container ul.subscriptions li .features_container ul span.billing_module:before {
    content: "\1F6C8";
}

section.pricing .container ul.subscriptions li .features_container ul span:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -4px;
    content: "\1F6C8";
    bottom: 2px;
    position: relative;
    color: #16222f;
}


/* footer updates */

.container.custom-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.container.custom-container ul {
    width: 196px;
}


/* footer updates done */

@media screen and (max-width:800px) {
    section.hero .demo {
        display: none
    }
    section.hero {
        padding-top: 100px;
        padding-bottom: 0;
        margin-bottom: 0;
        height: auto;
        max-height: none;
    }
    section.hero .container h4+.number_customers {
        margin: 0 auto;
        margin-bottom: 15px;
        margin-top: 25px;
        width: auto;
        line-height: normal;
    }
    section.trusted_by {
        white-space: nowrap;
        overflow: auto;
        padding-bottom: 40px;
    }
    section.trusted_by ul {}
    section.trusted_by ul li:nth-child(1) {
        display: none;
    }
    .header .mobile_menu_icon {
        display: block
    }
    .header .mobile_menu_icon:before {
        position: absolute;
        top: 11px;
        right: 0;
        background-size: 100% 100%!important;
        margin-bottom: 5px;
        font-family: Linearicons;
        font-size: 30px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: grayscale;
        color: #fff;
        content: "\e92b"
    }
    .header ul>li:not(.cta)>a:after,
    section.api_documentation .container .menu ul li a:after {
        right: 0;
        font-family: Linearicons;
        vertical-align: middle;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: grayscale;
        content: "\e93c"
    }
    .header ul {
        display: none;
        background: #fff;
        color: #333;
        margin: 0;
        float: none;
        width: 100%;
        height: 100%;
        top: 70px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 10px;
        text-align: left
    }
    body.banner_active .header ul {
        top: 121px
    }
    .header ul>li {
        display: block;
        float: none;
        width: 100%;
        position: relative;
        padding: 5px 15px;
        border-radius: 0
    }
    .header ul>li>a {
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        line-height: normal;
        border-radius: 0!important;
        font-size: 16px;
        padding: 13px 5px 23px 15px!important;
        margin: 0!important;
        font-weight: 300
    }
    .header ul>li.status>a:before {
        display: none
    }
    .header ul>li.action.cta>a {
        border-radius: 5px!important;
        padding: 20px 15px!important;
        text-align: center;
        font-weight: 600;
        margin-top: 10px!important
    }
    .header ul>li:not(.cta)>a:after {
        position: absolute;
        top: 10px;
        background-size: 100% 100%!important;
        margin-bottom: 5px;
        font-size: 20px;
        margin-right: 20px;
        display: inline-block;
        font-weight: 600
    }
    section.hero .inline {
        display: block;
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        text-align: center;
    }
    footer {
        padding: 30px 0 20px
    }
    footer ul {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 20px;
        text-align: center
    }
    footer .right_side {
        float: none;
        width: 100%;
        margin: 15px 0 0;
        text-align: center
    }
    footer .right_side img.logo {
        margin: 0 auto 20px
    }
    .container,
    section .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center
    }
    section.legal .container {
        text-align: left
    }
    section.endpoints_demo .righthand .switcher {
        max-width: 450px;
        width: 100%;
        top: 0;
        margin: 25px auto 10px;
        text-align: left
    }
    section.call_to_action p a {
        margin: 0;
        width: 100%;
        display: block
    }
    section.hero .container h2 {
        font-size: 25px;
        line-height: normal
    }
    html.agreement section.hero .container h2,
    html.cookies section.hero .container h2,
    html.privacy section.hero .container h2,
    html.terms section.hero .container h2 {
        margin-bottom: 0
    }
    section.hero.pricing {
        padding-bottom: 45px
    }
    section.pricing .container ul.subscriptions li .features_container ul {
        margin-bottom: 35px;
        border: 0
    }
    section.pricing {
        padding-bottom: 0;
        overflow-x: scroll;
        padding-top: 60px
    }
    section.faq .container .inline_left,
    section.faq .container .inline_right {
        display: block;
        margin: 0 auto;
        max-width: none;
        width: 100%
    }
    section.faq .container .topic>a {
        display: none
    }
    section.faq {
        padding: 20px 0
    }
    section.faq .container .topic: last-of-type {
        margin-bottom: 0
    }
    section.we_accept .container ul li.text {
        display: block;
        text-align: center;
        margin: 0;
        top: 0;
        width: 100%
    }
    section.we_accept .container ul li:nth-child(2),
    section.we_accept .container ul li:nth-child(3),
    section.we_accept .container ul li:nth-child(4) {
        margin-bottom: 10px
    }
    footer .right_side table {
        width: 100%;
        text-align: center
    }
    section.hero.documentation .intro_buttons .left,
    section.hero.documentation .intro_buttons .right {
        float: none;
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        text-align: center
    }
    section.api_documentation .container .menu {
        width: 100%;
        border: none;
        margin: 0;
        float: none;
        display: block;
        text-align: left
    }
    section.api_documentation .container .menu ul li a {
        padding: 10px 15px;
        position: relative
    }
    section.api_documentation .container .menu ul li a:after {
        position: absolute;
        top: 8px;
        background-size: 100% 100%!important;
        margin-bottom: 5px;
        font-size: 15px;
        margin-right: 20px;
        font-weight: 600;
        color: #333;
        display: inline-block
    }
    section.pricing .container ul.subscriptions>li {
        vertical-align: top;
        white-space: normal;
        display: inline-block
    }
    section.pricing .container ul.subscriptions>li.highlighted {
        top: -30px
    }
    section.api_documentation .container .content {
        float: none;
        display: block;
        width: 100%;
        margin-top: 30px;
        text-align: left
    }
    section.api_documentation .container .content .topic pre a.execute {
        display: none
    }
    section.api_documentation .container .content .topic h3 span {
        float: none;
        margin-top: 5px;
        text-align: center;
        display: none
    }
    section.call_to_action_contact .container p a {
        display: block;
        max-width: 250px;
        margin: 0 auto
    }
    section.call_to_action_contact .container p span {
        display: none
    }
    section.faq .container .topic ul li p.question {
        padding-right: 40px
    }
    section.preapp form fieldset {
        width: 100%;
        max-width: 450px
    }
    section.preapp form fieldset .line.double input {
        width: 100%;
        display: block;
        margin-bottom: 10px
    }
    section.preapp form fieldset.captcha .line.checkboxes label {
        width: 100%;
        float: none
    }
    footer ul li.empty {
        display: none
    }
    section.about .container h3+p {
        max-width: 500px;
        margin: 0 auto
    }
    section.about .container .links {
        text-align: center;
        margin: 30px auto 0;
        max-width: 500px
    }
    section.about .container .links a {
        max-width: unset
    }
    section.offices .container .locations .location {
        width: 100%;
        display: block;
        text-align: center;
        padding: 20px!important
    }
    section.faq.full .container .topic {
        max-width: 500px
    }
    section.call_to_action_faq .container p span {
        display: block;
        margin-bottom: 15px
    }
    section.call_to_action_faq .container p a {
        display: block;
        max-width: 250px;
        margin: 0 auto
    }
    html.sitemap section.call_to_action,
    html.sitemap section.call_to_action_contact,
    html.sitemap section.sitemap,
    section.social_media .container .socials a.text {
        display: none
    }
    section.preapp.login form fieldset {
        max-width: 350px;
        width: 100%
    }
    section.api_documentation .container .content .topic pre {
        text-align: left
    }
    section.hero.documentation .intro_buttons div a {
        margin: 20px auto 0
    }
    section.call_to_action_secondary .container p span {
        display: block;
        margin-bottom: 15px
    }
    section.call_to_action_secondary .container p a {
        display: block;
        max-width: 250px;
        margin: 0 auto
    }
    section.hero .container h4 {
        font-size: 18px;
        line-height: normal;
        max-width: 350px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px
    }
    section.hero .container h4 br {
        display: none
    }
    section.hero .sub span {
        display: none
    }
    section.hero .container a.button {
        display: inline-block;
        height: auto;
        padding: 15px 15px;
        width: auto
    }
    section.hero .ua_demo {
        display: none
    }
    section.clients {
        margin: 0;
        overflow: scroll;
        padding-bottom: 40px
    }
    section.clients .container ul {
        white-space: nowrap
    }
    section.hero {
        padding-bottom: 60px
    }
    .no_mobile {
        display: none
    }
    section.pricing .container ul.subscriptions {
        margin: 0;

    }
    .header {
        padding-top: 0;
    }
    section.call_to_action.in_preapp {
        margin-top: -150px;
    }
    body.banner_active .info_banner {
        overflow: auto;
        padding-left: 50px;
        padding-right: 50px;
        white-space: nowrap;
    }
    body.banner_active .info_banner .no_mobile {
        display: none;
    }
    section.hero .hero_main .inline.graphic {
        display: none;
    }
    .index section.hero {
        padding-bottom: 150px;
    }
    section.hero .container .options {
        width: 100%;
        max-width: 500px;
    }
    section.hero .container .options>div a.cta {
        float: none;
        display: block;
        margin-top: 30px;
        width: 100%;
    }
    section.hero .container .options>div {
        text-align: left;
        height: auto;
        padding-bottom: 0;
    }
    section.hero .container .tag {
        margin: 0 auto;
        margin-bottom: 20px;
    }
    section.coverage .left {
        width: 100%;
        float: none;
        display: block;
    }
    section.coverage img {
        width: 100%;
        float: none;
        display: block;
        margin-top: 50px;
    }
    section.coverage {
        padding-bottom: 50px;
    }
    section.insights .codebox {
        width: 100%;
        overflow: scroll;
        max-width: 500px;
        margin-bottom: 15px;
    }
    section.insights .codebox pre:before {
        display: none;
    }
    section.insights .codebox pre {
        padding-left: 20px;
        text-align: left;
        float: left;
    }
    section.insights .codebox:before,
    section.insights .right ul.paragraphs li p a.arrow:after {
        display: none;
    }
    section.insights .right ul.paragraphs {
        display: block;
        width: 100%;
    }
    section.insights .right {
        width: 100%;
        text-align: left;
        float: none;
        height: 490px;
    }
    section.call_to_action p span {
        display: block;
        margin-bottom: 25px;
        padding: 0;
    }
    section.hero.subpage {
        padding-bottom: 50px;
    }
    section.search {}
    section.search .filter {}
    section.search .filter form fieldset .form_row {
        display: block !important;
        margin: 0;
        margin-bottom: 20px;
    }
    section.search .results {}
    section.search .results table {}
    section.search .results table tbody tr td:nth-child(3),
    section.search .results table thead tr th:nth-child(3),
    section.search .results table tbody tr td:nth-child(4),
    section.search .results table thead tr th:nth-child(4) {
        display: none;
    }
    .container.custom-container {
        display: block;
    }
    .container.custom-container ul {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .header ul>li:not(.cta)>a:after {
        position: unset;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .header ul>li:not(.cta)>a:after {
        position: unset;
    }
}

/* required color */
span.required {
    color: #ff0000;
}

/* footer styling */
.social-links {
    display: flex;
    margin-top: 30px;
}
.social-logo {
    margin-left: 5px;
    margin-right: 5px;
}

.copyright-link {
    margin-top: 70px;
    margin-bottom: 15px;
}
.copyright-text a {
    color: #fff;
    text-decoration: underline;
}
.copyright-link a {
    color: #fff;
}
.right_side.copyright-section {
    width: 27%;
}

.copyright-text{
   font-size: 12px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .social-links {
        justify-content: center;
        margin-bottom: 30px;
    }
    .footer-logo {
        justify-content: center;
    }
}

/* thankyou pages */

nav.header.thank-you-page {
    background: #02283e;
    background-size: cover;
    background-position: top;
}

/* pricing style */
span.align-top {
    font-size: 14px !important;
    vertical-align: top;
}

/* Popup Styling */
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.popup{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
}
.popup img{
    width:100%;
}
a.apilayer-support {
    cursor: pointer;
}

pre[class*="language-"] {
    max-height: 300px; /* Adjust this value as needed */
    overflow: auto;
    margin: 0;
    padding: 0em;
    border-radius: 0.3em;
    background:  #283E59; ; /* Dark background */
}

code[class*="language-"] {
    white-space: pre-wrap;
    word-break: break-word;
    background: none; /* Remove any background on the code element */
    color: #ccc; /* Light text color */
}

/* Hide scrollbar */
pre[class*="language-"]::-webkit-scrollbar {
    display: none;
}

pre[class*="language-"] {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}




.copyIcon {
    position: absolute;
    right: 20px;
    top: 30px;
    cursor: pointer;
    font-size: 24px;
    width: 24px;
    height: 24px;
    background-image: url(../site_images/copy-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones feature popup: */
    .modal, .modal-basic, .modal-pro, .modal-proplus {
        width: auto;
    }
    .ip-banner-top-inline {
        display: block;
        padding: 10px 20px 0 20px;
       
    }
    img.top-banner-left-img {
        width: 300px;
        padding: 20px;
    }
    .ip-banner-top-text {
        margin-top: auto;
        margin-left: auto;
    }
    .ip-banner-top-bg.container {
        padding: 0;
    }
    .ip-banner-top-text {
        text-align: center;
        padding: 0 20px 0 20px;
    }
    .ip-banner-text p {
        width: 100%;
    }
    .ip-banner-text {
        text-align: center;
    }
    .ip-banner-top-btn {
        margin-bottom: 10px;
    }
    .ip-banner-top-img {
        width: 100%;
        text-align: center;
    }
    .video-img {
        width: auto !important;
    }
    iframe.iframe-mobile {
        width: auto;
    }
}