/*
Theme Name: Metro Magazine
Theme URI: https://rarathemes.com/wordpress-themes/metro-magazine/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Metro Magazine is a modern responsive magazine style WordPress theme suitable for news, newspaper, magazine, sports, technology, food, travel, blogs, publishing, business and any kind of sites. The theme is built on Customizer and it allows you to easily customize your website with live previews. Metro Magazine includes color scheme and color for categories, which you can use to change the look and feel of your website with a click. The theme is Speed and Search Engine Optimized (SEO) to help you easily climb the google rank. Other feature includes social media integration, custom widgets, author bio, breadcrumb, advertisement settings, custom CSS, translation ready and more. Check demo at https://rarathemes.com/previews/?theme=metro-magazine and documentation at https://docs.rarathemes.com/docs/metro-magazine/. Read theme details at https://rarathemes.com/wordpress-themes/metro-magazine/ and get free support at https://rarathemes.com/support-ticket/.
Version: 1.3.4
Requires PHP: 5.6
Tested up to: 5.5
Requires at least: 4.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metro-magazine
Tags: one-column, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, footer-widgets, blog, full-width-template, news, entertainment, custom-colors

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Metro Magazine is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: 'PT Serif', serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    text-decoration: none;
    color: #bbbcc1;
    outline: none;
}

a:active,
a:hover {
    text-decoration: underline;
    color: #bbbcc1;
}

a:focus {
    outline: none;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

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

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

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;
}

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

input {
    line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #919191;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin-top: 0;
}

p {
    margin-bottom: 1.5em;
    margin-top: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #f9f9f9;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.5em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    color: #919191;
    font: 16px/24px 'Ubuntu', sans-serif;
    background: #fff;
    /*overflow-y: scroll;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    min-width: 320px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 0;
}

ul {
    list-style: square;
    padding: 0 0 0 22px;
}

ol {
    list-style: decimal;
    padding: 0 0 0 22px;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    border: 1px solid #06509d;
    border-radius: 20px;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #06509d;
    letter-spacing: 1px;
    padding: 9px 58px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
    background: #06509d;
    border-color: #06509d
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    text-decoration: none;
    color: #fff;
    background: #06509d;
    border-color: #06509d
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: thin dotted #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #333;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: thin dotted #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 10px;
}

textarea {
    padding: 10px;
    width: 100%;
    height: 155px;
    resize: none;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #bfbfbf;
}

a:hover,
a:focus,
a:active {
    color: #bfbfbf;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted #000;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    float: left;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
    margin-right: 33px;
    z-index: 150;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #000;
    padding-top: 21px;
    padding-bottom: 15px;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
    padding-top: 18px;
}

.main-navigation ul ul {
    position: absolute;
    top: 100%;
    left: -15px;
    width: 216px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    margin-left: -9999px;
    background: #fff;
    z-index: 9999;
}

.main-navigation ul ul:after {
    background: url(images/arrow-up.png) no-repeat;
    width: 21px;
    height: 13px;
    position: absolute;
    top: -13px;
    left: 45px;
    content: '';
}

.main-navigation ul ul ul:after {
    display: none;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a {
    padding: 8px 15px;
    border-bottom: 1px solid #e3e3e3;
}

.main-navigation ul ul li {
    float: none;
    display: block;
    margin: 0;
}

.main-navigation ul ul li:last-child a {
    border-bottom: 0;
}

.main-navigation li:hover>a,
.main-navigation li.focus>a,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
    color: #06509d;
    border-top: 3px solid #06509d;
    padding-top: 18px;
}

.main-navigation ul ul :hover>a,
.main-navigation ul ul .focus>a {
    border-top: 0;
    padding: 8px 15px;
    background: #06509d;
    color: #fff;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
    border-top: 0;
    padding: 8px 15px;
    background: #06509d;
    color: #fff;
}

.main-navigation ul li:hover>ul {
    margin-left: 0;
}

.main-navigation ul li:focus-within>ul {
    margin-left: 0;
}

.main-navigation ul li.focus>ul {
    margin-left: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
    color: #06509d;
    border-top: 3px solid #06509d;
    padding-top: 18px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 39px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
    padding: 5px 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.gallery:after {
    content: '';
    display: block;
    clear: both;
}

.gallery-item {
    float: left;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.gallery-item a {
    display: block;
}

.gallery-item img {
    width: 100%;
    vertical-align: top;
}

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

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

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

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

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

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

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
    padding: 5px 0;
}

/*common site style*/
.site {
    background: #fff;
}

.custom-background .site {
    margin: 20px;
}

.container {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:after {
    content: '';
    display: block;
    clear: both;
}

/*header style*/
.site-header {
    position: relative;
    z-index: 5;
}

/*.secondary-nav styles*/
.secondary-menu {
    float: left;
}

.secondary-menu ul {
    margin: 3px 0 0;
    padding: 0;
}

.secondary-menu ul li {
    list-style: none;
    float: left;
    margin-left: 25px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

.secondary-menu ul li:first-child {
    margin-left: 0;
}

.secondary-menu ul li a {
    color: #f1f1f1;
}

.secondary-menu ul li a:hover,
.secondary-menu ul li a:focus,
.secondary-menu ul li:hover>a {
    color: #bfbfbf;
    text-decoration: none;
}

.secondary-menu ul li a:focus{
    outline: thin dotted #fff;
}

.secondary-menu ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    padding-top: 13px;
    background: #386fa7;
    margin-top: 0;
    display: none;
}

.secondary-menu ul li:hover>ul {
    display: block;
}

.secondary-menu ul li:focus-within>ul {
    display: block;
}

.secondary-menu ul li.focus>ul {
    display: block;
}

.secondary-menu ul ul li {
    float: none;
    display: block;
    margin: 0;
}

.secondary-menu ul ul li a {
    display: block;
    padding: 10px;
}

.secondary-menu ul ul ul {
    top: 0;
    left: 100%;
    padding-top: 0;
}

.site-header .header-t {
    padding: 8px 0 11px;
    background: #386fa7;
}

.site-header .header-t:after {
    content: '';
    display: block;
    clear: both;
}

.site-header .social-networks {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    overflow: hidden;
}

.site-header .social-networks li {
    float: left;
    margin-left: 16px;
}

.site-header .social-networks li a {
    color: #eeeeee;
}

.site-header .social-networks li a:hover,
.site-header .social-networks li a:focus {
    color: #bfbfbf;
}

.site-header .social-networks li a:focus{
    outline: thin dotted #fff;
}


.header-b:after {
    content: '';
    display: block;
    clear: both;
}

.site-branding {
    float: left;
}

.site-branding .custom-logo-link {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.site-branding .text-logo {
    display: inline-block;
    vertical-align: middle
}

.site-branding .site-title {
    font-size: 38px;
    line-height: 42px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
    font-family: 'Playfair Display', serif;
}

.site-branding .site-title a {
    color: #000;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
    text-decoration: none;
}

.site-branding .site-description {
    font-size: 14px;
    margin: 0;
    color: #8e8e8e;
}

.header-b {
    padding: 20px 0 0;
}

.header-b .advertise {
    float: right;
    margin: 2px 0 0;
    width: 65.4%;
}

.header-b .advertise a{
    outline-offset: 2px;
}

.header-b .advertise img {
    vertical-align: top;
}

.site-header .btn-search {
    float: right;
    color: #000;
    font-size: 14px;
    margin-top: 19px;
}

.site-header .nav-holder {

    padding-bottom: 6px;
}

.site-header .nav-holder .nav-content {
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
}

.site-header .nav-holder:after {
    content: '';
    display: block;
    clear: both;
}

.site-header .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding: 5px 0 100px;
    left: 0;
    top: 0;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

/* Modal Content */
.site-header .modal-content {
    margin: auto;
    padding: 20px;
    text-align: center;
}

.site-header .modal-content form {
    margin: 95px auto 0;
    height: 46px;
    background: #fff;
    width: 50%;
}

.site-header form input[type="search"] {
    height: 100%;
    padding: 0 10px;
    width: 70%;
    background: none;
    border: 0;
    float: left;
}

.site-header form input[type="search"]:focus{
    outline-offset: -2px;
}

.site-header form input[type="submit"] {
    height: 100%;
    border-radius: 0;
    color: #fff;
    background: #386fa7;
    border: 0;
    float: right;
}

.site-header form input[type="submit"]:focus{
    outline: thin dotted #fff;
    outline-offset: -2px;
}

/* The Close Button */
.site-header .close {
    color: #fff;
    float: right;
    font-size: 28px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: url(images/modal-close.png) no-repeat;
    padding: 0;
    border: 0;
}

.site-header .close:focus{
    outline: thin dotted #fff;
}

/*home-content style*/
.home-content {
    background: #f4f4f4;
    padding: 46px 0 63px;
}

.all-post {
    /*overflow: hidden;*/
    margin: 0 0 54px;
}

.all-post ul {
    margin: 0 -2px;
    padding: 0;
}

.all-post ul:after {
    display: block;
    content: '';
    clear: both;
}

.all-post ul li {
    float: left;
    width: 25%;
    padding: 0 2px;
    list-style: none;
    margin-bottom: 4px;
    box-sizing: border-box;
    /*overflow: hidden;*/
}

.all-post ul li img {
    width: 100%;
    vertical-align: top;
}

.all-post ul li.large {
    width: 66.05%
}

.all-post ul li.medium {
    width: 33.95%;

}

.all-post .post {
    position: relative;
}

.all-post .post:after {
    content: '';
    height: 50%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    pointer-events: none;
    background: -linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.all-post .post .entry-header {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.all-post .post .category-holder {
    position: absolute;
    top: 10px;
    left: 10px;
}

.all-post .post .category {
    font-size: 12px;
    line-height: 15px;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 15px 8px;
    color: #fff;
    margin-right: 3px;
    margin-bottom: 3px;
}

.all-post .post .category:focus{
    outline: thin dotted #fff;
    outline-offset: -1px;
}

.all-post .post .post-thumbnail {
    display: block;
}

.all-post .post .post-thumbnail:focus{
    outline-offset: 1px;
}

.all-post .post .entry-title {
    margin-bottom: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.all-post ul li .post .entry-title {
    font-size: 20px;
    line-height: 24px;
}

.all-post ul li.large .post .entry-title,
.all-post ul li.medium .post .entry-title {
    font-size: 32px;
    line-height: 36px;
}

.all-post .post .entry-header {
    padding: 26px 22px 26px 26px;
}

.all-post .post .entry-title a {
    color: #ffffff;
}

.all-post .post .entry-title a:hover {
    color: #06509d;
    text-decoration: none;
}

.all-post .post .entry-title a:focus{
    outline: thin dotted #fff;
}

/*section-two style*/
.section-two {
    background: #f4f4f4;
    padding: 57px 0 29px;
    margin: 0 0 0;
}

.section-two.top-news {
    background: #fff;
}

.section-two .header {
    margin: 0 0 50px;
}

.section-two .header .header-title {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Playfair Display', serif;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    position: relative;
}

.section-two .header .header-title a {
    color: #000;
}

.section-two .header .header-title span {
    background: #f4f4f4;
    padding: 0 20px;
    position: relative;
}

.section-two.top-news .header .header-title span {
    background: #fff;
}

.section-two .header .header-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dedede;
}

.section-two .col {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;

}

.section-two .post {
    background: #fff;
    padding-bottom: 20px;
}

.section-two .post .image-holder {
    position: relative;

}

.section-two .post .category-holder {
    position: absolute;
    top: 10px;
    left: 10px;
}

.section-two .post .category {
    font-size: 12px;
    line-height: 15px;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 20px 8px;
    color: #fff;
    margin-right: 3px;
    margin-bottom: 3px;
}

.section-two .post .category:focus {
    outline: thin dotted #fff;
    outline-offset: -2px;
}

.section-two .post .post-thumbnail {
    display: block;
    height: 100%;
    margin: 0 0 17px;
}

.section-two .post .post-thumbnail:focus{
    outline-offset: 1px;
}

.section-two .post .post-thumbnail img {
    vertical-align: top;
}

.section-two .post .entry-header,
.section-two .post .entry-content {
    padding: 0 20px;
}


.section-two.top-news .post .entry-header,
.section-two.top-news .post .entry-content {
    padding: 0;
}

.section-two .post .entry-header .entry-meta {
    font-size: 13px;
    color: #666;
    margin: 0 0 11px;
}

.section-two .post .entry-header .entry-meta a {
    color: #666;
}

.section-two .post .entry-header .entry-meta a:hover,
.section-two .post .entry-header .entry-meta a:focus {
    color: #bfbfbf;
    text-decoration: none;
}


.section-two .post .entry-header .entry-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    font-family: 'Playfair Display', serif;
    margin: 0 0 14px;
}

.section-two .post .entry-header .entry-title a {
    color: #333;
}

.section-two .post .entry-header .entry-title a:hover,
.section-two .post .entry-header .entry-title a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

.section-two .post .entry-content {
    margin: 0;
}

.section-two .btn-holder {
    text-align: center;
    border-top: 1px solid #e8e8e8;
    padding-top: 24px;
    margin-top: 4px;
}

.section-two .btn-holder a {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #919191;
    letter-spacing: 1px;
    padding: 9px 58px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.section-two .btn-holder a:hover,
.section-two .btn-holder a:focus {
    text-decoration: none;
    color: #fff;
}

.section-two .btn-holder a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #06509d;
    border: 1px solid #06509d;
    border-radius: 20px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.section-two .btn-holder a:hover:before,
.section-two .btn-holder a:focus:before,
.section-two .btn-holder a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*section-three style*/
.section-three {
    background: #fff;
    padding: 57px 0 29px 0;
    margin: 0;
}

.section-three .header {
    margin: 0 0 57px;
}

.section-three .header .header-title {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Playfair Display', serif;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    position: relative;
}

.section-three .header .header-title a {
    color: #000;
}

.section-three .header .header-title span {
    background: #fff;
    padding: 0 20px;
    position: relative;
}

.section-three .header .header-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
}

.section-three .post {
    /*overflow: hidden;*/
    border: 1px solid #e8e8e8;
    margin: 0 0 38px;
}

.section-three .post:after{
    display: block;
    clear: both;
    content: '';
}

.section-three .post-thumbnail {
    float: left;
    width: 251px;
}

.section-three .post-thumbnail:focus{
    outline-offset: 1px;
}

.section-three .post-thumbnail img {
    vertical-align: top;
}

.section-three .text-holder {
    overflow: hidden;
    padding: 30px 32px;
}

.section-three .post .entry-header .entry-meta {
    font-size: 13px;
    color: #666;
    margin: 0 0 11px;
}

.section-three .post .entry-header .entry-meta a {
    color: #666;
}

.section-three .post .entry-header .entry-meta a:hover,
.section-three .post .entry-header .entry-meta a:focus {
    color: #bfbfbf;
    text-decoration: none;
}


.section-three .post .entry-header .entry-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    font-family: 'Playfair Display', serif;
    margin: 0 0 14px;
}

.section-three .post .entry-header .entry-title a {
    color: #333;
}

.section-three .post .entry-header .entry-title a:hover,
.section-three .post .entry-header .entry-title a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

.section-three .post .entry-content {
    margin: 0;
}

/*section videos styles*/
.videos {
    background: #202020;
    padding: 50px 0;
}

.videos .header {
    margin-bottom: 57px;
}

.videos .header .header-title {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Playfair Display', serif;
    color: #f4f4f4;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    position: relative;
}

.videos .header .header-title a {
    color: #f4f4f4;
}

.videos .header .header-title a:focus{
    outline: thin dotted #fff;
}

.videos .header .header-title span {
    background: #202020;
    padding: 0 20px;
    position: relative;
}

.videos .header .header-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #707070;
}

.videos .col {
    float: left;
    width: 33.33%;
    padding: 0 15px;
}

.videos .col a {
    display: block;
}

.videos .col a:focus{
    outline: thin dotted #fff;
    outline-offset: 1px;
}

.videos .image-holder {
    position: relative;
}

.videos .image-holder img {
    vertical-align: top;
}

.videos .post.format-video .image-holder:after {
    content: '';
    height: 28px;
    width: 42px;
    position: absolute;
    top: 42%;
    left: 40%;
    pointer-events: none;
    background: url(images/video-play-icon.png) no-repeat;
}

.videos .image-holder:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
}

.videos .image-holder .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px;
    font-size: 17px;
    line-height: 20px;
    color: #f0f0f0;
    background: rgba(0, 0, 0, 0.4);
}

.videos .image-holder .text:after {
    display: block;
    content: '';
    clear: both;
}

.videos .image-holder .text a {
    margin: 0 6px;
    color: #f0f0f0;
    display: inline-block;
    float: right;
}

.videos .image-holder:hover:before {
    display: none;
}

.videos .post.format-video .image-holder:hover:after {
    background: url(images/video-play-icon-hover.png) no-repeat;
}

/*section-foru style*/
.section-four {
    overflow: hidden;
    background: #fff;
    margin: 0;
}

.section-four .img-holder {
    float: left;
    width: 55%;
    height: 885px;
    background: url(images/img18.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.section-four .img-holder:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.5);
}

.section-four .img-holder .table {
    display: table;
    width: 100%;
    height: 100%;
}

.section-four .img-holder .table-row {
    display: table-row;
}

.section-four .img-holder .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.section-four .img-holder .text {
    max-width: 325px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
}

.section-four .img-holder .text .main-title {
    font-size: 72px;
    line-height: 86px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    color: #fff;
    margin: 0 0 30px;
}

.section-four .text-holder {
    overflow: hidden;
    padding: 82px 0 0 6vw;
}

.section-four .text-holder .post-holder {
    max-width: 360px;
}

.section-four .text-holder .post {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 8px;
    margin-bottom: 29px;
}

.section-four .text-holder .post:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-four .post .entry-header .entry-meta {
    font-size: 13px;
    color: #666;
    margin: 0 0 11px;
}

.section-four .post .entry-header .entry-meta a {
    color: #666;
}

.section-four .post .entry-header .entry-meta a:hover,
.section-four .post .entry-header .entry-meta a:focus {
    color: #bfbfbf;
    text-decoration: none;
}


.section-four .post .entry-header .entry-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    font-family: 'Playfair Display', serif;
    margin: 0 0 14px;
}

.section-four .post .entry-header .entry-title a {
    color: #333;
}

.section-four .post .entry-header .entry-title a:hover,
.section-four .post .entry-header .entry-title a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

.section-four .post .entry-content {
    margin: 0;
    line-height: 28px;
}

/*section-five style*/
.section-five {
    background: #f4f4f4;
    padding: 57px 0 29px 0;
}

.section-five .header {
    margin: 0 0 53px;
}

.section-five .header .header-title {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Playfair Display', serif;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    position: relative;
}

.section-five .header .header-title span {
    background: #f4f4f4;
    padding: 0 20px;
    position: relative;
}

.section-five .header .header-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dedede;
}

.section-five .col {
    float: left;
    width: 33.33335%;
    padding-left: 15px;
    padding-right: 15px;
}

.section-five .post {
    border: 1px solid #e8e8e8;
    padding: 17px 17px 33px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    margin-bottom: 30px;
}
.section-five .post .svg-holder svg{
    width: 100%;
}

.section-five .post:hover,
.section-five .post:focus {
    background: #dee6ee;
    border-color: #dee6ee;
}

.section-five .post .entry-meta {
    font-size: 13px;
    color: #666;
    margin: 0 0 11px;
}

.section-five .post .entry-meta a {
    color: #666;
}

.section-five .post .entry-meta a:hover,
.section-five .post .entry-meta a:focus {
    color: #fff;
    text-decoration: none;
}

.section-five .post .post-thumbnail {
    display: block;
    height: 100%;
    margin: 0 0 17px;
}

.section-five .post .post-thumbnail:focus{
    outline-offset: 1px;
}

.section-five .post .image-holder {
    position: relative;
}

.section-five .post .category-holder {
    position: absolute;
    top: 10px;
    left: 10px;
}

.section-five .post .category {
    font-size: 12px;
    line-height: 15px;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 20px 8px;
    color: #fff;
    margin-right: 3px;
    margin-bottom: 3px;
}

.section-five .post .category:focus{
    outline: thin dotted #fff;
    outline-offset: -2px;
}

.section-five .post .post-thumbnail img {
    vertical-align: top;

}


.section-five .post .entry-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    font-family: 'Playfair Display', serif;
    margin: 0 0 24px;
}

.section-five .post .entry-title a {
    color: #333;
}

.section-five .post .entry-title a:hover,
.section-five .post .entry-title a:focus {
    color: #fff;
    text-decoration: none;
}

.section-five .post .btn-holder {
    overflow: hidden;
}

.section-five .post .btn-detail a {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    font-weight: 300;
}

.section-five .post .btn-detail .fa {
    margin-right: 5px;
    font-size: 23px;
    vertical-align: top;
    margin-top: 2px;
}

.section-five .post .btn-detail a:hover,
.section-five .post .btn-detail a:focus {
    text-decoration: none;
    color: #fff;
}

.section-five .btn-holder {
    text-align: center;
    border-top: 1px solid #e8e8e8;
    padding-top: 24px;
    margin-top: 15px;
}

.section-five .btn-holder a {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #919191;
    letter-spacing: 1px;
    padding: 9px 58px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.section-five .btn-holder a:hover,
.section-five .btn-holder a:focus {
    text-decoration: none;
    color: #fff;
}

.section-five .btn-holder a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #06509d;
    border: 1px solid #06509d;
    border-radius: 20px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.section-five .btn-holder a:hover:before,
.section-five .btn-holder a:focus:before,
.section-five .btn-holder a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*blog page*/
.top-bar {
    background: #f4f4f4;
    border-top: 1px solid #ebebeb;
    padding: 23px 0 27px;
    margin-bottom: 30px;
}

.page-header {
    text-align: center;
}

.page-header .page-title {
    font-size: 52px;
    line-height: 72px;
    color: #000;
    font-family: 'Playfair Display', serif;
    margin: 0;
    font-weight: 400;
}

#crumbs {
    text-align: center;
    font-size: 14px;
    margin: 6px 4px 5px 0;
}

#crumbs a {
    color: #919191;
}

#crumbs a:hover,
#crumbs a:focus {
    text-decoration: none;
    color: #000;
}
#crumbs .separator{
    margin: 0 5px;
}
#crumbs span:last-child .separator{
    display: none;
}

#content {
    padding: 58px 0;
    border-bottom: 1px solid #ebebeb;
}

#content .all-post {
    margin-top: -282px;
}

#primary {
    float: left;
    width: 75%;
    padding-left: 15px;
    padding-right: 30px;
}

#primary .post {
    margin: 0 0 38px;
    /*overflow: hidden;*/
    border: 1px solid #e8e8e8;
}

#primary .post:after{
    display: block;
    clear: both;
    content: '';
}

#primary .post .post-thumbnail {
    float: left;
    width: 251px;
}
#primary .post .post-thumbnail .svg-holder svg{
    vertical-align: top;
}

#primary .post .post-thumbnail:focus{
    outline-offset: 1px;
}

#primary .page .post-thumbnail {
    display: block;
    height: 100%;
    margin: 0 0 24px;
}

#primary .post .post-thumbnail img,
#primary .page .post-thumbnail img {
    vertical-align: top;
}

#primary .post .text-holder {
    overflow: hidden;
    padding: 20px 30px;
}

#primary .post .entry-header .entry-title {
    font-size: 20px;
    line-height: 28px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #333;
    margin: 0 0 17px;
}

#primary .post .entry-header .entry-title a {
    color: #333;
}

#primary .post .entry-header .entry-title a:hover,
#primary .post .entry-header .entry-title a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

#primary .post .entry-meta {
    overflow: hidden;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

#primary .post .entry-meta a {
    color: #919191;
}

#primary .post .entry-meta a:hover,
#primary .post .entry-meta a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

#primary .post .entry-meta .byline {
    display: inline-block;
    margin-right: 17px;
}

#primary .post .entry-meta .byline a {
    font-weight: 700;
}

#primary .post .entry-meta .comments-link {
    margin-left: 25px;
}

#primary .post .entry-meta .comments-link a:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23919191' viewBox='0 0 512 512'%3E%3Cpath d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

#primary .post .entry-meta .category {}

#primary .post .entry-meta .category:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    width: 11px;
    height: 13px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23919191' viewBox='0 0 512 512'%3E%3Cpath d='M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

#primary .post .entry-content,
#primary .page .entry-content {
    margin: 0;
}

#primary .post .entry-footer,
#primary .page .entry-footer {
    overflow: hidden;
}

#primary .post .entry-footer .btn-readmore {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

#primary .post .entry-footer .btn-readmore .fa {
    font-size: 23px;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: top;
}

#primary .post .entry-footer .btn-readmore:hover,
#primary .post .entry-footer .btn-readmore:focus {
    text-decoration: none;
    color: #bfbfbf;
}

#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
    margin: 0 0 1.5em;
    background: #f4f4f4 url(images/bg-quote.png) no-repeat 50% 20px;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    text-align: center;
    padding: 76px 15px 48px;
}

#primary .post .entry-content blockquote p,
#primary .page .entry-content blockquote p {
    margin: 0 0 13px;
}

#primary .post .entry-content blockquote cite,
#primary .page .entry-content blockquote cite {
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
}

#primary .post .entry-content iframe,
#primary .page .entry-content iframe {
    vertical-align: top;
    margin: 0 0 1.5em;
    width: 100%;
}

#primary .post.format-status .entry-header .entry-title,
#primary .post.format-aside .entry-header .entry-title,
#primary .post.format-link .entry-header .entry-title {
    display: none;
}

/*pagination style*/
.pagination {
    margin: 0 0 1.5em;
}

.pagination .nav-links:after {
    display: block;
    clear: both;
    content: '';
}

.pagination a {
    float: left;
    margin-right: 4px;
    height: 32px;
    line-height: 32px;
    background: #f1f1f1;
    color: #06509d;
    padding: 0 10px;
}

.pagination .current,
.pagination .dots {
    float: left;
    margin-right: 4px;
}

.pagination .current {
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #06509d;
    padding: 0 10px;
}

.pagination a:hover,
.pagination a:focus {
    text-decoration: none;
    color: #fff;
    background: #06509d;
}

/*.pagination a:focus{

}*/

/*single-post style*/
.single-post .top-bar,
.page .top-bar,
.search .top-bar,
.error404 .top-bar {
    height: 90px;
}

.single-post #crumbs,
.page #crumbs,
.search #crumbs,
.error404 #crumbs {
    float: right;
}

.single-post #primary .post {
    border: 0;
}

.page #primary .page {
    margin-bottom: 38px;
}

.single-post #primary .post .post-thumbnail {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 25px;
}

.single-post #primary .post .entry-header {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.single-post #primary .post .entry-header .entry-title,
#primary .page .entry-header .entry-title {
    font-size: 30px;
    line-height: 36px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #333;
}

.single-post #primary .post .entry-header .entry-meta {
    overflow: hidden;
}

.single-post #primary .post .entry-header .entry-meta .comments-link,
.single-post #primary .post .entry-header .entry-meta .category {
    float: right;
}

#primary .post .entry-content h1,
#primary .page .entry-content h1 {
    font-family: 'Playfair Display', serif;
    color: #333;
    font-size: 72px;
    line-height: 86px;
    font-weight: 400;
    margin: 0 0 10px;
}

#primary .post .entry-content h2,
#primary .page .entry-content h2 {
    font-family: 'Playfair Display', serif;
    color: #333;
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    margin: 0 0 13px;
}

#primary .post .entry-content h3,
#primary .page .entry-content h3 {
    font-family: 'Playfair Display', serif;
    color: #333;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    margin: 0 0 17px;
}

#primary .post .entry-content h4,
#primary .page .entry-content h4 {
    font-family: 'Playfair Display', serif;
    color: #333;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    margin: 0 0 20px;
}

#primary .post .entry-content h5,
#primary .page .entry-content h5 {
    font-family: 'Playfair Display', serif;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 18px;
}

#primary .post .entry-content h6,
#primary .page .entry-content h6 {
    font-family: 'Playfair Display', serif;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin: 0 0 18px;
}

#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
    float: right;
    text-align: right;
    width: 263px;
    margin-left: 15px;
    margin-bottom: 30px;
    border-top: 3px solid #f1f1f2;
    padding-top: 10px;
}

#primary .post .entry-content .pull-left,
#primary .page .entry-content .pull-left {
    float: left;
    text-align: left;
    width: 263px;
    margin-right: 15px;
    margin-bottom: 30px;
    border-top: 3px solid #f1f1f2;
    padding-top: 10px;
}

#primary .post .entry-content .dropcap,
#primary .page .entry-content .dropcap {
    font-size: 86px;
    line-height: 68px;
    float: left;
    margin-right: 15px;
}

#primary .post .entry-content .highlight,
#primary .page .entry-content .highlight {
    background: #3873b1;
    color: #fff;
}

#primary .post .entry-content table,
#primary .page .entry-content table {
    color: #919191;
}

#primary .post .entry-content table thead,
#primary .page .entry-content table thead {
    background: #e9e9e9;
    font-weight: 700;
    color: #616161;
}

#primary .post .entry-content table thead th,
#primary .page .entry-content table thead th {
    font-weight: 700;
    color: #616161;
}

#primary .post .entry-content table th,
#primary .page .entry-content table th,
#primary .post .entry-content table td,
#primary .page .entry-content table td {
    padding: 1vw 2vw;
    text-align: left;
}

#primary .post .entry-content table tr,
#primary .page .entry-content table tr {
    border-bottom: 1px solid #ebebeb;
}

#primary .post .entry-footer,
#primary .page .entry-footer {
    overflow: hidden;
}

#primary .post .entry-footer .tags,
#primary .page .entry-footer .tags {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 700;
}

#primary .post .entry-footer .tags li,
#primary .page .entry-footer .tags li {
    float: left;
    margin-right: 6px;
}

#primary .post .entry-footer .tags li a,
#primary .page .entry-footer .tags li a {
    display: block;
    border-radius: 20px;
    background: #f4f4f4;
    color: #919191;
    padding: 5px 25px;
}

#primary .post .entry-footer .tags li a:hover,
#primary .page .entry-footer .tags li a:hover,
#primary .post .entry-footer .tags li a:focus,
#primary .page .entry-footer .tags li a:focus {
    text-decoration: none;
    background: #000;
    color: #fff;
}

.single-post #primary .post .entry-footer,
.page #primary .page .entry-footer {
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
}

#primary .post .entry-footer .share,
#primary .page .entry-footer .share {
    float: right;
    font-size: 16px;
}

#primary .post .entry-footer .share span,
#primary .page .entry-footer .share span {
    display: inline-block;
}

#primary .post .entry-footer .share ul,
#primary .page .entry-footer .share ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

#primary .post .entry-footer .share ul li,
#primary .page .entry-footer .share ul li {
    float: left;
    margin-left: 15px;
}

#primary .post .entry-footer .share ul li:first-child,
#primary .page .entry-footer .share ul li:first-child {
    margin-left: 0;
}

#primary .post .entry-footer .share ul li a,
#primary .page .entry-footer .share ul li a {
    color: #919191;
}

#primary .post .entry-footer .share ul li a:hover,
#primary .post .entry-footer .share ul li a:focus,
#primary .page .entry-footer .share ul li a:hover,
#primary .page .entry-footer .share ul li a:focus {
    text-decoration: none;
    color: #000;
}

#primary .page .entry-header {
    padding-bottom: 0;
    margin-bottom: 0;
}

.full-width #primary {
    width: 100%;
}

.search .page-header,
.error404 .page-header {
    text-align: left;
    float: left;
}

.search .page-header .page-title,
.error404 .page-header .page-title {
    font-size: 32px;
    line-height: 36px;
}

.search #primary .post,
.search #primary .page {
    border: 0;
}

.search #primary .page .entry-header .entry-title {
    color: #333;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.search #primary .page .entry-header .entry-title a {
    color: #333;
}

.search #primary .page .entry-header .entry-title a:hover,
.search #primary .page .entry-header .entry-title a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

.search #primary .post .entry-header .entry-title,
.search #primary .page .entry-header .entry-title {
    margin: 0;
}

.search #primary .post .entry-header,
.search #primary .page .entry-header {
    margin: 0 0 15px;
}

.search #primary .post .entry-header .entry-link,
.search #primary .page .entry-header .entry-link {
    font-style: italic;
    color: #06509d;
}

/*author section style*/
.author-section {
    border: 1px solid #e3e3e3;
    padding: 40px 25px 10px;
    margin-bottom: 38px;
}

.author-section:after {
    content: '';
    display: block;
    clear: both;
}

.author-section .img-holder {
    float: left;
    width: 105px;
    margin-right: 21px;
}

.author-section .img-holder img {
    vertical-align: top;
    border: 1px solid #dbdbdb;
}

.author-section .text-holder {
    overflow: hidden;
}

.author-section .text-holder .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #616161;
    margin: 0 0 10px;
}

/*comments area style*/
.comments-area {
    margin: 0 0 40px;
}

.comments-area .comments-title,
.comments-area .comment-reply-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    font-family: 'Playfair Display', serif;
}

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area .comment-body .avatar {
    float: left;
    margin-right: 20px;
}

.comments-area .comment-body .fn {
    float: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #616161;
    margin-right: 15px;
}

.comments-area .comment-body .says {
    display: none;
}

.comments-area .comment-body .comment-metadata {
    float: left;
    font-size: 14px;
    color: #919191;
}

.comments-area .comment-body .comment-metadata a {
    color: #919191;
}

.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus {
    text-decoration: none;
    color: #41aad4;
}

.comment-author {
    float: left;
}

.comment-meta {
    overflow: hidden;
}

.comments-area .comment-body .comment-content {
    margin-left: 97px;
    margin-top: -50px;
}

.comments-area .comment-body .reply {
    margin-left: 97px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
}

.comments-area .comment-body .reply a {
    color: #919191;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 5px 25px;
    float: left;
}

.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus {
    text-decoration: none;
    background: #06509d;
    border-color: #06509d;
    color: #fff;
}

.comments-area .comment-body {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.comments-area .comment-list .children {
    padding-left: 97px;
}

.comments-area .comment-form label {
    display: none;
}

.comments-area .comment-form .comment-form-author {
    float: left;
    width: 267px;
    margin-right: 15px;
}

.comments-area .comment-form .comment-form-email {
    float: left;
    width: 267px;
    margin-right: 15px;
}

.comments-area .comment-form .comment-form-url {
    float: left;
    width: 267px;
}

.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
    width: 100%;
    padding: 10px 15px;
}

.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
    display: inline-block;
    margin-left: 5px;
}

/*error page style*/
.error404 .error-holder {
    max-width: 555px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

.error404 .error-holder h1 {
    font-size: 100px;
    color: #06509d;
    margin: 0 0 30px;
    font-weight: 400;
    line-height: 90px;
}

.error404 .error-holder h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    color: #313131;
}

.error404 .error-holder .search-form {
    width: 520px;
    margin: 0 auto;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 14px 15px 15px 18px;
}

.error404 .error-holder .search-form label {
    float: left;
    width: 75%;
}

.error404 .error-holder .search-form input[type="search"] {
    background: none;
    border: 0;
    border-radius: 0;
    float: left;
    font-size: 14px;
    margin: 0;
    outline: medium none;
    padding: 0;
    width: 100%;
}

.error404 .error-holder .search-form input[type="submit"] {
    background: url("images/bg-search.png") no-repeat;
    border: 0;
    box-shadow: none;
    float: right;
    height: 15px;
    margin: 5px 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 14px;
}

.search-no-results .no-results .page-header {
    float: none;
}

/*sidebar style*/
#secondary {
    float: right;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.widget.widget_search .search-form {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 14px 15px 15px 18px;
}

.widget.widget_search .search-form label {
    float: left;
    width: 75%;
}

.widget.widget_search .search-form input[type="search"] {
    background: none;
    border: 0;
    border-radius: 0;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    /*outline: none;*/
}

.widget.widget_search .search-form input[type="submit"] {
    float: right;
    background: url(images/bg-search.png) no-repeat;
    width: 14px;
    height: 15px;
    margin: 5px 0 0;
    padding: 0;
    border: 0;
    /*text-indent: -9999px;*/
    font-size: 0;
    box-shadow: none;
}

.widget .widget-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #313131;
    text-transform: uppercase;
    margin: 0 0 17px;
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    text-transform: uppercase;
}

.widget ul li {
    padding-bottom: 11px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e3e3e3;
}

.widget ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.widget ul li a {
    color: #919191;
}

.widget ul li a:hover,
.widget ul li a:focus {
    text-decoration: none;
    color: #000;
}

.widget.widget_categories ul li {
    /*overflow: hidden;*/
    text-align: right;
}

.widget.widget_categories ul li:after{
    display: block;
    clear: both;
    content: '';
}

.widget.widget_categories ul li span {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #4a4a4a;
    text-align: center;
}

.widget.widget_categories ul li a {
    float: left;
}

.widget.widget_tag_cloud .tagcloud {
    overflow: hidden;
}

.widget.widget_tag_cloud a {
    float: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #919191;
    background: #f4f4f4;
    border-radius: 15px;
    margin-right: 7px;
    margin-bottom: 9px;
    padding: 3px 21px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus {
    text-decoration: none;
    background: #000;
    color: #fff;
}

.widget.widget_metro_flickr ul {
    margin: 0 -6px;
    overflow: hidden;
}

.widget.widget_metro_flickr ul li {
    padding: 0 6px;
    margin-bottom: 12px;
    border-bottom: 0;
    float: left;
    width: 33.3333%;
}

.widget.widget_metro_flickr ul li img {
    width: 100%;
    vertical-align: top;
}

.widget.widget_metro_magazine_recent_post ul,
.widget.widget_metro_magazine_popular_post ul {
    text-transform: none;
}

.widget.widget_metro_magazine_recent_post ul li,
.widget.widget_metro_magazine_popular_post ul li {
    padding: 0;
    margin: 0 0 23px;
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    /*overflow: hidden;*/
}

.widget.widget_metro_magazine_recent_post ul li:last-child,
.widget.widget_metro_magazine_popular_post ul li:last-child {
    margin: 0;
}

.widget.widget_metro_magazine_recent_post ul li .post-thumbnail,
.widget.widget_metro_magazine_popular_post ul li .post-thumbnail {
    float: left;
    width: 78px;
    margin-right: 20px;
}

.widget.widget_metro_magazine_recent_post ul li .post-thumbnail img,
.widget.widget_metro_magazine_popular_post ul li .post-thumbnail img {
    vertical-align: top;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header,
.widget.widget_metro_magazine_popular_post ul li .entry-header {
    /*overflow: hidden;*/
    flex-basis: 0;
    flex-grow: 1;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-title,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin: 0;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-title a,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-title a {
    color: #333;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-title a:hover,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-title a:hover,
.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-title a:focus,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-title a:focus {
    color: #bfbfbf;
    text-decoration: none;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-meta,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-meta {
    font-size: 13px;
    text-transform: uppercase;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-meta a,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-meta a {
    color: #919191;
}

.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-meta a:hover,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-meta a:hover,
.widget.widget_metro_magazine_recent_post ul li .entry-header .entry-meta a:focus,
.widget.widget_metro_magazine_popular_post ul li .entry-header .entry-meta a:focus {
    color: #bfbfbf;
}

.widget.widget_calendar caption {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    background: #06509d;
    padding: 12px 0;
}

.widget.widget_calendar table {
    position: relative;
}

.widget.widget_calendar thead th {
    font-size: 14px;
    color: #616161;
    font-weight: 400;
    height: 35px;
    background: #f4f4f4;
}

.widget.widget_calendar tbody {
    border: 1px solid #e3e3e3;
    border-top: 0;
}

.widget.widget_calendar tbody td {
    text-align: center;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #919191;
}

.widget_calendar .calendar_wrap{
    position: relative;
}
.widget_calendar .calendar_wrap .wp-calendar-nav-prev a,
.widget_calendar table #prev a {
    left: 15px;
    position: absolute;
    top: 16px;
    background: url(images/btn-prev-month.png) no-repeat;
    width: 7px;
    height: 11px;
    text-indent: -9999px;
}

.widget_calendar .calendar_wrap .wp-calendar-nav-next a,
.widget.widget_calendar table #next a {
    position: absolute;
    right: 15px;
    top: 16px;
    background: url(images/btn-next-month.png) no-repeat;
    width: 7px;
    height: 11px;
    text-indent: -9999px;
}

.widget.widget_calendar table tbody td a {
    display: block;
    height: 100%;
    color: #fff;
    background: #06509d;
}

.widget.widget_metro_magazine_social_links ul {
    /*overflow: hidden;*/
    font-size: 17px;
}

.widget.widget_metro_magazine_social_links ul:after{
    display: block;
    clear: both;
    content: '';
}

.widget.widget_metro_magazine_social_links ul li {
    padding: 0;
    margin: 0 20px 10px 0;
    border-bottom: 0;
    float: left;
}

#secondary .widget.widget_rss ul li a:hover,
#secondary .widget.widget_rss ul li a:focus,
#secondary .widget.widget_text ul li a:hover,
#secondary .widget.widget_text ul li a:focus {
    text-decoration: underline;
}

/*footer style*/
.site-footer {}

.footer-nav {
    margin: 0;
}

.footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.footer-nav ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 16px;
    line-height: 13px;
    border-left: 1px solid #bbbbbb;
}

.footer-nav ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

.footer-nav ul li a {
    color: #bbbbbb;
}

.footer-nav ul li a:hover,
.footer-nav ul li a:focus {
    text-decoration: none;
    color: #06509d;
}

.site-footer .social-networks {
    margin: 0 0 37px;
    padding: 0;
    list-style: none;
    /*overflow: hidden;*/
}

.footer-t .col {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.site-footer .widget.widget_metro_magazine_social_links ul li {
    border-bottom: 0;
}

.site-footer .footer-t {
    background: #202020;
    padding: 56px 0 0;
}

.site-footer .footer-t .widget .widget-title {
    color: #dbdbdb;
    margin-bottom: 22px;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
}

.site-footer .widget {
    color: #c0c0c0;
    text-align: left;
}

.site-footer .widget.widget_metro_magazine_recent_post ul,
.site-footer .widget.widget_metro_magazine_popular_post ul {}

.site-footer .widget.widget_metro_magazine_recent_post ul li:after,
.site-footer .widget.widget_metro_magazine_popular_post ul li:after {
    display: block;
    content: '';
    clear: both;
}

.site-footer .widget.widget_metro_magazine_recent_post ul li,
.site-footer .widget.widget_metro_magazine_popular_post ul li {
    border-bottom: 1px dotted #4e4e4e;
    margin-bottom: 14px;
    padding-bottom: 14px;
}

.site-footer .widget.widget_metro_magazine_recent_post ul li:last-child,
.site-footer .widget.widget_metro_magazine_popular_post ul li:last-child {
    border-bottom: 0;
}

.site-footer .widget.widget_metro_magazine_recent_post ul li .post-thumbnail,
.site-footer .widget.widget_metro_magazine_popular_post ul li .post-thumbnail {
    float: left;
    margin-right: 18px;
    display: block;
}

/*.site-footer .widget.widget_metro_magazine_recent_post ul li .entry-header,
.site-footer .widget.widget_metro_magazine_popular_post ul li .entry-header {
    overflow: hidden;
}*/

.site-footer .widget.widget_metro_magazine_recent_post ul li .entry-meta a,
.site-footer .widget.widget_metro_magazine_popular_post ul li .entry-meta a {
    color: #b2b2b2;

}

.site-footer .widget.widget_metro_magazine_recent_post ul li .entry-title,
.site-footer .widget.widget_metro_magazine_popular_post ul li .entry-title {
    margin-bottom: 4px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
}

.site-footer .widget.widget_metro_magazine_recent_post ul li .entry-title a,
.site-footer .widget.widget_metro_magazine_popular_post ul li .entry-title a {
    color: #bfbfbf;

}

.site-footer .widget.widget_metro_magazine_recent_post ul li .entry-header a:hover,
.site-footer .widget.widget_metro_magazine_recent_post ul li .entry-header a:focus,
.site-footer .widget.widget_metro_magazine_popular_post ul li .entry-header a:hover,
.site-footer .widget.widget_metro_magazine_popular_post ul li .entry-header a:focus {
    color: #fff;
}

.site-footer .widget ul li {
    border-bottom: 1px solid #515151;
}

.site-footer .widget ul li a:hover {
    color: #fff;
}

.site-footer .widget ul li a:focus,
.site-footer .widget_media_gallery .gallery-item a:focus,
.site-footer .widget_media_image a:focus,
.site-footer .widget_text .textwidget a:focus,
.site-footer .widget_metro_magazine_featured_post a:focus{
    outline: thin dotted #fff;
}

.site-footer .widget ul li:last-child {
    border-bottom: 0;
}

.widget.widget_text img {
    margin-bottom: 20px;
}

.site-footer .widget.widget_search .search-form input[type="search"] {
    color: #fff;
}

.site-footer .widget.widget_search .search-form input[type="search"]:focus,
.site-footer .widget.widget_search .search-form input[type="submit"]:focus{
    outline: thin dotted #fff;
}

.site-footer .widget.widget_rss .widget-title a {
    color: #dbdbdb;
}

.site-footer .widget.widget_rss ul li a {
    color: #fff;
}

.site-footer .widget.widget_rss ul li a:hover,
.site-footer .widget.widget_rss ul li a:focus {
    text-decoration: underline;
}

.site-info {
    font-size: 15px;
    line-height: 18px;
    float: left;
    color: #adadad;
}

.site-info a {
    color: #fff;
}

.footer-b {
    background: #1a1a1a;
    padding: 30px 0;
    border-top: 1px solid #252525;
}

.footer-nav {
    float: right;
}

.site-info a:focus {
    outline: thin dotted #fff;
}

.site-footer .site-info a.privacy-policy-link {
    display: inline-block;
    margin-left: 5px;
}

.mobile-header{
	display: none;
}

.overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: ease 0.35s;
	-moz-transition: ease 0.35s;
	transition: ease 0.35s;
}

body.menu-open .overlay{
	visibility: visible;
	opacity: 1;
}

body.menu-open{
	overflow-y: hidden;
}

/*responsive style*/
@media only screen and (max-width: 1199px) {
    .container {
        max-width: 970px;
    }

    .site-header form input[type="search"] {
        width: 56%;
    }
}

@media only screen and (max-width: 1024px){
	.site-header{
		display: none;
	}

	.mobile-header{
		display: block;
		padding: 15px 0;
		background: #fff;
	}

	.mobile-header .container:after{
		display: none;
	}

	.mobile-header .container{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.mobile-header .site-branding{
		float: none;
		display: block;
		max-width: 90%;
	}

	.menu-opener{
		width: 25px;
		height: 20px;
		cursor: pointer;
	}

	.menu-opener span{
		display: block;
		width: 100%;
		height: 2px;
		margin-bottom: 5px;
		background: #000;
		border-radius: 5px;
	}

	.menu-opener span:last-child{
		margin-bottom: 0;
	}

	.mobile-menu{
		position: fixed;
		top: 0;
		right: 0;
		max-width: 320px;
		width: 100%;
		background: #fff;
		z-index: 3;
		height: 100%;
		padding-top: 80px;
		overflow-y: auto;
		-webkit-transform: translateX(420px);
		-moz-transform: translateX(420px);
		transform: translateX(420px);
		-webkit-transition: ease 0.35s;
		-moz-transition: ease 0.35s;
		transition: ease 0.35s;
	}

	body.menu-open .mobile-menu{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	.mobile-menu .search-form{
		margin: 0 25px 50px;
		border: 1px solid rgba(0, 0, 0, 0.5);
		border-radius: 5px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 10px;
	}

	.mobile-menu .search-form label{
		flex-grow: 1;
		flex-basis: 0;
	}

	.mobile-menu .search-form input[type="search"]{
		border: 0;
		padding: 0;
		margin: 0;
		width: 100%;
		background: none;
		border-radius: 0;
		outline: none;
	}

	.mobile-menu .search-form input[type="submit"]{
		font-size: 0;
		border: 0;
		padding: 0;
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z'/%3E%3C/svg%3E") center center no-repeat;
		width: 15px;
		height: 20px;
	}

	.mobile-main-navigation ul,
	.mobile-secondary-menu ul{
		margin: 0;
		padding: 0;
		list-style: none;
        text-align: left;
        position: relative;
	}

	.mobile-main-navigation ul li,
	.mobile-secondary-menu ul li{
		position: relative;
	}

	.mobile-main-navigation ul li a,
	.mobile-secondary-menu ul li a{
		display: block;
		padding: 10px 25px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		color: #000;
	}

	.mobile-main-navigation ul li a:hover,
	.mobile-main-navigation ul li a:focus,
	.mobile-main-navigation ul li:hover > a,
	.mobile-main-navigation ul li:focus > a,
	.mobile-main-navigation ul .current-menu-item > a,
	.mobile-main-navigation ul .current-menu-ancestor > a,
	.mobile-main-navigation ul .current_page_item > a,
	.mobile-main-navigation ul .current_page_ancestor > a,
	.mobile-secondary-menu ul li a:hover,
	.mobile-secondary-menu ul li a:focus,
	.mobile-secondary-menu ul li:hover > a,
	.mobile-secondary-menu ul li:focus > a,
	.mobile-secondary-menu ul .current-menu-item > a,
	.mobile-secondary-menu ul .current-menu-ancestor > a,
	.mobile-secondary-menu ul .current_page_item > a,
	.mobile-secondary-menu ul .current_page_ancestor > a{
		text-decoration: none;
		color: #386FA7;
	}

	.mobile-main-navigation ul ul,
	.mobile-secondary-menu ul ul{
		display: none;
	} 

	.mobile-main-navigation ul li .angle-down,
	.mobile-secondary-menu ul li .angle-down{
		position: absolute;
		top: 0;
		right: 0;
		width: 45px;
		height: 45px;
		cursor: pointer;
		-webkit-transition: ease 0.2s;
		-moz-transition: ease 0.2s;
		transition: ease 0.2s;
	}

	.mobile-main-navigation ul li .angle-down.active,
	.mobile-secondary-menu ul li .angle-down.active{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.mobile-main-navigation ul li .angle-down:after,
	.mobile-secondary-menu ul li .angle-down:after{
		position: absolute;
		top: 50%;
		left: 50%;
		content: '';
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
		width: 15px;
		height: 20px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.mobile-menu .social-networks{
		margin: 50px 25px 20px;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.mobile-menu .social-networks li{
		margin: 0 5px 5px 0;
	}

	.mobile-menu .social-networks li a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		color: rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		-webkit-transition: ease 0.2s;
		-moz-transition: ease 0.2s;
		transition: ease 0.2s;
	}

	.mobile-menu .social-networks li a:hover,
	.mobile-menu .social-networks li a:focus{
		text-decoration: none;
		border-color: #386FA7;
		background: #386FA7;
		color: #fff;
	}

	.mobile-menu .btn-menu-close{
		position: absolute;
		top: 35px;
		right: 25px;
		width: 20px;
		height: 20px;
		font-size: 0;
		background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
		cursor: pointer;
	}

	.mobile-header .advertise{
		width: 100%;
		text-align: center;
		margin: 20px 0 0;
	}

	.mobile-header .advertise img{
		vertical-align: top;
	}
}

@media only screen and (max-width: 991px) {
    .container {
        max-width: 750px;
    }

    .site-header form input[type="submit"] {
        padding: 0 20px;
    }

    .videos .col {
        width: 100%;
        margin-bottom: 15px;
    }

    .videos .image-holder::after {
        left: 50%;
    }

    .videos .col img {
        width: 100%;
    }

    .section-two .post {
        width: 100%;
    }

    .section-two .post .post-thumbnail img {
        width: 100%;
    }

    .section-four .text-holder {
        padding: 20px 0 0 5vw;
    }

    .section-five .col {
        width: 100%;
    }

    .section-five .post .post-thumbnail img {
        width: 100%;
    }

    .footer-nav ul li {
        margin: 0 10px;
    }

    #primary {
        width: 100%;
    }

    #primary .post .text-holder {
        padding: 13px 20px;
    }

    #secondary {
        width: 100%;
    }

    .footer-b {
        text-align: center;
    }

    .site-info,
    .footer-nav {
        float: none;
        margin-bottom: 10px;
    }

    .all-post ul li.large,
    .all-post ul li.medium {
        width: 100%;
    }

    .all-post ul li {
        width: 50%;
    }

    .site-header .btn-search {
        float: left;
        margin-top: 9px;
        margin-bottom: 6px;
    }

    .all-post ul li.large .post .entry-title,
    .all-post ul li.medium .post .entry-title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: 100%;
    }

    .site-header .header-t .social-networks {
        width: 100%;
        text-align: center;
    }

    .secondary-nav {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .scrolling-news .container {
        padding: 0;
    }

    .site-header .social-networks {
        margin-top: 0;
    }

    .slicknav_menu {
        float: none;
        width: 100%;
    }

    .slicknav_btn {
        float: none;
        width: auto;
        display: table;
        clear: both;
        text-align: center;
        margin: 0 auto;
    }

    .site-header .header-t .scrolling-news {
        float: none;
        width: 100%;
    }

    .site-header .header-t .social-networks {
        margin-top: 20px;
        text-align: center;
    }

    .all-post.layout-2 ul li.large {
        width: 100%;
    }

    .section-two .col {
        width: 100%;
        margin-bottom: 10px;
    }

    .site-header .modal-content form {
        width: 100%;
    }

    .site-header .header-t .social-networks li {
        float: none;
        display: inline-block;
        margin: 0 8px;
    }

    .header-b .advertise {
        width: 100%;
    }

    .all-post .post {}

    .all-post ul li.large .post .entry-title,
    .all-post ul li.medium .post .entry-title {
        font-size: 20px;
        line-height: 24px;
    }

    .all-post ul li {
        width: 100%;
    }

    .all-post ul li.large,
    .all-post ul li.medium {
        width: 100%;
    }

    .section-four .img-holder {
        width: 100%;
    }

    .section-four .text-holder {
        width: 100%;
        padding: 20px;
    }

    .section-three .post-thumbnail img {
        width: 100%;
    }

    .section-two,
    .section-three,
    .section-five {
        padding: 20px;
    }

    .section-two .header,
    .section-three .header,
    .section-five .header {
        margin: 0 0 20px;
    }

    .section-two .header .header-title,
    .section-three .header .header-title,
    .section-five .header .header-title {
        font-size: 20px;
        line-height: 24px;
    }

    .section-two .post .entry-header .entry-title,
    .section-three .post .entry-header .entry-title,
    .section-four .post .entry-header .entry-title,
    .section-five .post .entry-title {
        font-size: 18px;
    }

    .section-three .post-thumbnail {
        width: 100%;
    }

    .section-three .text-holder {
        width: 100%;
        padding: 20px;
    }

    .section-four .img-holder .text .main-title {
        font-size: 42px;
        line-height: 50px;
        margin: 0;
    }

    .section-four .img-holder .text {
        font-size: 20px;
    }

    .section-four .img-holder {
        height: 267px;
    }

    .footer-nav ul li {
        margin: 0 0 5px;
    }

    .page-header .page-title {
        font-size: 34px;
        line-height: 40px;
    }

    #content .all-post {
        margin-top: -345px;
    }

    #primary .post .post-thumbnail {
        width: 100%;
    }

    #primary .post .text-holder {
        width: 100%;
    }

    #primary .post .post-thumbnail img,
    #primary .page .post-thumbnail img {
        width: 100%;
    }

    .search .page-header,
    .error404 .page-header {
        width: 100%;
    }

    .single-post #crumbs,
    .page #crumbs,
    .search #crumbs,
    .error404 #crumbs {
        width: 100%;
    }

    .single-post .top-bar,
    .page .top-bar,
    .search .top-bar,
    .error404 .top-bar {
        height: auto;
    }

    .error404 .error-holder .search-form {
        width: 100%;
    }

    .author-section .text-holder {
        width: 100%;
    }

    .comment-author,
    .comments-area .comment-body .comment-metadata {
        width: 100%;
    }

    .comments-area .comment-body .comment-content {
        margin-left: 0;
        margin-top: 5px;
    }

    .comments-area .comment-body .reply {
        margin-left: 0;
    }

    .comments-area .comment-list .children {
        padding-left: 0;
    }

    .footer-t .col {
        width: 100%;
        margin-bottom: 15px;
    }

    .all-post ul li {
        width: 100%;
    }

    .mobile-header .site-branding .site-title{
    	font-size: 25px;
    	line-height: 30px;
    }
}

@media screen and (max-width: 540px) {
    .site-header .ticker-wrapper.has-js {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}


/* Custom CSS */

.menu-opener {
    background: none;
    border: 0;
    padding: 0px;
}

.menu-opener:focus {
    background: #fff;
}
.menu-opener:focus {
    background-color:transparent;
}


.mobile-menu .close {
   position: absolute;
   top: 25px;
   right: 20px;
   height: 30px;
   background : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
   z-index : 55555; 
   outline : none;
   padding: 0px 10px;
   border : none;  
}
.mobile-menu .close:focus {
 outline:dotted 1px rgba(0,0,0,0.5);
}

.btn-menu-opener:focus {
   outline: dotted 1px rgba(0,0,0,0.5);
}

.mobile-main-navigation ul li .angle-down, .mobile-secondary-menu ul li .angle-down {
    border: 0;
    right: 0;
    padding: 9px 33px;
}


.angle-down:active,
.angle-down:visited,
.angle-down:hover {
    background: transparent;
    outline: none;
}

.angle-down:focus {
    background: none;
}

/* Search Bar */


