#image {height:300px;position:relative;overflow:hidden;}
#image h3 {color: #ee1f26;text-align: center;font-size: 50px;font-weight: bold;padding: 110px 0px;text-shadow: 0px 0px 3px #fff;}
#pageContent {padding-top:22px;}

.responsiveWrapper + #conversion {margin-bottom:90px;}

#postInfo {}
#postInfo > div {position:relative;}
#postInfo .fix {position:absolute;margin-top:2px;    margin-left: 4px;}
#postInfo .fix > div {position:relative;opacity:1}
.subSite #postInfo .fix > div {top: 40px;}
#postInfo.show .fix > div {opacity:1}
#postInfo .gauge {width: 60px;height: 60px;margin: 28px auto;position: relative;}
#postInfo .fix .percent {position: absolute;top: 18px;text-align: center;width: 100%;font-weight: 700;color: #0062a9;padding-left: 2px;}
div.sperate, section.sperate {margin-top: 84px !important;height:480px !important;}
#postHeader {text-align:center;}
#postHeader .wrapper {background: #F5F5F5;padding:26px 0px;margin-top:-80px}
#postHeader .wrapper.single {margin-top:26px;}
#postHeader .wrapper h1 {font-size:30px;color:#000;font-weight:300}
#postHeader .wrapper h2 {font-size:20px;}

#posts {margin:0px 0px;position:relative;}
#posts article {padding:60px 0px}
#posts article:nth-child(even) {background-color: #F3F3F3;  }

#posts h1 {font-size:40px;font-weight:100;    margin-bottom: 20px;}
#posts h2 {font-size:20px;font-weight:100;margin-bottom:30px;}
#posts .readMore {margin-top:60px;display:block;}

.postFooter {    margin-bottom: 40px;}
.postFooter > .row {    padding: 0px 16px;}

#content strong {color:#666}
#pageContent .header {display:block;padding:0px;background-color: #FFF;background-color:rgba(255, 255, 255, 0.92);border-bottom: solid 1px transparent;}
#pageContent .header.is_stuck {    border-bottom-color: #008335;}
#pageContent .header > div > div {padding:18px 30px 10px;}
#pageContent .header h1 {    font-size: 40px;color: #000;    margin: 0px;font-weight:100;}
#pageContent [itemprop="dateModified"] {   color:#2A98D4; font-size: 20px;font-weight:100;display:block;}
#content p {margin:0.8em 0;}
#content article {margin:20px 0px 50px;}
.textHelper {color:#999;font-size: 12px;margin-bottom: 4px;}

#article [itemprop="articleBody"] p,#article [itemprop="articleBody"] span { font-size: 17px !important;font-weight: 400;line-height: 25px !important;color:#151b26}
#article * {font-family: Montserrat,"Helvetica Neue",Helvetica,Montserrat,Arial,sans-serif !important;     color: #000;font-weight: 400;text-align: left;}
#article a {color:#02A43F}
#article h4,#article h2,#article h3,#article h3 strong {font-size:24px !important;color:#000}
#article ul {list-style: disc;margin:15px 30px 10px;font-weight:200}
#article strong {font-weight:500;color:#000}

[itemprop="datePublished"] {display:none;}
[itemprop="author"] {    max-width: 300px;margin: 30px 0px 0px;}
#posts [itemprop="author"] {margin-top:0px;}
[itemprop="author"] img {width: 60px;float: left;border-radius: 50%;    border: solid 1px #ee1f26;}
[itemprop="author"] span {font-size: 14px;position: relative;}
[itemprop="author"] .nameSpace {float: left;width: 100%;margin-right: -60px;padding: 8px 18px;}
[itemprop="author"] .nameSpace .name {display: block;font-weight:700;font-size:15px;color:#000;}
[itemprop="author"] .nameSpace .title {display: block;    font-size: 15px;color: #999;}
[itemprop="articleBody"] > table {width:100%;}
[itemprop="articleBody"] p > img {    max-width: 100%;margin: auto;display: block;padding: 10px 0px;}
#article h3 {}
#article ol {    margin-left: 20px;}

#post {padding-top:0px;position:relative;}
.subPosts + #pageContent .post {padding-top:30px}
#post .est-time {    color: #CCC;display: block;}

#download {background-color: #eee;padding: 10px 0px;}
#download .icon {padding-right:0px;    padding-left: 30px;font-size:24px;color:#666;}
#download .file {    margin-right: 20px;padding: 8px 4px;}
#download .file a {}

#postNav {    margin-top: 24px;width: 100%;    background-color: rgba(255, 255, 255, 0.85);    padding: 20px 0px;}
#postNav .nav {width:50%;    max-width: 40%;}
#postNav .nav.floatRight {text-align:right;}
#postNav .nav > div {    width: 100%;}
#postNav .arrow {}
#postNav .arrow span {}
#postNav .title {width:100%;margin-right: -23px;padding-right: 23px;}
#postNav .title b {display:block;    width: 100%;}
#postNav .title a {display:block;}

#categoryWrapper {}
#categoryWrapper > div {    padding: 24px 32px 14px;    border: solid 1px #005121;margin: 24px auto;}
#categoryWrapper .item {margin-bottom:20px;}
#categoryWrapper .item > div {border: solid 1px transparent;padding: 14px 12px;}
body.desktop #categoryWrapper .item:hover > div,
#categoryWrapper .item:active > div {border-color:#005121;}
#categoryWrapper .item .dot {    width: 10px;height: 10px;border-radius: 50%;background-color: #008335;margin: 8px;}
#categoryWrapper .item .title {width: 100%;margin-left: -28px;padding-left: 32px;}
#categoryWrapper .item .title b {display:block;}
#categoryWrapper .item .title small {display:block;}
#categoryWrapper .item .cover {height: 100px;display: block;background-color: #f2f2f2;margin-bottom: 8px;}


#testIndex {    padding: 50px;}
#testIndex h3 {    font-weight: 700;font-size: 20px;}
#testIndex p {    font-weight: 400;font-size: 17px;text-align: left;}
#testIndex form {    padding: 0px 14px 30px;}
#testIndex input[type='text'] {    border-color: #02A43F;box-shadow: none;border-radius: 7px;}
#testIndex input[type='submit'] {background: #02A43F;color: #FFF;border: 0px;padding: 11px 31px;border-radius: 7px;font-size: 14px;font-weight: 700;margin-left: -10px;}


.subPosts {background: #e4fbe2;padding:70px 20px 50px}
.subPosts .post {display:block;position:relative;margin-bottom:20px;overflow:hidden;cursor:pointer;border-radius:6px;}
.subPosts .post .title {position:absolute;left:0px;bottom:0px;width:100%;padding:10px;background: rgb(0,0,0);background: linear-gradient(360deg, rgba(0,153,58,1) 30%, rgba(255,255,255,0) 100%);color:#FFF;    font-size: 20px;    padding-top: 50px;font-weight:500;text-align:left;}
.subPosts .post img {transform:scale(1);}
.subPosts .post:hover img {transform:scale(1.1)}
.subPosts .post .all {    text-align: center;border: solid 2px #00993a;padding: 10px;font-weight: 700;color: #FFF;background: #04993a;}
.subPosts .post .all:hover {background-color:#FFF;color:#00993a}

#content article p {font-weight: 300 !important}

@media only screen and (max-width: 40em) {
    .subPosts {    background: transparent;padding: 0px;}
    #post {padding-top:10px;}
    #postNav {bottom:36px;}
    .responsiveWrapper + #conversion {margin-bottom:102px;}
    #categoryWrapper > div {margin:24px;padding:12px 4px 14px;}
    #categoryWrapper .item {margin-bottom:0px;}
    #pageContent .header > div > div {padding-top:10px;}
    #postInfo {display: none;}
    #article .lightBox {display:block;}
    #article .lightBox img {    width: 100% !important;height: auto !important;}
    div.sperate, section.sperate {margin-top:0px !important;}
    #pageContent > div > div > div.pageContent > div > div > div > div.columns.small-12.medium-4 {display:none}
    #categories {    margin: 0px 20px;width: 100%;width: calc(100% - 40px);}
}