/*
Theme Name: Fox
Theme URI: https://themeforest.net/item/the-fox-contemporary-magazine-theme-for-creators/11103012?ref=withemes
Author: WiThemes
Author URI: http://themeforest.net/user/withemes?ref=withemes
Description: Big Bold & Modern Wordpress Newspaper/Blog/Magazine Theme for Creativity
Version: 2.7
License: 
License URI:
Text Domain: wi
Real tags: blog theme, modern magazine, minimal blog, minimalist, white, simple magazine, clean, video, music, gallery, food, fashion, traveling, magazine, newspaper
Primary use: Blog / Magazine
*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

1 - Normalize
2 - Bootstrap (tiny version, not related to span classes)
3 - Flexslider library
4 - Slick carousel library
5 - Colorbox library


6 - General settings
7 - Slick Carousel
8 - Flexslider
9 - Layout
10 - Title
11 - Header
12 - Menu
13 - Featured Slider
14 - Section
15 - Big post
16 - Standard Blog
    + Related posts
17 - Blog masonry
18 - Blog Newspaper
19 - Blog Grid
20 - Blog List
21 - Pagination
22 - Single post
    + Comments
    + Responds
    + Posts in same category
23 - Widgets
24 - Contact form 7
25 - Footer
    + Footer widgets
    + Footer elements
26 - Disable lines CSS

    /* PATTERN FOR RESPONSIVENESS DESIGN OR CHILD THEME */
/* 6 - General settings 
---------------------------- */
/* 7 - Slick carousel
---------------------------- */
/* 8 - Flexslider
---------------------------- */
/* 9 - Layout
---------------------------- */
/* 10 - Title
---------------------------- */
/* 11 - Header
---------------------------- */
/* 12 - Menu
---------------------------- */
/* 13 - Featured Slider
---------------------------- */
/* 14 - Section
---------------------------- */
/* 15 - Big post
---------------------------- */
/* 16 - Standard Blog
---------------------------- */
/* 17 - Blog masonry
---------------------------- */
/* 18 - Blog Newspaper
---------------------------- */
/* 19 - Blog Grid
---------------------------- */
/* 20 - Blog List
---------------------------- */
/* 21 - Pagination
---------------------------- */
/* 22 - Single post
---------------------------- */
/* 23 - Widgets
---------------------------- */
/* 24 - Contact form 7
---------------------------- */
/* 25 - Footer
---------------------------- */
/* 26 - Disable lines CSS
---------------------------- */
/* 27 - Dock Posts
---------------------------- */
/* -------------------------------------------------------------------
[COLORS USED]

Background:	#ffffff (white)
Color:	#000 (light black)
Link: #db4a37
Accent color: #db4a37

-------------------------------------------------------------------
[FONTS USED]
Body font: Merriweather, georgia, serif
Heading font: Oswald, sans-serif
Navigation font: Oswald, sans-serif

------------------------------------------------------------------- */
/* NORMALIZE 2.1.2 git.io/normalize
-------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, topbar, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"],
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* BOOTSTRAP 2.2.2
-------------------------------------------------------------------------------------- */
.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

article, aside, details, figcaption, figure, footer, topbar, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

a:hover, a:active {
  outline: 0; }

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

button, input {
  *overflow: visible;
  line-height: normal; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* FLEXSLIDER
-------------------------------------------------------------------------------------- */
@font-face {
  font-family: 'flexslider-icon';
  src: url(css/flexslider/flexslider-icon.eot);
  src: url(css/flexslider/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(css/flexslider/flexslider-icon.woff) format("woff"), url(css/flexslider/flexslider-icon.ttf) format("truetype"), url(css/flexslider/flexslider-icon.svg#flexslider-icon) format("svg");
  font-weight: 400;
  font-style: normal; }
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -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; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001'; }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: .7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: .7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: .8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a .flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
/* SLICK CAROUSEL
-------------------------------------------------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* COLORBOX
-------------------------------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

#cboxOverlay {
  background: #000;
  opacity: .9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 20px;
  background: #000; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  border: 5px solid #000;
  background: #fff; }

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc; }

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0;
  color: #ccc; }

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff; }

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(images/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: bottom left; }

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(images/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: bottom right; }

#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(images/controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: bottom center; }

/* GENERAL
-------------------------------------------------------------------------------------- */
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: 	"freight-sans-pro", Merriweather, georgia, serif;
  -webkit-font-smoothing: antialiased;
  color: #000;
  background: #fff;
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 24px;
  line-height: 1.3;
  font-family: Oswald, sans-serif;
  font-weight: bold; }

h1 {
  font-size: 40px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 26px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 14px; }

p,
ul,
ol {
  margin: 0 0 24px; }

ul, ol {
  padding-left: 28px; }

ul {
  list-style-type: square; }

li {
  line-height: 1.5; }

.page-content li,
.post-content li {
  margin-bottom: 0.25em; }

a {
  color: #db4a37;
  text-decoration: none; }

img {
  border: none;
  max-width: 100%; }

iframe {
  display: block;
  width: 100%;
  max-width: 100%; }

.media-container iframe {
  width: 100% !important; }

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1; }

.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0; }

.container:after {
  clear: both; }

blockquote {
  position: relative;
  margin: 30px auto 30px;
  max-width: 500px;
  padding: 60px 0 20px;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.5;
  display: block;
  clear: both;
  background: url(images/line-h.png) top left repeat-x;
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all; }

blockquote p {
  margin-bottom: 10px; }

blockquote:before {
  content: "\201C";
  position: absolute;
  font-size: 60px;
  left: 50%;
  top: 18px;
  width: 40px;
  z-index: 20;
  text-align: center;
  margin-left: -20px;
  z-index: 20;
  line-height: 1;
  font-family: georgia, serif; }

blockquote:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  display: block;
  height: 2px;
  background: url(images/line-h.png) top left repeat-x; }

input, textarea, select {
  max-width: 100%;
  background: none; }

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea {
  color: #000;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid;
  outline: none;
  background: none;
  height: 36px;
  line-height: 20px;
  padding: 8px;
  width: 100%;
  max-width: 100%; }

textarea {
  height: 180px;
  width: 100%; }

select {
  width: 100%;
  max-width: 100%;
  border: 1px solid #aaa;
  outline: none;
  height: 36px;
  line-height: 20px;
  padding: 8px; }

/* Single elements */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto; }

.alignright,
a img.alignright {
  margin: 5px 0 36px 28px;
  float: right; }

.alignleft,
a img.alignleft {
  margin: 5px 36px 28px 0;
  float: left; }

.aligncenter,
a img.aligncenter {
  display: block;
  margin: 5px auto 20px; }

.wp-caption {
  border: none;
  max-width: 100%;
  /* Image does not overflow the content area */
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 48px 28px 0; }

.wp-caption.alignright {
  margin: 5px 0 28px 48px; }

.wp-caption.aligncenter {
  margin: 0 auto 28px;
  text-align: center; }


.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto; }

.wp-caption-text,
.gallery-caption {
  margin: 0;
  font-size: 0.8em;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #db4a37 !important; }

.notfound-text {
  text-align: center; }

/* Built-in Wordpress Gallery */
.gallery {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
  margin: 0 0 24px;
  margin-left: -10px;
  margin-right: -10px; }

.gallery-item {
  float: left;
  display: block;
  padding: 10px;
  text-align: center; }

.gallery-caption {
  display: none; }

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-2 .gallery-item:nth-child(2n+1) {
  clear: left; }

.gallery-columns-3 .gallery-item {
  width: 33.33%; }

.gallery-columns-3 .gallery-item:nth-child(3n+1) {
  clear: left; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.gallery-columns-4 .gallery-item:nth-child(4n+1) {
  clear: left; }

.gallery-columns-5 .gallery-item {
  width: 20%; }

.gallery-columns-5 .gallery-item:nth-child(5n+1) {
  clear: left; }

.gallery-columns-6 .gallery-item {
  width: 16.66%; }

.gallery-columns-6 .gallery-item:nth-child(6n+1) {
  clear: left; }

.gallery-columns-7 .gallery-item {
  width: 14.28%; }

.gallery-columns-7 .gallery-item:nth-child(7n+1) {
  clear: left; }

/* GALLERY
-------------------------------------------------------------------------------------- */
.wi-carousel {
  margin: 0 0 32px; }

.wi-slick .slick-item {
  opacity: 0;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

.wi-slick.loaded .slick-item {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade; }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.wi-slick .slick-item:nth-child(2) {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -o-animation-delay: .3s;
  animation-delay: .3s; }

.wi-slick .slick-item:nth-child(3) {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

.slick-item {
  margin: 0 2px; }

.slick-item img {
  height: 500px;
  width: auto; }

@media (min-width: 980px) {
  .has-sidebar .wi-post .slick-item img {
    height: 380px; } }
.slick-nav {
  border: 3px solid #fff;
  border-color: rgba(255, 255, 255, 0.8);
  background: none;
  width: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  outline: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.slick-nav:hover {
  border-color: #fff; }

.slick-next {
  right: 20px; }

.slick-prev {
  left: 20px; }

/* colorbox */
#cboxCurrent {
  font-family: Oswald, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-size: 11px;
  font-weight: normal; }

/* FLEXSLIDER
-------------------------------------------------------------------------------------- */
.flexslider {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none; }

/* navi */
.thumbnail-gallery {
  overflow: hidden; }

.thumbnail-gallery .flex-direction-nav a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #fff;
  color: #fff;
  text-shadow: none;
  font-size: 0;
  text-align: center;
  outline: none;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  opacity: 1 !important; }

.thumbnail-gallery .flex-direction-nav a:before {
  font-size: 18px;
  line-height: 52px; }

.thumbnail-gallery .flex-direction-nav .flex-next,
.thumbnail-gallery .flexslider:hover .flex-direction-nav .flex-next {
  right: 20px; }

.thumbnail-gallery .flex-direction-nav .flex-prev,
.thumbnail-gallery .flexslider:hover .flex-direction-nav .flex-prev {
  left: 20px; }

/* caption */
.slide {
  position: relative; }

.slide .slide-caption {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 6px 12px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 0.7em;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.slide:hover .slide-caption {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

/* LAYOUT
-------------------------------------------------------------------------------------- */
#primary,
#secondary {
  display: block; }

.container {
  width: 945px; }

#wi-wrapper {
  margin: 0 auto;
  max-width: 1024px;
  position: relative;
  z-index: 1000;
  background: #fff url(images/line-h.png) top left repeat-x; }

#wi-wrapper:before,
#wi-wrapper:after {
  content: "";
  background: url(images/line.png) top left repeat-y;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  display: block; }

#wi-wrapper:after {
  left: auto;
  right: 0; }

.has-sidebar #primary,
.has-sidebar #secondary {
  float: left; }

.has-sidebar #primary {
  width: 74%;
  padding-right: 30px; }

.has-sidebar #secondary {
  width: 26%; }

/* left sidebar */
.has-sidebar.sidebar-left #primary {
  float: right;
  padding-right: 0;
  padding-left: 30px; }

.has-sidebar.sidebar-left #secondary {
  float: left; }

/* TITLE
-------------------------------------------------------------------------------------- */
/* header */
.page-header {
  padding: 0 0 10px; }

/* title */
/* page title */
.page-title {
  margin-bottom: 0;
  font-size: 36px;
  line-height:38px;
  text-align: left;
  font-weight: 900;
 }

.page-title span {
  position: relative;
  display: inline-block; }

.page-title span:before,
.page-title span:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 999px;
  border-top: 2px solid;
  border-bottom: 2px solid;
  height: 8px;
  margin-top: -1px;
  display: none; }

.page-title span:before {
  right: 100%;
  margin-right: 24px; }

.page-title span:after {
  left: 100%;
  margin-left: 24px; }

#titlebar {
  position: relative;
  z-index: 90;
  /*height:40px;*/
  margin-bottom: 13px; }

#titlebar .container {
  position: relative; }

.title-area {
    position: relative;
 }

.title-label {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1; }

.title-label span {
  display: inline-block;
  padding: 0 10px;
  letter-spacing: 5px;
  font-size: 10px;
  color: #fff;
  background: #000;
  height: 20px;
  line-height: 20px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase; }

.archive-title {
  padding-left:10px;
  margin-top:20px;
  margin-bottom: 0;
  font-size: 36px;
  line-height:38px;
  text-align: left;
  font-weight: 900; }

.page-subtitle {
  display: block;
  max-width: 700px;
  margin: 16px auto 0;
  font-size: 1.3em;
  font-weight: normal;
  position: relative;
  margin-top: 32px;
  padding-top: 20px; }

.page-subtitle:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 50%;
  border-top: 2px solid;
  width: 100px;
  margin-left: -50px; }

.headline-authorbox {
  margin-top:19px;
  margin-left:10px; margin-right:10px;
  padding-left:230px;
  margin-bottom:30px;
  min-height:70px;
  position:relative;
  overflow: hidden; }

.headline-authorbox .social {
  position:absolute; 
  left:0; top:0;
}

.headline-authorbox .social h3 {  
  font-family:"freight-sans-pro";
  font-size:18px; color:#9B9B9B; font-weight:550;
  margin-bottom:12px;
}
.headline-authorbox .author-social {
  float: none;
  margin-top:0;  
}

.headline-authorbox .author-social ul li {
  height:35px;
}
.headline-authorbox .author-social ul li a {
  width:35px; height:35px;
  background-size:35px 35px;
}
.headline-authorbox  .desc {
  font-size:18px;
  line-height:24px;
}

.heading-author-avatar {
  margin: 0 0 1em; }
  .heading-author-avatar img {
    width: 90px;
    height: 90px; }

/* HEADER
-------------------------------------------------------------------------------------- */
#wi-header {
  position: relative;
  padding: 10px 0 20px; }

#wi-header > .container {
  position: relative; }

#logo-area {
  overflow: hidden;
  padding: 0 0; }

#wi-logo {
  position: relative;
  text-align: center; }

#wi-logo h2 {
  margin-bottom: 0; }

.slogan {
  margin: 6px 0 0;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 12px;
  text-align: center; }

/* Header Area */
#header-area {
  padding: 30px 0 20px;
  text-align: center; }

.single #header-area,
.page #header-area {
  padding-bottom: 0; }

/* topbar */
#wi-topbar {
  z-index:100;
  background:#000;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

#wi-topbar .container {
  padding-top:7px;
  height:54px;
  position: relative; }

#wi-topbar .topbar-inner {
  margin-left:-20px;
  margin-right:-20px;
}

#wi-topbar.is-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999999;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.32), 0 1px 3px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.32), 0 1px 3px rgba(0, 0, 0, 0.22);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.32), 0 1px 3px rgba(0, 0, 0, 0.22);
  -webkit-animation-name: topbar;
  -moz-animation-name: topbar;
  -o-animation-name: topbar;
  animation-name: topbar; }

@-webkit-keyframes topbar {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes topbar {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes topbar {
  0% {
    opacity: 0;
    -o-transform: translateY(-100%); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes topbar {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.admin-bar #wi-topbar.is-sticky {
  top: 32px; }

#wi-topbar.is-sticky .topbar-inner:after {
  display: none; }

/* HEADER SOCIAL */
#header-social {
  float: right;
  margin-right: 0px;
  margin-top: 18px; }

#header-social ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#header-social ul li {
  display: block;
  float: left; }

#header-social ul li:first-child {
  margin-left: 0; }

#header-social ul li a {
  text-decoration: none;
  display: block;
  font-size: 0;
  color: #000;
  width: 23px;
  height: 23px;
  margin-right:6px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#header-social ul li:last-child a {
  margin-right:0;
}

#header-social ul li a:hover {
  color: #db4a37; }

#header-social ul li a span {
  display: none; }

#header-social ul li a i {
  line-height: 40px;
  display: block; }

#header-social ul li a i.icon-search {
  width:23px; height:23px;
  display:inline-block;
  background:url(images/new/icon_search.png) no-repeat center; background-size:contain;
}

#header-social ul li a i.icon-facebook-square {
  width:23px; height:23px;
  display:inline-block;
  background:url(images/new/icon_facebook.png) no-repeat center; background-size:contain;
}
#header-social ul li a i.icon-twitter {
  width:23px; height:23px;
  display:inline-block;
  background:url(images/new/icon_twitter.png) no-repeat center; background-size:contain;
}
#header-social ul li a i.icon-instagram {
  width:23px; height:23px;
  display:inline-block;
  background:url(images/new/icon_instagram.png) no-repeat center; background-size:contain;
}
#header-social ul li a i.icon-youtube {
  width:23px; height:23px;
  display:inline-block;
  background:url(images/new/icon_youtube.png) no-repeat center; background-size:contain;
}
#header-social ul li a i.icon-envelope {
  width:23px; height:23px;
  display:inline-block;
  background:url(images/new/icon_email.png) no-repeat center; background-size:contain;
}

/* search */
#header-search {
  display: block;
  height: 40px;
  width: 100%;
  z-index: 999;
  margin-bottom: 20px;
  display: none; }

#header-search .submit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #000;
  border: none;
  outline: none;
  display: none; }

#header-search .s {
  border: none;
  background: #ddd;
  height: 40px;
  line-height: 20px;
  padding: 10px;
  padding-right: 50px; }

/* MENU
-------------------------------------------------------------------------------------- */
#toggle-menu {
  display: none; }

#toggle-menu span {
  font-family: Oswald, sans-serif; }

.no-menu,
#wi-mainnav {
  float: left;
  display: block;
  font-family: Oswald, sans-serif;
  font-style: normal; }

.no-menu {
  font-size: 22px; }

  
#wi-mainnav .main-logo {
  float:left;
  display:block;
  width:216px; height:35px; 
  margin-right:47px;
  background:url(images/new/logo.png) no-repeat center;
  text-indent:-10000px; overflow:hidden;
}

#wi-mainnav > .menu {
  margin-top:7px;
}
#wi-mainnav .menu {
  float:left;
}

#wi-mainnav .menu > ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#wi-mainnav .menu > ul > li {
  display: block;
  float: left;
  position: relative; }

#wi-mainnav .menu > ul > li:first-child {
  margin-left: 0; }

#wi-mainnav .menu > ul > li > a {
  display: block;
  position: relative;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight:700;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#wi-mainnav .menu > ul > li.menu-item-has-children > a:after {
  display: inline-block;
  content:'';
  background:url(images/new/icon_menu_arrow.png) no-repeat center;
  width:6px; height:6px;
  margin-left: 9px; }

#wi-mainnav .menu > ul > li a > i {
  margin-right: 8px;
  display: inline-block;
  vertical-align: top; }

#wi-mainnav .menu > ul > li > a > i {
  line-height: 40px; }

#wi-mainnav .menu > ul > li.current-menu-item > a,
#wi-mainnav .menu > ul > li.current-menu-ancestor > a {
  background: #000;
  color: #fff; }

#wi-mainnav .menu > ul > li > a .indicator,
#wi-mainnav .menu > ul > li > ul > li > a .indicator {
  display: none; }

#wi-mainnav .menu > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  margin-top: -8px; }

#wi-mainnav .menu > ul > li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-top: -2px; }

#wi-mainnav .menu > ul > li > ul > li {
  display: block;
  position: relative; }

#wi-mainnav .menu > ul > li > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 7px 14px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  border-top: 1px solid #333;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

#wi-mainnav .menu > ul > li > ul > li:first-child > a {
  border-top: none; }

#wi-mainnav .menu > ul > li > ul li > a:hover,
#wi-mainnav .menu > ul > li > ul li.current-menu-item > a,
#wi-mainnav .menu > ul > li > ul li.current-menu-ancestor > a {
  background: #f9f9f9;
  color: #db4a37; }

/* third drop-down */
#wi-mainnav .menu > ul > li > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid;
  padding: 0;
  position: absolute;
  left: 100%;
  top: 0;
  width: 180px;
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  margin-left: -8px; }

#wi-mainnav .menu > ul > li > ul > li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-left: 0px; }

#wi-mainnav .menu > ul > li > ul > li > ul > li {
  display: block;
  position: relative; }

#wi-mainnav .menu > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 7px 14px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  border-top: 1px solid #333;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

#wi-mainnav .menu > ul > li > ul > li > ul > li:first-child > a {
  border-top: none; }

#wi-mainnav .menu > ul > li > ul li > a:hover,
#wi-mainnav .menu > ul > li > ul li.current-menu-item > a,
#wi-mainnav .menu > ul > li > ul li.current-menu-ancestor > a {
  background: #f9f9f9;
  color: #db4a37; }

/* Submenu dark */
.submenu-dark #wi-mainnav .menu > ul > li > ul,
.submenu-dark #wi-mainnav .menu > ul > li > ul > li > ul {
  background: #000; }

.submenu-dark #wi-mainnav .menu > ul > li > ul > li > a,
.submenu-dark #wi-mainnav .menu > ul > li > ul > li > ul > li > a {
  color: #fff;
  border-top-color: #333; }

.submenu-dark #wi-mainnav .menu > ul > li > ul li > a:hover,
.submenu-dark #wi-mainnav .menu > ul > li > ul li.current-menu-item > a,
.submenu-dark #wi-mainnav .menu > ul > li > ul li.current-menu-ancestor > a {
  background: #333; }

.submenu-dark #wi-mainnav .menu > ul > li > ul li > a:hover,
.submenu-dark #wi-mainnav .menu > ul > li > ul li.current-menu-item > a,
.submenu-dark #wi-mainnav .menu > ul > li > ul li.current-menu-ancestor > a {
  color: #db4a37; }

/* Mega Menu */
#wi-mainnav .menu > li.mega-full {
  position: static; }

#wi-mainnav .menu > li.mega > ul {
  width: 100%;
  table-layout: fixed;
  padding: 20px 0;
  overflow: hidden; }

#wi-mainnav .menu > li.mega.column-2 > ul {
  width: 400px; }

#wi-mainnav .menu > li.mega.column-3 > ul {
  width: 600px; }

#wi-mainnav .menu > li.mega.column-4 > ul,
#wi-mainnav .menu > li.mega.column-5 > ul {
  width: 100%;
  left: auto;
  right: 0; }

#wi-mainnav .menu > li.mega.column-2 > ul > li {
  width: 50%; }

#wi-mainnav .menu > li.mega.column-3 > ul > li {
  width: 33.33%; }

#wi-mainnav .menu > li.mega.column-4 > ul > li {
  width: 25%; }

#wi-mainnav .menu > li.mega.column-5 > ul > li {
  width: 20%; }

#wi-mainnav .menu > li.mega > ul > li {
  display: table-cell;
  position: static;
  border-left: 1px solid; }

.submenu-dark #wi-mainnav .menu > li.mega > ul > li {
  border-left-color: rgba(255, 255, 255, 0.3); }

#wi-mainnav .menu > li.mega > ul > li:first-child {
  border-left: none; }

/* mega lead item */
#wi-mainnav .menu > li.mega > ul > li > a {
  border-top: none;
  font-weight: 600; }

#wi-mainnav .menu > li.mega > ul > li > ul {
  display: none;
  opacity: 1 !important;
  visibility: visible;
  position: static;
  box-shadow: none;
  width: 100%;
  border: none;
  margin: 0;
  overflow: hidden; }

#wi-mainnav .menu > ul > li:hover > ul > li > ul {
  display: block; }

#wi-mainnav .menu > li.mega > ul > li > ul > li {
  display: block;
  float: right;
  width: 100%; }

#wi-mainnav .menu > li.mega > ul > li > ul a {
  display: block;
  width: 100%;
  border: none; }

/* FEATURED SLIDER
-------------------------------------------------------------------------------------- */
/* performance */
.blog-slider {
  min-height: 300px;
  margin-bottom: 32px;
  background: url(images/loader.gif) center center no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  background-size: 32px; }

.blog-slider.loaded {
  background: none; }

/* navigation */
.blog-slider .flex-direction-nav {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 40; }

.blog-slider .flex-direction-nav li {
  display: block;
  float: left; }

.blog-slider .flex-direction-nav a {
  position: static;
  top: 0;
  opacity: 1 !important;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.85);
  text-shadow: none;
  width: auto;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin: 0;
  font-family: Oswald, sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.blog-slider .flex-direction-nav a:hover {
  background: #db4a37; }

.blog-slider .flex-direction-nav .flex-prev,
.blog-slider .flexslider:hover .flex-direction-nav .flex-prev {
  left: auto;
  right: 44px; }

.blog-slider .flex-direction-nav .flex-next,
.blog-slider .flexslider:hover .flex-direction-nav .flex-next {
  right: 0; }

.blog-slider .flex-direction-nav a:before {
  font-size: 10px;
  display: inline;
  margin: 0 6px; }

.blog-slider .flex-direction-nav a.flex-next:before {
  float: right; }

.blog-slider .counter {
  display: none;
  position: absolute;
  bottom: 60px;
  left: 420px;
  color: #db4a37;
  font-size: 100px;
  font-style: italic;
  line-height: 1; }

/* slide details */
.post-slider {
  position: relative; }

.slider-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.slider-table {
  display: table;
  width: 100%;
  height: 100%; }

.slider-cell {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 60px;
  color: #fff; }

.slider-date:after {
  content: "\2014";
  margin: 0 4px; }

.slider-header {
  padding-left: 10px; }

.slider-title {
  font-size: 60px;
  margin-bottom: 0;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

.slider-title a,
.slider-title a:hover {
  color: #fff; }

.slider-excerpt {
  max-width: 440px;
  padding: 8px;
  background: #000; }

.slider-excerpt p {
  font-size: .9em;
  margin-bottom: 0; }

.slider-more {
  font-family: Oswald, sans-serif;
  letter-spacing: 1px;
  font-weight: bold; }

.slider-more:hover {
  text-decoration: underline; }



/* SECTIONS
-------------------------------------------------------------------------------------- */
.section-ad,
.single-ad {
  margin-left:-40px; margin-right:-40px; background:#ccc; }

  .section-ad img,
  .single-ad img {
    display: block;
    margin: 0 auto; }

.section-heading {
    margin-bottom: 14px;
    font-size: 36px;
    line-height:38px;
    text-align: left;
    font-weight: 900;
    position: relative;     
}

.wi-section.section-1 .section-heading {
    padding-left:10px;
}

.section-heading span.title { display:inline-block; margin-top:10px; }

.section-heading .viewall {
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 0; }

.section-heading .viewall:hover {
  text-decoration: underline; }

.section-heading .trending-topics {
  position:absolute; left:0; top:18px; width:100%;
  display:block;
}

.section-heading .trending-topics .trending-topicks-title { display:block; font-size:12px; line-height:20px; font-weight:600; text-align:right; margin-right:320px; letter-spacing:1.03px; margin-top:10px; }
.section-heading .trending-topics .trending-topicks-links { display:block; width:305px; position:absolute; right:0; top:10px; font-size:0;  line-height:0; letter-spacing:1.03px; }

.wi-section .post-grid .readmore {
  display: none; }

.main-stream-ad {
  width: 100%;
  padding: 16px 16px 32px;
  clear: both; }
  .main-stream-ad img {
    display: block;
    margin: 0 auto; }
  .main-stream-ad a {
    outline: 0; }

/* BIG POST
-------------------------------------------------------------------------------------- */
.post-big {
  position: relative; }

.post-big .post-thumbnail {
  margin-bottom: 0; }

.post-big .post-thumbnail img {
  display: block;
  width: 100%; }

.big-body {
  position: relative; }

.big-content {
  font-size: 1.3em; }

.big-title {
  font-size: 60px;
  padding-top: 10px;
  margin-bottom: 20px; }

.big-title a,
.big-title a:hover {
  color: #000; }

.big-meta {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  letter-spacing: 3px;
  font-size: 14px;
  padding-top: 3px;
  border-top: 2px solid; }

.format-video .big-meta,
.format-audio .big-meta,
.format-gallery .big-meta {
  border-top: none;
  padding-top: 0;
  margin-top: 12px; }

.has-thumbnail .big-meta {
  position: absolute;
  height: 28px;
  background: #fff;
  top: -28px;
  line-height: 28px;
  padding-right: 6px;
  left: 0;
  padding-top: 0;
  border: none; }

.big-date {
  margin-left: 6px; }

.big-date:before {
  content: "/";
  margin-right: 6px; }

.big-cats a {
  color: #000; }

.big-cats a:hover {
  text-decoration: underline; }

.post-big .more-link {
  width: auto;
  display: block;
  float: right;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #000;
  font-weight: bold; }

.post-big .more-link:hover {
  text-decoration: underline; }

/* BLOG
-------------------------------------------------------------------------------------- */
/* general */
.wi-post {
  position: relative;
  padding-top: 50px;
  padding-bottom: 36px; }

.wi-post:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none; }

.wi-post:first-child:before {
  display: none; }

.wi-post.sticky .post-content {
  /* style the sticky post here */ }

/* thumbnail */
.post-thumbnail {
  position: relative;
  text-align: center; }

/* layout */
.post-header {
  position: relative;
  display: block;
 }

/* title */
.post-title {
  font-weight: bold;
  position: relative; 
  font-size: 36px;
  color: #000000;
  text-align: left;
  line-height: 38px;
  margin-top:10px;
  margin-bottom:6px;
  }

.post-title a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.post-title a:hover {
  color: #333; }

/* meta header */

.post-header-meta { position:relative; }

.post-header-meta a {
  color: #000; }

.post-header-meta a:hover {
  text-decoration: underline; }

.post-header-meta .meta-category { 
  display:inline-block;
  text-transform: uppercase;
  padding-left:8px; padding-right:8px;
  line-height:50px; 
  height:50px;  
  background:#000;
  font-size: 14px;
  font-weight:600;
  color: #FFFFFF;
  letter-spacing: 0.8px;
  text-align: center;
  margin-right:16px; }

.post-header-meta .meta-category:hover {
  text-decoration:none;
  color:#fff;
}

.post-header-meta .meta-author {
  display:inline-block;
  font-weight:600;
  font-size:18px;
  letter-spacing:0.3px;
  margin-right:16px;
}

.post-header-meta .meta-time {
  display:inline-block;
  color:#9B9B9B;
  font-weight:600;
  font-size:18px;
  letter-spacing:0.3px;
}

.post-header-meta .meta-tags { display:none; position:absolute; top:0; right:0; }
.post-header-meta .meta-tags .tag-item { display:none; }
.post-header-meta .meta-tags .tag-item:nth-child(1),
.post-header-meta .meta-tags .tag-item:nth-child(2),
.post-header-meta .meta-tags .tag-item:nth-child(3) { display:inline-block; }
.post-header-meta .meta-tags .tag-item:nth-child(3) { margin-right:0; }

/* more link */
.more-link {
  float: left;
  width: 100%;
  text-align: center; }

.more-link span.post-more {
  background: #000;
  display: inline-block;
  padding: 4px 12px;
  color: #fff;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 12px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.more-link span.post-more:hover {
  background: #db4a37; }

.entry-content {
  width:742px; margin:0 auto;
  padding-top:30px; }

#page .entry-content { padding-top:0; }

.enable-2-columns:not(.woocommerce):not(.woocommerce-page) .entry-content {
  text-align: justify;
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px; }

.enable-2-columns .entry-content p {
  margin-bottom: 24px; }

.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content p:first-child:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h1:first-child + p:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h2:first-child + p:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h3:first-child + p:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .entry-content h4:first-child + p:first-letter {
  font-weight: bold;
  font-size: 5em;
  display: block;
  float: left;
  margin: 5px 18px 10px 0;
  line-height: 1; }

blockquote p:first-letter {
  font-weight: inherit !important;
  font-size: 1em !important;
  float: none !important;
  margin: 0 !important;
  line-height: inherit !important; }

/* social share */
.post-share {
  display: block;
  position: relative;
  font-family: Oswald, sans-serif;
  letter-spacing: 2px;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0 auto;
  max-width: 600px;
  margin-top:11px; }

.post-share h3 {
font-size: 12px;
line-height:12px;
margin:0; margin-bottom:15px;
font-weight:550;
color: #9B9B9B;
letter-spacing: 1.03px;
text-transform: uppercase;
text-align: center;
}

.post-share ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden; 
  text-align:center; }

.post-share ul li {
  display: inline-block;
  margin: 0; margin-left:6px; margin-right:6px;
  width: 40px; }

.post-share ul li:last-child {
  margin-right: 0; }

.post-share ul li a {
  cursor:pointer;
  display: inline-block;
  text-indent:-10000px;
  overflow:hidden;
  width:40px; height:40px;
  background-position:center;
  background-repeat:no-repeat;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-decoration: none; }

.post-share i {
  display: none; }

.post-share ul li.li-facebook a {
  background-image: url(images/new/icon_facebook.png); }

.post-share ul li.li-twitter a {
  background-image: url(images/new/icon_twitter.png);}

.post-share ul li.li-email a {
  background-image: url(images/new/icon_email.png);}

.post-share ul li.li-print a {
  background-image: url(images/new/icon_print.png);}

.post-share ul li.li-pinterest a {
  background: #cc2127; }

.post-share ul li.li-google-plus a {
  background: #dd4b39; }

.post-share ul li.li-comment a {
  background: #777; }

.post-share ul li a:hover {
  opacity: 0.8; }

/* RELATED
-------------------------------------------------------------------------------------- */
.related-area {
  padding: 54px 0 20px; }

.blog-related-heading {
  text-align: center;
  font-size: 22px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
  padding-bottom: 8px;
  background: url(images/line-h.png) bottom left repeat-x; }

.blog-related {
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  padding-top: 20px; }

.blog-related .line {
  position: absolute;
  top: 0;
  left: 33.33%;
  display: block;
  bottom: 0;
  content: "";
  width: 2px;
  background: url(images/line.png) top left repeat-y; }

.blog-related .line2 {
  left: 66.66%; }

/* post related */
.post-related {
  display: block;
  float: left;
  width: 33.33%;
  padding: 0 10px; }

.related-thumbnail {
  display: block;
  float: left;
  width: 72px;
  margin: 0 12px 8px 0; }

.related-thumbnail .format-sign {
  display: none; }

.related-title {
  margin-bottom: 8px;
  font-size: 22px; }

.related-title a {
  color: #000;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.related-title a:hover {
  color: #db4a37; }

.related-excerpt {
  font-size: .9em; }

.related-excerpt p {
  margin-bottom: 0; }

/* BLOG MASONRY
-------------------------------------------------------------------------------------- */
/* animation */
.blog-masonry {
  position: relative;
  background: url(images/loader.gif) center 100px no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  background-size: 32px; }

.blog-masonry .post-masonry {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0; }

.blog-masonry.loaded .post-masonry {
  opacity: 1;
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade; }

.blog-masonry .masonry-thumbnail img {
  visibility: hidden;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0; }

.blog-masonry.loaded {
  background: none; }

.blog-masonry.loaded .inview .masonry-thumbnail img {
  visibility: visible;
  -webkit-animation-name: popup;
  -moz-animation-name: popup;
  -o-animation-name: popup;
  animation-name: popup; }

@-webkit-keyframes popup {
  from {
    -webkit-transform: translateY(10px); }
  to {
    -webkit-transform: translateY(0px);
    opacity: 1; } }
@-moz-keyframes popup {
  from {
    -moz-transform: translateY(10px); }
  to {
    -moz-transform: translateY(0px);
    opacity: 1; } }
@keyframes popup {
  from {
    transform: translateY(10px); }
  to {
    transform: translateY(0px);
    opacity: 1; } }
/* general */
.post-masonry {
  display: block;
  float: left; }

/* 2 columns */
.blog-masonry.column-2 {
  margin-left: -16px;
  margin-right: -16px; }

.blog-masonry.column-2 .post-masonry,
.blog-masonry.column-2 .main-stream-ad {
  width: 50%;
  padding: 0 16px 12px; }

.blog-masonry.column-2 .grid-sizer {
  width: 50%; }

.blog-masonry.column-2 .post-masonry:first-child {
  width: 100%; }

/* 3 columns */
.blog-masonry.column-3 {
  margin-left: -16px;
  margin-right: -16px; }

.blog-masonry.column-3 .post-masonry,
.blog-masonry.column-3 .main-stream-ad {
  width: 33.33%;
  padding: 0 16px 12px; }

.blog-masonry.column-3 .grid-sizer {
  width: 33.33%; }

.blog-masonry.column-3 .post-masonry:first-child {
  width: 66.66%; }

/* 4 columns */
.blog-masonry.column-4 {
  margin-left: -6px;
  margin-right: -6px; }

.blog-masonry.column-4 .post-masonry,
.blog-masonry.column-4 .main-stream-ad {
  width: 25%;
  padding: 0 6px 10px; }

.blog-masonry.column-4 .grid-sizer {
  width: 25%; }

.blog-masonry.column-4 .post-masonry:first-child {
  width: 50%; }

.blog-masonry.column-4 .post-masonry .masonry-title a {
  font-size: .8em; }

/* thumbnail */
.masonry-thumbnail {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  background: #db4a37; }

.masonry-thumbnail img {
  display: block;
  width: 100%; }

/* header */
.masonry-header {
  margin-bottom: 32px;
  border-bottom: 2px solid; }

/* title */
.masonry-title {
  font-size: 32px;
  text-transform: inherit;
  margin-bottom: 0; }

.masonry-title a {
  color: #000; }

/* meta */
.masonry-meta {
  font-size: 0.7em;
  font-family: Oswald, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase; }

.masonry-cats:before {
  content: "/";
  margin-right: 4px; }

.masonry-cats {
  overflow: hidden;
  margin-left: 4px; }

.masonry-cats a {
  color: #000; }

.masonry-cats a:hover {
  text-decoration: underline; }

.masonry-cats .sep {
  margin: 0 4px; }

/* masonry content */
.masonry-content {
  font-size: 0.9em; }

.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .masonry-content:first-letter {
  font-weight: bold;
  font-size: 3em;
  display: block;
  float: left;
  margin: 4px 12px 6px 0;
  line-height: 1; }

.masonry-content p {
  margin-bottom: 10px; }

/* BLOG NEWSPAPER
-------------------------------------------------------------------------------------- */
/* animation */
.blog-newspaper {
  position: relative;
  background: url(images/loader.gif) center 100px no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  background-size: 32px; }

.blog-newspaper.loaded {
  background: none; }

.blog-newspaper .post-newspaper {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 0; }

.blog-newspaper.loaded .post-newspaper {
  opacity: 1;
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade; }

/* general */
.blog-newspaper {
  margin-left: -20px;
  margin-right: -20px; }

.post-newspaper,
.blog-newspaper .main-stream-ad {
  display: block;
  float: left;
  width: 50%;
  padding: 0 20px 40px; }

.blog-newspaper .grid-sizer {
  width: 50%; }

/* thumbnail */
.post-newspaper .slick-item img {
  height: 260px; }

/* header */
.newspaper-header {
  margin-bottom: 16px;
  border-bottom: 1px solid;
  border-top: 2px solid;
  padding: 12px 0; }

/* title */
.newspaper-title {
  text-align: center;
  font-size: 36px;
  text-transform: inherit;
  line-height: 1.1;
  margin-bottom: 16px; }

.newspaper-title a {
  color: #000; }

/* meta */
.newspaper-meta {
  text-align: center;
  font-size: .9em; }

.newspaper-meta a {
  color: #000; }

.newspaper-meta a:hover {
  text-decoration: underline; }

.newspaper-meta > span:before {
  content: "/";
  margin: 0 2px; }

.newspaper-meta > span:first-child:before {
  display: none; }

/* newspaper content */
.newspaper-content {
  font-size: 0.9em;
  padding-bottom: 20px; }

.enable-2-columns:not(.woocommerce):not(.woocommerce-page) .newspaper-content {
  text-align: justify;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px; }

.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .newspaper-content:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .newspaper-content h1:first-child + p:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .newspaper-content h2:first-child + p:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .newspaper-content h3:first-child + p:first-letter,
.enable-dropcap:not(.woocommerce):not(.woocommerce-page) .newspaper-content h4:first-child + p:first-letter {
  font-weight: bold;
  font-size: 3em;
  display: block;
  float: left;
  margin: 4px 12px 6px 0;
  line-height: 1; }

.newspaper-content p {
  margin-bottom: 10px; }

/* more link */
.post-newspaper .more-link span {
  letter-spacing: 8px; }

/* share */
.post-newspaper .post-share ul li a {
  letter-spacing: 1px;
  font-size: 9px; }

/* related */
.post-newspaper .related-area {
  background: #eee;
  padding: 24px;
  margin-top: 24px; }

.newspaper-related-heading {
  letter-spacing: 3px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 32px; }

.newspaper-related-heading span {
  border-bottom: 1px solid; }

.newspaper-related {
  margin-left: -14px;
  margin-right: -14px; }

.post-newspaper .post-related {
  padding-left: 14px;
  padding-right: 14px; }

.post-newspaper .related-thumbnail {
  float: none;
  display: block;
  margin: 0 0 10px;
  width: 100%;
  overflow: hidden;
  background: #db4a37; }

.post-newspaper .related-title {
  font-size: 16px; }

.post-newspaper .related-excerpt {
  display: none; }

/* GRID LAYOUT
-------------------------------------------------------------------------------------- */
/* layout */

.blog-grid {
  position: relative;
  margin-left: -10px;
  margin-right: -10px; }

.post-grid {
  display: block;
  padding: 0 10px 10px; float:left }

/* 2 columns */
.blog-grid.column-2 .post-grid {
  width: 50%; }

/* 3 columns */
.blog-grid.column-3 .post-grid {
  width: 33.33%; }

/* 4 columns */
.blog-grid.column-4 .post-grid {
  width: 25%; }

.blog-grid.column-5 .post-grid {
  width: 20%; }
  

/* thumbnail */
.grid-thumbnail {
  position: relative;
  margin-bottom: 16px; }

.grid-thumbnail img {
  display: block;
  width: 100%;
  height:134px;
  object-fit:cover; }


.grid-thumbnail .format-indicator {
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid; }

.grid-thumbnail .format-indicator i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  line-height: 80px;
  font-size: 20px;
  text-align: center; }

.format-sign {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  background: none;
  padding: 4px 4px 0 0; }
  .format-sign i {
    position: relative;
    z-index: 20; }

.format-sign:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent #000 transparent transparent;
  -webkit-transition: all .15s;
  -moz-transition: all .15s;
  -ms-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }

.grid-thumbnail .format-sign,
.masonry-thumbnail .format-sign,
.list-thumbnail .format-sign,
.carousel-thumbnail .format-sign,
.small-thumbnail .format-sign {
  display: block; }

.grid-thumbnail:hover .format-sign:before,
.masonry-thumbnail:hover .format-sign:before,
.list-thumbnail:hover .format-sign:before,
.carousel-thumbnail:hover .format-sign:before,
.small-thumbnail:hover .format-sign:before {
  border-right-color: #db4a37; }

/* VIDEO FORMAT SIGN ="= */
.format-sign.sign-video {
  z-index: 30;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  background: none;
  background: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  padding: 0;
  text-align: center; }

.grid-thumbnail:hover .format-sign.sign-video,
.masonry-thumbnail:hover .format-sign.sign-video,
.list-thumbnail:hover .format-sign.sign-video,
.carousel-thumbnail:hover .format-sign.sign-video,
.small-thumbnail:hover .format-sign.sign-video {
  background: #db4a37; }

.format-sign.sign-video:before {
  display: none; }

.format-sign.sign-video i {
  display: block;
  line-height: 50px; }

/* header */
.grid-header {
  margin-bottom: 15px; }

/* title */
.grid-title {
  font-size: 18px;
  color: #000000;
  text-align: left;
  line-height: 22px;
  margin:0; }

.grid-title a {
  color: #000;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.grid-title a:hover {
  color: #db4a37; }

.grid-author {
  font-size: 18px;
  font-weight:550;
  color: #000000;
  letter-spacing: 0.3px;
  text-align: left;
}

.grid-author a {
  color:#000;
}

/* grid meta */
.grid-meta {
  font-size: 0.7em;
  padding-top: 7px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

.grid-cats:before {
  content: "/";
  margin-right: 2px; }

.grid-cats {
  overflow: hidden;
  margin-left: 2px; }

.grid-cats a {
  color: #000; }

.grid-cats a:hover {
  text-decoration: underline; }

.grid-cats .sep {
  margin: 0 4px; }

/* grid-content */
.grid-content {
  font-size: 0.9em; }

.grid-content p {
  margin-bottom: 20px; }

/* more */
.readmore {
  font-family: Oswald, sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  display: inline-block; }

.readmore:hover {
  text-decoration: underline; }

/* BLOG LIST
-------------------------------------------------------------------------------------- */
.post-list {
  overflow: hidden;
  position: relative;
  padding: 40px 0 32px; }

.post-list:first-child {
  padding-top: 0; }

.post-list:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(images/line-h.png) top left repeat-x;
  height: 2px;
  content: ""; }

.post-list:first-child:before {
  display: none; }

.list-thumbnail {
  display: block;
  float: left;
  margin-right: 28px;
  width: 360px;
  position: relative; }

/* nosidebar case */
.post-list .post-body {
  overflow: hidden; }

/* cats */
.list-meta {
  font-size: 0.7em;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

.list-meta a {
  color: #000; }

.list-cats a:hover {
  text-decoration: underline; }

.list-meta .sep {
  margin: 0 5px; }

.list-cats {
  margin-left: 4px; }

.list-cats:before {
  content: "/";
  margin-right: 4px; }

/* header */
.list-header {
  padding: 0px 0 26px; }

/* title */
.list-title {
  font-size: 36px;
  line-height: 1.2;
  margin: 0; }

.list-title a {
  color: #000; }

.list-title a:hover {
  color: #333; }

/* grid-content */
.list-content p {
  margin-bottom: 10px; }

/* PAGINATION
-------------------------------------------------------------------------------------- */
.wi-pagination {
  padding: 48px 0 24px;
  text-align: center; }

.pagination-inner {
  display: inline-block;
  border: 2px solid #444;
  padding: 5px 16px;
  letter-spacing: 5px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-size: 13px; }

.wi-pagination a.page-numbers {
  color: #000;
  padding: 0 6px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.wi-pagination span.page-numbers {
  color: #ccc; }

.wi-pagination a.page-numbers:hover {
  color: #db4a37; }

/* SINGLE
-------------------------------------------------------------------------------------- */
/* meta */
.single-meta {
  overflow: hidden; }

.single-date {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  letter-spacing: 2px;
  font-size: 0.8em;
  float: left; }

.single-cats {
  float: right;
  font-size: 0.8em;
  font-family: Oswald, sans-serif; }

.single-cats a {
  color: inherit;
  text-transform: uppercase; }

.single-cats a:hover {
  text-decoration: underline; }

/* Paginated */
.page-links-container {
  overflow: hidden;
  margin: 20px auto;
  font-weight: normal;
  font-family: Oswald, sans-serif;
  line-height: 1.2;
  border-top: 2px solid;
  padding-top: 8px; }

.page-links-label {
  float: left;
  margin-right: 20px;
  font-weight: bold; }

.page-links > span,
.page-links > a,
.page-links > a:hover {
  display: block;
  float: left;
  padding: 0 10px;
  border-bottom: none;
  border-right: 1px solid;
  color: #000; }

.page-links > span:last-child,
.page-links > a:last-child {
  padding-right: 0;
  border-right: none; }

.page-links > a {
  color: #333;
  text-decoration: none; }

.page-links > a:hover {
  color: #db4a37; }

.page-links > span {
  color: #999; }

/* info */
.single-info {
  position: relative;
  padding-top: 30px;
  margin-top: 20px; }

.single-info:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  border-top: 1px solid;
  content: ""; }

/* tags */
.single-tags {
  font-family: Oswald, sans-serif;
  letter-spacing: 2px;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 32px;
  text-align: center; }

.tag-label {
  font-weight: bold;
  margin-right: 12px; }

.single-tags a {
  display: inline-block;
  margin: 0 4px 6px 0;
  border: 1px solid #999;
  padding: 5px 8px;
  color: inherit;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.single-tags a:hover {
  color: #db4a37; }

/* single share */
/* related posts */
#related-posts {
  padding-top: 40px; }

.related-heading {
  font-size: 36px;
  color: #000000;
  text-align: left;
  line-height: 38px;
  font-weight:700;
  margin-bottom:17px;
 }

.related-list {
  position:relative;
  overflow:hidden;
}

.related-list .related-nav {
  position:absolute; right:0px; top:0; height:150px; width:30px;
  background:#fff;
  z-index:100;
}

.related-list .related-nav a {
  display:block; position:absolute;
  width:30px; height:150px; right:0; top:0;
  background:url(images/new/icon_arrow_next.png) no-repeat center #CCCCCC;
}

 .related-list-inner {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.related-group {
  float:left;
}

.related-list .grid-thumbnail {
  background: #db4a37;
  overflow: hidden; }

.related-list .readmore {
  display: none !important; }

.related-list.column-3 {
  margin-left: -6px;
  padding-right: 0px; }

.related-list.column-3 .post-grid,
.on-singlepage-list.column-3 .post-grid {
  padding-left: 6px;
  padding-right: 6px; }

/* authorbox tab */
.authorbox-tab {
  display: none;
  overflow: hidden; }

.authorbox-tab.active {
  display: block; }

.authorbox-nav {
  display: block;
  height: 24px;
  margin-bottom: 16px;
  font-size: 11px;
  font-family: Oswald, sans-serif;
  letter-spacing: 2px; }

.authorbox-nav ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
  position: relative; }

.authorbox-nav ul li {
  display: block;
  float: left;
  margin-right: 4px; }

.authorbox-nav ul li:first-child:before {
  display: none; }

.authorbox-nav ul li a {
  display: block;
  padding: 3px 6px;
  text-transform: uppercase;
  color: #000;
  cursor: pointer; }

.authorbox-nav ul li.active a {
  position: relative;
  z-index: 30;
  color: #fff;
  background: #000; }

/* authorbox-multi */
.authorbox-multi {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom:20px;
}

/* authorbox */
.authorbox {
  margin-top: 44px;
  position: relative;
  overflow: hidden; }

.authorbox-multi .authorbox {
  margin-top:24px;
}

.authorbox-content {
  overflow: hidden;
  position: relative;
  min-height:80px; }

.authorbox-nav {
  position:absolute; left:0; top:0;
  width:184px;
}
.authorbox-nav h3 {
  font-size:18px;
  line-height:18px;
  font-weight:550;
  letter-spacing:0.3px;
  margin:0; margin-bottom:4px;
}
.authorbox-nav h4 {
  font-size:18px;
  line-height:23px;
  font-weight:550;
  color:#9B9B9B;
  letter-spacing:0.5px;
  margin:0;
}

.authorbox-nav h4 a { color:#9B9B9B; }

.authorbox-info {
  margin-left:232px;
}

.authorbox-info p {
  color:#000;
  font-size:18px;
  font-family:"adobe-caslon-pro";
  letter-spacing:0.22px;
  line-height:24px;
  margin:0;
}

.author-social {
  margin-top: 16px; }

.author-social ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }

.author-social ul li {
 display:inline-block; margin-right:5px; height:16px; }

.author-social ul li:last-child {
  margin-right:0;
}

.author-social ul li a {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-indent:-1000px; overflow:hidden;
  background:no-repeat center; background-size:contain; border-radius:50%;
  color: #fff;
  padding:0;
  text-align: center;
  background-size:16px 16px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.author-social ul li a:hover {
  color: #db4a37; }

.author-social ul li a.icon-facebook {
  background-image:url(images/new/icon_facebook.png);
}
.author-social ul li a.icon-twitter {
  background-image:url(images/new/icon_twitter.png);
}
.author-social ul li a.icon-instagram {
  background-image:url(images/new/icon_instagram.png);
}
.author-social ul li a.icon-youtube {
  background-image:url(images/new/icon_youtube.png);
}

/* Single Nav */
.post-nav {
  width: 100%;
  overflow: hidden;
  background: url(images/line-h.png) top left repeat-x; }

.post-nav .container {
  padding: 32px 0 30px; }

.post-navigation {
  position: relative; }

.post-navigation h2 {
  display: none; }

.post-navigation .nav-links {
  overflow: hidden; }

.post-navigation a,
.post-navigation a:hover {
  color: #333;
  text-decoration: none; }

.post-navigation .nav-links .nav-previous {
  float: left;
  display: block;
  width: 50%;
  padding-right: 12px; }

.post-navigation .nav-links .nav-next {
  float: right;
  display: block;
  width: 50%;
  padding-left: 12px;
  text-align: right; }

.screen-reader-text {
  display: none; }

.post-navigation .meta-nav {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  font-family: Oswald, sans-serif;
  text-decoration: underline; }

.post-navigation .nav-links a:hover .meta-nav {
  text-decoration: underline; }

.post-navigation .nav-next .meta-nav i {
  margin-left: 3px; }

.post-navigation .nav-previous .meta-nav i {
  margin-right: 3px; }

.post-navigation .post-title {
  display: block;
  text-align: inherit;
  font-size: 22px;
  line-height: 1.2;
  font-weight: normal;
  font-family: Oswald, sans-serif;
  margin: 0 !important;
  font-weight: bold; }

/* Review @since 2.4
-------------------------------------------------------------------------------------- */
#review-heading {
  text-align: center;
  font-size: 24px;
  letter-spacing: 3px;
  font-weight: 300;
  text-transform: uppercase; }
  #review-heading:after {
    display: block;
    width: 20px;
    height: 2px;
    background: #111;
    content: "";
    margin: 10px auto 0; }

#review-wrapper {
  margin: 0 0 30px; }

#review {
  font-size: 18px; }

.review-item {
  display: block;
  padding: 7px 0;
  border-bottom: 1px dotted #999;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .review-item.overrall .review-score {
    border: 2px solid #db4a37;
    background: #db4a37;
    color: #fff;
    font-size: 24px; }
  .review-item.overrall .review-criterion {
    background: none;
    color: inherit;
    font-size: 18px; }

.review-criterion {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  background: #111;
  color: white;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: 4px; }

.review-score {
  margin-left: auto;
  font-family: Oswald, sans-serif;
  padding: 0 10px; }
  .review-score .unit {
    letter-spacing: 2px;
    font-weight: 400;
    margin-left: 4px; }

/* COMMENTS
-------------------------------------------------------------------------------------- */
#comments {
  overflow: hidden;
  margin-top: 64px;
  border-top: 2px solid; }

/* Commentlist
--------------------------------------------- */
.comments-title,
#reply-title,
.woocommerce-Reviews-title {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-bottom: 42px;
  position: relative;
  padding: 12px 0 0;
  text-align: center; }

.commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 40px; }

.commentlist li > .comment-body {
  padding: 0;
  display: block;
  border-bottom: 1px solid;
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative; }

.commentlist .comment-author img {
  float: left;
  margin-right: 24px;
  width: 60px;
  display: block;
  margin-top: 3px;
  padding: 4px;
  border: 1px solid #000; }

.comment-metadata {
  line-height: 1.3;
  margin-bottom: 20px; }

.comment-metadata a,
.comment .reply a {
  color: #000;
  font-size: 10px;
  text-decoration: none;
  font-family: Oswald, sans-serif;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px; }

.comment-metadata a:hover {
  text-decoration: underline; }

.comment-metadata .edit-link {
  margin-left: 16px; }

.comment .reply a {
  padding: 3px 6px;
  color: #000;
  border: 1px solid #000;
  position: absolute;
  top: 6px;
  right: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.comment .reply a:hover {
  background: #000;
  color: #fff; }

.commentlist .fn {
  font-family: Oswald, sans-serif;
  font-weight: normal;
  font-size: 20px; }

.commentlist .says {
  display: none; }

.commentlist .fn a {
  text-decoration: none;
  color: #000; }

.commentlist .fn a:hover {
  text-decoration: none; }

.comment-metadata,
.comment .reply {
  padding-left: 84px; }

.comment-content {
  clear: both;
  padding-top: 10px; }

.comment-content p {
  margin-bottom: 10px; }

.comment-content a {
  text-decoration: none;
  border-bottom: 1px dotted; }

.comment-content a:hover {
  border-bottom: 1px solid; }

/* by post author */
.comment.bypostauthor .fn {
  background: #eaeaea;
  padding: 0 5px; }

.comment-content ul,
.comment-content ol {
  margin-bottom: 30px; }

.comment-content ul ul,
.comment-content ul ol,
.comment-content ol ol,
.comment-content ol ul {
  margin-bottom: 0; }

/* Children */
.commentlist ul.children {
  list-style: none;
  padding-left: 42px; }

.commentlist ul.children .comment-avatar {
  width: 55px; }

/* RESPOND
-------------------------------------------------------------------------------------- */
.comment-notes,
.logged-in-as {
  text-align: center;
  padding: 8px 12px;
  border: 1px dashed;
  font-size: 0.7em;
  margin-bottom: 48px;
  font-family: Oswald, sans-serif;
  letter-spacing: 8px;
  text-transform: uppercase;
  display: none; }

.logged-in-as a {
  color: inherit; }

.logged-in-as a:hover {
  text-decoration: underline; }

#respond .required {
  color: red; }

#cancel-comment-reply-link {
  margin-left: 12px;
  color: #333;
  font-size: 10px;
  font-weight: 400;
  margin-top: 6px;
  display: inline-block;
  text-decoration: underline; }

.comment-awaiting-moderation {
  color: red;
  margin: 10px 0;
  font-style: italic; }

.comment-form-author,
.comment-form-email,
.comment-form-url {
  width: 32%;
  float: left;
  margin-left: 2%;
  margin-bottom: 20px; }

.comment-form-author {
  margin-left: 0; }

#respond p label,
#respond p .required {
  display: none;
  font-family: Oswald, sans-serif;
  margin-bottom: 6px;
  cursor: default;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 0.8em; }

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
  border: 1px solid; }

#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus,
#respond textarea:focus {
  border-color: #333; }

#respond input[type="text"]::-webkit-input-placeholder {
  color: #000; }

#respond input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

#respond input[type="text"]:-ms-input-placeholder {
  color: #000; }

#respond input[type="email"]::-webkit-input-placeholder {
  color: #000; }

#respond input[type="email"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

#respond input[type="email"]:-ms-input-placeholder {
  color: #000; }

#respond input[type="url"]::-webkit-input-placeholder {
  color: #000; }

#respond input[type="url"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

#respond input[type="url"]:-ms-input-placeholder {
  color: #000; }

#respond textarea::-webkit-input-placeholder {
  color: #000; }

#respond textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

#respond textarea:-ms-input-placeholder {
  color: #000; }

#respond #submit {
  display: block;
  margin: 0 auto;
  background: #000;
  color: #fff;
  padding: 7px 14px;
  border: none;
  text-decoration: none;
  font-family: Oswald, sans-serif;
  font-size: 0.7em;
  letter-spacing: 4px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#respond #submit:hover,
#respond #submit:focus,
#respond #submit:active {
  background: #db4a37; }

.form-submit {
  margin-bottom: 14px; }

/* POSTS SAME CATEGORY
-------------------------------------------------------------------------------------- */
#posts-small-wrapper {
  margin-bottom: 24px;
  background: url(images/line-h.png) top left repeat-x; }

#posts-small-wrapper .container {
  padding: 0 0 20px;
  position: relative; }

#posts-small-heading {
  display: block;
  text-align: center;
  line-height: 1;
  margin: 0;
  height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 32px;
  position: relative;
  top: -8px; }

#posts-small-heading span {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 20px;
  letter-spacing: 6px;
  font-size: 11px;
  background: #000;
  color: #fff; }

#posts-small {
  margin-left: -14px;
  margin-right: -14px; }

.post-small {
  position: relative;
  padding: 14px;
  display: block;
  float: left;
  width: 20%; }

.small-thumbnail {
  display: block;
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
  background: #db4a37; }

.small-thumbnail img {
  display: block;
  width: 100%;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.small-thumbnail:hover img {
  opacity: .85; }

.small-meta {
  font-size: .9em;
  display: none; }

.small-title {
  font-size: 18px;
  margin-bottom: 6px; }

.small-title a {
  color: #000;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.small-title a:hover {
  color: #db4a37; }

.small-excerpt {
  font-size: .9em; }

.small-excerpt p {
  margin-bottom: 0; }

.thumbnail-pseudo {
  background: #eee;
  position: relative; }

.thumbnail-pseudo .format-indicator {
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid; }

.thumbnail-pseudo .format-indicator i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  line-height: 80px;
  font-size: 20px;
  text-align: center; }

/* WIDGETS
-------------------------------------------------------------------------------------- */
/* general */
.widget {
  position: relative;
  margin-top: 52px; }

.widget:first-child {
  margin-top: 0; }

.widget-title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-bottom: 16px;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 4px 0;
  font-weight: normal; }

.widget a {
  color: inherit; }

/* dropdown */
.widget select {
  width: 100%;
  height: 32px;
  line-height: 32px;
  outline: none;
  background: none; }

/* text */
.textwidget {
  font-size: 0.9em; }

/* search */
.searchform {
  position: relative; }

.searchform .s {
  display: block;
  height: 40px;
  padding: 0 40px 0 10px;
  border: none;
  outline: none;
  border: none;
  width: 100%;
  max-width: 100%;
  border: 1px solid;
  color: #000;
  font-size: 0.9em; }

.searchform .s::-webkit-input-placeholder {
  color: #000; }

.searchform .s::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.searchform .s:-ms-input-placeholder {
  color: #000; }

.searchform .submit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 12px;
  color: #000;
  border: none;
  outline: none;
  background: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.searchform .submit:hover {
  color: #999; }

.searchform .submit i {
  line-height: 18px; }

/* calendar */
table {
  width: 100%; }

td, th {
  border: 1px solid;
  text-align: center; }

#today {
  background: rgba(0, 0, 0, 0.04); }

/* list */
.widget_archive ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_entries ul,
.widget_categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: Oswald, sans-serif; }

.widget_archive ul li,
.widget_nav_menu ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_entries ul li,
.widget_categories ul li {
  padding: 6px 0;
  position: relative;
  border-bottom: 1px solid #999; }

.widget_archive ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_meta ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_categories ul li:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a,
.widget_categories ul li a {
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.widget_archive ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_meta ul li a:hover,
.widget_pages ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover {
  color: #db4a37; }

.widget_archive ul ul,
.widget_nav_menu ul ul,
.widget_meta ul ul,
.widget_pages ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul {
  padding-left: 20px;
  margin-left: 0; }

/* recent posts builtin */
.post-date {
  display: block;
  font-size: 0.8em;
  color: #999; }

/* rss */
.widget-title .rsswidget img {
  margin-top: -4px;
  margin-right: 6px; }

.widget_rss > ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.widget_rss > ul > li {
  border-top: 1px solid;
  padding-top: 14px;
  margin-top: 14px;
  line-height: 1.5;
  overflow: hidden; }

.widget_rss > ul > li:first-child {
  border-top: none; }

a.rsswidget {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1; }

.rss-date {
  display: block; }

.rssSummary {
  font-size: 0.9em;
  margin-top: 20px; }

.widget_rss > ul > li > cite {
  float: right;
  margin-top: 8px;
  font-size: 0.8em;
  font-family: Oswald, sans-serif; }

/* recent comments */
.widget_recent_comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: count;
  font-family: Oswald, sans-serif; }

.widget_recent_comments ul li {
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #999;
  padding-left: 40px; }

.widget_recent_comments ul li:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.widget_recent_comments ul li:before {
  content: counter(count);
  counter-increment: count;
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 32px;
  font-style: italic;
  font-family: serif; }

.widget_recent_comments ul li a {
  text-decoration: none;
  color: #000; }

.widget_recent_comments ul li > a:last-child {
  font-size: 18px;
  display: block !important;
  line-height: 1.3;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.widget_recent_comments ul li > a:last-child:hover {
  color: #db4a37; }

/* tags */
.tagcloud {
  overflow: hidden; }

.tagcloud a {
  color: #000;
  text-decoration: none;
  font-family: Oswald, sans-serif;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.tagcloud a:hover {
  color: #db4a37; }

/* about */
.about-image {
  margin-bottom: 24px;
  text-align: center; }

.widget-about .desc p {
  margin-bottom: 20px; }

.widget-about .desc p:last-child {
  margin-bottom: 0; }

/* social */
.widget-social {
  display: block;
  text-align: center; }

.widget-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

.widget-social ul li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 4px 4px 0; }

.widget-social ul li:last-child {
  margin-right: 0; }

.widget-social ul li a {
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-decoration: none;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  background: #000;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  outline: none; }

.widget-social ul li a i {
  display: block;
  line-height: 28px; }

.widget-social ul li a:hover {
  background: #db4a37; }

.widget-social ul li a span {
  display: none; }

/* latest posts */
.latest-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.latest-list > li {
  display: block;
  padding-top: 40px;
  overflow: hidden; }

.latest-list > li:first-child {
  padding-top: 0; }

.latest-thumb {
  float: left;
  width: 100px;
  margin-right: 20px;
  background: #eee;
  color: #000;
  text-align: center;
  font-size: 20px;
  position: relative; }

.latest-pseudo-thumb {
  line-height: 80px;
  color: #000; }

.latest-date {
  font-size: .8em;
  display: block; }

.latest-content {
  overflow: hidden; }

.latest-title {
  font-size: 20px;
  margin-bottom: 0; }

.latest-title a {
  color: #000;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.latest-title a:hover {
  color: #db4a37; }

/* Best Rated */
.best-rated-posts .rated-list {
  margin: 0;
  padding: 0;
  list-style: none; }
.best-rated-posts .rated-article {
  display: block; }
  .best-rated-posts .rated-article + .rated-article {
    margin-top: 1em; }

.rated-article-thumb {
  position: relative;
  overflow: hidden;
  margin: 0 0 .5em; }
  .rated-article-thumb .score {
    position: absolute;
    font-family: serif;
    font-size: 62px;
    line-height: 1;
    color: #fff;
    font-style: italic;
    bottom: 0;
    right: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }

.rated-article-title {
  margin: 0; }

.rated-article-date {
  font-size: .9em; }

/* facebook */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  width: 100%; }

/* instagram */
.instagram-pics {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left: -3px;
  margin-right: -3px; }

.instagram-pics li {
  display: block;
  float: left;
  width: 33.33%;
  padding: 3px; }

.instagram-pics li img {
  display: block;
  width: 100%; }

.null-instagram-feed .clear {
  text-align: center;
  margin-bottom: 0;
  margin-top: 20px; }

.null-instagram-feed .clear a {
  display: inline-block;
  color: #000;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  padding: 5px 12px;
  text-decoration: none;
  border: 1px solid #777;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.null-instagram-feed .clear a:hover {
  border-color: #db4a37;
  color: #db4a37; }

/* latest tweets */
.widget_displaytweetswidget > p {
  display: block;
  padding-left: 30px;
  position: relative;
  overflow: hidden;
  font-size: 0.9em; }

.widget_displaytweetswidget > p:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f099";
  position: absolute;
  left: 0px;
  top: 6px;
  color: #45BCF0; }

.widget_displaytweetswidget > p a {
  border-bottom: 1px dotted; }

.widget_displaytweetswidget > p a:hover {
  border-bottom: 1px solid; }

/* popular posts */
.popular-thumbnail-container {
  position: relative;
  margin-bottom: 10px; }

.popular-thumbnail img {
  display: block;
  width: 100%; }

.popular-counter {
  position: absolute;
  font-family: serif;
  font-size: 62px;
  line-height: 1;
  color: #fff;
  font-style: italic;
  bottom: 0;
  right: 10px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }

.view-count {
  background: #000;
  color: #fff;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2px 8px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 11px; }

.popular-content {
  font-size: 0.9em; }

.widget a.readmore:hover {
  color: #db4a37;
  text-decoration: none; }

/* CONTACT FORM 7
-------------------------------------------------------------------------------------- */
.wpcf7 {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0 0 30px; }

.wpcf7 .input {
  display: block;
  width: 48%;
  float: left;
  margin-right: 4%; }

.wpcf7 .textarea {
  display: block;
  overflow: hidden; }

.wpcf7 p {
  display: block;
  color: #222;
  font-family: Oswald, sans-serif;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px; }

span.wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px; }

.wpcf7 input[type=text],
.wpcf7 input[type=date],
.wpcf7 input[type=email],
.wpcf7 input[type=number],
.wpcf7 input[type=tel],
.wpcf7 textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid; }

.wpcf7 input[type=text]:focus,
.wpcf7 input[type=date]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=number]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 textarea:focus {
  border-color: #666; }

.wpcf7 textarea {
  height: 149px; }

.wpcf7 .wpcf7-submit {
  color: #fff;
  display: block;
  width: 100%;
  background: #000;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  border: none;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: Oswald, sans-serif;
  font-size: 0.9em;
  letter-spacing: 3px;
  font-weight: normal;
  text-transform: uppercase; }

.wpcf7 .wpcf7-submit:hover {
  background: #db4a37; }

/*	Response
----------------------------------------------- */
div.wpcf7-response-output {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 1px solid #f7e700 !important;
  font-family: Oswald, sans-serif;
  padding: 10px 15px !important;
  font-weight: bold; }

div.wpcf7-mail-sent-ng {
  border: 1px solid #ff0000 !important; }

span.wpcf7-not-valid-tip {
  padding: 2px 8px !important;
  border: none !important;
  color: #fff !important;
  background: #000 !important; }

span.wpcf7-not-valid-tip-no-ajax {
  display: block;
  margin-top: 6px !important; }

/* FOOTER WIDGETS
-------------------------------------------------------------------------------------- */
#footer-widgets {
  overflow: hidden;
  background: url(images/line-h.png) top left repeat-x;
  padding: 48px 0 32px; }

.footer-widgets-inner {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap; }

.footer-col {
  display: block;
  width: 25%;
  padding: 0 15px;
  min-height: 1px; }

.footer-widgets-inner .line {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  bottom: 0px;
  content: "";
  width: 2px;
  background: url(images/line.png) top left repeat-y; }

.footer-widgets-inner .line2 {
  left: 25%; }

.footer-widgets-inner .line3 {
  left: 75%; }

/* FOOTER
-------------------------------------------------------------------------------------- */
#wi-footer {
  overflow: hidden;
  background: url(images/line-h.png) bottom left repeat-x; }

/* footer bottom */
#footer-bottom {
  position: relative;
  padding: 20px 0 100px; }

#footer-bottom:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  display: block;
  background: url(images/line-h.png) top left repeat-x;
  height: 2px; }

/* logo */
#footer-logo {
  margin: 36px 0 0;
  text-align: center; }

/* copyright */
.copyright {
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width: 600px;  
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.8px; }

.copyright a {
  color: inherit;
  font-weight: bold; }

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

.copyright i {
  margin: 0 4px;
  font-size: 12px; }

.copyright i.fa-heart {
  color: #D82E2E; }

/* FOOTER SEARCH */
#footer-search {
  position: relative;
  text-align: center;
  margin: 36px 0 0; }

#footer-search form {
  display: inline-block;
  width: 240px;
  max-width: 100%;
  position: relative; }

#footer-search .s {
  width: 100%;
  height: 32px;
  line-height: 20px;
  padding: 6px 8px;
  padding-right: 36px;
  border: none;
  border: 1px solid;
  z-index: 100;
  background: none;
  color: #000;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

#footer-search .s::-webkit-input-placeholder {
  color: #000; }

#footer-search .s::-moz-placeholder {
  color: #000; }

#footer-search .s:-ms-input-placeholder {
  color: #000; }

/* button */
#footer-search .submit {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: none;
  width: 32px;
  height: 32px;
  font-size: 12px;
  background: #000;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border: none;
  outline: none;
  display: block;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0; }

#footer-search .submit:hover {
  background: #db4a37; }

#footer-search .submit i {
  display: block; }

/* social */
#footer-social {
  text-align: center;
  margin: 36px 0 0; }

#footer-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

#footer-social ul li {
  display: block;
  float: left;
  margin-left: 8px; }

#footer-social ul li:first-child {
  margin-left: 0; }

#footer-social ul li a {
  display: block;
  width: 32px;
  height: 32px;
  background: #000;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#footer-social ul li a:hover {
  background: #db4a37; }

#footer-social ul li a i {
  line-height: 32px; }

#footer-social ul li a span {
  display: none; }

/* backtotop */
#backtotop {
  display:none; /* ncloud : 삭제 */
  position: fixed;
  z-index: 999999;
  bottom: 0;
  right: 30px;
  padding: 6px 12px;
  text-align: center;
  background: #fff;
  color: #000;
  cursor: pointer;
  border: 2px solid #333;
  border-bottom: none;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

#backtotop.shown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

#backtotop:hover {
  padding-bottom: 10px; }

#backtotop span {
  display: block;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  line-height: 1.1; }

#backtotop .go {
  font-size: 12px; }

#backtotop .top {
  font-size: 20px;
  font-weight: bold; }

/* FOOTER MENU - since 2.4 */
#footernav {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  text-align: center;
  margin: 1.5em 0 0; }
  #footernav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block; }
  #footernav li {
    display: inline-block;
    margin: 0 8px 5px; }
    #footernav li.current-menu-item a {
      text-decoration: underline; }
  #footernav a {
    color: inherit; }
    #footernav a:hover {
      text-decoration: underline; }

/* MAILCHIMP since 2.4
-------------------------------------------------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  display: block;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  background: #111;
  color: white;
  font-size: 11px;
  letter-spacing: 3px;
  border: 0;
  line-height: 36px;
  padding: 0 20px; }

.mc4wp-form-fields p {
  margin-bottom: 10px; }
.mc4wp-form-fields input[type="color"], .mc4wp-form-fields input[type="date"], .mc4wp-form-fields input[type="datetime"], .mc4wp-form-fields input[type="datetime-local"], .mc4wp-form-fields input[type="email"], .mc4wp-form-fields input[type="month"], .mc4wp-form-fields input[type="number"], .mc4wp-form-fields input[type="password"], .mc4wp-form-fields input[type="search"], .mc4wp-form-fields input[type="tel"], .mc4wp-form-fields input[type="text"], .mc4wp-form-fields input[type="time"], .mc4wp-form-fields input[type="url"], .mc4wp-form-fields input[type="week"], .mc4wp-form-fields input:not([type]), .mc4wp-form-fields textarea {
  width: 100%; }
.mc4wp-form-fields button, .mc4wp-form-fields input[type="button"], .mc4wp-form-fields input[type="reset"], .mc4wp-form-fields input[type="submit"] {
  width: 100%; }

/* DISABLE HAND-DRAWN LINES
-------------------------------------------------------------------------------------- */
.disable-hand-lines blockquote,
.disable-hand-lines blockquote:after,
.disable-hand-lines #wi-wrapper,
.disable-hand-lines #posts-small-wrapper,
.disable-hand-lines .post-nav,
.disable-hand-lines #footer-widgets,
.disable-hand-lines #footer-bottom:before,
.post-list:before {
  background-image: none; }

.disable-hand-lines #wi-wrapper:before,
.disable-hand-lines #wi-wrapper:after {
  background: none;
  border-left: 2px solid #333; }

.disable-hand-lines #posts-small-heading {
  top: -10px; }

.disable-hand-lines #wi-footer,
.disable-hand-lines .topbar-inner:after {
  background: none; }

.disable-hand-lines .blog-related-heading {
  background: none;
  border-bottom: 1px solid #333; }

.disable-hand-lines .blog-related .line,
.disable-hand-lines .footer-widgets-inner .line {
  background: none;
  border-left: 1px solid #333; }

/* Dock Posts
-------------------------------------------------------------------------------------- */
#content-dock {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5000;
  background: white;
  box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.3);
  width: 300px;
  max-height: 50%;
  overflow: scroll;
  padding: 0 24px 24px;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  /* Animation
  ------------------------------------ */ }
  #content-dock.shown {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  #content-dock .close {
    position: absolute;
    top: 1px;
    right: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    border: 2px solid;
    border-radius: 50%;
    color: #fff;
    outline: 0; }
    #content-dock .close i {
      margin-left: 2px;
      display: block;
      line-height: inherit; }
  #content-dock .dock-title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 16px;
    text-align: left;
    background: #000;
    color: #fff;
    padding: 6px 0 6px 24px;
    font-weight: 400;
    margin: 0 -24px 24px; }
  #content-dock .post-dock {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden; }
    #content-dock .post-dock + .post-dock {
      margin-top: 20px; }
    #content-dock .post-dock .post-dock-thumbnail {
      display: block;
      float: left;
      width: 72px;
      margin: 0 20px 0 0; }
    #content-dock .post-dock .post-dock-body {
      overflow: hidden; }
    #content-dock .post-dock .post-dock-title {
      font-size: 16px;
      font-weight: bold;
      margin: 0; }
      #content-dock .post-dock .post-dock-title a {
        color: inherit; }
    #content-dock .post-dock .post-dock-excerpt {
      font-size: 12px; }
      #content-dock .post-dock .post-dock-excerpt p {
        margin: 0; }
  #content-dock.shown .post-dock {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

/*# sourceMappingURL=style.css.map */


/* NCLOUD ADDED */

#wi-wrapper { min-width:1024px; }

/* DEFAULTS */
a.tag-item { display:inline-block; height:20px; line-height:20px; font-size:12px; font-weight:600; background:#000; color:#fff; text-decoration: none;  padding-left:12px; padding-right:12px; margin-right:9px; text-transform: uppercase; }
a.tag-item:hover { text-decoration:none; color:#4C22B7; }
a.tag-item:last-child { margin-right:0; }

/* COLUMN */

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
}
.ellipsis.multiline {
  white-space: normal;
}

.wi-section .wi-column { position:relative; }

.wi-section .post-column {  }
.wi-section .post-column .column-thumbnail-wrap { position:relative; }
.wi-section .post-column .column-thumbnail-wrap .column-tag-list { position:absolute; right:10px; top:10px; margin:0; padding:0; text-align:right; }
.wi-section .post-column .column-thumbnail-wrap .column-tag-list li { display:none; font-size:0; }
.wi-section .post-column .column-thumbnail-wrap .column-tag-list li:first-child { display:block; }

.wi-section .post-column .post-content { padding-left:11px; }
.wi-section .post-column .column-header { margin-top:2px; }
.wi-section .post-column .column-header .column-title { color:#000; font-size:36px; line-height:38px; margin-bottom:10px; font-weight:800; }
.wi-section .post-column .column-header .column-title a { color:#000; overflow: hidden; white-space: normal; padding-bottom: 4px; max-height: 82px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.wi-section .post-column .column-author { margin-bottom:10px; }
.wi-section .post-column .column-author a { display:inline-block; font-size:18px; letter-spacing:0.3px; font-weight:600; color:#000; }
.wi-section .post-column .column-content { font-family:"adobe-caslon-pro"; font-size:22px; color:#000; line-height:28px; }

.wi-section .post-column:nth-child(1) { margin-right:320px }
.wi-section .post-column:nth-child(1) .column-inner { height:616px; }
.wi-section .post-column:nth-child(1) .column-thumbnail { height:324px; overflow:hidden; position:relative; }
.wi-section .post-column:nth-child(1) .column-thumbnail img { width:100%; height:416px; object-fit:cover; }

.wi-section .post-column:nth-child(2) .column-inner,
.wi-section .post-column:nth-child(3) .column-inner { height:308px; overflow:hidden; }

.wi-section .post-column:nth-child(2) { position:absolute; right:0; top:0; width:305px; height:308px; }
.wi-section .post-column:nth-child(3) { position:absolute; right:0; top:308px; width:305px; height:308px; }

.wi-section .post-column:nth-child(2) .post-content,
.wi-section .post-column:nth-child(3) .post-content { padding-left:0; }

.wi-section .post-column:nth-child(2) .column-thumbnail,
.wi-section .post-column:nth-child(3) .column-thumbnail { height:183px; overflow:hidden; }

.wi-section .post-column:nth-child(2) .column-header .column-title,
.wi-section .post-column:nth-child(3) .column-header .column-title { font-size:26px; line-height:26px; max-height:86px; /*overflow:hidden;*/ margin-bottom:0; }

.wi-section .post-column:nth-child(2) .column-content,
.wi-section .post-column:nth-child(3) .column-content { display:none; }

/* ADDED NCLOUD */
/* MAIN BANNER */
.code-block {
  margin-left:-141px !important;
  margin-right:-141px !important;
  padding-left:141px;
  padding-right:141px;
  background:#ccc;
}

.adsbygoogle {
  background:#ccc;
  margin:0 auto;
}

.adsbygoogle.bar {
  max-width:970px;height:90px
}

.adsbygoogle.bar2 {
  max-width:970px;height:250px
}

.main-banner {
    display: block;
    height: 40px;
    background: #563B9B;
    margin-left: 40px;
    margin-right: 40px;
    font-family:"freight-sans-pro";
    font-weight:600;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0.33px;
    text-align: center;
    height: 53px;
    color: #fff;
    line-height: 53px;
}
.main-banner:hover {
  text-decoration: none;
  color:#fff;
}

/* COLUMN-5 */ 
.blog-grid.column-5 .post-grid { padding:0 16px 0; }

.blog-grid.column-5 .post-grid .grid-thumbnail,
.blog-grid.column-5 .post-grid .grid-meta,
.blog-grid.column-5 .post-grid .grid-content { display:none; }

.blog-grid.column-5 .post-grid .grid-header { border-bottom:0; }
.blog-grid.column-5 .post-grid .grid-title { font-size:18px; line-height:22px; padding-top:36px; position:relative; }
.blog-grid.column-5 .post-grid .grid-title:before { content:'1'; display:block; position:absolute; left:0; top:0; }

.blog-grid.column-5 .post-grid:nth-child(2) .grid-title:before { content:'2'; }
.blog-grid.column-5 .post-grid:nth-child(3) .grid-title:before { content:'3'; }
.blog-grid.column-5 .post-grid:nth-child(4) .grid-title:before { content:'4'; }
.blog-grid.column-5 .post-grid:nth-child(5) .grid-title:before { content:'5'; }

/* ONE */
.wi-section .post-one {}
.wi-section .post-one .one-inner { position:relative; padding-left:400px; min-height:234px; overflow:hidden; margin-bottom:26px; }
.wi-section .post-one .one-thumbnail-wrap { position:absolute; left:0; top:0; width:386px; height:232px; }
.wi-section .post-one .one-thumbnail-wrap .one-thumbnail { height:232px; }
.wi-section .post-one .one-thumbnail-wrap .one-tag-list { position:absolute; right:10px; top:9px; margin:0; padding:0; }
.wi-section .post-one .one-thumbnail-wrap .one-tag-list li { display:none; font-size:0; }
.wi-section .post-one .one-thumbnail-wrap .one-tag-list li:first-child { display:block; }

.wi-section .post-one .post-content { }
.wi-section .post-one .one-header { margin-top:7px; }
.wi-section .post-one .one-header .one-title { color:#000; font-size:30px; line-height:28px; margin-bottom:0px; font-weight:800; max-height:88px; padding-bottom:10px; overflow:hidden; }
.wi-section .post-one .one-header .one-title a { color:#000; }
.wi-section .post-one .one-author { margin-bottom:10px; }
.wi-section .post-one .one-author a { display:inline-block; font-size:18px; letter-spacing:0.3px; font-weight:600; color:#000; }
.wi-section .post-one .one-content { font-family:"adobe-caslon-pro"; font-size:22px; color:#000; line-height:28px;/* max-height: 85px;*/ overflow: hidden; }
.wi-section .post-one .one-content p { margin-bottom:0; }

.section-ad + .section-list,
.section-ad + .wi-section { margin-top:26px; }

/* More From */
.more-from-wrap { }
.more-from-wrap .more-items { margin-bottom:55px; }
.more-from-wrap .more-items:after { content:''; clear:both; display:block; }
.more-from-wrap .more-items .more-item { width:33.3%; float:left;}
.more-from-wrap .more-items .more-item .more-item-inner { padding-left:7px; padding-right:7px; }
.more-from-wrap .more-items .more-item:last-child .more-item-inner { padding-right:0; }
.more-from-wrap .more-items .more-item h3 { font-size:30px; text-align:center; line-height:28px; margin-bottom:19px; font-weight:900; }
.more-from-wrap .more-items .more-item h3 a { color:#000000; }
.more-from-wrap .more-items .more-item .more-item-image { position:relative; width:100%; height:128px; background-image:#818181; background-image: linear-gradient(-180deg, #818181 42%, #4A4A4A 100%); position:relative; }
.more-from-wrap .more-items .more-item .more-item-image:after { content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background-position: center; background-repeat:no-repeat; }
.more-from-wrap .more-items .more-item a.link { position:absolute; left:0; right:0; top:0; bottom:0; display:block; }

.more-from-wrap .more-items .more-item.video .more-item-image:after { background-image:url(images/new/icon_more_youtube.png); }
.more-from-wrap .more-items .more-item.podcast .more-item-image:after { background-image:url(images/new/icon_more_podcast.png); }
.more-from-wrap .more-items .more-item.newsletter .more-item-image:after { background-image:url(images/new/icon_more_email.png); }

/* Submenu ke */
.submenu-ke #wi-mainnav .menu > ul > li > ul,
.submenu-ke #wi-mainnav .menu > ul > li > ul > li > ul {
  color:000;
  background: #fff; 
  border:0;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); padding-top:10px; padding-bottom:10px; margin-top:0; }

.submenu-ke #wi-mainnav .menu > ul > li > ul > li > a,
.submenu-ke #wi-mainnav .menu > ul > li > ul > li > ul > li > a {
  border:0; font-size:18px;
  color: #000000;
  letter-spacing: -0.1px;
  line-height: 20px; padding-top:6px; padding-bottom:6px; margin-bottom:4px;
  text-transform: none; }

.submenu-ke #wi-mainnav .menu > ul > li > ul > li:last-child > a,
.submenu-ke #wi-mainnav .menu > ul > li > ul > li > ul > li:last-child > a {
  margin-bottom:0;
}

.submenu-ke #wi-mainnav .menu > ul > li > ul li > a:hover,
.submenu-ke #wi-mainnav .menu > ul > li > ul li.current-menu-item > a,
.submenu-ke #wi-mainnav .menu > ul > li > ul li.current-menu-ancestor > a {
  background: #9B9B9B; }

.submenu-ke #wi-mainnav .menu > ul > li > ul li > a:hover,
.submenu-ke #wi-mainnav .menu > ul > li > ul li.current-menu-item > a,
.submenu-ke #wi-mainnav .menu > ul > li > ul li.current-menu-ancestor > a {
  color: #000; }

/* POST */

.single-container-wrap .content {
  width:784px;
  margin:0 auto;
}

.single-container-wrap .content p {
  font-family:"adobe-caslon-pro";
}

.single-container-wrap .content p a {
  color:#4C22B7;
}

.wp-caption .wp-caption-text {
  font-size: 12px;
  font-weight:300;
  color: #000000;
  letter-spacing: 1.03px;
  text-align:left;
  padding-top:20px;
}

.size-full_width {
  /*width: 100vw !important;
  max-width:100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin:0;
  margin-left: -50vw;
  margin-right: -50vw;*/
  width:auto !important;
  max-width:none;
  margin:0; 
  margin-left:-140px;
  margin-right:-140px;
}

.wp-caption .size-full_width {
  width:auto !important;
  max-width:none;
  margin:0; 
  margin-left:-140px;
  margin-right:-140px;
}

.wp-caption .size-full_width .wp-caption-text {
  padding-left:140px;
  padding-right:140px;
}

#featured-posts { margin-top:16px; }

/* Page */

.page-header,
.page-footer,
.page-cover { width:784px; margin:0 auto; }

.page-header .page-title { width: 742px; margin: 0 auto; margin-top:10px; }
.page-cover img { max-width:100%; }

.entry-content p { font-family:"adobe-caslon-pro"; font-size:22px; letter-spacing:0.2px; line-height:28px; margin-bottom:20px; }
.entry-content .code-block + p { margin-top:30px; }

/* RELATED */
.yuzo_related_post { padding:0; margin:0; }
.yuzo_related_post { width: 230px; float: right; padding-bottom: 10px; margin-left: 20px; margin-bottom: 20px; margin-right: -70px; padding-left: 16px; border-left: 1px solid #9B9B9B; }
.yuzo_related_post .relatedthumb { border:0; padding:0 !important;  }
.yuzo_related_post .relatedthumb + .relatedthumb { margin-top:10px; }
.yuzo_related_post .relatedthumb a { font-size:18px !important; }
.yuzo_related_post .relatedthumb:hover,
.yuzo_related_post .relatedthumb a:hover { background:none; }
.yuzo_related_post .yuzo_clearfixed, .yuzo_widget_wrap .yuzo_clearfixed { margin:0; margin-bottom:6px; }
.yuzo__title { text-transform: uppercase; font-size:12px; font-weight:550; color:#9B9B9B;  margin-bottom:7px; letter-spacing: 1.03px; }
.yuzo__text--title { font-weight:bold; color:#000; font-size:18px; line-height:22px; padding-left:0; }
.yuzo_text { display:none; }
.style-3 .yuzo-list:before { display:none; }
.style-3 .yuzo-list a { padding-left:0; }

/* SEARCH */
.search-form-wrap { padding-top:20px; min-height:470px; }
.search-form-wrap .searchform .s { border:0; font-family:"adobe-caslon-pro"; font-size:36px; height:52px; line-height:52px; }
.search-form-wrap .searchform .submit { width:52px; height:52px; background:url(images/new/icon_search_big.png) no-repeat center; }
.search-form-wrap .searchform:after { position:absolute; content:''; bottom:0; left:10px; right:72px; border-bottom:1px solid #979797; }

/* MOBILE MENU */
#mobile-menu { display:none; } 

.meta-author-time { display:inline-block; vertical-align: middle; }

.post-header-meta .meta-author { line-height:18px; }
.post-header-meta .meta-time { line-height:18px; }

.only-mobile { display:none; }

/* EDITORS PICK */
.blog-grid.column-3 .post-content { padding-left:10px; padding-right:10px; }
.blog-grid.column-3 .grid-thumbnail { margin-bottom:8px; }
.blog-grid.column-3 .grid-thumbnail img { height:180px;}
.blog-grid.column-3 .grid-header .grid-meta { display:none; }
.blog-grid.column-3 .grid-header .grid-title { margin-bottom:6px; font-weight:800; }
.blog-grid.column-3 .grid-header .grid-title a:hover,
.blog-grid.column-3 .grid-header .grid-author a:hover{ color:#4C22B7; }
.blog-grid.column-3 .grid-content { display:none; }

.blog-grid.column-3.on-singlepage-list {}
.blog-grid.column-3.on-singlepage-list .grid-thumbnail img { height:150px;}
.blog-grid.column-3.on-singlepage-list .grid-header { margin-bottom:5px; }
.blog-grid.column-3.on-singlepage-list .grid-header .grid-title { margin-bottom:0; }

/* FOOTER */
.footer-ad { margin-bottom:40px; background:#ccc; }

.category-contents-wrap .wi-section .post-one:first-child { margin-top:20px; }

@media 
    (-webkit-min-device-pixel-ratio: 1.5), 
    (min-resolution: 144dpi) { 
        #wi-mainnav .main-logo { background-image:url(images/new/logo@2x.png); background-size:215px 35px; }

        .more-from-wrap .more-items .more-item.video .more-item-image:after { background-image:url(images/new/icon_more_youtube@2x.png); background-size:115px 82px; }
        .more-from-wrap .more-items .more-item.podcast .more-item-image:after { background-image:url(images/new/icon_more_podcast@2x.png); background-size:89px 91px; }
        .more-from-wrap .more-items .more-item.newsletter .more-item-image:after { background-image:url(images/new/icon_more_email@2x.png); background-size:81px 62px; }
        
        #header-social ul li a i.icon-search {
          background-image:url(images/new/icon_search@2x.png);
        }
        #header-social ul li a i.icon-facebook-square {
          background-image:url(images/new/icon_facebook@2x.png);
        }
        #header-social ul li a i.icon-twitter {
          background-image:url(images/new/icon_twitter@2x.png);
        }
        #header-social ul li a i.icon-instagram {
          background-image:url(images/new/icon_instagram@2x.png);
        }
        #header-social ul li a i.icon-youtube {
          background-image:url(images/new/icon_youtube@2x.png);
        }
        #header-social ul li a i.icon-envelope {
          background-image:url(images/new/icon_email@2x.png);
        }
                
        .post-share ul li.li-facebook a {
          background-image: url(images/new/icon_facebook@2x.png); background-size:contain;  }

        .post-share ul li.li-twitter a {
          background-image: url(images/new/icon_twitter@2x.png); background-size:contain; }

        .post-share ul li.li-email a {
          background-image: url(images/new/icon_email@2x.png); background-size:contain; }

        .post-share ul li.li-print a {
          background-image: url(images/new/icon_print@2x.png); background-size:contain; }

    }