body {
    font-size:1.2em;
    margin: 0px;
    padding:0px;
    font-family: Verdana, sans-serif;
}

body a{
    color: #0068ab;
}

* {
    box-sizing: border-box;
}

.wrapper * {
    box-sizing: content-box;
}

.wrapper {
    margin:0 auto;
   text-align: center;
}

.f_row {
    clear: both;
}

.dollar {
    background: #fff url('img/dollar.svg') 5px center no-repeat;
    padding: 8px 22px 8px 6px;
    background-size: 11px 11px;
}

.percent {
    background: #fff url('img/percent.svg') right 5px center no-repeat;
    padding: 8px 22px 8px 6px;
    background-size: 9px 9px;
}

.year {
    padding: 8px 22px 8px 6px;
}

legend {
    color:#0481b1;
    font-size:1em;
    padding:0 10px;
    background:#fff;
    -moz-border-radius:4px;
    box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
    padding:5px 10px;
    text-transform:uppercase;
    font-family:Helvetica, sans-serif;
    font-weight:bold;
}
fieldset {
    border-radius:4px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #f9fdff);
    background: -o-linear-gradient(#fff, #f9fdff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /
    background: -webkit-linear-gradient(#fff, #f9fdff);
    padding:20px;
    border-color:rgba(4, 129, 177, 0.4);
    margin-bottom: 20px;
    text-align: left;
}
.wrapper span {
    font-size:0.9em;
    padding: 10px 6px;
    width:44%;
    float: left;
}

input,
textarea {
    color: #373737;
    background: #fff;
    border: 1px solid #CCCCCC;
    /*color: #aaa;*/
    font-size:1.2em;
    line-height: 1.2em;
    margin-bottom:15px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
input[type="text"],
input[type="password"]{

    height: 22px;
    width:110px;
    float: right;
    text-align: right;
}

.f_row .results {
    height: 22px;
    width:80px;
    float: right;
    text-align: right;
    font-size:0.91em;
}

.results_block {
    margin: 10px 0;
    padding: 20px 10px;
}

input[type="text"]:focus,
input[type="password"]:focus {
    background:#f5fcfe;
    text-indent: 0;
    z-index: 1;
    /*color: #373737;*/
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease;
    /*width: 380px;*/

    border-color:#ccc;
    box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
    /*opacity:0.6;*/
}
input[type="radio"] {
    float: right;
    margin: 7px 127px 10px 0;
}

.monthly_yearly_radio span {
    width: 110px;
}

input[type="submit"]{
    background: #222;
    border: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    text-transform:uppercase;
    color: #eee;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 22px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
textarea {
    padding:3px;
    width:96%;
    height:100px;
}
textarea:focus {
    background:#ebf8fd;
    text-indent: 0;
    z-index: 1;
    color: #373737;
    opacity:0.6;
    box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
    border-color:#ccc;
}
.small {
    line-height:14px;
    font-size:12px;
    color:#999898;
    margin-bottom:3px;
}

.site_description{
    padding: 10px 10px 15px;
    font-size: 0.85em;
    text-align: justify;
}
.site_title {
    text-align: center;
    font-size:1.7em;
}

.bold_text {
    font-weight: bold;
    font-size:1.02em;
}

@media screen and (max-width: 600px) {
    .f_row .results {
        font-size:0.9em;
    }
}

@media screen and (max-width: 400px) {
    .f_row .results {
        font-size:0.9em;
    }
}

.share-buttons{
    font-size: 0.9em;
    line-height: 1.8em;
    text-align: center;
}

.share-buttons-label {
    font-size: 0.9em;
    padding-bottom: 15px;
    text-align: center;
}

.share-button {
    margin:0 5px;
}

.share-button:hover {
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -o-filter: brightness(70%);
    filter: brightness(70%);
}

.share-twitter{
    fill: #1DA1F2
}

.share-facebook{
    fill:#1877F2;
}

.share-reddit {
    fill:#FF4500;
}

.share-linkedin {
    fill:#0077B5;
}

.share-pinterest {
    fill: #BD081C;
}

.share-copy {
    fill: #1877F2;
}

.share-email{
    fill:#006eb1;
    margin-left: 5px;
}

#share-copy-url{

}
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.resp-sharing-button--twitter {
    background-color: #55acee
}

.resp-sharing-button--twitter:hover {
    background-color: #2795e9
}

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}

.resp-sharing-button--facebook {
    background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}

.resp-sharing-button--tumblr {
    background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
    background-color: #222d3c
}

.resp-sharing-button--reddit {
    background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
    background-color: #3a80c1
}

.resp-sharing-button--google {
    background-color: #dd4b39
}

.resp-sharing-button--google:hover {
    background-color: #c23321
}

.resp-sharing-button--linkedin {
    background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
    background-color: #046293
}

.resp-sharing-button--email {
    background-color: #777
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}

.resp-sharing-button--xing {
    background-color: #1a7576
}

.resp-sharing-button--xing:hover {
    background-color: #114c4c
}

.resp-sharing-button--whatsapp {
    background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}

.resp-sharing-button--hackernews {
    background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
    background-color: #507299
}

.resp-sharing-button--vk:hover {
    background-color: #43648c
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
}

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
    background-color: #046293;
    border-color: #046293;
}

.resp-sharing-button--reddit {
    background-color: #5f99cf;
    border-color: #5f99cf;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
    background-color: #3a80c1;
    border-color: #3a80c1;
}

.resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
    background-color: #1DA851;
    border-color: #1DA851;
}

.resp-sharing-button--telegram {
    background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
    background-color: #4B97D1;}

#home101 {
    padding:10px 0 0;
    text-align: left;
    font-size: 0.85em;
}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
    padding: 10px 15px;
}

.left, .right {
    width: 33%;
}

.middle {
    width: 34%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 800px) {
    .column {
        width: 100%;
        padding: 5px 15px;
    }
    .left {
        padding: 0px;
        max-height:100px;
        display: none;
    }

}

.footer-menu li{
    display: inline;
}

.footer-menu li a{
    text-decoration: none;
}

.footer-menu {
    font-size: 0.85em;
    line-height: 1.3em;
    text-align: center;
    padding: 10px 10px 20px;
}

.header-menu p, .header-menu ul, .header-menu img{
    float: left;
}


.legal-pages {
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: justify;
}

.legal-pages h6,.legal-pages h3, .related h6{
    font-size: 1.0em;
    margin: 1.3em 0 0;
    font-weight: bold;

}

.legal-pages li{
    padding:5px 0;
}

.legal-pages ul{
    list-style-type:disc;
    margin-left: 5px;
}

.site-logo {
    width:68px;
}
.site-title {
    font-size: 2.2em;
    margin: 0 0px 0 15px;
    line-height: 1.7em;
    font-weight: bold;
    color: #2a3e57;
    font-family: 'Fjalla One', Tahoma, Verdana, Arial;
}

.header {
    background: #d0ecff;
}

.header .column{
    padding:5px 15px;
}

#pageTitle {
    font-size: 1.6em;
    padding-bottom: 7px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3em;
}

.site_re {
    font-size: 0.8em;
}


/*============================ MEDIA QUERIES ============================*/

/* Tablets (landscape) | <1200px */
@media only screen and (max-width: 1200px) {
    .site-logo {
        width: 40px;
    }

    .site-title {
        font-size: 1.5em;
        margin: 0 15px;
        line-height: 1.3em;
    }

    .header .column {
        padding: 5px 15px;
    }

    .legal-pages {
        font-size: 0.9em;
    }

    #pageTitle {
        font-size: 1.2em;
        padding-bottom: 0px;
    }

    .site_re {
        font-size: 0.8em;
    }

}

@media only screen and (min-width: 1001px) and (max-width: 1300px) {
    .middle {
        width:46%;
    }
    .left, .right {
        width:27%;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .middle {
        width:50%;
    }
    .left, .right {
        width:25%;
    }
}


/* Smartphones | <800px */
@media only screen and (max-width: 799px) {
    .site-logo {
        width: 40px;
    }

    .site-title {
        font-size: 1.1em;
        margin: 0 10px;
        line-height: 1.25em;
        padding: 7px 0;
    }

    .site_re {
        font-size: 0.8em;
    }

}

/* Smartphones | <600px */
@media only screen and (max-width: 600px) {

    .header .column{
        padding:5px 15px;
    }

    .legal-pages{
        font-size:0.8em;
    }

    #pageTitle{
        font-size: 1.1em;
        padding-bottom: 0px;
    }

    .site_re {
        font-size: 0.8em;
    }
}

.related h6{
    color:#555;
}

.related p{
    text-align: center;
    paddin-top:15px;
}

.related {
    text-align: left;
    font-size: 0.8em;
    line-height: 1.5em;
}

.related ul{
    list-style-type: disc;
    margin-left: 35px;
    padding: 10px 0;
}

.related ul li{
    padding: 3px 0;
}