/*
Theme Name: Fastest
Theme URI: https://wpvkp.com/fastest-wordpress-theme/
Author: designgrande
Author URI: https://wpvkp.com/
Description: Fastest WordPress theme is one of the most lightweight, search engine friendly and schema ready theme available for free. It is designed for professional magazines and personal blogging websites. It comes with custom featured section where you can show latest or most popular posts on your site in modern grid style. Just below the featured posts section, it has an advertisement section where you can add standard 728 X 90 Google AdSense or banner advertisements. Furthermore, it comes with an integrated recent post with thumbnail widget which is handcrafted especially for this theme. Fastest wordpress theme comes with integrated support for breadcrumb navigation and social media buttons. Both of these options can be controlled via WordPress customiser. With just one single click you can either show them or disable them on single post pages. The social media buttons are specially designed to match the layout and the content structure of this theme. They are not only mobile responsive, great looking, but they are also really super fast. You ask why, well because no external javascript files are loaded. Its just 68 lines of pure PHP, HTML code and 200 bytes of CSS.Furthermore, this theme doesnt use any sort of external scalable font icons like font awesome or ionic. Adding support for these fonts would have only made this template slow. So we have handpicked 18 important icons and have built our own font which is included with this theme for free. Now lets talk a bit about the flexibility of this template. With the help of WordPress customiser, you can customise colors of various elements of this template. For example, you can change the color of the header area, navigation, sub-menu, and dropdown icon. Not only that, you can even change the hyperlinks and the :hover CSS effects.For all those website owners and bloggers who want to make their homepage more appealing, this theme comes with featured hero banner section. You have the freedom to determine the height of the image, but its suggested not to have more than 650px. Suggested width is 1980px to offer better viewing experience on screens with higher resolutions. You even get an option to add text to the featured hero banner. To give you, even more, control over the design, the color of the text can be modified via customizer.If you are a blogger or an affiliate marketer then you should use themes which has integrated support for a schema markup. Schema markups are necessary as they help search engines especially Google to better understand the content of your website and thus helps to boost your site presents on search engine result pages.
Version: 2.1.9.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fastest
Tags: custom-background, custom-logo, custom-menu, threaded-comments, translation-ready, two-columns, right-sidebar, flexible-header, featured-images, blog, theme-options

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.
Fastest is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
## Search From
# Content
## Breadcrumb
## Posts and pages
## Search Page
## Archive Pages
## Comments
## Entry Footer
## Author Bio
# Pagination
# Footer
# Infinite scroll
# Media
## Captions
## Galleries
# Social Media Buttons
# Featured Post
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	text-rendering: optimizeSpeed;
	-webkit-font-variant-ligatures: common-ligatures;
	-moz-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	-moz-font-feature-settings: "liga", "clig";
	-webkit-font-feature-settings: "liga", "clig";
	font-feature-settings: "liga", "clig";
}

body {
	margin: 0;
}

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

article {
	overflow: hidden;
}

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 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: 1em 40px;
}

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-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,
optgroup,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
}

body .site-content {
	line-height: 1.625;
	z-index: 2;
	padding: 104px 0 0;
	max-width: 1280px;
	margin: 0 auto;
	clear: both;
	float: none;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
	font-size: 2.2rem;
	line-height: 1.2;
	color: #212b35;
	text-transform: capitalize;
	font-weight: 600;
}

h2 {
	font-size: 2.1rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.9rem;
}

h5 {
	font-size: 1.85rem;
}

h6 {
	font-size: 1.8rem;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	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 {
	box-sizing: border-box;
}

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

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	;
}

.wrap {
	margin: 0 auto;
	padding: 0 20px 0;
	max-width: 1280px;
	width: 100%;
}

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

ul,
ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

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. */
	;
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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


/*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	padding: 15px 18px;
	border: 2px solid rgba(0, 0, 0, 0);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.form-submit input:hover {
	border: 2px solid rgba(0, 0, 0, 0);
}


/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/

.hero {
	line-height: 0;
	position: relative;
	margin: 0 0 -70px;
}

.hero img {
	width: auto;
	display: inline-block;
	height: auto;
}

.hero-info {
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 0;
	font-size: 40px;
	width: 100%;
	transform: translate(0);
	text-align: center;
}

.hero-info h4 {
	margin: 0;
	display: inline;
	font-size: 3rem;
}

.admin-bar .site-header {
	top: 32px;
}

.site-header {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	transition: 0.5s ease-in-out;
	transition: 0.5s cubic-bezier(0.4, 0, 1, 1);
	position: fixed;
	z-index: 20;
	top: 0;
	height: 70px;
	width: 100%;
}

.admin-bar .site-header.nav-up {
	top: -102px;
}

.site-header.nav-up {
	top: -70px;
}

.site-header.custom-active.nav-down.topmost {
	background: transparent;
	box-shadow: 1px 1px 1px transparent;
}

.site-branding {
	padding: 0;
	text-align: center;
	line-height: 0;
	overflow: hidden;
	width: auto;
	max-width: 24%;
	height: 70px;
}

.site-branding img {
	padding: 5px 0;
}

.site-title {
	font-size: 2rem;
	text-transform: capitalize;
	font-weight: 600;
	margin: 0;
	padding: 23px 0 15px;
	line-height: 0;
}

.site-title a {
	color: #fff;
	text-decoration: none;
}

.site-title a:hover {
	color: #ff5722;
}

.site-description {
	font-size: 13px;
	color: #fff;
}


.site-title-hidden,
.site-description-hidden,
.wp-custom-logo .site-description {
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

@media only screen and (max-width: 1367px) {
	.hero p,
	.hero h1,
	.hero h2,
	.hero h3,
	.hero h4,
	.hero h5,
	.hero h6 {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 1200px) {
	.hero p,
	.hero h1,
	.hero h2,
	.hero h3,
	.hero h4,
	.hero h5,
	.hero h6 {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 1200px) {
	.hero p,
	.hero h1,
	.hero h2,
	.hero h3,
	.hero h4,
	.hero h5,
	.hero h6 {
		display: none;
	}
}


/*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/


/*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/

a {
	color: #212b35;
}

a:visited {
	color: #212b35;
}

a:hover,
a:focus,
a:active {
	color: #2196F3;
}

a:focus {
	outline: thin dotted;
}

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


/*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/

.main-navigation {
	display: block;
	clear: none;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: right;
}


/* Hide the menu on small screens when JavaScript is available. * It only works with JavaScript. */

.js .main-navigation ul,
.main-navigation .menu-item-has-children>a>.icon,
.main-navigation .page_item_has_children>a>.icon,
.main-navigation ul a>.icon {
	display: none;
}

.main-navigation>div>ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on>div>ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
	position: relative;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	top: 0;
}

.main-navigation ul li:hover>ul.toggled-on {
	display: block;
	float: none;
	left: 0;
}

.main-navigation ul ul a {
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
	float: none;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 1em 0;
	text-decoration: none;
	color: #222;
}

.main-navigation a:hover {
	color: #FF5722;
}

.main-navigation li a,
.main-navigation li>ul a {
	font-weight: 600;
	text-transform: uppercase;
}

.site-header.custom-active.nav-down.topmost .main-navigation ul ul {
	background: transparent;
	background: rgba(0, 0, 0, 0);
}

.site-header.custom-active.nav-down.topmost .main-navigation ul ul a {
	background: transparent;
	background: rgba(0, 0, 0, 0);
}

.site-header.custom-active.nav-down.topmost .main-navigation li li:hover,
.site-header.custom-active.nav-down.topmost .main-navigation li li:focus {
	background: transparent;
	background: rgba(0, 0, 0, 0);
}

.site-header.custom-active.nav-down.topmost .main-navigation li li {
	border: 1px solid #ffffff26;
}

.site-header.custom-active.nav-down.topmost .main-navigation li li:last-child {
	border-top: 0;
}


/* Icon Navigation */

i,
i:before,
.main-navigation li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main-navigation li:hover i::before {
	display: inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}


/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 0;
	padding: 1em;
	text-shadow: none;
	display: none;
}

.main-navigation .desktop-dropdownsymbol {
	display: none;
	font-size: 11px;
}


/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #FF5722;
	font-weight: 400;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}


/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 16px;
	right: -0.5em;
	line-height: 1;
	margin: 0 auto;
	padding: 1.2em 0.5em 0;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
	color: #ff5722;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg);
	/* IE 9 */
	-webkit-transform: rotate(-180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.main-navigation li.search a:before {
	content: '\e803';
	font-family: fastest;
	font-weight: 400;
}

.main-navigation li.search a span {
	display: none;
}

.search-container .section-inner {
	position: relative;
}

.section-inner {
	width: 1240px;
	max-width: 92%;
	margin: 0 auto;
}

.search-container .search-field {
	display: block;
	border: none;
	background: none;
	width: 100%;
	padding: 25px 0;
	margin-right: 50px;
	font-size: 1.2em;
	color: #222;
}

.search-container .search-button {
	display: block;
	background: none;
	position: absolute;
	top: 65%;
	margin-top: -32px;
	right: 0;
	border: none;
}

.search-container {
	position: relative;
	margin: 70px 0 0;
	display: block;
	width: 100%;
	background: #f3f7ff;
}

.section-inner form {
	display: none;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}


/* Responsive Menu ========================================================================== */

@media screen and (min-width: 768px) {
	/* Site Branding */
	.site-branding {
		text-align: left;
	}
	/* Main Navigation */
	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}
	.site-branding {
		float: left;
	}
	.main-navigation {
		width: 75%;
		float: right;
	}
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation>div>ul {
		display: block;
	}
	.main-navigation ul {
		background: transparent;
		padding: 0;
	}
	.main-navigation>div>ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}
	.main-navigation li {
		border: 0;
		display: inline-block;
	}
	.main-navigation li li {
		display: block;
		text-align: justify;
	}
	.main-navigation a {
		padding: 1.9em 1.25em 1.75em;
		font-size: 14px;
	}
	.main-navigation ul ul {
		background: #fff;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}
	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}
	.main-navigation ul ul li:hover>ul,
	.main-navigation ul ul li.focus>ul {
		left: 100%;
		right: auto;
	}
	.main-navigation ul ul a {
		padding: 1em 1.25em;
		width: 16em;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.main-navigation ul>ul>li>a:last-of-type {
		border-bottom: 0;
	}
	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #ececec;
		text-indent: 10px;
	}
	.main-navigation li li.focus>a,
	.main-navigation li li:focus>a,
	.main-navigation li li:hover>a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #222;
	}
	.main-navigation ul li:hover>ul,
	.main-navigation ul li.focus>ul {
		left: 0.5em;
		right: auto;
	}
	.main-navigation .menu-item-has-children>a>.icon,
	.main-navigation .page_item_has_children>a>.icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}
	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}
	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}
	.main-navigation .desktop-dropdownsymbol {
		position: absolute;
		top: 50%;
		right: -4px;
		margin-top: -6px;
		color: #3e3b3b;
		display: block;
	}
	.main-navigation li:hover i::before {
		display: inline-block;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.dropdown-toggle {
		padding: 0.5em;
	}
}

@media only screen and (max-width: 768px) {
	.site-branding {
		max-width: 70%;
		float: left;
		text-align: left;
	}
	.hero img {
		width: 100% !important;
		height: 70px !important;
	}
	.dropdown-toggle {
		display: block;
	}
	.menu-toggle {
		width: auto;
		display: inline-block;
		float: right;
		text-align: right;
		color: #fff;
		font-weight: 400;
		padding: 19px 0;
	}
	button.menu-toggle:before {
		font-family: fastest;
		content: '\e801';
		font-weight: normal;
		font-size: 24px;
		padding: 0 5px 0 0;
		vertical-align: middle;
		display: inline-block;
		margin: -3px 0 0;
	}
	.dropdown-toggle.toggled-on .icon-down.dropdownsymbol:before {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.main-navigation {
		display: block;
		clear: none;
		margin: 70px 0 0;
		background: #ececec;
	}
	.main-navigation a {
		color: #222 !important;
	}
	.main-navigation .menu {
		display: none;
	}
	.main-navigation.toggled-on .menu {
		display: block;
		text-align: initial;
	}
	.main-navigation ul {
		text-align: initial;
	}
	.main-navigation.toggled-on ul ul a {
		background-color: #ececec;
	}
	.main-navigation.toggled-on .sub-menu {
		display: none;
	}
	.main-navigation.toggled-on .sub-menu.toggled-on {
		display: block;
	}
}


/*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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,
.wrap:before,
.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,
.wrap:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}


/*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/

.widget-area {
	min-width: 300px;
	max-width: 300px;
	width: 30%;
	float: right;
	margin: 0 0 0 40px;
}

.widget {
	margin: 0 0 3em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget-area .widget ul {
	padding: 0;
}

.widget-area .widget li {
	list-style-type: none;
	font-size: 15px;
}


/* Comment Widget Styling */

ul#recentcomments {
	margin: 0;
	padding: 0;
	counter-reset: cell-widget-recent-entries-counter;
}

ul#recentcomments li {
	margin: 0 0 20px 30px;
	text-indent: -30px;
}

ul#recentcomments li:before {
	content: counter(cell-widget-recent-entries-counter)".";
	counter-increment: cell-widget-recent-entries-counter;
	color: #666;
	padding: 0 10px 0 0;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 22px;
}


/* Recent Post With Thumbnail Widget */

.fastest-widget-list a {
	display: block;
	min-height: 100px;
	position: relative;
}

.fastest-widget-list .post-icon {
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}

.fastest-widget-list .post-icon img {
	display: block;
	border-radius: 3px;
}

.fastest-widget-list .post-icon .icon-doc {
	font-size: 2em;
	text-align: center;
	position: absolute;
	top: 10%;
	margin-top: 0;
	left: 0;
	right: 0;
}

.fastest-widget-list .inner {
	padding-left: 100px;
}

.fastest-widget-list .title {
	line-height: 140%;
	font-weight: 400;
	color: #111;
	margin: 0;
	padding: 5px 0 5px;
	font-size: 15px;
}

.fastest-widget-list .meta {
	margin-top: 3px;
	font-size: 0.75em;
	font-weight: 400;
	text-transform: capitalize;
	color: #888;
}

.fastest-widget-list .excerpt {
	margin-top: 3px;
	color: #666;
	line-height: 130%;
}

.fastest-widget-list p.title,
.fastest-widget-list p.meta {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.fastest-widget-list>li a:hover p.title {
	padding: 5px 0 5px 5px;
}

.fastest-widget-list>li a:hover p.meta {
	padding: 0 0 0 5px;
}

h4.widgettitle,
h4.widget-title,
h2.widget-title  {
	font-size: 1.250rem;
	text-align: right;
	border-bottom: 2px solid #26519e;
	margin: 0 0 30px;
	padding: 0 0 10px;
}

h4.widgettitle:after,
h4.widget-title:after,
h2.widget-title:after {
	border-bottom: 2px solid #ececec;
	content: '';
	display: block;
	width: 55%;
	margin: 10px 0 -12px;
}


/* Recent Post With Thumbnail Widget */

.recentcomments a {
	color: #545454;
}


/*-------------------------------------------------------------- ## Search From --------------------------------------------------------------*/

.widget .search-form {
	display: inline-block;
	position: relative;
	width: 100%;
}

.widget .search-form input {
	width: 100%;
	display: inline-block;
	padding: 10px;
	border: 2px solid #ececec;
}

.widget .search-form button {
	position: absolute;
	top: 0;
	right: 0%;
	border: none;
	background: #fff0;
	padding: 16px 10px 0 0;
	line-height: 0;
	font-size: 14px;
}

.icon-search {
	color: #212b35;
}


/*-------------------------------------------------------------- # Content --------------------------------------------------------------*/

.content-area {
	width: 67%;
	float: left;
}

@media only screen and (max-width: 1100px) {
	.content-area {
		width: 65%;
	}
}


/*-------------------------------------------------------------- ## Breadcrumb --------------------------------------------------------------*/

.breadcrumb {
	font-size: 13px;
}

span.seperator {
	padding: 0 3px;
}

span.seperator:last-child {
	display: none;
}

.breadcrumb,
.breadcrumb a {
	color: #777;
	margin: 0 0 20px;
}


/*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/

h1.entry-title {
	font-size: 2.375rem;
	line-height: 1.2;
	color: #212b35;
	margin: 0;
}

h1.entry-title:after {
	content: '';
	display: block;
	background: #ececec;
	height: 2px;
	margin: 30px 0 10px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0 0 25.5px;
}

.entry-content h2:before,
.entry-content h3:before,
.entry-content h4:before,
.entry-content h5:before,
.entry-content h6:before {
	border-top: 2px solid #ececec;
	display: block;
	width: 100%;
	content: '';
	margin: 0 0 25.5px;
}

.entry-meta,
.entry-meta a {
	font-size: 13px;
	color: #777;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 2.5em;
}

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

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

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


/* Homepage Exceprt Design */

.entry-header-wrapper {
	width: 100%;
}

.home-thumb {
	width: 30%;
	float: left;
}

.home-thumb figure {
	margin: 0;
}

.home-content {
	width: 65%;
	float: right;
}

.home-content .entry-title,
.home-content .entry-content {
	margin: 0;
}

.home-content .entry-title {
	line-height: 1.2;
	font-size: 1.8rem;
}

h2.entry-title a {
	color: #212b35;
}

.home-content .entry-meta,
.home .entry-meta,
.archive .entry-meta,
.search-page .entry-meta {
	padding: 20px 0 5px;
	font-size: 13px;
	line-height: 1;
}

.entry-header-wrapper {
	width: 100%;
	margin: 0;
	display: inline-block;
}

.home-content .entry-content p {
	font-size: 15px;
	font-size: 0.938em;
	line-height: 1.625;
}

.home-below-featured {
	margin: 0 0 5rem;
	text-align: center;
	float: none;
	clear: both;
}

.content-area p,
.content-area li,
.content-area address,
.content-area code,
.content-area pre {
	line-height: 1.825;
	font-size: 17px;
	font-size: 1.0625rem;
}

.posted-on:before {
	content: '\e800';
	font-family: fastest;
	padding: 0 4px 0 0;
}

span.byline:before {
	font-family: fastest;
	content: '\f2c0';
	padding: 0 2px 0 15px;
	font-size: 13px;
	vertical-align: top;
}

span.comments:before {
	font-family: fastest;
	content: '\f0e5';
	padding: 0 2px 0 15px;
	font-size: 13px;
	vertical-align: top;
}

span.cat-links,
span.tags-links {
	font-size: 14px;
	display: inline-block;
}

span.cat-links:before {
	font-family: fastest;
	content: '\f114';
	padding: 0 5px 0 0;
	font-size: 13px;
	vertical-align: text-bottom;
}

span.tags-links:before {
	font-family: fastest;
	content: '\e802';
	padding: 0 5px 0 15px;
	font-size: 13px;
	vertical-align: text-bottom;
}

@media only screen and (max-width: 628px) {
	.home-content {
		width: auto;
		float: none;
	}
	header.entry-header.notsingle {
		float: right;
		width: 65%;
	}
	.entry-header-wrapper .entry-content {
		width: 100%;
		display: inline-block;
	}
}

@media only screen and (max-width: 600px) {
	.home-content .entry-title {
		line-height: 1.2;
		font-size: 1.6rem;

	}
}


/*-------------------------------------------------------------- ## Search Page --------------------------------------------------------------*/

.search h1.page-title {
	text-align: center;
	margin: 0 0 50px;
	display: inline-block;
}

.search h1.page-title:after {
	display: block;
	content: '';
	border-bottom: 12px solid #ececec;
	margin: -14px 0 0;
}


/*-------------------------------------------------------------- ## Archive Pages --------------------------------------------------------------*/

h1.archive-title {
	margin: 0 0 50px;
}

.archive-description {
	background: #ececec;
	margin: -20px 0 50px;
	padding: 40px 50px;
	border-radius: 3px;
}


/*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/

div#respond {
	margin: 40px 0 0;
}

h4.comments-title {
	text-align: center;
	font-size: 2.0rem;
	margin: 40px 0;
}

h3#reply-title {
	text-align: center;
	font-size: 39px;
}

h3#reply-title small {
	font-size: 100%;
}

h3#reply-title small a:before {
	content: '|';
	font-weight: normal;
	padding: 0 15px 0 10px;
	color: #000;
}

p.comment-notes {
	text-align: center;
	font-size: 15px;
}

.bypostauthor {
	display: block;
}

.comment-list {
	padding: 0;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-list li.comment {
	margin: 0 0 40px;
	background: #f7f7f7;
	padding: 40px 30px;
	list-style-type: none;
}

.comment-list ul.children li {
	margin: 40px 0 0;
	padding: 0;
}

.comment-author img {
	border-radius: 100%;
	margin: 0 0 -34px;
}

.comment-metadata {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 15px;
}

span.reply a {
	position: absolute;
	top: 10px;
	right: 0;
	border: 1px solid #ececec;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 12px;
	color: #fff;
}

.commentmetadata p {
	margin: 30px 0 0 94px;
	font-size: 15px;
}

.comment-form-cookies-consent label {
    padding: 0 0 0 10px;
}


/*-------------------------------------------------------------- ## Entry Footer --------------------------------------------------------------*/

footer.entry-footer a {
	color: #666;
}


/*-------------------------------------------------------------- ## Author Bio --------------------------------------------------------------*/


/* Media Object */

.media {
	display: flex;
	align-items: flex-start;
}

.media-figure {
	display: inline-block;
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
}

.media-figure img {
	border-radius: 100%;
}

.media-body {
	display: inline-block;
	float: none;
	clear: both;
	width: 100%;
}


/* Author Box Styles */

.author-box {
	background: #f7f7f7;
	padding: 50px 50px 24.5px;
	border-radius: 3px;
	display: block;
}

.author-box h4 {
	text-align: center;
	font-size: 2rem;
}

.author-box h4 a {
	color: #212b35;
}

.author-box p {
	font-size: 15px;
}


/*-------------------------------------------------------------- # Pagination --------------------------------------------------------------*/

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

.nav-links {
	text-align: center;
	padding: 0 0 50px;
}

.nav-links span,
.nav-links a {
	list-style-type: none;
	display: inline-block;
}

.nav-links span,
.nav-links a,
.nav-previous a,
.nav-next a,
.comment-reply-link  {
	border-radius: 3px;
	padding: 10px 15px;
	margin: 0 5px;
	font-size: 14px;
	color: #666;
	border: 2px solid #d6d6d6;
}

.page-numbers.current,
.nav-links span:hover,
.nav-links a:hover {
	color: #fff;
}

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

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

.nav-previous {
	float: left;
}

.nav-previous {
	float: right;
}

.nav-previous a,
.nav-next a {
	color: #fff;
	border: 1px solid #26519e;
	padding: 8px 12px;
	border-radius: 3px;
	background: #26519e;
	width: auto;
	display: inline-block;
}

.nav-previous a:hover,
.nav-next a:hover,
.comment-reply-link:hover,
.form-submit input:hover {
	color: #424242;
	background: rgba(0, 0, 0, 0);
	background: transparent;
}


/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/

footer#colophon {
	margin: 30px 0 0;
}

.site-info {
	display: inline-block;
	width: 100%;
	line-height: 1;
	padding: 30px 0 20px;
	margin: 0;
	font-size: 15px;
}

.site-info p {
	margin: 0;
	font-size: 15px;
}


/*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.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%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
	display: inline-block;
}

a.logo-is-here img {
	padding: 5px 0;
}


/*-------------------------------------------------------------- ## 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.4075em 0;
	font-size: 14px;
}

.wp-caption-text {
	text-align: center;
}


/*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

@media only screen and (max-width: 1023px) {
	.content-area {
		width: 62%;
	}
}

@media only screen and (max-width: 960px) {
	.content-area {
		width: 100%;
	}
	.widget-area {
		margin: 0 auto;
		clear: both;
		float: none;
	}
}

@media only screen and (max-width: 1200px) {
	body {
		font-size: 15px;
	}
	.home .site-inner {
		padding: 0 10px 0;
	}
}

@media only screen and (max-width: 860px) {
	.one-sixth.first {
		margin: 0 0 30px 0;
	}
	.one-sixth {
		width: 32%;
		margin: 0 0 30px 1%;
	}
}

@media only screen and (max-width: 640px) {
	.one-sixth.first {
		margin: 0 0 20px 0;
	}
	.one-sixth {
		width: 49%;
		margin: 0 0 20px 1%;
	}
	.site-footer {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.625;
		padding: 20px;
	}
	.site-footer span {
		padding: 0;
	}
}

@media only screen and (max-width: 299px) {
	.one-sixth.first {
		margin: 0 0 15px 0;
	}
	.one-sixth {
		width: 100%;
		margin: 0 0 15px 0;
	}
}


/*-------------------------------------------------------------- # Social Media Buttons --------------------------------------------------------------*/

.social-box {
	display: block;
	margin: 0 0 40px;
}

a.col-2.sbtn span {
	display: none;
}

a.col-1.sbtn {
	width: 25%;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	padding: 11px 10px;
	color: #fff;
	margin: 0;
	font-size: 15px;
}

.entry-content a.col-1.sbtn:hover,
.entry-content a.col-2.sbtn:hover {
	color: #fff;
}

a.col-1.sbtn span {
	margin: 0 0 0 15px;
}

a.col-1.sbtn span.smhide {
	margin: 0 -10px 0 10px;
}

a.col-2.sbtn {
	width: 50px;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	padding: 10px;
	color: #fff;
	line-height: 1.825 !important;
}

.s-twitter {
	background: #03A9F4;
}

.s-twitter::before {
	font-family: fastest;
	content: '\f099';
}

.s-twitter:hover {
	background: #0093d6;
}

.s-facebook {
	background: #3F51B5;
}

.s-facebook::before {
	font-family: fastest;
	content: '\f09a';
}

a.col-1.sbtn.s-facebook:hover {
	background: #2f409f;
}

.s-googleplus {
	background: #F44336;
}

.s-googleplus::before {
	font-family: fastest;
	content: '\f1a0';
}

.s-googleplus:hover {
	background: #c82c21;
}

.s-whatsapp {
	background: #4CAF50;
}

.s-whatsapp::before {
	font-family: fastest;
	content: '\f232';
}

a.col-2.sbtn.s-whatsapp:hover {
	background: #3d9440;
}

.s-linkedin {
	background: #1a7baa;
}

.s-linkedin::before {
	font-family: fastest;
	content: '\f0e1';
}

a.col-2.sbtn.s-linkedin:hover {
	background: #136288;
}

.s-pinterest {
	background: #bd081c;
}

.s-pinterest::before {
	font-family: fastest;
	content: '\f231';
}

a.col-2.sbtn.s-pinterest:hover {
	background: #a10718;
}

.s-buffer {
	background: #ced7df;
}

.s-buffer::before {
	font-family: fastest;
	content: '\e804';
}

a.col-2.sbtn.s-buffer:hover {
	background: #c3c5c8;
}

@media only screen and (max-width: 1200px) {
	a.col-1.sbtn {
		width: 28.5%;
		display: inline-block;
		text-align: center;
		border-radius: 50px;
		padding: 10px;
		color: #fff;
		font-size: 15px;
	}
}

@media only screen and (max-width: 1124px) {
	a.col-1.sbtn {
		width: 22.5%;
	}
	a.col-1.sbtn span.smhide {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	a.col-1.sbtn {
		width: 46px;
	}
	a.col-1.sbtn span {
		display: none;
	}
}

@media only screen and (max-width: 448px) {
	a.col-1.sbtn,
	a.col-2.sbtn {
		width: 40px;
		height: 40px;
	}
	a.col-1.sbtn,
	a.col-2.sbtn {
		font-size: 14px;
		padding: 8.5px;
	}
}


/*-------------------------------------------------------------- # Featured Post --------------------------------------------------------------*/

.home-featured {
	margin: 0 0 70px;
	display: inline-block;
}

.vkp-featured-content,
.vkp-featured-data {
	overflow: hidden;
	padding: 0;
}

.vkp-featured-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	background: -moz-linear-gradient(to bottom, #0000 0, #0006 0%, #000 100%);
	background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
	background: linear-gradient(to bottom, #0000 0, #0000 0%, #000 100%);
	top: 0;
}

.vkp-featured-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.vkp-featured-title h2 {
	position: absolute;
	bottom: 0;
}

.vkp-featured-title h2 a {
	color: #fff;
}

.vkp-featured-it img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top center;
}

.vkp-featured-content:hover .vkp-featured-it img {
	background: #202020 !important;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.vkp-featured-content.small,
.vkp-featured-content.small .vkp-featured-it img {
	height: 230px;
}

.vkp-featured-content.large,
.vkp-featured-content.large .vkp-featured-it img {
	height: 460px;
}

.vkp-featured-content h2 {
	font-size: 1.2rem;
	padding: 0 30px 30px;
}

.vkp-featured-content.large h2 {
	font-size: 1.8rem;
}

.home-featured .row .small:nth-of-type(1),
.home-featured .row .small:nth-of-type(2) {
	padding: 0 0 10px 10px;
}

.home-featured .row .small:nth-of-type(3),
.home-featured .row .small:nth-of-type(4) {
	padding: 10px 0 0 10px;
}

.col-xs-6,
.col-sm-6 {
	position: relative;
	min-height: 1px;
	display: inline-block;
}

@media only screen and (min-width: 768px) {
	.col-sm-6 {
		float: left;
	}
	.col-sm-6 {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	.home-featured {
		display: block;
	}
	.vkp-featured-content.large {
		width: 100%;
		margin: 0 0 1%;
	}
	.vkp-featured-content.small {
		width: 49%;
		float: left;
	}
	.home-featured .row .small:nth-of-type(1) {
		margin: 0 1% 1% 0;
		padding: 0;
	}
	.home-featured .row .small:nth-of-type(2) {
		margin: 0 0 1% 1%;
		padding: 0;
		float: right;
	}
	.home-featured .row .small:nth-of-type(3) {
		margin: 0 1% 1% 0;
		padding: 0;
	}
	.home-featured .row .small:nth-of-type(4) {
		margin: 0 0 1% 1%;
		padding: 0;
		float: right;
	}
}

@media only screen and (max-width: 400px) {
	.home-featured {
		display: block;
	}
	.vkp-featured-content.small {
		width: 100%;
		float: none;
	}
	.home-featured .row .small:nth-of-type(1),
	.home-featured .row .small:nth-of-type(2),
	.home-featured .row .small:nth-of-type(3),
	.home-featured .row .small:nth-of-type(4) {
		margin: 0 0 1% 0;
		padding: 0;
	}
}