.blocks_title { position: relative; margin-bottom: 0; }
.blocks_title h1 { margin: 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 0.2em; }
.blocks_title ul { margin: 0.4em 0; padding: 0; list-style: none; list-style-type: none; }
.blocks_title ul li { display: inline-block; margin-right: 10px; }
.blocks_title ul li:last-child { margin-right: 0; }
.blocks_title ul li a { font-size: 0.95em; font-weight: 700; color: #888; }
.blocks_title ul li a:hover, #click1_tagnav li a.sel { text-decoration: none; color: #336699; }
@media (min-width: 768px) {
	.blocks_title ul { position: absolute; right: 0; margin: 0; bottom: 10px; }
}

.blocks_work1 { margin: 0 -10px; }
.blocks_work1 .block_w { float: left; width: 100%; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; margin: 10px 0; }
.blocks_work1 .block { height: 190px; text-align: left; position: relative; text-decoration: none; background-size: cover; background-position: center; }
.blocks_work1 .block > a { display: block; height: 100%; }
.blocks_work1 .block > a div { display: none; padding: 0 20px; height: 100%; background-color: rgba(40,40,40,0.9); position: relative; }
.blocks_work1 .block > a div i { position: absolute; bottom: 17px; right: 20px; color: #FFF; font-size: 3em; }
.blocks_work1 .block > a.show div { display: block; background-color: #09334d; }
.blocks_work1 .block > a:hover { text-decoration: none; }
.blocks_work1 .block > a:hover div { display: block; }
.blocks_work1 .block > a p { margin: 0; padding: 20px 0; }
.blocks_work1 .block > a p { color: #FFF; font-size: 0.9em; line-height: 175%; }
.blocks_work1 .block > a p strong { font-family: 'Dosis', sans-serif; font-size: 1.5em; color: #5b84ad; display: block; }
@media (min-width: 400px) {
    .blocks_work1 .block { height: 230px; }
}
@media (min-width: 550px) {
    .blocks_work1 .block_w { width: 50%; }
    .blocks_work1 .block { height: 210px; }
}
@media (min-width: 768px) {
    .blocks_work1 .block { height: 225px; }
    .blocks_work1 .block > a p { font-size: 1em; }
}
@media (min-width: 992px) {
    .blocks_work1 .block { height: 200px; }
    .blocks_work1 .block_w { width: 33.33333333%; }
}
@media (min-width: 1200px) {
    .blocks_work1 .block { height: 235px; }
}

.blocks_services1 { margin: 0 -15px; }
.blocks_services1 .block_w { float: left; width: 100%; position: relative; min-height: 1px; padding: 0 15px; }
.blocks_services1 .block { text-align: center; position: relative; color: #000; margin: 18px 0; }
.blocks_services1 .block i { font-size: 40px; color: #336699; display: block; }
.blocks_services1 .block span { display: block; }
.blocks_services1 .block span.txt { font-size: 0.9em; }
.blocks_services1 .block > a { display: block; text-decoration: none; color: #000; }
.blocks_services1 .block > a:hover { text-decoration: none; }
.blocks_services1 .block > a:hover span.title { color: #336699; }
@media (min-width: 768px) {
    .blocks_services1 .block_w { width: 50%; }
	.blocks_services1 .block { margin: 0; }
	.blocks_services1 .block i { margin-top: 10px; }
	.blocks_services1 .block > a { height: 200px; }
}
@media (min-width: 992px) {
    .blocks_services1 .block > a { height: 190px; }
}
@media (min-width: 1200px) {
    .blocks_services1 .block > a { height: 180px; }
}

.blocks_services2 { margin: 0 -6px; }
.blocks_services2 .block_w { padding: 0 6px; display: inline-block; vertical-align: top; width: 33.3333%; position: relative; }
.blocks_services2 .block { height: 110px; margin: 6px 0; display: block; text-align: center; border: 1px solid #EAEAEA; position: relative; }
.blocks_services2 a.block { text-decoration: none; color: #000; }
.blocks_services2 .block .content { display: block; width: 100%; position: absolute; padding: 0 6px; top: 50%; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.blocks_services2 .block i { font-size: 25px; color: #336699; display: block; }
.blocks_services2 .block .title { display: block; margin-top: 0.6em; font-size: 0.82em; line-height: 120%; }
.blocks_services2 a.block:hover { text-decoration: none; }
.blocks_services2 a.block:hover .title { color: #336699; }
@media (min-width: 630px) {
	.blocks_services2 .block .content { padding: 0 8px; }
	.blocks_services2 .block_w { width: 20%; }
	.blocks_services2 .block i { font-size: 30px; }
	.blocks_services2 .block .title { margin-top: 0.8em; font-size: 0.85em; line-height: 130%; }
}
@media (min-width: 768px) {
	.blocks_services2 .block .content { padding: 0 10px; }
}
@media (min-width: 992px) {
	.blocks_services2 .block { height: 150px; }
	.blocks_services2 .block .title { font-size: 0.9em; }
}
@media (min-width: 1200px) {
	.blocks_services2 .block { height: 180px; }
	.blocks_services2 .block .title { font-size: 1em; }
}

.blocks_articles1 .block { text-align: left; position: relative; color: #000; margin: 18px 0; padding-right: 20px; }
.blocks_articles1 .block .image { float: left; width: 100px; height: 100px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.blocks_articles1 .block .info.image_space { margin-left: 110px; }
.blocks_articles1 .block .info .title { margin-top: -0.15em; margin-bottom: 0.2em; line-height: 125%; }
.blocks_articles1 .block .info p.txt { font-size: 0.9em; line-height: 140%; margin-top: 0; color: #999; }
.blocks_articles1 .block a.link { display: block; position: absolute; right: 0; top: 0; width: 20px; text-align: center; height: 100%; }
.blocks_articles1 .block a.link i { position: absolute; top: 0.6em; right: 0; }
@media (min-width: 550px) {
	.blocks_articles1 .block .image { float: left; width: 120px; height: 120px; }
	.blocks_articles1 .block .info.image_space { margin-left: 140px; }
	.blocks_articles1 .block a.link i { top: 0.7em; }
}
@media (min-width: 768px) {
	.blocks_articles1 .block a.link i { top: 0.8em; }
}

.article_title { position: relative; }
.article_title h4 { font-weight: 700; font-size: 0.9em; text-transform: uppercase; color: #999; margin-top: 0; margin-bottom: 0.5em; }
.article_title h1 { margin: 0; }

.article_body { position: relative; }
.article_body .page_image { margin-top: 0.8em; }
.article_body .icon { font-size: 100px; margin-top: 0.2em; color: #336699; }
.article_body ol, .article_body ul { margin: 1.5em 0; padding-left: 1em; }
.article_body ol li, .article_body ul li { margin-top: 0.8em; }
.article_body ol li::marker, .article_body ul li::marker { color: #336699; font-weight: 600; }
.article_fw_images img { width: 100%; }

.click_articles .article_body { margin-top: 2em; }

.article_share { text-align: center; border-top: 1px solid #555; margin-top: 2.8em; }
.alleft .article_share { text-align: left; }
.article_share p { margin: 20px 0 0 0; padding: 0; color: #777; font-weight: 700; font-size: 0.75em; text-transform: uppercase; }
.article_share ul { margin-top: 5px; padding: 0; list-style: none; list-style-type: none; }
.article_share ul li { display: inline-block; margin: 0 7px 0 0; }
.article_share ul li:last-child { margin-right: 0; }
.article_share ul li a { display: block; font-size: 1.7em; line-height: 100%; color: #C00; background-color: #333; border: 1px solid #333; border-radius: 100%; padding: 0.35em 0.25em; }
.article_share ul li a.linkedin i { position: relative; top: -1px; left: 1px; }
.article_share ul li a.email i { position: relative; top: -1px; }
.article_share ul li a:hover { color: #FFF; background-color: #C00; border-color: #C00; }