/*
Theme Name: Forceful
Theme URI: http://kopatheme.com
Author: Kopatheme
Author URI: http://kopatheme.com
Description: Forceful theme is designed for magazine, news with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 1.0.7
License: GNU General Public License
License URI: license/README_License.txt
Tags: black, blue, white, two-columns, three-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, post-formats, threaded-comments, theme-options, translation-ready
*/
/* =========================================================
Common styles
============================================================ */
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/icomoon.woff") format("woff"),
    url("fonts/icomoon.ttf") format("truetype"),
    url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  /*line-height: 2em;*/
  background-color: #f9f9f9;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Menlo, Consolas,
    monospace;
}
hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eee;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 20px 0;
}

ol {
  margin: 0px;
}
ul {
  margin: 0px;
}
ul li {
  list-style: inside disc;
  margin-bottom: 10px;
}
ol li {
  list-style: inside disc;
  margin-bottom: 10px;
}
/*------responsive image----------------*/
.responsive-img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
/* =========================================================
Elements
============================================================ */
.kopa-button {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  padding: 15px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  position: relative;
  z-index: 0;
}
.small-button {
  padding: 10px 15px;
}
.medium-button {
  padding: 15px 20px;
  font-size: 18px;
}
.big-button {
  padding: 20px 30px;
  font-size: 20px;
}
.blue-button,
.border-button:hover {
  background-color: #18adb5;
  border: 1px solid #18adb5;
  color: #fff;
}
.blue-button:hover,
.border-button {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  color: #333;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

blockquote {
  border-left-color: #18adb5;
  background-color: #fff;
  color: #777;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  line-height: 24px;
  padding: 10px 15px 10px 20px;
}

/*-DropCap-*/
.kp-dropcap {
  color: #fff;
  background-color: #18adb5;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  font-size: 36px;
  height: 36px;
  line-height: 38px;
  margin: 5px 10px 0 0;
  text-align: center;
  width: 34px;
}
.kp-dropcap.color {
  background-color: #18adb5;
  font-size: 30px;
  color: #ffffff;
  height: 36px;
  line-height: 36px;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 36px;
  z-index: 0;
  margin: 5px 10px 0 0;
}

.hover-effect {
  cursor: pointer;
  position: relative;
}

/* =========================================================
Heading
============================================================ */
h1 {
  color: #222;
  font: 700 32px/34px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
}
h2 {
  color: #222;
  font: 500 28px/30px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
}
h3 {
  color: #222;
  font: 500 24px/26px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
}
h4 {
  color: #222;
  font: 500 20px/22px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
}
h5 {
  color: #222;
  font: 500 16px/20px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
}
h6 {
  color: #222;
  font: 500 14px/20px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #222;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
.home-slider
  .entry-item
  .entry-content
  header
  .entry-categories
  a:hover,
.home-slider
  .entry-item
  .entry-content
  header
  .entry-title
  a:hover,
.top-sidebar .kopa-latest-post-widget ul li a:hover,
.kp-headline dd a:hover,
.kopa-social-widget ul li a:hover,
.kopa-carousel-widget
  .list-carousel
  ul
  li
  .entry-content
  .entry-title
  a:hover,
.kopa-article-list-widget
  .tab-container-1
  .entry-title
  a:hover,
.kopa-video-widget .entry-item .entry-title a:hover,
.kopa-video-widget
  .older-post
  .entry-content
  .entry-title
  a:hover,
.kopa-popular-post-widget
  .entry-content
  .entry-title
  a:hover,
.kopa-latest-comments header .commenter-name:hover,
.widget_categories ul li a:hover,
#bottom-sidebar .kopa-social-widget ul li a:hover,
#footer-menu li a:hover,
.tweetList li a:hover,
#pf-items .element .entry-content .entry-title a:hover,
#pf-items .element .entry-content .entry-author a:hover,
#pf-items
  .element
  .entry-content
  footer
  .entry-comments
  a:hover,
.widget_archive li a:hover,
.kopa-article-tab-widget .entry-author a:hover,
.kopa-article-tab-widget .entry-title a:hover,
.breadcrumb a:hover,
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-author
  a:hover,
.entry-box .social-link li a:hover,
.entry-box footer div a:hover,
.entry-box footer div a.article-title:hover,
.entry-box footer div .entry-author a:hover,
.about-author .social-link li a:hover,
.kopa-related-post
  .list-carousel
  ul
  li
  .entry-content
  .entry-title
  a:hover,
#comments .comment-body .comment-reply-link:hover,
#comments .comment-body .comment-edit-link:hover,
.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-title
  a:hover {
  color: #18adb5;
  text-decoration: none;
}
p {
  margin-bottom: 10px;
  line-height: 2em;
}
/* =========================================================
Clear Floated Elements
============================================================ */
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* =========================================================
CSS3 Transition
============================================================ */
a,
.mask,
.play-icon,
.kopa-carousel-2-widget ul li .entry-item .entry-content,
#main-menu li ul li,
.kopa-button,
#comments-form #comment_name,
#comments-form #comment_email,
#comments-form #comment_url,
#comments-form #comment_message,
#contact-form #contact_name,
#contact-form #contact_email,
#contact-form #contact_url,
#contact-form #contact_message,
#comments-form #submit-comment,
#contact-form #submit-contact,
#mobile-menu > span,
#toggle-view-menu li {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.loadmore:hover span.loadmore-icon {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

/* =========================================================
Colunms
============================================================ */
.wrapper {
  width: 1146px;
  margin: 0 auto;
}

.mb-20 {
  margin-bottom: 20px;
}

.l-col {
  float: left;
  width: 795px;
  padding-right: 25px;
  position: relative;
}
.r-col {
  float: left;
  width: 301px;
  padding-left: 25px;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* =========================================================
Header
============================================================ */
#header-bottom,
#header-top .r-color-container,
.top-sidebar,
.kp-headline-wrapper,
#main-content,
#bottom-sidebar,
#page-footer,
.light-block,
.dark-block {
  overflow: hidden;
}
#header-top,
#header-top .l-col {
  background-color: #111;
  position: relative;
}
.r-color {
  height: 20000%;
  width: 1000%;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}
#header-top .r-color {
  background-color: #282828;
}

#header-top .r-color-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/*----- Main Menu -----*/
#main-nav,
#main-menu {
  position: relative;
  z-index: 9999;
}
#main-menu > li {
  list-style: none;
  float: left;
  margin: 0;
  position: relative;
  z-index: 9999;
}
#main-menu > li > a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  padding: 10px 15px;
  display: block;
}
#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a {
  background-color: #18adb5;
}

.sf-arrows .sf-with-ul {
  padding-right: 0;
}
.sf-arrows > li > .sf-with-ul:after {
  border-width: 0px;
}

/*---Sub menu---*/
#main-menu li ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 40px;
  left: 0;
  background-color: #282828;
  z-index: 9999;
}
#main-menu li ul li {
  border-top: 1px solid #606060;
  padding: 10px 15px;
  position: relative;
  list-style: none;
  margin: 0;
  z-index: 9999;
}
#main-menu li ul li:hover,
#main-menu li ul li.current-menu-item {
  background-color: #606060;
}
#main-menu li ul li a {
  color: #fff !important;
  display: block;
  font-size: 14px;
  font-weight: 600;
}
#main-menu li ul li ul {
  top: 0;
  left: 201px;
}

/*--------------Mobile Menu-------------------*/
#mobile-menu {
  display: none;
  position: relative;
  margin: 8px 15px;
}
#mobile-menu > span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 24px;
  cursor: pointer;
  color: #18adb5;
}
#mobile-menu > span:hover {
  color: #fff;
}
#toggle-view-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: none;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 99999;
  width: 220px;
}
#toggle-view-menu > li {
  margin: 0;
  position: relative;
  cursor: pointer;
  list-style: none;
  background-color: #18adb5;
  border-top: 1px solid #fff;
}
#toggle-view-menu > li:first-child {
  border-top: none;
}
#toggle-view-menu h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  float: left;
  line-height: 40px;
  padding: 0 15px;
}
#toggle-view-menu h3 a {
  color: #fff;
  width: 100%;
  display: block;
}
#toggle-view-menu li:hover {
  background-color: #047177;
}
#toggle-view-menu span {
  float: right;
  font-size: 26px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  background-color: #047177;
}
#toggle-view-menu li.active {
  background-color: #047177;
}
#toggle-view-menu li.active span,
#toggle-view-menu li.active h3 a {
  color: #fff;
}
#toggle-view-menu .menu-panel {
  margin: 0px;
  display: none;
  padding: 10px 15px 0;
  font-size: 14px;
  color: #fff;
  background-color: #047177;
  border-top: 1px solid #fff;
}
#toggle-view-menu .menu-panel ul {
  margin: 0;
}
#toggle-view-menu li .menu-panel ul li {
  border: none;
  list-style: disc inside;
  margin: 0 0 10px 0;
  color: #fff;
}
#toggle-view-menu .menu-panel ul li a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #fff;
  font-size: 12px;
}
#toggle-view-menu .menu-panel ul li ul {
  margin-left: 40px;
  margin-top: 10px;
}

/*----- Search form -----*/
.search-box {
  margin: 8px 0;
}
.search-box .search-form {
  margin: 0;
  position: relative;
}
.search-box .search-form .search-text {
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  background: url(images/icons/search-icon.png) no-repeat
    10px center #000;
  padding: 0 70px 0 30px;
  border: none;
  box-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #a3a3a3;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.search-box .search-form .search-submit {
  border: none;
  background-color: #098d94;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

#header-bottom {
  background-color: #18adb5;
  position: relative;
}
#header-bottom .r-color {
  background-color: #4abfc5;
}
#header-bottom .l-col {
  padding: 30px 25px 30px 0;
  height: 61px;
}

#logo-image {
  float: left;
}
#logo-image img {
    max-height: 80px;
margin-top: -10px;
}
.top-banner {
  float: right;
}

/* =========================================================
Top Sidebar
============================================================ */
.top-sidebar,
.top-sidebar .l-col {
  background: url(images/background/bg-header-title-1.png)
    repeat-x 0 0 #060606;
  position: relative;
}

.top-sidebar .r-color {
  background: url(images/background/bg-header-title-2.png)
    repeat-x 0 0 #202020;
}
.top-sidebar .kopa-home-slider-widget .widget-title {
  font-size: 18px;
  color: #f1f3f8;
  margin: 0;
  line-height: 40px;
  text-transform: uppercase;
  position: relative;
}
.top-sidebar .kopa-home-slider-widget .widget-title span {
  font-weight: 400;
}
.top-sidebar
  .kopa-home-slider-widget
  .widget-title
  span.arrow {
  position: absolute;
  bottom: -12px;
  left: 0;
  border-top: 13px solid #282828;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  display: block;
  height: 0;
  width: 0;
}

.top-sidebar .r-col {
  background-color: #202020;
  z-index: 1;
}
.top-sidebar .kopa-latest-post-widget .widget-title {
  font-size: 18px;
  color: #fff;
  margin: 0 0 30px -25px;
  padding-left: 25px;
  line-height: 40px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  background-color: #4f4f4f;
}
.top-sidebar .kopa-latest-post-widget .widget-title span {
  font-weight: 400;
}
.top-sidebar .kopa-latest-post-widget ul li {
  list-style: none;
  border-top: 1px solid #343434;
  padding-top: 15px;
  margin: 15px 0 0;
}
.top-sidebar .kopa-latest-post-widget ul li:first-child {
  border-top: none;
  padding-top: 0px;
  margin: 0;
}
.top-sidebar .kopa-latest-post-widget ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.top-sidebar .kopa-latest-post-widget ul li .entry-date {
  color: #18adb5;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}

.kp-headline-wrapper {
  max-height: 50px;
  overflow: hidden;
}
.kp-headline-wrapper {
  background-color: #eaeaea;
  position: relative;
}
.kp-headline-wrapper .r-color {
  background-color: #d1d1d1;
}
.kp-headline {
  float: left;
  width: 640px;
  margin-left: 10px;
}
.kp-headline dl {
  display: block;
  margin: 0;
}
.kp-headline dd {
  display: block;
  float: left;
  margin: 0 250px;
  padding: 15px 10px;
  color: #fff;
}
.kp-headline dd a {
  color: #222;
}
.kp-headline-title {
  float: left;
  display: inline-block;
  font-size: 16px;
  margin: 0;
  color: #3b3b3b;
  padding: 13px 0 15px;
  position: relative;
  text-transform: uppercase;
}
.kp-headline-title span {
  font-weight: 400;
}

.kopa-social-widget ul li {
  list-style: none;
  float: left;
  margin: 0 0 0 10px;
}
.kopa-social-widget {
  margin: 10px 0;
}
.kopa-social-widget ul li:first-child {
  margin: 0;
}
.kopa-social-widget ul li a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #8c8c8c;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

/* =========================================================
Main Content
============================================================ */
/*-----------------Carousel------------------*/
.kopa-carousel-widget,
.kopa-related-post {
  overflow: hidden;
  position: relative;
}
.kopa-carousel-widget .list-carousel.responsive,
.kopa-related-post .list-carousel.responsive {
  width: auto;
  margin: 0 -13px;
  position: relative;
}
.kopa-carousel-widget .list-carousel > ul,
.kopa-related-post .list-carousel > ul {
  display: block;
  height: 100%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.kopa-carousel-widget .list-carousel ul li,
.kopa-related-post .list-carousel ul li {
  display: block;
  float: left;
  margin: 0 13px;
  padding: 0;
  width: 249px;
}

.kopa-carousel-widget .pager,
.kopa-related-post .pager {
  margin: 0;
  position: absolute;
  right: 15px;
  top: -30px;
}
.kopa-carousel-widget .pager a,
.kopa-related-post .pager a {
  width: 6px;
  height: 6px;
  border: 2px solid #cacaca;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #fff;
  text-indent: -99999px;
  font-size: 0px;
  line-height: 0;
  display: inline-block;
  margin-left: 8px;
  outline: none;
  position: relative;
  z-index: 0;
}
.kopa-carousel-widget .pager a.selected,
.kopa-carousel-widget .pager a:hover,
.kopa-related-post .pager a.selected,
.kopa-related-post .pager a:hover {
  background-color: #cacaca;
}

.kopa-carousel-widget .list-carousel ul li .entry-thumb,
.kopa-related-post .list-carousel ul li .entry-thumb {
  position: relative;
  margin-bottom: 15px;
}
.kopa-carousel-widget .list-carousel ul li .entry-thumb img,
.kopa-article-list-widget .tab-container-1 .entry-thumb img,
.kopa-related-post .list-carousel ul li .entry-thumb img {
  display: block;
  width: 100%;
}
.kopa-carousel-widget .list-carousel ul li .entry-thumb a,
.kopa-article-list-widget .tab-container-1 .entry-thumb a,
.kopa-related-post .list-carousel ul li .entry-thumb a {
  display: block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.37);
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.kopa-carousel-widget
  .list-carousel
  ul
  li
  .entry-thumb
  a:hover,
.kopa-article-list-widget
  .tab-container-1
  .entry-thumb
  a:hover,
.kopa-related-post
  .list-carousel
  ul
  li
  .entry-thumb
  a:hover {
  color: #18adb5;
  border: 2px solid #18adb5;
}
.kopa-carousel-widget .list-carousel ul li .entry-date,
.kopa-related-post .list-carousel ul li .entry-date {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  float: left;
}
.kopa-carousel-widget .list-carousel ul li .kopa-rating,
.kopa-related-post .list-carousel ul li .kopa-rating {
  float: right;
}
.kopa-carousel-widget .list-carousel ul li .kopa-rating li,
.kopa-related-post .list-carousel ul li .kopa-rating li {
  width: auto;
  margin: 0 0 0 2px;
}
.kopa-carousel-widget
  .list-carousel
  ul
  li
  .entry-content
  header,
.kopa-related-post
  .list-carousel
  ul
  li
  .entry-content
  header {
  margin-bottom: 10px;
}

.kopa-carousel-widget
  .list-carousel
  ul
  li
  .entry-content
  .entry-title,
.kopa-related-post
  .list-carousel
  ul
  li
  .entry-content
  .entry-title {
  font-weight: 600;
  font-size: 14px;
  margin: 0;
}
.kopa-carousel-widget
  .list-carousel
  ul
  li
  .entry-content
  .entry-title
  a,
.kopa-related-post
  .list-carousel
  ul
  li
  .entry-content
  .entry-title
  a {
  color: #333;
}
.kopa-carousel-widget
  .list-carousel
  ul
  li
  .entry-content
  .entry-title
  span,
.kopa-related-post
  .list-carousel
  ul
  li
  .entry-content
  .entry-title
  span {
  display: block;
  background-color: #18adb5;
  color: #fff;
  padding: 3px 7px 2px;
  margin-right: 10px;
  float: left;
  font-size: 16px;
  margin-top: 5px;
}

.widget-area-6 .widget {
  margin-bottom: 30px;
}
.widget-area-6 .widget .widget-title,
.widget-area-12 .widget .widget-title {
  font-size: 16px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  margin: 0 0 25px;
  text-transform: uppercase;
}
.widget-area-6 .widget .widget-title span,
.widget-area-12 .widget .widget-title span {
  font-size: 13px;
  text-transform: none;
  font-weight: 400;
}
.widget-area-6 .widget ul li {
  list-style: none;
}

.entry-date {
  color: #18adb5;
  font-size: 12px;
}

/*----- Tab -----*/
.list-container-1 ul {
  margin: 0 0 25px;
  border-bottom: 1px solid #d6d6d6;
}
.list-container-1 ul li {
  float: left;
  list-style: none outside none;
  margin: 0;
  border: none;
  padding: 0;
}
.list-container-1 ul li a {
  border-left: 1px solid #d6d6d6;
  border-top: 1px solid #fff;
  color: #575757;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 20px;
  line-height: 1;
  font-weight: 800;
  outline: none;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-1 ul li:first-child a {
  border-left: none;
  padding-left: 0;
}
.list-container-1 ul li.active a,
.list-container-1 ul li:hover a {
  color: #222;
  text-decoration: none;
  border-top: 1px solid #d6d6d6;
}
.kopa-article-list-widget .tab-container-1 ul li {
  margin: 0 0 25px;
}
.kopa-article-list-widget .tab-container-1 .entry-thumb {
  float: left;
  position: relative;
  margin-right: 25px;
}
.kopa-article-list-widget .tab-container-1 .entry-content {
  float: left;
  width: 521px;
  margin-top: -5px;
}
.kopa-article-list-widget .tab-container-1 .entry-title,
.kopa-video-widget .entry-item .entry-title {
  font-weight: 600;
  font-size: 16px;
  margin: 0 0 10px;
}
.kopa-article-list-widget .tab-container-1 .entry-title a,
.kopa-video-widget .entry-item .entry-title a {
  color: #404040;
}
.kopa-article-list-widget
  .tab-container-1
  .entry-title
  span,
.kopa-video-widget .entry-item .entry-title span {
  display: block;
  background-color: #18adb5;
  color: #fff;
  padding: 3px 7px 2px;
  margin-right: 15px;
  float: left;
  margin-top: 5px;
}
.kopa-article-list-widget .tab-container-1 header {
  margin-bottom: 10px;
}
.kopa-article-list-widget
  .tab-container-1
  header
  .meta-box {
  float: left;
}
.kopa-article-list-widget
  .tab-container-1
  header
  .entry-date,
.kopa-article-list-widget
  .tab-container-1
  header
  .entry-comments,
.kopa-article-list-widget
  .tab-container-1
  header
  .entry-view {
  margin-right: 15px;
}
.kopa-article-list-widget
  .tab-container-1
  header
  .kopa-rating {
  float: left;
}
.kopa-article-list-widget
  .tab-container-1
  header
  .kopa-rating
  li {
  margin: 0 0 0 2px;
}

.kopa-video-widget .entry-item {
  float: left;
  width: 522px;
  margin-right: 25px;
}
.kopa-video-widget .entry-item .entry-thumb {
  position: relative;
  margin-bottom: 15px;
}
.kopa-video-widget .entry-item .entry-thumb img {
  display: block;
  width: 100%;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.41);
}
.mask:hover .play-icon {
  color: #18adb5;
  border: 2px solid #18adb5;
}
.play-icon {
  border: 2px solid #ccc;
  border: 2px solid rgba(196, 196, 196, 0.55);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  width: 55px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -31px 0 0 -31px;
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.64);
  text-align: center;
  line-height: 64px;
  color: #fff;
  font-size: 26px;
  padding-left: 5px;
}
.kopa-video-widget .entry-item .entry-title {
  margin: 0;
}

.kopa-video-widget .older-post {
  float: left;
  width: 248px;
}
.kopa-video-widget .older-post li {
  border-top: 1px solid #e7e7e7;
  padding-top: 20px;
  margin-top: 20px;
}
.kopa-video-widget .older-post li:first-child {
  border-top: none;
  padding-top: 0px;
  margin-top: 0px;
}
.kopa-video-widget .older-post .entry-thumb {
  position: relative;
  float: left;
  margin-right: 15px;
}
.kopa-video-widget .older-post .entry-thumb .mask {
  background-color: rgba(0, 0, 0, 0.2);
}
.kopa-video-widget .older-post .entry-content .entry-date {
  display: block;
  margin-bottom: 5px;
}
.kopa-video-widget .older-post .entry-content .entry-title {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 18px;
}
.kopa-video-widget
  .older-post
  .entry-content
  .entry-title
  a {
  color: #333;
}
.kopa-video-widget .older-post .entry-thumb .play-icon {
  top: 5px;
  left: 5px;
  margin: 0;
  width: 27px;
  height: 30px;
  line-height: 34px;
  font-size: 14px;
  padding-left: 3px;
}

.kopa-gallery-widget {
  overflow: hidden;
  position: relative;
}
.kopa-gallery-widget .list-carousel.responsive {
  width: auto;
  margin: 0 -13px;
  position: relative;
}
.kopa-gallery-widget .list-carousel > ul {
  display: block;
  height: 100%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.kopa-gallery-widget .list-carousel ul li {
  display: block;
  float: left;
  margin: 0 13px;
  padding: 0;
  width: 140px;
}
.kopa-gallery-widget .list-carousel .carousel-nav a {
  display: block;
  width: 33px;
  height: 33px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.56);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  text-indent: -99999px;
  font-size: 0;
  line-height: 0;
}
.kopa-gallery-widget
  .list-carousel
  .carousel-nav
  .carousel-prev {
  left: 13px;
  background-image: url(images/slider/carousel-prev.png);
}
.kopa-gallery-widget
  .list-carousel
  .carousel-nav
  .carousel-next {
  right: 14px;
  background-image: url(images/slider/carousel-next.png);
}

/* =========================================================
Right Sidebar
============================================================ */
#main-content {
  position: relative;
  background-color: #f9f9f9;
  overflow: hidden;
  flex: 1 0 auto;
}
#main-content .l-col {
  padding-top: 30px;
}
#main-content .l-col.full-width {
  float: none;
  padding-right: 0;
  width: 100%;
}
#main-content .r-color {
  background-color: #efefef;
}
#main-content .r-col {
  padding-top: 30px;
}
.widget-area-7 ul li {
  list-style: none;
}
.widget-area-7 .widget {
  margin-bottom: 30px;
}
.widget-area-7 .widget .widget-title {
  border-bottom: 1px solid #b0b0b0;
  color: #404040;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin: 0 0 25px;
}
.widget-area-7 .widget .widget-title span {
  font-size: 13px;
  text-transform: none;
  font-weight: 400;
}
.widget-area-7 .widget.kopa-popular-post-widget ul li {
  border-top: 1px solid #dddee0;
  padding-top: 25px;
  margin-top: 20px;
}
.widget-area-7
  .widget.kopa-popular-post-widget
  ul
  li:first-child {
  border-top: none;
  padding-top: 0px;
  margin-top: 0px;
}
.kopa-popular-post-widget .entry-item .entry-thumb {
  position: relative;
  margin-bottom: 10px;
}
.kopa-popular-post-widget .entry-item .entry-thumb img {
  display: block;
  width: 100%;
}
.kopa-popular-post-widget .entry-item .entry-thumb a {
  background-color: rgba(0, 0, 0, 0.37);
  border: 2px solid #ffffff;
  border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  bottom: 15px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 15px;
  text-align: center;
  width: 36px;
}
.kopa-popular-post-widget .entry-item .entry-thumb a:hover {
  border: 2px solid #18adb5;
  color: #18adb5;
}
.kopa-popular-post-widget .entry-content p {
  color: #8a8a8a;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
}
.kopa-popular-post-widget .entry-content .entry-title {
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 5px;
  display: flex;
  align-items: center;
}
.kopa-popular-post-widget .entry-content .entry-title a {
  color: #2b2c2e;
}
.kopa-popular-post-widget .entry-content .entry-title span {
  display: block;
  background-color: #18adb5;
  color: #fff;
  padding: 3px 7px 2px;
  margin-right: 10px;
  float: left;
  margin-top: 5px;
  font-size: 16px;
}
.kopa-popular-post-widget
  .entry-content
  header
  .entry-date {
  display: block;
  margin-bottom: 10px;
}
/* =========================================================
Bottom Sidebar
============================================================ */
#bottom-sidebar {
  background-color: #111;
  position: relative;
  overflow: hidden;
}
#bottom-sidebar .l-col,
#bottom-sidebar .r-col {
  padding-top: 35px;
}
#bottom-sidebar .r-color {
  background-color: #202020;
}
#bottom-sidebar .widget {
  margin-bottom: 25px;
}
#bottom-sidebar ul li {
  list-style: none;
}
#bottom-sidebar .widget .widget-title {
  font-size: 16px;
  color: #18adb5;
  text-transform: uppercase;
  margin: 0 0 20px;
  line-height: 20px;
}
.kopa-latest-comments header {
  margin-bottom: 15px;
}
.kopa-latest-comments header a {
  display: block;
  font-size: 12px;
}
.kopa-latest-comments header .commenter-name {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}
.kopa-latest-comments header .entry-title {
  color: #18adb5;
  font-weight: 600;
}
.kopa-latest-comments header .entry-title:hover {
  color: #fff;
}
.kopa-latest-comments .entry-thumb {
  float: left;
  margin-right: 15px;
}
.kopa-latest-comments .entry-content {
  font-size: 12px;
  font-weight: 600;
  color: #dcdcdc;
  margin-top: -5px;
}
.kopa-latest-comments .entry-content p {
  line-height: 18px;
}

.widget_tag_cloud .tagcloud a {
  color: #fff;
  font-size: 12px;
  border: 1px solid #383838;
  display: inline-block;
  padding: 3px 12px;
  margin-bottom: 3px;
}
.widget_tag_cloud .tagcloud a:hover {
  color: #18adb5;
  border: 1px solid #18adb5;
}
.kopa-divider-1 {
  height: 1px;
  max-height: 1px;
  border-bottom: 1px solid #383838;
  margin-bottom: 25px;
}

.widget_categories ul li {
  font-size: 12px;
  margin: 5px 0 0;
  color: #d0d0d0;
  background: url(images/icons/list-icon.png) no-repeat 0
    8px;
  padding-left: 10px;
}
.widget_categories ul li:first-child {
  margin: 0;
}
.widget_categories ul li a {
  color: #d0d0d0;
}

.kopa-widget-flickr {
  margin-right: -13px;
}
.kopa-widget-flickr li {
  display: inline-block;
  list-style: none;
  margin: 0 13px 13px 0;
}
.kopa-widget-flickr li img {
  display: block;
  width: 100% !important;
}

#bottom-sidebar .widget_text .widget-title {
  font-size: 24px;
  color: #d8d8d8;
}
#bottom-sidebar .widget_text .textwidget {
  color: #b1b1b1;
  font-size: 12px;
}
#bottom-sidebar .kopa-social-widget {
  margin-top: 0;
}
#bottom-sidebar .kopa-social-widget ul li {
  margin: 0 0 0 15px;
}
#bottom-sidebar .kopa-social-widget ul li:first-child {
  margin: 0;
}
#bottom-sidebar .kopa-social-widget ul li a {
  background: none;
  color: #8e8e8e;
  font-size: 16px;
  width: auto;
  height: auto;
  line-height: 1;
}

.kopa-newsletter-widget .newsletter-form {
  margin: 0;
  position: relative;
}
.kopa-newsletter-widget .newsletter-form .email {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
  background-color: #101010;
  font-size: 12px;
  color: #696969;
  font-family: "Open Sans", sans-serif;
  border: none;
  padding: 15px;
  height: 48px;
  line-height: 18px;
}
.kopa-newsletter-widget .newsletter-form .submit {
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 0;
  padding: 0;
  background: url(images/icons/mail-icon.png) no-repeat
    center center #18adb5;
  position: absolute;
  top: 0;
  right: 0;
}
.kopa-newsletter-widget .newsletter-form p {
  font-size: 12px;
  color: #a1a1a1;
  margin-bottom: 0;
}

/* =========================================================
Footer
============================================================ */
#page-footer {
  background-color: #000;
  font-size: 12px;
  overflow: hidden;
  position: relative;
}
#page-footer .r-color {
  background-color: #0e0e0e;
}
#copyright {
  float: left;
  color: #626262;
  margin: 10px 0;
}
#footer-menu {
  float: right;
  margin: 10px 0;
}
#footer-menu li {
  float: left;
  list-style: none;
  margin: 0;
}
#footer-menu li a {
  color: #777;
  border-left: 1px solid #777;
  padding: 0 12px;
}
#footer-menu li:first-child a {
  border-left: none;
  padding-left: 0;
}

/* =========================================================
Home style 2
============================================================ */
.kopa-home-2
  .top-sidebar
  .kopa-latest-post-widget
  ul
  li
  .entry-date {
  font-style: italic;
  text-transform: none;
}
.kopa-home-2 .top-sidebar .kopa-latest-post-widget ul li a {
  font-size: 13px;
}

.dark-block {
  position: relative;
  background-color: #212121;
}
.dark-block .l-col {
  padding: 20px 25px 9px 0;
  min-height: 70px;
}
.dark-block .r-col {
  padding: 15px 0 5px 25px;
}
.dark-block .r-color {
  background-color: #111;
}

.tweetList {
  margin: 0;
}
.tweetList li {
  list-style: none;
  float: left;
  width: 330px;
  margin: 0 0 0 25px;
  background: url(images/icons/twitter-icon.png) no-repeat 0
    center;
  padding-left: 55px;
  font-size: 12px;
  color: #fff;
}
.tweetList li:first-child {
  margin: 0;
}
.tweetList li a {
  color: #c2374c;
}

.kopa-social-static-widget {
}
.kopa-social-static-widget ul li {
  list-style: none;
  float: left;
  width: 70px;
  text-align: center;
  font-size: 12px;
  color: #cfcfcf;
  margin: 0 0 0 5px;
}
.kopa-social-static-widget ul li:first-child {
  margin: 0;
}
.kopa-social-static-widget ul li span {
  display: block;
  text-align: center;
  line-height: 16px;
}
.kopa-social-static-widget ul li .social-icon {
  display: inline-block;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  color: #fff;
  line-height: 37px;
  font-size: 18px;
  margin-bottom: 10px;
}
.kopa-social-static-widget ul li.twitter-icon .social-icon {
  background-color: #33c6f4;
}
.kopa-social-static-widget ul li.rss-icon .social-icon {
  background-color: #ff7e09;
}
.kopa-social-static-widget
  ul
  li.facebook-icon
  .social-icon {
  background-color: #2d78bd;
}
.kopa-social-static-widget ul li.gplus-icon .social-icon {
  background-color: #ffffff;
  color: #dc3939;
}

.light-block {
  position: relative;
  background-color: #fff;
}
.light-block .r-color {
  background-color: #efefef;
}
.widget-area-12 {
  padding: 25px 25px 30px 0;
}
.widget-area-13 {
  padding-top: 25px;
}

.kopa-carousel-2-widget ul li {
  list-style: none;
  float: left;
  margin: 0;
}
.kopa-carousel-2-widget ul li .entry-item {
  position: relative;
  overflow: hidden;
}
.kopa-carousel-2-widget ul li .entry-item .entry-content {
  position: absolute;
  top: 125px;
  left: 0;
  width: 179px;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.73);
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  margin: 5px 0 10px 0;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-title
  a {
  color: #fff;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-title
  a:hover,
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-author
  a:hover {
  color: #c2374c;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-date,
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-author {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #d6d6d6;
  text-transform: none;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .entry-author
  a {
  font-weight: 700;
  color: #d6d6d6;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item
  .entry-content
  .meta-box {
  margin-bottom: 10px;
}
.kopa-carousel-2-widget ul li .entry-item .entry-content p {
  height: 60px;
  overflow: hidden;
  line-height: 18px;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item:hover
  .entry-content {
  top: 0;
  background-color: #18adb5;
  background-color: rgba(12, 139, 146, 0.87);
  padding: 0 20px;
  width: 159px;
}
.kopa-carousel-2-widget
  ul
  li
  .entry-item:hover
  .entry-content
  .entry-title {
  margin: 15px 0 10px 0;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#isotop-container {
  margin-bottom: 30px;
}
#isotop-container .pf-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #404040;
  float: left;
  margin: 0;
}
.pf-box-header {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 25px;
  padding-bottom: 10px;
}
#pf-filters {
  float: left;
}
#pf-filters li {
  float: left;
  list-style: none;
  margin: 0 0 0 15px;
}
#pf-filters li a {
  color: #404040;
  font-size: 13px;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
#pf-filters li a.selected {
  color: #c2374c;

  text-decoration: none;
}

#pf-items article {
  margin-bottom: 25px;
  position: relative;
}
#pf-items article {
  width: 248px;
}

#pf-items article img {
  display: block;
  width: 100%;
}
#pf-items .element .entry-thumb {
  position: relative;
  margin-top: 4px;
}
#pf-items .element .entry-thumb a {
  background-color: rgba(0, 0, 0, 0.37);
  border: 2px solid #ffffff;
  border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  bottom: 15px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 15px;
  text-align: center;
  width: 36px;
}
#pf-items .element .entry-thumb a:hover {
  border: 2px solid #18adb5;
  color: #18adb5;
}
#pf-items .element .entry-content {
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  padding: 10px 15px 10px;
}
#pf-items .element .entry-content .entry-title {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 16px;
  text-transform: uppercase;
}
#pf-items .element .entry-content .entry-title a {
  color: #333;
}
#pf-items .element .entry-content .entry-title span {
  background-color: #18adb5;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 3px 7px 2px;
}
#pf-items .element .entry-content .entry-date,
#pf-items .element .entry-content .entry-author {
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  text-transform: none;
  color: #18adb5;
  font-weight: 400;
}
#pf-items .element .entry-content .entry-author a {
  font-weight: 700;
  color: #c2374c;
}
#pf-items .element .entry-content header {
  margin-bottom: 5px;
}
#pf-items .element .entry-content p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
}
#pf-items .element .entry-content footer {
  border-top: 1px solid #e2e2e2;
  padding-top: 10px;
}
#pf-items .element .entry-content footer .meta-box {
  float: left;
}
#pf-items .element .entry-content footer .kopa-rating {
  float: right;
}
#pf-items .element .entry-content footer .entry-comments,
#pf-items .element .entry-content footer .entry-comments a,
#pf-items .element .entry-content footer .entry-view {
  font-weight: 400;
  color: #828282;
}
#pf-items .element .entry-content footer .entry-comments,
#pf-items .element .entry-content footer .entry-view {
  margin-right: 10px;
}
#pf-items .element .top-line {
  height: 4px;
  background-color: #18adb5;
  position: absolute;
  top: 0;
  left: 2%;
  width: 96%;
}
#pf-items .element .bottom-line {
  height: 3px;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  position: absolute;
  bottom: -4px;
  left: 2%;
  width: 96%;
}

.widget-area-7 .widget ul li {
  border-top: 1px dotted #c9c9c9;
  padding-top: 10px;
  margin-top: 10px;
}
.widget-area-7 .widget ul li:first-child {
  border-top: none;
  padding-top: 0px;
  margin-top: 0px;
}
.widget_archive li:before {
  font-family: "icomoon";
  content: "\e02f";
  color: #c2c2c2;
}
.widget_archive li,
.widget_archive li a {
  font-weight: 600;
  color: #444;
}
.widget_archive li a {
  margin-left: 15px;
}

.list-container-2 ul {
  margin: 0 0 20px;
}
.widget-area-7 .widget .list-container-2 ul li {
  border-top: none !important;
  float: left;
  list-style: none outside none;
  margin: 0 0 0 2px;
  padding: 0;
  width: 98px;
}
.list-container-2 ul li {
  float: left;
  list-style: none;
  width: 98px;
  margin: 0 0 0 2px;
}
.list-container-2 ul li:first-child {
  margin: 0;
}
.list-container-2 ul li a {
  border-bottom: 4px solid #444;
  color: #000;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 0 15px 0;
  line-height: 1;
  font-weight: 600;
  outline: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.list-container-2 ul li.active a,
.list-container-2 ul li:hover a {
  text-decoration: none;
  border-bottom: 4px solid #18adb5;
}
.kopa-article-tab-widget .entry-thumb {
  float: left;
  margin-right: 15px;
}
.kopa-article-tab-widget .entry-title {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.kopa-article-tab-widget .entry-title a {
  color: #333;
}
.kopa-article-tab-widget .entry-date,
.kopa-article-tab-widget .entry-author {
  text-transform: none;
  font-family: "Arial Black", Gadget, sans-serif;
  font-style: italic;
  color: #18adb5;
  font-weight: 400;
}
.kopa-article-tab-widget .entry-author a {
  font-weight: 700;
  color: #c2374c;
}
.widget-area-7 .kopa-article-tab-widget ul li {
  padding-top: 15px;
  margin-top: 15px;
}
.kopa-video-widget .video-wrapper {
  margin-bottom: 15px;
}

/* =========================================================
Elements page
============================================================ */
.breadcrumb {
  background-color: #f9f9f9;
  margin: 0 0 25px;
  border-radius: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #d6d6d6;
  color: #5b5b5b;
  line-height: 16px;
}
.breadcrumb a {
  color: #5b5b5b;
}
.breadcrumb .current-page {
  color: #c2374c;
  font-weight: 800;
  text-transform: uppercase;
}

.kopa-404-page .breadcrumb {
  margin-top: 30px;
}

.elements-box, .elements-box * {
    line-height: 2em;
}
.elements-box h1,
.elements-box h2,
.elements-box h3,
.elements-box h4,
.elements-box h5,
.elements-box h6 {
  color: #313131;
  margin: 0 0 10px;
}
.elements-box .element-title {
  font-size: 20px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  color: #464646;
  text-transform: uppercase;
}

.list-container-3 ul {
  margin: 0;
}
.list-container-3 ul li {
  float: left;
  list-style: none outside none;
  margin: 0 2px 0 0;
  border: none;
  padding: 0;
  width: 98px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.list-container-3 ul li a {
  background-color: #f5f5f5;
  border: 1px solid #e4e4e4;
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
  text-align: center;
  outline: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-3 ul li.active a,
.list-container-3 ul li:hover a {
  border-top: 1px solid #18adb5;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}
.tab-container-3 {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  padding: 15px 20px 5px;
  margin-top: -1px;
}
.tab-container-3 ul li {
  list-style: none;
  border-top: 1px solid #ededed;
  padding-top: 5px;
  margin-top: 5px;
  color: #18adb5;
  font-size: 10px;
}
.tab-container-3 {
  font-size: 12px;
}
.tab-container-3 ul li a {
  color: #777;
  font-size: 12px;
  margin-left: 10px;
}
.tab-container-3 ul li:first-child {
  border-top: none;
  padding-top: 0px;
  margin-top: 0px;
}
.tab-container-3 ul li:before {
  content: "\e016";
  font-family: "icomoon";
}

/*-------------Toggle Boxes-----------*/
#toggle-view {
  list-style: none;
  margin: 0;
  padding: 0;
}
#toggle-view p {
  margin-bottom: 0;
}
#toggle-view li {
  margin: 0 0 10px;
  position: relative;
  cursor: pointer;
  list-style: none;
}

#toggle-view li h3 {
  font-size: 14px;
  margin: 0;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 20px 0 45px;
  line-height: 24px;
}

#toggle-view li span {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 22px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 27px;
  font-weight: 800;
  background-color: #18adb5;
}

#toggle-view .panel {
  margin: 0;
  display: none;
}
#toggle-view .panel p {
  margin: 10px 0;
}

.acc-wrapper {
  border: 1px solid #d6d6d6;
  padding: 10px 0 0;
  border-bottom: none;
}
.accordion-title {
  margin-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #d6d6d6;
  padding: 0 10px 10px;
}
.accordion-title span {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #18adb5;
  line-height: 27px;
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  left: 10px;
  top: 0;
  cursor: pointer;
}
.accordion-title h3 {
  margin: 0px 0 0 50px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
}
.accordion-title a {
  color: #333;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.accordion-container {
  margin: 10px 0 5px;
  padding: 0 15px;
  border-bottom: 1px solid #d6d6d6;
}

.elements-box .kopa-button {
  margin-bottom: 10px;
  margin-right: 10px;
}

/* =========================================================
Categories page
============================================================ */
.entry-list > li {
  list-style: none;
  border-bottom: 1px dotted #cecece;
  padding-bottom: 25px;
  margin: 0 0 25px 0;
}
.entry-list li .entry-item .entry-thumb {
  position: relative;
  float: left;
  margin-right: 25px;
  width: 324px;
}
.entry-list li .entry-item .entry-thumb img {
  display: block;
  width: 100%;
}
.entry-list li .entry-item .entry-thumb a {
  display: block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.37);
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.entry-list li .entry-item .entry-thumb a:hover {
  color: #18adb5;
  border: 2px solid #18adb5;
}

.entry-list li .entry-item .entry-content {
  float: left;
  width: 446px;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-categories,
.entry-box header .entry-categories {
  color: #c2374c;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-categories
  a,
.entry-box header .entry-categories a {
  color: #c2374c;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-categories
  span,
.entry-box header .entry-categories span {
  color: #18adb5;
  margin-right: 10px;
  font-size: 12px;
}

.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-title {
  margin: 0 0 15px;
  font-weight: 700;
  font-size: 1.3em;
  /*text-transform: uppercase;*/
  display: flex;
  align-items: center;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-title
  a {
  color: #3a3a3a;
  float: left;
  line-height: 1.5em;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .entry-title
  span {
  display: block;
  background-color: #18adb5;
  color: #fff;
  padding: 3px 7px 2px;
  margin-right: 15px;
  float: left;
  margin-top: 5px;
}
.entry-list li .entry-item .entry-content header .meta-box,
.entry-box header .meta-box {
  float: left;
  margin-bottom: 10px;
}
.entry-list li .entry-item .entry-content header,
.entry-box header {
  margin-bottom: 10px;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-date,
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-author,
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-comments,
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-view,
.entry-box header .meta-box .entry-date,
.entry-box header .meta-box .entry-author,
.entry-box header .meta-box .entry-comments,
.entry-box header .meta-box .entry-view {
  font-size: 12px;
  font-style: italic;
  text-transform: none;
  font-weight: 400;
  color: #18adb5;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 5px;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-author
  a,
.entry-box header .meta-box .entry-author a {
  color: #c2374c;
  font-weight: 700;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-comments
  span,
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-view
  span,
.entry-box header .meta-box .entry-comments span,
.entry-box header .meta-box .entry-view span {
  margin-right: 5px;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .meta-box
  .entry-comments
  a,
.entry-box header .meta-box .entry-comments a {
  font-weight: 400;
}
.entry-list
  li
  .entry-item
  .entry-content
  header
  .kopa-rating,
.entry-box header .kopa-rating {
  margin-left: 5px;
  float: left;
}

.pagination ul {
  box-shadow: none;
  border-radius: 0;
}
.pagination .page-numbers li a,
.pagination .page-numbers li span {
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  border: 1px solid #e4e4e4;
  padding: 3px 10px;
}
.pagination ul > li {
  margin-left: 5px;
  float: left;
  margin-bottom: 0;
}
.pagination ul > li:first-child {
  margin-left: 0;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-radius: 0;
}
.pagination ul > li > span.current,
.pagination ul > li > a:hover {
  color: #fff;
  background: #18adb5;
  border: 1px solid #18adb5;
}

.loadmore {
  background-color: #0c8b92;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
}
.loadmore span.loadmore-icon {
  padding: 7px 10px;
  float: left;
  font-size: 24px;
}
.loadmore span.loadmore-text {
  padding: 0 10px;
  float: left;
  line-height: 38px;
  background-color: #18adb5;
}
.loadmore:hover {
  color: #fff;
}
.loadmore:hover span.loadmore-icon {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg); /* IE 9 */
  -webkit-transform: rotate(360deg); /* Safari and Chrome */
}

/* =========================================================
Single page
============================================================ */
.entry-box {
  margin-bottom: 20px;
}
.entry-box header .entry-title {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 1.3em;
  line-height: 1.5em;
}
.entry-box header .entry-title a {
  color: #3a3a3a;
}
.entry-box span.entry-box-icon {
  display: block;
  background-color: #18adb5;
  color: #fff;
  padding: 9px 12px 8px;
  margin-right: 15px;
  float: left;
  margin-top: 5px;
  font-size: 30px;
}
.entry-box header .entry-categories {
  margin-bottom: 10px;
}
.entry-box .entry-box-title {
  float: left;
  width: 726px;
  margin-bottom: 15px;
}
.entry-box .social-link {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 10px 0;
  margin-top: 10px;
  margin-bottom: 25px;
}
.kopa-single-gallery .entry-box .social-link {
  margin-top: 25px;
}
.entry-box .social-link li {
  list-style: none;
  float: left;
  margin: 0 0 0 20px;
}
.entry-box .social-link li:first-child {
  margin: 0;
}
.entry-box .social-link li a {
  color: #000;
}

.entry-box footer > div {
  float: left;
  margin: 0;
  width: 396px;
}
.entry-box footer div.next-post {
  text-align: right;
}
.entry-box footer div a {
  color: #c2374c;
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}
.entry-box footer div a span {
  color: #18adb5;
  font-weight: 400;
}
.entry-box footer {
  border-bottom: 1px solid #d6d6d6;
}
.entry-box footer div p {
  border-top: 1px solid #d6d6d6;
  padding: 15px 0;
  margin: 0;
}
.entry-box footer div.prev-post p {
  padding-right: 25px;
  border-right: 1px solid #d6d6d6;
  margin-right: -1px;
}
.entry-box footer div.next-post p {
  border-left: 1px solid #d6d6d6;
  text-align: left;
  padding-left: 25px;
}
.entry-box footer div a.article-title {
  font-size: 14px;
  color: #555;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.entry-box footer div .entry-date,
.entry-box footer div .entry-author {
  color: #18adb5;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
}
.entry-box footer div .entry-author a {
  font-weight: 700;
  color: #c2374c;
  font-size: 12px;
  display: inline;
}

/*----- About Author -----*/
.about-author {
  border-bottom: 1px dotted #cecece;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.about-author h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #555;
  display: inline-block;
  margin: 0 0 20px;
  line-height: 16px;
}
.author-name {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  color: #18adb5;
}
.author-name:hover {
  color: #555;
}
.about-author .avatar-thumb {
  float: left;
  margin-right: 20px;
}
.about-author .social-link li {
  list-style: none;
  float: left;
  margin: 0 7px 0 0;
}
.about-author .author-content {
  float: left;
  width: 693px;
}
.about-author .social-link {
  margin-bottom: 10px;
}
.about-author .social-link li a {
  display: block;
  width: 32px;
  height: 32px;
  color: #535353;
  background-color: #f0f0f0;
  border: 1px solid #d8d8d8;
  text-align: center;
  line-height: 34px;
}
.about-author .author-content p {
  font-size: 12px;
  color: #555;
  margin-bottom: 0;
}
.tag-box {
  margin-bottom: 25px;
}
.tag-box a {
  display: inline-block;
  padding: 5px 15px;
  background-color: #ededed;
  color: #555;
}
.tag-box a:hover {
  background-color: #18adb5;
  color: #fff;
}

.kopa-related-post {
  margin-bottom: 25px;
}
.kopa-related-post > h4 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 16px;
  color: #222;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 20px;
}
.kopa-related-post .list-carousel ul li .entry-date {
  font-style: italic;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: none;
}

/*---Comments List---*/
#comments {
  margin-bottom: 25px;
}
#comments > h4 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 16px;
  color: #222;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 20px;
}
.comments-list .comment {
  margin-bottom: 20px;
  list-style: none;
}
#comments .comment-avatar {
  float: left;
  margin-right: 15px;
  width: 69px;
}
#comments .comment-avatar img {
  display: block;
  width: 100%;
}
#comments .comment-body {
  float: left;
  width: 711px;
}
#comments .comment-body header {
  margin-bottom: 10px;
}
#comments .comment-body .author {
  font-weight: 800;
  font-size: 12px;
  color: #18adb5;
  display: block;
  text-transform: uppercase;
  margin-bottom: 3px;
}
#comments .comment-body .date {
  font-weight: 600;
  color: #333;
}
#comments .comment-body p {
  color: #777;
  margin-bottom: 5px;
}
#comments .comment-body .comment-reply-link,
#comments .comment-body .comment-edit-link {
  display: inline-block;
  color: #333;
  font-weight: 600;
}
#comments .comments-list .children {
  margin-left: 84px;
}
#comments .comments-list .children .comment-body {
  width: 627px;
}
.kopa-comment-pagination {
  float: right;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.kopa-comment-pagination a {
  color: #444;
  margin-left: 15px;
}
.kopa-comment-pagination a:hover {
  color: #18adb5;
}
.kopa-comment-pagination .current {
  color: #18adb5;
  margin-left: 15px;
}

/*---Comment form---*/
#respond {
  margin-bottom: 25px;
}
#respond > h4 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 16px;
  color: #222;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 20px;
}
#comments-form .c-note,
#contact-form .c-note {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 12px;
  color: #666;
  font-family: "Open Sans", sans-serif;
}
#comments-form .c-note strong,
#contact-form .c-note strong {
  color: #e03d3d;
}

#comments-form p,
#contact-form p {
  position: relative;
  margin-bottom: 25px;
}

#comments-form label.required,
#contact-form label.required {
  color: #333;
  position: absolute;
  left: 15px;
  top: 10px;
}
#comments-form label.required span,
#contact-form label.required span {
  color: #e03d3d;
}
#comments-form #comment_name,
#comments-form #comment_email,
#comments-form #comment_url,
#contact-form #contact_name,
#contact-form #contact_email,
#contact-form #contact_url {
  padding: 10px 15px 10px 140px;
  width: 460px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none !important;
  height: 40px;
  line-height: 20px;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}
#comments-form #comment_url,
#contact-form #contact_url {
  padding: 10px 15px 10px 85px;
}
#comments-form #comment_message,
#contact-form #contact_message {
  padding: 10px 15px 10px 195px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none !important;
  margin: 0;
  height: 190px;
  font-family: "Open Sans", sans-serif;
}
#contact-form #contact_message {
  padding: 10px 15px 10px 175px;
}
#comments-form #submit-comment,
#contact-form #submit-contact {
  display: inline-block;
  padding: 8px 15px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  background-color: #18adb5;
  border: none;
  font-family: "Open Sans", sans-serif;
}
#comments-form #submit-comment:hover,
#contact-form #submit-contact:hover {
  background-color: #141414;
}
#comments-form #comment_name:focus,
#comments-form #comment_email:focus,
#comments-form #comment_url:focus,
#comments-form #comment_message:focus,
#contact-form #contact_name:focus,
#contact-form #contact_email:focus,
#contact-form #contact_url:focus,
#contact-form #contact_message:focus {
  border: 1px solid #18adb5;
}

#comments-form .textarea-block,
#contact-form .textarea-block {
  margin-bottom: 20px;
}

label.error {
  color: #18adb5;
  font-style: italic;
}

.kopa-rating-box {
  float: right;
  width: 310px;
  margin-left: 20px;
  background-color: #f7f7f7;
  border: 1px solid #e9e9e9;
}
.kopa-rating-box > li {
  border-top: 1px solid #e9e9e9;
  padding: 10px 15px;
  list-style: none;
  margin: 0;
}
.kopa-rating-box > li:first-child {
  background-color: #e7e7e7;
  font-size: 15px;
  color: #3d3d3d;
  font-weight: 700;
  border-top: none;
  line-height: 16px;
}
.kopa-rating-box > li > span {
  display: block;
  float: left;
  font-size: 14px;
  color: #333;
}
.kopa-rating-box > li > .kopa-rating {
  float: right;
}
.kopa-rating-box > li.total-score {
  background-color: #18adb5;
}
.kopa-rating-box > li.total-score span {
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}
.entry-box > p {
  margin-bottom: 15px;
}

.kopa-single-2 .entry-box .entry-thumb {
  float: left;
  width: 324px;
  margin-right: 25px;
}
.kopa-single-2 .entry-box header {
  float: left;
  width: 446px;
}
.kopa-single-2 .entry-box span.entry-box-icon {
  font-size: 16px;
  padding: 3px 7px 2px;
}
.kopa-single-2 .entry-box .entry-box-title {
  width: 401px;
  margin-bottom: 0;
}
.kopa-single-2 .entry-box header .entry-title {
  font-size: 18px;
}

/* =========================================================
Contact page
============================================================ */
.kp-map {
  margin-bottom: 30px;
}
.kp-map iframe {
  margin-bottom: 15px;
}

#contact-box > h4 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 16px;
  color: #222;
  margin: 0 0 20px;
}

/* =========================================================
404 Page
============================================================ */
.error-404 {
  margin: 70px 10% 100px;
}
.error-404 .left-col {
  width: 41%;
  float: left;
  margin: 0 2%;
}
.error-404 .left-col p {
  font-size: 120px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #18adb5;
  line-height: 100px;
  text-align: right;
}
.error-404 .right-col {
  width: 50%;
  float: left;
  margin: 0 2%;
}
.error-404 .right-col h1 {
  margin-bottom: 10px;
  font-size: 29px;
  color: #18adb5;
  margin-top: 0;
}
.error-404 .right-col a {
  color: #18adb5;
}
.error-404 .right-col a:hover {
  color: #666;
}
.kopa-pagelink {
  margin-top: 20px;
  margin-bottom: 20px;
}
.kopa-pagelink a {
  color: #18adb5;
  text-decoration: underline;
  font-weight: 700;
  padding-right: 15px;
}

/* 

WOO CUSTOM STYLESHEET

---------------------



Instructions:



Add your custom styles here instead of style.css so it 

is easier to update the theme. Simply copy an existing 

style from style.css to this file, and modify it to 

your liking.



*/

#paging-buttons {
  overflow: hidden;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px white inset;
}

#paging-buttons a {
  display: block;
  float: left;
  background-color: #00a5f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: white;
  height: 36px;
  line-height: 36px;
  width: 300px;
  margin-right: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset,
    0 1px white;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset,
    0 1px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4)
      inset,
    0 1px white;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}

.entry code {
  overflow: auto;
  border: 1px solid #ddd;
  display: block;
  background-color: #300a24;
  line-height: 1.5em;
  margin: 10px;
  padding: 10px;
  color: white;
  font-size: 12px;
}

.entry pre.command,
.entry pre.code {
  padding: 10px;
  margin: 10px;
  border: 1px solid #eee;
  background-color: #300a24;
  color: white;
}

.custom .my-paginated-posts {
  font-size: 10px;
  font-weight: normal;
  font-family: arial;
}

.custom .my-paginated-posts p {
  font-size: 1.4em;
}

.custom .my-paginated-posts p a {
  background: #e8e8e8;
  color: #000;
  margin-left: 0.6em;
  margin-right: 0.6em;
  padding: 0.5em 0.7em;
  text-decoration: none;
}

.custom .my-paginated-posts a:hover {
  color: #fff;
  background: #7f1315;
}

.snippet {
  font-size: 11px;
  font-family: Arial, Sans-serif;
  color: #8a8a8a;
  text-shadow: white 0px 0px 3px;
  background: #e5e5e5;
  margin: 21px 0px -5px 0px;
  //width: 631px;
  height: 29px;
  position: relative;
}

.snippet span {
  font-weight: bold;
  color: white;
  text-shadow: none;
  background: black;
  height: 26px;
  padding: 2px 7px 0px 8px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
}

#get-alerts .bigrss {
  position: absolute;

  top: 0px;

  right: 0;

  text-align: right;

  width: 343px;

  background: url(http://www.smashingtips.com/wp-content/uploads/2010/01/suscribe2.gif)
    0 0 no-repeat;
}

.bigrss .columns {
  position: relative;

  height: 100px;

  width: 343px;
}

.bigrss .image {
  display: none;
}

.bigrss .inner {
  position: absolute;

  bottom: 60px;

  right: 0px;

  display: block;

  width: 343px;
}

#emaile {
  width: 150px;

  background: transparent;

  border: none;

  color: #000;

  position: absolute;

  left: 90px;

  bottom: -2px;

  font-weight: bold;
}

.subscriber {
  position: relative;

  padding-bottom: 30px;
}

.subscribe2 {
  position: relative;

  background: url(images/single-subscribe.gif) 0 0 no-repeat;

  width: 300px;

  height: 200px;
}

.subscribe2 #emaile {
  width: 150px;

  background: transparent;

  border: none;

  color: #000;

  position: absolute;

  left: 30px;

  bottom: 25px;

  font-weight: bold;
}

.subscribe2 #SubMit {
  position: absolute;

  height: 35px;

  right: 0;

  bottom: 17px;

  width: 58px;

  font: 1em arial, sans-serif;

  color: #fff;

  background: url(images/submit.png) no-repeat;

  border: none;

  cursor: pointer;
}

.bigrss h3 {
  font-size: 17px;
}

.bigrss .inner #emaile {
}

.bigrss #SubMit {
  position: absolute;

  height: 35px;

  right: 0;

  bottom: -12px;

  width: 58px;

  font: 1em arial, sans-serif;

  color: #fff;

  background: url(images/submit.png) no-repeat;

  border: none;

  cursor: pointer;
}

/* Sidebar

-------------------------------------------------------------------*/

.block-content ul.list {
  padding-top: 3px;
  margin-top: 10px;
  float: center;
  width: 390px;
}

.block-content ul.list li {
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.block-content ul.list li.block-item {
  float: left;
  width: 175px;
}

.block-content ul.list li a {
  padding-right: 15px;
  color: #6e0000;
}

.block-content ul.list li .partners {
  float: left;
  width: 190px;
}

.block-content ul.list li .total {
  float: right;
  font-weight: bold;
  padding-right: 13px;
}

.TR {
  padding-top: 10px;
}

.codeview {
  margin: 15px 35px 15px 15px;

  padding-top: 10px;

  padding-left: 15px;

  padding-right: 15px;

  padding-bottom: 30px;

  clear: both;

  color: #444;

  list-style-type: none;

  background: #f9f9f9
    url(http://www.techieblogger.com/wp-content/uploads/2009/06/cv.gif)
    no-repeat right bottom;

  border-top: 1px solid #eeeeee;

  border-right: 2px solid #cccccc;

  border-bottom: 2px solid #cccccc;

  border-left: 1px solid #eeeeee;
}

.codeview li {
  font-size: 13px;

  line-height: 24px;

  font-family: "Courier New", "MS Sans Serif", sans-serif,
    serif;

  color: #444;

  font-weight: normal;

  margin: 0;

  padding: 0;
}

.subscribe-text {
  color: #807d7d;
}

.subscribe-text a {
  color: #2c3b67;
}

.post h3 {
  margin: 0 0 10px 0;

  padding-bottom: 5px;

  border-bottom: #ccc;

  /*text-transform: uppercase;*/

  color: #333333;

  /*font-weight: 900;*/

  font-size: 20px;

  line-height: 1em;

  text-decoration: none;
}

.post h1 {
  margin: 0 0 2px 0;

  padding-bottom: 5px;

  text-transform: uppercase;

  color: #333333;

  font-weight: normal;

  font-size: 20px;

  line-height: 1em;

  text-decoration: none;
}

.entry h3 {
  margin: 0 0 5px 0;

  border-bottom: 1px solid #dfdfdf;

  padding: 10px 0px 10px 0px;

  /*text-transform: uppercase;*/

  color: #333333;

  font-weight: 900;

  font-size: 20px;

  line-height: 2em;

  text-decoration: none;
}

.entry h1 {
  margin: 0 0 2px 0;

  border-bottom: 1px solid #dfdfdf;

  padding: 10px 0px 10px 0px;

  text-transform: uppercase;

  color: #333333;

  font-weight: normal;

  font-size: 20px;

  line-height: 1.5em;

  text-decoration: none;
}

.entry h1 a {
  margin: 0 0 2px 0;

  border-bottom: 1px solid #dfdfdf;

  padding: 10px 0px 10px 0px;

  text-transform: uppercase;

  color: #a10000;

  font-weight: normal;

  font-size: 20px;

  line-height: 1.5em;

  text-decoration: none;
}

.entry ul {
  margin: 5px 0 5px 5px;

  font-size: 13px;
}

.entry ul li {
  background: url("images/plus.png") no-repeat 10px 50%;

  padding: 9px 0 9px 40px;

  display: block;
}

.entry strong {
  text-decoration: none;

  color: #333333;
}

.entry img {
  //max-height : 600px;

  line-height: 2em;

  overflow: auto;

  text-align: center;

  float: center;

  padding: 10px;

  margin: 10px 5px;

  line-height: 2em;

  background-color: #f5f5f5;

  border: 1px solid #e0e0e0;

  clear: both;
}

html > body .entry img {
  //max-height : 600px;

  max-width: 650px;

  overflow: auto;

  text-align: center;

  float: center;

  padding: 10px;

  margin: 10px 5px;

  line-height: 2em;

  background-color: #f5f5f5;

  border: 1px solid #e0e0e0;

  clear: both;
}

.entry img:hover {
  background-color: #f0f0f0;

  text-align: center;

  float: center;

  border: 1px solid #d0d0d0;
}

.entry .post img.thumbnail {
  background-color: #eeeeee;

  border: 1px solid #dddddd;

  padding: 5px;
}

.image-gal {
  width: 310px;
}

.image-gal img {
  max-height: 300px;

  max-width: 310px;

  line-height: 2em;

  overflow: auto;

  float: left;

  padding: 5px;

  line-height: 2em;

  background-color: #f5f5f5;

  border: 1px solid #e0e0e0;
}

html > body .image-gal img {
  max-height: 300px;

  max-width: 310px;

  overflow: auto;

  float: left;

  padding: 10px;

  margin: 5px;

  line-height: 2em;

  background-color: #f5f5f5;

  border: 1px solid #e0e0e0;
}

.image-gal img:hover {
  background-color: #f0f0f0;

  text-align: center;

  float: center;

  border: 1px solid #d0d0d0;
}

h3 {
  margin: 0 0 2px 0;

  padding-bottom: 5px;

  /*text-transform: uppercase;*/

  color: #333333;

  font-weight: normal;

  font-size: 20px;

  line-height: 2em;

  text-decoration: none;
}

h1 {
  margin: 0 0 2px 0;

  padding-bottom: 5px;

  text-transform: uppercase;

  color: #333333;

  font-weight: normal;

  font-size: 25px;

  line-height: 2em;

  text-decoration: none;
}

#ads-nav span {
  width: 980px;

  margin: auto;

  padding-left: 0px;

  padding-right: 0px;
}

#top {
  background: #232323
    url(http://www.techieblogger.com/wp-content/themes/busybee/styles/red/bg_top_gradient.gif)
    repeat top center;
}

.subscribe-text {
  color: #807d7d;
}

.subscribe-text a {
  color: #2c3b67;
}

.rsslink {
  width: 22px;

  height: 22px;

  margin-top: 5px;

  margin-left: 7px;

  display: block;

  float: left;

  background: url("images/rss.jpg") no-repeat;
}

.email-input input {
  width: 143px;

  height: 16px;

  margin-top: 27px;

  border: none;

  float: left;

  font-family: georgia;

  color: #74756d;

  background: url("http://www.techieblogger.com/wp-content/uploads/2009/09/searchbar.jpg")
    no-repeat;
}

.email-go {
  width: 43px;

  height: 30px;

  border: none;

  background: url("http://www.techieblogger.com/wp-content/uploads/2009/09/searchbutton.jpg")
    no-repeat;
}

.bookmark-tags {
  background: url(images/bookmark-bg.jpg) no-repeat 100% 0;

  background-color: #670003;

  font-weight: bold;

  color: #ffffff;

  padding: 15px 10px 15px 0px;

  height: 100px;

  width: 710px;

  overflow: hidden;
}

.bookmark-tags div.bleft {
  float: left;

  width: 540px;

  font-size: 11px;

  padding-left: 10px;
}

.bookmark-tags div.bright {
  float: right;

  margin: 7px 0 0 0;

  width: 125px;
}

.bookmark-tags div.bright div.buleft {
  float: left;

  padding: 4px;

  background: #fff;

  border: 1px solid #9f0000;

  margin: 0;
}

.bookmark-tags div.bright div.buright {
  float: right;

  padding: 7px 0 0 0;

  background: #fff url(images/vert.png) no-repeat 0 0;

  background-position: 0 0;

  border: 1px solid #9f0000;

  margin: 0 0 0 5px;

  display: block;

  width: 52px;

  height: 81px;

  text-align: center;

  line-height: 16px;

  font-family: Arial, Helvetica, sans-serif;
}

.bookmark-tags div.bright div.buright a.del-link {
  display: block;

  color: #900;

  font-size: 18px;

  text-decoration: none;

  font-weight: bold;

  height: 100%;
}

.bookmark-tags div.bright div.buright a.del-link:hover {
  color: #cf0000;

  text-decoration: none;
}

.bookmark-tags ul#bookmark-tags-list {
  list-style: none;

  background: none;

  margin: 0;

  padding: 0;
}

.bookmark-tags ul#bookmark-tags-list li {
  list-style: none;

  background: no-repeat;

  float: left;

  border-right: 1px solid #fff;

  padding: 0 17px 0 0;

  margin: 0 17px 0 0;

  text-align: center;
}

.bookmark-tags ul#bookmark-tags-list li.reddit {
  background: url(images/vert.png) no-repeat top left;
  background-position: 0 -641px;
  width: 48px;
  height: 48px;
}

.bookmark-tags ul#bookmark-tags-list li.technorati {
  background: url(images/vert.png) no-repeat top left;
  background-position: 0 -769px;
  width: 48px;
  height: 48px;
}

.bookmark-tags ul#bookmark-tags-list li.twitter {
  background: url(images/vert.png) no-repeat top left;
  background-position: 0 -897px;
  width: 48px;
  height: 48px;
}

.bookmark-tags ul#bookmark-tags-list li a {
  color: #fff;

  font-weight: normal;

  text-decoration: none;
}

.bookmark-tags ul#bookmark-tags-list li a:hover {
  text-decoration: none;
}

strong,
b {
  color: #000;

  font-weight: bolder;
}

.welcome {
  background: url(images/welcome.png) no-repeat;

  height: 35px;
}

#intro {
  border-top: none;
}

#intro a {
  color: #232323;

  text-decoration: none;
}

#intro ul {
  margin-bottom: 0;
}

#intro ul li {
  padding-bottom: 0;

  color: #666;

  margin-top: 5px;
}

.intro-twitter,
.intro-feed,
.intro-podcast,
.intro-delicious {
  height: 42px;

  margin-top: 5px;

  padding-left: 45px;
}

.intro-delicious {
  padding-left: 0;

  color: #a10000;
}

.intro-twitter strong,
.intro-feed strong,
.intro-podcast strong,
.intro-delicious strong {
  color: #232323;

  display: block;

  font-size: 14px;
}

.intro-twitter {
  background: url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwRz1udI/AAAAAAAAFjE/94Kc8yXghU4/tweet.jpg)
    no-repeat 0 4px;
}

.intro-feed {
  background: url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwKomHZI/AAAAAAAAFjA/v5awrhm_p0g/rss.jpg)
    no-repeat 0 4px;
}

.intro-podcast {
  background: url(http://lh5.ggpht.com/_TqPdHmAEwTM/Son0hMDv8pI/AAAAAAAAFjI/WrXeVX4PpsM/podcast.jpg)
    no-repeat 0 4px;
}

.intro-delicious {
  background: url(http://lh6.ggpht.com/_TqPdHmAEwTM/Son0xAe0qUI/AAAAAAAAFjM/TNwEZSIO9-8/heart.jpg)
    no-repeat 0 4px;
}

.list_section a:link,
.list_section a:visited {
  text-decoration: none;
}

.list_section li a:hover {
  text-decoration: underline;

  color: #555555;
}

.big-number {
  font-family: Georgia, "Times New Roman", Times, serif;

  font-size: 20px;

  line-height: 20px;

  font-weight: bold;

  color: #000;
}

.author_photo {
  float: left;

  margin-right: 25px;

  width: 80px;
}

.author_photo img {
  background-color: #ffffff;

  padding: 4px;

  border: 1px solid #cccccc;

  width: 80px;

  height: 80px;

  float: left !important ;
}

.author_info p {
  font-size: 12px;

  padding: 0;

  margin-bottom: 10px;
}

.author_info a {
  color: #fff19f;

  text-decoration: none;

  padding: 0;
}

.author_info a:hover {
  text-decoration: underline;
}

.author_info ul,
.author_info li {
  margin: 0;

  padding: 0;
}

.author_info h3 {
  font-size: 14px;

  margin-bottom: 10px;

  padding: 0;
}

.author_email a {
  background-image: url(images/ico-email.png);

  background-repeat: no-repeat;

  text-decoration: none;

  font-weight: bold;
}

.author-details {
  font-size: 0.85em;

  text-align: right;

  float: right;
}

#featureswrap {
  width: 98%;

  padding: 5px;

  margin-top: 20px;

  background: #fbfbfb;

  border: 1px solid #f1f1f1;

  height: 100%;
}

.featureswrap ul {
  margin: 0;

  padding: 0;

  background: #fbfbfb;

  border: 1px solid #f1f1f1;
}

.featureswrap li {
  margin: 3px 0;

  padding: 0 0 0 30px;

  width: 140px;

  font-size: 11px;

  float: left;

  display: block;

  background-image: url(images/features-bullet.gif);

  background-repeat: no-repeat;
}

#features-bottom {
  float: right;

  background-color: #f3f3f3;

  width: 560px;

  height: 43px;

  padding: 12px 15px 0 15px;

  border-left: 1px solid #f1f1f1;

  border-right: 1px solid #f1f1f1;

  border-bottom: 1px solid #f1f1f1;
}

#features-block {
  width: 560px;

  padding: 5px;

  margin-top: 20px;

  background: #fbfbfb;

  border: 1px solid #f1f1f1;

  height: 100%;
}

#features-block h2 {
  font-size: 20px;
}

#features-thumbnail {
  float: left;

  border: 7px solid #f0f0f0;

  margin-right: 15px;
}

#features-inside {
  float: left;

  width: 315px;
}

.gallery-item-top {
  float: left;

  margin-top: -30px;

  margin-left: -30px;
}

#featureswrap1 {
  width: 98%;

  padding: 5px;

  margin-top: 20px;

  background: #fbfbfb;

  border: 1px solid #f1f1f1;

  height: 100%;
}

.featureswrap1 ul {
  margin: 0;

  padding: 0;

  background: #fbfbfb;

  border: 1px solid #f1f1f1;
}

.featureswrap1 li {
  margin: 3px 0;

  padding: 0 0 0 30px;

  width: 220px;

  font-size: 11px;

  float: left;

  display: block;

  background-image: url(http://www.techieblogger.com/wp-content/uploads/2009/09/features-bullet.gif);

  background-repeat: no-repeat;
}

#features-bottom1 {
  float: right;

  background-color: #f3f3f3;

  width: 560px;

  height: 43px;

  padding: 12px 15px 0 15px;

  border-left: 1px solid #f1f1f1;

  border-right: 1px solid #f1f1f1;

  border-bottom: 1px solid #f1f1f1;
}

#features-block1 {
  width: 560px;

  padding: 5px;

  margin-top: 20px;

  background: #fbfbfb;

  border: 1px solid #f1f1f1;

  height: 100%;
}

#features-block1 h2 {
  font-size: 20px;
}

#features-thumbnail1 {
  float: left;

  border: 7px solid #f0f0f0;

  margin-right: 15px;
}

#features-inside1 {
  float: left;

  width: 315px;
}

.gallery-item-top1 {
  float: left;

  margin-top: -30px;

  margin-left: -30px;
}

p.imgC {
  border-top: 1px solid #111;

  border-bottom: 1px solid #111;

  text-align: center;

  background: #080808;

  margin: 30px 0;

  padding: 20px 0 10px 0 !important ;

  display: block;

  clear: both;

  font-weight: bold;

  font-size: 14px;

  color: #555;

  overflow: hidden;
}

p.imgC img {
  margin: 0 !important ;

  padding: 0 !important ;

  clear: both !important ;
}

.imgC br {
  padding: 0;

  margin: 0;

  clear: both;
}

strong,
b {
  color: #000 !important;

  font-weight: bolder;
}

.welcome {
  background: url(http://lh6.ggpht.com/_TqPdHmAEwTM/SomoW4Dl-fI/AAAAAAAAFhg/x_B2bHNOTRI/welcome.png)
    no-repeat;

  height: 35px;
}

#intro {
  border-top: none;
}

#intro a {
  color: #232323;

  text-decoration: none;
}

#intro ul {
  margin-bottom: 0;
}

#intro ul li {
  padding-bottom: 0;

  color: #666;
}

.intro-twitter,
.intro-feed,
.intro-podcast,
.intro-delicious {
  height: 42px;

  padding: 6px 0 6px 46px;
}

.intro-delicious {
  padding-left: 0;

  color: #a10000;
}

.intro-twitter strong,
.intro-feed strong,
.intro-podcast strong,
.intro-delicious strong {
  color: #232323;

  display: block;

  font-size: 14px;
}

.intro-twitter {
  background: url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwRz1udI/AAAAAAAAFjE/94Kc8yXghU4/tweet.jpg)
    no-repeat 0 4px;
}

.intro-feed {
  background: url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwKomHZI/AAAAAAAAFjA/v5awrhm_p0g/rss.jpg)
    no-repeat 0 4px;
}

.intro-podcast {
  background: url(http://lh5.ggpht.com/_TqPdHmAEwTM/Son0hMDv8pI/AAAAAAAAFjI/WrXeVX4PpsM/podcast.jpg)
    no-repeat 0 4px;
}

.intro-delicious {
  background: url(http://lh6.ggpht.com/_TqPdHmAEwTM/Son0xAe0qUI/AAAAAAAAFjM/TNwEZSIO9-8/heart.jpg)
    no-repeat 0 4px;
}

.list_section a:link,
.list_section a:visited {
  text-decoration: none;
}

.list_section li a:hover {
  text-decoration: underline;

  color: #555555;
}

.big-number {
  font-family: Georgia, "Times New Roman", Times, serif;

  font-size: 20px;

  line-height: 20px;

  font-weight: bold;

  color: #000;
}

.author_info1 {
  padding: 0;

  margin-top: 5px;

  color: #666666;

  width: 560px;

  padding: 10px;

  margin-bottom: 5px;

  float: right;

  background-color: #fbfbfb;

  border: 1px solid #f1f1f1;
}

.author_photo1 {
  float: left;

  margin-right: 25px;

  width: 58px;
}

.author_photo1 img {
  background-color: #ffffff;

  padding: 4px;

  border: 1px solid #cccccc;

  width: 50px;

  height: 50px;

  float: left !important ;
}

.author_info1 p {
  font-size: 12px;

  padding: 0;

  margin-bottom: 2px;
}

.author-details1 {
  font-size: 0.85em;

  text-align: right;

  float: right;
}

#themelinks {
  display: inline;

  float: right;

  list-style-image: none;

  list-style-position: outside;

  list-style-type: none;

  margin-right: 10px;

  margin-top: 10px;
}

#themelinks li {
  display: inline;
}

.button_demo:hover {
  -moz-background-clip: border;

  -moz-background-inline-policy: continuous;

  -moz-background-origin: padding;

  background: transparent
    url(http://1.bp.blogspot.com/_Zt-MFCckzsc/SlY-T_w990I/AAAAAAAABvE/clnAZZt5XLU/s400/button_demo.png)
    no-repeat scroll center bottom;
}

#button_download:hover {
  -moz-background-clip: border;

  -moz-background-inline-policy: continuous;

  -moz-background-origin: padding;

  background: transparent
    url(http://3.bp.blogspot.com/_Zt-MFCckzsc/SlY-UJvm9eI/AAAAAAAABvM/-lmiJ5j0WuE/s400/button_download.png)
    no-repeat scroll center bottom;
}

#button_demo {
  -moz-background-clip: border;

  -moz-background-inline-policy: continuous;

  -moz-background-origin: padding;

  background: transparent
    url(http://1.bp.blogspot.com/_Zt-MFCckzsc/SlY-T_w990I/AAAAAAAABvE/clnAZZt5XLU/s400/button_demo.png)
    no-repeat scroll center top;

  float: left;

  height: 24px;

  width: 90px;
}

#button_download {
  -moz-background-clip: border;

  -moz-background-inline-policy: continuous;

  -moz-background-origin: padding;

  background: transparent
    url(http://3.bp.blogspot.com/_Zt-MFCckzsc/SlY-UJvm9eI/AAAAAAAABvM/-lmiJ5j0WuE/s400/button_download.png)
    no-repeat scroll center top;

  float: left;

  height: 24px;

  margin-left: 10px;

  width: 90px;
}

.feed-tags {
  background: url(images/bookmark-bg.jpg) 100% 0 no-repeat;
  font-weight: bold;
  color: #ffffff;
  padding: 10px 0px 17px 20px;
  margin: 0 0px 0px 0px;
  width: 610px;
}

.feed-tags a {
  color: #fff;
}

.feed-tags a:hover {
  color: #fff;
  text-decoration: none;
}

/*... Subscription ..*/

div#subscribe {
  float: left;

  width: 365px;

  height: 94px;

  background: url("images/subscribebg.jpg") no-repeat;

  background-color: #ffffff;
}

#subscribe h5 {
  float: left;

  width: 212px;

  height: 14px;

  margin: 0;

  font: 10px Verdana;

  color: #64666b;

  padding-left: 72px;

  padding-top: 33px;
}

#subscribe a {
  font-weight: normal;

  color: #64666b;
}

div#subscribe img {
  float: right;

  margin-top: 6px;
}

#subscribeform {
  float: left;

  margin: 0;

  padding: 0;

  padding-left: 72px;
}

#subscribeform .subscribeinput {
  float: left;

  border: 0;

  width: 188px;

  height: 19px;

  background: url("images/input.jpg") no-repeat;

  font: 11px Verdana;

  color: #c6c6c6;

  padding-top: 5px;

  padding-left: 5px;

  margin-left: 9px;
}

#subscribeform .subscribesubmit {
  float: left;

  border: 0;

  margin-left: 5px;
}

.subscribar {
  height: 68px;
  padding-top: 32px;
  margin-top: -12px;
  background-image: url("images/bright-red-panel.png");
  background-repeat: no-repeat;
  width: 730px;
  margin-left: -10px;
}
.subscribar form {
  margin-left: 40px;
  margin-right: auto;
}

.subscribar input[type="text"] {
  background-image: url("images/lightbox-text-box.png");
  border: 0px;
  line-height: 20px;
  height: 20px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  margin-left: 3px;
  background-repeat: no-repeat;
  padding-bottom: 10px;
  width: 200px;
  font-family: Georgia, Garamond, Times, serif;
  font-size: 14px;
  padding-left: 10px;
  background-color: transparent;
  background-position: left top;
  outline: none;
  margin-right: 8px;
  margin-top: 2px;
}

.subscribar input[type="text"].email {
  background-position: left bottom;
  float: left;
}

.subscribar input[type="submit"] {
  background-repeat: no-repeat;
  width: 255px;
  height: 47px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  border: none;
  font-size: 19px;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px #000;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 45px;
  float: left;
  text-align: center;
}

.subscribar input[type="submit"] {
  font-size: 14px;
  width: 150px;
  margin-left: 10px;
}

.subscribar input[type="submit"]:hover {
  background-position: left center;
}

.subscribar input[type="submit"]:active {
  background-position: left bottom;
}
.lightbox-color-bright-red .subscribar {
  background-image: url("images/bright-red-panel.png");
}

.lightbox-color-bright-red .lightbox-top-text p.heading {
  color: #e00000;
}
.lightbox-color-orange .lightbox-top-text p.heading {
  color: #8e5002;
}

.lightbox-color-red .subscribar {
  background-image: url("images/red-panel.png");
}

/* The Button Designs
=======================
*/

.subscribar input[type="submit"].red-button {
  background-image: url("images/red-button.png");
}

.subscribar input[type="submit"].dark-red-button {
  background-image: url("images/dark-red-button.png");
}

/* share buttons
=======================
*/

#share_scroller {
  left: 0;
  position: fixed;
  top: 700px;
}
#share_button {
  left: 0;
  position: fixed;
  top: 700px;
  width: 80px;
}
#shares {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  background-color: #ccccff;
  border-color: #a5a5a5 #e8e7e7 #a5a5a5 #a5a5a5;
  border-style: solid;
  border-width: 1px;
  bottom: 100px;
  margin-top: 10px;
  position: fixed;
  width: 63px;
}
#shares .SMVote {
  margin: 7px;
}
div.SMGap {
  background-color: #e3e3e3;
  height: 1px;
  width: 35px;
  margin: 5px auto;
}
/* FB button (shrink width) */
.fb_share_count_top {
  width: 48px !important;
}
.FBConnectButton_Small,
.FBConnectButton_RTL_Small {
  width: 49px !important;
}
.FBConnectButton_Small .FBConnectButton_Text {
  padding: 2px 2px 3px !important;
}

div.sterms {
  color: #000000;
  padding: 10px;
}
div.sterms h4 {
  color: #a10000;
  font-size: 12px;
  font-weight: 900;
}
div.sterms ul {
  list-style-type: none;
  padding: 0px;
}
div.sterms li {
  background: url(images/link.png) no-repeat;
  display: inline;
  padding-left: 5px;
}

.code {
  overflow: auto;
  border: 1px solid #ddd;
  display: block;
  background: #eee none repeat scroll 0 0;
  font-size: 0.857em;
  line-height: 1.5em;
  padding: 10px;
  margin: 10px;
  font-size: 12px;
}

pre.command,
pre.code {
  padding: 10px;
  margin: 10px;
  border: 1px solid #eee;
  background-color: #300a24;
  color: white;
}

#paging-buttons {
  overflow: hidden;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  -webkit-box-shadow: 0 0 0 1px white inset;
}

#paging-buttons a {
  display: block;
  float: left;
  background-color: #00a5f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: white;
  height: 36px;
  line-height: 36px;
  width: 300px;
  margin-right: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset,
    0 1px white;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset,
    0 1px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4)
      inset,
    0 1px white;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}

.step {
  float: left;
  padding: 20px 10px 10px 20px;
  color: #0c2b45;
  font-family: "ProximaNovaBold", sans-serif;
  font-size: 36px;
  width: 50px;
  font-style: italic;
}

.step-description {
  margin: 0 0 20px 0;
  font-family: ProximaNovaRegular, sans-serif;
  font-size: 14px;
  color: #555555;
  line-height: 1.5em;
}

.step-number {
  float: left;
  padding: 20px 10px 10px 20px;
  color: #0c2b45;
  font-family: "ProximaNovaBold", sans-serif;
  font-size: 36px;
  width: 120px;
  font-style: italic;
  text-align: center;
}

.step-meta {
  float: left;
  border-top: 1px solid #dddddd;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.step-entry {
  padding: 15px 0 15px 0;
  font-family: ProximaNovaRegular, sans-serif;
  font-size: 14px;
  color: #555555;
  line-height: 14px;
  line-height: 1.5em;
  border-top: 1px solid #dddddd;
  float: left;
  width: 610px;
}

.step-title {
  float: left;
  border-left: 1px solid #dddddd;
  padding: 22px 10px 20px 25px;
  width: 500px;
}

.step-title h4 {
  font-weight: 700 !important;
  line-height: 28px !important;
  color: #0c2b45;
  font-family: "ProximaNovaBold", sans-serif;
  text-decoration: none;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: bold;
}

.step-title h4 a {
  color: #0c2b45;
  color: #0c2b45;
  font-family: "ProximaNovaBold", sans-serif;
  text-decoration: none;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: regular !important;
}

.list {
  float: left;
  padding: 20px 10px 10px 20px;
  color: #0c2b45;
  font-family: "ProximaNovaBold", sans-serif;
  font-size: 36px;
  width: 50px;
  font-style: italic;
}

.list-description {
  margin: 0 0 20px 0;
  font-family: ProximaNovaRegular, sans-serif;
  font-size: 14px;
  color: #555555;
  line-height: 1.5em;
}

.list-number {
  color: #111;
    font-size: 2em;
    text-align: center;
    padding: 0 1em;
}

.list-meta {
    border-top: 1px solid #dddddd;
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-content: center;
    align-items: center;
}

.list-entry {
  padding: 15px 0 15px 0;
  font-family: ProximaNovaRegular, sans-serif;
  font-size: 14px;
  color: #555555;
  line-height: 14px;
  line-height: 1.5em;
  border-top: 1px solid #dddddd;
  float: left;
  width: 610px;
}

.list-title {
  border-left: 1px solid #ddd;
  padding: 15px;
  color: #111;
  width: calc(100% - 150px);
}

.section-title {
  padding: 15px;
  color: #111;
 }

.list-title h4, .list-title h2, .list-title h3, .list-title h1, .list-title h5 {
  /*font-weight: 700 !important;*/
  /*line-height: 28px !important;*/
  color: #111;
  /*font-family: "ProximaNovaBold", sans-serif;*/
  /*margin: 0 0 5px 0;*/
  padding: 0;
  margin: 0;
  /*font-size: 20px;*/
  /*text-transform: uppercase;*/
}

.list-title h4 a {
  color: #0c2b45;
  font-family: "ProximaNovaBold", sans-serif;
  text-decoration: none;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: regular !important;
}

.subscribe-text {
  color: #807d7d;
}
.subscribe-text a {
  color: #2c3b67;
}
.rsslink {
  width: 22px;
  height: 22px;
  margin-top: 5px;
  margin-left: 7px;
  display: block;
  float: left;
  background: url("images/rss.jpg") no-repeat;
}
.email-input input {
  width: 143px;
  height: 16px;
  padding: 7px;
  border: none;
  float: left;
  font-family: georgia;
  color: #74756d;
  background: url("http://www.techieblogger.com/wp-content/uploads/2009/09/searchbar.jpg")
    no-repeat;
}
.email-go {
  width: 43px;
  height: 30px;
  border: none;
  background: url("http://www.techieblogger.com/wp-content/uploads/2009/09/searchbutton.jpg")
    no-repeat;
}
.bookmark-tags {
  background: url(http://www.techieblogger.com/wp-content/uploads/2009/09/bookmark-bg.jpg)
    no-repeat 100% 0;
  font-weight: bold;
  color: #ffffff;
  padding: 15px 20px;
  margin: 0px 0 0px 0;
  height: 100px;
  width: 590px;
  overflow: hidden;
}
.bookmark-tags div.bleft {
  float: left;
  width: 440px;
  font-size: 11px;
}
.bookmark-tags div.bright {
  float: right;
  margin: 7px 0 0 0;
  width: 125px;
}
.bookmark-tags div.bright div.buleft {
  float: left;
  padding: 4px;
  background: #fff;
  border: 1px solid #9f0000;
  margin: 0;
}
.bookmark-tags div.bright div.buright {
  float: right;
  padding: 7px 0 0 0;
  background: #fff
    url(http://www.techieblogger.com/wp-content/uploads/2009/09/delicious.jpg)
    no-repeat 0 0;
  border: 1px solid #9f0000;
  margin: 0 0 0 5px;
  display: block;
  width: 52px;
  height: 81px;
  text-align: center;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.bookmark-tags div.bright div.buright a.del-link {
  display: block;
  color: #900;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
  height: 100%;
}
.bookmark-tags div.bright div.buright a.del-link:hover {
  color: #cf0000;
  text-decoration: none;
}
.bookmark-tags ul#bookmark-tags-list {
  list-style: none;
  background: none;
  margin: 0;
  padding: 0;
}
.bookmark-tags ul #bookmark-tags-list li {
  list-style: none;
  background: none;
  float: left;
  border-right: 1px solid #fff;
  padding: 0 17px 0 0;
  margin: 0 17px 0 0;
  text-align: center;
}
.bookmark-tags ul #bookmark-tags-list li a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.bookmark-tags ul #bookmark-tags-list li a:hover {
  text-decoration: none;
}

strong,
b {
  color: #000;
  font-weight: bolder;
}
.welcome {
  background: url(http://lh6.ggpht.com/_TqPdHmAEwTM/SomoW4Dl-fI/AAAAAAAAFhg/x_B2bHNOTRI/welcome.png)
    no-repeat;
  height: 35px;
}
#intro {
  border-top: none;
}
#intro a {
  color: #232323;
  text-decoration: none;
}
#intro ul {
  margin-bottom: 0;
}
#intro ul li {
  padding-bottom: 0;
  color: #666;
  margin-top: 5px;
}
.intro-twitter,
.intro-feed,
.intro-podcast,
.intro-delicious {
  height: 42px;
  margin-top: 5px;
  padding-left: 45px;
}
.intro-delicious {
  padding-left: 0;
  color: #a10000;
}
.intro-twitter strong,
.intro-feed strong,
.intro-podcast strong,
.intro-delicious strong {
  color: #232323;
  display: block;
  font-size: 14px;
}
.intro-twitter {
  background: url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwRz1udI/AAAAAAAAFjE/94Kc8yXghU4/tweet.jpg)
    no-repeat 0 4px;
}
.intro-feed {
  background: url(http://lh4.ggpht.com/_TqPdHmAEwTM/SonzwKomHZI/AAAAAAAAFjA/v5awrhm_p0g/rss.jpg)
    no-repeat 0 4px;
}
.intro-podcast {
  background: url(http://lh5.ggpht.com/_TqPdHmAEwTM/Son0hMDv8pI/AAAAAAAAFjI/WrXeVX4PpsM/podcast.jpg)
    no-repeat 0 4px;
}
.intro-delicious {
  background: url(http://lh6.ggpht.com/_TqPdHmAEwTM/Son0xAe0qUI/AAAAAAAAFjM/TNwEZSIO9-8/heart.jpg)
    no-repeat 0 4px;
}
.list_section a:link,
.list_section a:visited {
  text-decoration: none;
}
.list_section li a:hover {
  text-decoration: underline;
  color: #555555;
}
.big-number {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
}

.bookmark-tags {
  background: url(http://www.techieblogger.com/wp-content/uploads/2009/09/bookmark-bg.jpg)
    no-repeat 100% 0;
  font-weight: bold;
  color: #ffffff;
  padding: 15px 20px;
  height: 100px;
  width: 580px;
  overflow: hidden;
}
.bookmark-tags div.bleft {
  float: left;
  width: 440px;
  font-size: 11px;
}
.bookmark-tags div.bright {
  float: right;
  margin: 7px 0 0 0;
  width: 125px;
}
.bookmark-tags div.bright div.buleft {
  float: left;
  padding: 4px;
  background: #fff;
  border: 1px solid #9f0000;
  margin: 0;
}
.bookmark-tags div.bright div.buright {
  float: right;
  padding: 7px 0 0 0;
  background: #fff
    url(http://www.techieblogger.com/wp-content/uploads/2009/09/delicious.jpg)
    no-repeat 0 0;
  border: 1px solid #9f0000;
  margin: 0 0 0 5px;
  display: block;
  width: 52px;
  height: 81px;
  text-align: center;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.bookmark-tags div.bright div.buright a.del-link {
  display: block;
  color: #900;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
  height: 100%;
}
.bookmark-tags div.bright div.buright a.del-link:hover {
  color: #cf0000;
  text-decoration: none;
}
.bookmark-tags ul#bookmark-tags-list {
  list-style: none;
  background: none;
  margin: 0;
  padding: 0;
}
.bookmark-tags ul#bookmark-tags-list li {
  list-style: none;
  background: none;
  float: left;
  border-right: 1px solid #fff;
  padding: 0 17px 0 0;
  margin: 0 17px 0 0;
  text-align: center;
}
.bookmark-tags ul#bookmark-tags-list li a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.bookmark-tags ul#bookmark-tags-list li a:hover {
  text-decoration: none;
}
.author_info {
  background: url(images/bookmark-bg.jpg) no-repeat 100% 0;

  background-color: #670003;

  font-weight: bold;

  color: #ffffff;

  padding: 15px 10px 15px 0px;

  height: 100px;

  width: 710px;

  overflow: hidden;
}
.author_photo {
  margin-left: 10px !important;
  float: left;
  margin-right: 20px;
  width: 80px;
}
.author_photo img {
  background-color: #ffffff;
  padding: 4px;
  border: 1px solid #cccccc;
  width: 80px;
  height: 80px;
  float: left !important ;
}
.author_info p {
  font-size: 12px;
  padding: 0;
  margin-bottom: 10px;
  line-height: 20px;
}
.author_info a {
  color: #fff19f;
  text-decoration: none;
  padding: 0;
}
.author_info a:hover {
  text-decoration: underline;
}
.author_info ul,
.author_info li {
  margin: 0;
  padding: 0;
}
.author_info h3 {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0;
}
.author_email a {
  background-image: url(http://www.techieblogger.com/wp-content/uploads/2009/09/ico-email.png);
  background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
}
.author-details {
  font-size: 0.85em;
  text-align: right;
  float: right;
}

#ads {
  background: #eee;
  padding: 14px 25%;
  border: 1px solid #ccc;
}

#ads1 {
  float: left;
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 10px 10px 0px;
}

#ads2 {
  float: right;
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
}

.entry-list li .entry-item .entry-content:not(.has-thumbnail) {
  width: 100%;
}

.entry-list li .entry-item .entry-content:not(.has-thumbnail) header .entry-title a {
    
    /*width: 80%;*/
}

#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}