@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,100,200,300,500,600,700);
.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.login>a,
.header.dark_bg ul>li.go_to_dashboard>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(../fixer_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:#283f59;
    text-decoration:none
}
a:focus,a:hover,section.cta 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,section.preapp h2 span,section.supported_resources p strong{
    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
}
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
}
.invisible{
    visibility:hidden
}
.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:#ebeff4;
    font-family:"Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#6881A9;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.button,.header .logo a{
    font-family:"Roboto Mono",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
}
h6{
    font-size:12px
}
.button{
    width:190px;
    height:60px;
    border-radius:3px;
    padding:20px 12px;
    font-size:13px;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    margin-right:5px
}
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{
    margin-right:auto;
    margin-left:auto;
    width:100%
}
section .content-box .section-heading{
    color:#49A3FF;
    font-weight:300;
    margin-bottom:30px
}
.container{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;
    width:1170px
}
.button{
    display:inline-block;
    margin-bottom:0;
    text-align:center;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    line-height:1.42857;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.header .logo img{
    width:40px;
    height:40px;
    display:inline-block;
    margin-right:10px;
    top:-3px;
    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
}
.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:block;
    position:relative
}
.header ul>li{
    float:left
}
.header ul>li>a{
    color:#333;
    font-size:12px;
    font-weight:700;
    line-height:35px;
    margin:16px 15px 19px;
    font-family:"Roboto Mono",Helvetica,Arial,sans-serif
}
.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:#47C652;
    position:relative;
    top:1px;
    left:-6px;
    margin-left:4px
}
.header ul>li.status>a{
    padding:0 10px 1px;
    border-radius:3px;
    background: transparent;
    margin-right:0;
    margin-left: 6px;
}
.header ul>li.action>a{
    background: rgba(0,0,0,.05);
    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:#ff6a2e;
    color:#fff;
    text-transform:uppercase;
    padding:0 10px 1px;
    margin-right:0
}
.header.light ul>li.login>a,
.header ul>li.go_to_dashboard>a{
    background:#283f59;
    color: #fff;
}
footer{
    text-align:center;
    padding:50px 0 20px;
    background:#ebeff4;
    font-size:14px
}
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:20px
}
footer ul li.heading{
    font-weight:700;
    color:#333;
    margin-bottom:10px
}
footer ul li a{
    color:#333;
    cursor:pointer
}
footer .right_side{
    margin-left:35px;
    font-size:12px;
    position:relative;
    top:5px
}
footer .right_side span{
    font-size:16px
}
footer p{
    border-top:1px solid rgba(0,0,0,.1);
    margin-top:40px;
    padding-top:10px;
    font-size:13px;
    margin-bottom:0
}
.header .logo a{
    color:#333;
    margin-top:14px;
    font-weight:700;
    float:left;
    font-size:24px;
    line-height:normal;
    margin-left:-15px
}
.header.light .logo a{
    color:#fff
}
section.hero .container h2,section.hero .container h4{
    color:#333;
    font-family:"Roboto Mono",Helvetica,Arial,sans-serif
}
section.hero{
    background-image:url(../fixer_images/fixer_hero_white_color.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:120px;
    padding-bottom:130px
}
section.hero .container h2{
    font-weight:700;
    letter-spacing:-2px;
    margin-bottom:20px
}
section.hero .container h4{
    font-weight:500;
    font-size:15px
}
section.hero .container .cta{
    background-color:#507eb1;
    margin-top:20px
}
section.hero .container .secondary{
    margin-top:20px;
    color:#787c81;
    background:#d6dbe3
}
section.presentation{
    background:#507eb1 url(../fixer_images/fixer_hero.png) center center no-repeat;
    background-size:cover;
    padding:75px 0;
    color:#fff;
    text-align:center
}
section.presentation .side{
    width:450px;
    display:inline-block;
    line-height:normal;
    background:rgba(255,255,255,.1);
    padding:20px 25px;
    border-radius:5px;
    margin:0 auto;
    text-align:left;
    font-size:13px
}
section.cta,section.customers ul,section.pricing_content .container,section.pricing_header .container{
    text-align:center
}
section.presentation .side.left{
    margin-right:10px
}
section.presentation .side.right{
    margin-left:10px
}
section.presentation .side>h3{
    margin-bottom:11px;
    font-weight:600;
    font-size:20px;
    margin-top:0
}
section.presentation .side>h3:before{
    margin-bottom:5px;
    font-family:Linearicons;
    font-size:40px;
    margin-right:20px;
    display:inline-block;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:grayscale;
    content:"\e6b8";
    border:2px solid #fff;
    padding:15px;
    border-radius:99px;
    font-weight:400
}
section.presentation .side.left>h3.trusted:before{
    content:"\e6dc"
}
section.presentation .side.right>h3.dev:before{
    content:"\e909"
}
section.presentation .side>p{
    padding-bottom:25px;
    border-bottom:1px solid rgba(255,255,255,.1);
    line-height:normal;
    font-size:15px;
    margin-top:15px
}
section.presentation .side>ul{
    list-style:none;
    margin:0;
    padding:0
}
section.presentation .side>ul li{
    padding-left:60px;
    position:relative;
    margin:40px 0 0
}
section.presentation .side.left>ul li:before,section.presentation .side.right>ul li:before{
    position:absolute;
    left:-5px;
    top:5px;
    background-size:100% 100%!important;
    margin-bottom:5px;
    font-family:Linearicons;
    font-size:40px;
    margin-right:20px;
    vertical-align:middle;
    display:inline-block;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:grayscale;
    content:"\e6b8"
}
section.presentation .side>ul li.feature.currencies:before{
    content:"\e75e"
}
section.presentation .side>ul li.feature.sources:before{
    content:"\e661"
}
section.presentation .side>ul li.feature.security:before{
    content:"\e668"
}
section.presentation .side>ul li.feature.support:before{
    content:"\e7ed"
}
section.presentation .side>ul li.feature.powerful:before{
    content:"\e7b9"
}
section.presentation .side>ul li.feature.docs:before{
    content:"\e782"
}
section.presentation .side>ul li.feature.historical:before{
    content:"\e663"
}
section.presentation .side>ul li.feature.conversion:before{
    content:"\e8da"
}
section.presentation .side>ul li>.heading{
    margin-bottom:5px;
    font-weight:600;
    font-size:14px
}
section.presentation .side>ul li>p{
    line-height:normal;
    font-size:14px
}
section.cta{
    padding:30px 0;
    background:#fff;
    font-family:"Roboto Mono",Helvetica,Arial,sans-serif
}
section.cta.surrounded_icons{
    padding:10px 0
}
section.cta span{
    display:inline-block;
    color:#333;
    font-weight:700;
    margin-right:25px;
}
section.cta.surrounded_icons span{
    font-weight:400
}
section.customers ul li.text,section.pricing_header .container h2{
    font-weight:700;
    font-family:"Roboto Mono",Helvetica,Arial,sans-serif
}
section.cta .button.docs{
    color:#787c81;
    background:#d6dbe3;
    margin-right:5px
}
section.cta .button.cta{
    background-color:#ff6a2e
}
section.cta.surrounded_icons .button.cta{
    background-color:#ff6a2e;
    padding:10px;
    width:auto;
    height:auto
}
section.customers{
    background:#d8e0ea;
    padding-top:27px;
    height: 100px;
}
section.customers.white_bg{background: #ffffff;}
section.hero_small,section.pricing_header{
    background: #507eb1 url(../fixer_images/fixer_hero.png) center center no-repeat;
}
section.customers ul{
    list-style:none;
    padding:0;
    margin:0
}
section.customers ul li{
    display:inline-block;
    margin:0 15px
}
section.customers ul li.text{
    color:#333;
    top:1px;
    position:relative
}
section.customers ul li img{
    height:40px
}
section.customers ul li img.microsoft{
    height:25px
}
section.customers ul li img.instacart{
    height:26px
}
section.customers ul li img.samsung{
    height:38px
}
section.customers ul li img.bershka{
    height:27px
}
body.yearly [data-type=price_monthly],body:not(.yearly) [data-type=price_yearly]{
    display:none
}
section.pricing_header{
    padding-top:105px;
    padding-bottom:326px;
    background-size:cover;
    color:#fff;
    text-align:center
}
section.pricing_header .container h2{
    color:#fff;
    letter-spacing:-1px;
    margin-left:-100px;
    margin-top:10px;
    margin-bottom:15px
}
section.pricing_header .container h6{
    display:inline-block;
    color:#fff;
    font-weight:600;
    font-size:14px
}
section.pricing_header .container .toggle{
    display:inline-flex;
    margin-bottom:10px
}
section.pricing_header .container .switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:34px;
    margin-left:20px;
    margin-right:20px
}
section.pricing_header .container .switch input{
    display:none
}
section.pricing_header .container .freq_changer{
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    -webkit-transition:.4s;
    transition:.4s;
    border-radius:5px
}
section.pricing_header .container .freq_changer:before{
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:#5b85b5;
    -webkit-transition:.4s;
    transition:.5s;
    border-radius:3px
}
section.pricing_header .container input:checked+.freq_changer{
    background-color:#283f59
}
section.pricing_header .container input:focus+.freq_changer{
    box-shadow:0 0 1px #3BDEDF
}
section.pricing_header .container input:checked+.freq_changer:before{
    -webkit-transform:translateX(26px);
    -ms-transform:translateX(26px);
    transform:translateX(26px)
}
section.pricing_content{
    padding-bottom: 100px;
    background-image:url(../fixer_images/fixer_hero_white_color.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
section.pricing_content .container .plan{
    width:210px;
    border-radius:5px;
    margin-top: -315px;
    display:inline-block;
    margin-left:2px;
    margin-right:2px;
}
section.pricing_content .container .plan .heading{
    padding-bottom:10px;
    background:#fff;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom:1px solid #e0ebfc
}
section.pricing_content .container .plan.professional .heading:before{
    display:block;
    background:#283f59;
    color:#fff;
    font-weight:700;
    content:'MOST POPULAR';
    font-size:12px;
    padding:5px 0;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
section.pricing_content .container .plan.enterprise .heading{
    background:#283f59
}
section.pricing_content .container .plan .heading p{
    font-size:14px;
    line-height:18px;
    font-weight:700;
    padding-top:20px;
    padding-bottom:10px
}
section.pricing_content .container .plan .heading p:before{
    margin-bottom:25px;
    font-family:Linearicons;
    font-size:40px;
    display:block;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:grayscale;
    content:"\e6b8";
    padding:10px 0 0;
    font-weight:400
}
section.pricing_content .container .plan.free .heading p:before{
    content:"\e605"
}
section.pricing_content .container .plan.basic .heading p:before{
    content:"\e744"
}
section.pricing_content .container .plan.professional .heading p:before{
    content:"\e837"
}
section.pricing_content .container .plan.professional_plus .heading p:before{
    content:"\e7b9"
}
section.pricing_content .container .plan.enterprise .heading p:before{
    content:"\e60c"
}
section.pricing_content .container .plan .heading h3{
    font-size:25px;
    line-height:25px;
    color:#283f59;
    font-weight:600
}
section.pricing_content .container .plan .heading h6{
    font-size:13px;
    font-weight:500
}
section.pricing_content .container .plan .heading .button{
    width:190px;
    height:auto;
    background-color:#507eb1;
    padding:7px 12px;
    margin-top:20px;
	margin-right: 0;
}
section.pricing_content .container .plan.professional .heading .button{
    background-color:#283f59
}
section.pricing_content .container .plan.enterprise .heading .button{
    background:#ff6a2e;
    width:230px
}
section.pricing_content .container .plan.free .heading .button{
    color:#787c81;
    background:#d6dbe3
}
section.pricing_content .container .plan .features{
    text-align:left;
    border-right:1px solid #e0ebfc;
    margin-right:-4px;
    padding-left:18px;
    margin-top:15px
}
section.pricing_content .container .plan.marked .features,section.pricing_content .container .plan.professional_plus .features{
    border-right:0
}
section.pricing_content .container .plan .features h4{
    font-size:14px;
    line-height:25px;
    color:#080059;
    margin-bottom:0;
    font-weight:500;
    letter-spacing:0
}
section.pricing_content .container .plan .features h4: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.faq ul+span,section.hero_small,section.preapp h2,section.stats .container>p,section.stats ul li .heading{
    font-family:"Roboto Mono",Helvetica,Arial,sans-serif
}
section.pricing_content .container .plan .features h4.api_calls:before{
    content:"\e90b"
}
section.pricing_content .container .plan .features h4.updates:before{
    content:"\e661"
}
section.pricing_content .container .plan .features h4.ssl:before{
    content:"\e668"
}
section.pricing_content .container .plan .features h4.historical:before{
    content:"\e663"
}
section.pricing_content .container .plan .features h4.conversion_endpoint:before{
    content:"\e8da"
}
section.pricing_content .container .plan .features h4.change_base_currency:before{
    content:"\e75c"
}
section.pricing_content .container .plan .features h4.time_series:before{
    content:"\e789"
}
section.pricing_content .container .plan .features h4.support_level:before{
    content:"\e7ed"
}
section.pricing_content .container .plan .features h4.fluctuation:before{
    content:"\e7fb"
}
section.pricing_content .container .plan .features h4.custom_solutions:before{
    content:"\e874"
}
section.pricing_content .container .plan .features h4.empty:before{
    color:transparent
}
section.pricing_content .container .plan.marked .features h4,section.pricing_content .container .plan.marked .footer .tagline,section.pricing_content .container .plan.marked .heading h3{
    color:#fff
}
section.pricing_content .container .plan .features h6{
    margin-top:0;
    margin-bottom:20px
}
section.pricing_content .container .plan .footer{
    padding:0 10px 10px
}
section.pricing_content .container .plan .footer .tagline{
    padding:20px 10px
}
section.pricing_content .container .plan .footer .cta{
    width:100%;
    height:auto;
    background-color:#507eb1;
    padding:12px;
    margin-top:8px
}
section.pricing_content .container .plan.marked{
    width:250px;
    background-color:#283f59;
    position:relative;
    top:71px
}
section.pricing_content .container .plan.marked .heading p{
    margin-bottom:5px;
    color:#fff
}
section.pricing_content .container .plan.marked .footer .cta{
    background-color:#ff6a2e;
    padding:7px 12px;
    margin-top:15px
}
section.supported_resources{
    padding:20px 0;
    background:#fff
}
section.supported_resources p{
    color:#333;
    text-align:center;
    border-bottom:1px solid #e0ebfc;
    padding-bottom:15px;
    font-size:15px
}
section.supported_resources ul{
    list-style:none;
    padding:0;
    margin:0
}
section.supported_resources ul li{
    background:url(../fixer_images/icons/android.svg) center no-repeat;
    width:40px;
    height:40px;
    display:inline-block;
    margin:6px 8px;
    position:relative;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
section.supported_resources ul li:hover{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
section.supported_resources ul li.amazonwebservices{
    background:url(../fixer_images/icons/amazonwebservices.svg) center no-repeat;
    top:45px
}
section.supported_resources ul li.android{
    background:url(../fixer_images/icons/android.svg) center no-repeat
}
section.supported_resources ul li.angularjs{
    background:url(../fixer_images/icons/angularjs.svg) center no-repeat
}
section.supported_resources ul li.apache{
    background:url(../fixer_images/icons/apache.svg) center no-repeat
}
section.supported_resources ul li.appcelerator{
    background:url(../fixer_images/icons/appcelerator.svg) center no-repeat
}
section.supported_resources ul li.apple{
    background:url(../fixer_images/icons/apple.svg) center no-repeat
}
section.supported_resources ul li.atom{
    background:url(../fixer_images/icons/atom.svg) center no-repeat
}
section.supported_resources ul li.backbonejs{
    background:url(../fixer_images/icons/backbonejs.svg) center no-repeat
}
section.supported_resources ul li.bitbucket{
    background:url(../fixer_images/icons/bitbucket.svg) center no-repeat
}
section.supported_resources ul li.bootstrap{
    background:url(../fixer_images/icons/bootstrap.svg) center no-repeat
}
section.supported_resources ul li.bower{
    background:url(../fixer_images/icons/bower.svg) center no-repeat
}
section.supported_resources ul li.c{
    background:url(../fixer_images/icons/c.svg) center no-repeat
}
section.supported_resources ul li.cakephp{
    background:url(../fixer_images/icons/cakephp.svg) center no-repeat
}
section.supported_resources ul li.chrome{
    background:url(../fixer_images/icons/chrome.svg) center no-repeat
}
section.supported_resources ul li.coffeescript{
    background:url(../fixer_images/icons/coffeescript.svg) center no-repeat
}
section.supported_resources ul li.cplusplus{
    background:url(../fixer_images/icons/cplusplus.svg) center no-repeat
}
section.supported_resources ul li.csharp{
    background:url(../fixer_images/icons/csharp.svg) center no-repeat
}
section.supported_resources ul li.docker{
    background:url(../fixer_images/icons/docker.svg) center no-repeat
}
section.supported_resources ul li.dot-net{
    background:url(../fixer_images/icons/dot-net.svg) center no-repeat;
    top:45px
}
section.supported_resources ul li.drupal{
    background:url(../fixer_images/icons/drupal.svg) center no-repeat;
    top:-45px
}
section.supported_resources ul li.facebook{
    background:url(../fixer_images/icons/facebook.svg) center no-repeat
}
section.supported_resources ul li.firefox{
    background:url(../fixer_images/icons/firefox.svg) center no-repeat
}
section.supported_resources ul li.github{
    background:url(../fixer_images/icons/github.svg) center no-repeat
}
section.supported_resources ul li.go{
    background:url(../fixer_images/icons/go.svg) center no-repeat
}
section.supported_resources ul li.google{
    background:url(../fixer_images/icons/google.svg) center no-repeat
}
section.supported_resources ul li.javascript{
    background:url(../fixer_images/icons/javascript.svg) center no-repeat
}
section.supported_resources ul li.jquery{
    background:url(../fixer_images/icons/jquery.svg) center no-repeat
}
section.supported_resources ul li.nodejs{
    background:url(../fixer_images/icons/nodejs.svg) center no-repeat
}
section.supported_resources ul li.npm{
    background:url(../fixer_images/icons/npm.svg) center no-repeat
}
section.supported_resources ul li.php{
    background:url(../fixer_images/icons/php.svg) center no-repeat
}
section.supported_resources ul li.python{
    background:url(../fixer_images/icons/python.svg) center no-repeat
}
section.supported_resources ul li.react{
    background:url(../fixer_images/icons/react.svg) center no-repeat
}
section.supported_resources ul li.rails{
    background:url(../fixer_images/icons/rails.svg) center no-repeat
}
section.supported_resources ul li.redis{
    background:url(../fixer_images/icons/redis.svg) center no-repeat
}
section.supported_resources ul li.ruby{
    background:url(../fixer_images/icons/ruby.svg) center no-repeat
}
section.supported_resources ul li.swift{
    background:url(../fixer_images/icons/swift.svg) center no-repeat
}
section.supported_resources ul li.wordpress{
    background:url(../fixer_images/icons/wordpress.svg) center no-repeat
}
section.supported_resources ul li.yii{
    background:url(../fixer_images/icons/yii.svg) center no-repeat
}
section.supported_resources ul li.java{
    background:url(../fixer_images/icons/java.svg) center no-repeat;
    top:-45px
}
section.stats{
    padding: 30px 0 30px 0;
    background:#cbd6e3;
    letter-spacing:normal;
}
section.faq,section.stats ul li{
    background:#fff;
    text-align:center
}
section.faq.no_cta{
}
section.stats ul{
    list-style:none;
    padding:0;
    margin:0;
    text-align:center
}
section.stats .container>p{
    text-align:center;
    font-weight:700;
    font-size:16px;
    margin-top:0;
    margin-bottom:25px
}
section.stats ul li{
    width:275px;
    display:inline-block;
    border-radius:5px;
    padding-top:10px;
    padding-bottom:5px;
    margin-bottom:20px;
    margin-left:5px;
    margin-right:5px;
    box-shadow:0 4px 6px rgba(50,50,93,.05),0 1px 3px rgba(0,0,0,.05);
    letter-spacing:-.5px
}
section.about img,section.preapp form fieldset{
    box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
section.stats ul li .heading{
    display:inline-block;
    font-weight:400;
    letter-spacing:-1px;
    margin-bottom:0;
    font-size:29px;
    line-height:50px
}
section.stats ul li p{
    font-size:14px;
    letter-spacing:normal;
    font-weight:500
}
section.stats ul li.currencies .heading{
    color:#ff6a2e
}
section.stats ul li.avg_response_time .heading{
    color:#59e4d3
}
section.stats ul li.requests_per_day .heading{
    color:#5fcef8
}
section.stats ul li.years_of_historical_rates .heading{
    color:#ca9bf4
}
section.stats ul li.number_customers .heading{
    color:#507eb1
}
section.stats ul li.data_sources .heading{
    color:#FF8959
}
section.faq{
    padding:40px 0;
}
section.faq ul{
    list-style:none;
    padding:0 0 20px;
    margin:0 0 35px;
    text-align:center;
    border-bottom:1px solid #e0ebfc
}
section.faq.large .faq_section{
    padding:0;
    background:#ebeff4;
    border-radius:3px;
    overflow:hidden;
    margin-bottom:30px
}
section.faq.large .faq_section:last-of-type{
    margin-bottom:0
}
section.faq.large ul{
    margin:0;
    padding:10px 0;
    border:0
}
section.faq.no_cta ul{
    margin-bottom:10px
}
section.faq ul li{
    display:inline-block;
    width:490px;
    text-align:left;
    margin:15px 25px;
    box-sizing:border-box;
    letter-spacing:normal;
    font-size:15px
}
section.faq.large ul li{
    width:500px
}
section.faq.large ul li.marked{
    background: #ffc;
    padding: 15px;
    border-radius: 5px;
}
section.faq.large h3{
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
    text-align:left;
    margin:0;
    background:rgba(40,63,89,.5);
    color:#fff;
    padding:0 10px;
    line-height:30px
}
section.faq ul li .q{
    display:block;
    font-weight:600;
    margin-bottom:5px;
    position:relative
}
section.faq ul li .q:before{
    font-size:14px;
    display:inline-block;
    speak:none;
    font-weight:700;
    margin-top:0;
    position:absolute;
    left:-34px;
    top:2px;
    content:'?';
    background:#507eb1;
    color:#fff;
    width:21px;
    padding:0 0 2px;
    text-align:center;
    border-radius:4px
}
section.faq.large ul li .q:before{
    display:none
}
section.faq ul+span{
    display:inline-block;
    color:#333;
    font-weight:700;
    margin-right:25px;
    letter-spacing:normal
}
section.faq ul+span+a.button.docs{
    color:#787c81;
    background:#d6dbe3;
    letter-spacing:normal;
    margin-right:5px
}
section.faq ul+span+a+a.button.cta{
    background-color:#507eb1;
    letter-spacing:normal
}
section.faq ul+span+a+a.button.cta .small{
	text-transform: lowercase;
}
section.hero_small{
    padding-top:80px;
    padding-bottom:50px;
    background-size:cover;
    color:#fff;
    text-align:center;
}
section.hero_small p{
    width: 700px;
    text-align: center;
    margin: 0 auto;
    font-family: "Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 20px;
}
section.preapp{
    padding-top:100px;
    padding-bottom:40px;
    background: #507eb1 url(../fixer_images/fixer_hero.png) center center no-repeat;
    background-size:cover;
    color:#fff;
}
section.preapp.forgot,section.preapp.login{
    padding-bottom:100px;
    padding-top: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: -0.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
}
section.preapp form fieldset{
    border:0;
    margin:0 auto 15px;
    background:#cbd6e3;
    border-radius:3px;
    width:450px;
    padding:0;
    overflow:hidden
}
section.preapp form fieldset.alerts,
form fieldset.alerts{
    background: #e35256;
    padding: 5px 10px 7px 10px;
    font-weight: 600;
}
form fieldset.alerts.success{
    background: #3da07b !important;
}
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: #ff0000;
}
section.preapp form fieldset.captcha .line.checkboxes label{
    text-align:left;
    font-weight:400;
    margin-bottom:0;
    float:right;
    width:370px;
    position:relative;
    top:-4px;
    right:5px
}
section.contact_form form fieldset label.submit,section.preapp.forgot form fieldset label.submit{
    display:block;
    padding:10px 5px 13px;
    font-weight:700;
    background:#283f59;
    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:#3da07b;
    pointer-events:all;
    cursor:pointer
}
section.preapp.login form fieldset label.submit{
    display:block;
    padding:10px 5px 13px;
    font-weight:700;
    text-align:center
}
section.preapp form fieldset>span{
    font-weight:700;
    display:block;
    margin-bottom:10px;
    text-transform:uppercase;
    background:#283f59;
    color:#fff;
    padding:5px 10px;
    font-size:12px
}
section.contact_form form fieldset .line,section.preapp form fieldset .line{
    display:block;
    margin-bottom:10px;
    padding:5px 10px 0
}
section.contact_form form fieldset .line:last-of-type,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%
}
section.contact_form form fieldset .line label,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: 0px;
}
section.contact_form form fieldset .line input,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,
select.error{
	background: #fce3e4 !important;
    border-color: #f3b9bb !important;
}
section.contact_form form fieldset .line select,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:#3da07b;
    color:#fff;
    display:inline-block;
    padding:1px 6px 3px;
    border-radius:3px;
    font-size:11px;
    font-weight:700;
    margin-left:2px
}
section.legal{
    padding:40px 0;
    color:#333;
    line-height:normal;
    background:#fff;
}
section.contact p,section.contact p a{
    font-family:"Roboto Mono",Helvetica,Arial,sans-serif
}
section.legal h1{
    font-size:24px;
    margin-bottom:10px;
    line-height:normal;
    font-weight:700
}
section.legal h4{
    font-weight:700;
    line-height:20px;
    margin-top:20px;
    display:block;
    position:relative
}
section.legal p{
    font-size:15px;
    line-height:20px
}
section.legal ul{
    font-size:15px
}
section.legal ul li{
    margin-bottom:13px
}
section.legal a{
    text-decoration:underline;
    color:inherit
}
section.legal strong.definition{
    display:block;
    margin-bottom:5px;
    margin-top:15px;
    font-size:17px
}
section.contact.white_bg{
    background: #fff;
}
section.contact p{
    text-align:center;
    color:#333;
    font-weight:700;
    padding:20px 0 25px;
    margin-bottom:0
}
section.contact_form h3,section.contact_form p{
    text-align:center;
    color:#fff
}
section.contact p span.non_bold{
    font-weight:400
}
section.contact p a{
    background-color:#283f59;
    margin-left:15px;
    height:40px;
    padding:10px 12px
}
section.contact_form{
    padding: 40px 0 50px 0;
    background:#d8e0ea;
    text-align:center;
}
section.contact_form h3{
    font-size:12px;
    font-weight:700;
    line-height:30px;
    margin-top:0;
    padding:0 0 1px;
    margin-bottom:20px;
    background:#466e9b;
    text-transform:uppercase
}
section.contact_form fieldset.info h3{
    background:rgba(40,63,89,.35);
    margin-bottom:15px
}
section.contact_form form fieldset{
    border:0;
    width:600px;
    display:inline-block;
    margin:0 auto;
    background:#b9c2ce;
    border-radius:5px;
    padding:0;
    overflow:hidden;
    text-align:left;
    position:relative;
    top: 0;
}
section.contact_form form fieldset.alerts{
    width: 908px;
    padding: 5px 10px 7px 10px;
    margin-bottom: 20px;
    color: #fff;
    background: #e35256;
}
section.contact_form form fieldset.alerts.hidden{
    display: none;
}
section.contact_form form fieldset.info{
    width:290px;
    margin-left:15px;
    position:relative;
    top: -319px;
    color:#333;
    height:195px;
}
section.contact_form form fieldset.info .line.address{
    padding-top:0;
    border-bottom:1px solid rgba(40,63,89,.35);
    padding-bottom:20px
}
section.contact_form form fieldset.info .line.email{
    margin-bottom:0
}
section.contact_form form fieldset.info .line.address:before,section.contact_form form fieldset.info .line.email:before{
    font-family:Linearicons;
    font-size:20px;
    margin-right:10px;
    vertical-align:middle;
    display:inline-block;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:grayscale;
    content:"\e781";
    float:left;
    line-height:60px;
    top:-20px;
    position:relative
}
section.contact_form form fieldset.info .line.address:before{
    content:"\e782";
    top:-15px
}
section.contact_form form fieldset.info .line.email:before{
    content:"\e697"
}
section.contact_form form fieldset .line textarea{
    border-radius:3px;
    border:1px solid rgba(40,63,89,.35);
    padding:10px 7px;
    width:100%;
    color:#333;
    min-height:100px
}
section.contact_form form fieldset .line.submit{
    padding:0;
    margin:0
}
section.contact_form form fieldset .line label.submit{
    margin-bottom:0;
    color:#fff
}
section.contact_form form fieldset .line{
    padding:5px 15px
}
section.about{
    padding:40px 0;
    color:#333;
    letter-spacing:normal;
    line-height:normal;
    background-image:url(../fixer_images/fixer_hero_white_color.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
section.about p{
    line-height:23px;
    font-size:15px;
    letter-spacing:0
}
section.about h5{
    font-size:15px;
    font-weight:600
}
section.about ul{
    margin:40px 0 0;
    padding:0;
    list-style:none
}
section.about ul li{
    margin-bottom:15px
}
section.about ul li: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 ul li.pricing:before{
    content:"\e68d"
}
section.about ul li.api_doc:before{
    content:"\e718"
}
section.about ul li.support:before{
    content:"\e7ed"
}
section.about ul li a{
    color:inherit;
    font-weight:500
}
section.about img{
    width:100px;
    margin-bottom:30px;
    background:#fff;
    border-radius:99px;
    padding:10px
}
section.about img+h5{
    display:inline-block;
    font-size:22px;
    margin-left:15px;
    position:relative;
    top:-7px
}
section.documentation{
    background:#fff;
    padding:100px 0 40px
}
section.documentation .sidebar{
    float:left;
    width: 220px;
}
section.documentation .doc_section a{
	text-decoration: underline;
}
section.documentation .doc_section a.docs_btn{
	background: #ff6a2e;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: block;
    width: 165px;
    text-align: center;
}
section.documentation .sidebar ul{
    list-style:none;
    padding:0;
    margin:0 0 20px;
    background:#ebeff4;
    border-radius:5px;
    overflow:hidden
}
section.documentation .sidebar ul li a{
    display:block;
    padding:10px;
    border-bottom:1px solid rgba(0,0,0,.1)
}
section.documentation .sidebar ul li:last-of-type a{
    border-bottom:0
}
section.documentation .sidebar ul.github li a{
    padding-left: 40px;
    position: relative;
}
section.documentation .sidebar ul.github li a:before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(../fixer_images/github_svg.svg);
    background-size: contain;
    display: inline-block;
    left: 12px;
    top: 9px;
}
section.documentation .sidebar ul li.heading{
    font-size:13px;
    text-transform:uppercase;
    font-weight:700;
    text-align:left;
    margin:0;
    background: #283f59;
    color:#fff;
    padding:0 10px;
    line-height:25px;
}
section.documentation .content{
    float:right;
    width: 900px;
    color:#283f59;
}
section.documentation .content .doc_section{
    margin-bottom:20px;
    background:#ebeff4;
    border-radius:5px;
    overflow:hidden;
    padding:10px 15px
}
section.documentation .content .doc_section ul.endpoints{
	padding: 0 20px;
}
section.documentation .content .doc_section ul.endpoints li{
	margin-bottom: 10px;
}
section.documentation .content .doc_section ul.endpoints li a{
	font-weight: 600;
	display: block;
	text-decoration: underline;
}
section.documentation .content .doc_section p{
    line-height:20px;
    margin-bottom:15px
}
section.documentation .content .doc_section h1{
    font-size:25px;
    font-weight:700;
    line-height:normal;
    margin-top:0;
    margin-bottom:15px
}
section.documentation .content .doc_section h2{
    font-size:18px;
    font-weight:700;
    line-height:normal;
    margin-top:0
}
section.documentation .content .doc_section pre{
    background:#192738;
    padding:10px;
    overflow:hidden;
    overflow-x:scroll;
    width:100%;
    color:#fff;
    border-radius:5px;
    margin-bottom:20px;
	font-size: 13px;
}
section.documentation .content .doc_section code{
    background:rgba(40,63,89,.15);
    padding: 1px 5px 3px;
    border-radius:3px;
}
section.documentation .content .doc_section table{width: 100%;text-align: left;border-radius: 5px;overflow: hidden;border: 0;}
section.documentation .content .doc_section table thead{
}
section.documentation .content .doc_section table thead tr{
}
section.documentation .content .doc_section table thead tr th{background: #283f59;color: #ffffff;padding: 5px 10px;}
section.documentation .content .doc_section table tbody{
}
section.documentation .content .doc_section table tbody tr{
}
section.documentation .content .doc_section table tbody tr td{padding: 5px 10px;}
section.documentation .content .doc_section table tbody tr td:first-of-type{
    width: 22%;
}
section.sitemap{text-align: center;padding: 60px 0;}
section.sitemap ul{padding: 0;margin: 0;list-style: none;display: inline-block;width: 250px;text-align: left;margin: 0 auto;padding-left: 55px;}
section.sitemap ul li{
    margin: 5px 0;
}
section.sitemap ul li.heading{font-weight: bold;color: #283f59;margin-bottom: 15px;}
section.supported_symbols {
    background: #fff;
    padding: 40px 0;
    text-align: center;	
}
section.supported_symbols table {
    margin: 0 auto;
    text-align: left;
    border-collapse:  collapse;
    width: 100%;
    max-width: 650px;
    border: 1px solid #ebeff4;
}
section.supported_symbols table tr {
	
}
section.supported_symbols table th {
	padding: 5px 15px;
	font-size: 15px;
	background: #ebeff4;
}
section.supported_symbols table td {
	padding: 10px 15px;
	border: 1px solid #ebeff4;
}
.codebox{
    border:1px solid #E0EBFC;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#e0ebfc;
    background:#fff;
    height:330px;
    box-shadow:0 10px 15px 0 rgba(220,227,247,.5);
    border-radius:5px;
    width:500px;
    float:right;
    position:relative
}
.codebox .row:before,.terminal .row:after{
    content:" ";
    display:table
}
.codebox .header{
    background-color:#F1F4F9;
    height:29px;
    line-height:28px;
    border-bottom:1px solid #E8EDEF;
    padding-left:10px
}
.codebox .code_lines ul li,.codebox pre{
    font-size:12px;
    line-height:22px
}
.codebox .header .apple_button{
    width:10px;
    height:10px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    display:inline-block;
    background-color:#47C652;
	margin-right: 5px;
}
.codebox .header .apple_button.red{
    background-color:#FA6454
}
.codebox .header .apple_button.yellow{
    background-color:#FEBF40
}
.codebox .header .apple_button.green{
    background-color:#47C652
}
.codebox .window{
    position:absolute;
    top:0;
    left:0;
    margin-left:50px;
    margin-top:27px
}
.codebox .code_lines{
    width:40px;
    border-right:1px solid #E8EDEF;
    text-align:center
}
.codebox .code_lines ul{
    list-style:none;
    padding:10px;
    margin:25px 0 0
}
.inline{
    display:inline-block
}
.codebox pre{
    margin-top:7px
}
.codebox pre .get{
    color:#006ce1;
    font-weight:700
}
.codebox pre .orange{
    color:#006ce1
}
.codebox pre .url{
    position:relative;
    top:1px
}
footer{
    text-align:center;
    padding:50px 0 20px;
    background:#ebeff4;
    font-size:14px
}
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:20px
}
footer ul li.heading{
    font-weight:700;
    color:#333;
    margin-bottom:10px
}
footer ul li a{
    color:#333;
    cursor:pointer
}
footer .right_side{
    margin-left:35px;
    font-size:12px;
    position:relative;
    top:5px
}
footer .right_side span{
    font-size:16px
}
footer p{
    border-top:1px solid rgba(0,0,0,.1);
    margin-top:40px;
    padding-top:10px;
    font-size:13px;
    margin-bottom:0
}
.legacy_banner {
	display: none;	
}
.legacy_banner a {
	text-decoration: underline;
	color: #787c81;
}
.legacy_banner.dark a {
	color: #ffffff;
}
body.has_legacy_banner .legacy_banner {
    display: block;
    padding: 5px 15px 7px 15px;
    text-align: center;
    font-weight: bold;
    color: #787c81;
    background: #d6dbe3;
}
body.has_legacy_banner .legacy_banner.dark {
	color: #ffffff;
    background: #283f59;
}
.legacy_banner span:before {
    background: url(../fixer_images/icons/github/github-original-gray.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px;
    content: '';
    position: absolute;
    margin-left: -25px;
}
.legacy_banner.dark span:before {
    background: url(../fixer_images/github-red.svg);
}
body.has_legacy_banner nav.header {
	top: 31px;
}
body.has_legacy_banner section.hero {
	padding-top: 151px;	
}
.prettyprint{
    background:#1d1f21;
    font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;
    border:0!important
}
.pln{
    color:#c5c8c6
}
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
}
@media screen{
    .white .str,
    .white .kwd,
    .white .com,
    .white .typ,
    .white .lit,
    .white .pun,
    .white .opn,
    .white .clo,
    .white .pln,
    .white .tag,
    .white .atn,
    .white .atv,
    .white .dec,
    .white .var,
    .white .fun {
        color:#ffffff !important;
	}
    .fade .str,
    .fade .kwd,
    .fade .com,
    .fade .typ,
    .fade .lit,
    .fade .pun,
    .fade .opn,
    .fade .clo,
    .fade .pln,
    .fade .tag,
    .fade .atn,
    .fade .atv,
    .fade .dec,
    .fade .var,
    .fade .fun {
        color:#999999 !important;
	}
    .orange .str,
    .orange .kwd,
    .orange .com,
    .orange .typ,
    .orange .lit,
    .orange .pun,
    .orange .opn,
    .orange .clo,
    .orange .pln,
    .orange .tag,
    .orange .atn,
    .orange .atv,
    .orange .dec,
    .orange .var,
    .orange .fun {
        color:#ffce54 !important;
	}	
    .code .pln,
    .code .kwd {
        color:#ff7f7f !important;
	}
    .code.jquery .pln,
    .code.jquery .kwd {
        color:#ffffff !important;
	}
	.str{
        color:#ffce54!important;
    }
    .kwd{
        color:#a0d468!important;
    }
    .com{
        color:#a2a2a2!important;
    }
    .typ{
        color:#4fc1e9!important;
    }
    .lit{
        color:#a0d468!important;
    }
    .pun{
        color:#e6e9ed!important;
    }
    .opn{
        color:#e6e9ed!important;
    }
    .clo{
        color:#e6e9ed!important;
    }
    .tag{
        color:#ed5565!important;
    }
    .atn{
        color:#a0d468!important;
    }
    .atv{
        color:#ffce54!important;
    }
    .dec{
        color:#ac92ec!important;
    }
    .var{
        color:#e6e9ed!important;
    }
    .fun{
        color:#e6e9ed!important;
    }

}
@media screen and (min-width: 801px) {
html, body {
    min-width: 1170px;
}
}
.mobile_menu_icon {
	display: none;	
}
@media screen and (max-width: 800px) {
section.customers ul {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    padding: 0 50px 0 30px;
}
.hero .inline {
	display: block;
	float: none;
	width: 100%;
}
.hero .codebox {
	display: none;
}
.hero .inline {
    margin-bottom: 0px;
    text-align: center;	
}
.container {
	width: 100%;
}
section.hero {
	padding-top: 75px;
	padding-bottom: 60px;
}
section.presentation {
    padding: 15px 0;
}
section.presentation .side {
    width: 100%;
    margin: 0 !important;
}
section.presentation .side.right {
	margin-top: 15px !important;	
}
section.hero .container h4 br {
	display: none;
}
section.cta span,
section.cta .button {
	display: block;
	width: 100%;	
}
section.cta span {
    max-width: 350px;
	margin: 0 auto; 
}
section.cta span > span {
	display: inline;	
    margin: 0;
}
section.cta .button {margin: 0 !important;display: inline-block;width: auto;float: none;margin-top: 20px !important;}
section.cta .button.docs {
	margin-top: 20px;
    margin-bottom: 10px;	
}
footer {
	font-size: 15px;	
	padding: 20px 0 20px;
}
footer ul {
	display: block;
    width: 100%;	
}
footer ul li {
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	border-radius: 0;
	background: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.05);
	margin-top: -1px;
}
footer ul li.empty {
	display: none;
}
footer ul li.heading {
    margin-bottom: 0;
    margin-top: 10px;
    background: #8a94a3;
    color: #fff;
    border-bottom: 0;
}
footer ul li a {
}
footer .right_side {
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;	
}
footer p {
    line-height: normal;	
}
.header {
	height: 64px;	
}
.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: #333333;
	content: "\e92b";
}
.header.light .mobile_menu_icon:before {
	color: #ffffff;
}
.header ul {
    display: none;
	background: #283f59;
    color: #fff;
    position: absolute;
    margin: 0;
    float: none;
    left: 0;
    width: 100%;
    top: 64px;
}
.header ul>li>a {
	color: #ffffff;
	margin: 5px 0 !Important;
	padding-left:  20px !important;
}
.header ul>li {
	display: block;
	float: none;
	width: 100%;
	padding-left: 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.header ul>li:last-child {
	border-bottom: 0;
}
.header ul>li.status>a:before {
	margin-left: 6px;
}
.header ul>li.status>a {
    padding: 0 7px 1px;	
}
.header ul>li.action>a {
	padding: 0;
}
section.hero .container h4 {
	max-width: 550px;
	margin: 0 auto;	
}
section.hero .container .button {
	width: 150px;
}
section.pricing_content .container .plan {
	width: 100%;
	display: block;
	margin-top: 0;
	max-width: 300px;
	margin: 0 auto;
	margin-bottom: 15px;
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
section.pricing_content .container .plan .features {
	background: #ffffff;	
}
section.pricing_header {
	padding-top: 75px;
    padding-bottom: 50px;	
}
section.pricing_header h6 span {
	display: none;
}
section.pricing_header .container h2 {
	margin-left: 0;	
}
section.pricing_content {
	background: #507eb1;	
}
section.pricing_content .container .plan .features {
	margin-top: 0px;
	border: 0;
	margin-right: 0;
	padding-left: 0;
	padding: 10px 0;
	color: #ffffff;
	background: rgba(255,255,255,.1);
	border-radius: 0 0 5px 5px;
}
section.pricing_content .container .plan .features h4.empty {
	display: none;	
}
section.pricing_content .container .plan .heading .button {
    color: #787c81;
    background: #d6dbe3;
}
section.pricing_content .container .plan .features h4 {
	padding: 0px 20px;
	color: #ffffff;
	width: 215px;
	margin: 10px auto;
}
section.pricing_content .container .plan.professional .heading .button {
	color: #ffffff;
}
section.pricing_content .container .plan.marked {
	width: 100%;
	top: 0;
}
section.pricing_content .container .plan.marked .features {
	background: transparent;
}
section.pricing_content .container .plan.marked .heading .button {
	color: #ffffff;
}
section.pricing_content .container .plan .footer {
	display: none;
}
section.pricing_content {
	padding-bottom: 20px;	
}
section.pricing_header {
    background: #507eb1;	
}
section.faq ul {
    margin: 0 0 20px;	
}
section.faq ul li {
	width: 100%;	
	margin-right: 0;
	margin-left: 0;
}
section.faq {
    padding: 20px 10px;	
}
section.faq ul+span {
    margin-bottom: 20px;	
}
section.faq ul li .q:before {
	display: none;	
}
section.faq .button {
	margin-bottom: 10px;
}
section.faq.large ul {
    padding: 0 10px;	
}
section.faq.large ul li {
	width: 100%;	
}
section.faq.large ul li.empty {
	display: none;
}
section.contact p a {
    margin: 0;
    margin-top: 10px;	
}
section.documentation .sidebar,
section.documentation .content {
	float: none;
    width: 100%;	
}
.header.dark_bg ul>li.go_to_dashboard>a {
	border: none;
    top: 0;	
}
section.supported_resources ul li,
section.about img {
	display: none;	
}
section.about img+h5 {
	margin-left: 0;	
}
section.contact_form form fieldset {
    float: none;
    width: 100%;
	display: block;	
}
section.contact_form form fieldset.info {
    width: 100%;
    top: unset;
    margin: 0;
    margin-top: 20px;	
}
section.faq.no_cta ul + p {
    text-align: left;
    line-height: normal;	
}
section.hero_small p {
	width: 100%;
    margin-bottom: 0;
    margin-top: 20px;	
}
section.contact_form form fieldset.alerts {
    width: 100%;	
}
section.sitemap {
	display: none;	
}
.header ul>li.action.cta>a {
	margin: 0 !important;
    border-radius: 0;
    padding: 6px;	
}
section.preapp.login form fieldset,
section.preapp form fieldset{
    width: 100%;
    max-width: 350px;	
}
section.preapp form fieldset.captcha .line.checkboxes label {
	float: none;
	width: auto;	
}
body.has_legacy_banner .legacy_banner {
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    overflow-x: scroll;
}
.legacy_banner span:before {
	display: none;
}
body.has_legacy_banner section.hero {
    padding-top: 75px;
}

}