/*
Theme Name: spase
Theme URI: http://demo.wphash.com/spase/
Author: Shopify-Themes
Author URI: http://hastech.company/
Description: Spase - Business and Coworking  WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spase
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
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.
spase is based on WPHash Starter theme http://wphash.com/.

*/

html {
    font-family: sans-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 {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
a,
img,
input {
    transition: all 0.3s ease 0s;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    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: 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,
textarea {
    color: #404040;
    font-size: 16px;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
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 http://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. */
}
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 3em;
}
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: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}
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 {
    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;
}
select {
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
}
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;
}
textarea {
    padding: 10px;
    width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #555;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation li:hover > a,
.main-navigation ul ul:hover > a,
.main-navigation ul ul a:hover,
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}
/* 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;
    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;
    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 1.5em;
}
/* Make sure select elements fit in widgets. */

.widget select {
    height: 36px;
    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: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## 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;
}
.single-footer .wp-caption-text {
    color: #fff;
    text-align: center;
}
.single-footer .textwidget p {
    color: #fff;
}
/*--------------------------------------------------------------
## 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;
}
/*=========== Default CSS =============*/
/*--------------------------------------------------------------
# Transition 
--------------------------------------------------------------*/

a,
img,
.img,
.btn,
input,
select,
textarea {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
/*--------------------------------------------------------------
# Selection
--------------------------------------------------------------*/

*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
/*--------------------------------------------------------------
# Placeholder
--------------------------------------------------------------*/

*::-moz-placeholder {
    color: #444;
}
::-moz-placeholder {
    color: #444;
}
::placeholder {
    color: #444;
}
/*--------------------------------------------------------------
# Browser Upgrade
--------------------------------------------------------------*/

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*--------------------------------------------------------------
# Theme Default
--------------------------------------------------------------*/

html,
body {
    height: 100%;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}
a {
    text-decoration: none;
}
a:hover,
a:active {
    color: #03A9F4445;
    text-decoration: none;
    outline: 0 none;
}
a:focus {
    outline: none !important
}
ul,
ol {
    margin: 0;
    padding: 0
}
p {
    margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}
/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/

.page-header {
    margin: 0 0 20px;
}
/*--------------------------------------------------------------
# Helper css
--------------------------------------------------------------*/

.clear {
    clear: both
}
.fix {
    overflow: hidden;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px
}
.uppercase {
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize
}
img,
.img {
    max-width: 100%;
    height: auto;
}
.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}
/* ------------------------------------------------------------------------------------

NOTE: This is Header style file. All Header related style included in this file.

--------------------------------------------------------------------------------------*/
/*-------------------------------- 
# Top bar menu
----------------------------------*/

.header-top-area {
    padding: 15px 0;
    background: #444 none repeat scroll 0 0;
}
.header-info span {
    font-weight: 500;
}
.top-bar-left-content a,
.header-info a {
    color: #fff;
}
.header-info span {
    position: relative;
}
.header-info span + span {
    margin-left: 8px;
    padding-left: 8px;
}
.header-info span + span::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 1px;
}
/*-------------------------------- 
# Top bar left side menu
----------------------------------*/

.top-bar-left-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-bar-left-menu ul li {
    display: inline-block;
}
.top-bar-left-menu ul li a {
    padding: 5px 10px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
}
.top-bar-left-content a:hover,
.header-info a:hover,
.header-social ul li a:hover,
.top-bar-left-menu ul li a:hover {
    color: hsl(271, 64%, 27%);
}
.top-bar-left-content {
    color: #fff;
}
.top-bar-left-content p {
    margin-bottom: 0;
}
section.breadcrumbs-area::before {
    background: hsl(0, 0%, 0%) none repeat scroll 0 0;
    opacity: 0.6;
}
/*-------------------------------- 
# Header Top Social icons
----------------------------------*/

.header-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-social ul li {
    display: inline-block;
}
.header-social ul li a {
    color: hsl(0, 0%, 10%);
    font-size: 15px;
    margin-left: 10px;
}
.header_social_area {
    margin-left: 40px;
    margin-top: 42px;
}
.header-social.text-white > a {
    color: #fff;
}
.menu-middle-area {
    border-top: 1px solid #ddd;
}
.header-social ul li + li {
    margin-left: 15px;
}
/*-------------------------------- 
# Header Search
----------------------------------*/

.header-search {
    margin: 29px 0;
}
.header-search form {
    display: block;
    position: relative;
}
.header-search form input {
    border: 1px solid #ddd;
    height: 40px;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    width: 250px;
}
.header-search form button {
    background-color: transparent;
    border: 0 none;
    color: #999;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.header-search form button i {
    display: block;
    line-height: 38px;
}
.header-search form button:hover {
    color: #461870;
}
/*================= Header Style One ===============*/

.site-title a {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    display: block;
}
.header-menu-wrap {
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.header-menu-wrap.logo-left {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.header-menu-wrap.logo-center {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}
.header-menu-wrap.logo-right {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.header-menu-wrap.logo-left-top {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.header-menu-wrap.logo-center-top {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}
.header-menu-wrap.logo-right-top {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
.header-menu-wrap.logo-center,
.header-menu-wrap.logo-left-top,
.header-menu-wrap.logo-center-top,
.header-menu-wrap.logo-right-top {
    padding-top: 15px;
}
.primary-nav-wrap ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.primary-nav-wrap ul li {
    list-style: spase none none;
}
.primary-nav-wrap ul li + li {
    margin-left: 40px;
}
.primary-nav-wrap ul li a {
    display: block;
    height: 85px;
    line-height: 85px;
    transition: 0.3s;
}
.primary-nav-wrap ul li a {
    color: #464646;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    transition: 0.3s;
}
/*--- Menu Effect --*/

.primary-nav-wrap.nav-effect-1 > nav > ul > li > a::before {
    background-color: #461870;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transition: all 0.3s ease 0s;
}
.primary-nav-wrap.nav-effect-1 > nav > ul > li > a::before {
    bottom: 0;
}
.primary-nav-wrap.nav-effect-1 > nav > ul > li:hover > a::before,
.primary-nav-wrap.nav-effect-1 > nav > ul > li.active > a::before,
.primary-nav-wrap.nav-effect-1 > nav > ul > li.current_page_item > a::before {
    transform: scaleX(1);
}
.primary-nav-wrap > nav > ul > li:hover > a,
.primary-nav-wrap > nav > ul > li.current_page_item > a {
    color: #461870;
}
/*================ Header Style Two ======================*/

.header-style-3 .header-menu-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.header-style-3 .header-menu-wrap > div {
    width: 100%;
}
.header-style-3 .primary-nav-wrap ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    transition: 0.3s;
}
.header-style-3 .primary-nav-wrap ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    transition: 0.3s;
}
.header-style-3 .header-menu-wrap .site-title {
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-mid-inner.logo-left-search-right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}
.header-menu-wrap .site-description {
    line-height: 1;
    margin: 0;
    transition: 0.3s;
}
.header-menu-wrap .site-title h3 {
    line-height: 1;
    margin-bottom: 7px;
    transition: 0.3s;
}
/* Separetor */

.hr-style-1 {
    border-bottom: 1px solid #e7e7e7;
}
/* Header Transparent */

.header-area.header-transparent {
    background: transparent none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 9999;
}
.header-area.header-transparent {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
}
/* stiky */

.header-area {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.header-area.sticky {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.logged-in .header-area.sticky {
    top: 32px;
}
.header-area.header-style-2.header-sticky.sticky {
    left: inherit;
    position: static;
    top: inherit;
    width: auto;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.logged-in .header-area.header-style-2.header-sticky.sticky .header-buttom {
    top: 32px;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom .site-title.hidden {
    display: block !important;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom .sticky_menu_logo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-start;
}
.sticky_menu_logo .site-title.hidden {
    padding: 0;
    padding-right: 50px;
}
/* Header Menu Style */

.primary-nav-wrap .sub-menu {
    background: #ddd none repeat scroll 0 0;
    height: auto;
    left: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    width: 250px;
    opacity: 0;
    visibility: hidden;
}
.primary-nav-wrap ul > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 550;
}
.primary-nav-wrap ul li {
    position: relative;
}
.primary-nav-wrap .sub-menu > li {
    display: block;
    margin: 0;
    width: 100% !important;
}
.primary-nav-wrap .main-menu ul.sub-menu {
    display: block;
}
.primary-nav-wrap .main-menu ul.sub-menu li {
    display: block;
}
.primary-nav-wrap .main-menu ul.sub-menu li + li {
    border-top: 1px solid #333;
}
.primary-nav-wrap .main-menu .sub-menu > li > a {
    height: 36px;
    line-height: 34px;
    padding: 0 15px;
}
.primary-nav-wrap .main-menu .sub-menu > li:hover > a {
    background-color: #333;
    color: #fff;
}
.primary-nav-wrap .main-menu ul.sub-menu li .sub-menu {
    left: 100%;
    top: 5px !important;
}
.primary-nav-wrap ul > li.last-elements .main-menu ul.sub-menu li .sub-menu {
    left: auto;
    right: 100%;
    top: 0 !important;
}
/*-- Mobile Menu --*/

.mean-bar {
    background-color: transparent;
    min-height: auto;
    padding: 0;
    z-index: 9;
}
.mobile-menu .mean-nav ul li {
  padding: 0 0 0 15px;
}
/*-- Menu Open/Close Button --*/

a.meanmenu-reveal {
    height: auto;
    line-height: 1;
    padding: 0;
    top: -54px;
    width: auto;
}
a.meanmenu-reveal:hover,
a.meanmenu-reveal:focus {
    color: #461870;
    outline: medium none;
}
a.meanmenu-reveal i {
    display: block;
    font-size: 25px;
    line-height: 28px;
    width: 30px;
}
/*-- Mobile Menu Nav --*/

.mean-nav {
    background-color: transparent;
    margin: 0;
}
.mean-nav a.mean-expand {
    border: medium none !important;
    color: #464646 !important;
    font-size: 18px !important;
    height: 36px;
    line-height: 36px;
    padding: 0 !important;
    text-align: center;
    width: 30px !important;
}
.mean-nav a.mean-expand:hover {
    color: #461870 !important;
}
}
.mean-nav a.mean-clicked {
    font-size: 22px !important;
}
.mean-nav > ul {
    float: left;
    padding: 15px 0;
}
.mean-nav > ul > li > a {
    border-color: #eee;
    color: #464646;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    padding: 6px 30px 6px 0;
}
.mean-nav > ul > li > a:hover,
.mean-nav > ul > li.current_page_item > a {
    color: #461870;
}
/*-- Mobile Sub & Mega menu --*/

.mean-nav .main-menu .sub-menu,
.mean-nav .mega-menu {
    box-shadow: none;
    float: left;
    opacity: 1;
    position: static;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    visibility: visible;
    z-index: 1;
}
.mean-nav ul li li {
    margin: 0;
    padding: 0;
}
.mean-nav ul li li a {
    border-color: #eee;
    color: #464646;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    opacity: 1;
    padding: 6px 30px 6px 15px;
    text-transform: uppercase;
    width: 100% !important;
}
.mean-nav .sub-menu li:hover > a {
    color: #464646;
}
.mean-nav .sub-menu li.current_page_item:hover > a {
    color: #461870;
}
.mean-nav ul li li.current_page_item > a,
.mean-nav ul li li > a:hover,
.mean-nav .sub-menu li > a:hover {
    color: #461870;
}
.mean-nav ul li li li a {
    padding: 6px 30px 6px 25px;
}
.mean-nav ul li li li li a {
    padding: 6px 30px 6px 35px;
}
.mean-nav ul li li li li li a {
    padding: 6px 30px 6px 45px;
}
.mean-nav ul li li li li li li a {
    padding: 6px 30px 6px 55px;
}
/*-------------- 10. our-blog-area --------*/

.our-blog-area {
    padding: 122px 0;
}
.site-content .blog-story-area.pt-80 {
    padding: 122px 0 70px;
}
.single-blog {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.bolg-img a {
    position: relative;
    display: block;
}
.bolg-img a::before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-blog:hover .bolg-img a::before {
    opacity: 1;
}
.blog-text {
    padding: 25px 15px;
}
.blog-text h2 a {
    color: #333333;
    font-size: 30px;
    transition: .3s;
}
.blog-text h4 a:hover {
    color: #03A9F4;
}
.blog-date span {
    font-size: 12px;
    margin-right: 10px;
}
.blog-date span i {
    font-size: 14px;
    margin-right: 8px;
}
.blog-text p {
    margin-bottom: 12px;
    margin-top: 6px;
}
.blog-text ol,
.blog-text ul {
    padding-left: 15px;
}
.blog-read-more {
    border: 1px solid #e5e5e5;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    padding: 8px 30px;
    transition: all 0.4s ease 0s;
    text-transform: uppercase;
}
.blog-read-more:hover {
    border-color: #3f3f3f;
}
.single-blog {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
/*-----------blog-story-area--------------- */

.post-breadcrumb-banner-area {
    background-image: url('images/breacrumb-bg.jpg');
    padding: 100px 0;
}
.bg-opacity {
    position: relative;
}
.bg-opacity::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.breadcrumb-text {
    position: relative;
    z-index: 1;
    text-align: center;
}
.breadcrumb-text h1 {
    color: #666;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 38px;
    margin: 0;
    text-transform: uppercase;
}
.post-breadcrumb-banner-area h3 {
    color: #fefefe;
}
.breadcrumb-menu ul li {
    display: inline-block;
    padding: 0 5px;
    text-transform: capitalize;
}
.breadcrumb-menu ul li::after {
    color: #fff;
    content: "/";
    display: inline-block;
    float: right;
    position: relative;
    right: -6px;
    top: 2px;
}
.breadcrumb-menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
/*--------  Breadcrumb style default  -----------*/

.breadcrumbs-area {
    padding: 100px 0;
    background-color: #ededed;
}
.breadcrumbs-area-default .breadcrumbs .page-title,
.breadcrumbs-area-default .breadcrumbs ul,
.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs-area-default .breadcrumbs ul li a {
    color: #fff;
    text-align: left;
}
.breadcrumbs-area.breadcrumbs-bg.breadcrumbs-area-default {
    background: rgba(0, 0, 0, 0) url("images/breadcumb_bg.jpg") no-repeat scroll center center;
}
.breadcrumbs-area-default .breadcrumbs ul li a:hover {
    color: #461870;
}
.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs ul li {
    padding-left: 5px;
    padding-right: 5px;
}
.breadcrumbs-area-default .breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child {
    padding-right: 0px;
}
.breadcrumbs-area-default .breadcrumbs ul li:first-child,
.breadcrumbs ul li:first-child {
    padding-left: 0px;
}
.page-title-search-box.search-left {
    float: left;
}
.page-title-bar {
    overflow: hidden;
}
.page-title-bar.right-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}
.page-title-bar.left-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.breadcrumbs h2.page-title {
    color: #fff;
    font-weight: 600;
    line-height: 38px;
    margin: -2px 0 5px;
    text-transform: uppercase;
}
.page-title-bar-center h2.page-title {
    margin-bottom: 20px;
}
.breadcrumbs ul {
    color: #333;
}
.breadcrumbs li {
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
}
.breadcrumbs ul li a {
    color: inherit;
}
.breadcrumbs ul li {
    color: hsl(0, 0%, 100%);
}
.breadcrumbs ul li a:hover {
    opacity: 0.7;
}
.breadcrumbs ul li a.active::after {
    color: #471a72;
}
.page-title-bar-center .page-title {
    float: inherit;
}
.page-title-bar-center .page-title-search-box > form {
    margin: auto;
}
.pattern-bread h2.page-title {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}
.pattern-bread .breadcrumbs > ul {
    display: inline-block;
    float: right;
    margin-top: 5px;
    color: #fff;
}
.border-bread {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.bg-2.bread-bg {
    background-attachment: fixed;
    background-position: center center;
}
.breadcrumbs-img h2.page-title {
    color: #000;
}
.breadcrumbs-img .breadcrumbs > ul li a {
    color: #fff;
}
.breadcrumbs-img .breadcrumbs > ul li {
    color: #fff;
}
.breadcrumbs-img .breadcrumbs ul li a::after {
    background-color: #000;
}
.page-title-bar.right-title .page-title-search-box,
.page-title-bar.right-title ul {
    float: left;
}
.page-title-search-box button {
    background-color: #471a72;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    height: 100%;
    line-height: 15px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 40px;
}
.page-title-search-box > form {
    width: 250px;
    position: relative;
}
.page-title-search-box input {
    border: 0 none;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}
/* Overlay */

section.breadcrumbs-area {
    position: relative;
    z-index: 1;
}
section.breadcrumbs-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumbs {
    align-items: center;
    justify-content: space-between;
}
.breadcrumbs.breadcrumbs-title-left {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.breadcrumbs.breadcrumbs-title-right {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.breadcrumbs.breadcrumbs-title-center {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.breadcrumbs-title-center .page-title,
.breadcrumbs-title-center .page-title-bar {
    padding: 5px 0;
}
.breadcrumbs-title-center .page-title-search-box {
    margin-top: 10px;
}
.page-area {
    padding: 80px 0;
}
.blog-story-area {
    padding: 80px 0;
}
.blog-img-2 {
    margin-bottom: 30px;
}
.blog-header h1 {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.story-hbtitle p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.story-hbtitle blockquote {
    background: #eee none repeat scroll 0 0;
    border-left: 2px solid #471a72;
    font-size: 14px;
    margin: 10px 0 10px 55px;
}
.tab-info p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}
.meta-info {
    background-color: #ededed;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}
.meta-info span {
    margin-left: 5px;
}
.meta-info span:first-child {
    margin-left: 0;
}
.meta-item i {
    margin-right: 5px;
}
.contact-form p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.contact-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.contact-form textarea {
    border: 1px solid #e8e8e8;
    font-size: 12px;
    font-weight: 500;
    height: 168px;
    margin-bottom: 20px;
    padding: 8px 15px;
    width: 100%;
}
.contact-form input {
    border: 1px solid #e8e8e8;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    margin-bottom: 15px;
    padding: 8px 15px;
    width: 100%;
}
.contact-form button {
    background: #471a72 none repeat scroll 0 0;
    border: 1px solid #471a72;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    transition: all .5s ease 0s;
}
.contact-form button:hover {
    background: #26ccff none repeat scroll 0 0;
    border-color: #26ccff;
}
.post-pagination .pagination {
    margin: 0;
}
.post-pagination ul {
    border-radius: 4px;
    display: inline-block;
}
.post-pagination ul li {
    display: inline;
}
.post-pagination ul li {
    background-color: #fff;
    color: #333;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 4px;
    position: relative;
    text-decoration: none;
}
.post-pagination ul li a {
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #333;
    display: block;
    padding: 0 15px;
}
.post-pagination ul li .current {
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: no-drop;
    display: block;
    padding: 0 15px;
}
.post-pagination ul li:hover a,
.post-pagination ul li .current {
    background: #471a72;
    color: #fff;
    border: 1px solid #471a72;
}
/*---blog commnet form---*/

.comment-form input {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    color: #8f8f8f;
    font-weight: 500;
    height: 36px;
    margin-bottom: 15px;
    padding: 8px 15px;
    width: 100%;
}
.comment-form textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 8px 15px;
    width: 100%;
}
/*---blog commnet---*/

.comment-list {
    list-style: spase none none !important;
}
.comment-list ul.children {
    list-style: spase none none !important;
}
.comment-list ul.children li {
    list-style: spase none none !important;
}
.author-top {
    display: block;
    margin-bottom: 15px;
    position: relative;
}
.author-top .author-comment {
    overflow: hidden;
    padding: 5px 0;
}
.author-top .author-comment .author-name {
    display: block;
    font-weight: 700;
}
.comment-list .author-img {
    float: left;
    margin-right: 10px;
    max-width: 64px;
}
.copy.small a:hover {
    color: #404040;
}
.copy.small a {
    color: #471a72;
    text-decoration: underline;
}
.comment-list .author-comment a {
    margin-right: 5px;
    color: #000;
}
.comment-list .children {
    list-style: none;
}
.comment-list .children {
    margin-left: 35px;
}
.single-comment {
    position: relative;
    margin-bottom: 20px;
}
.author-name {
    display: inline;
}
.author-comment > small {
    font-size: 14px;
}
.commentauthor-area {
    float: left;
    width: 10%;
}
.page-area .commentauthor-area {
    width: inherit;
}
.comment-text.small {
    float: left;
    font-size: inherit;
    padding-left: 15px;
    width: 90%;
}
.comment-text.small h5 {
    margin: 0;
}
.comment-reply-link {
    background: #666 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    padding: 2px 10px;
    position: absolute;
    right: 20px;
    text-transform: capitalize;
    top: 0;
    transition: all 0.5s ease 0s;
}
.comment-reply-link:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.no-comments {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 5px 10px;
}
.blog-info > p {
    font-size: 16px;
    line-height: 24px;
}
/*------------
blog sidebar
------------*/
/* blog-left-area */

.sidebar-widget {
    overflow: hidden;
    margin-bottom: 50px
}
aside.widget-area .sidebar-widget:last-child {
    margin-bottom: 0px
}
.sidebar-widget a {
    color: #333;
}
.sidebar-widget li a:hover {
    color: #471a72;
}
form#search {
    position: relative;
}
form#search input,
#search-2 > input {
    border: 1px solid hsl(0, 0%, 93%);
    border-radius: 7px;
    float: left;
    height: 44px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 0;
    width: 100%;
}
form#search button,
button,
input[type="button"],
#search-2 > input[type="button"] {
    background: hsl(271, 64%, 27%) none repeat scroll 0 0;
    border: 2px solid hsl(271, 64%, 27%);
    border-radius: 0 5px 5px 0;
    color: hsl(0, 0%, 100%);
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    padding: 0 21px 0 19px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 60px;
}
#search-2 > button {
    color: #fff;
}
#search-2 > input {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize;
}
/*========================================*/
/*  Footer Top area
/*========================================*/

.footer-top-area {
    position: relative;
    z-index: 1;
}
.footer-top-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}
.footer-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #fff;
}
.single-footer .footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single-footer .footer-social li {
    display: inline-block;
}
.single-footer .footer-social li a {
    border: 1px solid;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}
.widget_spase_description_widget .single-footer .footer-social li a i {
    line-height: 26px;
}
.single-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-footer ul li {
    color: #fff;
    margin-right: 5px;
    padding: 5px 0;
}
.single-footer ul li a {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.single-footer ul li a:hover {
    opacity: 0.6;
}
.single-footer .footer-social {
    float: left;
}
.single-footer input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    height: 40px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 15px;
}
.single-footer textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    padding-left: 20px;
    width: 100%;
    height: 80px;
}
.single-footer .submit-btn-1 {
    font-size: 14px;
    margin-top: 10px;
    padding: 12px 15px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    transition: all 0.5s ease 0s;
    width: inherit;
}
.single-footer .submit-btn-1:hover {
    color: #ff0300;
    border: 1px solid#ff0300;
}
/*=============================
* Footer Bottom area
=========================*/

.copyright-text p {
    color: #fff;
    margin-bottom: 0;
}
.copyright-text a {
    color: #fff;
}
.footer-social {
    float: right;
}
.footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-bottom ul li {
    display: inline-block;
}
.footer-bottom ul li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    color: #9c9c9c;
    transition: all .5s ease 0s;
}
.footer-bottom ul li a:hover {
    color: #3f3f3f;
}
.footer-bottom .col-sm-6:first-child .copyright-text,
.footer-bottom .col-sm-6:first-child .footer-social {
    float: left;
}
.footer-bottom .col-sm-6:last-child .copyright-text,
.footer-bottom .col-sm-6:last-child .footer-copyright-menu,
.footer-bottom .col-sm-6:last-child .footer-social {
    float: right;
}
.footer-all .footer-icon {
    margin-bottom: 40px;
}
.footer-brief p,
.textwidget p {
    line-height: 28px;
}
/*=============== 
soical share link widget 
===================*/

.solical-links {
    display: block;
}
.solical-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.solical-links ul li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
}
.solical-links ul li a {
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid;
    text-align: center;
}
.footer-bottom .footer-social ul li a:hover {
    color: #3f3f3f;
}
/*************************************
 Custom-content all   
**************************************/

.site-wrapper.boxed-layout {
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    max-width: 1240px;
    width: 100%;
    background: #fff;
}
.boxed-layout .sticky {
    left: auto;
    margin: auto;
    width: 1240px;
}
.boxed-layout .header-area,
.boxed-layout .header-bottom {
    left: auto;
    max-width: 1240px;
    right: auto;
    width: 100%;
    z-index: 9999999;
}
/* Unit test */

article.sticky,
article.tag-sticky-2 {
    border: 1px solid #471a72;
}
.leave-comment-form > ol {
    list-style: outside none none;
}
.story-hbtitle li {
    margin-bottom: 10px;
}
table {
    border: 2px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}
table th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    color: #454545;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    padding: 10px;
    vertical-align: top;
    text-align: center;
}
table th a,
table th a:hover {
    text-decoration: underline;
}
.post-password-form input[type="submit"] {
    background: #471a72 none repeat scroll 0 0;
    border: 1px solid #471a72;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 5px 10px;
}
.post-password-form input[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #471a72;
}
.post-password-form input[type="password"] {
    border-radius: 0;
}
#wp-calendar tbody tr td {
    border-right: 1px solid #ebebeb;
}
#wp-calendar tbody tr td#today {
    background: #471a72 none repeat scroll 0 0;
    color: #fff;
}
.copy ul li {
    list-style: spase none disc;
    margin: 0 0 6px 30px;
}
.copy ul {
    list-style: spase none disc;
    margin: 0 0 26px;
}
.copy ol {
    list-style: spase none decimal;
    margin: 0 0 26px;
}
.copy ol li {
    list-style: spase none decimal;
    margin: 0 0 6px 20px;
}
.copy ul ul,
.copy ul ol,
.copy ol ol,
.copy ol ul {
    margin-bottom: 0;
}
.wp-audio-shortcode {
    margin-bottom: 15px;
}
.story-hbtitle ol li {
    list-style: spase none decimal;
    margin: 0 0 6px;
}
.story-hbtitle ol {
    list-style: spase none decimal;
    margin: 0 0 26px 35px;
}
.story-hbtitle ul {
    list-style: spase none disc;
    margin: 0 0 26px 35px;
}
.story-hbtitle ul li {
    list-style: spase none disc;
    margin: 0 0 6px;
}
.story-hbtitle ul ul,
.story-hbtitle ul ol,
.story-hbtitle ol ol,
.story-hbtitle ol ul,
.entry-content ul ul,
.entry-content ol ol {
    margin-bottom: 0;
}
.entry-content ul,
.entry-content ol {
    margin: 0 0 26px 35px;
}
.entry-content ol li,
.entry-content ul li {
    list-style: spase none decimal;
    margin: 0 0 6px;
}
.footer-area table {
    border: 2px solid #fff;
}
.footer-area caption {
    color: #fff;
}
.footer-area table th {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #fff;
}
.footer-area table td {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #fff;
}
.footer-area table#wp-calendar a {
    color: #fff;
}
.footer-area .widget_tag_cloud .tagcloud a:hover {
    color: #471a72;
}
.footer-area .widget_tag_cloud .tagcloud a {
    color: #fff;
}
.shopping-button button[type="submit"] {
    background: #282828 none repeat scroll 0 0;
    border: 1px solid #282828;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
    padding: 8px 14px;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
}
.shopping-button button[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #3f3f3f;
}
/* Heading font size */

.contact-form h1,
.contact-form h2,
.contact-form h3,
.contact-form h4,
.contact-form h5,
.contact-form h6,
.story-hbtitle h1,
.story-hbtitle h2,
.story-hbtitle h3,
.story-hbtitle h4,
.story-hbtitle h5,
.story-hbtitle h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.copy h1,
.copy h2,
.copy h3,
.copy h4,
.copy h5,
.copy h6 {
    font-weight: 600;
    margin-bottom: 25px;
}
.page-not-found-wrap {
    height: 750px;
    width: 100%;
    background: #f1f1f1;
}
.page-not-found-wrap .container,
.page-not-found-wrap .container .row,
.page-not-found-wrap .container .pnf-inner-wrap,
.page-not-found-wrap .container [class*="col-"] {
    height: 100%;
}
.page-not-found-wrap .container .pnf-inner-wrap {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.pnf-inner img {
    max-height: 350px;
    margin-bottom: 30px;
}
.pnf-inner > h1 {
    color: #333;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.pnf-inner > h2 {
    color: #333;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}
.pnf-inner > p {
    color: #333;
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}
.pnf-inner a.btn {
    background: #333 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    height: 46px;
    line-height: 47px;
    margin-top: 50px;
    padding: 0 27px;
    text-transform: uppercase;
}
.pnf-inner a.btn:hover {
    opacity: 0.6;
}
.slider-text.text-center > a {
    border-radius: 5px;
    display: inline-block;
}
.slider-text.text-center {
    margin-top: -28px;
}
/*KC plugin padding fix*/

.kc-row-container.kc-container {
    padding: 0;
}
.main-menu .sub-menu {
    list-style: outside none none;
    margin-left: 0;
}
.main-menu .sub-menu li a {
    color: #252525;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
    position: relative;
    text-transform: capitalize;
}
.main-menu .sub-menu li a::before {
    background-color: #252525;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 0;
}
/* Main Theme Style  */

body {
    color: #666666;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Lato', sans-serif;
}
.clear {
    clear: both
}
.fix {
    overflow: hidden
}
.block {
    display: block
}
img {
    max-width: 100%;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 9px 0;
    padding: 0;
}
a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:focus {
    text-decoration: none;
}
.single-banner {
    background-position: center center;
    background-size: cover;
}
a:focus,
a:hover {
    color: #471a72;
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0 none;
}
a,
button,
input {
    outline: medium none;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
button {
    border: 0
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}
label {
    font-size: 15px;
    font-weight: 400;
    color: #606060;
}
*::-moz-selection {
    background: #b3d4fc;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    color: #fff;
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
    color: #fff;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}
font-weight: 600;
}
.f-left {
    float: left
}
.f-right {
    float: right
}
p {
    color: #888;
    font-family: "Lato",
    sans-serif;
    font-size: 14px;
    line-height: 26px;
}
ul,
ol {
    margin: 0 12px;
    padding: 0;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    
    color: #969696;
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #969696;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
:-ms-input-placeholder {
    /* IE 10+ */
    
    color: #969696;
}
:-moz-placeholder {
    /* Firefox 18- */
    
    color: #969696;
}
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.banner-area {
    background: rgba(0,
    0,
    0,
    0) url("../img/banner/article.jpg") no-repeat scroll center center / cover;
    position: relative;
    width: 100%;
    z-index: 1;
}
.banner-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    content: "";
    background: rgba(0,
    0,
    0,
    0.15);
    z-index: 9;
}
.banner-content {
    padding: 112px 0 193px;
}
.banner-content h2 {
    font-size: 36px;
    color: #fff;
    font-family: 'Open Sans',
    sans-serif;
    font-weight: 400;
    text-transform: capitalize;
}
.banner-breadcrumb ul li {
    display: inline-block;
    padding: 30px 0;
}
.banner-breadcrumb ul li a,
.banner-breadcrumb ul li {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans',
    sans-serif;
    font-style: italic;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.banner-breadcrumb ul li:hover a {
    color: #471A72
}
/*************************
     Basic margin padding
*************************/

.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
        Margin top
*************************/

.mt-0 {
    margin-top: 0
}
.mt-10 {
    margin-top: 10px
}
.mt-15 {
    margin-top: 15px
}
.mt-20 {
    margin-top: 20px
}
.mt-23 {
    margin-top: 23px
}
.mt-25 {
    margin-top: 25px
}
.mt-30 {
    margin-top: 30px
}
.mt-35 {
    margin-top: 35px
}
.mt-40 {
    margin-top: 40px
}
.mt-45 {
    margin-top: 45px
}
.mt-50 {
    margin-top: 50px
}
.mt-55 {
    margin-top: 55px
}
.mt-60 {
    margin-top: 60px
}
.mt-65 {
    margin-top: 65px
}
.mt-70 {
    margin-top: 70px
}
.mt-75 {
    margin-top: 75px
}
.mt-80 {
    margin-top: 80px
}
.mt-85 {
    margin-top: 85px
}
.mt-90 {
    margin-top: 90px
}
.mt-95 {
    margin-top: 95px
}
.mt-96 {
    margin-top: 96px
}
.mt-100 {
    margin-top: 100px
}
.mt-105 {
    margin-top: 105px
}
.mt-110 {
    margin-top: 110px
}
.mt-115 {
    margin-top: 115px
}
.mt-120 {
    margin-top: 120px
}
.mt-125 {
    margin-top: 125px
}
.mt-130 {
    margin-top: 130px
}
.mt-135 {
    margin-top: 135px
}
.mt-140 {
    margin-top: 140px
}
.mt-145 {
    margin-top: 145px
}
.mt-150 {
    margin-top: 150px
}
.mt-157 {
    margin-top: 157px
}
.mt-195 {
    margin-top: 195px
}
/*************************
      Margin right
*************************/

.mr-0 {
    margin-right: 0px
}
.mr-2 {
    margin-right: 2px
}
.mr-10 {
    margin-right: 10px
}
.mr-15 {
    margin-right: 15px
}
.mr-20 {
    margin-right: 20px
}
.mr-30 {
    margin-right: 30px
}
.mr-40 {
    margin-right: 40px
}
.mr-50 {
    margin-right: 50px
}
.mr-60 {
    margin-right: 60px
}
.mr-70 {
    margin-right: 70px
}
.mr-80 {
    margin-right: 80px
}
.mr-90 {
    margin-right: 90px
}
.mr-100 {
    margin-right: 100px
}
.mr-110 {
    margin-right: 110px
}
.mr-120 {
    margin-right: 120px
}
.mr-130 {
    margin-right: 130px
}
.mr-140 {
    margin-right: 140px
}
.mr-150 {
    margin-right: 150px
}
/*************************
    Margin bottom
*************************/

.mb-0 {
    margin-bottom: 0px
}
.mb-2 {
    margin-bottom: 2px
}
.mb-5 {
    margin-bottom: 5px
}
.mb-10 {
    margin-bottom: 10px
}
.mb-15 {
    margin-bottom: 15px
}
.mb-20 {
    margin-bottom: 20px
}
.mb-23 {
    margin-bottom: 23px
}
.mb-25 {
    margin-bottom: 25px
}
.mb-30 {
    margin-bottom: 30px
}
.mb-33 {
    margin-bottom: 33px
}
.mb-35 {
    margin-bottom: 35px
}
.mb-38 {
    margin-bottom: 38px
}
.mb-40 {
    margin-bottom: 40px
}
.mb-45 {
    margin-bottom: 45px
}
.mb-50 {
    margin-bottom: 50px
}
.mb-55 {
    margin-bottom: 55px
}
.mb-60 {
    margin-bottom: 60px
}
.mb-65 {
    margin-bottom: 65px
}
.mb-70 {
    margin-bottom: 70px
}
.mb-75 {
    margin-bottom: 75px
}
.mb-80 {
    margin-bottom: 80px
}
.mb-85 {
    margin-bottom: 85px
}
.mb-90 {
    margin-bottom: 90px
}
.mb-95 {
    margin-bottom: 95px
}
.mb-96 {
    margin-bottom: 96px
}
.mb-100 {
    margin-bottom: 100px
}
.mb-105 {
    margin-bottom: 105px
}
.mb-110 {
    margin-bottom: 110px
}
.mb-115 {
    margin-bottom: 115px
}
.mb-120 {
    margin-bottom: 120px
}
.mb-125 {
    margin-bottom: 125px
}
.mb-128 {
    margin-bottom: 128px
}
.mb-130 {
    margin-bottom: 130px
}
.mb-135 {
    margin-bottom: 135px
}
.mb-140 {
    margin-bottom: 140px
}
.mb-145 {
    margin-bottom: 145px
}
.mb-150 {
    margin-bottom: 150px
}
.mb-220 {
    margin-bottom: 220px
}
.mb-350 {
    margin-bottom: 350px
}
/*************************
    Margin left
*************************/

.ml-0 {
    margin-left: 0
}
.ml-10 {
    margin-left: 10px
}
.ml-15 {
    margin-left: 15px
}
.ml-20 {
    margin-left: 20px
}
.ml-30 {
    margin-left: 30px
}
.ml-40 {
    margin-left: 40px
}
.ml-50 {
    margin-left: 50px
}
.ml-60 {
    margin-left: 60px
}
.ml-70 {
    margin-left: 70px
}
.ml-85 {
    margin-left: 85px
}
.ml-80 {
    margin-left: 80px
}
.ml-90 {
    margin-left: 90px
}
.ml-100 {
    margin-left: 100px
}
.ml-110 {
    margin-left: 110px
}
.ml-120 {
    margin-left: 120px
}
.ml-130 {
    margin-left: 130px
}
.ml-140 {
    margin-left: 140px
}
.ml-150 {
    margin-left: 150px
}
/*************************
    Padding top
*************************/

.pt-0 {
    padding-top: 0
}
.pt-10 {
    padding-top: 10px
}
.pt-12 {
    padding-top: 12px
}
.pt-15 {
    padding-top: 15px
}
.pt-20 {
    padding-top: 20px
}
.pt-23 {
    padding-top: 23px
}
.pt-25 {
    padding-top: 25px
}
.pt-30 {
    padding-top: 30px
}
.pt-35 {
    padding-top: 35px
}
.pt-38 {
    padding-top: 38px
}
.pt-40 {
    padding-top: 40px
}
.pt-45 {
    padding-top: 45px
}
.pt-50 {
    padding-top: 50px
}
.pt-55 {
    padding-top: 55px
}
.pt-60 {
    padding-top: 60px
}
.pt-65 {
    padding-top: 65px
}
.pt-66 {
    padding-top: 66px
}
.pt-70 {
    padding-top: 70px
}
.pt-72 {
    padding-top: 72px
}
.pt-75 {
    padding-top: 75px
}
.pt-80 {
    padding-top: 80px
}
.pt-85 {
    padding-top: 85px
}
.pt-90 {
    padding-top: 90px
}
.pt-95 {
    padding-top: 95px
}
.pt-96 {
    padding-top: 96px
}
.pt-98 {
    padding-top: 98px
}
.pt-100 {
    padding-top: 100px
}
.pt-104 {
    padding-top: 104px
}
.pt-105 {
    padding-top: 105px
}
.pt-108 {
    padding-top: 108px
}
.pt-110 {
    padding-top: 110px
}
.pt-112 {
    padding-top: 112px
}
.pt-113 {
    padding-top: 113px
}
.pt-115 {
    padding-top: 115px
}
.pt-117 {
    padding-top: 117px
}
.pt-120 {
    padding-top: 120px
}
.pt-122 {
    padding-top: 122px
}
.pt-123 {
    padding-top: 123px
}
.pt-124 {
    padding-top: 124px
}
.pt-125 {
    padding-top: 125px
}
.pt-130 {
    padding-top: 130px
}
.pt-135 {
    padding-top: 135px
}
.pt-140 {
    padding-top: 140px
}
.pt-145 {
    padding-top: 145px
}
.pt-150 {
    padding-top: 150px
}
.pt-152 {
    padding-top: 152px
}
.pt-155 {
    padding-top: 155px
}
.pt-157 {
    padding-top: 157px
}
.pt-160 {
    padding-top: 160px
}
.pt-195 {
    padding-top: 195px
}
.pt-220 {
    padding-top: 220px
}
/*************************
    Padding right
*************************/

.pr-0 {
    padding-right: 0
}
.pr-10 {
    padding-right: 10px
}
.pr-15 {
    padding-right: 15px
}
.pr-20 {
    padding-right: 20px
}
.pr-30 {
    padding-right: 30px
}
.pr-40 {
    padding-right: 40px
}
.pr-50 {
    padding-right: 50px
}
.pr-60 {
    padding-right: 60px
}
.pr-70 {
    padding-right: 70px
}
.pr-80 {
    padding-right: 80px
}
.pr-90 {
    padding-right: 90px
}
.pr-100 {
    padding-right: 100px
}
.pr-110 {
    padding-right: 110px
}
.pr-120 {
    padding-right: 120px
}
.pr-130 {
    padding-right: 130px
}
.pr-140 {
    padding-right: 140px
}
/*************************
    Padding bottom
*************************/

.pb-0 {
    padding-bottom: 0
}
.pb-10 {
    padding-bottom: 10px
}
.pb-12 {
    padding-bottom: 12px
}
.pb-14 {
    padding-bottom: 14px
}
.pb-15 {
    padding-bottom: 15px
}
.pb-20 {
    padding-bottom: 20px
}
.pb-25 {
    padding-bottom: 25px
}
.pb-30 {
    padding-bottom: 30px
}
.pb-35 {
    padding-bottom: 35px
}
.pb-38 {
    padding-bottom: 38px
}
.pb-40 {
    padding-bottom: 40px
}
.pb-45 {
    padding-bottom: 45px
}
.pb-50 {
    padding-bottom: 50px
}
.pb-55 {
    padding-bottom: 55px
}
.pb-60 {
    padding-bottom: 60px
}
.pb-65 {
    padding-bottom: 65px
}
.pb-66 {
    padding-bottom: 66px
}
.pb-70 {
    padding-bottom: 70px
}
.pb-75 {
    padding-bottom: 75px
}
.pb-78 {
    padding-bottom: 78px
}
.pb-80 {
    padding-bottom: 80px
}
.pb-83 {
    padding-bottom: 83px
}
.pb-85 {
    padding-bottom: 85px
}
.pb-88 {
    padding-bottom: 88px
}
.pb-90 {
    padding-bottom: 90px
}
.pb-95 {
    padding-bottom: 95px
}
.pb-96 {
    padding-bottom: 96px
}
.pb-100 {
    padding-bottom: 100px
}
.pb-105 {
    padding-bottom: 105px
}
.pb-110 {
    padding-bottom: 110px
}
.pb-115 {
    padding-bottom: 115px
}
.pb-118 {
    padding-bottom: 118px
}
.pb-120 {
    padding-bottom: 120px
}
.pb-125 {
    padding-bottom: 125px
}
.pb-128 {
    padding-bottom: 128px
}
.pb-130 {
    padding-bottom: 130px
}
.pb-135 {
    padding-bottom: 135px
}
.pb-140 {
    padding-bottom: 140px
}
.pb-145 {
    padding-bottom: 145px
}
.pb-150 {
    padding-bottom: 150px
}
.pb-185 {
    padding-bottom: 185px
}
.pb-190 {
    padding-bottom: 190px
}
.pb-195 {
    padding-bottom: 195px
}
.pb-220 {
    padding-bottom: 220px
}
/*************************
    Padding left
*************************/

.pl-0 {
    padding-left: 0
}
.pl-10 {
    padding-left: 10px
}
.pl-15 {
    padding-left: 15px
}
.pl-20 {
    padding-left: 20px
}
.pl-30 {
    padding-left: 30px
}
.pl-40 {
    padding-left: 40px
}
.pl-50 {
    padding-left: 50px
}
.pl-60 {
    padding-left: 60px
}
.pl-70 {
    padding-left: 70px
}
.pl-80 {
    padding-left: 80px
}
.pl-90 {
    padding-left: 90px
}
.pl-100 {
    padding-left: 100px
}
.pl-110 {
    padding-left: 110px
}
.pl-120 {
    padding-left: 120px
}
.pl-130 {
    padding-left: 130px
}
.pl-140 {
    padding-left: 140px
}
.pl-150 {
    padding-left: 150px
}
/***************************
    Page section padding 
****************************/

.ptb-0 {
    padding: 0
}
.ptb-10 {
    padding: 10px 0
}
.ptb-18 {
    padding: 18px 0
}
.ptb-20 {
    padding: 20px 0
}
.ptb-30 {
    padding: 30px 0
}
.ptb-40 {
    padding: 40px 0
}
.ptb-50 {
    padding: 50px 0
}
.ptb-60 {
    padding: 60px 0
}
.ptb-70 {
    padding: 70px 0
}
.ptb-80 {
    padding: 80px 0
}
.ptb-90 {
    padding: 90px 0
}
.ptb-100 {
    padding: 100px 0
}
.ptb-110 {
    padding: 110px 0
}
.ptb-120 {
    padding: 120px 0
}
.ptb-130 {
    padding: 130px 0
}
.ptb-140 {
    padding: 140px 0
}
.ptb-150 {
    padding: 150px 0
}
/***************************
    Page section margin 
****************************/

.mtb-0 {
    margin: 0
}
.mtb-10 {
    margin: 10px 0
}
.mtb-15 {
    margin: 15px 0
}
.mtb-20 {
    margin: 20px 0
}
.mtb-30 {
    margin: 30px 0
}
.mtb-40 {
    margin: 40px 0
}
.mtb-50 {
    margin: 50px 0
}
.mtb-60 {
    margin: 60px 0
}
.mtb-70 {
    margin: 70px 0
}
.mtb-80 {
    margin: 80px 0
}
.mtb-90 {
    margin: 90px 0
}
.mtb-100 {
    margin: 100px 0
}
.mtb-110 {
    margin: 110px 0
}
.mtb-120 {
    margin: 120px 0
}
.mtb-130 {
    margin: 130px 0
}
.mtb-140 {
    margin: 140px 0
}
.mtb-150 {
    margin: 150px 0;
}
.mobile-menu-area {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.mobile-menu-area .menu-close {
    background-color: transparent;
    border: 2px solid #858585;
    border-radius: 50%;
    color: #858585;
    height: 40px;
    padding: 0;
    width: 40px;
    margin-bottom:30px;
}
.mobile-menu-area .menu-close:hover {
    color: #433a8b;
    border-color: #433a8b;
}
.mobile-menu-area .menu-close i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-right: 2px;
}
.main-menu > ul > li:hover > a,
.main-menu > ul > li.active > a,
.main-menu > ul > li.current-menu-item > a {
    color: #461870;
}
/*----------------------------------------*/
/*  3. Slider CSS
/*----------------------------------------*/

.slickslider {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slick-caption {
    background-color: hsla(0,
    0%,
    0%,
    0.6);
    height: 97.5%;
    left: 0;
    opacity: 1;
    padding: 25px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slider-item.slickslider.slick-slide > img {
    background-size: cover;
}
.slide-table {
    display: table;
    height: 100%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.thumbnail-img.slider.slider-nav.slick-initialized.slick-slider {
    bottom: 50px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 75px;
    text-align: right;
    width: 315px;
}
header {
    position: relative;
}
.slide-content h2 {
    animation-delay: 0.8s;
    font-family: "Playfair Display",
    serif;
    font-size: 75px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 30px;
}
.slide-content h2 span {
    color: hsl(0,
    0%,
    36%);
}
.slide-content h1 {
    animation-delay: 1.2s;
    font-family: "Lato",
    sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 36px;
}
.contact > a {
    animation-delay: 1.6s;
    background: hsl(0,
    0%,
    36%) none repeat scroll 0 0;
    border: 1px solid hsl(0,
    0%,
    36%);
    color: hsl(0,
    0%,
    100%);
    display: inline-block;
    font-weight: 700;
    transition: all 0.3s ease 0s;
}
.contact > a:hover {
    background: hsla(0,
    0%,
    0%,
    0) none repeat scroll 0 0;
    color: hsl(0,
    0%,
    100%);
}
.scroll-icon {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.scroll-icon a {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.scroll-icon a i {
    color: hsl(0,
    0%,
    100%);
    font-size: 30px;
}
.slick-caption .slide-content * {
    animation-duration: 1s;
    animation-fill-mode: backwards;
    animation-name: fadeOutDown;
}
.slick-active .slick-caption .slide-content h2 {
    animation-name: lightSpeedIn;
}
.slick-active .slick-caption .slide-content h1 {
    animation-name: fadeInUp;
}
.slick-active .slick-caption .slide-content a {
    animation-name: fadeInLeft;
}
.slide-content > h2,
.slide-content > h1 {
    color: hsl(0,
    0%,
    100%);
}
.slide-content .cap-text {
    color: hsl(0,
    0%,
    100%);
    line-height: 25px;
    margin-bottom: 40px;
}
.class-to-style {
    color: hsl(0,
    0%,
    100%);
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    z-index: 9;
}
.class-to-style:hover {
    color: #471a72;
}
.class-to-style.prev {
    left: 10px;
}
.class-to-style.next {
    right: 10px;
}
.banner-btn:hover::after {
    border-radius: 0;
}
.class-to-style {
    background: rgba(255,
    255,
    255,
    0.7) none repeat scroll 0 0;
    border-radius: 3px;
    color: #333;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-top: -30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 35px;
    z-index: 999;
}
.slider:hover .class-to-style {
    margin-top: -20px;
    opacity: 1;
    visibility: visible;
}
.slider_show_thumb .thumbnail-img.slider.slider-nav.slick-initialized.slick-slider {
    display: none;
}
.slider_show_navagition .class-to-style {
    display: none!important;
}
/*----------------------------------------*/
/*  4. Cowork CSS
/*----------------------------------------*/

.cowork-content {
    margin-top: 65px;
    margin-right: 60px
}
.section-title h2 {
    font-size: 36px;
    color: #2c2c2c;
    font-weight: 600;
    font-family: 'Open Sans',
    sans-serif;
    margin-bottom: 27px;
    text-transform: capitalize;
}
.benefit-area .section-title h2 {
    margin-bottom: 50px;
}
.cowork-content p {
    font-size: 17px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    line-height: 30px;
    margin-bottom: 33px;
}
.cowork-img .col-sm-6 {
    margin-bottom: 10px
}
.cowork-img .col-sm-6,
.cowork-img .col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.cowork-img .row {
    margin-left: -5px;
    margin-right: -5px;
}
.cowork-content {
    margin-top: 65px;
    margin-right: 60px
}
.cowork-content .banner-btn {
    background: #471A72;
    color: #fff;
    border: 1px solid #471A72
}
/*----------------------------------------*/
/*  5. Benefit CSS
/*----------------------------------------*/

.benefit-area {
    background-image: url(../img/banner/benefit.jpg);
    background-size: cover;
    background-position: 16% 50%;
    background-repeat: no-repeat;
}
.single-benefit {
    overflow: hidden
}
.benefit-icon {
    float: left;
    margin-right: 20px;
    font-size: 30px;
    color: #000000;
    margin-top: 1px
}
.benefit-content {
    display: table-cell;
}
.benefit-content h3 a {
    font-size: 20px;
    color: #353535;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 8px;
    display: block;
}
.benefit-content p {
    font-size: 13px;
    color: #666666;
    font-weight: 400;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 0px;
}
/*-----------------------------------------*/
/*  6. Pricing CSS
/*----------------------------------------*/

.pricing-area .section-title h2 {
    margin-bottom: 60px
}
.single-table {
    box-shadow: 0px 0px 27px 3px rgba(4,
    5,
    5,
    0.04);
}
.table-head h4 {
    font-size: 19px;
    color: #666666;
    font-family: 'Open Sans',
    sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #EEEEEE;
}
.table-head h3 {
    font-size: 42px;
    color: #4d4d4d;
    font-family: 'Open Sans',
    sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    padding: 11px 0 15px 0;
    position: relative;
    display: inline-block;
}
.table-head {
    border-bottom: 1px solid #EEEEEE;
}
.table-head h3 span.doller {
    color: #4d4d4d;
    font-family: "Open Sans",
    sans-serif;
    font-size: 31px;
    font-weight: 400;
    left: -20px;
    position: absolute;
    top: 8px;
}
.table-head h3 span.month {
    color: #4d4d4d;
    font-family: "Open Sans",
    sans-serif;
    font-size: 16px;
    font-weight: 400;
    right: -33px;
    position: absolute;
    bottom: 20px;
    left: auto;
    top: auto;
}
.table-body {
    padding: 35px 0
}
.table-body ul li {
    font-size: 14px;
    color: #666666;
    font-family: "Open Sans",
    sans-serif;
    margin-bottom: 13px;
}
.table-body ul li:last-child {
    margin-bottom: 35px;
}
.table-body a.banner-btn {
    background: #4D4D4D;
    color: #fff;
    border-radius: 5px;
    padding: 0px 35px;
    border: 1px solid #4D4D4D;
}
.table-body a.banner-btn:hover {
    background: #471A72;
}
/*----------------------------------------*/
/*  7. Event CSS
/*----------------------------------------*/

.event-area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.event-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,
    255,
    255,
    0.2);
    content: "";
}
.event-content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans',
    sans-serif;
    margin-bottom: 12px;
}
.event-content p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 30px;
}
.event-content a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 0px;
    background: #471A72;
    border-radius: 5px;
    border: 1px solid #471A72;
    padding: 0 45px;
}
.event-content a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #471A72;
    z-index: 9;
}
.event-date {
    background: #f1f1f1 none repeat scroll 0 0;
    float: left;
    margin-right: 6px;
    padding: 29px 35px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.event-detail-area .col-md-6:first-child {
    margin-left: -10px;
    margin-right: -10px;
}
.event-details-bottom .col-md-6:first-child {
    margin-left: 0;
    margin-right: 0;
}
.event-list-content i {
    float: left;
    margin-right: 15px;
    position: relative;
    top: 4px;
    font-size: 18px;
    color: #3f3f3f
}
.event-list-content {
    background: #f1f1f1 none repeat scroll 0 0;
    overflow: hidden;
    padding: 26px 20px 27px;
    transition: all 0.3s ease 0s;
}
.date-space {
    margin: 10px
}
.event-date h2 {
    color: #666666;
    font-family: "Open Sans",
    sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: -5px;
}
.event-list-content h2 {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:7px;
    font-family: 'Open Sans',
    sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.event-list-content h2:hover a {
    color: #471A72;
}
.event-date h2 span {
    font-size: 18px;
    text-transform: uppercase;
    display: block
}
.event-list-content p {
    font-size: 14px;
    color: #3f3f3f;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 0
}
.event-list:hover .event-date,
.event-list:hover .event-list-content {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(6,
    6,
    6,
    0.2);
}
.event-img {
    float: left;
    margin-right: 22px;
}
.event-content {
    overflow: hidden
}
.event-area .event-content {
    float: inherit;
    position: relative;
    width: 100%;
    z-index: 9;
}
.event-detail-content h3 {
    color: #3f3f3f;
    font-family: "Open Sans",
    sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 14px;
}
.event-detail-content {
    overflow: hidden;
}
.event-date-icon {
    float: left
}
.event-date-icon i {
    color: #3f3f3f;
    font-size: 18px;
    margin-left: 1px;
    margin-right: 14px;
    position: relative;
    top: 3px;
}
.event-date-content p {
    color: #3f3f3f;
    font-size: 14px
}
.event-social ul li {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}
.event-social ul li a {
    border: 1px solid #471A72;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.event-social ul li a i {
    line-height: 27px;
    color: #471A72;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.event-social ul li:hover a i {
    color: #fff;
}
.event-list {
    position: relative;
    z-index: 9;
}
.event-social ul li:hover a {
    background: #471A72;
}
.event-social ul {
    margin-bottom: 22px;
    margin-top: 17px;
}
.event-social p {
    color: #666666;
    font-family: "Lato",
    sans-serif;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 3px;
}
.ditel-content > p {
    font-family: "Lato",
    sans-serif;
    font-size: 16px;
    line-height: 28px;
}
.event-detail-content .event-social ul {
    margin-left: 0;
}
.event-details-bottom {
    margin-top: 20px
}
.event-details-bottom > p {
    color: #666666;
    font-size: 15px;
    line-height: 28px;
}
.event-details-top {
    position: relative;
    z-index: 9;
}
.event-details-bottom h2 {
    border-bottom: 1px solid #666666;
    color: #666666;
    display: inline-block;
    font-family: "Open Sans",
    sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 40px;
    margin-top: 45px;
    text-transform: capitalize;
}
.event-details-bottom input {
    border: 1px solid #c1c1c1;
    color: #777777;
    font-family: "Lato",
    sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}
.event-details-bottom a.banner-btn {
    background: #471a72 none repeat scroll 0 0;
    color: #fff;
    margin-top: 10px;
    padding: 0 55px;
    border: 1px solid #471a72;
}
/*----------------------------------------*/
/*  8. Testimonial CSS
/*----------------------------------------*/

.single-testimonial {
    box-shadow: 0 0 9px 2.1px rgba(6,
    6,
    6,
    0.05);
    padding: 30px 30px 22px;
    margin: 10px 0;
}
.client-img {
    float: left;
    margin-right: 15px;
}
.client-info {
    margin-bottom: 10px;
    display: table
}
.client-img img {
    height: 95px;
    width: 95px;
    border-radius: 50%;
}
.client-title {
    margin-top: 30px;
    display: inline-block;
}
.client-title h4 {
    font-size: 18px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}
.client-title h5 {
    font-size: 16px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    font-weight: 400;
}
.client-content p {
    font-size: 18px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    font-style: italic;
    margin-bottom: 0;
    line-height: 28px;
}
.testimonial-owl.owl-carousel .owl-item img {
    width: auto;
}
.event-form {
    margin-top: 38px;
}
.event-form > h2::after {
    background: #000 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.event-form > h2 {
    color: #666;
    font-family: "Open Sans",
    sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 57px;
    position: relative;
    text-transform: uppercase;
}
.event-form input {
    border: 1px solid #c1c1c1;
    color: #777777;
    font-family: "Open Sans",
    sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}
.event-form input[type="submit"] {
    background: #471a72 none repeat scroll 0 0;
    border: 1px solid #471a72;
    border-radius: 5px;
    color: #fff;
    font-family: "Lato",
    sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 0;
    height: 40px;
    padding: 0 55px;
    text-transform: uppercase;
    width: 144px;
}
.event-form input[type="submit"]:hover {
    background: #4d4d4d none repeat scroll 0 0;
    border-color:#4d4d4d;
    color: #fff;
}
.event-form .wpcf7-not-valid-tip {
    bottom: -33px;
    font-family: lato;
    font-size: 14px;
    left: 0;
    position: absolute;
}
.event-form .wpcf7-form-control-wrap {
    position: relative;
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    font-family: lato;
    font-size: 14px;
    margin-top: 0;
}
.contact-form input,
.contact-form textarea {
    width: 100%;
    font-size: 13px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    border: none;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 32px;
    padding-bottom: 15px;
    border-radius: 0;
    padding-left:0;
}
.contact-form {
    padding-left: 0;
}
.contact-form textarea {
    height: 96px;
    margin-bottom: 0;
}
.contact-form input[type="submit"] {
    background: #471a72 none repeat scroll 0 0;
    border: 1px solid #471a72;
    border-radius: 5px;
    color: #fff;
    font-family: "Lato",
    sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    margin-top: 44px;
    padding: 0 56px;
    text-transform: uppercase;
    width: 144px;
}
.contact-form input[type="submit"]:hover {
    background: #4d4d4d none repeat scroll 0 0;
    border-color:#4d4d4d;
    color: #fff;
}
.contact-form .wpcf7-form-control-wrap {
    position: relative;
}
.contact-form span.wpcf7-not-valid-tip {
    bottom: -35px;
    font-size: 14px;
    left: 0;
    position: absolute;
}
.contact-form .Massage span.wpcf7-not-valid-tip {
    bottom: -23px;
}
/*----------------------------------------*/
/*  9. Mentor CSS
/*----------------------------------------*/

.mentor-area {
    background: url(../img/banner/mentor.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.mentor-area.details {
    background: none;
}
.mentor.section-title h2 {
    margin-bottom: 15px;
}
.mentor.section-title > p {
    color: #262626;
    font-family: "Lato",
    sans-serif;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 57px;
}
.mentor-img > img,
.mentor-img > a {
    line-height: 0px;
    display: block
}
.mentor-img,
.mentor-about-img {
    box-shadow: 6px 10px 21.6px 2.4px rgba(4,
    5,
    5,
    0.09);
    height: 100%;
    position: relative;
}
.mentor-about-img {
    margin-right: -30px;
}
.mentor-img:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255,
    255,
    255,
    0.75);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mentor-hover {
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,
    -50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.mentor-hover h5,
.mentor-hover h6 {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 400;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 3px;
}
.mentor-hover h6 {
    font-size: 16px;
    margin-bottom: 20px
}
.mentor-hover ul li {
    display: inline-block;
    padding: 0 10px
}
.mentor-hover ul li a {
    font-size: 14px;
    color: #2c2c2c
}
.mentor-hover ul li:hover a {
    color: #471a72
}
.single-mentor:hover .mentor-hover,
.single-mentor:hover .mentor-img:after {
    opacity: 1
}
.mentor-about-hover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    content: "";
    background: rgba(0,
    0,
    0,
    0.6);
    text-align: center;
    padding: 22px 0 24px;
}
.mentor-about-hover h3,
.mentor-about-hover h5 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 5px;
}
.mentor-about-hover h5 {
    font-size: 16px;
    margin-bottom: 10px
}
.mentor-about-hover ul li {
    display: inline-block;
    margin-right: 20px;
}
.mentor-about-hover ul li:last-child {
    margin-right: 0;
}
.mentor-about-hover ul li a {
    color: #fff;
    font-size: 14px;
}
.mentor-about-hover ul li:hover a {
    color: #471A72;
}
.mentor-about-content h3 {
    font-size: 24px;
    color: #444444;
    font-family: 'Open Sans',
    sans-serif;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 26px;
}
.mentor-about-content h3:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
    height: 1px;
    width: 105px;
    background: #444444;
}
.mentor-address p b,
.mentor-address p {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    font-family: 'Open Sans',
    sans-serif;
}
.mentor-address p {
    font-weight: 400;
    margin-bottom: 3px
}
.mentor-about-content p.detail {
    margin-top: 20px;
    font-size: 17px;
    color: #444444;
    font-family: 'Lato',
    sans-serif;
    line-height: 28px;
}
.mentor-about-content p.detail:last-child {
    margin-top: 30px;
}
/*----------------------------------------*/
/*  10. Article CSS
/*----------------------------------------*/

.article-img {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.article-img > a {
    position: relative;
    display: block;
    line-height: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.article-img > a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,
    0,
    0,
    0.5);
}
.article-area .section-title h2 {
    margin-bottom: 53px;
}
.article-content {
    bottom: 15px;
    left: 20px;
    overflow: hidden;
    position: absolute;
    right: 20px;
}
.article.section-title h2 {
    margin-bottom: 55px;
}
.article-left {
    display: inline-block;
    float: left;
    text-align: center;
}
.article-left h3 {
    color: hsl(0,
    0%,
    100%);
    display: inline-block;
    float: left;
    font-family: "Open Sans",
    sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    margin-left: 3px;
    padding-bottom: 2px;
    position: relative;
    z-index: 1;
}
.article-left h3:hover a {
    color: #ddd;
}
.article-left h3:after {
    position: absolute;
    width: 1px;
    height: 39px;
    right: -20px;
    top: 0;
    background: #fff;
    content: "";
}
.article-right {
    margin-left: 70px;
}
.article-right p {
    margin-top: -5px;
    margin-bottom: 0;
}
.no_thumb .article-right {
    margin-left: 70px;
    margin-top: 0;
}
.no_thumb .article-right > p {
    margin: 0;
}
.article-right p a {
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 0;
}
.single-article:hover .article-img {
    box-shadow: 0px 17px 38px 0px rgba(0,
    0,
    0,
    0.3)
}
.article-pagination {
    margin-top: 60px;
    text-align: center
}
.article-pagination ul li {
    display: inline-block;
    margin-right: -4px
}
.article-pagination ul li:last-child {
    margin-right: 0px
}
.article-pagination ul li a {
    display: block
}
.article-pagination ul li a i {
    color: #fff;
    background: #555555;
    font-size: 18px;
    padding: 5px 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.article-pagination ul li:hover a i,
.article-pagination ul li.active a i {
    color: #fff;
    background: #471A72;
}
.article-detail-img {
    position: relative;
    margin-bottom: 35px;
}
.article-detail-img:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,
    0,
    0,
    0.3);
}
.article-details-content h4 {
    font-size: 18px;
    color: #555555;
    font-family: 'Open Sans',
    sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
}
.article-details-content h5 {
    font-size: 12px;
    color: #555555;
    font-family: 'Open Sans',
    sans-serif;
    font-weight: 400;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.article-details-content p {
    font-size: 16px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 40px;
}
.article-details-content blockquote {
    margin-left: 45px;
    border-left: 2px solid #471A72;
    padding: 0 16px;
    font-size: 16px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    margin-bottom: 30px;
}
.no_thumb .article-left h3::after {
    background: hsl(0,
    0%,
    40%) none repeat scroll 0 0;
    content: "";
    height: 34px;
    position: absolute;
    right: -20px;
    top: 4px;
    width: 1px;
}
.no_thumb .article-left h3 {
    color:hsl(0,
    0%,
    40%);
}
.no_thumb .article-right a {
    color: hsl(0,
    0%,
    40%);
}
.no_thumb .article-content {
    padding: 35px 0 36px;
    position: relative;
    top: 0;
}
.site-title > h3 {
    margin: 0;
}
.site-description {
    margin: 0;
}
.article-right > p {
    width: 88%;
}
.no_thumb.article-img.no_thumb {
    padding: 23px 4px 33px;
}
.single-article .no_thumb.article-img {
    box-shadow: 0 17px 38px 0 hsla(0,
    0%,
    0%,
    0.3);
    padding: 0;
}
.no_thumb .article-left h3 {
    color: hsl(0,
    0%,
    40%);
    margin-top: 1px;
}
.tags-social p {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #555555;
    font-weight: 600;
    font-family: 'Open Sans',
    sans-serif;
}
.tags-social ul {
    text-align: right;
}
.tags-social ul li {
    display: inline-block;
    margin-right: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tags-social ul li:last-child {
    margin-right: 0px;
}
.tags-social ul li a {
    display: block;
}
.tags-social ul li a i {
    font-size: 14px;
    color: #555555;
}
.tags-social ul li:hover a i {
    color: #000000;
}
.tags-social {
    border-bottom: 1px solid #4C4C4C;
    padding-bottom: 7px;
}
.comments-area {
    margin-top: 55px
}
.single-article-widget h3 {
    margin-bottom: 35px
}
.comment-img {
    float: left;
    display: inline-block;
    margin-right: 20px;
}
#search {
    position: relative
}
#search > input {
    border: 1px solid #dcd9d9;
    color: #343434;
    font-size: 14px;
    padding: 12px 20px;
    width: 100%;
}
#search button {
    background: #471a72 none repeat scroll 0 0;
    color: #fff;
    height: 43px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#search button:hover {
    background: #4d4d4d none repeat scroll 0 0;
    border: 0 none #4d4d4d;
}
.single-article-widget ul li {
    display: block
}
.single-article-widget ul li a {
    font-size: 12px;
    color: #666666;
    font-weight: 600;
    font-family: 'Open Sans',
    sans-serif;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #DCD9D9;
    padding-bottom: 9px;
    margin-bottom: 17px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-article-widget ul li:hover a {
    color: #471A72;
}
.single-article-widget ul li a span {
    float: right
}
.single-post-img {
    float: left;
    margin-right: 20px;
}
.single-post-content h5 {
    font-size: 16px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 3px;
}
.single-post-content h5:hover {
    color: #471A72
}
.single-post-content p {
    color: #555555;
    font-family: 'Open Sans',
    sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 3px;
}
.single-article-widget .all-tags a {
    border: 1px solid #dcd9d9;
    color: #666666;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 8px 25px;
    text-transform: uppercase;
    font-family: 'Open Sans',
    sans-serif;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-article-widget .all-tags a:hover {
    border: 1px solid #471A72;
    color: #fff;
    background: #471A72;
}
.sidebar-widget.widget_recent_comments .recentcomments::before {
    color: #666;
    content: "\f086";
    font-family: fontawesome;
    margin: 0 5px 0 1px;
}
.sidebar-widget.widget_recent_comments .recentcomments {
    padding-bottom: 20px;
    padding-top: 4px;
    position: relative;
}
.sidebar-widget:not(.widget_themename__author_about_widget) ul li {
    border-bottom: 1px solid #dddddd;
    list-style: outside none none;
    margin-bottom: 0;
}
.sidebar-widget li {
    line-height: 35px;
    padding-bottom: 0;
    padding-top: 0;
}
.widget_categories.sidebar-widget ul li a {
    display: block;
    float: left;
    text-align: left;
}
.sidebar-widget.widget_categories li a {
    line-height: 30px;
    margin-top: 3px;
}
.widget_categories.sidebar-widget ul li {
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    text-align: right;
}
.sidebar-widget .author--info--wrap .blog-social li {
    border: 0 none;
}
.sidebar-widget .menu-main-menu-container .menu li {
    padding-bottom: 17px;
    text-transform: uppercase;
}
.sidebar-widget.widget_spase_recent_post .sidebar-post > li {
    border: 0 none;
}
#wp-calendar tbody tr td {
    font-size: 14px;
}
table th {
    color: #666;
    font-size: 14px;
    font-weight: 600;
}
.calendar_wrap caption {
    font-size: 14px;
}
.widget_categories.sidebar-widget ul li::before {
    color: #666;
    content: "\f0da";
    float: left;
    font-family: fontawesome;
    line-height: 37px;
    margin-right: 6px;
}
/*----------------------------------------*/
/*  11. Scrollup CSS
/*----------------------------------------*/

#scrollUp {
    border-radius: 2px;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0,
    0,
    0,
    0.05);
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 200;
}
@keyframes scroll-top {
    0% {
        bottom: 0;
        opacity: 0;
    }
    50% {
        bottom: 50%;
        opacity: 1;
    }
    100% {
        bottom: 75%;
        opacity: 0;
    }
}
@keyframes scroll-top {
    0% {
        bottom: 0;
        opacity: 0;
    }
    50% {
        bottom: 50%;
        opacity: 1;
    }
    100% {
        bottom: 75%;
        opacity: 0;
    }
}
@keyframes scroll-top {
    0% {
        bottom: 0;
        opacity: 0;
    }
    50% {
        bottom: 50%;
        opacity: 1;
    }
    100% {
        bottom: 75%;
        opacity: 0;
    }
}
#scrollUp:hover i {
    animation: 800ms linear 0s normal none infinite running scroll-top;
    bottom: 0;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
}
#scrollUp i {
    color: #ffffff;
}
#scrollUp {
    background: #471a72;
}
/*----------------------------------------*/
/*  12. Footer CSS
/*----------------------------------------*/

.footer-area {
    background: #303030
}
.main-footer {
    padding-top: 95px;
    padding-bottom: 45px;
    border-bottom: 1px solid #565555
}
.single-widget h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans',
    sans-serif;
    color: #fff;
    margin-bottom: 20px;
}
.single-widget p {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Lato',
    sans-serif;
    color: #e1e1e1;
    margin-bottom: 22px;
    line-height: 25px;
}
.single-widget ul li {
    background: #363636;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-widget ul li:last-child {
    margin-right: 0px;
}
.single-widget ul li:hover {
    background: #fff;
    color: #363636;
}
.single-widget ul li a {
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    height: 28px;
    width: 28px;
    display: block;
}
.footer-img a {
    float: left;
    line-height: 0;
    position: relative;
}
.footer-img a:hover::after,
.footer-img a:hover::before {
    opacity: 1
}
.footer-img a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(71,
    26,
    114,
    0.71) none repeat scroll 0 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-img a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "\f278";
    font-size: 15px;
    color: #fff;
    font-family: "Material-Design-Iconic-Font";
    opacity: 0;
    z-index: 9;
    transform: translate(-50%,
    -50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-bottom p {
    color: #c5c5c5;
    font-size: 14px;
    line-height: 58px;
    margin-bottom: 2px;
}
.footer-bottom p a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.footer-bottom p a:hover {
    text-decoration: underline;
}
/*----------------------------------------*/
/*  13. Fun CSS
/*----------------------------------------*/

.fun-area {
    background: rgba(0,
    0,
    0,
    0) url("../img/banner/fun.jpg") no-repeat fixed center center / cover;
    padding: 112px 0 116px;
}
.single-fun h3 {
    font-size: 36px;
    color: #535353;
    font-weight: 700;
    font-family: 'Open Sans',
    sans-serif;
    margin-bottom: 5px;
}
.single-fun p {
    font-size: 24px;
    color: #535353;
    font-weight: 600;
    font-family: 'Open Sans',
    sans-serif;
    text-transform: capitalize;
    margin-bottom: 0;
}
/*----------------------------------------*/
/*  14. Partner CSS
/*----------------------------------------*/

.partner-owl {
    border-right: 1px solid #DCD9D9;
}
.single-partner a {
    height: 125px;
    display: inline-table;
}
.single-partner img {
    filter: brightness(0) invert(58%);
}
.single-partner span {
    display: table-cell;
    vertical-align: middle;
}
.single-partner:hover img {
    filter: brightness(1) invert(0)
}
.owl-carousel .owl-item .single-partner img {
    width: auto;
    margin: auto
}
.partner-area .section-title h2 {
    margin-bottom: 54px;
}
.hover-style {
    position: relative
}
.gallery-hover-effect {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(71,
    26,
    114,
    0.71);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.hover-style:hover .gallery-hover-effect {
    opacity: 1
}
.gallery-hover-effect a {
    display: table
}
.gallery-hover-effect a i {
    bottom: 0;
    color: #fff;
    content: "";
    font-size: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    margin: auto;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 36px;
}
.grid-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 60px;
    text-align: center;
}
.grid-pagination ul li {
    display: inline-block;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.grid-pagination ul li a {
    display: block;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #535353;
    height: 24px;
    width: 33px;
    text-align: center;
    color: #535353;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Open Sans',
    sans-serif;
    line-height: 22px;
}
.grid-pagination ul li:hover a {
    color: #fff;
    background: #471A72;
}
/*----------------------------------------*/
/*  15. Gallery CSS
/*----------------------------------------*/

.grid .col-md-3,
.grid .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.gallery-area .row {
    margin-left: -5px;
    margin-right: -5px;
}
.grid-item {
    padding-bottom: 10px
}
.col-md-6.grid-item {
    padding-bottom: 0px
}
/*----------------------------------------*/
/*  16. Contact CSS
/*----------------------------------------*/

.contact-info h2,
.touch h2 {
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    font-family: 'Open Sans',
    sans-serif;
    text-transform: uppercase;
    margin-bottom: 36px;
}
.info-icon,
.info-content {
    display: inline-block;
}
.info-icon i {
    font-size: 24px;
    color: #010101;
    border: 1px solid #C4C4C4;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    margin-right: 20px;
}
.info-content {
    top: 6px;
    position: relative
}
.info-content h3,
.info-content p {
    font-size: 18px;
    color: #666666;
    font-family: 'Open Sans',
    sans-serif;
    margin-bottom: 5px;
}
.info-content p {
    font-size: 14px;
    margin-bottom: 0;
}
.touch {
    margin-top: 55px;
    margin-bottom: 30px
}
#contact-form input,
#contact-form textarea {
    width: 100%;
    font-size: 13px;
    color: #666666;
    font-family: 'Lato',
    sans-serif;
    border: none;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 32px;
    padding-bottom: 15px;
}
#contact-form a {
    background: #471A72;
    color: #fff;
    border: 1px solid #471A72;
    margin-top: 10px;
    padding: 0 55px
}
.map-area {
    box-shadow: 0px 0px 16px 0px rgba(6,
    6,
    6,
    0.2)
}
.default-btn:hover {
    background: hsl(0,
    0%,
    20%) none repeat scroll 0 0;
    color: hsl(0,
    0%,
    100%);
}
.banner-btn,
.kc_button {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #353535;
    display: inline-block;
    font-family: "Lato",
    sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 38px;
    overflow: hidden;
    padding: 1px 35px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.banner-btn span {
    transition: all 0.3s ease 0s;
}
.banner-btn:hover,
.kc_button:hover {
    background: #4d4d4d;
    color: #fff;
}
.banner-btn:hover > span {
    opacity: 0;
    transform: translate(0px,
    40px);
}
.kc_button {
    position: relative;
}
h1.kc_title {
    color: #2c2c2c;
    font-family: "Open Sans",
    sans-serif;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 27px;
    text-transform: capitalize;
}
.single-testimonial {
    box-shadow: 0 0 9px 2.1px rgba(6,
    6,
    6,
    0.05);
    margin: 10px 0;
    padding: 30px 30px 22px;
}
.client-img {
    float: left;
    margin-right: 15px;
}
.client-info {
    display: table;
    margin-bottom: 10px;
}
.client-img img {
    border-radius: 50%;
    height: 95px;
    width: 95px;
}
.client-title {
    display: inline-block;
    margin-top: 30px;
}
.client-title h4 {
    color: #666666;
    font-family: "Lato",
    sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}
.client-title h5 {
    color: #666666;
    font-family: "Lato",
    sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.client-content p {
    color: #666666;
    font-family: "Lato",
    sans-serif;
    font-size: 17px;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 0;
}
.team-area figure.content-image {
    margin: 0;
}
.team-area .overlay {
    background: rgba(255,
    255,
    255,
    0.75) none repeat scroll 0 0 !important;
}
.team-area .content-socials {
    margin: 0 !important;
}
.instagram-pics.instagram-size-thumbnail > li {
    float: left;
    height: 70px;
    margin-bottom: 3px;
    margin-right: 3px;
    width: 27%;
}
.instagram-pics.instagram-size-thumbnail img,
.instagram-pics.instagram-size-thumbnail a {
    height: 100%;
    width: 100%;
}
.footer-area .widget-title {
    color: #ffffff;
    font-family: "Open Sans",
    sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 27px;
}
.footer-widget.widget_spase_description_widget {
    margin-right: 50px;
}
.slick-active:last-child {
    border-right: 1px solid #dcd9d9;
}
.single-partner img {
    filter: brightness(0) invert(58%);
}
.single-partner:hover img {
    filter: brightness(1) invert(0);
}
.client-item.single-partner img {
    margin-top: 46px;
}
.client-area .client-slider .slick-list {
    border: 1px solid #ddd;
    border-left:0;
}
.single-partner {
    border-left: 1px solid #dcd9d9;
}
.footer-top-section.footer-top-area.pt-100.pb-60 {
    padding-bottom: 145px;
}
.home-blog-area .single-article {
    margin: 0;
}
/* Blog details page */

.blog-slider {
    margin: 0 0 40px;
}
.blog-info-dec > p {
    line-height: 30px;
}
.blog-info-dec span {
    display: inline-block;
    float: left;
    font-size: 60px;
    line-height: 1;
    margin: 0 5px 0 0;
}
blockquote {
    border-left: 5px solid #4b4a4a;
    color: #666666;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    margin: 52px 0 54px 70px;
    padding: 0 70px 0 26px;
}
.blog-info > p {
    line-height: 28px;
}
.blog-info > ul > li {
    color: #666666;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
}
.blog-info li:last-child {
    margin-bottom: 0px;
}
.blog-img {
    margin: 50px 0;
}
.user-text {
    color: #555;
    display: inline-block;
    float: left;
    font-family: "Open Sans",
    sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.user-share {
    display: inline-block;
    float: right;
}
.user-info {
    clear: both;
    display: block;
    margin: 47px 0 53px;
    overflow: hidden;
}
.user-name {
    padding-right: 47px;
}
.user-share > ul {
    display: inline-block;
    margin: 0;
}
.user-share > span {
    color: #555;
    display: inline-block;
    float: left;
    font-family: "Open Sans",
    sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-right: 14px;
}
.user-share > ul > li {
    display: inline-block;
    float: left;
    margin-left: 15px;
}
.user-share > ul > li:first-child {
    margin-left: 0px;
}
.user-share a {
    color: #555;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
}
.user-share a:hover {
    color: #471a72;
}
.next-prev {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
    padding: 20px 0;
}
.next-prev a {
    background-color: #f6f6f6;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    font-family: "Open Sans",
    sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    padding: 8px 20px;
    text-transform: capitalize;
}
.next-prev a i {
    color: #666;
    transition: all .3s ease 0s;
}
.next-prev a.prev-btn i {
    padding-right: 5px;
}
.next-prev a.next-btn i {
    padding-left: 5px;
}
.next-prev a:hover {
    background-color: #471a72;
    color: #fff;
}
.next-prev a:hover i {
    color: #fff;
}
a.next-btn {
    float: right;
}
.author-box.author {
    align-items: flex-start;
    display: flex;
    justify-content: initial;
    margin: 70px 0;
    overflow: hidden;
}
.author-img {
    display: inline-block;
    float: left;
}
.author-img img {
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    float: left;
}
.author-info {
    float: right;
    padding-left: 30px;
    text-align: left;
    width: calc(100% - 120px);
}
.author-info > h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
}
.comment-img .avatar {
    border-radius: 50%;
}
blockquote p {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}
blockquote {
    border-left: 2px solid #461870;
    color: #666666;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    margin: 47px 0 48px 70px;
    padding: 17px 70px 20px 23px;
}
.blog-info .wp-caption-text {
    color: #999;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    line-height: 22px;
    margin: 10px 0 0;
    padding: 8px 0;
    text-indent: 0;
    width: 100%;
}
.author-info > h4 a {
    color: #666666;
}
.author-info > h4 a:hover {
    color: #461870;
}
.author-info > h4 a span {
    color: #999999;
    font-size: 14px;
    margin-left: 7px;
}
.author-info > p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}
.related-post-title {
    margin-top: 20px;
}
.related-post {
    display: block;
    margin-top: 70px;
    overflow: hidden;
}
.single-related-post a {
    display: block;
}
.related-post-title > h3 {
    font-family: "Open Sans",
    sans-serif;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.related-post-title > h3 a {
    color: #202020;
}
.related-post-title > h3 a:hover {
    color: #666;
}
.related-post-title > span {
    color: #666;
    font-size: 13px;
}
.single-comment {
    position: relative;
}
.comment-img {
    display: inline-block;
    float: left;
}
.comment-text {
    padding-left: 150px;
}
.comment-text > p {
    margin-bottom: 0;
}
.comment-text .author-name,
.comment-text a.url {
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 17px;
}
.bypostauthor .comment-text a.url::after {
    content: "\f2c0 ";
    font-family: fontawesome;
    font-size: 90%;
    left: 3px;
    opacity: 0.5;
    position: relative;
    top: 0;
}
.comment-text > p {
    color: #525252;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    padding-right: 25px;
}
.comment-border {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.single-comment.comment-border:last-child {
    margin-bottom: 0px;
}
.parent-comment {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}
.comment-text .reply a {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    bottom: -14px;
    color: #666;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 7px 20px 6px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: auto;
}
.comment-text .reply a:hover {
    background-color: #461870;
    border-color: #461870;
    color: #fff;
}
.replay-comment {
    margin-left: 150px;
}
.leave-comment h3.leave__comment--title {
    color: #222222;
    font-family: dosis;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.leave-comment > p {
    color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}
.leave-comment-form {
    margin-top: 40px;
}
.comment-text .author-name,
.comment-text a.url {
    margin-bottom: 0;
}
.comment-respond h3.comment-reply-title {
    color: #666;
    font-family: "Open Sans",
    sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.comment-form > p {
    margin: 0;
}
.comment-form > p.comment-notes {
    color: #666;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
}
.form-submit .submit {
    margin-bottom: 0;
}
.input_half {
    width: 50%;
    float: left;
}
.input_half.left {
    padding-right: 15px;
}
.input_half.right {
    padding-left: 15px;
}
.leave-comment-form form textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 14px;
    height: 178px;
    letter-spacing: 0;
    margin-bottom: 30px;
    margin-top: 40px;
    padding: 30px 30px 30px 15px;
}
.leave-comment-form form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #666;
    font-size: 14px;
    height: 48px;
    letter-spacing: 0;
    margin-bottom: 30px;
    padding: 2px 15px;
    width: 100%;
}
.leave-comment-form form input::-webkit-input-placeholder,
.leave-comment-form form textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #666;
    opacity: 1;
}
.leave-comment-form form input::-moz-placeholder,
.leave-comment-form form textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #666;
    opacity: 1;
}
.leave-comment-form .submit {
    background-color: #461870;
    border: 1px solid #461870;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
    padding: 11px 28px 12px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 32%;
}
.leave-comment-form .submit:hover {
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    color: #fff;
}
.blog-comment,
.leave-comment {
    margin-top: 50px;
}
.comment-respond {
    margin-bottom: 50px;
    margin-top: 50px;
}
.comment-text .comment-meta.commentmetadata a {
    display: inline-block;
}
.comment-meta.commentmetadata {
    position: relative;
}
.edit--btn {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.comment-meta.commentmetadata {
    margin-bottom: 10px;
}
.comment--date--time {
    color: #666;
    font-size: 13px;
    margin-top: 5px;
}
.comment-reply-title small {
    float: right;
}
.comment-reply-title small a#cancel-comment-reply-link {
    height: 25px;
    width: 25px;
    font-size: 0;
}
.comment-reply-title small a#cancel-comment-reply-link::after {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 21px;
    position: relative;
    right: 0;
    top: 0;
}
.comment-reply-title small a#cancel-comment-reply-link:focus {
    text-decoration: none;
    outline: none;
}
.no-comments {
    padding: 10px 15px;
}
.related-post .row {
    display: flex;
    flex-flow: wrap;
}
.related-post .row div[class*="col-"] {
    margin-top: 30px;
}
.related-post .sidebar-title {
    margin-bottom: 34px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .comment-list .children {
        margin-left: 30px;
    }
    .comment-author.comment-img {
        width: 100px;
    }
    .comment-text {
        padding-left: 120px;
    }
}
@media ( max-width: 767px) {
    .comment-list .children {
        margin-left: 10px;
    }
    .comment-author.comment-img {
        float: none;
        width: 60px;
    }
    .comment-text {
        padding-left: 0;
        padding-top: 20px;
    }
    .comment-respond h3.comment-reply-title {
        font-size: 16px;
        letter-spacing: 0;
    }
    .input_half {
        float: none;
        width: 100%;
    }
    .input_half.left {
        padding-right: 0;
    }
    .input_half.right {
        padding-left: 0;
    }
    .leave-comment-form form textarea {
        height: 120px;
        letter-spacing: 0px;
        padding: 15px;
        margin-bottom: 20px;
    }
    .leave-comment-form form input {
        letter-spacing: 0px;
        margin-bottom: 20px;
        padding: 2px 15px;
    }
    .comment-title.sidebar-title {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px;
    }
}
/* Author Informations */

.blog-social ul li a.facebook:hover {
    background: #3c5a99 none repeat scroll 0 0;
    border-color: #3c5a99;
}
.blog-social ul li a.google-plus:hover {
    background: #D94F33 none repeat scroll 0 0;
    border-color: #D94F33;
}
.blog-social ul li a.twitter:hover {
    background: #59AAEB none repeat scroll 0 0;
    border-color: #59AAEB;
}
.blog-social ul li a.youtube:hover {
    background: #CF1619 none repeat scroll 0 0;
    border-color: #CF1619;
}
.blog-social ul li a.linked:hover {
    background: #0374B1 none repeat scroll 0 0;
    border-color: #0374B1;
}
.blog-social ul li a.pinterest:hover {
    background: #BE1E26 none repeat scroll 0 0;
    border-color: #BE1E26;
}
.blog-social ul li a.instagram:hover {
    background: #105687 none repeat scroll 0 0;
    border-color: #105687;
}
.sidebar-widget .author--info--wrap img {
    width: 100%;
}
.video-img > img {
    width: 100%;
}
.self-info {
    padding: 37px 35px 50px;
    background-color: #f6f6f6;
}
.self-info > h3 {
    color: #000;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.self-info > p {
    color: #444;
    margin: 0;
}
.self-info > p span {
    font-weight: bold;
}
.sidebar-widget .blog-social {
    margin-top: 43px;
}
.sidebar-widget .blog-social > h4 {
    color: #363535;
    font-family: open sans;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 39px;
    position: relative;
}
.sidebar-widget .blog-social ul li {
    display: inline-block;
    margin: 0 5px;
}
.sidebar-widget .blog-social ul li a {
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    color: #999999;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    width: 40px;
}
.sidebar-widget .blog-social ul li a:hover {
    color: #fff;
}
.blog-social ul li a.facebook:hover {
    background: #4867aa none repeat scroll 0 0;
    border-color: #4867aa;
}
.blog-social ul li a.google-plus:hover {
    background: #cb453a none repeat scroll 0 0;
    border-color: #cb453a;
}
.blog-social ul li a.twitter:hover {
    background: #1da1f2 none repeat scroll 0 0;
    border-color: #1da1f2;
}
.blog-social ul li a.youtube:hover {
    background: #ca1915 none repeat scroll 0 0;
    border-color: #ca1915;
}
.blog-social ul li a.linked:hover {
    background: #007bb6 none repeat scroll 0 0;
    border-color: #007bb6;
}
.blog-social ul li a.pinterest:hover {
    background: #bd081c none repeat scroll 0 0;
    border-color: #bd081c;
}
.blog-social ul li a.instagram:hover {
    background: #eb5148 none repeat scroll 0 0;
    border-color: #eb5148;
}
.sidebar-widget .blog-social h4::before {
    background-color: #565252;
    bottom: -13px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
}
.sidebar-banner img {
    max-width: 100%;
    width: 100%;
}
.sidebar-banner a {
    display: block;
}
/* Video popup */

.video-img {
    position: relative;
}
.video-img a {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 24px;
    height: 50px;
    left: 0;
    line-height: 50px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    color: #000;
}
.video-img a:hover {
    background: #461870 none repeat scroll 0 0;
    color: #fff;
}
.video-title h5 {
    color: #1c1c1c;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 8px;
}
.video-title h5 a {
    color: #1c1c1c;
    margin-bottom: 8px;
}
.video-title h5 a:hover {
    color: #555;
}
.video-title > span {
    color: #979797;
    font-weight: 600;
}
.video-title {
    margin-top: 23px;
}
.single-related-post .related-post-title > h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 2px;
    text-transform: capitalize;
}
.single-related-post .related-post-title > h3 a {
    color: #666;
}
.single-related-post .related-post-title > h3 a:hover {
    color: #461870;
}
.sidebar-title {
    color: #666;
    font-family: "Open Sans",
    sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 50px;
    margin-top: 0;
    position: relative;
}
.sidebar-title::before {
    background-color: #666;
    bottom: -11px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.sidebar-widget {
    margin-bottom: 70px;
}
.comment-meta a cite:hover {
    color: #461870;
}
.sidebar-post .post-text {
    margin-top: -5px;
    padding-left: 132px;
}
/* Recent post */

.post-img {
    display: inline-block;
    float: left;
}
.sidebar-post > li {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}
.sidebar-post > li:last-child {
    margin-bottom: 0px;
}
.post-text {
    padding-left: 141px;
}
.sidebar-widget .post-text > h4 {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}
.post-text > h4 a {
    color: #2a2a2a;
    font-size: 15px;
}
.post-text > h4 a:hover {
    color: #555;
}
.post-text > span {
    color: #000;
    font-size: 12px;
    display: block;
}
.sidebar-post .post-text > span {
    color: #666;
    display: block;
    font-size: 13px;
}
/* Search Form */

.blog-search form input {
    background: #f6f6f6 none repeat scroll 0 0;
    border: medium none;
    color: #989797;
    font-size: 16px;
    font-weight: 300;
    height: 60px;
    margin-bottom: 0;
    padding: 2px 82px 2px 30px;
    width: 100%;
}
.blog-search form input::-webkit-input-placeholder {
    /* Chrome */
    
    color: #989797;
    opacity: 1;
}
.blog-search form input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #989797;
    opacity: 1;
}
.blog-search form {
    position: relative;
    background-color: #f6f6f6;
}
.blog-search form button {
    background-color: transparent;
    border: medium none;
    color: #bbbbbb;
    font-size: 20px;
    height: 60px;
    padding: 0 23px;
    position: absolute;
    right: 0px;
    transition: all .3s ease 0s;
    top: 0;
}
.blog-search form button:hover {
    color: #000;
}
.blog-search form button::before {
    background-color: #eaeaea;
    bottom: 10px;
    content: "";
    height: 40px;
    margin: 0 auto;
    position: absolute;
    right: 65px;
    width: 1px;
}
/* Side bar Menu */

.widget_categories.sidebar-widget ul li {
    text-align: right;
    color: #999999;
    overflow: hidden;
}
.widget_categories.sidebar-widget ul li a {
    display: block;
    float: left;
    text-align: left;
}
.sidebar-widget:not(.widget_themename__author_about_widget) ul li {
    list-style: outside none none;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.sidebar-widget.widget_themename__recent_post ul li {
    border-bottom: 0px solid rgba(0,
    0,
    0,
    0);
}
.sidebar-widget ul li a {
    color: #666;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}
.sidebar-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.sidebar-widget ul li ul.children li:first-child,
.sidebar-widget ul li ul.sub-menu li:first-child {
    border-top: 1px solid #ddd;
}
.sidebar-widget ul li ul.children li a:hover {
    color: #471a72;
}
.sidebar-widget ul li ul.children li a {
    color: #666;
}
.single-footer .textwidget p strong {
    color: #fff;
}
/* Tag cloud */

.tagcloud {
    margin-left: -6px;
    margin-right: -6px;
}
.tagcloud a {
    background-color: transparent;
    border: 1px solid #dcd9d9;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    font-size: 11px!important;
    font-weight: 600;
    margin: 0 6px 12px;
    padding: 10px 16px;
    text-transform: uppercase;
}
.tagcloud a:hover {
    background-color: #461870;
    border-color: #461870;
    color: #fff;
}
.single-footer .tagcloud a:hover {
    background: #ddd none repeat scroll 0 0;
    color: #333;
}
.single-footer .tagcloud a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #fff;
}
.footer-bottom {
    background-color: #303030;
    border-top: 1px solid #444;
}
a.meanmenu-reveal {
    border: 1px solid #471a72;
    color: #471a72;
    font-weight: normal;
    height: auto;
    line-height: 1;
    margin-right: 15px;
    padding: 4px 5px;
    text-align: center;
    top: -70px;
    width: auto;
}
a.meanmenu-reveal:hover,
a.meanmenu-reveal:focus {
    border-color: #3f3f3f;
    color: #3f3f3f;
    outline: medium none;
}
.mobile-menu .mean-nav > ul > li > a {
    border-top: 1px solid #ddd;
    color: #464646;
    display: block;
    font-family: "Open Sans",
    sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    padding: 11px 0;
}
.mobile-menu .mean-nav ul li li a {
    color: #464646;
    font-family: "Open Sans",
    sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    opacity: 1;
    padding: 11px 30px 13px 0;
    text-transform: uppercase;
    width: 100%;
}
.mobile-menu .mean-nav a.mean-expand {
    border: 0 none;
    color: #464646;
    font-size: 18px;
    height: 47px;
    line-height: 43px;
    padding: 0;
    text-align: center;
    width: 47px;
}
.mobile-menu li.menu-item-type-post_type .pe-7s-angle-down {
    display: none;
}
.header-area.sticky .header_social_area {
    margin-top: 26px;
}
.header-area.sticky .header-logo {
    padding: 13px 0 12px;
}
.header-area.sticky .main-menu > ul > li > a {
    padding: 26px 0;
}
.footer-top-section.footer-top-area.pt-100.pb-60 {
    padding-top: 86px;
}
h2.kc_title {
    color: #2c2c2c;
    font-family: "Open Sans",
    sans-serif;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 27px;
    text-transform: capitalize;
}
.main-menu ul.sub-menu li > .sub-menu {
    margin-top: 10px;
    right: 100%;
    top: 0;
    z-index: 999;
}
.main-menu ul.sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.main-menu .sub-menu li:hover > a {
    color: #3f3f3f;
    padding-left: 15px;
}
.main-menu .sub-menu li:hover > a::before {
    width: 10px;
}
.video-banner-area.kc-video-bg::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.67;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.video-banner-area.kc-video-bg {
    position: relative!important;
}
.video-banner-area .kc-row-container.kc-container {
    position: relative!important;
    z-index: 99;
}
.slick-caption .slide-content.text-center.text-white {
    margin-top: -38px;
}
section.animation-slider-area[data-kc-fullheight] {
    min-height: 86vh;
}
section.video-banner-area.animation-slider-area[data-kc-fullheight] {
    min-height: 87vh;
}
/* fix css */

.article-img > a {
    display: inline-block;
}
.post-password-form input[type="submit"] {
    background: #471a72 none repeat scroll 0 0;
    border: 1px solid #471a72;
    border-radius: 0 5px 5px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    padding: 3px 10px 2px;
}
.post-password-form input[type="password"] {
    border-radius: 5px 0 0 5px;
    height: 31px;
}
.single-article:hover .article-img,
.single-article .no_thumb.article-img {
    box-shadow: 0 9px 22px 0 rgba(0,
    0,
    0,
    0.3);
}
.single-comment .comment-text.small {
    padding-left: 0;
}
.comment-text .comment-meta.commentmetadata a {
    text-decoration: none;
}
.comment-meta .edit--btn {
    right: -63px;
}
.pnf-inner a.btn {
    background: #471a72 none repeat scroll 0 0;
}
.pnf-inner a.btn:hover {
    background: #444 none repeat scroll 0 0;
    opacity: 1;
}
.our-blog-area .page-header {
    border-bottom: 1px solid #f7f7f7;
    clear: both;
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
}
.page_hdr {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}
h1.page-title {
    font-weight: 600;
    margin-top: 0;
}
.blog-text h2 a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
.blog-read-more {
    background: #471a72 none repeat scroll 0 0;
    border: 1px solid #471a72;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
    padding: 8px 30px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.blog-read-more:hover {
    background: #4d4d4d none repeat scroll 0 0;
    border: 1px solid #4d4d4d;
    color: #fff;
}
.mobile-menu .mean-nav a.mean-expand {
    border: 0 none;
    color: #464646;
    float: right;
    font-size: 18px;
    height: 49px;
    line-height: 46px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 47px;
}
.article-content > a {
    display: block;
    overflow: hidden;
}
.main-menu > ul > li > a {
    transition: none 0s ease 0s;
}
.sidebar-widget ul > li:hover > a {
    color: #471a72;
}
.main-menu > ul > li:hover > ul.sub-menu {
    list-style: outside none none;
    opacity: 1;
    top: 72%;
    visibility: visible;
    z-index: 999;
}
.header-sticky.sticky .main-menu > ul > li:hover > ul.sub-menu {
    top: 58%;
}
.header-menu-wrap.logo-center .menustyle_3 {
    text-align: center;
}
.menustyle_3 .main-menu {
    display: inline-block;
}
.menustyle_3 .main-menu > ul > li:hover > ul.sub-menu {
    top: 82%;
}
.header-sticky.sticky .menustyle_3 .main-menu > ul > li:hover > ul.sub-menu {
    top: 77%;
}
.header-menu-wrap.hdrstyle_3.logo-center {
    padding-top: 31px;
}
.article-right {
    padding-right: 3px;
}
.article-right > p {
    color: #fff;
    width: 88%;
}
.no_thumb .article-right > p {
    color: #666;
}
.single-footer.widget.widget_text {
    margin-top: 21px;
}
.slider-item.slickslider {
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;
}
.blog-post-singal {
    box-shadow: 0 0 15px 3px rgba(0,
    0,
    0,
    0.06);
}
.blog-column .blog-content {
    padding: 20px 20px 23px;
}
.blog-column .post-title {
    font-size: 18px;
}
.post-title {
    color: #363636;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0 0 0.4em;
    overflow-wrap: break-word;
}
.blog-meta {
    margin-bottom: 15px;
}
.blog-meta span::before {
    background: #999 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: -12px;
    position: absolute;
    top: 6px;
    width: 5px;
}
.blog-meta span {
    color: #999;
    font-size: 11px;
    font-weight: 500;
    margin-right: 15px;
    position: relative;
}
.blog-column .blog-content p {
    color: #888;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}
.blog-column .read-more {
    margin-top: 20px;
}
.blog-column .read-more a {
    background: #4d4d4d none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 9px 24px;
    text-transform: uppercase;
}
.blog-column .read-more a:hover {
    background: #461870 none repeat scroll 0 0;
    color: #fff;
}
.blog-meta span:first-child::before {
    display: none;
}
.blog-post-singal .blog-meta a {
    color: #999;
}
.home-blog-area .blog-content h2 {
    margin-bottom: 7px;
}
.footer-top-section.footer-top-area.pt-100.pb-60 {
    padding-bottom: 58px;
}
.blog-meta span {
    font-size: 13px;
}
.blog-desc {
    color: #888;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
}
aside.widget-area ul {
    margin: 0;
}
aside.widget-area li > ul,
li > ol,
.single-footer ul li ul {
    margin-bottom: 0;
    margin-left: .9em;
}
.single-footer ul li ul.children li:last-child {
    padding-bottom: 0;
}
.single-footer ul li a {
    font-size: 14px;
}
aside.widget-area ul {
    margin: 0;
}
.page-title-bar > ul {
    margin-left: 0;
}
a#scrollUp {
    background: #471a72 none repeat scroll 0 0;
    border: 2px solid #999;
    border-radius: 5px;
    bottom: 28px;
    color: #999;
    height: 40px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
}
ol.comment-list {
    margin: 0;
}