/*
Theme Name: Lion - Minimal Multipurpose WordPress Theme
Theme URI: https://traivan98.online/red_code/lion/

Author: bundle_boss
Author URI: https://creativemarket.com/bundle_boss

Version: 1.0.0

Description: Lion is a minimalist Multipurpose WordPress Theme. You can use this Multipurpose theme for: agency, corporate, sound and music, personal portfolio, architect agency, photography studios, design studios, musican, painter portfolio, modeling agency, expanding gallery, products showcase, artworks, art, artist portfolio, web design works, illustrators, sport, trainer, coach, projects, blog, freelance designer even escorting gallery for escort agency etc. Most people who search for fine art, film direction, producer, sport, events, wedding, minimal, minimalist, minimalistic, hero sliders, decor, souvenir, decoration, handmade may find this theme suitable for their needs.

License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html

Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

Text Domain: lion
*/

/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom css area in "appearance => customise" from your wp-admin. IF you make edits to this
or any other theme file, they will be lost in a theme update. You have been warned.

*/

/** --------------------

[TABLE OF CONTENTS]

01. GRID
02. COMMONS
03. BUTTONS
04. FORMS
05. HEADER
06. NAV
07. PORTFOLIO
08. BLOG
09. SOCIAL

-------------------- **/
/** 01. GRID
-------------------------------------------------- **/
.container {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 800px) {
  .container {
    padding: 0 50px;
  }
}
@media (max-width: 600px) {
  .container {
    padding: 0 25px;
  }
}
.column {
  float: left;
  position: relative;
  padding: 0 25px;
}
.column.col-1 {
  width: 8.333%;
}
.column.col-2 {
  width: 16.666%;
}
.column.col-3 {
  width: 24.999%;
}
.column.col-4 {
  width: 33.332%;
}
.column.col-5 {
  width: 41.665%;
}
.column.col-6 {
  width: 49.998%;
}
.column.col-7 {
  width: 58.331%;
}
.column.col-8 {
  width: 66.664%;
}
.column.col-9 {
  width: 74.997%;
}
.column.col-10 {
  width: 83.33%;
}
.column.col-11 {
  width: 91.663%;
}
.column.col-12 {
  width: 100%;
}
.column.offset-1 {
  margin-left: 8.333%;
}
.column.offset-2 {
  margin-left: 16.666%;
}
.column.offset-3 {
  margin-left: 24.999%;
}
.column.offset-4 {
  margin-left: 33.332%;
}
.column.offset-5 {
  margin-left: 41.665%;
}
.column.offset-6 {
  margin-left: 49.998%;
}
.column.offset-7 {
  margin-left: 58.331%;
}
.column.offset-8 {
  margin-left: 66.664%;
}
.column.offset-9 {
  margin-left: 74.997%;
}
.column.offset-10 {
  margin-left: 83.33%;
}
.column.offset-11 {
  margin-left: 91.663%;
}
@media (max-width: 800px) {
  .column {
    float: none;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
  }
  .column:not(:last-child) {
    margin-bottom: 50px;
  }
}
.row {
  display: block;
  position: relative;
  margin: 0 -25px;
}
.row:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 800px) {
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.container::after,
.row::after,
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}
/** 02. COMMONS
-------------------------------------------------- **/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}
body {
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ffffff;
}
@media (max-width: 800px) {
  body {
    font-size: 16px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-style: normal;
  line-height: 1.4;
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) {
  margin-bottom: 25px;
}
h1 {
  font-size: 50px;
  font-weight: 300;
}
h2 {
  font-size: 42px;
  font-weight: 300;
}
h3 {
  font-size: 36px;
  font-weight: 300;
}
h4 {
  font-size: 30px;
}
h5 {
  font-size: 24px;
}
@media (max-width: 600px) {
  h1 {
    font-size: 42px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 20px;
  }
}
h6 {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}
p:not(:last-child) {
  margin-bottom: 25px;
}
p.lead {
  font-size: 20px;
}
@media (max-width: 800px) {
  p {
    font-size: inherit;
  }
}
::selection {
  color: #fff;
  background: #000;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
blockquote {
  font-size: 20px;
  padding: 25px;
}
blockquote:not(:last-child) {
  margin-bottom: 25px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.white {
  color: #fff;
}
.section,
.vc_section,
.vc_section.vc_section-has-fill,
.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section {
  padding: 100px 0;
}
.section.pt-0 {
  padding-top: 0;
}
.section.pt-100 {
  padding-top: 100px;
}
.section.pt-150,
.vc_section:first-child {
  padding-top: 150px;
}
.section.pt-200 {
  padding-top: 200px;
}
.section.pb-0 {
  padding-bottom: 0;
}
.section.pb-100 {
  padding-bottom: 100px;
}
.section.pb-150 {
  padding-bottom: 150px;
}
.section.pb-200 {
  padding-bottom: 200px;
}
@media (max-width: 600px) {
  .section,
  .vc_section,
  .vc_section.vc_section-has-fill,
  .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section {
    padding: 75px 0;
  }
  .section.pt-100 {
    padding-top: 50px;
  }
  .section.pt-150,
  .vc_section:first-child {
    padding-top: 100px;
  }
  .section.pt-200 {
    padding-top: 150px;
  }
  .section.pb-100 {
    padding-bottom: 50px;
  }
  .section.pb-150 {
    padding-bottom: 100px;
  }
  .section.pb-200 {
    padding-bottom: 150px;
  }
}
div[class*="gap-"] {
  display: block;
}
.gap-25 {
  height: 25px;
}
.gap-50 {
  height: 50px;
}
.gap-100 {
  height: 100px;
}
.gap-150 {
  height: 150px;
}
@media (max-width: 600px) {
  .gap-50 {
    height: 25px;
  }
  .gap-100 {
    height: 75px;
  }
  .gap-150 {
    height: 100px;
  }
}
.overlay {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.overlay .overlay-content {
  width: 100%;
  display: table-cell;
  position: relative;
  padding: 3vw;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.overlay[data-pos="top"] .overlay-content {
  vertical-align: top;
}
.overlay[data-pos="center"] .overlay-content {
  vertical-align: middle;
}
.overlay[data-pos="bottom"] .overlay-content {
  vertical-align: bottom;
}
.overlay.hidden .overlay-content {
  opacity: 0;
}
.overlay.hidden::before {
  opacity: 0;
  visibility: hidden;
}
.overlay.hidden[data-pos="top"] .overlay-content {
  top: -25px;
}
.overlay.hidden[data-pos="center"] .overlay-content,
.overlay.hidden[data-pos="bottom"] .overlay-content {
  transform: scale(1.1);
}
.overlay.hidden:hover .overlay-content {
  opacity: 1;
}
.overlay.hidden:hover::before {
  opacity: 1;
  visibility: visible;
}
.overlay.hidden:hover[data-pos="top"] .overlay-content {
  top: 0;
}
.overlay.hidden:hover[data-pos="center"] .overlay-content,
.overlay.hidden:hover[data-pos="bottom"] .overlay-content {
  transform: scale(1);
}
.overlay * {
  z-index: 2;
}
.overlay[data-overlay="10"]::before {
  background: #000000;
}
.overlay[data-overlay="9"]::before {
  background: rgba(0, 0, 0, 0.9);
}
.overlay[data-overlay="8"]::before {
  background: rgba(0, 0, 0, 0.8);
}
.overlay[data-overlay="7"]::before {
  background: rgba(0, 0, 0, 0.7);
}
.overlay[data-overlay="6"]::before {
  background: rgba(0, 0, 0, 0.6);
}
.overlay[data-overlay="5"]::before {
  background: rgba(0, 0, 0, 0.5);
}
.overlay[data-overlay="4"]::before {
  background: rgba(0, 0, 0, 0.4);
}
.overlay[data-overlay="3"]::before {
  background: rgba(0, 0, 0, 0.3);
}
.overlay[data-overlay="2"]::before {
  background: rgba(0, 0, 0, 0.2);
}
.overlay[data-overlay="1"]::before {
  background: rgba(0, 0, 0, 0.1);
}
.overlay[data-overlay="10"].overlay-light::before {
  background: #ffffff;
}
.overlay[data-overlay="9"].overlay-light::before {
  background: rgba(255, 255, 255, 0.9);
}
.overlay[data-overlay="8"].overlay-light::before {
  background: rgba(255, 255, 255, 0.8);
}
.overlay[data-overlay="7"].overlay-light::before {
  background: rgba(255, 255, 255, 0.7);
}
.overlay[data-overlay="6"].overlay-light::before {
  background: rgba(255, 255, 255, 0.6);
}
.overlay[data-overlay="5"].overlay-light::before {
  background: rgba(255, 255, 255, 0.5);
}
.overlay[data-overlay="4"].overlay-light::before {
  background: rgba(255, 255, 255, 0.4);
}
.overlay[data-overlay="3"].overlay-light::before {
  background: rgba(255, 255, 255, 0.3);
}
.overlay[data-overlay="2"].overlay-light::before {
  background: rgba(255, 255, 255, 0.2);
}
.overlay[data-overlay="1"].overlay-light::before {
  background: rgba(255, 255, 255, 0.1);
}
#site-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: all 0.7s cubic-bezier(0.7, 0.3, 0.1, 1) 0.3s;
  -moz-transition: all 0.7s cubic-bezier(0.7, 0.3, 0.1, 1) 0.3s;
  -ms-transition: all 0.7s cubic-bezier(0.7, 0.3, 0.1, 1) 0.3s;
  -o-transition: all 0.7s cubic-bezier(0.7, 0.3, 0.1, 1) 0.3s;
  transition: all 0.7s cubic-bezier(0.7, 0.3, 0.1, 1) 0.3s;
}
#site-loading .loader {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  animation: loading 0.7s linear infinite;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@keyframes loading {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#site-loading.hide {
  opacity: 0;
  visibility: hidden;
}
#site-loading.hide .loader {
  opacity: 0;
  visibility: hidden;
}
#site-main {
  position: relative;
  padding-top: 100px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#site-main.nav-open {
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
}
#site-main #main-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#site-main #main-overlay.nav-open {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 800px) {
  #site-main {
    padding-top: 100px;
  }
}
/** 03. BUTTONS
-------------------------------------------------- **/
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  padding: 0 25px;
  background: 0;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/** 04. FORMS
-------------------------------------------------- **/
.form-group:not(:last-child) {
  margin-bottom: 15px;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  width: 100%;
  height: 50px;
  font-size: inherit;
  padding: 0 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 120px;
  padding: 15px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
label {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}
/** 05. HEADER
-------------------------------------------------- **/
#site-header {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
#site-header .container {
  height: 100%;
  position: relative;
}
#site-header #header-logo {
  line-height: 100px;
}
#site-header #header-logo a img {
  max-height: 40px;
  width: auto;
}
#site-header #burger {
  display: block;
  width: 20px;
  height: 14px;
  position: relative;
  top: 50%;
  margin-top: -7px;
  cursor: pointer;
}
#site-header #burger .icon-bar {
  width: 100%;
  height: 2px;
  position: absolute;
  right: 0;
}
#site-header #burger .icon-bar.top {
  top: 0;
}
#site-header #burger .icon-bar.middle {
  top: 50%;
  margin-top: -1px;
}
#site-header #burger .icon-bar.bottom {
  bottom: 0;
}
@media (max-width: 800px) {
  #site-header {
    height: 100px;
  }
  #site-header #header-logo {
    line-height: 100px;
  }
}
/** 06. NAV
-------------------------------------------------- **/
#site-nav {
  width: 25%;
  height: 100%;
  position: fixed;
  top: 0;
  right: -40%;
  margin-right: -17px;
  z-index: 10;
  overflow: auto;
  padding: 60px;
  overflow-y: scroll;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#site-nav #nav-close {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
}
#site-nav #nav-close::before,
#site-nav #nav-close::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#site-nav #nav-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#site-nav #nav-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#site-nav #menu {
  list-style: none;
  text-align: right;
  line-height: 1;
  margin-top: 40%;
}
#site-nav #menu li {
  display: block;
  position: relative;
}
#site-nav #menu li:not(:last-child) {
  margin-bottom: 50px;
}
#site-nav #menu li a {
  position: relative;
  font-size: 28px;
  padding-right: 15px;
}
#site-nav #menu li a.parent::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
}
#site-nav #menu li .sub-menu {
  list-style: none;
  position: relative;
  line-height: 1.6;
  margin-top: 10px;
}
#site-nav #menu li .sub-menu li {
  margin-bottom: 0;
}
#site-nav #menu li .sub-menu li a {
  font-size: 14px;
  color: inherit;
}
#site-nav.nav-open {
  right: 0;
}
@media (max-width: 800px) {
  #site-nav {
    width: 90%;
    right: -90%;
  }
}
@media (max-width: 600px) {
  #site-nav {
    padding: 50px;
  }
  #site-nav #menu li:not(:last-child) {
    margin-bottom: 25px;
  }
  #site-nav #menu li a {
    font-size: 20px;
  }
}
/** 07. PORTFOLIO
-------------------------------------------------- **/
.gallery[data-cols="4"] .overlay .overlay-content {
  padding: 1vw;
}
.entry .title:not(:last-child) {
  margin-bottom: 10px;
}
.entry .cat {
  font-size: 15px;
  font-weight: 600;
}
.entry .social {
  margin-top: 25px;
}
@media (max-width: 600px) {
  .entry .overlay {
    display: none;
  }
}
.portfolio-title {
  transform: translateY(70px);
  transition: all 0.3s ease-in-out 0s;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.portfolio-subtitle {
  transform: translateY(70px);
  transition: all 0.3s ease-in-out 0.1s;
}
.overlay.hidden:hover .portfolio-title,
.overlay.hidden:hover .portfolio-subtitle {
  transform: translateY(0);
}
.filters {
  padding-bottom: 50px;
  text-align: center;
}
.filters .filters-list {
  list-style: none;
}
.filters .filters-list li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.filters .filters-list li:not(:last-child) {
  margin-right: 30px;
}
.filters .filters-list li.active {
  cursor: default;
}
@media (max-width: 600px) {
  .filters .filters-list li {
    display: block;
  }
  .filters .filters-list li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.portfolio-meta-title {
    display: inline-block;
    width: 40%;
    font-size: 14px;
}
.portfolio-meta-details {
    display: inline-block;
    font-size: 14px;
}
.project-categories {
  position: relative;
}
.project-categories:not(:last-child) {
  margin-bottom: 30px;
}
.project-categories span {
  font-size: 14px;
}
.project-categories span:not(:last-child) {
  margin-right: 15px;
}
.project-pagination {
  position: relative;
}
.project-pagination span {
  display: block;
  width: 33.33%;
  position: relative;
  top: 0;
}
.project-pagination span.prev {
  position: absolute;
  left: 0;
}
.project-pagination span.back {
  left: 33.33%;
}
.project-pagination span.next {
  position: absolute;
  right: 0;
}
.project-pagination span a {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 100px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.work-entry .title,
.team-member .title {
    display: inline-block;
}
.project-categories a {
    color: #fff;
    padding: 10px;
}
.project-categories a:hover,
.project-categories a:focus {
  color: #fff;
}
@media (max-width: 800px) {
  .project-pagination span {
    width: 100% !important;
    position: relative !important;
    top: auto;
    left: 0 !important;
  }
  .project-pagination span a {
    padding: 25px;
  }
}
/** 08. BLOG
-------------------------------------------------- **/
.post {
  margin-bottom: 100px;
  background: #fff;
  padding: 50px;
}
.post .post__image {
  margin-bottom: 50px;
  text-align: center;
}
.entry-metas {
  margin-bottom: 5px;
}
.entry-metas .meta {
  display: inline-block;
  font-size: 16px;
}
.entry-metas .meta:not(:last-child) {
  margin-right: 10px;
}
.entry-metas .meta .meta-title {
  font-weight: 600;
  margin-bottom: 5px;
  display: inline-block;
}
.entry-metas .meta .meta-desc {
  display: inline-block;
}
@media (max-width: 600px) {
  .entry-metas .meta:not(:last-child) {
    margin-bottom: 10px;
  }
}
.tags {
  margin-top: 50px;
}
.tags a {
  display: inline-block;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 1px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.tags a:not(:last-child) {
  margin-right: 5px;
}
.blog-pagination {
  position: relative;
}
.blog-pagination::after {
  content: '';
  display: block;
  clear: both;
}
.blog-pagination span {
  display: block;
  position: relative;
  width: 50%;
  top: 0;
}
.blog-pagination span.prev {
  float: left;
}
.blog-pagination span.next {
  float: right;
}
.blog-pagination span a {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  padding: 50px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 800px) {
  .blog-pagination span {
    width: 100%;
    position: relative;
    float: none !important;
  }
  .blog-pagination span a {
    padding: 25px;
  }
}
.comments-list {
  list-style: none;
}
.comments-list .comment:not(:last-child) {
  margin-bottom: 50px;
}
.comments-list .comment .children {
  list-style: none;
  margin: 50px 0 0 50px;
}
.comments-list .comment .comment-user {
  float: left;
  width: 100px;
  position: relative;
}
.comments-list .comment .comment-user img {
  border-radius: 5px;
}
.comments-list .comment .comment-content {
  margin-left: 120px;
}
.comments-list .pingback.comment .comment-content {
  margin-left: 0px;
}
.comments-list .comment .comment-content .date {
  font-size: 14px;
}
.comments-list .comment .comment-content p:first-of-type {
  margin-top: 15px;
}
@media (max-width: 600px) {
  .comments-list .comment .children {
    margin: 50px 0 0 15px;
  }
  .comments-list .comment .comment-user {
    width: 50px;
  }
  .comments-list .comment .comment-content {
    margin-left: 70px;
  }
}
/** 09. SOCIAL
-------------------------------------------------- **/
.social {
  list-style: none;
}
.social li {
  display: inline-block;
  position: relative;
}
.social li:not(:last-child) {
  margin-right: 15px;
}
.social li a {
  font-size: 16px;
  color: #fff;
  height: 30px;
  display: inline-block;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
}
/** 10. WORDPRESS
-------------------------------------------------- **/
.admin-bar #site-nav {
  top: 32px;
}
.widget {
  margin-bottom: 50px;
}
.widget:last-child {
  margin-bottom: 0;
}
.vc_section.vc_row-o-full-height {
    min-height: 100vh !important;
}
.container > .vc_section > .vc_row {
  margin-left: 0;
  margin-right: 0;
}
.hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block !important;
    z-index: 0;
}
.section.bg-grey + .section.bg-grey {
  padding-top: 0;
}
.category.bg-color {
  padding: 15px;
  color: #fff;
  border-radius: 2px;
}

/*-----------------------------------------------------------------------------------*/
/*  WORDPRESS DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/
.widget {
  margin-bottom: 50px;
}
.sticky {
  opacity: 1;
}
.bypostauthor img.avatar {
  border-color: #fff;
}
.screen-reader-text,
.comment-form label,
p:empty {
  display: none;
}
select {
  max-width: 100%;
  width: 100%;
}
.alignleft,
.aligncenter,
.alignright,
.alignnone {
  margin-bottom: 25px;
}
.alignnone {
  display: block;
}
.alignleft {
  float: left;
  margin: 0 30px 30px 0 !important;
}
.alignright {
  float: right;
  margin: 0 0 30px 30px !important;
}
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
figure.aligncenter a {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.wp-caption {
  max-width: 100%;
  text-align: center;
}
.wp-caption img {
  margin-bottom: 10px;
}
.gallery-caption {
  margin: 20px 0;
  max-width: 100%;
  text-align: center;
  z-index: 999;
}
.wp-caption-text,
.gallery-caption-text {
  margin: 6px 0;
  font-style: italic;
  font-size: 95%;
  line-height: 120%;
}
.aligncenter {
  text-align: center;
}
table#wp-calendar {
  border: 1px solid #cccccc
}
table#wp-calendar>tbody>tr>td>a {
  text-decoration: underline
}
table#wp-calendar thead>tr>th {
  width: 35px;
  height: 20px;
  text-align: center;
  border: 1px solid #cccccc;
}
table#wp-calendar tbody>tr>td {
  width: 35px;
  height: 20px;
  text-align: center;
  border: 1px solid #cccccc;
}
table#wp-calendar tfoot>tr>td>a,
tfoot>tr>td>a:link,
tfoot>tr>td>a:visited,
tfoot>tr>td>a:hover,
tfoot>tr>td>a:active {
  text-decoration: underline;
  height: 23px;
  margin-left: 10px;
  padding-bottom: 3px;
}
table#wp-calendar tfoot>tr>td#prev {
  width: 58px;
  height: 20px;
  text-align: left;
}
table#wp-calendar tfoot>tr>td#next {
  width: 58px;
  height: 20px;
  text-align: right;
}
.post__content table,
.wpb_text_column table {
  margin-bottom: 25px;
  border-collapse: collapse;
}
.post__content table th,
.post__content table tr,
.post__content table td,
#wp-calendar table tr,
#wp-calendar table td,
.wpb_text_column tr,
.wpb_text_column td,
.commentlist table tr,
.commentlist table td {
  padding: 10px 15px;
  border: 1px solid #cccccc;
}
dd {
  margin-bottom: 25px;
}
dt {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.widget_rss li {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.widget_rss li .rsswidget, .widget_rss li cite {
  font-weight: bold;
  display: block;
}
.widget_rss li .rss-date {
  display: block;
  margin-bottom: 10px;
}
.widget_rss li cite {
  margin-top: 10px;
}
.post__content hr,
.wpb_text_column hr {
  clear: both;
}
.post__content span.pull-right,
.post__content span.pull-left,
.wpb_text_column span.pull-right,
.wpb_text_column span.pull-left {
  float: right;
  display: inline-block;
  width: 300px;
  margin: 0 0 20px 20px;
  font-size: 22px;
  line-height: 30px;
}
.post__content span.pull-right,
.wpb_text_column span.pull-right {
  float: right;
  margin: 0 0 20px 20px;
  text-align: right;
}
.post__content span.pull-left,
.wpb_text_column span.pull-left {
  float: left;
  margin: 0 20px 20px 0;
}
.post__content table,
.wpb_text_column table {
  text-align: left;
  width: 100%;
}
.post__content table td,
.post__content table th,
.wpb_text_column table td,
.wpb_text_column table th,
.commentlist table td,
.commentlist table th {
  padding: 15px;
}
.post__content table tr:nth-child(even),
.post__content table thead tr,
.wpb_text_column table thead tr,
.wpb_text_column table tr:nth-child(even),
.commentlist table thead tr,
.commentlist table tr:nth-child(even) {
  background: #f5f5f5;
}
.widget .children:before,
.widget .children:after {
  display: none;
}
.widget .children {
  padding-top: 0;
  list-style: square;
  padding-left: 0;
  margin-left: 0;
  list-style-position: inside;
}
.widget ul,
.post__content ul,
.post__content ol {
  padding-left: 25px;
}
.widget ul.social {
  padding-left: 0;
}
.commentlist ul.children {
  list-style: none;
}
pre {
  word-wrap: break-word;
}
sub {
  position: relative;
  top: 5px;
}
sup {
  position: relative;
  bottom: 5px;
}
.widget ul ul ul ul ul ul ul ul {
  padding-left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/
div.wpcf7 .wpcf7-not-valid {
  border-color: #b54d4d
}
span.wpcf7-not-valid-tip {
  display: none !important
}
div.wpcf7-validation-errors,
.highlight {
  margin: 0;
  padding: 10px;
  background-color: #fcf8e3;
  color: #c09853;
  border-bottom: 2px solid #faebcc;
}
div.wpcf7-mail-sent-ok {
  margin: 0;
  padding: 10px;
  border: 2px solid #d6e9c6;
  background-color: #dff0d8;
  color: #468847;
}
div.wpcf7 input[type="submit"],
div.wpcf7 p {
  margin-bottom: 0;
}
div.wpcf7-response-output {
  clear: both;
  margin-top: 20px;
}