/*
Theme Name: Konsus x Bill Dellecker
Theme URI: https://konsus.com
Description: Modified theme for Bill Dellecker
Author: Konsus
Author URI: https://konsus.com
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, grid-layout, featured-images, theme-options, full-width-template, sticky-post, translation-ready, post-formats, threaded-comments, blog
License: GNU/GPL Version 2 or later.
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: konsusxbilldellecker
Version: 1.0.1
*/
/*
* +----------------------------------------------------------------
* |- Table of Content ---------------------------------------------
* |- 1. BASE
*   |--- 1.1. Selection
*   |--- 1.2. Anchor
*   |--- 1.3. Figure
*   |--- 1.4. Titles
*   |--- 1.5. Element Styles
* |- 2. ARTICLE ELEMENTS
*   |--- 2.1. Article Title
*   |--- 2.2. Section Title
*   |--- 2.3. Article Category
*   |--- 2.4. Article Content
*   |--- 2.5. Article Detail
*   |--- 2.6. Article More
* |- 3. FADE IN
* |- 4. LEFT SIDEBAR
*   |--- 4.1. Sidebar Menu
* |- 5. HEADER
*   |--- 5.1. Header Top
*   |--- 5.2. Header Top Social
*   |--- 5.3. Header Top Right
*   |--- 5.4. Header Middle
*   |--- 5.5. Logo
*   |--- 5.6. Sidebar Button, Search Button
*   |--- 5.7. Main Menu
* |- 6. MAIN
* |- 7. SLIDER
* |- 8. CONTENT
*   |--- 8.1. Article A
*   |--- 8.2. Article B
*   |--- 8.3. Article C
*   |--- 8.4. Page Navigation
* |- 9. SIDEBAR
*   |--- 9.1. Sidebar Article
*   |--- 9.2. Sidebar Widget Title
*   |--- 9.3. Sidebar Widget Form
*   |--- 9.4. Widgets
*   |--- 9.1. Sidebar Article
*   |--- 9.1. Sidebar Article
*   |--- 9.1. Sidebar Article
*   |--- 9.1. Sidebar Article
*   |--- 9.1. Sidebar Article
* |- 10. SINGLE POST
*   |--- 10.1. Post Elements
*   |--- 10.2. WordPress Gallery
*   |--- 10.3. Post Formats
*   |--- 10.4. Post Share and Tags
*   |--- 10.5. Post Author
*   |--- 10.6. Single Post Nav
*   |--- 10.7. Single Two
* |- 11. COMMENTS
* |- 12. CATEGORY, TAGS, ARCHIVE
* |- 13. AUTHOR PAGE
* |- 14. 404 PAGE
* |- 15. FOOTER
* +----------------------------------------------------------------
*/
body {
  overflow-x: hidden;
  background: #fbfbfb;
  font-family: Merriweather, Georgia, 'Times New Roman';
}
/* 1.BASE */
/* 1.1.Selection */
::-moz-selection {
  background: #135bbf;
  color: #fff;
}
::selection {
  background: #135bbf;
  color: #fff;
}
/* 1.2.Anchor */
a {
  outline: 0;
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-out;
     -moz-transition: color 0.2s ease-out;
       -o-transition: color 0.2s ease-out;
          transition: color 0.2s ease-out;
}
a:hover {
  color: #555;
}
/* 1.3.Figure */
figure img {
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  height: auto;
  max-width: 100%;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
/* 1.4.Titles */
h1,
h2,
h3,
h4,
h5,
h6,
span,
label,
.article-category,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="datetime-local"],
input[type="date"],
input[type="search"],
input[type="submit"],
input[type="button"],
select,
button,
textarea,
.sidebar-menu,
.header-top-right,
.header-top-right-menu p,
#main-menu li a,
#main-menu ul li .mega-menu .mega-menu-col div,
.page-nav,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.wc-layered-nav-term,
.product-categories li,
.recentcomments,
.text span,
.post-tags a,
.widget_recent_entries li,
.footer-menu li{
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 50px;
  line-height: 70px;
}
h2 {
  font-size: 42px;
  line-height: 62px;
}
h3 {
  font-size: 32px;
  line-height: 52px;
}
h4 {
  font-size: 22px;
  line-height: 42px;
}
h5 {
  font-size: 17px;
  line-height: 34px;
}
h6 {
  font-size: 12px;
  line-height: 29px;
}
/* 1.5. Element Styles */
p {
  font-family: 'Merriweather', georgia, 'times new roman';
}
strong,
b {
  font-weight: bold;
}
em {
  font-style: italic;
}
u,
ins {
  text-decoration: underline;
}
abbr {
  cursor: help;
}
var,
cite {
  color: #5f5f5f;
  font-style: italic;
}
cite {
  left: 0.05em;
  text-transform: uppercase;
  font-size: 12px;
}
kbd,
samp,
code {
  font-family: monospace;
}
kbd {
  background: #333;
  color: #fff;
  border-radius: 5px;
  padding: 3px 6px;
  font-size: 90%;
}
code {
  background: #f9f2f4;
  color: #c7254e;
  font-size: 90%;
  padding: 3px 6px;
  border-radius: 5px;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 80%;
  line-height: 0;
}
sup {
  top: -0.3em;
}
sub {
  bottom: -0.25em;
}
mark {
  background: #FBD400;
  padding: 2px 3px;
}
small {
  font-size: 12px;
}
address {
  font-style: italic;
}
del {
  color: #d0214e;
}
ins {
  color: #0d980b;
}
/* Content Blockquote */
blockquote {
  font-style: italic;
  overflow: auto;
}
blockquote p {
  margin: 0 !important;
}
/* Content Pre */
pre {
  font: 16px monospace;
  background: #f9f9f9;
  overflow: auto;
  padding: 15px 25px 15px 25px;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  overflow: auto;
}
/* Description */
dt {
  font-weight: bold;
}
dd {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 3px solid #ccc;
}
table {
  border-collapse: collapse;
  border: 1px solid #e6e6e6;
  margin-bottom: 1.5em;
}
td,
th {
  border-top: 1px solid #e6e6e6;
  vertical-align: top;
  padding: 8px 15px !important;
}
th {
  font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="datetime-local"],
input[type="date"],
input[type="search"],
select{
  border: 0;
  background: #FFF;
  padding: 5px 10px;
  margin-bottom: 20px;
  border: 1px solid #cecece;
  height: 35px;
}
input[type="radio"],
input[type="checkbox"] {
  display: inline;
  margin-right: 2px;
}
input:hover,
textarea:hover {
  border: 1px solid  #D9D9D9;
}
input:focus,
textarea:focus {
  border-color: #CBCBCB;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
  border: 0;
  background: #121212;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: 500;
  padding: 9px 17px 9px 17px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
  opacity: 0.8;
}
textarea {
  border: 0;
  background: #FFF;
  border: 1px solid #cecece;
  padding: 14px 15px;
  margin-bottom: 20px;
  font-size: 14px;
}
/* 2. ARTICLE ELEMENTS */
/* 2.1. Article Title */
.article-title {
  font-size: 36px;
  line-height: 1.3;
  padding-top: 3px;
  font-weight: bold;
}
/* 2.2. Section Title */
h3.section-title {
  text-transform: uppercase;
  color: #111;
  text-align: left;
  position: relative;
  z-index: 1;
  font-size: 14px;
}
h3.section-title:before {
  border-top: 1px solid #f0f0f0;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
h3.section-title span {
  background: #fbfbfb;
  padding: 0 15px 0 0;
  font-weight: bold;
}
.little-title {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.little-title:after {
  content: '●';
  color: #135bbf;
  display: block;
  font-size: 16px;
  margin-top: 3px;
}
/* 2.3. Article Category */
.article-category {
  font-size: 13px;
  line-height: 30px;
  text-transform: uppercase;
  color: #c3c3c3;
  font-weight: bold;
}
.article-category a {
  background: #121212;
  margin: 0 0 0 5px;
  padding: 3px 10px;
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.article-category a:hover {
  background: #333;
}
.article-category span {
  font-style: italic;
  text-transform: lowercase;
  color: #6e6e6e;
}
/* 2.4. Article Content */
.article-content {
  margin: 20px 0 0 0;
  color: #777;
}
/* 2.5. Article Detail */
.article-detail {
  margin-top: 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  color: #9c9c9c;
  display: flex;
}
.article-detail a {
  color: #9c9c9c;
}
.article-detail a:hover {
  color: #666666;
}
.article-detail > span {
  font-weight: bold;
}
.article-detail i {
  margin: 0 5px;
}
.article-detail-in {
  flex: 1 1 auto;
  padding: 12px 0px !important;
  border-right: 1px solid #eee;
}
.article-detail > .article-detail-in:last-child {
  border-right: 0;
}
/* 2.6. Article More */
.article-more,
.article-more:before,
.article-more:after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.article-more {
  margin: 0 0 0 -20px;
  display: inline-block;
  border-left: 0;
  border-right: 0;
  padding: 0 10px;
}
.article-more a {
  color: #135bbf;
  text-transform: uppercase;
  font-size: 12px;
}
.article-more:before,
.article-more:after {
  font: 11px 'fontAwesome';
  content: '\f178';
  color: #135bbf;
  opacity: 0;
}
.article-more:before {
  margin-right: 8px;
}
.article-more:after {
  margin-left: 8px;
  opacity: 1;
}
.article-more:hover {
  margin-left: -0px;
}
.article-more:hover:before {
  opacity: 1;
}
.article-more:hover:after {
  opacity: 0;
}
/* 3. FADE IN */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadein-1 {
  -webkit-animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
  -o-animation: fadein 0.3s;
  animation: fadein 0.3s;
}
.fadein-2 {
  -webkit-animation: fadein 0.6s;
  -moz-animation: fadein 0.6s;
  -o-animation: fadein 0.6s;
  animation: fadein 0.6s;
}
.fadein-3 {
  -webkit-animation: fadein 0.9s;
  -moz-animation: fadein 0.9s;
  -o-animation: fadein 0.9s;
  animation: fadein 0.9s;
}
/* 4. LEFT SIDEBAR */
[data-sidebar] {
  display: none;
  position: fixed;
  height: 100%;
  z-index: 999;
  overflow-y: scroll !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
[data-sidebar-overlay] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100% !important;
  min-height: inherit;
}
.sidebar-left {
  background: #fff;
  width: 280px !important;
  height: 100%;
  padding-bottom: 80px !important;
}
.sidebar-left-title {
  line-height: 51px;
  position: relative;
  margin: 50px 0 10px 0;
}
.sidebar-left-title h2 {
  font-size: 26px;
  font-weight: bold;
}
.close-button {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 40px;
  color: #999;
}
/* 4.1. Sidebar Menu */
.sidebar-menu {
  text-align: left;
  padding: 30px 0px 60px;
}
.sidebar-menu li {
  border-bottom: 1px solid #efefef;
  position: relative;
}
.sidebar-menu li a:before {
  content: '●';
  color: #135BBF;
  position: absolute;
  left: -10px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.sidebar-menu li a:hover:before {
  left: 12px;
}
.sidebar-menu li:first-child {
  border-top: 1px solid #efefef;
}
.sidebar-menu li a {
  font-size: 14px;
  letter-spacing: .5;
  padding: 10px 30px 10px 30px;
  color: #555;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
.sidebar-menu li a:hover {
  color: #111 !important;
}
.sidebar-menu li ul li a {
  text-transform: lowercase;
  padding-left: 40px;
  font-weight: normal;
}
.sidebar-menu li ul li ul li a {
  padding-left: 60px;
}
.sidebar-menu li ul li ul li ul li a {
  padding-left: 80px;
}
.sidebar-menu li a:hover {
  color: #f64e4e;
  background: #f9f9f9;
}
.sidebar-menu .menu-item-has-children {
  position: relative;
}
.sidebar-menu .menu-item-has-children .sub-menu {
  display: none;
}
.sidebar-menu .menu-item-has-children .sub-menu li:last-child {
  border: 0;
}
.sidebar-menu-arrow {
  display: none;
}
.sidebar-menu .menu-item-has-children > .sidebar-menu-arrow {
  display: inherit !important;
}
.sidebar-menu-arrow:after {
  font: 18px 'FontAwesome';
  content: "\f107";
  padding: 8px 23px 8px 20px;
  height: 47px;
  line-height: 34px;
  color: #999;
  position: absolute;
  vertical-align: middle;
  float: right;
  top: -1.5px;
  right: 0px;
  border-left: 1px solid #efefef;
}
.sidebar-menu-arrow:hover:after {
  cursor: pointer;
  font-weight: bold;
  color: #f64e4e;
}
.sidebar-menu-arrow:active:after {
  top: 2px;
}
.overlay {
  background: #000;
  cursor: pointer;
  z-index: 998;
}
.overlay:hover {
  cursor: pointer;
}
/* 5. HEADER */
#header {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #EEEEEE;
  background: #FFFFFF;
  height: 218px;
}
/* 5.1. Header Top */
#header-top {
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #ECECEC;
  font-size: 12px;
}
#header-top a {
  color: #6e6e6e;
}
#header-top a:hover {
  color: #111;
}
#header-top > .sira {
  width: 100%;
  max-width: 1140px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
}
/* 5.2. Header Top Social */
.header-top-social li {
  display: inline;
  float: left;
}
.header-top-social a {
  padding: 0px 10px;
}
.header-top-social li:first-child {
  margin-left: -10px;
}
/* 5.3. Header Top Right */
.header-top-right {
  text-align: right;
  float: right !important;
}
.top-cart {
  display: inline !important;
}
.top-cart span {
  color: #f65656;
}
.top-cart i {
  vertical-align: text-top;
  margin: 1px 3px 0 0;
}
.header-top-right-menu {
  display: inline !important;
  margin-right: 5px;
  color: #999999;
}
.header-top-right-menu p {
  display: inline;
}
.header-top-right-menu ul {
  display: inline;
}
.header-top-right-menu li {
  display: inline;
  font-size: 12px;
  margin-left: 4px;
}
.header-top-right-menu li:after {
  content: '─';
  color: #cccccc;
  padding-left: 6px;
}
.header-top-right-menu li:last-child:after {
  content: '';
}
.header-top-right-menu a {
  color: #999999 !important;
}
.header-top-right-menu a:hover {
  color: #777787 !important;
}
/* 5.4. Header Middle */
#header-middle {
  height: 137px;
  border-bottom: 1px solid #ececec;
}
#header-middle > .sira {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
/* 5.5. Logo */
#logo {
  height: 136px;
  display: table;
  text-align: center;
}
.logo {
  vertical-align: middle;
  display: table-cell;
}
.logo h1 {
  font-size: 42px;
  font-weight: bold;
}
/* 5.6. Sidebar Button, Search Button */
.sidebar-button,
.search-button {
  height: 130px;
  display: table;
  font-size: 25px;
}
.search-button {
  height: 125px;
  text-align: right;
}
.sidebar-button span,
.search-button .middle-search {
  display: table-cell;
  vertical-align: middle;
}
/* Search */
.search-s {
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 110%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10000;
  opacity: 0;
  background: #fff;
  transition: opacity 200ms linear, bottom 0s linear 200ms;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}
.search-open {
  bottom: 0;
  opacity: 1;
  transition: opacity 200ms linear, bottom 0s linear;
}
.overlay-view {
  overflow: hidden;
}
.search-s form {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 80px;
  position: relative;
  cursor: auto;
}
.search-s form input[type="text"] {
  font-size: 36px;
  border: 0;
  border-bottom: 1px solid #f2f2f2;
  padding: 5px 15px;
  width: 100%;
  background: #FFF;
  color: #a5a5a5;
  height: 70px;
}
.search-s p {
  text-align: left;
  font-style: italic;
  color: #999;
  padding-left: 20px;
  font-size: 14px;
}
.search-s span {
  z-index: -99;
}
/* 5.7. Main Menu */
#main-menu {
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  height: 51px;
  position: relative;
  font-weight: bold;
}
#main-menu .sira {
  width: 90%;
  margin: 0 auto;
}
#main-menu li {
  display: inline;
  margin: 15px 8px;
  position: relative;
  height: 52px;
  line-height: 50px;
  padding-bottom: 18px;
}
#main-menu .current-menu-item a{
  color: #888;
}
#main-menu > li:first-child {
  margin-left: 0;
}
#main-menu > li:last-child {
  margin-right: 0;
}
#main-menu li a {
  color: #6a6a6a;
  padding: 5px 10px;
  font-weight: bold;
}
#main-menu > li:first-child a:first-child {
  padding-left: 0;
}
#main-menu > li:last-child a:last-child {
  padding-right: 0;
}
#main-menu li.menu-item-has-children > a::after,
.mobile-menu-content .menu-item-has-children a::after {
  content: "\f107";
  font-family: "fontAwesome";
  margin-left: 5px;
  color: #727272;
  font-weight: normal;
}
#main-menu li li.menu-item-has-children > a::after,
.mobile-menu-content .menu-item-has-children a::after {
  content: "\f105";
  font-family: "fontAwesome";
  margin-left: 7px;
  color: #444;
  font-weight: normal;
}
#main-menu li a::before {
  font-family: 'fontAwesome';
  margin-right: 5px;
}
#main-menu li a:hover {
  color: #111;
}
#main-menu ul li > .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -13px;
  background: #121212;
  padding: 15px 0px 20px 0;
  text-align: left;
  border-top: 2px solid #121212;
  z-index: 9;
  -webkit-box-shadow: 3px 3px 15px -4px rgba(0,0,0,0.20);
  -moz-box-shadow: 3px 3px 15px -4px rgba(0,0,0,0.20);
  box-shadow: 3px 3px 15px -4px rgba(0,0,0,0.20);
  margin-top: -1px;
}
#main-menu ul li > .sub-menu li,
#main-menu ul li .mega-menu .mega-menu-col .sub-menu li {
  float: none;
  line-height: 15px !important;
  padding: 0;
  margin: 0;
}
#main-menu ul li > .sub-menu li a,
#main-menu ul li .mega-menu .mega-menu-col .sub-menu li a {
  padding: 8px 25px 9px 25px;
  line-height: 0 !important;
  display: block;
  min-width: 200px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
  color: #EEE;
  line-height: 20px !important;
}
#main-menu ul li .mega-menu .mega-menu-col .sub-menu li a {
  padding: 13px 0;
}
#main-menu ul li .mega-menu .mega-menu-col .sub-menu li a:hover {
  background: #212121;
}
#main-menu ul li > .sub-menu li a:hover {
  background: #212121;
  color: #FFFFFF;
}
#main-menu ul li > .sub-menu ul {
  top: -34px;
  left: 200px !important;
}
#main-menu ul li:hover > .sub-menu {
  display: block;
}
/* Mega Menu #main-menu */
#main-menu .menu-item-has-mega-menu {
  position: inherit;
}
#main-menu ul li > .mega-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0 !important;
  border-top: 2px solid #111;
  z-index: 9;
  margin-top: 2px !important;
  -webkit-box-shadow: 3px 3px 15px -4px rgba(0,0,0,0.20);
  -moz-box-shadow: 3px 3px 15px -4px rgba(0,0,0,0.20);
  box-shadow: 3px 3px 15px -4px rgba(0,0,0,0.20);
}
#main-menu ul li:hover  .mega-menu {
  display: block !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#main-menu ul li > .mega-menu .mega-menu-row {
  display: table;
  table-layout: fixed;
}
#main-menu ul li .mega-menu .mega-menu-col {
  background: #FFF;
  display: table-cell;
  padding: 20px 20px;
  border-left: 1px solid #eee;
  text-align: left;
  text-transform: capitalize;
  line-height: 24px;
}
#main-menu ul li .mega-menu .mega-menu-col:first-child {
  border: 0;
}
#main-menu ul li .mega-menu .mega-menu-col a {
  padding: 0;
}
#main-menu ul li .mega-menu .mega-menu-col > a {
  font-size: 18px;
  margin: 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #f5f5f5;
  display: block;
}
#main-menu ul li .mega-menu .mega-menu-col .sub-menu {
  display: block !important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  position: static;
  margin: 10px -14px 0 -14px;
  padding: 0;
  border: 0;
}
#main-menu ul li .mega-menu .mega-menu-col .sub-menu ul {
  margin: 13px 10px;
  padding: 10px;
}
#main-menu ul li .mega-menu .mega-menu-col div {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  margin: 10px 15px 10px 0;
}
#main-menu ul li .mega-menu .mega-menu-col ul li > div {
  margin: 15px 15px 20px 15px;
}
/* Main Menu Fixed */
#main-menu.fixed {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 150;
  margin: 0;
  -webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.1);
  box-shadow: 0 0 3px 0px rgba(0,0,0,0.1);
}
.main-menu-icon,
.main-menu-search {
  position: absolute;
  top: 0;
  line-height: 52px;
  font-size: 14px;
  visibility: hidden;
}
.main-menu-icon a,
.main-menu-search a {
  color: #888;
}
.main-menu-icon {
  left: 25px;
}
.main-menu-search {
  right: 25px;
}
.main-menu-icon,
.main-menu-search {
  position: absolute;
  top: 0;
  line-height: 52px;
  font-size: 14px;
  visibility: hidden;
}
#main-menu.fixed .main-menu-icon,
#main-menu.fixed .main-menu-search {
  visibility: visible;
}
/* 6. MAIN */
#main {
  background-color: #fbfbfb;
  padding-bottom: 50px;
  position: relative;
}
/* 7. SLIDER */
#slider {
  overflow: hidden;
  margin-bottom: 20px;
}
#slider article:hover figure:before {
  opacity: 0.5;
}
#slider img {
  width: 100%;
}
#slider figure:before {
  background: #000;
  opacity: 0.3;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
       -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out;
}
.slider-content {
  position: absolute;
  bottom: 50px;
  left: 50px;
  right: 50px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.slider-content .article-title {
  margin: 10px 0;
  font-size: 36px;
}
.slider-content .article-title a {
  color: #FFFFFF;
}
.article-slider-date {
  color: #FFFFFF;
  font-size: 14px;
  font-style: italic;
}
.article-slider-date-sng {
	padding-bottom: 15px;
	color: #757575;
}
.owl-nav {
  position: absolute;
  bottom: 160px;
  left: -30px;
  right: -30px;
  margin: 0 auto;
  font-size: 24px;
  -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
       -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out;
}
#slider:hover .owl-nav {
  left: 50px;
  right: 50px;
}
#slider .owl-next,
#slider .owl-prev {
  position: absolute;
  color: #FFFFFF;
}
#slider:hover .owl-next,
#slider:hover .owl-prev {
  visibility: visible !important;
}
#slider:hover .owl-next:hover,
#slider:hover .owl-prev:hover {
  opacity: 1 !important;
}
.owl-next {
  right: 0;
}
.owl-dots {
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-top: -12px;
  height: 17px;
}
.owl-dot {
  background: #b9b9b9;
  width: 50px;
  height: 5px;
  margin: 0 0.5px;
  display: inline-block;
}
.owl-dots .active {
  background: #636363;
}
/* Slider Two */
#slider-two {
  width: 100%;
}
#slider-two .article-title {
  font-size: 20px;
  margin:0;
}
#slider-two .slider-content {
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 65%, rgba(0,0,0,0.53) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 65%,rgba(0,0,0,0.53) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 65%,rgba(0,0,0,0.53) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#87000000',GradientType=0 );
  padding-top: 60px;
}
#slider-two .article-title a{
  padding: 0px 30px 6px 30px !important;
  display: block;
}
#slider-two article, #slider-two .slider-content{
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
#slider-two article:hover .slider-content{
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 65%, rgba(0,0,0,0.56) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 65%,rgba(0,0,0,0.56) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 65%,rgba(0,0,0,0.56) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#87000000',GradientType=0 );
  padding-top: 180px;
}
.slider-two-category{
  color: #FFFFFF;
}
.slider-two-category a{
  color: #FFF;
  font-style: italic;
  font-size: 12px;
}
.slider-two-date a{
  margin-top: 3px;
  font-size: 12px;
  letter-spacing: .5px;
  color: #FFF;
  text-transform: uppercase;
  padding-bottom: 30px;
  display: block;
  opacity: 0.5;
}
/* 8. CONTENT */
#content {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 20px 0 20px;
  position: relative;
}
.content {
  width: calc(100% - 300px);
  margin-right: 50px;
  float: left;
}
.content-no-sidebar {
  width: 100% !important;
}
/* 8.1. Article A */
.article-a {
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}
.article-a .article-title {
  margin: 10px 25px 20px 25px;
}
.article-image {
  padding-top: 3px;
  margin-bottom: 25px;
}
.article-a .article-content {
  padding: 10px 20px 0 20px;
}
.article-a .article-content p:first-child::first-letter,
.text p:first-child::first-letter {
  font-size: 26px;
  line-height: 16px;
  vertical-align: middle;
  position: absolute !important;
  margin-right: 2px;
  color: #333333;
}
.article-a .article-content p {
  text-align: center !important;
}
.article-a .article-detail {
  margin-top: 27px;
}
.article-a .single-post-format-fw-video iframe {
  margin: 0;
}
/* 8.2. Article B */
.article-b {
  clear: both;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 25px !important;
  border-bottom: 1px solid #EEE;
}
.article-b:last-of-type {
  border: 0;
  margin-bottom: 10px;
}
.article-b figure {
  margin-bottom: 0;
  padding-bottom: 0;
}
.article-b-right {
  padding: 10px 0 0 20px;
}
.article-b .article-title {
  font-size: 24px;
  margin: 7px 0 -10px 0;
}
/* Article Detail B */
.article-detail-b {
  margin-top: 7px;
  border: 0;
}
.article-detail-b span {
  padding: 0;
  border: 0;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: bold;
}
.article-detail-b a {
  color: #9c9c9c;
}
.article-detail-b span:after {
  content: '▬';
  margin: 0 5px 0 7px;
  color: #e3e3e3;
}
.article-detail-b span:last-child:after {
  content: '';
}
/* 8.3. Article C */
.article-c-container {
  margin: 0 -15px;
}
.article-c {
  text-align: center;
  width: calc(50%);
  margin-bottom: 50px;
  padding: 0 15px;
}
.article-c-content {
  border-top: 0;
  padding: 30px 0 10px 0;
}
.article-c .article-title {
  font-size: 22px;
  line-height: 30px;
  margin: 15px 0 -5px 0;
}
.article-c .article-title,
.article-c .article-content,
.article-c  .article-detail-b {
  padding: 0 20px;
}
.article-c .article-content {
  text-align: text;
}
.article-c .article-detail-b {
  border-top: 1px solid #eee;
  padding-top: 7px;
  margin-top: 12px;
}
/* 8.4. Page Navigation */
.page-nav {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  height: 40px;
}
.page-nav a {
  color: #FFFFFF;
  background: #121212;
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.page-nav a:hover {
  background: #414141;
}
.left-nav i {
  padding-right: 7px;
}
.right-nav i {
  padding-left: 7px;
}
.right-nav a:after,
.left-nav a:before {
  -webkit-transition: all .2s;
  transition: all .2s;
}
.left-nav a:hover i {
  padding-right: 5px;
}
.right-nav {
  text-align: right;
  float: right !important;
}
.right-nav a:after{
  content: '\f101';
  font-family: 'fontAwesome';
  padding-left: 5px;
  font-weight: normal
}
.right-nav a:hover:after {
  padding-left: 7px;
}
.left-nav a:before{
  content: '\f100';
  font-family: 'fontAwesome';
  padding-right: 5px;
  font-weight: normal
}
.left-nav a:hover:before {
  padding-right: 7px;
}
/* 9. SIDEBAR */
.sidebar {
  width: 250px;
  text-align: center;
  float: right;
}
/* 9.1. Sidebar Article */
.sidebar article {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.sidebar article:last-of-type {
  border: 0;
}
/* 9.2. Sidebar Widget Title */
.st-widget h3,
.woocommerce h3 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
  margin-bottom: 20px;
}
.st-widget h3:after,
.woocommerce h3:after {
  content: '●';
  color: #135bbf;
  display: block;
  font-size: 16px;
  margin-top: 3px;
}
/* 9.3. Sidebar Widget Form */
.st-widget input {
  width: calc(100% - 40px);
  padding: 10px;
}
.st-widget input[type="email"],
.st-widget input[type="text"],
.st-widget select {
  background: #EBEBEB;
  border-color: #EBEBEB;
  color: #757575;
  font-size: 12px;
  margin-bottom: 7px;
  text-align: center;
  max-width: 100%;
}
.st-widget img {
  max-width: 100%;
  height: auto;
}
/* 9.4. Widgets */
.about-me h4,
.about-me p {
  padding: 0 30px;
}
.about-me h4 {
  font-size: 16px;
  line-height: 25px;
  margin: 15px 0 5px 0;
  font-weight: bold;
}
.about-me h4:after {
  content: "";
  display: block;
  height: 0.5em;
  vertical-align: bottom;
  width: 30px;
  border-top: 1px solid #6e6e6e;
  margin: 0 auto;
  margin-top: 15px;
}
.about-me p {
  color: #757575;
  margin-bottom: 15px;
}
/* MailChimp Widget */
.widget_mc4wp_form_widget label,
.widget_mc4wp_form_widget input {
  margin: 7px 20px;
  text-align: center;
}
.widget_mc4wp_form_widget label {
  color: #999999;
  font-size: 12px;
}
.widget_mc4wp_form_widget input[type="email"] {
  margin-bottom: 0px;
}
/* Social Media Widget */
.widget-social ul {
  padding: 0 16px;
  margin-top: -2px;
}
.widget-social li {
  display: inline;
  width: 20px;
  line-height: 40px;
}
.widget-social li a {
  background: #121212;
  color: #FFFFFF;
  padding: 8px 0;
  margin: 0 2px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.widget-social li a i {
  width: 35px;
}
.widget-social li a:hover {
  opacity: 0.8;
}
/* Shop Widget */
.widget-shop {
  position: relative;
}
.widget-shop-content {
  position: absolute;
  top: 40px;
  z-index: 99;
  left: 0;
  right: 0;
}
.widget-shop p {
  color: #535353;
  padding: 10px 20px 15px 20px;
  max-width: 250px;
  margin:0 auto !important;
  text-align: center;
}
.widget-shop a {
  padding: 5px 15px;
  border: 1px solid #a7a7a7;
  color: #868686;
  font-weight: bold;
}
.widget-shop a:hover {
  color: #555555;
  border-color: #8a8a8a;
}
/* Widget Categories, Archive, Meta, Menu */
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.wc-layered-nav-term,
.product-categories li {
  text-align: left;
  padding: 7px 0 7px 15px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_pages  ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child,
.wc-layered-nav-term:last-child,
.product-categories li:last-child {
  border: 0;
}
.widget_categories ul li span,
.widget_archive ul li span,
.widget_pages ul li span,
.widget_meta ul li span,
.widget_nav_menu ul li span,
.wc-layered-nav-term span,
.product-categories li span {
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 12px;
  font-weight: bold;
  color: #d7d7d7;
}
.widget_categories ul li:hover span,
.widget_archive ul li:hover span,
.widget_pages ul li:hover span,
.widget_meta ul li:hover span,
.widget_nav_menu ul li:hover span,
.wc-layered-nav-term:hover span,
.product-categories li:hover span {
  right: 0px;
  opacity: 0;
}
.widget_categories ul li ul li,
.widget_archive ul li ul li,
.widget_pages ul li ul li,
.widget_meta ul li ul li,
.widget_nav_menu ul li ul li {
  list-style: circle inside;
  color: #888;
}
.widget_categories ul li ul li:last-child,
.widget_archive ul li ul li:last-child,
.widget_pages ul li ul li:last-child,
.widget_meta ul li ul li:last-child,
.widget_nav_menu ul li ul li:last-child {
  padding-bottom: 0;
}
.widget_categories ul li ul li ul li ul li ul li ul li ul li,
.widget_archive ul li ul li ul li ul li ul li ul li ul li,
.widget_pages ul li ul li ul li ul li ul li ul li ul li,
.widget_meta ul li ul li ul li ul li ul li ul li ul li,
.widget_nav_menu ul li ul li ul li ul li ul li ul li ul li {
  padding-left: 0;
  padding-right: 0;
}
.widget_meta ul li,
.widget_pages ul li {
  text-align: center;
}
.widget_archive select {
  width: 80%;
}
.widget_archive label {
  display: none;
}
/* Mythical */
.widget-my-recent li {
  text-align: left;
  padding: 5px 0 10px 0;
  position: relative;
}
.widget-my-recent li figure {
  float: left;
}
.widget-my-recent li h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.widget-my-recent li > .sutun-8 {
  padding-left: 15px;
}
img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}
.widget-my-recent span {
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  margin-left: 2px;
  color: #d4d4d4;
  display: block;
  -webkit-transition: padding 0.3s ease-out;
  -moz-transition: padding 0.3s ease-out;
  -o-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
}
.widget-my-recent li:hover span {
  padding-left: 3px;
}
/* Comment Widget */
.recentcomments {
  text-align: left;
  padding: 7px 15px;
  border-bottom: 1px solid #f0f0f0;
  color: #999999;
}
.recentcomments:last-of-type {
  border: 0;
}
.recentcomments:before {
  font: 14px 'fontAwesome', arial;
  content: '\f0e5';
  color: #989898;
  margin: 0 7px 0 7px;
}
.recentcomments a {
  color: #333333;
}
.comment-author-link,
.comment-author-link a {
  color: #121212;
  font-weight: bold;
}
/* Text Widget */
.widget_text img,
.widget_text p {
  margin-bottom: 15px;
}
/* Tag Widget */
.tagcloud a {
  font-size: 12px !important;
}
.tagcloud a:after {
  content: '−';
  margin: 0 0 0 3px;
  color: #b7b7b7;
}
.tagcloud a:last-child:after {
  content: '';
}
/* Calendar Widget */
.widget_calendar table {
  max-width: 100%;
}
.widget_calendar caption {
  color: #999;
  font-style: italic;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: right;
}
.widget_calendar th {
  padding: 10px 12.5px !important;
}
.widget_calendar td {
  color: #666;
  padding: 5px !important;
}
.widget_calendar a {
  font-weight: bold;
}
/* RSS Widget */
.widget_rss li {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.widget_rss li:last-child {
  border: 0;
}
.rsswidget {
  font-weight: bold;
}
.rss-date {
  color: #777;
  font-size: 12px;
}
.rss-date:before {
  content: '−';
  margin-right: 3px;
}
.rssSummary {
  font-size: 12px;
  color: #333;
  font-style: italic;
}
/* Recent Post Widget */
.widget_recent_entries li {
  list-style: inside;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 13px;
}
.widget_recent_entries li:last-child {
  border: 0;
}
.post-date:before {
  content: '−';
  margin: 0 3px;
}
.post-date {
  color: #999;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* Instagram Widget */
.sidebar .instagram-pics {
  margin: 0 -10px;
}
.sidebar .instagram-pics li {
  width: 33.333333%;
  float: left;
  padding: 5px;
}
.sidebar .null-instagram-feed p a {
  font-size: 12px;
  font-style: italic;
  margin-top: 10px;
  color: #727272;
}
/* 10. SINGLE POST */
/* Post Content */
.text {
  text-align: left;
  color: #444;
  font-size: 14px;
  width: 100%;
}
/* 10.1. Post Elements */
.text p,
.text ol,
.text ul,
.text dl,
.text table,
.text fieldset,
.text figure,
.text address,
.text blockquote,
.text hr,
.text pre,
.text form,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  margin-bottom: 25px;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
  font-weight: bold;
}
.text p a {
  color: #135bbf;
  text-decoration: underline;
}
.text p a:hover {
  text-decoration: none;
}
.text strong,
.text b {
  font-weight: bold;
}
.text iframe {
  max-width: 100%;
  height: auto;
  min-height: 400px;
}
.text table{
  width: 100%;
}
/* Post Image */
.text img,
.text figure {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.text blockquote {
  background: #fff;
  font-size: 24px;
  border: 2px dashed #eee;
  border-left: 0;
  border-right: 0;
  padding: 20px 20px;
  position: relative;
}
.text blockquote cite {
  font-weight: bold;
  letter-spacing: -.5px;
}
.text q{
  font-style: italic;
}
.text pre{
  border-left: 10px solid #EEE;
}
.text pre code {
  background: transparent;
  font-weight: bold;
}
.text td,
.text th {
  padding: 10px 20px;
  border-bottom: 1px solid #e1e1e1;
}
.text hr {
  border: 2px dotted #f1f1f1;
}
/* Lists */
.text > ul li,
.text > ol li {
  list-style: inside;
  margin-left: 25px;
  line-height: 2.3;
}
.text ul ul,
.text ol ol {
  margin: 0;
}
.text ul ul ,
.text ol ol ,
.text ol ul ,
.text ul ol {
  margin: 0;
}
/* Ul */
.text ul li {
  list-style: disc;
}
.text ul ul li {
  list-style: circle;
}
/* Ol */
.text ol li {
  list-style: decimal;
}
.text p input, .text p textarea{
  margin-bottom: 0;
}
.text fieldset{
  padding: 25px;
  border: 2px solid #eee;
  margin-bottom: 1em;
}
.text fieldset legend{
  padding:5px 20px;
  background-color: #eee;
  font-style: italic;
}
.alignleft {
  float: left;
  max-width: 50%;
  margin: 0 30px 30px 0;
}
.alignright {
  float: right;
  max-width: 50%;
  margin: 0 0 30px 30px;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.text-first-letter {
  font-size: 32px;
  line-height: 22px;
  vertical-align: middle;
  margin-right: 5px;
  color: #555;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.link-pages {
  margin-top: 40px;
  color: #727272;
}
.link-pages a {
  background: #fff;
  margin:0 0;
  display: inline-block;
}
.page-break-title{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border: 0 !important;
  padding:0 !important;
}
.page-break span{
  border:1px solid #ccc;
  padding:5px 11px;
  font-weight: bold;
  margin-right: 3px;
}
/* 10.2. WordPress Gallery - Gallery Caption */
.gallery {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.gallery:after {
  display: table;
  content: "";
  clear: both;
}
.gallery-item {
  margin: 0;
  float: left;
  padding: 5px;
  margin: 5px;
  border: 1px solid #eee;
  text-align: center;
}
.gallery-item img {
  max-width: 100%;
  margin-bottom: 0;
}
.gallery-caption {
  background: #EEE;
  font-size: 14px;
  padding: 5px;
  margin-top: 5px;
  color: #434343;
  font-style: italic;
}
.gallery-columns-1 .gallery-item {
  width: calc(100% - 10px);
  float: none;
}
.gallery-columns-2 .gallery-item {
  width: calc(50% - 10px);
}
.gallery-columns-3 .gallery-item {
  width: calc(33.3333% - 10px);
}
.gallery-columns-4 .gallery-item {
  width: calc(25% - 10px);
}
.gallery-columns-5 .gallery-item {
  width: calc(20% - 10px);
}
.gallery-columns-6 .gallery-item {
  width: calc(16.6667% - 10px);
}
.gallery-columns-7 .gallery-item {
  width: calc(14.2857% - 10px);
}
.gallery-columns-8 .gallery-item {
  width: calc(12.5% - 10px);
}
.gallery-columns-9 .gallery-item {
  width: calc(11.1111% - 10px);
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  clear: left;
}
.wp-caption {
  background: #EEE;
  padding: 5px;
  max-width: 100% !important;
  margin-bottom: 20px;
}
.wp-caption img {
  margin-bottom: 5px !important;
}
.wp-caption p{
  margin-bottom: 10px !important;
}
.wp-caption-text {
  text-align: center;
  font-size: 12px;
  font-style: italic;
}
/* Content Buttons */
.button-black a{
  text-transform: uppercase;
  color: #FFF !important;
  text-decoration: none !important;
  padding: 10px 20px;
  background-color: #121212;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: .5px;
}
.button-white a{
  text-transform: uppercase;
  color: #666 !important;
  text-decoration: none !important;
  padding: 10px 20px;
  background-color: #fff;
  border:1px solid #d4d4d4;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: .5px;
}
.button-black a:hover, .button-white a:hover{
  opacity: 0.9;
}
.grid{
  display: flex;
  margin:0 -20px;
  padding-bottom: 25px;
}
.grid-item{
  flex: 1 1 auto;
  padding:0 20px;
}
.message{
  padding:15px 25px 15px 67px;
  margin-bottom: 25px;
  color: #FFF;
  position: relative;
  font-style: italic;
}
.message:before{
  font-family: 'fontAwesome';
  padding:14px 0;
  width: 50px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  position: absolute;
  top: -1px;
  left: 0;
}
.message.error{
  background-color: #DC143C;
  border:1px solid #c21537;
}
.message.error:before{
  content: '\f057';
  background-color: #c21537;
}
.message.warning{
  background-color: #eec904;
  border:1px solid #cfaf05;
}
.message.warning:before{
  content: '\f06a';
  background-color: #cfaf05;
}
.message.success{
  background-color: #3CB371;
  border:1px solid #37a066;
}
.message.success:before{
  content: '\f00c';
  background-color: #37a066;
}
.message.notice{
  background-color: #20B2AA;
  border:1px solid #008B8B;
}
.message.notice:before{
  content: '\f00c';
  background-color: #008B8B;
}
/* 10.3. Post Formats */
/* Gallery */
.post-format-gallery {
  margin-bottom: 30px;
}
.post-format-gallery .owl-nav {
  top: 0;
  left: 0;
  right: 0;
}
.post-format-gallery .owl-nav .owl-next {
  right: 0;
  float: right;
  margin-top: -37px;
}
.post-format-gallery .owl-nav .owl-next,
.post-format-gallery .owl-nav .owl-prev {
  background: #FFF;
  font-size: 18px;
  text-align: center;
  width: 45px;
  height: 37px;
  opacity: 0.5;
}
/* Video */
.single-post-format-fw-video iframe {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin-bottom: 30px;
}
/* Quote, Link and Other */
.single-post-format-other-single-two {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  padding: 30px 0 50px 0;
  color: #FFF !important;
}
.single-post-format-other-single-two a {
  color: #FFF;
}
.single-post-format-other {
  background: #F5F5F5;
  text-align: center;
  padding: 40px 20px 50px 20px;
  border-bottom: 1px solid #EEEEEE;
}
.single-post-format-other-in {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
.single-post-format-icon {
  font-size: 32px;
}
.single-post-format-other p,
.single-post-format-other-single-two p {
  font-size: 24px;
  font-style: italic;
  color: #656565;
  padding-bottom: 10px;
}
.single-post-format-other .quote-author,
.single-post-format-other-single-two .quote-author {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #7c7c7c;
}
.single-post-format-other-single-two p,
.single-post-format-other-single-two .quote-author {
  color: #FFF;
}
.video-format-two {
  position: relative !important;
  background: transparent !important;
  color: #121212 !important;
  padding: 0 !important;
  margin: -30px 0 -50px 0 !important;
}
.video-format-two .article-title,
.video-format-two .article-category span {
  color: #121212 !important;
}
.video-iframe-two iframe {
  min-height: 600px;
  margin-bottom: -20px !important;
}
.single-post-format-other .quote-author::before {
  content: '●';
  color: #135bbf;
  display: block;
  font-size: 16px;
}
/* Link */
.post-format-link-anc {
  display: block;
  font-size: 22px;
  font-weight: bold;
  text-decoration: underline;
}
/* Chat */
.format-chat .text p {
  border-bottom: 1px solid #EEE;
  padding: 5px 10px;
}
.format-chat .text p:nth-child(2n+1) {
  background: #f5f5f5;
  border-left: 3px solid #CCC;
}
.format-chat .text p:nth-child(2n) {
  border-right: 3px solid #CCC;
  text-align: right;
  margin-bottom: 20px;
}
/* Format oth. */
.format-chat .article-title:after,
.format-quote .article-title:after,
.format-link .article-title:after,
.format-video .article-title:after,
.format-gallery .article-title:after,
.sticky:after {
  font: 20px 'fontAwesome';
  margin-top: -35px;
  z-index: 2;
  color: #121212;
  vertical-align: middle;
}
.format-chat .article-title:after {
  content: '\f0e6';
}
.format-quote .article-title:after {
  content: '\f10e';
  top: -2px;
}
.format-link .article-title:after {
  content: '\f0c1';
  top: -2px;
}
.format-video .article-title:after {
  content: '\f03d';
  top: -3px;
}
.format-gallery .article-title:after {
  content: '\f03e';
  top: -2px;
  font-size: 16px;
}
.sticky .article-title:after {
  content: '\f08d';
  top: -4px;
  color: #FFF;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sticky:after {
  border-color: transparent #a8a8a8 transparent transparent;
}
.sticky {
  background: #fff;
  border: 1px solid #EEE;
  padding: 20px 20px 0 20px;
}
.sticky .article-detail{
  margin-bottom: -1px;
}
/* 10.4. Post Share and Tags */
.single-footer-tags-share {
  margin-top: 0px;
}
.post-tags {
  padding-right: 25px;
}
.post-share{
  padding-left: 25px;
  position: relative;
  display: table;
}
.post-tags i{
  color: #999;
  margin-right: 3px;
  display: inline;
}
.post-share span{
  font-weight: bold;
  font-size: 12px;
  vertical-align: bottom;
  margin-right: 10px;
  color: #999;
}
.post-share ul{
  float: right;
}
.post-share li {
  display: inline-block;
}
.post-share li a {
  padding: 0 10px;
  color: #6f6f6f;
  font-size: 16px;
}
.post-share li a:hover, .post-tags a:hover{
  color: #333;
}
.post-share li:last-child a{
  padding-right: 0;
}
.post-share{
  text-align: right;
}
.post-tags a {
  border: 1px solid #e2e2e2;
  color: #999999;
  font-size: 12px;
  padding: 3px 8px;
  line-height: 29px;
}
/* 10.5. Post Author */
.post-author {
  margin: 70px 0 0 0;
  color: #444;
  border: 1px solid #f1f1f1;
  padding-bottom: 10px;
}
.post-author-left {
  width: 100px;
  float: left;
  padding: 30px;
}
.post-author-left img {
  border-radius: 50%;
  max-width: 64px;
}
.post-author-right {
  padding: 17px 25px;
  width: calc(100% - 100px);
  float: right;
}
.post-author-heading h4 {
  font-size: 18px;
  font-weight: bold;
  color: #111;
  margin-bottom: 5px;
  display: inline;
}
.post-author-content {
  font-size: 12px;
  margin-bottom: 5px;
}
.post-author-right a {
  color: #919191;
  font-size: 12px;
  margin: 5px 7px 0 0;
}
.post-author-right a:hover{
  color: #333;
}
/* 10.6. Single Post Nav */
.single-footer-nav-posts {
  margin-top: 70px;
}
.single-footer-nav-posts h4 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 22px;
  margin-top: 10px;
}
.single-footer-nav-posts p {
  color: #848484;
  text-transform: lowercase;
  font-size: 12px;
  font-style: italic;
  margin-bottom: -5px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.single-footer-nav-prev {
  padding-right: 20px;
}
.single-footer-nav-prev h4 a:before {
  content: '\f100';
  font-family: 'fontAwesome';
  font-weight: normal;
  margin-right: 5px;
}
.single-footer-nav-prev p:before{
  font-family: 'fontAwesome';
  content: '\f104';
  margin-right: 20px;
  color: #fff;
  left: -25px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.single-footer-nav-next p:after{
  font-family: 'fontAwesome';
  content: '\f105';
  margin-left: 20px;
  color: #fff;
  right: -25px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.single-footer-nav-prev:hover p, .single-footer-nav-next:hover p{
  padding-left: 35px;
  padding-right: 35px;
}
.single-footer-nav-prev:hover p:before{
  color: #848484;
  left: 15px;
}
.single-footer-nav-next:hover p:after{
  color: #848484;
  right: 15px;
}
.single-footer-nav-next {
  text-align: right;
  padding-left: 20px;
  float: right;
}
.single-footer-nav-next h4 a:after {
  content: '\f101';
  font-family: 'fontAwesome';
  font-weight: normal;
  margin-left: 5px;
}
/* Also Like */
.also-like{
  margin-top: 50px;
  margin-bottom: 30px;
}
.also-like section{
  margin:0 auto;
  text-align: center;
}
.also-like h4{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: .7px;
  color: #999;
}
.also-like article:nth-child(2){
  margin-right: 6px;
  width: calc(33.33333333333334% - 6px);
}
.also-like article:nth-child(3){
  margin:0 3px;
  width: calc(33.33333333333334% - 6px);
}
.also-like article:nth-child(4){
  margin-left: 6px;
  width: calc(33.33333333333334% - 6px);
}
.also-like article{
  text-align: center;
  position: relative;
  overflow: hidden;
}
.content-two .article-title{
  font-size: 18px !important;
}
.content-two #content{
  padding-left: 0;
  padding-right: 0;
}
.also-like article .article-title{
  font-size: 24px;
  font-weight: normal;
  margin:0 20px;
}
.also-like article .article-title a{
  color: #FFF;
}
.also-like figure{
  margin-bottom: 10px;
}
.also-like .slider-two-category a, .also-like .slider-two-category{
  color: #eeeeee;
}
.also-content{
  bottom: 10px;
  position: absolute;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.34) 65%, rgba(0,0,0,0.53) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 65%,rgba(0,0,0,0.53) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 65%,rgba(0,0,0,0.53) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#87000000',GradientType=0 );
  padding:40px 0 20px 0;
}
/* 10.7. Single Two */
.content-two {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.single-two-title {
  position: relative;
  overflow: hidden;
}
.single-two-title figure {
  max-height: 700px;
}
.single-two-title figure img {
  margin-top: -10%;
  margin-bottom: -10%;
}
.single-two-title-text {
  padding: 170px 0 70px 0 !important;
  bottom: 0;
  width: 100%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(270deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,218,255,0)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(270deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(270deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(270deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.7) 100%);
  background: linear-gradient(180deg, rgba(153,218,255,0) 0%, rgba(0,0,0,0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000',GradientType=0 );
}
.single-two-title-text-in {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  left: 0;
  right: 0;
  bottom: 50px;
  padding-top: 50px !important;
  position: absolute;
  text-align: center;
}
.single-two-title-text .article-title {
  color: #FFF;
  font-size: 42px;
}
.single-two-title-text .article-category span {
  color: #fff;
}
.no-image-title-two {
  position: relative;
  background: transparent;
  margin-bottom: -50px;
}
.no-image-title-two .article-title,
.no-image-title-two .article-category span {
  color: #121212;
}
/* 11. COMMENTS */
#comments {
  margin-top: 70px;
}
#comments li {
  margin: 20px 0 30px 0;
}
#comments li .children {
  margin-left: 25px;
}
#comments .text li{
  margin:0 0 0 20px;
  list-style-position: inside;
}
.comment-entry .text p::first-letter{
  font-size: inherit !important;
  line-height: normal !important;
  vertical-align:baseline !important;
  position: inherit !important;
  margin-right: 0 !important;
  color: inherit !important;
}
.comment-title-button {
  margin-bottom: 40px;
}
.comment-header-button h5 {
  text-align: right;
  line-height: 44px;
}
.comment-header-button a {
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}
.comment-header-button a:hover {
  border-bottom: 1px solid #777;
}
.comment-author-header > .sutun-11 {
  padding-left: 10px;
}
.comment-author-header h4 {
  line-height: 22px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 6px;
}
.comment-author-header span a {
  font-size: 12px;
  color: #a0a0a0;
}
.comment-author-header em {
  font-size: 12px;
  color: #ffaa00;
}
.comment-content {
  padding-left: 10px;
  margin: 6px 0 0 8.5%;
  border-bottom: 1px solid #eee;
  width: calc(100% - 8.7%);
}
.reply h5 {
  float: right;
  font-size: 10px;
  padding: 0 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 26px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}
a#cancel-comment-reply-link {
  background: #000;
  color: #FFF;
  padding: 0px 8px;
  margin-top: -4px;
  float: right;
}
a#cancel-comment-reply-link:hover {
  background: #222;
}
.logged-in-as {
  line-height: 40px;
  font-size: 12px;
  font-style: italic;
  color: #727272;
}
.bypostauthor {
  background: #fff;
  padding: 10px;
  border: 1px solid #EEE;
}
.bypostauthor > .comment-entry .comment-author-header .sutun-11 > h4:after {
  content: '\f044';
  font-size: 16px;
  font-family: 'fontAwesome';
  margin-left: 5px;
  color: #787878;
}
/* Comment Respond */
#reply-title,
.comment-title {
  font-size: 22px;
  font-weight: bold;
}
#reply-title {
  line-height: 30px;
}
.comment-notes {
  font-style: italic;
  font-size: 12px;
  color: #7c7c7c;
  margin: 0 0 20px 0;
}
.comment-form-comment textarea {
  height: 120px;
}
.comment-form-comment textarea,
.cr-inputs input {
  width: 100%;
  background: #fff;
  margin-top: 5px;
}
.cr-inputs span:nth-child(1) {
  margin: 0 15px 0 0;
  width: calc(33.33333333333% - 15px);
}
.cr-inputs span:nth-child(2) {
  margin: 0 7.5px 0 7.5px;
  width: calc(33.33333333333% - 15px);
}
.cr-inputs span:nth-child(3) {
  margin: 0 0 0 15px;
  width: calc(33.33333333333% - 15px);
}
#commentform label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #aaaaaa;
}
.closed-comment {
  font-size: 12px;
  color: #a3a3a3;
  cursor: not-allowed;
}
.nocomicon {
  margin-right: 2px;
}
/* 12. CATEGORY, TAGS, ARCHIVE */
.content-header {
  background: #F5F5F5;
  text-align: center;
  padding: 50px 20px;
  border-bottom: 1px solid #EEEEEE;
}
.content-header span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #727272;
}
.content-header h3 {
  font-weight: bold;
}
.page-content {
  max-width: 900px;
  width: 100%;
  float: inherit !important;
  margin: 0 auto;
  margin-top: -20px;
}
.page-content .article-title {
  font-size: 32px;
}
.page-content input,
.page-content select,
.page-content textarea {
  width: 100%;
}
.page-content input[type="radio"],
.page-content input[type="checkbox"],
.page-content input[type="submit"],
.page-content input[type="reset"],
button{
  width: inherit !important;
}
.page-title-page {
  background: #f6f6f6;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
  padding: 50px 20px 50px 20px;
}
.page-title-page .article-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 10px;
}
.page-title-page span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #727272;
}
.page-title-page span a {
  color: #727272;
}
/* 13. AUTHOR PAGE */
.about-me-author {
  background: #f6f6f6;
  border-bottom: 1px solid #eee;
  padding: 50px 20px;
}
.container-author {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.about-me-author span {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #919191;
}
.about-me-author figure img {
  border-radius: 50px;
  margin: 5px 0;
}
.about-me-author h4 {
  font-weight: bold;
  text-transform: uppercase;
}
.about-me-author p {
  color: #4a4a4a;
  font-size: 12px;
  margin: 5px 0 8px 0;
}
.about-me-link a {
  font-size: 18px;
  color: #727272;
  margin: 0 5px;
}
/* 14. 404 PAGE */
.not-found {
  text-align: center;
}
.not-found h4 {
  font-size: 120px;
  font-weight: bold;
  line-height: 150px;
  position: relative;
  z-index: 1;
  letter-spacing: 20px;
  color: #6b6b6b;
}
.not-found h4:before {
  border-top: 1px solid #f0f0f0;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.not-found h4 span {
  background: #fff;
  padding: 0 15px;
  font-weight: bold;
}
.not-found-subtitle {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  color: #6b6b6b;
}
.not-found p {
  margin: 20px 0;
  color: #999999;
  font-style: italic;
}
.backhome a {
  background: #000000;
  margin-top: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 15px;
}
.wpcf7-form p{
  margin-bottom: 0;
}
/* Noting Found (not 404 page, no post) */
.noting-found {
  background: #F9F9F9;
  border: 1px solid #eee;
  padding: 50px;
  text-align: center;
}
.noting-found span {
  color: #b70101;
  font-size: 32px;
}
.noting-found h4 {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 10px;
}
.noting-found p {
  color: #707070;
  margin-bottom: 10px;
}
/* 15. FOOTER */
#footer {
  background: #fbfbfb;
  padding-top: 60px;
  clear: both;
}
.footer-center .footer-menu,
.footer-center .footer-copyright {
  text-align: center;
}
.footer-instagram {
  margin: 0 auto;
  position: relative;
  margin-bottom: -1px;
}
.footer-instagram img {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.footer-instagram .instagram-pics{
  display: flex;
}
.footer-instagram .instagram-pics li{
  flex: 1 1 auto;
}
.footer-instagram .instagram-pics li img{
  width: 100%;
}
.footer-instagram:nth-child(n+6){
  display: none;
}
.footer-instagram img:hover {
  opacity: 0.9;
}
.footer-instagram p {
  position: absolute;
  left: 0;
  right: 0;
  top: 52%;
  text-align: center;
}
.footer-instagram p a {
  background: #FFF;
  padding: 5px 10px;
  font-size: 12px;
  font-style: italic;
  text-transform: lowercase;
  opacity: 0.6;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.footer-instagram:hover p a {
  opacity: 1;
}
.footer-down {
  background: #f9f9f9;
  border-top:1px solid #EEE;
  padding: 70px 20px 30px 20px;
}
.footer-down .sira {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.footer-logo {
  display: table;
  height: 80px;
  text-align: center;
}
.footer-logo-inner {
  display: table-cell;
  vertical-align: middle;
}
.footer-logo-inner h2 a {
  font-size: 22px;
  font-weight: bold;
  line-height: 28px;
  text-transform: uppercase;
  color: #444444;
}
.footer-menu {
  line-height: 40px;
  border-bottom: 1px solid #ebebeb;
  text-align: right;
  padding-right: 10px;
}
.footer-menu li {
  display: inline;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
}
.footer-menu li:after {
  content: '●';
  margin: 0 8px 0 11px;
  color: #DFDFDF;
}
.footer-menu li:last-child:after {
  content: '';
  margin: 0;
}
.footer-menu li a {
  color: #707070;
}
.footer-menu li a:hover {
  color: #444444;
}
.footer-menu li ul {
  display: none;
}
.footer-copyright {
  font-size: 12px;
  font-style: italic;
  height: 40px;
  padding:10px 0;
  line-height: 22px;
  text-align: right;
  padding-right: 20px;
  color: #707070;
}
.footer-social {
  text-align: center;
  margin: 50px 0 -30px 0;
}
.footer-social li {
  display: inline;
  margin: 0 15px;
  line-height: 26px;
}
.footer-social li a {
  color: #BEBEBE;
  padding: 10px 10px;
}
.footer-social li a:hover {
  color: #727272;
}
/* Max Width 1000px */
@media only screen and (max-width: 1000px) {
  .slider-content {
    bottom: 30px;
    max-width: 600px;
  }
  .slider-content .article-title {
    font-size: 28px;
  }
  .owl-nav {
    bottom: 120px;
    left: -20px;
    right: -20px;
  }
  #main-menu li {
    margin-right: 5px;
    margin-left: 5px;
  }
  #main-menu li a {
    padding-right: 7px;
    padding-left: 7px;
  }
}
/* Max Width 750px */
@media only screen and (max-width: 750px) {
  .header-top-social ul li,
  .header-top-social {
    text-align: center;
    float: inherit;
  }
  #header {
    height: 167px;
  }
  #header-middle {
    border: 0;
  }
  .content {
    width: 100%;
  }
  .sidebar-right{
    width: 100% !important;
    margin-top: 25px;
    padding-top: 25px;
    border-top:1px solid #eee;
  }
  .footer-instagram img {
    width: 50%;
  }
  .footer-instagram li:nth-child(n+5){
    display: none;
  }
  .footer-menu-copyright{
    text-align: center !important;
    margin-top:20px;
  }
  .footer-menu {
    float: inherit;
    text-align: center;
    width: 100% !important;
  }
  .footer-copyright{
    text-align: center;
  }
  .footer-social li{
    margin: 0 0px;
  }
  .footer-social li a{
    padding-left: 10px 5px;
  }
  .footer-instagram p{
    display: none;
  }
  .article-a .article-title{
    font-size: 28px;
  }
  .post-share, .post-tags{
    text-align: center;
  }
  .post-share{
    margin-top: 20px;
  }
  .left-nav, .right-nav{
    text-align: center;
  }
  .right-nav{
    margin-top:25px;
  }
  .article-c {
    width: calc(100%);
    padding: 0 0;
  }
  .also-like {
    display: none;
  }
}
/* Max Width 550px */
@media only screen and (max-width: 550px) {
  .footer-menu li{
    font-size: 11px;
  }
  .footer-menu li:after{
    margin: 0 5px;
  }
  #slider > .slider-content{
    position: relative;
    margin-top: 30px;
    margin-bottom: -30px;
    left: 0;
    right: 0;
    padding:15px 65px 20px 65px;
    background-color: #f1f1f1;
  }
  #slider > .slider-content .article-category, .slider-content .article-slider-date{
    display: none;
  }
  #slider:hover .owl-nav {
    left: 20px;
    right: 20px;
  }
  #slider .owl-next, #slider .owl-prev{
    color: #121212 !important;
  }
  #slider > .slider-content .article-title a{
    color: #121212;
  }
  #slider > .slider-content .article-title{
    font-size: 18px;
    line-height: 26px !important;
  }
  .article-a .article-title{
    font-size: 24px;
  }
  .article-a .article-content{
    padding-left: 0;
    padding-right: 0;
  }
  .article-b-right {
    padding: 20px 0 0 0px;
    text-align: center;
  }
  .cr-inputs span{
    width: 100% !important;
    margin:0 !important;
  }
  .footer-menu{
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 20px;
  }
  .article-detail-in {
    padding: 12px 6px;
    border-right: 0;
  }
  .article-detail{
    padding:10px 0;
  }
  .single-two-title{
    margin-bottom: -70px !important;
  }
  .single-two-title figure{
    height: auto !important;
  }
  .single-two-title figure img{
    margin:0 !important;
  }
  .single-two-title-text{
    position: relative !important;
    background: none;
    padding: 0 20px 0 20px !important;
    margin-top: 30px;
  }
  .single-two-title-text-in{
    position: relative;
  }
  .single-two-title-text .article-title{
    font-size: 22px;
    color: #121212;
    margin-top: 10px;
    line-height: 30px;
  }
  .search-s form input[type="text"]{
    font-size: 22px;
  }
}
/* Max Width 480px */
@media only screen and (max-width: 480px) {
  #header {
    height: 127px;
  }
  .sidebar-button {
    height: 117px;
    font-size: 18px;
  }
  #logo {
    height: 123px;
  }
  .search-button {
    height: 115px;
    font-size: 18px;
  }
  .post-author-left {
    width: 100px;
    float: inherit;
    margin:0 auto;
    padding: 20px 0 0 0;
    text-align: center;
  }
  .post-author-right{
    width: 100%;
    text-align: center;
  }
}
.single-post  .content {
    width: 100%;
    margin-right: 0;
    float: none;
}
.col-3-r-p { 
	width: 24%;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
}
.r-p-wrp h4 { 
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: #999; 	
}
.r-p-wrp a {
    font-size: 17px;
    line-height: 0;
    margin: 10px auto;
	font-weight: bold;
	text-align: center;
}

.r-p-wrp .entry-date {
	font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin-left: 2px;
    color: #d4d4d4;
    display: block;
	    margin-top: 10px;
	text-align: center;
}
.r-p-wrp .article-title { line-height: 1;  text-align: center; }


@media screen and (max-width: 992px) {
	.col-3-r-p { width: 49%; }
}

@media screen and (max-width: 768px) {
	.col-3-r-p { width: 90%; margin: 15px auto; }
	.r-p-wrp { text-align: center; }
}

.blog .article-content {
	min-height: 50px;
}

/* sharing icons 
.pq-social-block .web.pq_fb > div:before {
    font-family: 'FontAwesome'!important;
    font-size: 18px!important;
    line-height: 0!important;
    content: "\f09a" !important; 
}
.pq-social-block .web.pq_tw > div:before {
    font-family: 'FontAwesome'!important;
    font-size: 18px!important;
    line-height: 0!important;
    content: "\f099" !important; 
}
.pq-social-block .web.pq_gp > div:before {
    font-family: 'FontAwesome'!important;
    font-size: 18px!important;
    line-height: 0!important;
    content: "\f0d5" !important; 
}
.pq-social-block .web.pq_em > div:before {
    font-family: 'FontAwesome'!important;
    font-size: 18px!important;
    line-height: 0!important;
    content: "\f0e0" !important; 
}

.pq-social-block .web.web.pq_more > div:before {
    font-family: 'FontAwesome'!important;
    font-size: 18px!important;
    line-height: 0!important;
    content: "\f0c9" !important; 
}

.pq_main_content.pq_icons a.pq_close { 
    display: none !important;
}

*/ 