@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic";

/*
Start: banner ads
*/

.ibannerad{
    height: auto;
    width: 100%;
    border:0;
    display: block;
}

.ibannerfixed {
    position: fixed;
    top: 0;
    z-index: 99999;
}
/*
End: banner ads
*/

hr {
    border-bottom: 1px dotted;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: initial;
}

ol, ul {
    list-style: outside none none;
}

body {
    transition: 0.2s ease;
    min-height: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
}

body {
    background: url(images/bg01.png) repeat scroll 0 0 #f7f7f7;
}

body, input, select, textarea {
    color: #474747;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16pt;
    font-weight: 300;
    line-height: 1.65em;
}

a {
    border-bottom: 1px dotted;
    color: #222;
    text-decoration: none;
    transition: color 0.2s ease-in-out 0s,border-color 0.2s ease-in-out 0s,opacity 0.2s ease-in-out 0s;
}

    a img {
        border: none;
        border-bottom: 0 dotted;
    }

    a:hover {
        border-bottom-color: transparent;
        color: #93c54b;
        text-decoration: none;
    }



strong, b {
    font-weight: 600;
}

em, i {
    font-style: italic;
}

p, ul, ol, dl, table, blockquote {
    margin: 0 0 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-weight: 600;
    line-height: 1.75em;
    margin: 0;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
    }

    h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
        font-style: normal;
        font-weight: 300;
    }

h1 {
    font-size: 1.65em;
    letter-spacing: -0.025em;
}

h2 {
    font-size: 1.4em;
    letter-spacing: -0.025em;
}

h3 {
    font-size: 1.2em;
    letter-spacing: -0.025em;
}

article {
    margin-bottom: 1.5em;
}

.row-buffer {
    margin-top: 20px;
}


@media screen and (max-width: 768px) {
    h1 {
        font-size: 1.3em;
    }

    h2 {
        font-size: 1.2em;
    }

    h3 {
        font-size: 1.1em;
    }
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

footer {
    margin: 0 0 3em;
}

    footer > *:last-child {
        margin-bottom: 0;
    }

    footer.major {
        padding-top: 3em;
    }

:-moz-placeholder {
    color: #999999;
}

*::-moz-placeholder {
    color: #999999;
}

.formerize-placeholder {
    color: #999999;
}


.wrapper {
    padding: 1em 0 3em;
}

    .wrapper.style1 {
        background: none repeat scroll 0 0 #fff;
        padding: 10px;
    }

    .wrapper.style2 {
        background-color: #fff;
        background-position: left top,left bottom,left top;
        background-repeat: no-repeat,no-repeat,repeat;
        background-size: 100% 6em,100% 6em,auto auto;
        xpadding: 10px;
    }

.style2 {
    padding: 3em 0 3em;
}

.wrapper.style3 {
    background-color: #37c0fb;
    color: white;
    max-height: 200px;
}

.style3 {
    padding: 3em 0 3em;
}

ul.links {
    padding: .5em;
    margin: 0;
    font-size: .9em;
}

    ul.links li {
        line-height: 1.65em;
    }

ul.icons {
    cursor: default;
    text-align: center;
}

    ul.icons li {
        display: inline-block;
        line-height: 1em;
        padding-left: 1.5em;
    }

#footer > ul {
    list-style: outside none none;
    margin: 0;
    text-align: center;
}

#footer .icons li {
    display: inline-block;
}

#footer {
    padding: 4em 0 4em;
}

    #footer a {
        border-bottom-color: transparent;
        color: inherit;
    }

        #footer a:hover {
            border-bottom-color: transparent;
            color: #93c54b;
            text-decoration: none;
        }

    #footer .icons {
        margin: 0;
        padding: 0;
    }

        #footer .icons a {
            color: #999999;
        }

            #footer .icons a:hover {
                color: #474747;
            }

    #footer .copyright {
        color: #999999;
        font-size: 0.9em;
        margin-top: 1.5em;
        text-align: center;
    }

:-moz-placeholder {
    color: #999999;
}

*::-moz-placeholder {
    color: #999999;
}

.formerize-placeholder {
    color: #999999;
}

.image {
    border: 0 none;
    border-radius: 5px;
    display: inline-block;
    position: relative;
}

.image-corners {
        border-radius: 5px;
    }

.image.left {
        display: block;
        float: left;
        margin: 0 2em 2em 0;
        position: relative;
        top: 0.25em;
    }

.image.left img {
            display: block;
            width: 100%;
        }

.image.fit {
        display: block;
    }

.image.fit img {
            display: block;
            width: 100%;
 }

.image.featured {
        display: block;
        margin: 0 0 2em;
    }

.image.featured img {
            display: block;
            width: 100%;
        }

.icon {
    position: relative;
    text-decoration: none;
}

.icon::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none;
    }

.icon > .label {
        display: none;
    }

    .icon.major {
        background-color: #37c0fb;
        border-radius: 100%;
        box-shadow: 0 0 0 7px white,0 0 0 8px #e0e0e0;
        color: white;
        cursor: default;
        display: inline-block;
        height: 5em;
        line-height: 5em;
        margin: 0 0 2em;
        text-align: center;
        width: 5em;
    }

        .icon.major::before {
            font-size: 36px;
        }

.box.highlight {
    text-align: center;
}

.box.post {
    margin: 0 0 2em;
    position: relative;
}

    .box.post::after {
        clear: both;
        content: "";
        display: block;
    }

    .box.post .inner {
        margin-left: calc(30% + 2em);
    }

        .box.post .inner > *:last-child {
            margin-bottom: 0;
        }

    .box.post .image {
        margin: 0;
        width: 30%;
    }

.btn-danger {
    background: #7A1010;
    font-weight: bold;
    border: hidden;
}

.btn-warning {
    background: #E78023;
    font-weight: bold;
    border: hidden;
}

.btn-primary {
    background: #095787;
    font-weight: bold;
    border: hidden;
}

.btn-success {
    background: #93c54b;
    font-weight: bold;
    border: 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.39);
}

    .btn-success:hover {
        background: #76aa2a;
        font-weight: bold;
        border: 0;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.39);
    }

.anchor:hover {
    color: #222;
}