/*
Theme Name: BlackHorse
Theme URI: https://themeforest.net/item/blackhorse-elegant-wordpress-news-magazine-blog-theme/19348730
Description: Elegant WordPress News, Magazine & Blog Theme
Author: Emre AYDIN
Author URI: http://www.e-aydin.com
Tags: one-column, two-columns, left-sidebar, custom-menu,  featured-images, theme-options, sticky-post, translation-ready
License: GNU/GPL Version 2 or later.
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: blackhorse
Version: 1.0.3
*/
/*
----Table of Contents----
1.  Reset CSS
2.  Fonts
3.  Header
  3.1. Header Main Menu
  3.2. Logo
  3.3. Header Social Icons
  3.4. Header Mobile Menu and Popup
4.  Index Type B
  4.1. I-B Featured
  4.2. I-B Most and Random Posts
  4.3. I-B Latest Posts
  4.4. I-B Videos
  4.5. I-B Category List
  4.6. Carousel
5. Content / Post
  5.1. Post Formats
  5.2. Post Title
  5.3. Content Share and Tags
  5.4. Content Author
  5.5. Latest Post Single
6. Comments
7. Page
8. Single Style
9. Sidebar / Widgets
  9.1.  Random Post Widgets
  9.2.  Category, Nav Menu Widget
  9.3.  Tag Widget
  9.4.  Quote Widget
  9.5.  Recent Posts Widget
  9.6.  Archive Widget
  9.7.  Meta Widget
  9.8.  Pages Widget
  9.9.  Recent Comments Widget
  9.10. Search Widget
  9.11. Calendar Widget
  9.12. Text Widget
  9.13. RSS Widget
10. Index Type A
11. Titles, Desc, Figure, Category
12. Index Type C-D
13. Category Type A
14. 404 Page
15. Author Page
16. Footer
17. Responsive / Mobile
  17.1. 1024-1150 Small Screen
  17.2. 768-1024 Tablet Landspace
  17.3. 480-768 Tablet - Phone
  17.4. 0-480 Phone
*/
/*********************
    1. Reset Css
*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  font: inherit;
  font-family: 'Josefin Sans', arial, helvetica, tahoma;
  font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  background: #fff;
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
a {
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
img{
  height: auto !important;
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0px 0px 0px;
  overflow-y:hidden;
}
.con_one {
  width: 100%;
  max-width: 1200px;
  padding: 120px 0px 0px 0px;
}
.clear {
  clear: both;
}
figure {
  margin: 0px 0px -3px 0px;
  padding: 0;
  height: auto;
}
/*********************
      2. Fonts
*********************/
@font-face {
  font-family: 'Josefin Sans';
  font-weight: 700;
  font-style: normal;
  src: url('assets/fonts/josefinsans-bold.woff2') format('woff2'), url('assets/fonts/josefinsans-bold.woff') format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-weight: 400;
  font-style: italic;
  src: url('assets/fonts/josefinsans-italic.woff2') format('woff2'), url('assets/fonts/josefinsans-italic.woff') format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-weight: 300;
  font-style: normal;
  src: url('assets/fonts/josefinsans-light.woff2') format('woff2'), url('assets/fonts/josefinsans-light.woff') format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-weight: 400;
  font-style: normal;
  src: url('assets/fonts/josefinsans-regular.woff2') format('woff2'), url('assets/fonts/josefinsans-regular.woff') format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-weight: 600;
  font-style: normal;
  src: url('assets/fonts/josefinsans-semibold.woff2') format('woff2'), url('assets/fonts/josefinsans-semibold.woff') format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-weight: 600;
  font-style: italic;
  src: url('assets/fonts/josefinsans-semibolditalic.woff2') format('woff2'), url('assets/fonts/josefinsans-semibolditalic.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-weight: 700;
  font-style: normal;
  src: url('assets/fonts/lora-bold.woff2') format('woff2'), url('assets/fonts/lora-bold.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-weight: 700;
  font-style: italic;
  src: url('assets/fonts/lora-bolditalic.woff2') format('woff2'), url('assets/fonts/lora-bolditalic.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-weight: normal;
  font-style: italic;
  src: url('assets/fonts/lora-italic.woff2') format('woff2'), url('assets/fonts/lora-italic.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/lora-regular.woff2') format('woff2'), url('assets/fonts/lora-regular.woff') format('woff');
}
/*********************
      3. Header
*********************/
#header {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
  min-height: 90px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  font-size: 16px;
}
.header-cont {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
  width:100%;
}
/*********************
3.1. Header Main Menu
*********************/
.header_left {
  float: left;
  box-sizing: border-box;
  padding: 0 0px 0px 35px;
  font-size: 16px;
  width: 41.5%;
}
.header_left ul {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  margin-top:-18px;
}
.header_left ul li {
  position: relative;
  display: inline-block;
  float: left;
}
.header_left ul li a {
  height: 90px;
  line-height: 87px;
  padding:38px 10px 35px 10px;
  margin:24px 0px 24px 0px;
  text-decoration: none;
  color: #2A2322;
}
.header_left ul li:first-child {
  padding-left: 0;
}
.header_left ul li a:hover {
  padding-top: 38px;
  padding-bottom: 34px;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  color: #fff;
  background: #222;
}
.header_left ul li ul {
  top: 100%;
  left: 0;
  visibility: hidden;
  margin-top: 1px !important;
  padding: 0 1000em;
  margin: 0 -1000em;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  opacity: 0;
  position: absolute;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .header_left ul li ul {
    margin-top: 1px !important;
    text-align: left !important;
  }
  .header_left ul li a {
    padding:38px 10px 35px 10px;
    text-align: left !important;
  }
  .header_left ul li a:hover {
    padding-top: 38px;
    padding-bottom: 36px;
  }
  .cr-inputs{
    margin-top:-3px !important;
  }
}
.header_left ul li:hover>ul {
  visibility: visible;
  padding-top: 30px;
  padding-bottom: 25px;
  opacity: 1;
  background: #222;
  z-index: 999 !important;
  overflow: visible;
  text-align: left !important;
}
.header_left ul li ul>li {
  white-space: nowrap;
  padding: 3px 10px 10px 0px;
  position: relative !important;
  z-index: 9999;
  display: block;
  float: inherit;
  text-align: left !important;
}
.header_left ul li ul li a {
  color: #fff;
  line-height: 20px;
  padding-bottom:0;padding-top:0;
  text-align: left !important;
}
.header_left ul li ul li a:hover {
  width: 100%;
  padding: 3px;
  color: #dddddd;
  text-align: left !important;
}
.header_left ul li:hover .drop {
  padding: 0;
}
.header_left ul li ul li ul{
  display: none;
}
.login-bar{top: 32px !important;}
@media only screen and (min-width: 0) and (max-width: 783px){
  .login-bar{top: 46px !important;}
}
/*********************
      3.2. Logo
*********************/
#logo {
  box-sizing: border-box;
  width: 250px;
  height: 50px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
#logo a {
  display: block;
  width: 250px;
  height: 50px;
}
/*********************
3.3. Header Social Icons
*********************/
.header_right {
  float: right;
  box-sizing: border-box;
  width: 38%;
  padding: 16px 75px 36px 36px;
  text-align: right !important;
  font-size: 18px;
  display: inline;
}
.deneme {
  display: none;
}
.header_right ul li {
  position: relative;
  display: inline;
}
.header_right ul li a {
  padding: 8px;
  text-decoration: none;
  color: #2A2322;
}
.header_right ul li a:hover {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  color: #666;
}
.header-share {
  position: absolute;
  top: 14.5px;
  right: 70px;
  display: none;
  float: right;
  text-align: right;
}
.header-share-child {
  display: inline-block;
  float: left;
  margin-right: 5px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  text-align: center;
}
.header-share-child i {
  margin-right: 2px;
  color: #000;
}
.header-share-child a {
  padding: 4px;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.header-share-child:hover {
  opacity: 0.5;
}
/*********************
  3.4. Header Mobile Menu and Popup
*********************/
.mobile_menu_tik {
  position: absolute;
  top:0;
  right: 40px;
  float: right;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  line-height: 46px;
}
.mobile_menu_tik a {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 1;
  color: #000;
}
.mobile_menu_tik a:hover {
  opacity: 0.6;
}
.mobile_menu_tik a:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '\f002';
  font-family: FontAwesome;
}
#popup {
  display: none;
  width: 100%;
  max-width: 800px;
  color: #fff;
}
a.fsp-close {
  margin-top: -125px;
  margin-right: -100px;
  text-decoration: none;
  color: #fff;
  font-size: 72px;
}
a.fsp-close:hover {
  opacity: 0.8;
}
.mobile_menu_pop {
  display: none;
}
.fsp-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100% !important;
  max-height: 100%;
}
#menu-toggle {
  z-index: 1;
  display: block;
  float: right;
  float: right;
  width: 25px;
  height: 25px;
  margin: -1px 0px 0px 8px;
  cursor: pointer;
  color: #000;
}
#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after {
  position: absolute;
  top: 5px;
  left: 11px;
  display: block;
  float: right;
  width: 20px;
  height: 2.5px;
  content: '';
  cursor: pointer;
  border-radius: 5px;
  background: #000;
}
#menu-toggle span:before {
  top: 6px;
  left: 0px;
}
#menu-toggle span:after {
  top: 12px;
  left: 0px;
}
#menu-toggle.active span:before {
  transform: rotate(45deg);
}
#menu-toggle.active span:after {
  transform: rotate(-45deg);
}
#menu-toggle span, #menu-toggle span:before, #menu-toggle span:after {
  transition: all 500ms ease-in-out;
}
#menu-toggle.active span:before, #menu-toggle.active span:after {
  top: 5px;
}
#menu-toggle.active span {
  background-color: transparent;
}
#menu-wrapper {
  position: relative;
  z-index: 1;
  top: 89px;
  overflow: hidden;
  height: 0px;
  margin-top: -89px;
  padding-top: 89px;
  -webkit-transition: all .33s ease;
  -moz-transition: all .33s ease;
  -o-transition: all .33s ease;
  transition: all .33s ease;
  border-bottom: 1px solid #333;
  background: #222;
}
a.anchor {
  position: relative;
  top: -250px;
  display: block;
  visibility: hidden;
}
.seven_menu {
  display: none;
}
#menu-wrapper.animate, .navigation.animate {
  height: auto;
}
#menu-wrapper.animate, .navigation.animate {
  padding-bottom: 50px;
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0 0);
}
.searchs {
  position: absolute;
  right: 0;
  left: 0;
  max-width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 0px 20px 0px 20px;
  border-bottom: 1px solid #333;
  background: #222;
}
.searchs-con {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 40%;
}
.searchs input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  max-width: 80%;
  margin-left: -10px;
  padding: 20px 0px 20px 0px;
  color: #fff;
  border: 0;
  border-radius: 3px;
  background: #222;
  font-family: 'Josefin Sans', arial;
  font-size: 36px;
}
.searchs button {
  right: 0;
  float: right;
  width: 10%;
  margin-top: 22px;
  cursor: pointer;
  color: #999;
  border: 0;
  background: #222;
  font-size: 28px;
}
.searchs button:hover {
  color: #fff;
}
.container-fluid {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0px 20px 0px 20px;
  color: #fff;
}
.menu-category-list {
  margin: 15px 0px 0px 0px;
  text-align: center;
}
.menu-category-list span {
  position: relative;
  float: left;
  margin-top: 7px;
  margin-right: 10px;
  padding: 7px 20px;
  color: #000;
  border-radius: 20px;
  background: #fff;
}
.menu-category-list span:before {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  margin-top: -7px;
  margin-left: -2px;
  content: " ";
  pointer-events: none;
  border: solid transparent;
  border-width: 7px;
  border-color: rgba(255, 183, 213, 0);
  border-left-color: #fff;
}
.menu-category-list ul {
  margin-top: 35px;
  margin-bottom: 35px;
}
.menu-category-list li {
  display: inline;
  padding-right: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 46px;
}
.menu-category-list li a {
  padding: 7px 20px;
  text-decoration: none;
  color: #fff;
  border-radius: 20px;
  background: #282828;
}
.menu-category-list li a:hover {
  background: #313131;
}
.menu-child {
  float: right;
  box-sizing: border-box;
  width: 80%;
  margin-bottom: 20px;
}
.menu-child:first-child {
  float: left;
  box-sizing: border-box;
  width: 15%;
  padding-right: 5%;
}
.menu-child:nth-child(5) {
  margin-right: 0;
}
.menu-child h5 {
  display: block;
  display: table-cell;
  color: #868686;
  font-size: 16px;
  font-weight: 700;
}
ul.menu-category {
  margin-top: 5px;
}
ul.menu-category li {
  color: #6e6e6e;
  font-family: 'Lora', arial;
  font-size: 18px;
  font-style: italic;
  line-height: 26.5px;
}
ul.menu-category li a {
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  font-style: normal;
}
/*************************************************************
======================== HEADER END ========================
*************************************************************/

/*************************************************************
======================== MAIN BEGIN ========================
*************************************************************/

/*********************
  4. Index Type B
*********************/
/*********************
  4.1. I-B Featured
*********************/
#index-b-featured {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 20px 0px 20px;
}
#index-b-featured>article {
  position: relative;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 30px;
}
#index-b-featured>article figure {
  margin-bottom: 15px;
}
#index-b-s {
  max-height: 690px;
  margin: 0 auto;
  margin-top: 89px;
  margin-bottom: 20px;
}
/* index header format icon */
.index_header_icon {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding-top: 12px;
  padding-left: 3px;
  text-align: center;
  color: #000;
  border-radius: 50px;
  background: #fff;
  font-size: 24px;
}
.audio-icon i {
  margin-left: -6px !important;
}
#index-b-featured>article .hTitle {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 28px;
}
#index-b-featured>article img {
  width: 100%;
  height: auto;
}
#index-b-featured>article:nth-child(2), #index-b-featured>article:nth-child(8), #index-b-featured>article:nth-child(14) {
  float: left;
  box-sizing: border-box;
  padding-right: 3.4%;
}
#index-b-featured>article:nth-child(3), #index-b-featured>article:nth-child(9), #index-b-featured>article:nth-child(15) {
  float: left;
  width: 25%;
  padding-right: 1.7%;
}
#index-b-featured>article:nth-child(4), #index-b-featured>article:nth-child(10), #index-b-featured>article:nth-child(16) {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-left: 1.7%;
}
#index-b-featured>article:nth-child(4) .hCat, #index-b-featured>article:nth-child(10) .hCat, #index-b-featured>article:nth-child(16) .hCat {
  margin-left: 20px;
}
#index-b-featured>article:nth-child(5), #index-b-featured>article:nth-child(11), #index-b-featured>article:nth-child(17) {
  float: right;
  padding-left: 0px;
}
#index-b-featured>article:nth-child(6), #index-b-featured>article:nth-child(12), #index-b-featured>article:nth-child(18) {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-right: 3.4%;
}
#index-b-featured>article:nth-child(7), #index-b-featured>article:nth-child(13), #index-b-featured>article:nth-child(19) {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-right: 3.4%;
}
#index-b-featured>article .in-s {
  padding: 15px 0px 50px 0px;
}
#index-b-featured>article figure img {
  width: 100%;
  height: auto;
}
/*********************
4.2. I-B Most and Random Posts
*********************/
#trending_index {
  margin: 30px 0px 100px 0px;
  padding: 40px 0px 40px 0px;
  border-bottom: 1px solid #eee;
  background: #fafafa;
}
.trending-index-title {
  margin-bottom: 20px;
}
#trending_index h5 {
  display: inline-block;
  padding-bottom: 10px;
  color: #99999A;
  border-bottom: 2px solid #DBDBDB;
  font-size: 17px;
  font-weight: 700;
}
.trending_index_in {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 10px 0px 10px;
}
.trending_index_in>article {
  float: left;
  overflow: hidden;
  width: 16.66666666666667%;
  max-width: 16.66666666666667%;
  padding-right: 12px;
  padding-left: 12px;
}
.trending_index_in>article .hTitleMin {
  font-size: 15px;
  line-height: 22px;
}
.trending_index_in>article img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}
.trending_index_in>article .hDesc {
  margin-top: 10px;
  font-size: 12px;
  line-height: 19px;
}
/*********************
  4.3. I-B Latest Posts
*********************/
#b-latest-posts {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin: 70px 0px 40px 0px auto;
  padding: 0px 20px 0px 20px;
}
.b-latest-list {
  margin-top: 20px;
}
.b-latest-list>article {
  padding-bottom: 10px;
  min-height: 260px;
  margin-bottom: 5px;
}
.b-latest-list>article:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.b-latest-list .line {
  margin-top: 15px;
  margin-bottom: 25px;
  margin-left: 44%;
}
.no-images .line{
  margin-left: 46.5%;
}
.b-latest-head {
  margin-top: 30px !important;
  float:right;
  width: 56%;
}
.b-latest-foot {
  float:right;
  width: 56%;
}
.b-latest-list>article {
  position: relative;
}
.b-latest-list>article img {
  width: 100%;
  height: 100%;
}
.homepage-posts-image {
  float: left;
  flex-direction: column;
  width: 40%;
  height: auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.homepage-posts-image img {
  flex-shrink: 0;
}
.homepage-posts .hTitle {
  margin-top: 20px;
  margin-bottom: 15px;
}
.no-images{
  text-align: center !important;
  padding:10px;
}
.no-images .b-latest-head, .no-images .b-latest-head, .no-images .b-latest-foot{
  width: 100%;
}
.no-image-icon{
  padding-bottom: 10px !important;
}
.no-image-icon a{
  color: #000;
  font-size: 36px;
}
/*********************
  4.4. I-B Videos
*********************/
.index-featured-video {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
  padding-bottom: 60px;
  background: #111117;
  background: #191919;
}
.index-featured-video>article:nth-child(2) {
  position: relative;
  float: inherit;
  width: 100%;
  margin-bottom: 60px;
}
.index-featured-video>article:nth-child(2) figure {
  overflow: hidden;
  opacity: 0.6;
  min-height: 500px;
}
.index-featured-video>article:nth-child(2) img {
  width: 100%;
  height: auto;
  margin: -150px 0px -150px 0px;
}
.index-featured-video>article:nth-child(2) figure:hover {
  opacity: 1;
}
.index-featured-video>article:nth-child(2) .ibv-play {
  position: absolute;
  top: 63px;
  right: 80px;
  display: inherit;
  width: 51px;
  height: 51px;
  margin: 0 auto;
  border-radius: 90px;
  font-size: 50px;
  line-height: 0px;
}
.index-featured-video>article:nth-child(2) .ibv-play i {
  margin-top: 14.5px;
  margin-left: 18.5px;
  color: #fff;
}
.index-featured-video>article:nth-child(2) footer {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 80px;
  max-width: 500px;
}
.index-featured-video>article:nth-child(2) h2 {
  margin-bottom: 0px;
  text-shadow: 1px 1px 2px #000000;
  font-weight: 700;
  line-height: 49px;
}
.index-featured-video>article:nth-child(2) h2 a {
  margin-bottom: 5px;
  text-decoration: none;
  color: #fff;
  font-size: 42px;
}
.index-featured-video>article:nth-child(2) h2 a:hover {
  border-bottom: 1px solid #eee;
}
.index-featured-video>article:nth-child(2) p {
  color: #fff;
  text-shadow: 1px 1px 2px #000000;
  font-family: 'Lora', georgia;
  font-size: 16px;
  line-height: 24px;
}
.index-featured-video h5 {
  position: absolute;
  z-index: 9;
  top: 0;
  display: inherit;
  margin-top: 70px;
  margin-left: 80px;
  padding-bottom: 15px;
  color: #fff;
  border-bottom: 1px solid #eee;
  text-shadow: 1px 1px 2px #000000;
  font-family: 'Lora', arial;
  font-size: 48px;
  font-weight: 400;
  font-style: italic;
}
.index-featured-video>article .ibv-play {
  display: none;
}
.index-featured-video>article h5 {
  display: none;
}
.index-featured-video>article:nth-child(3) {
  padding-left: 100px;
}
.index-featured-video>article:nth-child(4) {
  padding-right: 50px;
  padding-left: 50px;
}
.index-featured-video>article:nth-child(5) {
  padding-right: 100px;
}
.index-featured-video>article {
  position: relative;
  float: left;
  width: 33.33333333%;
}
.index-featured-video>article img {
  height: auto;
}
.index-featured-video>article h2 a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}
.index-featured-video>article h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.index-featured-video>article h2 a:hover {
  border-bottom: 1px solid #fff;
}
.index-featured-video>article p {
  color: #727272;
  font-family: 'Sahitya', georgia;
  font-size: 16px;
  line-height: 22px;
}
.index-featured-video>article figure img {
  width: 100%;
  height: auto;
}
/*********************
  4.5. I-B Category List
*********************/
#category-index {
  box-sizing: border-box;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0px 20px 0px 20px;
}
#category-index h5 {
  margin-bottom: 20px;
  text-align: center;
  text-transform: lowercase;
  color: #888;
  font-family: 'Lora', arial;
  font-size: 16px;
  font-weight: 700;
}
#category-index h5:after {
  display: block;
  width: 30px;
  margin: 0 auto;
  padding: 14px 0 0 0;
  content: '';
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #D1D1D1;
  -webkit-font-smoothing: antialiased;
}
.category-index-in {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 15px;
}
.category-index-in:nth-child(2) {
  padding: 0px 0px 0px 15px;
}
#category-index section {
  float: left;
}
#ib-category {
  width: 50%;
  max-width: 600px;
  padding: 0px 50px 0px 50px;
}
#ib-category article {
  position: relative;
  float: left;
  width: 50%;
  height: 270px;
  padding: 0px 15px 0px 15px;
}
#ib-category article:nth-child(2n+1) {
  padding: 0px 0px 0px 15px;
}
#ib-category article:nth-child(2n+2) {
  padding: 0px 15px 0px 0px;
}
#ib-category article:nth-child(2n+1) .hCat {
  margin-left: 20px;
}
#ib-category article figure img {
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
}
#ib-category article .hTitle {
  font-size: 16px;
  line-height: 22px;
}
#ib-category article > .hDesc{
  font-size: 12px;
  line-height: 21px;
}
.ib-category-left {
  width: 25%;
  max-width: 300px;
}
.ib-category-right {
  float: right !important;
  width: 25%;
  max-width: 300px;
}
.ib-category-left article, .ib-category-right>article {
  margin-bottom: 20px;
}
.ib-category-left article figure, .ib-category-right>article figure {
  float: left;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.ib-category-left article figure img, .ib-category-right>article figure img {
  width: auto;
  height: 80px;
  margin: 0px 0px 0px -22px;
}
.ib-category-left article .ib-d, .ib-category-right>article .ib-d, .ib-category-right>article .ib-d a, .ib-category-left>article .ib-d a{
  padding: 6px 0px 0px 0px;
  text-decoration: none;
  color: #000;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Lora', arial;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
}
.ib-category-left>article h2, .ib-category-right>article h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.ib-category-left, .ib-category-right>article h2 a {
  text-decoration: none;
  color: #000;
}
/* category index child */
.category-index-child {
  float: left;
  width: 100%;
  margin: 15px 0px 15px 0px;
}
.category-index-child img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.category-index-child:nth-child(3) {
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin: 15px 2% 0px 0px;
}
.category-index-child:nth-child(4) {
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin: 15px 0px 0px 2%;
}
.category-index-child img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.category-index-child footer {
  margin-top: -5px;
}
/*********************
  4.6. Carousel
*********************/
.owl-carousel>article {
  position: relative;
}
.owl-carousel>article a {
  display: block;
  width: 100%;
}
figure.carousel-fig {
  overflow: hidden;
  max-height: 700px;
  background: #000;
}
figure.carousel-fig img {
  z-index: 1;
  height: auto;
  margin: -200px 0px -150px 0px;
  opacity: 0.6;
}
figure.carousel-fig:hover {
  opacity: 1;
}
.carousel-head {
  position: absolute;
  z-index: 9;
  top: 50%;
  right: 0;
  left: 0;
  max-width: 800px;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
}
.carousel-head h2 {
  padding-bottom: 20px;
  text-decoration: none;
  color: #fff;
  font-size: 58px;
  font-weight: 700;
  line-height: 70px;
}
.carousel-head h2 a {
  text-decoration: none;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}
.carousel-head p {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 3px #555;
  font-family: 'Lora', arial;
  font-size: 16px;
  line-height: 24px;
}
.next-prev-posts {
  margin-bottom: 80px;
  padding:0 10px 0 10px;
}
.prev-post {
  float: left;
  width: 50%;
  padding-right:5%;
  border-right: 1px solid #eee;
}
.next-post {
  float: right;
  width: 50%;
  padding-left:5%;
  text-align: right;
}
.next-prev-posts span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.next-prev-posts a {
  display: block;
  padding-top: 15px;
  text-decoration: none;
  color: #000;
  font-family: 'Lora', arial, helvetica !important;
  font-style: italic;
  line-height: 22px;
}
.next-post:hover a{
  color: #727272 !important;
}
.prev-post:hover a{
  color: #727272 !important;
}
.next-prev-posts span a {
  font-family: 'Josefin Sans', arial, helvetica, tahoma !important;
  font-style: normal;
}
.no-c-d{
  margin-top:20px;
}
/*********************
  5. Content / Post
*********************/
#content-cover {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 600px;
  margin-top: 39px;
  background-color: transparent;
  background-repeat: no-repeat;
}
/*********************
  5.1. Post Formats
*********************/
#post-formats {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-top: 39px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.video-format {
  width: 100%;
  padding: 20px;
  text-align: center;
  background: #000;
}
.video-format iframe {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.audio-format {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
}
.quote-format {
  max-width: 100%;
  height: 100%;
  max-height: 600px;
  margin: 0 auto;
  padding: 17%;
  text-align: center;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, .5);
}
.quote-format-nothumb{
  background: #000;
}
.down-noimage{
  margin-bottom: -30px;
}
.quote-format p {
  margin-bottom: 30px;
  font-family: 'Lora', arial, helvetica;
  font-size: 36px;
  font-style: italic;
  line-height: 56px;
}
.quote-format span {
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
/* LINK FORMAT */
.link-format {
  max-width: 100%;
  height: 600px;
  margin: 0 auto;
  padding: 220px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, .5);
}
.link-format-nothumb{
  background: #000;
  height: 350px;
  padding:100px;
  margin-bottom: -100px;
}
.down-clear{
  height:350px !important;
}
.link-format p {
  margin-bottom: 30px;
  font-size: 72px;
  line-height: 56px;
}
.link-format span {
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
}
.link-format span a {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.link-format span a:hover {
  border-bottom: 1px solid #fff;
}
#single-a #content{
  max-width: 100% !important;
}
#content {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 0px 20px 0px 20px;
}
/*********************
  5.2. Post Title
*********************/
.content-title {
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
}
.content-title h2 {
  text-align: center;
  font-size: 52px;
  font-weight: 400;
  line-height: 68px;
}
.content-title ul {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}
.content-title ul li {
  display: inline;
  margin: 0px 0px 10px 5px;
  opacity: 0.4;
  font-weight: 600;
  line-height: 20px;
}
.content-title ul li a {
  text-decoration: none;
  color: #000;
}
.content-title ul li a:hover {
  text-decoration: line-through;
}
.content-title ul li:after {
  margin-left: 7px;
  content: "·";
}
.content-title ul li:last-child:after {
  content: " ";
}
.text {
  margin-top: 50px;
  font-family: 'Lora', arial !important;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}
.text p {
  margin: 25px 0px 25px 0px;
  font-family: 'Lora', arial !important;
}
.text div {
  font-family: 'Lora', arial !important;
}
.text span {
  font-family: 'Lora', arial !important;
}
.text h1 {
  margin: 25px 0px 25px 0px;
  color: #000;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}
.text h2 {
  margin: 25px 0px 25px 0px;
  color: #000;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
}
.text h3 {
  margin: 25px 0px 25px 0px;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
.text h4 {
  margin: 25px 0px 25px 0px;
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}
.text h5 {
  margin: 25px 0px 25px 0px;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
.text h6 {
  margin: 25px 0px 25px 0px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.text i {
  font-style: italic;
  font-family: 'Lora', arial !important;
}
.text abbr {
  cursor:help;
  font-family: 'Lora', arial !important;
}
.text var{
  border-bottom:1px dotted #ccc;
  font-style: italic;
  font-family: 'Lora', arial !important;
}
.text code, .text kbd, .text samp{
  font-family: monospace, arial, helvetica;
}
.text code{
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border:1px solid #fbd1dd;
  font-size: 92%;
  border-radius: 3px;
  padding:3px;
}
.text cite{left: 0.05em; text-transform: uppercase; font-size: 12px; }
.text u, .text ins{ text-decoration: underline; font-family: 'Lora', arial !important; }
.text mark{padding:2px 3px;  background: #FBD400; }
.text small{ font-size:12px; }
.text q{
  font-style: italic;
  font-family: 'Lora', arial !important;
  border-bottom:1px dotted #666;
}
.text sub, .text sup {
  position: relative;
  vertical-align: baseline;
  font-size: 70%;
  line-height: 0;
}
.text sup { top: -0.5em; }
.text sub { bottom: -0.25em; }
.text a {
  text-decoration: none;
  color: #0093ec;
  font-family: 'Lora', arial !important;
}
.text a:hover {
  text-decoration: underline;
  color: #0093ec;
}
.text dt{
	font-weight: bold;
}
.text dd{
	margin-left: 10px;
	padding-left:10px;
  margin-bottom: 5px;
	border-left:3px solid #ccc;
  font-family: 'Lora', arial !important;
}
.text del{
  color:#f00;
  font-family: 'Lora', arial !important;
}
.text img {
  width: auto;
  height: auto;
  max-width: 100%;
}
a img {
  border: none !important;
}
.text blockquote {
  position: relative;
  margin: 0px -75px 0px -75px;
  padding: 10px 75px 10px 75px;
  color: #636363;
  border-left: 5px solid #000;
  border-radius: 5px;
  background: #F1F1F1;
  font-size: 19px;
  overflow:auto;
}
.text blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 12px 0px 0px 15px;
  content: '\f10d';
  color: #000;
  font-family: 'fontAwesome';
  font-size: 24px;
}
.text blockquote:after {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0px 15px 10px 0px;
  content: '\f10e';
  color: #000;
  font-family: 'fontAwesome';
  font-size: 24px;
}
.text ol {
  margin: 30px 0px 30px 0px;
  padding-left: 20px;
  list-style-type: none;
  counter-reset: item;
  font-family: 'Lora', arial !important;
}
.text ol li {
  display: block;
  padding-bottom: 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  font-family: 'Lora', arial !important;
}
.text ol li:last-child {
  padding: 0;
}
.text ol li:before {
  margin-right: 2px;
  content: counter(item) "  ";
  counter-increment: item;
  font-family: 'Lora', arial;
  font-size: 28px;
  font-style: italic;
}
.text ol li ol{
  margin:10px 0 10px 25px;
}
.text ol li ol li:before {
  margin-right: 2px;
  content: counter(item) "  ";
  counter-increment: item;
  font-family: 'Lora', arial;
  font-size: 20px;
  font-style: italic;
}
.text pre {
  overflow: hidden;
  margin: 20px -75px 20px -75px;
  padding: 25px;
  border-radius: 8px;
  background: #f9f9f9;
  border: 1px solid #eeeeee;
  font-family: monospace, 'Courier New', arial;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: left;
}
.text img{
  z-index: 1;
  position: relative;
}
.text b {
  font-family: 'Lora', arial;
  font-weight: bold;
}
.text ul {
  margin: 30px 0px 30px 0px;
  padding-left: 20px;
  font-size: 18px;
  font-family: 'Lora', arial !important;
}
.text ul li{
  font-family: 'Lora', arial !important;
}
.text ul li:before {
  margin-right: 5px;
  padding-top: -2px;
  content: '\f111';
  color: #000;
  font-family: 'fontAwesome', arial;
  font-size: 12px;
}
.text strong {
  font-family: 'Lora', arial !important;
  font-weight: bold;
}
.text ul li ul{
  margin:5px 0 5px 25px;
}
.text ul li ul li:before{
  content: '\f10c';
  font-family: 'fontAwesome', arial;
}
.text ul li ul li ul li:before{
  content: '\f1db';
  font-family: 'fontAwesome', arial;
}
.text em {
  font-family: 'Lora', arial;
  font-style: italic;
}
.text table {
  border-collapse: collapse;
  width: 100%;
	font-family: 'Josefin Sans', monospace;
	font-size: 16px;
  margin-bottom: 20px;
}
.text th {
  background-color: #f1f1f1;
  font-weight: bold;
}
.text th,
.text td {
  border: 1px solid #ccc;
  line-height: 1.5;
  padding: 0.75em;
  text-align: left;
}
@media (max-width: 30em) {
	.text thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	.text tr {
  border: 0.125em solid #333;
  border-bottom: 0;
  }
  .text tr + tr {
  margin-top: 1.5em;
  }
  .text tr,
  .text td {
		display: block;
	}
	.text td {
		border: none;
		border-bottom: 0.125em solid #333;
		padding-left: 50%;
	}
  .text td:before {
  content: attr(data-label);
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  margin-left: -100%;
  width: 100%;
  }
}
@media (max-width: 20em) {
  .text td {
  padding-left: 0.75em;
  }
  .text td:before {
  display: block;
  margin-bottom: 0.75em;
  margin-left: 0;
  }
}
/* Content Inputs */
.text label{
  margin-bottom: 10px !important;
}
.text input[type="text"], .text input[type="tel"], .text input[type="password"], .text input[type="email"], .text input[type="date"], .text input[type="number"] {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 4px 12px 4px 12px;
  color: #000;
  border: 3px solid #eeeeee;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  margin:5px 0px 20px 0px;
}
.text input[type="text"]::placeholder, .text input[type="email"]::placeholder, .text input[type="password"]::placeholder, .text input[type="tel"]::placeholder, .text input[type="date"]::placeholder, .text input[type="number"]::placeholder, .text textarea::placeholder{
  font-family: 'Lora', arial, helvetica;
  font-style: italic;
  font-size: 14px;
}
.text select {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 4px 8px 4px 8px;
  color: #000;
  border: 3px solid #eeeeee;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  margin:5px 0px 20px 0px;
}
.text textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  padding: 7px 8px 7px 8px;
  color: #000;
  border: 3px solid #eeeeee;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
  margin:5px 0px 20px 0px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.text textarea:focus{
  height: 170px;
}
.text input[type="range"] {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 4px 8px 4px 8px;
  color: #000;
  border: 3px solid #eeeeee;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 600;
}
.text input[type="submit"], .text button {
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 10px 70px 10px 70px;
  cursor: pointer;
  color: #fff;
  border: 0;
  background: #000;
  font-family: 'Josefin Sans', arial;
  font-weight: 700;
}
.text input[type="submit"]:hover, .text button:hover{
  background: #222;
}
.text blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
.text blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}
.wpcf7-form p {
  color: #898989;
  font-weight: 700;
}
.aligncenter {
  max-width: 100%;
  display: block;
  margin: 5px auto 5px auto;
}
img.aligncenter{
  text-align: center;
}
#single-a-con  .aligncenter{
  width: 100% !important;
  margin: auto;
  margin:20px 0px 20px 0px;
  text-align: center;
}
.alignleft {
  float: left;
  margin: 20px 30px 20px -75px;
}
.alignright {
  float: right;
  margin: 20px -75px 20px 30px;
}
.alignnone {
  margin: 20px 0px 20px 0px;
}
.wp-caption-text {
  color: #727272;
  font-family: 'Lora', georgia !important;
  font-size: 14px;
  font-style: italic;
}
.text iframe {
  width: 100%;
}
p.page-break{
  text-align: center;
  margin-top: 70px !important;
  margin-bottom:30px;
  font-family: 'Josefin Sans', arial, helvetica !important;

}
p.page-break a{
  background: #000;
  padding:4px 7px 4px 7px;
  color: #fff;
  font-family: 'Josefin Sans', arial, helvetica !important;
}
p.page-break a:hover{
  background: #333;
  text-decoration: none;
  color: #fff;
}
.gallery-format {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 700px;
  margin: 0 auto;
}
.gallery-format-container {
  position: relative;
  overflow: hidden;
  transition: 0.4s;
  background: lightblue;
}
.gallery-format-child {
  position: relative;
  float: left;
  text-align: center;
  margin-bottom: -10px;
}
.gallery-format-child img {
  width: 100%;
  height: auto;
  margin-top: -5%;
}
.controls a {
  position: absolute;
  top: 47%;
  padding: 30px;
  text-decoration: none;
  color: white;
  text-shadow: 2px 2px 2px #333;
  font-size: 52px;
}
.controls a:hover {
  text-shadow: 5px 5px 5px #000;
}
.controls .Wprev {
  left: 50px;
}
.controls .Wnext {
  right: 50px;
}
.gallery {
  overflow: hidden;
}
.gallery-caption {}
.gallery-item {
  float: left;
  margin: 0 0 28px;
  text-align: center;
}
.gallery-item dd{
  margin:0; border:0; padding:0;
  line-height: 1.5;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-3 .gallery-item {
  width: 33%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery-columns-6 .gallery-item {
  width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
  width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
  width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  width: 11.1111%;
}
.gallery img {
  height: auto;
  padding: 4px;
  border: 1px solid #ddd;
}
.gallery img:hover {
  border: 1px solid #999;
}
.wp-caption {
  max-width: 100%;
  padding: 6px 2px 10px;
  text-align: center;
  border: 1px solid #f0f0f0;
  background: #fff;
}
.wp-caption.alignnone {
  margin: 0 0px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  width: auto;
  max-width: 98.5%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 10px 4px 5px;
  font-size: 11px;
  line-height: 17px;
}
.screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}
.screen-reader-text:focus {
  z-index: 100000;
  top: 5px;
  left: 5px;
  display: block;
  clip: auto !important;
  width: auto;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  color: #21759b;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: normal;
}
/*********************
5.3. Content Share and Tags
*********************/
.content-footer {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 30px;
  padding: 0 20px 0px 20px;
}
.tags-like-share {
  margin-bottom: 100px;
}
.tags-like-share div {
  float: left;
}
.tags {
  width: 58%;
}
.tags a {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 7px 10px 7px 10px;
  text-decoration: none;
  color: #727272;
  border-radius: 5px;
  background: #f1f1f1;
  font-size: 16px;
  font-weight: 600;
}
.tags a:hover {
  color: #888;
  background: #f6f6f6;
}
.tags i {
  margin: 0px 5px 0px 2px;
  color: #d0d0d0;
  font-size: 16px;
}
.share {
  width: 42%;
  margin-top: 6px;
  text-align: right;
  float: right !important;
}
.share a {
  padding: 7px;
  color: #979797;
  font-size: 20px;
}
.share a:hover {
  color: #000;
}
/*********************
5.4. Content Author
*********************/
.post-author {
  position: relative;
  margin-bottom: 70px;
  padding: 20px 10px 20px 10px;
  text-align: center;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
}
.post-author-avatar {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}
.post-author-avatar img {
  width: 100px;
  height: 100px;
  margin-top: 5px;
  border-radius: 90px;
}
.post-author-name {
  margin-top: 20px;
  font-size: 19px;
  font-weight: 700;
}
.post-author-name a {
  text-decoration: none;
  color: #000;
}
.post-author-name a:hover {
  color: #666;
}
.post-author-social {
  display: inline-block;
  margin: 20px 0px 0px 13px;
  text-align: center;
  font-size: 14px;
}
.post-author-social a {
  float: left;
  margin: 0px 15px 0px 0px;
  color: #000;
}
.post-author-social a:hover {
  color: #999;
}
.post-author p {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 7px;
  margin-top: 20px;
  margin-bottom: 5px;
  color: #727272;
  font-family: 'Lora', georgia, times new roman;
  font-size: 14px;
  line-height: 22px;
}
/*********************
5.5. Latest Post Single
*********************/
.last-posts {
  margin: 0 auto;
  margin-top: 50px;
}
.lp-child {
  float: left;
  width: 33.33333333%;
  height: 470px;
  padding: 0px 20px 0px 20px;
}
.lp-child figure {
  overflow: hidden;
  margin-bottom: 20px;
}
.lp-child figure img {
  width: 100%;
  height: auto;
  margin: -20px 0px -20px 0px;
}
.lp-child .hTitle {
  font-size: 24px;
  line-height: 34px;
}
.no-image-margin{
  margin-top: 90px !important;
}

/*********************
      6. Comments
*********************/
.content-footer-left {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 10px) and (max-width: 768px){
  .content-footer-left {
    padding:0 10px 0 10px;
  }
}
.comments-title {
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
  color: #646464;
}
.comments-title span {
  color: #9c9c9c;
  font-family: 'Lora', arial, helvetica;
  font-size: 18px;
  font-style: italic;
}
.comments-title span:after {
  display: block;
  width: 30px;
  margin: 0 auto;
  padding: 14px 0 0 0;
  content: '';
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #D1D1D1;
  -webkit-font-smoothing: antialiased;
}
.comment-reply {
  clear: both;
  margin: 50px 0px 50px 0px;
}
textarea#comment {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #eeeeee;
  background: #fff;
  font-family: 'Lora', arial;
  font-size: 16px;
}
.comment-reply textarea {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #eeeeee;
  background: #fff;
  font-family: 'Lora', arial;
  font-size: 16px;
}
.comment-reply textarea:focus {
  border: 2px solid #e2e2e2;
}
.cr-inputs{
  display: flex;
  margin-top:15px;
}
.cr-inputs input[type="text"] {
  box-sizing: border-box;
  margin-top: 1.5%;
  margin-bottom: 10px;
  padding: 9px 14px 9px 14px;
  border: 2px solid #eeeeee;
  background: #fff;
  font-family: 'Josefin Sans', arial;
  font-size: 15px;
  font-weight: 600;
}
.cr-inputs input[type="text"]:first-child {
  width: calc(33.3333333333% - 10px);
  margin-right: 10px;
}
.cr-inputs input[type="text"]:nth-child(2) {
  width: calc(33.3333333333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.cr-inputs input[type="text"]:nth-child(3) {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
}
.comment-reply input[type="text"]:focus {
  border: 2px solid #e2e2e2;
}
.cr-inputs input:nth-child(3) {
  margin-right: 0;
}
.comment-reply input[type="submit"] {
  width: 200px;
  margin: 0 auto;
  margin-top: 8px;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
  color: #fff;
  border: 0;
  background: #000;
  font-family: 'Josefin Sans', arial;
  font-weight: 700;
}
.comment-reply input[type="submit"]:hover {
  background: #222;
}
p.form-submit input[type="submit"] {
  width: 200px;
  margin: 0 auto;
  margin-top: 8px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
  color: #fff;
  border: 0;
  background: #000;
  font-family: 'Josefin Sans', arial;
  font-weight: 700;
}
p.form-submit input[type="submit"]:hover {
  background: #222;
}
p.comment-notes {
  display: block !important;
  width: 100% !important;
  padding: 10px 0px 10px 0px;
  color: #888;
  font-family: 'Lora', arial;
  font-size: 14px;
}
h3#reply-title {
  font-weight: 700;
}
h3#reply-title small a {
  float: right;
  padding: 8px 10px 10px 10px;
  text-decoration: none;
  color: #fff;
  background: #000;
  font-size: 14px;
}
.depth-2, .depth-3, .depth-4 {
  margin-left: 25px;
}
p.logged-in-as {
  padding: 15px 0px 15px 0px;
  color: #888;
  font-family: 'Lora', arial;
  font-size: 14px;
}
p.logged-in-as a {
  color: #555;
  font-family: 'Lora', arial;
}
#commentform{
  margin-bottom: 10px;
}
/* comment child */
article.comment {
  position: relative;
  margin-top: 25px;
  margin-bottom: 20px;
}
.comments li {
  list-style: none;
}
.nocomments{
  text-align: center;
  font-family: 'Lora', georgia;
  font-style: italic;
  color:#D42D3F;
  font-weight: bold;
  cursor: not-allowed;
}
.nocomicon{
  color:#D42D3F;
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
  cursor: not-allowed;
}
.comment .text{
  margin-top:0 !important;
  padding:0;
  font-size: 16px;
  line-height: 24px;
}
.line {
  width: 50px;
  padding-top: 25px;
  border-bottom: 1px solid #dedede;
}
header.comment-header {
  clear: both;
  margin-bottom: 10px;
}
.comment-header-left {
  float: left;
  width: 80%;
}
.comment-header-left img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 32px;
}
.comment-header-left h5 {
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 16px;
  font-weight: 700;
}
.comment-header-left span a {
  color: #99999A;
  font-size: 14px;
}
.comment-header-left a {
  text-decoration: none;
  color: #000;
}
.comment-content p {
  clear: both;
  font-family: 'Lora', arial;
  line-height: 24px;
}
.un-reply:hover+.reply {
  display: inherit;
}
.reply:hover {
  display: inherit;
}
.reply {
  position: absolute;
  top: 2px;
  right: 0;
  display: none;
  float: right;
  margin-top: 8px;
}
.reply i {
  color: #999;
  font-size: 12px;
}
.reply a {
  text-decoration: none;
  color: #999;
  font-size: 14px;
}
.comment-subscription-form {
  padding-top: 8px;
  font-size: 14px;
}
.content-footer-right {
  float: right;
  width: 300px;
}
/* Comment Navigation */
.comment-navigation {
  margin-top: 50px;
}
.comment-navigation .nav-previous {
  float: left;
}
.comment-navigation .nav-next {
  float: right;
}
.bypostauthor > article > .un-reply > .comment-header{
  border-left:3px solid #ccc;
  padding:5px 5px 5px 10px;
}
.bypostauthor > article > .un-reply > .comment-header > .comment-header-left > h5:after{
  content: 'author';
  margin-left: 5px;
  border:1px solid #f9ff63;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  background: #fffd9e;
  padding:2px 5px 2px 5px;
}
/* content end */
/*********************
      7. Page
*********************/
#page {
  margin-top: 39px;
  margin-bottom: 50px;
}
#page .text {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 30px;
}
header#page-cover {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 300px;
  margin-bottom: -20px;
  background-color: transparent;
  background-repeat: no-repeat;
}
#page #content {
  margin-top: 100px;
}
#page .content-title {
  max-width: 800px;
}
#page .content-title h2 {
  text-align: center;
  font-size: 48px;
  font-weight: 700;
}
.page-comments{
  max-width: 800px;
  margin:0 auto;
  margin-top: 100px;
  border-top:1px solid #eee;
  padding-top: 50px;
}
.content-title .line {
  margin: 0 auto;
  text-align: center;
}
.we-table div {
  float: left;
  width: 185px;
  margin: 0px 20px 20px 0px;
}
.we-table div:nth-child(4n+4) {
  margin-right: 0;
}
.we-table div img {
  width: 185px;
  border-radius: 235px;
}
/*********************
8. Single Style
*********************/
#single-a-con {
  position: relative;
  width: 100%;
  margin-top: 30px;
  padding: 0px 30px 0px 30px;
  border-bottom: 1px solid #eee;
}
#single-a {
  float: left;
  width: 70%;
  margin-top: 30px;
  padding-right: 30px;
}
#single-b-header {
  width: 100%;
}
#single-b-header img {
  width: 100%;
  height: auto;
}
#single-a .content-title {
  margin-bottom: 40px;
}
#single-a .content-title h2 {
  text-align: left;
  line-height: 68px;
}
#single-a .content-title ul {
  margin-top: 20px;
  text-align: left;
}
#single-a .alignnone {
  width: 100%;
  margin: 0px 0px 0px 0px;
}
#single-a .alignleft {
  margin-left: 0;
}
#single-a .alignright {
  margin-right: 0;
}
#single-a blockquote {
  margin-right: 0;
  margin-left: 0;
}
#single-a pre {
  margin-right: 0;
  margin-left: 0;
}
#single-a iframe {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin-right: 0;
  margin-left: 0;
}
#single-a article.rps-child {
  width: 186.25px;
}
#single-a article.rps-child img {
  width: 100%;
  height: auto;
}
/*********************
9. Sidebar / Widgets
*********************/
#sidebar-two {
  float: right;
  box-sizing: border-box;
  width: 28%;
  min-width: 320px;
  margin-top: 60px;
  padding-right: 3%;
}
.sidebar-about {
  margin-bottom: 60px;
  border: 0;
}
.sidebar-about img {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 20px;
  border-radius: 90px;
}
.sidebar-about-name {
  padding-top: 18px;
  font-size: 20px;
  font-weight: 700;
}
.sidebar-about-social {
  margin-top: 10px;
}
.sidebar-about-social a {
  margin-right: 7px;
  color: #000;
}
.sidebar-about-pag {
  margin-top: 20px;
  color: #666;
  font-family: 'Lora', georgia, times new roman;
  font-size: 13px;
  font-style: italic;
  line-height: 20px;
}
.st-widget {
  margin-bottom: 50px;
  display: block;
}
ul.st-widget-recent-posts {
  list-style-type: none;
}
ul.st-widget-recent-posts li {
  position: relative;
  clear: both;
  width: 100%;
  margin-bottom: 30px;
}
ul.st-widget-recent-posts li figure {
  float: left;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin: 3px 20px 0px 0px;
  border-radius: 100px;
}
ul.st-widget-recent-posts li figure img {
  width: 200px;
  height: auto;
  margin: -75px -30px -85px -64px;
}
ul.st-widget-recent-posts .hTitle {
  font-size: 18px;
  line-height: 25px;
}
/*********************
9.1. Random Post Widgets
*********************/
ul.st-widget-random-posts li figure {
  float: left;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin: 3px 20px 0px 0px;
  border-radius: 100px;
}
ul.st-widget-random-posts li figure img {
  width: 200px;
  height: auto;
  margin: -75px -30px -85px -64px;
}
ul.st-widget-random-posts li {
  margin-bottom: 30px;
}
ul.st-widget-random-posts li span {
  text-transform: uppercase;
  color: #99999A;
  font-size: 12px;
}
ul.st-widget-random-posts .hTitle {
  margin-top: 5px;
  font-size: 18px;
  line-height: 25px;
}
/*********************
9.2. Category, Nav Menu Widget
*********************/
.widget_categories {
  display: inline-block;
}
.widget_categories ul, .widget_nav_menu ul{
  margin-top: -10px;
}
.widget_categories ul li, .widget_nav_menu ul li{
  color: #99999A;
  font-family: 'Lora', arial;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 5px;
}
.widget_categories ul li a, .widget_nav_menu ul li a{
  text-decoration: none;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 28px;
}
.widget_categories ul li a:hover, .widget_nav_menu ul li a:hover{
  border-bottom: 1px dotted #000;
}
.widget_categories ul li ul, .widget_nav_menu ul li ul{
  margin-top: 7px;
}
.widget_categories ul li ul li{
  margin-left: 10px;
}
.widget_nav_menu ul li ul li{
  margin-left: -10px;
}
.widget_nav_menu ul li ul li{
  margin-left: 10px;
}
.widget_categories ul li ul li a, .widget_nav_menu ul li ul li a {
  font-size: 15px;
}
/*********************
9.3. Tag Widget
*********************/
.st-widget-tags a {
  margin-right: 3px;
  padding: 3px 7px 3px 7px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  text-decoration: none;
  color: #000;
  border: 1px solid #eee;
  line-height: 35px;
}
.st-widget-tags a:hover {
  background: #eee;
}
/*********************
9.4. Quote Widget
*********************/
.st-widget-quo {
  position: relative;
  padding: 40px;
  border: 1px solid #fff;
}
.st-widget-quo p {
  text-align: center;
  color: #333;
  font-family: 'Lora', arial;
  font-size: 24px;
  line-height: 34px;
}
.st-widget-quo-tik {
  margin-bottom: -30px;
  text-align: center;
  color: #00AB6B;
  font-family: 'Lora', arial;
  font-size: 72px;
}
.quo-who {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #00AB6B;
  font-size: 14px;
  font-weight: 400;
}
.st-widget select {
  width: 100%;
  padding: 10px 10px 10px 10px;
  border: 2px solid #eee;
  font-family: 'Lora', arial, helvetica;
}
/*********************
9.5. Recent Posts Widget
*********************/
.widget_recent_entries ul li {
  margin-bottom: 7px;
  font-weight: 600;
  line-height: 20px;
}
.widget_recent_entries ul li:before {
  margin-right: 5px;
  padding-top: -2px;
  content: '\f10c';
  color: #99999A;
  font-family: 'fontAwesome', arial;
  font-size: 14px;
  font-weight: normal;
}
.widget_recent_entries ul li:last-child {
  margin: 0;
}
.widget_recent_entries ul li a {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  text-decoration: none;
  color: #000;
}
.widget_recent_entries a:hover {
  color: #555;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 50% 85%;
}
/*********************
9.6. Archive Widget
*********************/
.widget_archive ul li{
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.widget_archive ul li:before{
  margin-right: 5px;
  padding-top: -2px;
  content: '\f10c';
  color: #99999A;
  font-family: 'fontAwesome', arial;
  font-size: 14px;
  font-weight: normal;
}
.widget_archive ul li:last-child{
  margin: 0;
}
.widget_archive ul li a{
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  text-decoration: none;
  color: #000;
}
.widget_archive a:hover{
  color: #555;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 50% 85%;
}
/*********************
9.7. Meta Widget
*********************/
.widget_meta ul li {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.widget_meta ul li:before {
  margin-right: 5px;
  padding-top: -2px;
  content: '\f10c';
  color: #99999A;
  font-family: 'fontAwesome', arial;
  font-size: 14px;
  font-weight: normal;
}
.widget_meta ul li:last-child {
  margin: 0;
}
.widget_meta ul li a {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  text-decoration: none;
  color: #000;
}
.widget_meta a:hover {
  color: #555;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 50% 85%;
}
/*********************
9.8. Pages Widget
*********************/
.widget_pages ul li {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.widget_pages ul li:before {
  margin-right: 5px;
  padding-top: -2px;
  content: '\f10c';
  color: #99999A;
  font-family: 'fontAwesome', arial;
  font-size: 14px;
  font-weight: normal;
}
.widget_pages ul li:last-child {
  margin: 0;
}
.widget_pages ul li a {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  text-decoration: none;
  color: #000;
}
.widget_pages a:hover {
  color: #555;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 50% 85%;
}
/*********************
9.9. Recent Comments Widget
*********************/
.widget_recent_comments ul li {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.5;
}
.widget_recent_comments ul li a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px dotted #555;
  font-weight: 600;
}
.widget_recent_comments ul li a:hover {
  border-bottom: 1px solid #555;
}
/*********************
9.10. Search Widget
*********************/
.widget_search form{
  position: relative;
}
.widget_search input[type="text"] {
  box-sizing: border-box;
  width: 75%;
  height: 40px;
  padding: 4px 15px 4px 12px;
  color: #000;
  border: 3px solid #eeeeee;
  border-right: 0;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
}
.widget_search input[type="text"]::placeholder{
  font-family: 'Lora', arial, helvetica;
  font-style: italic;
  font-size: 14px;
}
.widget_search input[type="submit"] {
  padding: 0 18px 0 18px;
  line-height: 35px;
  height: 40px;
  cursor: pointer;
  background: #000;
  color: #fff;
  border-radius: 0px 3px 3px 0px;
  font-family: 'Josefin Sans', arial, helvetica;
  text-transform: uppercase;
  font-size:12px;
  letter-spacing: 2px;
  position: absolute;
  top: 0;
  right: 0;
  border: 3px solid #222;
  border-left: 0;
  transition: all 0.7s;
}
.widget_search input[type="submit"]:hover {
  background: #222;
}
/*********************
9.11. Calendar Widget
*********************/
#wp-calendar a {
  text-decoration: none;
  color: #000;
}
.widget_calendar {}
#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  margin-bottom: 15px;
  text-align: right;
  color: #333;
  font-size: 12px;
}
#wp-calendar thead {
  font-size: 12px;
}
#wp-calendar thead th {
  padding-bottom: 10px;
}
#wp-calendar tbody {
  color: #aaa;
}
#wp-calendar tbody td {
  padding: 7px 5px 7px 5px;
  text-align: center;
  border: 1px solid #fff;
  background: #f1f1f1;
}
#wp-calendar tbody td:hover {
  background: #f9f9f9;
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tfoot #next {
  text-align: right;
  text-transform: uppercase;
  font-size: 10px;
}
#wp-calendar tfoot #prev {
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 10px;
}
/*********************
9.12. Tag Widget
*********************/
.tagcloud a{
  color: #000;
  text-decoration: none;
  padding:3px;
}
.tagcloud a:hover{
  background: #f1f1f1;
}
/*********************
9.13. Text Widget
*********************/
.widget_text p{
  font-family: 'Lora',georgia,helvetica !important;
  line-height: 1.5;
  color: #333;
  font-size: 14px;
}
.widget_text b, .widget_text strong{
  font-family: 'Lora',georgia,helvetica !important;
  font-weight: bold;
}
.widget_text img{
  max-width: 100%;
}
/*********************
9.13. RSS Widget
*********************/
.widget_rss .rsswidget{
  text-decoration: none;
  font-weight: bold;
  color:#333;
  line-height: 1.5;
}
.rsswidget:hover{
  border-bottom: 1px solid #333;
}
.widget_rss li{
  margin-bottom: 20px;
}
.rss-date{
  font-family: 'Lora',georgia,helvetica !important;
  font-style: italic;
  color: #878787;
  font-size: 14px;
}
.rssSummary{
  font-family: 'Lora',georgia,helvetica !important;
  line-height: 1.5;
  margin:10px 0 10px 0;
  font-size:14px;
  color: #333;
}
.widget_rss cite{
  font-style: italic;
  font-family: 'Lora',georgia,helvetica !important;
  font-weight: bold;
  color:#333;
}
/* sidebar end */
/*********************
  10. Index Type A
*********************/
section#index-a-featured {
  margin-top: 39px;
  padding: 30px 1.5% 30px 3%;
  border-bottom: 1px solid #eee;
  background: #fafafa;
}
.index-a-featured-con {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.index-a-con {
  float: left;
  width: 70%;
  padding: 0px 30px 0px 30px;
  border-right: 1px solid #eee;
}
#index-a-sidebar {
  float: right;
  width: 30%;

  padding: 3% 3% 0px 3%;
}
.index-b {
  padding-top: 0.5%;
}
#index-a-earth {
  position: relative;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  border-bottom: 1px solid #eee;
}
.index-a-featured-con>article {
  float: left;
  width: 11%;
  margin: 0px 0.75% 0px 0.75%;
}
.index-a-featured-con>article>.hDesc {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
.index-a-featured-con>article:first-child {
  margin-left: 0;
}
.index-a-featured-con>article:nth-child(8) {
  margin-right: 0;
}
.index-a-featured-con>article figure img {
  width: 100%;
  height: auto;
}
.index-a {
  margin-top: 45px;
}
.index-a .line {
  margin-bottom: 33px;
  margin-left: 43%;
}
.index-a>article {
  position: relative;
  float: left;
  width: 100%;
  min-width: 505px;
  padding: 0px 2% 10px 0px;
}
.index-a>article figure {
  float: left;
  width: 40%;
  margin-right: 30px;
  margin-bottom: 10px;
}
.index-a>article img {
  width: 100%;
  height: auto;
}
.index-a-right {
  margin-top: 25px;
}
.navigation {
  max-width: 83%;
  margin: 0 auto;
  padding: 10px 0px 50px 0px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.navigation a {
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  color: #fff;
  background: #000;
}
.navigation a:hover {
  background: #333;
}
.nav-left a:before{
  content: '\f177';
  font-family: 'fontAwesome';
  margin-right: 8px;
}
.nav-right a:after{
  content: '\f178';
  font-family: 'fontAwesome';
  margin-left: 8px;
}
.yukardan_bos {
  margin-top: 39px;
}
.yukardan_bos_cd {
  margin-top: 79px;
}
/*************************************************************
======================== MAIN END ========================
*************************************************************/
/*********************
11. Titles, Desc, Figure, Category
*********************/
.hTitle {
  margin: 10px 0px 15px 0px;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}
.hTitle a {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-decoration: none;
  color: #000;
  background-position: 15% 75%;
}
.hTitle a:hover {
  color: #000;
  background-color: inherit;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 55% 80%;
}
.hDesc {
  color: #666;
  font-family: 'Lora', arial;
  font-size: 15px;
  line-height: 24px;
}
.hCat {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  padding: 5px;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-size: .7em;
  font-weight: 700;
}
.hCat a {
  text-decoration: none;
  color: #fff;
}
.hCat a:hover {
  color: #fff;
}
.hCom {
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Lora', arial;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-style: italic;
}
.hCom a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Lora', arial, helvetica;
}
.hCom a:hover {
  color: rgba(0, 0, 0, 0.7);
}
.hDate {
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 700;
}
.hDate a {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.5);
}
.hDate a:hover {
  text-decoration: line-through;
  color: #888;
}
figure {
  position: relative;
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
figure:hover {
  opacity: 0.8;
}
.hSideTitle, .hSideTitle a {
  margin-bottom: 30px;
  text-transform: lowercase;
  color: #888;
  font-family: 'Lora', arial;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
}
.hSideTitle h5 {
  font-family: 'Lora', arial, sans-serif !important;
}
.hSideTitle h5:after {
  display: block;
  width: 30px;
  padding: 14px 0 0 0;
  content: '';
  border-bottom: 1px solid #D1D1D1;
  -webkit-font-smoothing: antialiased;
}
.hTitleMin {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.hTitleMin a {
  transition: 0s;
  text-decoration: none;
  color: #000;
}
.hTitleMin a:hover {
  background: #fff;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 50% 85%;
}
.hTitleHow {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  text-align: center;
  font-style: italic;
}
.hTitleHow span {
  position: relative;
  display: inline-block;
  zoom: 1;
  padding: 0 30px;
  vertical-align: baseline;
  text-transform: lowercase;
  color: #888;
  font-family: 'Lora', arial !important;
  font-size: 18px;
  font-weight: 700;
  *display: inline;
  *vertical-align: auto;
}
.hTitleHow span:before, .hTitleHow span:after {
  position: absolute;
  top: 0.53em;
  display: block;
  width: 1000px;
  content: '';
  border-top: 1px solid #D9D9D9;
}
.hTitleHow span:before {
  right: 100%;
}
.hTitleHow span:after {
  left: 100%;
}
.sticky .hTitle a{
  background: #e8e8e8;
}
.sticky .hTitleMin a{
  background: #e8e8e8;
}
.sticky .hTitle{
  position: relative;
}
.sticky .hTitle:before{
  font-family: "FontAwesome";
  float:right;
  font-size: 1.7rem;
  content: '\f08d';
  color: #929292;
  margin-top:-20px;
  font-weight: normal;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*********************
12. Index Type C-D
*********************/
section.index-a {
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 30px;
  padding: 0px 30px 100px 30px;
}
.index-cd-top {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  margin-top: 89px;
}
.index-cd-top-child {
  float: left;
  width: 16.66666666666667%;
  text-align: center;
}
.index-cd-top-child img {
  width: 100%;
  height: auto;
}
#index-d article {
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
}
.index-cd-top-child .hTitleMin {
  padding: 0px 15px 0px 15px;
  background: #fff;
}
.index-cd-top-con>article {
  position: relative;
  margin: 20px 0px 60px 0px;
}
.index-cd-top-con>article header {
  width: 60%;
  width: 60%;
  max-width: 1150px;
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center !important;
}
.index-cd-top-con>article figure {
  overflow: hidden;
  height: 600px;
}
.index-cd-top-con>article figure img {
  width: 100%;
  height: auto;
  margin: -100px 0 0 0;
}
.index-cd-top-con>article .hDate {
  float: inherit;
  text-align: center !important;
}
.index-cd-top-con>article .hTitle {
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
}
.line-two {
  width: 80px;
  height: 5px;
  margin: 0 auto;
  margin-top: 25px;
  background: #eee;
}
.index-cd-top-con>article footer {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}
.index-cd-top-con>article footer figure {
  width: 100%;
  max-width: 1000px;
  height: 500px;
  margin: 0 auto;
}
.index-cd-child img {
  height: auto;
}
.index-cd-top-con>article .hDesc {
  width: 70%;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
}
.more {
  margin-top: 10px;
  text-align: center;
}
.more a {
  text-decoration: none;
  color: #666;
  background-image: url(img/title-hover.jpg);
  background-repeat: repeat-x;
  background-position: 50% 85%;
  font-weight: 700;
}
.more a:hover {
  background: none;
}
section#index-cd-list {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 30px;
}
#index-cd-list>article {
  position: relative;
  float: left;
  width: 25%;
  min-height: 290px;
  padding-right: 15px;
  padding-left: 15px;
}
#index-cd-list>article:nth-child(-n+2) {
  width: 50%;
  min-height: 510px;
}
#index-cd-list>article:nth-child(-n+2) .hTitle {
  font-size: 24px;
  line-height: 30px;
}
#index-cd-list>article figure {
  margin-top: 10px;
  margin-bottom: 15px;
}
#index-cd-list>article figure img {
  width: 100%;
  height: auto;
}
#index-cd-list>article .hTitle {
  font-size: 18px;
  line-height: 22px;
}
#index-cd-list>article .hDate {
  float: inherit;
  margin-top: -5px;
}
#index-cd-list>article .hCat {
  margin-top: 5px;
  margin-left: 10px;
}
.index-b article {
  margin-bottom: 70px;
  padding-bottom: 70px;
  border-bottom: 1px solid #eee;
}
.index-b article:last-child {
  padding: 0;
  border: 0;
}
/*********************
13. Category Type A
*********************/
.category-a-title {
  width: 94%;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
}
.category-a-title h5 {
  color: #000;
  font-family: 'Lora', arial !important;
  font-size: 34px;
  font-style: italic;
  line-height: 44px;
}
.category-a-title h5::after {
  display: block;
  width: 70px;
  margin: 0 auto;
  padding: 14px 0 0 0;
  content: '';
  border-bottom: 1px solid #000;
  -webkit-font-smoothing: antialiased;
}
.search-terms {
  font-family: 'Lora', arial !important;
  font-weight: bold;
}
.category-a-title p {
  margin-top: 15px;
  color: #888;
  font-family: 'Lora', arial !important;
  font-size: 15px;
  line-height: 24px;
}
.category-cd-title {
  padding-top: 150px;
}
section#category-a {
  width: 85%;
  margin: 0 auto;
  margin-top: 90px;
}
#category-a>article {
  position: relative;
  float: left;
  width: 27.3%;
  height: 600px;
  margin: 3% 3% 0 3%;
}
#category-a>article figure {
  margin-bottom: 20px;
}
#category-a>article figure img {
  width: 100%;
  height: auto;
}
#category-a>article .hDesc {
  font-size: 16px;
  line-height: 24px;
}
#category-a>article .hTitle {
  padding-top: 10px;
}
.hTitleCon {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
/*********************
    14. 404 Page
*********************/
.not-found {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 150px;
  padding: 20px;
  text-align: center;
}
.for-search-result{
  margin-top: 70px;
}
.not-found span {
  font-size: 42px;
  font-weight: 700;
}
.not-found p {
  margin-top: 30px;
  font-family: 'Lora', georgia, times new roman;
  font-style: italic;
  line-height: 28px;
}
.nf-search {
  margin-top: 30px;
  position: relative;
}
.nf-search input {
  width: 100%;
  max-width: 300px;
  margin-top: 1px;
  padding: 0 10px;
  border: 2px solid #e8e8e8;
  line-height: 37px;
  font-family: 'Lora', Arial;
  margin-left: -20px;
}
.nf-search button {
  line-height: 37px;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #000;
  background: #000;
  font-family: 'Josefin Sans', arial;
  font-size: 12px;
  box-sizing:border-box;
  -moz-box-sizing: border-box;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding:0 20px;
}
.nf-last {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 60px;
}
.back-home {
  margin: 0 auto;
  margin-top: 40px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}
.back-home a {
  width: 120px;
  padding: 10px;
  text-decoration: none;
  letter-spacing: 3px;
  color: #fff;
  background: #000;
}
/*********************
  15. Author Page
*********************/
#author-con {
  margin-top: 130px;
}
.a-avatar {
  width: 120px;
  margin: 0 auto;
}
.a-avatar img {
  border-radius: 60px;
}
.a-name {
  margin-top: 15px;
  padding: 0 0 0px 0;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}
.a-social {
  margin: 20px 0px 15px 0px;
  padding: 0 20px 0px 20px;
  text-align: center;
}
.a-social a {
  margin: 5px;
  text-align: center;
  color: #000;
  font-size: 16px;
}
.a-social a:hover {
  color: #555;
}
.a-bio {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px 0px 20px;
  text-align: center;
  font-family: 'Lora', arial, helvetica;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}
/* Mobile Clear */
.mobile_menu_wrap {
  display: none;
}
/*********************
      16. Footer
*********************/
#footer-a {
  margin-top: 100px;
}
.footer-a-con {
  width: 1200px;
  margin: 0 auto;
}
.footer-a-social {
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
  font-size: 22px;
}
.footer-a-social ul li {
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
}
.footer-a-social ul li a {
  color: #ccc;
}
.footer-a-social ul li a:hover {
  color: #ddd;
}
.footer-a-down {
  padding: 30px 50px 30px 50px;
  background: #f5f5f5;
  line-height: 24px;
}
.footer-a-child {
  float: left;
  color: #666;
  font-size: 14px;
  font-weight: 700;
}
.footer-a-child ul li {
  display: inline;
}
.footer-a-child ul li ul{
  display: none;
}
.footer-a-child ul li:last-child:after {
  content: '';
}
.footer-a-child ul li:after {
  margin-right: 8px;
  margin-left: 10px;
  content: '/';
  color: #bbbbbb;
}
.footer-a-child ul li a {
  text-decoration: none;
  color: #666;
}
.footer-a-child ul li a:hover {
  text-decoration: line-through;
}
.fac-right {
  float: right;
  width: 60%;
  text-align: right;
  line-height: 24px;
}
/*********************
17. Responsive / Mobile
*********************/
/*********************
17.1. 1024-1150 Small Screen
*********************/
@media only screen and (min-width: 1024px) and (max-width: 1150px) {
  /************************ HEADER ************************/
  .header_left {
    font-size: 16px !important;
  }
  .mobile_menu_pop {
    display: none;
  }
  /************************ Carousel ************************/
  figure.carousel-fig img {
    margin: -50px 0px -25px 0px !important;
  }
  /* Homepage-A Type */
  .index-a-con {
    width: 68% !important;
  }
  /* Homepage C-D Type */
  .index-cd-top-con>article {
    padding: 0px 20px 0px 20px !important;
  }
  #index-cd-list {
    padding: 0px 20px 0px 20px !important;
  }
  .index-featured-video > article:nth-child(2) img{
    margin: -50px 0 -50px 0;
  }
  .index-featured-video > article:nth-child(2) footer {
    bottom: 100px;
  }
}
/*********************
17.2. 768-1024 Tablet Landspace
*********************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /************************ HEADER ************************/
  .header_right ul {
    display: none !important;
  }
  .header_right {
    position: absolute;
    top: 22px;
    right: -10px;
    width: 15px !important;
  }
  .header_left {
    width: 60%;
    padding-left:0;
    float: right !important;
    margin-top: 20px;
    margin-right: 40px !important;
    max-width: 100% !important;
    position: absolute;
    right: 40px !important;
  }
  .header_left ul {
    float: right;
  }
  .header_left ul li ul{
    float: inherit !important;
  }
  #logo {
    left: 0;
    float: left !important;
    margin-left: 0;
  }
  .header-share {
    display: none !important;
  }
  /* Carousel */
  .carousel-fig img {
    margin: 00px 0px 0px 0px !important;
  }
  .carousel-head {
    width: 500px;
  }
  /* Featured Posts */
  #index-b-featured .hDesc {
    display: none;
  }
  /* Videos */
  .index-featured-video>article:nth-child(1) img {
    margin: 0px 0px 0px 0px !important;
  }
  /* Categories */
  #ib-category article {
    position: relative;
    float: inherit !important;
    width: 100% !important;
    height: 300px !important;
    padding: 0px 0 0px 0 !important;
  }
  .ib-category-left article figure, section.ib-category-right>article figure {
    float: left;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin-right: 15px;
  }
  /* Footer */
  #footer-a {
    margin-top: 20px !important;
  }
  .fac-left {
    width: 100% !important;
    margin-bottom: 25px;
    text-align: center !important;
  }
  .fac-right {
    width: 100% !important;
    text-align: center !important;
  }
  /* Single */
  .alignleft {
    margin: 20px 30px 20px 0px !important;
  }
  .alignright {
    margin: 20px 0px 20px 30px !important;
  }
  .alignnone {
    margin: 20px 0px 20px 0px !important;
  }
  .text img {
    max-width: 100%;
  }
  .text blockquote {
    margin: 0px 0px 0px 0px !important;
  }
  .text pre {
    margin: 20px 0px 20px 0px !important;
  }
  .text iframe {
    max-width: 100%;
    width: 100%;
    margin: 0 !important;
  }
  .tags {
    width: 100% !important;
    text-align: center;
  }
  .like {
    width: 100% !important;
    margin-top: 30px !important;
    text-align: center !important;
  }
  .share {
    float: left !important;
    width: 100% !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
  }
  .cr-inputs {
    margin-top: 3px !important;
    display: block;
  }
  .cr-inputs input[type="text"] {
    width: 100% !important;
    margin: 5px 0px 5px 0px !important;
  }
  /* Category-A */
  #category-a>article {
    width: 44% !important;
  }
  /* Homepage Type A */
  .index-a-con {
    width: 58% !important;
  }
  .index-a>article figure {
    width: 100% !important;
  }
  .index-a-right {
    width: 100% !important;
  }
  .index-a>article {
    width: 50% !important;
    min-width: 100% !important;
  }
  .index-featured-video h5 {
    display: none;
  }
  .index-featured-video>article:nth-child(2) p {
    display: none;
  }
  .ib-category-left article figure, section.ib-category-right>article figure {
    width: 80px;
    height: 80px;
  }
  .gallery-format-child img {
    width: 100%;
    height: auto;
    margin-top: -175px;
  }
  .mobile_menu_pop .searchs-con{
    margin-top: -30px;
  }
  .index-featured-video > article:nth-child(2) img{
    margin: 0 0 0 0;
  }
  .index-featured-video > article:nth-child(2) footer {
    bottom: 100px;
  }
}
/*********************
17.3. 480-768 Tablet - Phone
*********************/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  /************************ HEADER ************************/
  .header_right ul {
    display: none !important;
  }
  .header_right {
    position: absolute;
    top: 19px;
    right: -10px;
    width: 15px !important;
  }
  .header_left {
    display: none;
  }
  #logo {
    left: 0;
    float: left !important;
    margin-left: 0;
  }
  .menu-email {
    display: none;
  }
  .mobile_menu_tik {
    line-height: 48px;
  }
  .mobile_menu_wrap {
    display: inherit !important;
    margin-right: -20px;
    margin-left: -20px;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
  }
  .mobile_menu_wrap ul li {
    padding: 15px 2px 15px 20px;
    border-bottom: 1px solid #333;
    font-size: 18px;
    font-weight: 700;
  }
  .mobile_menu_wrap ul li a {
    margin-bottom: 15px;
    padding: 15px 2px 15px 20px;
    text-decoration: none;
    color: #fff;
  }
  .mobile_menu_wrap ul li a:hover {
    color: #727272;
  }
  .mobile_menu_wrap ul li ul {
    display: none;
  }
  .header-share {
    display: none !important;
  }
  /* Carousel */
  .carousel-fig img {
    margin: 0px 0px 0px 0px !important;
  }
  .carousel-head {
    width: 300px;
  }
  .carousel-head h2 {
    font-size: 36px !important;
    line-height: 46px !important;
  }
  .carousel-head p {
    display: none !important;
  }
  .owl-prev {
    left: 15px !important;
  }
  .owl-next {
    right: 15px !important;
  }
  /* Featured Posts */
  #index-b-featured {
    margin-bottom: 10px !important;
  }
  #index-b-featured>article {
    float: left !important;
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 9% !important;
    padding: 0 !important;
    padding-right: 2% !important;
  }
  #index-b-featured>article:nth-child(2n+2) {
    float: left !important;
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 9% !important;
    padding: 0 !important;
    padding-left: 0% !important;
  }
  #index-b-featured>article .hDesc {
    font-size: 14px !important;
  }
  #index-b-featured>article .hDate {
    float: right;
    width: 54%;
  }
  #index-b-featured>article .hCom {
    margin-top: 20px;
  }
  #index-b-featured>article figure {
    float: left;
    width: 40%;
    margin-right: 30px !important;
    margin-bottom: 15px !important;
  }
  #index-b-featured>article .hTitle {
    margin-top: 10px !important;
    margin-bottom: 7px !important;
  }
  /* Most or Random posts */
  #trending_index {
    display: none !important;
  }
  /* Latest Posts */
  .b-latest-list>article .hTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .b-latest-list>article .hDesc {
    font-size: 14px;
  }
  /* Videos */
  .index-featured-video {
    display: none;
  }
  /* Categories */
  #category-index {
    display: none;
  }
  /* Navigation */
  .navigation {
    margin: 0px 10px 0px 10px !important;
  }
  /* Footer */
  #footer-a {
    margin-top: 20px !important;
  }
  .fac-left {
    width: 100% !important;
    margin-bottom: 25px;
    text-align: center !important;
  }
  .fac-right {
    width: 100% !important;
    text-align: center !important;
  }
  /* Single */
  .alignleft {
    margin: 20px 30px 20px 0px !important;
  }
  .alignright {
    margin: 20px 0px 20px 30px !important;
  }
  .alignnone {
    margin: 20px 0px 20px 0px !important;
  }
  .text img {
    max-width: 100%;
  }
  .text blockquote {
    margin: 0px 0px 0px 0px !important;
  }
  .text pre {
    margin: 20px 0px 20px 0px !important;
  }
  .text iframe {
    max-width: 100%;
    margin: 0 !important;
  }
  .tags {
    width: 100% !important;
    text-align: center;
  }
  .like {
    width: 100% !important;
    margin-top: 30px !important;
    text-align: center !important;
  }
  .share {
    float: left !important;
    width: 100% !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
  }
  .cr-inputs {
    margin-top: 3px !important;
    display: block;
  }
  .cr-inputs input[type="text"] {
    width: 100% !important;
    margin: 5px 0px 5px 0px !important;
  }
  .lp-child {
    float: inherit !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 50px;
    text-align: center;
  }
  #content-cover {
    height: 400px !important;
  }
  .quote-format{
    height: 400px !important;
    padding:50px;
  }
  /* Category-A */
  #category-a>article {
    width: 44% !important;
  }
  #category-a>article .hTitle {
    font-size: 24px;
    line-height: 34px;
  }
  /* Homepage Type A */
  .index-a-con {
    width: 100% !important;
    margin-top: 25px;
    border-right: 0;
  }
  .index-a>article figure {
    width: 100% !important;
  }
  .index-a-right {
    width: 100% !important;
  }
  .index-a>article {
    width: 102% !important;
    min-width: 400px !important;
  }
  #index-a-sidebar {
    float: inherit !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 50px !important;
    width: 320px;;
  }
  #index-a-featured {
    display: none;
  }
  /*mobile menu*/
  #popup {
    margin-top: 50px;
  }
  .mobile_menu_pop {
    display: inherit !important;
    margin-bottom: 60px;
  }
  .mobile_menu_pop ul li {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 42px;
  }
  .mobile_menu_pop ul li a {
    text-decoration: none;
    color: #fff;
  }
  .mobile_menu_pop ul li ul li {
    font-size: 16px;
  }
  .mobile_menu_pop ul li ul{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #2c2c2c;
  }
  /*searchs*/
  .searchs {
    width: 480px !important;
    margin: 0 auto;
  }
  .searchs input[type="text"] {
    font-size: 24px !important;
  }
  .searchs-con {
    margin: 0;
  }
  /*mobile menu tik*/
  .mobile_menu_tik a:after {
    content: '\f0c9' !important;
    font-size: 21px;
  }
  /* Type C-D */
  .index-cd-top-con>article figure img {
    margin: 0 0 0 0 !important;
  }
  .index-cd-top-con>article figure {
    height: auto !important;
  }
  #index-cd-list>article {
    width: 50% !important;
    min-height: 400px !important;
  }
  .prev-post {
    width: 100%;
    border: 0
  }
  .next-post {
    width: 100%;
    margin-top: 30px;
    text-align: left;
    padding-left: 0;
  }
  .aligncenter{
    margin:0 auto;
    margin: 20px 0 20px 0 !important;
    text-align: center;
  }
  .alignright {
    float: inherit;
    margin: 20px 0 20px 0 !important;
  }
  .alignleft {
    float: inherit;
    margin: 20px 0 20px 0 !important;
  }
  #single-a{
    width: 100%;
    padding-right:0;
  }
  #single-a > #content{
    margin:0;
    padding:0;
  }
  .reply{
    display: inherit;
  }
}
/*********************
17.4. 0-480 Phone
*********************/
@media only screen and (min-width: 0px) and (max-width: 480px) {
  /************************ HEADER ************************/
  .header_right ul {
    display: none !important;
  }
  .header_right {
    position: absolute;
    top: 19px;
    right: -10px;
    width: 15px !important;
  }
  .header_left {
    display: none;
  }
  #logo {
    left: 0;
    float: left !important;
    margin-left: 0;
  }
  .menu-email {
    display: none;
  }
  .mobile_menu_tik {
    line-height: 50px;
  }
  .mobile_menu_wrap {
    display: inherit !important;
    margin-right: -20px;
    margin-left: -20px;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
  }
  .mobile_menu_wrap ul li {
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #333;
    font-size: 18px;
    font-weight: 700;
  }
  .mobile_menu_wrap ul li a {
    margin-bottom: 15px;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    color: #fff;
  }
  .mobile_menu_wrap ul li a:hover {
    color: #727272;
  }
  .mobile_menu_wrap ul li ul {
    display: none;
  }
  .mobile_menu_pop ul li ul{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #2c2c2c;
  }
  .search input[type="text"] {
    width: 80% !important;
    font-size: 24px !important;
  }
  .search button {
    float: right;
    margin-right: 10px !important;
  }
  .header-share {
    display: none !important;
  }
  /* Carousel */
  #index-b-s {
    margin-bottom: -15px !important;
  }
  .carousel-fig img {
    margin: 0px 0px 0px 0px !important;
  }
  .carousel-head {
    width: 180px;
  }
  .carousel-head h2 {
    font-size: 24px !important;
    line-height: 36px !important;
  }
  .carousel-head p {
    display: none !important;
  }
  .owl-prev {
    left: 15px !important;
  }
  .owl-next {
    right: 15px !important;
  }
  /* Featured Posts */
  .hTitleCon {
    display: none !important;
  }
  #index-b-featured {
    display: none;
  }
  /* Most or Random posts */
  #trending_index {
    display: none !important;
  }
  /* Latest Posts */
  #b-latest-posts {
    margin-top: 20px !important;
  }
  .b-latest-list>article {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  .b-latest-list>article .hTitle {
    font-size: 28px;
    line-height: 38px;
  }
  .b-latest-list>article .hDesc {
    font-size: 14px;
  }
  .homepage-posts-image {
    width: 100% !important;
  }
  .b-latest-head {
    width: 100% !important;
  }
  .b-latest-foot {
    width: 100% !important;
  }
  /* Videos */
  .index-featured-video {
    display: none;
  }
  /* Categories */
  #category-index {
    display: none;
  }
  .reply{
    display: inherit;
  }
  /* Navigation */
  .navigation {
    margin: 0px 10px 0px 10px !important;
  }
  /* Footer */
  #footer-a {
    margin-top: 20px !important;
  }
  .fac-left {
    width: 100% !important;
    margin-bottom: 15px;
    text-align: center !important;
  }
  .fac-right {
    width: 100% !important;
    text-align: center !important;
  }
  /* Single */
  .alignleft {
    margin: 20px 30px 20px 0px !important;
  }
  .alignright {
    margin: 20px 0px 20px 30px !important;
  }
  .alignnone {
    margin: 20px 0px 20px 0px !important;
  }
  .text img {
    max-width: 100%;
  }
  .text blockquote {
    margin: 0px 0px 0px 0px !important;
    padding: 10px 40px 10px 40px !important;
  }
  .text pre {
    margin: 20px 0px 20px 0px !important;
  }
  .text iframe {
    max-width: 100%;
    margin: 0 !important;
  }
  .tags {
    width: 100% !important;
    text-align: center;
  }
  .like {
    width: 100% !important;
    margin-top: 30px !important;
    text-align: center !important;
  }
  .share {
    float: left !important;
    width: 100% !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
  }
  .cr-inputs {
    margin-top: 3px !important;
    display: block;
  }
  .cr-inputs input[type="text"] {
    width: 100% !important;
    margin: 5px 0px 5px 0px !important;
  }
  .lp-child {
    float: inherit !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 50px;
    text-align: center;
  }
  #content-cover {
    height: 300px !important;
  }
  .content-title h2 {
    font-size: 42px !important;
    line-height: 58px !important;
  }
  /* Category-A */
  .category-a-title {
    margin-bottom: 50px !important;
  }
  #category-a>article {
    width: 94% !important;
    height: auto !important;
    margin-bottom: 50px !important;
    text-align: center;
  }
  #category-a>article .hTitle {
    font-size: 28px;
    line-height: 38px;
  }
  .navigation {
    max-width: 100% !important;
    padding: 10px 0px 50px 0px !important;
  }
  .alignleft {
    margin: 20px 0px 20px -75px !important;
  }
  .alignright {
    margin: 20px -75px 20px 0px !important;
  }
  /* 404 */
  .nf-search input {
    max-width: 250px !important;
    margin-bottom: 10px;
  }
  /* Homepage Type A */
  .index-a-con {
    width: 100% !important;
    margin-top: 25px;
    border-right: 0;
  }
  .index-a>article figure {
    width: 100% !important;
  }
  .index-a-right {
    width: 100% !important;
  }
  .index-a>article {
    width: 102% !important;
    min-width: 250px !important;
    text-align: center;
  }
  #index-a-sidebar {
    float: inherit !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 50px !important;
  }
  #index-a-featured {
    display: none;
  }
  #popup {
    margin-top: 50px;
  }
  .mobile_menu_pop {
    display: inherit !important;
    margin-bottom: 60px;
  }
  .mobile_menu_pop ul li {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 44px;
  }
  .mobile_menu_pop ul li a {
    text-decoration: none;
    color: #fff;
  }
  .mobile_menu_pop ul li ul li {
    font-size: 16px;
  }
  .depth-2 {
    margin-left: 25px;
  }
  .depth-3, .depth-4 {
    margin-left: 0;
  }
  /*searchs*/
  .searchs {
    width: 320px !important;
    margin: 0 auto;
  }
  .searchs-con {
    margin: 0;
  }
  .searchs input[type="text"] {
    font-size: 20px !important;
  }
  /*mobile menu tik*/
  .mobile_menu_tik a:after {
    content: '\f0c9' !important;
    font-size: 21px;
  }
  .index-cd-top-child {
    display: none;
  }
  /* Type C-D */
  .index-cd-top-con>article figure img {
    margin: 0 0 0 0 !important;
  }
  .index-cd-top-con>article figure {
    height: auto !important;
  }
  #index-cd-list>article {
    width: 100% !important;
    min-height: 400px !important;
  }
  .index-cd-top-con>article .hTitle {
    font-size: 26px !important;
    line-height: 36px!important;
  }
  .prev-post {
    width: 100%;
    border: 0
  }
  .next-post {
    width: 100%;
    margin-top: 30px;
    text-align: left;
    padding-left: 0;
  }
  .quote-format{
    height: 300px !important;
    padding:25px;
  }
  .quote-format p{
    font-size: 26px;
    line-height: 36px;
  }
  .aligncenter{
    margin:0 auto;
    margin: 20px 0 20px 0 !important;
    text-align: center;
  }
  .alignright {
    float: inherit;
    margin: 20px 0 20px 0 !important;
  }
  .alignleft {
    float: inherit;
    margin: 20px 0 20px 0 !important;
  }
  #single-a{
    width: 100%;
    padding-right:0;
  }
  #single-a > #content{
    margin:0;
    padding:0;
  }
  .reply{
    display: inherit;
  }
  .content-footer{
    margin:0;padding:0;
  }
  #single-a-con{
    padding:0 15px 0 15px;
  }
  #index-a-sidebar{
    margin-left:-13px;
  }
}