@charset "IBM437";
@import url(grid.css);
@import url(normalize.css);
@import url(main.css);
/* --

Styles Index
=======
1.0 Document Body
2.0 General Styles
3.0 Header
	3.1 Logo Area
	3.2 Header Icon Navigation
	3.3 Main Navigation
-- */
/*=================================
=            Font Face            =
=================================*/
@font-face {
  font-family: 'Entypo';
  src: url("fonts/entypo/entypo.eot");
  src: url("fonts/entypo/entypo.eot?#iefix") format("embedded-opentype"), url("fonts/entypo/entypo.woff") format("woff"), url("fonts/entypo/entypo.ttf") format("truetype"), url("fonts/entypo/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: bold;
}

/*-----  End of Font Face  ------*/
/*======================================
=            General Styles            =
======================================*/
body {
  font-size: 14px;
  overflow-x: hidden;
}
body a {
  color: #424242;
  text-decoration: none;
}
body a:hover {
  color: #00adef;
  text-decoration: none;
}
body .left {
  float: left;
}
body .right {
  float: right;
}
body #wpadminbar {
  position: absolute;
  display: block;
}

#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  font-size: 16px;
}
#wp-calendar a {
  color: #00adef;
}
#wp-calendar a:hover {
  color: #686868;
}

ul#recentcomments li.recentcomments {
  margin: 0px 0px 10px 0px;
}
ul#recentcomments li.recentcomments a {
  color: #686868;
}
ul#recentcomments li.recentcomments a.url {
  color: #00adef;
}

form input[type=text] {
  border: 1px solid #c3c5c0;
  padding: 0px 5px 0px 5px;
  padding: 5px;
  width: 65%;
}
form input[type=text]:focus {
  border: 1px solid #9c9c9c;
  -webkit-box-shadow: #c3c5c0 0px 0px 2px 0px inset;
  -moz-box-shadow: #c3c5c0 0px 0px 2px 0px inset;
  box-shadow: #c3c5c0 0px 0px 2px 0px inset;
}
form input[type=submit] {
  color: white;
  background-color: #0099ff;
  margin: 0;
  width: 29%;
  float: right;
  border: none;
  padding: 6px;
}
form textarea:focus {
  -webkit-box-shadow: #c3c5c0 0px 0px 2px 0px inset;
  -moz-box-shadow: #c3c5c0 0px 0px 2px 0px inset;
  box-shadow: #c3c5c0 0px 0px 2px 0px inset;
  border: 1px solid #9c9c9c;
}

.wrapper {
  margin: 0px;
}

/*-----  End of General Styles  ------*/
/*=============================================
=            Header           			 =
=============================================*/
header._out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  color: white;
  z-index: 9999;
  background-color: #00adef;
}

header._out.shadow {
  -webkit-box-shadow: #686868 0px 0px 2px 0px;
  -moz-box-shadow: #686868 0px 0px 2px 0px;
  box-shadow: #686868 0px 0px 2px 0px;
}

/*==========  Header Icon Navigation  ==========*/
.spr-sprite, a.share span, .rss span, .menu span, .active span, #menu ul li.has-ul > a:first-child:after, #menu ul li #sub-menu ul.sub-menu li.has-ul > a:first-child:after, .wrapper .index article.post .article-wrapper footer .byline span comment.article-comment span.comment, .wrapper .index article.post .article-wrapper footer .byline span .article-shares .plug:before, .wrapper .post_top ul.post_nav li a.next span, .wrapper .post_top ul.post_nav li a.prev span, .wrapper .post_top:after, .wrapper .post-single footer .author .right .social ul li a.twi span, .wrapper .post-single footer .author .right .social ul li a.fb span, .wrapper .post-single footer .author .right .social ul li a.gplus span, .wrapper .post-single footer .author .right .social ul li a.in span, .wrapper .post-single footer .recent_post .byline .article-comment span.comment, .wrapper .post-single footer .recent_post .byline .article-shares span, .wrapper .post-single footer .comment .right .top .name_n_time h3 small:before, .wrapper .post-single footer .comment .right .top .reply a:after, aside.sidebar ._inner .subscribe .sub_links ul li.fb span, aside.sidebar ._inner .subscribe .sub_links ul li.twit span, aside.sidebar ._inner .subscribe .sub_links ul li.rss2 span {
  background: url('../images/spr-s127e52cc87.png') no-repeat;
}

.share span, .rss span, .search span, .menu span, .active span {
  display: inline-block;
}

a.share span {
  background-position: 0 -286px;
  width: 16px;
  height: 18px;
}

.rss span {
  background-position: 0 -146px;
  width: 16px;
  height: 16px;
}

/*.search span{
	@include spr-sprite(search);
	width:17px;
	height:17px;
}
*/
#icon_nav ul {
  margin: 5px 0px 5px 0px;
  padding: 0;
}
#icon_nav ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
#icon_nav ul li .pictogram {
  font-size: 30px;
  position: absolute;
  font-family: Entypo Social;
  padding: 0;
  size: 38px;
  display: inline;
  color: #424242;
}
#icon_nav ul li .facebook:after {
  content: "";
  /* style */
}
#icon_nav ul li#logo {
  margin: 3px 0px 0px 0px;
  float: left;
  margin: 0;
}
#icon_nav ul li#logo a {
  color: white;
  font-size: 25px;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
#icon_nav ul li a {
  position: relative;
  padding: 11px 10px 13px 10px;
}

.nav_icons {
  margin: 10px 0px 0px 0px;
}

.logo_area {
  float: left;
}
.logo_area a {
  margin: 0;
  padding: 0;
}

.nav_icons {
  float: right;
  display: inline;
  position: relative;
}

#icon_nav form {
  float: left;
  margin: -5px 5px 0px 0px;
}
#icon_nav form input[type=text] {
  background: #00adef url(../images/spr/search.png) 10px 5px no-repeat;
  width: 0px;
  border: transparent;
  padding: 7px 4px 4px 30px;
  color: #fff;
  font-size: 14px;
  height: 18px;
  -moz-transition: width 0.5s ease-out;
  webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
#icon_nav form input[type=text]:focus {
  background: white url(../images/spr/searchhover.png) 5px 5px no-repeat;
  color: #686868;
  width: 150px;
  -moz-transition: width 0.5s ease-out;
  webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}

.menu span {
  background-position: 0 -322px;
  width: 19px;
  height: 14px;
}

.active span {
  background-position: 0 -272px;
  width: 19px;
  height: 14px;
}

.active {
  background-color: #fff;
}

/*==========  Main Navigation  ==========*/
#menu {
  background-color: white;
  display: none;
  border-bottom: 1px solid #ededed;
  -webkit-box-shadow: #686868 0px 0px 1px 0px;
  -moz-box-shadow: #686868 0px 0px 1px 0px;
  box-shadow: #686868 0px 0px 1px 0px;
}
#menu .heading {
  display: none;
  color: #686868;
  border-bottom: 1px solid #ededed;
}
#menu ul {
  margin: 0;
  padding: 0;
}
#menu ul li {
  display: inline-block;
  padding: 12px 10px 12px 0px;
  list-style-type: none;
  position: relative;
}
#menu ul li:hover > #sub-menu {
  display: block;
}
#menu ul li.has-ul > a:first-child:after {
  margin: 0px 0px 0px 5px;
  content: '';
  display: inline-block;
  background-position: 0 -354px;
  width: 10px;
  height: 6px;
}
#menu ul li #sub-menu {
  background-color: white;
  -webkit-box-shadow: #686868 0px 0px 2px 0px;
  -moz-box-shadow: #686868 0px 0px 2px 0px;
  box-shadow: #686868 0px 0px 2px 0px;
  border: 1px solid #ededed;
  position: absolute;
  z-index: -99;
  display: none;
}
#menu ul li #sub-menu ul.sub-menu {
  margin: 0;
  padding: 0;
}
#menu ul li #sub-menu ul.sub-menu li {
  display: block;
  padding: 8px 20px 8px 20px;
  margin: 0;
}
#menu ul li #sub-menu ul.sub-menu li:first-child {
  margin-top: 14px;
}
#menu ul li #sub-menu ul.sub-menu li.has-ul > a:first-child:after {
  margin: 5px 0px 0px 5px;
  content: '';
  position: absolute;
  display: inline-block;
  background-position: 0 -372px;
  width: 7px;
  height: 9px;
}
#menu ul li #sub-menu ul.sub-menu li:hover {
  background-color: #ededed;
}
#menu ul li #sub-menu ul.sub-menu li #sub-menu {
  left: 100%;
  top: 0;
  z-index: 99;
}
#menu ul li #sub-menu ul.sub-menu li #sub-menu li:first-child {
  margin-top: 0px;
}
#menu ul li #sub-menu ul.sub-menu li a {
  color: #000;
  display: inline-block;
  text-decoration: none;
}

/*-----  End of Header  ------*/
/*===============================
=            Content            =
===============================*/
.wrapper {
  padding: 60px 0px 80px 0px;
  margin: 0px;
}
.wrapper .index h1.heading {
  font-size: 15px;
  text-transform: uppercase;
  margin: 21px 0px 21px 0px;
  color: #00adef;
}
.wrapper .index form {
  padding: 0;
  margin: 0;
  color: #c3c5c0;
  margin: 0px 0px 21px 0px;
}
.wrapper .index form input[type=text] {
  border: 1px solid #c3c5c0;
  padding: 5px;
}
.wrapper .index form input[type=submit] {
  border: none;
  background-color: #0099ff;
  color: white;
}
.wrapper .index #container {
  margin: 0px 0px 0px 0px;
  padding: 0;
}
.wrapper .index #container h2 {
  color: #424242;
  font-size: 18px;
}
.wrapper .index .pagination {
  margin: 63px 0px 0px 0px;
  padding: 0;
}
.wrapper .index .pagination a {
  color: #00adef;
  font-weight: bold;
}
.wrapper .index .pagination a:first-child {
  float: left;
}
.wrapper .index .pagination a:last-child {
  float: right;
}
.wrapper .index .pagination a:hover {
  color: #424242;
}
.wrapper .index .featured {
  margin: 0px 0px 21px 0px;
}
.wrapper .index .featured h1.heading {
  padding: 0;
  margin: 0;
  background-color: #cbcbcb;
  font-size: 11px;
  text-transform: uppercase;
  margin: 0px 0px 21px 0px;
  width: 100%;
}
.wrapper .index .featured h1.heading span {
  background: white;
  padding: 2px 8px 2px 0px;
  color: #0099ff;
}
.wrapper .index .featured ul {
  margin: 0;
  padding: 0;
}
.wrapper .index .featured ul li {
  list-style-type: none;
  display: block;
}
.wrapper .index .featured ul li:nth-child(1) {
  width: 69.5%;
  float: left;
}
.wrapper .index .featured ul li:nth-child(1) article.featured {
  width: 100%;
}
.wrapper .index .featured ul li:nth-child(1) article.featured .thumb img {
  height: 250px;
}
.wrapper .index .featured ul li:nth-child(1) article.featured .cat {
  margin: 21px 0px 0px 0px;
  text-transform: uppercase;
}
.wrapper .index .featured ul li:nth-child(1) article.featured .cat ul {
  padding: 0;
  margin: 0;
}
.wrapper .index .featured ul li:nth-child(1) article.featured .cat ul li {
  display: block;
  list-style-type: none;
}
.wrapper .index .featured ul li:nth-child(1) article.featured .byline comment.article-comment:after, .wrapper .index .featured ul li:nth-child(1) article.featured .byline comment.article-comment:before {
  content: '/\/';
}
.wrapper .index .featured ul li:nth-child(2), .wrapper .index .featured ul li:nth-child(3) {
  float: right;
  width: 29%;
}
.wrapper .index .featured ul li:nth-child(2) article.featured, .wrapper .index .featured ul li:nth-child(3) article.featured {
  width: 100%;
  display: block;
  margin: 0px 0px 5px 0px;
}
.wrapper .index .featured ul li:nth-child(2) article.featured .thumb img, .wrapper .index .featured ul li:nth-child(3) article.featured .thumb img {
  height: 120px;
}
.wrapper .index .featured ul li:nth-child(2) article.featured h1.title, .wrapper .index .featured ul li:nth-child(3) article.featured h1.title {
  font-size: 1.125em;
}
.wrapper .index .featured ul li:nth-child(2) article.featured .cat, .wrapper .index .featured ul li:nth-child(3) article.featured .cat {
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  text-transform: uppercase;
}
.wrapper .index .featured ul li:nth-child(2) article.featured .cat ul, .wrapper .index .featured ul li:nth-child(3) article.featured .cat ul {
  padding: 0;
  margin: 0;
}
.wrapper .index .featured ul li:nth-child(2) article.featured .cat ul li, .wrapper .index .featured ul li:nth-child(3) article.featured .cat ul li {
  display: block;
  list-style-type: none;
}
.wrapper .index .featured ul li:nth-child(2) article.featured p, .wrapper .index .featured ul li:nth-child(3) article.featured p {
  display: none;
}
.wrapper .index .featured ul li:nth-child(2) article.featured .byline comment.article-comment, .wrapper .index .featured ul li:nth-child(3) article.featured .byline comment.article-comment {
  font-size: 12px;
}
.wrapper .index .featured ul li:nth-child(2) article.featured .byline comment.article-comment:after, .wrapper .index .featured ul li:nth-child(2) article.featured .byline comment.article-comment:before, .wrapper .index .featured ul li:nth-child(3) article.featured .byline comment.article-comment:after, .wrapper .index .featured ul li:nth-child(3) article.featured .byline comment.article-comment:before {
  content: '/\/';
}
.wrapper .index article.post {
  width: 49%;
  float: left;
  margin: 0 0 2% 0.5%;
  -webkit-box-shadow: #dddddd 0px 0px 2px 0px;
  -moz-box-shadow: #dddddd 0px 0px 2px 0px;
  box-shadow: #dddddd 0px 0px 2px 0px;
  border: 1px solid #ededed;
}
.wrapper .index article.post .thumb img {
  height: 180px;
  width: 100%;
}
.wrapper .index article.post .article-wrapper .article-content {
  border-bottom: 1px dotted #cbcbcb;
  padding: 10px;
}
.wrapper .index article.post .article-wrapper .article-content h1.title {
  font-size: 22px;
  color: #333;
  margin: 10px 0px 0px 0px;
  word-wrap: break-word;
}
.wrapper .index article.post .article-wrapper .article-content h1.title a {
  text-decoration: none;
}
.wrapper .index article.post .article-wrapper .article-content h1.title a:hover {
  text-decoration: underline;
}
.wrapper .index article.post .article-wrapper .article-content .cat {
  font-size: 10px;
  text-transform: uppercase;
}
.wrapper .index article.post .article-wrapper .article-content .cat ul {
  padding: 0;
  margin: 0;
}
.wrapper .index article.post .article-wrapper .article-content .cat ul li {
  list-style-type: none;
}
.wrapper .index article.post .article-wrapper .article-content .cat ul li a {
  color: #2c2c2c;
}
.wrapper .index article.post .article-wrapper footer {
  padding: 7px 10px 7px 10px;
}
.wrapper .index article.post .article-wrapper footer .byline {
  color: #555;
  font-size: 13px;
}
.wrapper .index article.post .article-wrapper footer .byline a {
  text-decoration: underline;
}
.wrapper .index article.post .article-wrapper footer .byline span {
  width: 100%;
}
.wrapper .index article.post .article-wrapper footer .byline span .right {
  float: right;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  margin: 0;
  display: inline-block;
}
.wrapper .index article.post .article-wrapper footer .byline span .left {
  float: left;
}
.wrapper .index article.post .article-wrapper footer .byline span comment.article-comment {
  padding: 0px 10px 0px 0px;
}
.wrapper .index article.post .article-wrapper footer .byline span comment.article-comment span.comment {
  background-position: 0 -258px;
  width: 19px;
  height: 14px;
  display: inline-block;
}
.wrapper .index article.post .article-wrapper footer .byline span .article-shares {
  display: inline-block;
}
.wrapper .index article.post .article-wrapper footer .byline span .article-shares .plug {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.wrapper .index article.post .article-wrapper footer .byline span .article-shares .plug .box {
  padding: 0;
  margin: 0;
}
.wrapper .index article.post .article-wrapper footer .byline span .article-shares .plug .buttons {
  position: absolute;
  display: inline-block;
}
.wrapper .index article.post .article-wrapper footer .byline span .article-shares .plug .buttons .button {
  position: relative;
  display: inline-block;
}
.wrapper .index article.post .article-wrapper footer .byline span .article-shares .plug:before {
  background-position: 0 -179px;
  width: 13px;
  height: 12px;
  display: inline-block;
  margin: 0px 3px 0px 0px;
}
.wrapper .post_top {
  border: 1px solid #ededed;
  padding: 8px 0px 8px 0px;
  background-color: white;
  margin: 40px 0px 0px 0px;
  width: 100%;
}
.wrapper .post_top ul.post_nav {
  padding: 0;
  margin: 0;
}
.wrapper .post_top ul.post_nav li {
  display: inline-block;
  list-style-type: none;
}
.wrapper .post_top ul.post_nav li:first-child {
  float: left;
}
.wrapper .post_top ul.post_nav li:last-child {
  float: right;
}
.wrapper .post_top ul.post_nav li a {
  font-size: 13px;
}
.wrapper .post_top ul.post_nav li a.next span {
  background-position: 0 -360px;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin: 0px 0px 0px 10px;
}
.wrapper .post_top ul.post_nav li a.prev span {
  background-position: 0 -336px;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin: 0px 10px 0px 0px;
}
.wrapper .post_top:after {
  content: '';
  background-position: 0 -80px;
  width: 36px;
  height: 16px;
  display: block;
  position: absolute;
  margin: 8px 0 0 12.4%;
}
.wrapper .post_top .left .cat_top {
  font-size: 14px;
}
.wrapper .post_top .left .cat_top ul {
  padding: 0;
  margin: 0;
}
.wrapper .post_top .left .cat_top ul li {
  list-style-type: none;
  display: block;
}
.wrapper .post_top .left .cat_top ul li a {
  text-transform: uppercase;
}
.wrapper .post_top .right {
  font-size: 11px;
}
.wrapper .post_top .right p {
  margin: 0;
}
.wrapper .single {
  margin: 42px 0px 0px 0px;
}
.wrapper .post-single header aside.shares {
  margin: 21px 0px 42px 0px;
}
.wrapper .post-single header aside.shares .sharrre .button {
  float: left;
  width: 60px;
  display: inline-block;
}
.wrapper .post-single header aside.shares .delicious {
  margin: 0px 0px 0px 10px;
}
.wrapper .post-single header aside.shares .box {
  float: left;
  color: #00adef;
  position: relative;
}
.wrapper .post-single header aside.shares .box .count {
  font-size: 50px;
  color: #00adef;
}
.wrapper .post-single header aside.shares .box .count:after {
  content: 'SHARES';
  font-size: 15px;
  color: #c3c5c0;
  display: block;
  text-align: center;
  margin: -10px 0px 0px 0px;
}
.wrapper .post-single header aside.shares .box:after {
  content: '/';
  display: block;
  left: 100%;
  top: 0;
  font-size: 50px;
  margin: 0px 0px 0px 10px;
  position: absolute;
}
.wrapper .post-single header aside.shares #shareme {
  width: 75%;
}
.wrapper .post-single header aside.shares #shareme .buttons {
  display: block;
  float: right;
  margin: 10px 0px 0px 0px;
}
.wrapper .post-single header figure.article-image img {
  height: 300px;
  width: 97%;
  float: right;
  display: inline-block;
}
.wrapper .post-single section.content {
  padding: 0 0 0 35px;
  font-size: 14px;
}
.wrapper .post-single section.content embed {
  width: 100%;
}
.wrapper .post-single section.content .wp-caption {
  max-width: 100%;
  /* Keep wide captions from overflowing their container. */
  padding: 4px;
}
.wrapper .post-single section.content .wp-caption .wp-caption-text,
.wrapper .post-single section.content .gallery-caption,
.wrapper .post-single section.content .entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #757575;
}
.wrapper .post-single section.content img.wp-smiley,
.wrapper .post-single section.content .rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wrapper .post-single section.content .entry-content dl.gallery-item {
  margin: 0;
}
.wrapper .post-single section.content .gallery-item a,
.wrapper .post-single section.content .gallery-caption {
  width: 90%;
}
.wrapper .post-single section.content .gallery-item a {
  display: block;
}
.wrapper .post-single section.content .gallery-caption a {
  display: inline;
}
.wrapper .post-single section.content .gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}
.wrapper .post-single section.content .gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}
.wrapper .post-single section.content .gallery-columns-1 .gallery-icon img {
  padding: 3%;
}
.wrapper .post-single section.content .size-full {
  float: none;
  max-width: 100%;
}
.wrapper .post-single section.content .alignnone {
  float: none;
  margin: 0 auto;
  padding: 0;
  display: block;
}
.wrapper .post-single section.content .alignleft {
  float: left;
  margin-right: 10px;
}
.wrapper .post-single section.content .alignright {
  float: right;
  margin-left: 10px;
}
.wrapper .post-single section.content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wrapper .post-single section.content p {
  padding: 10px;
}
.wrapper .post-single .pages p a {
  color: #00adef;
}
.wrapper .post-single .pos_nav {
  display: none;
  padding: 0px;
  margin: 0px;
}
.wrapper .post-single .pos_nav .prev {
  float: left;
}
.wrapper .post-single .pos_nav .nex {
  float: right;
}
.wrapper .post-single footer h4.heading {
  padding: 0;
  margin: 0;
  background-color: #cbcbcb;
  font-size: 11px;
  text-transform: uppercase;
  margin: 0px 0px 21px 0px;
  width: 100%;
}
.wrapper .post-single footer h4.heading span {
  background: white;
  padding: 2px 8px 2px 0px;
  color: #00adef;
}
.wrapper .post-single footer .author {
  margin: 21px 0px 0px 0px;
}
.wrapper .post-single footer .author .left {
  width: 19%;
}
.wrapper .post-single footer .author .left figure {
  padding: 0;
  margin: 0;
}
.wrapper .post-single footer .author .left figure img {
  height: 120px;
  width: 100%;
  display: block;
}
.wrapper .post-single footer .author .right {
  width: 79%;
}
.wrapper .post-single footer .author .right .name h4 {
  margin: 0;
  font-size: 18px;
}
.wrapper .post-single footer .author .right .name h4 small {
  font-size: 11px;
}
.wrapper .post-single footer .author .right .about {
  font-size: 14px;
}
.wrapper .post-single footer .author .right .social ul {
  margin: 0;
  padding: 0;
}
.wrapper .post-single footer .author .right .social ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0px 0px 0px 10px;
}
.wrapper .post-single footer .author .right .social ul li a.twi span {
  background-position: 0 -130px;
  width: 20px;
  height: 16px;
  display: block;
}
.wrapper .post-single footer .author .right .social ul li a.fb span {
  background-position: 0 -304px;
  width: 10px;
  height: 18px;
  display: block;
}
.wrapper .post-single footer .author .right .social ul li a.gplus span {
  background-position: 0 -96px;
  width: 18px;
  height: 18px;
  display: block;
}
.wrapper .post-single footer .author .right .social ul li a.in span {
  background-position: 0 -240px;
  width: 18px;
  height: 18px;
  display: block;
}
.wrapper .post-single footer .recent_post {
  margin: 21px 0px 21px 0px;
  height: auto;
  display: block;
}
.wrapper .post-single footer .recent_post ul {
  margin: 0;
  padding: 0;
}
.wrapper .post-single footer .recent_post ul li {
  list-style-type: none;
  width: 24%;
  float: left;
  margin: 0 1% 0 0;
}
.wrapper .post-single footer .recent_post ul li article.post {
  width: 100%;
}
.wrapper .post-single footer .recent_post ul li article.post img {
  width: 100%;
  height: 100px;
  display: block;
}
.wrapper .post-single footer .recent_post ul li article.post .title {
  font-size: 14px;
}
.wrapper .post-single footer .recent_post ul li:last-child {
  margin: 0;
  padding: 0;
  float: right;
}
.wrapper .post-single footer .recent_post .byline {
  font-size: 12px;
  padding: 10px 0px 0px 0px;
}
.wrapper .post-single footer .recent_post .byline .article-comment span.comment {
  background-position: 0 -258px;
  width: 19px;
  height: 14px;
  display: inline-block;
}
.wrapper .post-single footer .recent_post .byline .article-shares span {
  background-position: 0 -179px;
  width: 13px;
  height: 12px;
  display: inline-block;
  margin: 0px 3px 0px 0px;
}
.wrapper .post-single footer .comment_other {
  display: none;
}
.wrapper .post-single footer .comment {
  width: 100%;
  font-size: 14px;
}
.wrapper .post-single footer .comment h4.header {
  font-size: 21px;
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #c3c5c0;
}
.wrapper .post-single footer .comment ul.commentlist {
  margin: 0;
  padding: 0;
}
.wrapper .post-single footer .comment ul.commentlist li {
  list-style-type: none;
  margin: 21px 0px 0px 0px;
}
.wrapper .post-single footer .comment ul.commentlist li.comment ul {
  border-left: 1px dashed #a0a0a0;
  margin: 0;
  margin-left: 20px;
  padding: 10px 0px 0px 20px;
}
.wrapper .post-single footer .comment ul.commentlist li.comment ul.children li {
  margin: 21px 0px 0px 0px;
}
.wrapper .post-single footer .comment ul.commentlist li.comment ul.children li ul {
  margin-left: 15px;
  padding: 5px 0px 0px 15px;
}
.wrapper .post-single footer .comment .left {
  width: 10%;
}
.wrapper .post-single footer .comment .left figure img {
  height: 60px;
  width: 60px;
}
.wrapper .post-single footer .comment .right {
  width: 88%;
  border-bottom: 1px dashed #a0a0a0;
  padding: 0px 0px 0px 0px;
}
.wrapper .post-single footer .comment .right .top .name_n_time {
  margin: 0px 0px 15px 0px;
  float: left;
}
.wrapper .post-single footer .comment .right .top .name_n_time h3 {
  margin: 0;
  display: inline-block;
}
.wrapper .post-single footer .comment .right .top .name_n_time h3 small {
  font-size: 10px;
  color: #c1c1c1;
  margin: 0px 0px 0px 5px;
}
.wrapper .post-single footer .comment .right .top .name_n_time h3 small:before {
  content: '';
  background-position: 0 -348px;
  width: 5px;
  height: 6px;
  display: inline-block;
  margin: 0px 5px 0px 0px;
}
.wrapper .post-single footer .comment .right .top .reply {
  float: right;
  text-transform: uppercase;
}
.wrapper .post-single footer .comment .right .top .reply a:after {
  content: '';
  background-position: 0 -348px;
  width: 5px;
  height: 6px;
  display: inline-block;
  margin: 0px 0px 2px 5px;
}
.wrapper .post-single footer .comment .form {
  margin: 42px 0px 0px 0px;
}
.wrapper .post-single footer .comment .form #respond {
  width: 100%;
}
.wrapper .post-single footer .comment .form form#commentform {
  font-style: italic;
  font-size: 14px;
  color: #c3c5c0;
  width: 100%;
}
.wrapper .post-single footer .comment .form form#commentform input[type=text] {
  position: relative;
  height: 30px;
  border: 1px solid #c3c5c0;
  margin: 0;
  padding: 0px 5px 0px 5px;
  color: #c3c5c0;
  width: 300px;
}
.wrapper .post-single footer .comment .form form#commentform #comment {
  border: 1px solid #c3c5c0;
  color: #c3c5c0;
}
.wrapper .post-single footer .comment .form form#commentform input[type=submit] {
  border: none;
  float: right;
  margin: 0px 2px 0px 0px;
  padding: 7px 10px 7px 10px;
  background-color: #00adef;
  color: white;
}

/*-----  End of Content  ------*/
/*===============================
=            Sidebar            =
===============================*/
/*.col3{
	&:before{
		content: '/';
		background: url(../images/spr/side_before.png);
		display: inline-block;
		position:  relative;
		background-repeat: repeat-y;
		
	}
}*/
aside.sidebar {
  padding: 15px 15px 15px 15px;
  background: white;
  overflow: hidden;
}
aside.sidebar h4.heading {
  padding: 0;
  margin: 0;
  background-color: #cbcbcb;
  font-size: 11px;
  text-transform: uppercase;
  margin: 0px 0px 21px 0px;
  width: 100%;
}
aside.sidebar h4.heading span {
  background: white;
  padding: 2px 8px 2px 0px;
  color: #555;
}
aside.sidebar input[type=submit] {
  display: none;
}
aside.sidebar input[type=text] {
  width: 100%;
  padding: 5px 0px 5px 0px;
  margin: 0 auto;
}
aside.sidebar ._inner div {
  margin: 0px 0px 21px 0px;
}
aside.sidebar ._inner ul li {
  list-style-type: none;
}
aside.sidebar ._inner ul li ul {
  /*padding: 10px 0px 0px 20px;*/
}
aside.sidebar ._inner ul li ul li {
  padding: 10px 0px 0px 0px;
}
aside.sidebar ._inner ul li ul li ul li {
  padding: 0;
}
aside.sidebar ._inner .subscribe .brief {
  color: #c3c5c0;
}
aside.sidebar ._inner .subscribe .sub_links {
  margin: 21px 0px 0px 0px;
  color: white;
}
aside.sidebar ._inner .subscribe .sub_links ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
aside.sidebar ._inner .subscribe .sub_links ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0;
  width: 32.4%;
  text-align: center;
}
aside.sidebar ._inner .subscribe .sub_links ul li.fb {
  background-color: #536da0;
  padding: 23px 0px 30px 0px;
}
aside.sidebar ._inner .subscribe .sub_links ul li.fb span {
  background-position: 0 -208px;
  margin: 0px 0px 0px 40px;
  display: block;
  width: 18px;
  height: 32px;
}
aside.sidebar ._inner .subscribe .sub_links ul li.twit {
  background-color: #00c8ee;
  padding: 30px 0px 30px 0px;
}
aside.sidebar ._inner .subscribe .sub_links ul li.twit span {
  background-position: 0 0;
  margin: 0px 0px 0px 40px;
  display: block;
  width: 31px;
  height: 25px;
}
aside.sidebar ._inner .subscribe .sub_links ul li.rss2 {
  background-color: #f99217;
  padding: 31px 0px 30px 0px;
}
aside.sidebar ._inner .subscribe .sub_links ul li.rss2 span {
  background-position: 0 -25px;
  margin: 0px 0px 0px 40px;
  display: block;
  width: 23px;
  height: 23px;
}
aside.sidebar ._inner .subscribe .sub_links ul li a {
  color: white;
  font-size: 16px;
}
aside.sidebar ._inner .ad_300 {
  margin: 21px 0px 0px 0px;
}
aside.sidebar ._inner .ad_300 a img {
  height: 250px;
}

/*==============================
=            Others            =
==============================*/
html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 article#post-149.post-149 footer.clearfix div.comment div.form div#comment-area div.comment div#respond.clearfix form#commentform div#inputs {
  z-index: -9999;
  position: relative;
}

/*-----  End of Others  ------*/
/*-----  End of Sidebar  ------*/
/*==============================
=            Footer            =
==============================*/
footer .footer-wrapper {
  background-color: #f7f7f7;
  padding: 21px 0px 21px 0px;
  -webkit-box-shadow: #a4a4a4 0px 0px 2px 0px;
  -moz-box-shadow: #a4a4a4 0px 0px 2px 0px;
  box-shadow: #a4a4a4 0px 0px 2px 0px;
}
footer .footer-wrapper .col3 div {
  margin: 0px 0px 21px 0px;
}
footer .footer-wrapper ul li {
  list-style-type: none;
}
footer .footer-wrapper h4.heading {
  color: #999999;
  border-bottom: 1px dashed #868686;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 10px 0px;
}
footer .sub-footer {
  color: #424242;
  font-size: 12px;
  padding: 10px 0px 10px 0px;
}
footer .sub-footer a {
  border-bottom: 1px dotted #424242;
}
footer .sub-footer .copy {
  float: left;
}
footer .sub-footer .power {
  float: right;
}

/*-----  End of Footer  ------*/
/*======================================
 =            @Media Queries            =
 ======================================*/
/*Smaller than standard 960 (devices and browsers)*/
@media only screen and (max-width: 959px) {
  .wrapper .post-single footer .comment {
    display: none;
  }

  .wrapper .post-single footer .comment_other {
    display: block;
  }
}
/*Tablet Portrait size to standard 960 (devices and browsers)*/
/*All Mobile Sizes (devices and browsers)*/
@media only screen and (max-width: 767px) {
  header._out {
    position: relative;
    height: auto;
    width: 100%;
  }

  html.js body.single div.wrapper {
    margin: -40px 0px 0px 0px;
  }

  .wrapper .index #container article.post {
    width: 49%;
    float: none;
    margin: 0 0 4% 0.5%;
    padding: 0;
  }

  html.js body.single div.wrapper div#undefined-sticky-wrapper.sticky-wrapper div.post_top {
    display: none;
  }

  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.pos_nav {
    display: block;
  }

  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post {
    margin: 21px 0px 21px 0px;
    height: auto;
    display: inline;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul {
    margin: 0;
    padding: 0;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li {
    list-style-type: none;
    width: 49%;
    float: left;
    margin: 0 1% 0 0;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li article.post {
    margin: 21px 0px 0px 0px;
    width: 100%;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li article.post img {
    width: 100%;
    height: 150px;
    display: block;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li article.post .title {
    font-size: 14px;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li:last-child {
    margin: 0;
    padding: 0;
    float: right;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post .byline {
    font-size: 12px;
    padding: 10px 0px 0px 0px;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post .byline .article-comment span.comment {
    background-position: 0 -258px;
    width: 19px;
    height: 14px;
    display: inline-block;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post .byline .article-shares span {
    background-position: 0 -179px;
    width: 13px;
    height: 12px;
    display: inline-block;
    margin: 0px 3px 0px 0px;
  }

  #menu {
    background-color: white;
    position: relative;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
  }
  #menu .heading {
    display: block;
  }
  #menu ul {
    margin: 10px 0px 0px 0px;
    padding: 0;
  }
  #menu ul li {
    display: block;
    padding: 0;
    list-style-type: none;
  }
  #menu ul li a {
    width: 100%;
  }
  #menu ul li #sub-menu {
    background-color: white;
    box-shadow: none;
    position: relative;
    z-index: 99;
    display: block;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
    border-left: 1px dotted #ededed;
    border-right: none;
    border-bottom: none;
    border-top: none;
  }
  #menu ul li #sub-menu ul.sub-menu li {
    display: block;
    padding: 0;
  }
  #menu ul li #sub-menu ul.sub-menu li:hover {
    background-color: transparent;
  }
  #menu ul li #sub-menu ul.sub-menu li:first-child {
    margin-top: 0px;
  }
  #menu ul li #sub-menu ul.sub-menu li #sub-menu {
    left: 0;
    top: 0;
    z-index: 99;
  }
  #menu ul li #sub-menu ul.sub-menu li a {
    color: #000;
    display: inline-block;
    text-decoration: none;
    width: 100%;
  }

  aside.sidebar {
    display: none;
  }
}
/*Mobile Landscape Size to Tablet Portrait (devices and browsers)*/
/*Mobile Portrait Size to Mobile landscape Size (devices and browsers)*/
@media only screen and (max-width: 479px) {
  #logo {
    float: none;
  }

  #icon_nav form input[type=text] {
    position: absolute;
    right: 100%;
  }

  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.pos_nav .prev {
    float: none;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.pos_nav .next {
    float: none;
  }

  .wrapper .index #container article.post {
    width: 99%;
    float: none;
    margin: 0 0 4% 0;
    padding: 0;
  }

  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 header.clearfix figure.article-image img {
    height: 150px;
  }

  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post {
    margin: 21px 0px 21px 0px;
    height: auto;
    display: inline;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul {
    margin: 0;
    padding: 0;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li {
    list-style-type: none;
    width: 99%;
    float: left;
    margin: 0 1% 0 0;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li article.post {
    margin: 21px 0px 0px 0px;
    width: 100%;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li article.post img {
    width: 100%;
    height: 80px;
    display: block;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li article.post .title {
    font-size: 14px;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post ul li:last-child {
    margin: 0;
    padding: 0;
    float: right;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post .byline {
    font-size: 12px;
    padding: 10px 0px 0px 0px;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post .byline .article-comment span.comment {
    background-position: 0 -258px;
    width: 19px;
    height: 14px;
    display: inline-block;
  }
  html.js body.single div.wrapper div.onepcssgrid-1000 div.single div.onerow div.col8 div.recent_post .byline .article-shares span {
    background-position: 0 -179px;
    width: 13px;
    height: 12px;
    display: inline-block;
    margin: 0px 3px 0px 0px;
  }

  .wrapper .index #container article.post h1 {
    font-size: 17px;
  }

  .wrapper .index #container article.post img {
    height: 100px;
  }

  footer .sub-footer .copy, footer .sub-footer .power {
    float: none;
  }
}
/*-----  End of @Media Queries  ------*/
